stream-chat-react-native-core 5.43.3-beta.2 → 5.44.0

package/lib/commonjs/components/AITypingIndicatorView/AITypingIndicatorView.js

@@ -0,0 +1,53 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AITypingIndicatorView = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useAIState2 = require("./hooks/useAIState");
+var _contexts = require("../../contexts");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AITypingIndicatorView/AITypingIndicatorView.tsx";
+var AITypingIndicatorView = function AITypingIndicatorView(_ref) {
+  var _allowedStates;
+  var channelFromProps = _ref.channel;
+  var _useTranslationContex = (0, _contexts.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var _useChannelContext = (0, _contexts.useChannelContext)(),
+    channelFromContext = _useChannelContext.channel;
+  var channel = channelFromProps || channelFromContext;
+  var _useAIState = (0, _useAIState2.useAIState)(channel),
+    aiState = _useAIState.aiState;
+  var allowedStates = (_allowedStates = {}, (0, _defineProperty2["default"])(_allowedStates, _useAIState2.AIStates.Thinking, t('Thinking...')), (0, _defineProperty2["default"])(_allowedStates, _useAIState2.AIStates.Generating, t('Generating...')), _allowedStates);
+  var _useTheme = (0, _contexts.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$aiTyp = _useTheme$theme.aiTypingIndicatorView,
+    container = _useTheme$theme$aiTyp.container,
+    text = _useTheme$theme$aiTyp.text,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    black = _useTheme$theme$color.black,
+    grey_gainsboro = _useTheme$theme$color.grey_gainsboro;
+  return aiState in allowedStates ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: grey_gainsboro
+    }, container],
+    children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [{
+        color: black
+      }, text],
+      children: allowedStates[aiState]
+    })
+  }) : null;
+};
+exports.AITypingIndicatorView = AITypingIndicatorView;
+AITypingIndicatorView.displayName = 'AITypingIndicatorView{messageSimple{content}}';
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 16,
+    paddingVertical: 18
+  }
+});
+//# sourceMappingURL=AITypingIndicatorView.js.map

package/lib/commonjs/components/AITypingIndicatorView/AITypingIndicatorView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useAIState2","_contexts","_jsxRuntime","_this","_jsxFileName","AITypingIndicatorView","_ref","_allowedStates","channelFromProps","channel","_useTranslationContex","useTranslationContext","t","_useChannelContext","useChannelContext","channelFromContext","_useAIState","useAIState","aiState","allowedStates","_defineProperty2","AIStates","Thinking","Generating","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$aiTyp","aiTypingIndicatorView","container","text","_useTheme$theme$color","colors","black","grey_gainsboro","jsx","View","style","styles","backgroundColor","children","Text","color","exports","displayName","StyleSheet","create","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/AITypingIndicatorView/AITypingIndicatorView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAoF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAS7E,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAIoB;EAAA,IAAAC,cAAA;EAAA,IAD3CC,gBAAgB,GAAAF,IAAA,CAAzBG,OAAO;EAEP,IAAAC,qBAAA,GAAc,IAAAC,+BAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,kBAAA,GAAwC,IAAAC,2BAAiB,EAAqB,CAAC;IAA9DC,kBAAkB,GAAAF,kBAAA,CAA3BJ,OAAO;EACf,IAAMA,OAAO,GAAGD,gBAAgB,IAAIO,kBAAkB;EACtD,IAAAC,WAAA,GAAoB,IAAAC,uBAAU,EAACR,OAAO,CAAC;IAA/BS,OAAO,GAAAF,WAAA,CAAPE,OAAO;EACf,IAAMC,aAAa,IAAAZ,cAAA,WAAAa,gBAAA,aAAAb,cAAA,EAChBc,qBAAQ,CAACC,QAAQ,EAAGV,CAAC,CAAC,aAAa,CAAC,OAAAQ,gBAAA,aAAAb,cAAA,EACpCc,qBAAQ,CAACE,UAAU,EAAGX,CAAC,CAAC,eAAe,CAAC,GAAAL,cAAA,CAC1C;EAED,IAAAiB,SAAA,GAKI,IAAAC,kBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,qBAAqB;IAAIC,SAAS,GAAAF,qBAAA,CAATE,SAAS;IAAEC,IAAI,GAAAH,qBAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAN,eAAA,CACxCO,MAAM;IAAIC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,cAAc,GAAAH,qBAAA,CAAdG,cAAc;EAInC,OAAOjB,OAAO,IAAIC,aAAa,GAC7B,IAAAjB,WAAA,CAAAkC,GAAA,EAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACT,SAAS,EAAE;MAAEU,eAAe,EAAEL;IAAe,CAAC,EAAEL,SAAS,CAAE;IAAAW,QAAA,EAC9E,IAAAvC,WAAA,CAAAkC,GAAA,EAACrC,YAAA,CAAA2C,IAAI;MAACJ,KAAK,EAAE,CAAC;QAAEK,KAAK,EAAET;MAAM,CAAC,EAAEH,IAAI,CAAE;MAAAU,QAAA,EAAEtB,aAAa,CAACD,OAAO;IAAC,CAAO;EAAC,CAClE,CAAC,GACL,IAAI;AACV,CAAC;AAAC0B,OAAA,CAAAvC,qBAAA,GAAAA,qBAAA;AAEFA,qBAAqB,CAACwC,WAAW,GAAG,+CAA+C;AAEnF,IAAMN,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IAAEkB,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE;EAAG;AAC1D,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/AITypingIndicatorView/hooks/useAIState.js

@@ -0,0 +1,59 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAIState = exports.AIStates = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _contexts = require("../../../contexts");
+var _useIsOnline2 = require("../../Chat/hooks/useIsOnline");
+var AIStates = {
+  Error: 'AI_STATE_ERROR',
+  ExternalSources: 'AI_STATE_EXTERNAL_SOURCES',
+  Generating: 'AI_STATE_GENERATING',
+  Idle: 'AI_STATE_IDLE',
+  Thinking: 'AI_STATE_THINKING'
+};
+exports.AIStates = AIStates;
+var useAIState = function useAIState(channel) {
+  var _useChatContext = (0, _contexts.useChatContext)(),
+    client = _useChatContext.client;
+  var _useIsOnline = (0, _useIsOnline2.useIsOnline)(client),
+    isOnline = _useIsOnline.isOnline;
+  var _useState = (0, _react.useState)(AIStates.Idle),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    aiState = _useState2[0],
+    setAiState = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (!isOnline) {
+      setAiState(AIStates.Idle);
+    }
+  }, [isOnline]);
+  (0, _react.useEffect)(function () {
+    if (!channel) {
+      return;
+    }
+    var indicatorChangedListener = channel.on('ai_indicator.update', function (event) {
+      var cid = event.cid;
+      var state = event.ai_state;
+      if (channel.cid === cid) {
+        setAiState(state);
+      }
+    });
+    var indicatorClearedListener = channel.on('ai_indicator.clear', function (event) {
+      var cid = event.cid;
+      if (channel.cid === cid) {
+        setAiState(AIStates.Idle);
+      }
+    });
+    return function () {
+      indicatorChangedListener.unsubscribe();
+      indicatorClearedListener.unsubscribe();
+    };
+  }, [channel]);
+  return {
+    aiState: aiState
+  };
+};
+exports.useAIState = useAIState;
+//# sourceMappingURL=useAIState.js.map

package/lib/commonjs/components/AITypingIndicatorView/hooks/useAIState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_contexts","_useIsOnline2","AIStates","Error","ExternalSources","Generating","Idle","Thinking","exports","useAIState","channel","_useChatContext","useChatContext","client","_useIsOnline","useIsOnline","isOnline","_useState","useState","_useState2","_slicedToArray2","aiState","setAiState","useEffect","indicatorChangedListener","on","event","cid","state","ai_state","indicatorClearedListener","unsubscribe"],"sourceRoot":"../../../../../src","sources":["components/AITypingIndicatorView/hooks/useAIState.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEO,IAAMG,QAAQ,GAAG;EACtBC,KAAK,EAAE,gBAAgB;EACvBC,eAAe,EAAE,2BAA2B;EAC5CC,UAAU,EAAE,qBAAqB;EACjCC,IAAI,EAAE,eAAe;EACrBC,QAAQ,EAAE;AACZ,CAAC;AAACC,OAAA,CAAAN,QAAA,GAAAA,QAAA;AAOK,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAGrBC,OAAqC,EACZ;EACzB,IAAAC,eAAA,GAAmB,IAAAC,wBAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAAC,YAAA,GAAqB,IAAAC,yBAAW,EAAqBF,MAAM,CAAC;IAApDG,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAEhB,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAUhB,QAAQ,CAACI,IAAI,CAAC;IAAAa,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAvDI,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAE1B,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAI,CAACP,QAAQ,EAAE;MACbM,UAAU,CAACpB,QAAQ,CAACI,IAAI,CAAC;IAC3B;EACF,CAAC,EAAE,CAACU,QAAQ,CAAC,CAAC;EAEd,IAAAO,gBAAS,EAAC,YAAM;IACd,IAAI,CAACb,OAAO,EAAE;MACZ;IACF;IAEA,IAAMc,wBAAwB,GAAGd,OAAO,CAACe,EAAE,CACzC,qBAAqB,EACrB,UAACC,KAAgC,EAAK;MACpC,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;MACX,IAAMC,KAAK,GAAGF,KAAK,CAACG,QAAmB;MACvC,IAAInB,OAAO,CAACiB,GAAG,KAAKA,GAAG,EAAE;QACvBL,UAAU,CAACM,KAAK,CAAC;MACnB;IACF,CACF,CAAC;IAED,IAAME,wBAAwB,GAAGpB,OAAO,CAACe,EAAE,CAAC,oBAAoB,EAAE,UAACC,KAAK,EAAK;MAC3E,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;MACX,IAAIjB,OAAO,CAACiB,GAAG,KAAKA,GAAG,EAAE;QACvBL,UAAU,CAACpB,QAAQ,CAACI,IAAI,CAAC;MAC3B;IACF,CAAC,CAAC;IAEF,OAAO,YAAM;MACXkB,wBAAwB,CAACO,WAAW,CAAC,CAAC;MACtCD,wBAAwB,CAACC,WAAW,CAAC,CAAC;IACxC,CAAC;EACH,CAAC,EAAE,CAACrB,OAAO,CAAC,CAAC;EAEb,OAAO;IAAEW,OAAO,EAAPA;EAAQ,CAAC;AACpB,CAAC;AAACb,OAAA,CAAAC,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/components/AITypingIndicatorView/index.js

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _AITypingIndicatorView = require("./AITypingIndicatorView");
+Object.keys(_AITypingIndicatorView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AITypingIndicatorView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AITypingIndicatorView[key];
+    }
+  });
+});
+var _useAIState = require("./hooks/useAIState");
+Object.keys(_useAIState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useAIState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useAIState[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/AITypingIndicatorView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AITypingIndicatorView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useAIState"],"sourceRoot":"../../../../src","sources":["components/AITypingIndicatorView/index.ts"],"mappings":";;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/Channel/Channel.js

@@ -82,6 +82,7 @@ var _MessageSimple = require("../Message/MessageSimple/MessageSimple");
 var _MessageStatus = require("../Message/MessageSimple/MessageStatus");
 var _MessageTimestamp = require("../Message/MessageSimple/MessageTimestamp");
 var _ReactionList = require("../Message/MessageSimple/ReactionList");
+var _StreamingMessageView = require("../Message/MessageSimple/StreamingMessageView");
 var _AttachButton = require("../MessageInput/AttachButton");
 var _CommandsButton = require("../MessageInput/CommandsButton");
 var _AudioRecorder = require("../MessageInput/components/AudioRecorder/AudioRecorder");
@@ -101,6 +102,7 @@ var _MoreOptionsButton = require("../MessageInput/MoreOptionsButton");
 var _SendButton = require("../MessageInput/SendButton");
 var _SendMessageDisallowedIndicator = require("../MessageInput/SendMessageDisallowedIndicator");
 var _ShowThreadMessageInChannelButton = require("../MessageInput/ShowThreadMessageInChannelButton");
+var _StopMessageStreamingButton = require("../MessageInput/StopMessageStreamingButton");
 var _UploadProgressIndicator = require("../MessageInput/UploadProgressIndicator");
 var _DateHeader = require("../MessageList/DateHeader");
 var _InlineDateSeparator = require("../MessageList/InlineDateSeparator");
@@ -338,7 +340,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     _props$MessageContent = props.MessageContent,
     MessageContent = _props$MessageContent === void 0 ? _MessageContent.MessageContent : _props$MessageContent,
     _props$messageContent = props.messageContentOrder,
-    messageContentOrder = _props$messageContent === void 0 ? ['quoted_reply', 'gallery', 'files', 'poll', 'text', 'attachments'] : _props$messageContent,
+    messageContentOrder = _props$messageContent === void 0 ? ['quoted_reply', 'gallery', 'files', 'poll', 'ai_text', 'text', 'attachments'] : _props$messageContent,
     _props$MessageDeleted = props.MessageDeleted,
     MessageDeleted = _props$MessageDeleted === void 0 ? _MessageDeleted.MessageDeleted : _props$MessageDeleted,
     _props$MessageEditedT = props.MessageEditedTimestamp,
@@ -418,6 +420,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
     stateUpdateThrottleInterval = _props$stateUpdateThr === void 0 ? defaultThrottleInterval : _props$stateUpdateThr,
     _props$StickyHeader = props.StickyHeader,
     StickyHeader = _props$StickyHeader === void 0 ? _StickyHeader.StickyHeader : _props$StickyHeader,
+    StopMessageStreamingButtonOverride = props.StopMessageStreamingButton,
+    _props$StreamingMessa = props.StreamingMessageView,
+    StreamingMessageView = _props$StreamingMessa === void 0 ? _StreamingMessageView.StreamingMessageView : _props$StreamingMessa,
     _props$supportedReact = props.supportedReactions,
     supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact,
     t = props.t,
@@ -439,6 +444,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     watchers = props.watchers;
   var threadProps = threadFromProps.thread,
     threadInstance = threadFromProps.threadInstance;
+  var StopMessageStreamingButton = StopMessageStreamingButtonOverride === undefined ? _StopMessageStreamingButton.StopMessageStreamingButton : StopMessageStreamingButtonOverride;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
     selectChannel = _useTheme$theme.channel.selectChannel,
@@ -2355,6 +2361,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setQuotedMessageState: setQuotedMessageState,
     ShowThreadMessageInChannelButton: ShowThreadMessageInChannelButton,
     StartAudioRecordingButton: StartAudioRecordingButton,
+    StopMessageStreamingButton: StopMessageStreamingButton,
     UploadProgressIndicator: UploadProgressIndicator
   });
   var messageListContext = (0, _useCreatePaginatedMessageListContext.useCreatePaginatedMessageListContext)({
@@ -2452,6 +2459,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setEditingState: setEditingState,
     setQuotedMessageState: setQuotedMessageState,
     shouldShowUnreadUnderlay: shouldShowUnreadUnderlay,
+    StreamingMessageView: StreamingMessageView,
     supportedReactions: supportedReactions,
     targetedMessage: targetedMessage,
     TypingIndicator: TypingIndicator,