@magmamath/students-features 1.0.2 → 1.0.3-rc.0

package/dist/commonjs/features/chatbot/components/Chat/Chat.js

@@ -7,118 +7,146 @@ exports.Chat = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _effectorReact = require("effector-react");
-var _ChatMessage = require("../ChatMessage/ChatMessage.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _MessageLoader = require("../ChatMessage/MessageLoader.js");
-var _ChatInput = require("../ChatInput/ChatInput.js");
-var _modelTypes = require("../../types/model.types.js");
 var _styleTypes = require("../../types/style.types.js");
-var _ConditionalWrapper = require("../../../../lib/components/ConditionalWrapper.js");
+var _ChatIcon = require("./ChatIcon.js");
+var _ChatInputBlock = require("./ChatInputBlock.js");
+var _MessageItem = require("./MessageItem.js");
+var _constants = require("../../constants.js");
+var _useChatScroll = require("../../hooks/useChatScroll.js");
+var _useChatFade = require("../../hooks/useChatFade");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TOOLBAR_HEIGHT = 140;
-const BOTTOM_OFFSET = _reactNative.Platform.select({
-  web: 265,
-  default: 294
+const Separator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.separator
 });
+const keyExtractor = (item, index) => `${item.id}-${index}`;
 const Chat = ({
   model,
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  maxHeight = 100,
   colorScheme = _styleTypes.ColorScheme.Blue,
   MessageWrapper,
-  TTSHighlightRenderer
+  TTSHighlightRenderer,
+  onPressClose
 }) => {
-  const dimensions = (0, _reactNative.useWindowDimensions)();
-  const ref = (0, _react.useRef)(null);
+  const listRef = (0, _react.useRef)(null);
+  const {
+    fadeRef,
+    maskStyle,
+    handleScrollStateChange,
+    resetFade
+  } = (0, _useChatFade.useChatFade)();
+  const {
+    scrollStateRef,
+    isScrolledUp,
+    handleScroll,
+    handleLayout,
+    handleContentSizeChange,
+    scrollToBottom,
+    reset: resetScroll
+  } = (0, _useChatScroll.useChatScroll)({
+    listRef,
+    onStateChange: handleScrollStateChange
+  });
   const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
   const isHelpRequestPending = (0, _effectorReact.useUnit)(model.sendHelpRequestFx.pending);
-  const isTextToSpeechPending = (0, _effectorReact.useUnit)(model.api.textToSpeechTextFx.pending);
-  const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
-  const currentPlayingId = (0, _effectorReact.useUnit)(model.t2s.$currentPlayingId);
-  const highlightedWordIndex = (0, _effectorReact.useUnit)(model.t2s.wordHighlight.$highlightedWordIndex);
-  const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
-  const errorSpottingEnabled = (0, _effectorReact.useUnit)(model.errorSpotting.$isEnabled);
   const messages = (0, _effectorReact.useStoreMap)(model.$currentChatData, ({
     messages
   }) => messages);
-  const lastMessageId = messages.at(-1)?.id;
-  const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
-  const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const lastBotMessageId = [...messages].reverse().find(m => !m.isOwnMessage)?.id;
+  const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
+  const reversedMessages = (0, _react.useMemo)(() => [...messages].reverse(), [messages]);
+  const renderMessage = (0, _react.useCallback)(({
+    item: message
+  }) => {
+    const withIcon = isInputDisabled || !message.isOwnMessage && message.id === lastBotMessageId && scrollStateRef.current.isScrolledUp;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageItem.MessageItem, {
+      message: message,
+      withIcon: withIcon,
+      colorScheme: colorScheme,
+      isInputDisabled: isInputDisabled,
+      isTextToSpeechEnabled: isTextToSpeechEnabled,
+      shouldWrapMessage: shouldWrapMessage,
+      MessageWrapper: MessageWrapper,
+      TTSHighlightRenderer: TTSHighlightRenderer
+    });
+  }, [lastBotMessageId, colorScheme, isInputDisabled, isTextToSpeechEnabled, shouldWrapMessage]);
+  const listHeader = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {
+    isLoading: isHelpRequestPending && (messages.at(-1)?.isOwnMessage || messages.length === 0)
+  }), [isHelpRequestPending, messages]);
+  (0, _react.useEffect)(() => {
+    scrollToBottom();
+  }, [messages.length]);
+  (0, _react.useEffect)(() => {
+    if (!isOpen) {
+      resetScroll();
+      resetFade();
+    }
+  }, [isOpen]);
+  if (!isOpen) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
-      maxHeight: MAX_HEIGHT
+      maxHeight
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      ref: ref,
-      bounces: false,
-      contentContainerStyle: styles.list,
-      onContentSizeChange: (_, height) => {
-        ref.current?.scrollToEnd();
-        if (height >= MAX_HEIGHT) {
-          model.setScrollActive(true);
-        }
-      },
-      children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
-        children: [messages.map((message, index) => {
-          const key = `${message.id}-${index}`;
-          const isPlayingMessage = message.id === currentPlayingId;
-          const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
-              withWrapper: shouldWrapMessage,
-              Wrapper: MessageWrapper,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
-                isTranslated: isTranslated,
-                withIcon: !message.isOwnMessage && message.id === lastMessageId,
-                message: message,
-                variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
-                colorScheme: colorScheme,
-                withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
-                highlightedWordIndex: messageHighlightIndex,
-                TTSHighlightRenderer: TTSHighlightRenderer,
-                t2sState: {
-                  isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-                  isActive: isPlayingMessage,
-                  isLoading: isTextToSpeechPending,
-                  status: audioStatus,
-                  disabled: isTextToSpeechPending
-                }
-              })
-            })
-          }, key);
-        }), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {
-          colorScheme: colorScheme
-        })]
-      }), isOpen && !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
-        isHintFeedback: isHintFeedback,
-        colorScheme: colorScheme,
-        hasMessages: messages.length > 1
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.listWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        ref: listRef,
+        data: reversedMessages,
+        renderItem: renderMessage,
+        keyExtractor: keyExtractor,
+        style: [styles.flatList, maskStyle],
+        contentContainerStyle: styles.list,
+        showsVerticalScrollIndicator: false,
+        inverted: true,
+        bounces: false,
+        onLayout: handleLayout,
+        onScroll: handleScroll,
+        onContentSizeChange: handleContentSizeChange,
+        ItemSeparatorComponent: Separator,
+        ListHeaderComponent: listHeader
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_useChatFade.FadeOverlays, {
+        fadeRef: fadeRef
       })]
-    })
+    }), !isScrolledUp && !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatIcon.ChatIcon, {
+      isLoading: isHelpRequestPending
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInputBlock.ChatInputBlock, {
+      isHintFeedback: isHintFeedback,
+      isInputDisabled: isInputDisabled,
+      colorScheme: colorScheme,
+      hasMessages: messages.length > 1,
+      onPressClose: onPressClose
+    })]
   });
 };
 exports.Chat = Chat;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flex: 1,
     alignItems: 'flex-end',
-    width: 378,
-    height: '100%'
+    width: _constants.CHAT_CONTAINER_WIDTH,
+    paddingRight: _reactNativeUi.SPACING['100']
   },
-  list: {
-    alignItems: 'flex-end',
-    paddingVertical: 2,
-    paddingRight: 6
+  listWrapper: {
+    flexGrow: 1,
+    flexShrink: 1,
+    alignSelf: 'stretch'
   },
-  messagesWithoutInput: {
-    marginBottom: 8
+  flatList: {
+    flexGrow: 1,
+    flexShrink: 1,
+    alignSelf: 'stretch'
+  },
+  list: {
+    paddingTop: 15,
+    paddingBottom: 3
   },
-  gap: {
-    flex: 1,
-    gap: 8
+  separator: {
+    height: _reactNativeUi.SPACING['200']
   }
 });
 //# sourceMappingURL=Chat.js.map

package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_ChatInput","_modelTypes","_styleTypes","_ConditionalWrapper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","shouldWrapMessage","length","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","index","key","isPlayingMessage","messageHighlightIndex","isWordHighlightEnabled","Fragment","ConditionalWrapper","withWrapper","Wrapper","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","ChatInput","hasMessages","exports","StyleSheet","create","flex","alignItems","width","paddingVertical","paddingRight","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_constants","_useChatScroll","_useChatFade","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Separator","jsx","View","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","listRef","useRef","fadeRef","maskStyle","handleScrollStateChange","resetFade","useChatFade","scrollStateRef","isScrolledUp","handleScroll","handleLayout","handleContentSizeChange","scrollToBottom","reset","resetScroll","useChatScroll","onStateChange","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","useStoreMap","$currentChatData","lastBotMessageId","reverse","find","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","useMemo","renderMessage","useCallback","message","withIcon","current","MessageItem","listHeader","MessageLoader","isLoading","at","useEffect","jsxs","container","children","listWrapper","FlatList","ref","data","renderItem","flatList","contentContainerStyle","list","showsVerticalScrollIndicator","inverted","bounces","onLayout","onScroll","onContentSizeChange","ItemSeparatorComponent","ListHeaderComponent","FadeOverlays","ChatIcon","ChatInputBlock","hasMessages","exports","StyleSheet","create","alignItems","width","CHAT_CONTAINER_WIDTH","paddingRight","SPACING","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/ChatIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
+var _LavaIconInGlasses = require("../../../../shared/icons/LavaIconInGlasses.js");
+var _constants = require("../../constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatIcon = ({
+  isLoading
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.container,
+  children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LavaIconInGlasses.LavaIconInGlasses, {
+    width: _constants.CHATBOT_ICON_SIZE.width,
+    height: _constants.CHATBOT_ICON_SIZE.height
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
+    width: _constants.CHATBOT_ICON_SIZE.width,
+    height: _constants.CHATBOT_ICON_SIZE.height
+  })
+});
+exports.ChatIcon = ChatIcon;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: _reactNativeUi.IS_WEB ? 66.5 : 59,
+    left: 0
+  }
+});
+//# sourceMappingURL=ChatIcon.js.map

package/dist/commonjs/features/chatbot/components/Chat/ChatIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ChatbotIcon","_LavaIconInGlasses","_constants","_jsxRuntime","e","__esModule","default","ChatIcon","isLoading","jsx","View","style","styles","container","children","LavaIconInGlasses","width","CHATBOT_ICON_SIZE","height","ChatbotIcon","exports","StyleSheet","create","position","bottom","IS_WEB","left"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/ChatIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAmD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5C,MAAMG,QAAQ,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACnD,IAAAL,WAAA,CAAAM,GAAA,EAACX,YAAA,CAAAY,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,EAC3BN,SAAS,gBACR,IAAAL,WAAA,CAAAM,GAAA,EAACR,kBAAA,CAAAc,iBAAiB;IAACC,KAAK,EAAEC,4BAAiB,CAACD,KAAM;IAACE,MAAM,EAAED,4BAAiB,CAACC;EAAO,CAAE,CAAC,gBAEvF,IAAAf,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAmB,WAAW;IAACH,KAAK,EAAEC,4BAAiB,CAACD,KAAM;IAACE,MAAM,EAAED,4BAAiB,CAACC;EAAO,CAAE;AACjF,CACG,CACP;AAAAE,OAAA,CAAAb,QAAA,GAAAA,QAAA;AAED,MAAMK,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEC,qBAAM,GAAG,IAAI,GAAG,EAAE;IAC1BC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/ChatInputBlock.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatInputBlock = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ChatInput = require("../ChatInput/ChatInput.js");
+var _CloseButton = require("./CloseButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatInputBlock = ({
+  isHintFeedback,
+  isInputDisabled,
+  colorScheme,
+  hasMessages,
+  onPressClose
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+    onPress: onPressClose
+  }), !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
+    isHintFeedback: isHintFeedback,
+    colorScheme: colorScheme,
+    hasMessages: hasMessages
+  })]
+});
+exports.ChatInputBlock = ChatInputBlock;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    maxWidth: _reactNativeUi.IS_WEB ? undefined : 365,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING['200'],
+    minHeight: _reactNativeUi.IS_WEB ? 52 : 44
+  }
+});
+//# sourceMappingURL=ChatInputBlock.js.map

package/dist/commonjs/features/chatbot/components/Chat/ChatInputBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ChatInput","_CloseButton","_jsxRuntime","e","__esModule","default","ChatInputBlock","isHintFeedback","isInputDisabled","colorScheme","hasMessages","onPressClose","jsxs","View","style","styles","container","children","jsx","CloseButton","onPress","ChatInput","exports","StyleSheet","create","maxWidth","IS_WEB","undefined","flexDirection","alignItems","gap","SPACING","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/ChatInputBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAA2C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWpC,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,cAAc;EACdC,eAAe;EACfC,WAAW;EACXC,WAAW;EACXC;AACmB,CAAC,kBACpB,IAAAT,WAAA,CAAAU,IAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,YAAA,CAAAkB,WAAW;IAACC,OAAO,EAAET;EAAa,CAAE,CAAC,EACrC,CAACH,eAAe,iBACf,IAAAN,WAAA,CAAAgB,GAAA,EAAClB,UAAA,CAAAqB,SAAS;IACRd,cAAc,EAAEA,cAAe;IAC/BE,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA;EAAY,CAC1B,CACF;AAAA,CACG,CACP;AAAAY,OAAA,CAAAhB,cAAA,GAAAA,cAAA;AAED,MAAMS,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,QAAQ,EAAEC,qBAAM,GAAGC,SAAS,GAAG,GAAG;IAClCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,KAAK,CAAC;IACnBC,SAAS,EAAEN,qBAAM,GAAG,EAAE,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/CloseButton.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CloseButton = ({
+  onPress
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+  onPress: onPress,
+  style: {
+    button: styles.button
+  },
+  variant: _reactNativeUi.ButtonVariant.PRIMARY,
+  size: _reactNativeUi.ButtonSize.MEDIUM,
+  colorScheme: _reactNativeUi.ButtonColor.WHITE,
+  raiseLevel: 5,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {
+    width: 18,
+    height: 18
+  })
+});
+exports.CloseButton = CloseButton;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    width: 38,
+    height: 38,
+    borderRadius: 36,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=CloseButton.js.map

package/dist/commonjs/features/chatbot/components/Chat/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_CloseIcon","_jsxRuntime","e","__esModule","default","CloseButton","onPress","jsx","Button","style","button","styles","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","ButtonColor","WHITE","raiseLevel","children","CloseIcon","width","height","exports","StyleSheet","create","borderRadius","borderColor","COLORS","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/CloseButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMvD,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAA0B,CAAC,kBACvD,IAAAL,WAAA,CAAAM,GAAA,EAACR,cAAA,CAAAS,MAAM;EACLF,OAAO,EAAEA,OAAQ;EACjBG,KAAK,EAAE;IAAEC,MAAM,EAAEC,MAAM,CAACD;EAAO,CAAE;EACjCE,OAAO,EAAEC,4BAAa,CAACC,OAAQ;EAC/BC,IAAI,EAAEC,yBAAU,CAACC,MAAO;EACxBC,WAAW,EAAEC,0BAAW,CAACC,KAAM;EAC/BC,UAAU,EAAE,CAAE;EAAAC,QAAA,eAEd,IAAArB,WAAA,CAAAM,GAAA,EAACP,UAAA,CAAAuB,SAAS;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE;AAAC,CAC9B,CACT;AAAAC,OAAA,CAAArB,WAAA,GAAAA,WAAA;AAED,MAAMM,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,MAAM,EAAE;IACNc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVI,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAEC,qBAAM,CAACC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/GradientFade.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientFade = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const WebGradient = ({
+  colors,
+  locations,
+  style
+}) => {
+  const stops = colors.map((color, i) => {
+    const position = locations ? `${locations[i] * 100}%` : undefined;
+    return position ? `${color} ${position}` : color;
+  }).join(', ');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFill, style, {
+      backgroundImage: `linear-gradient(to bottom, ${stops})`
+    }]
+  });
+};
+const NativeGradient = ({
+  colors,
+  locations,
+  style
+}) => {
+  const {
+    LinearGradient
+  } = require('expo-linear-gradient');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
+    colors: colors,
+    locations: locations,
+    style: [_reactNative.StyleSheet.absoluteFill, style],
+    pointerEvents: "none"
+  });
+};
+const GradientFade = exports.GradientFade = _reactNative.Platform.select({
+  web: WebGradient,
+  default: NativeGradient
+});
+//# sourceMappingURL=GradientFade.js.map

package/dist/commonjs/features/chatbot/components/Chat/GradientFade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","WebGradient","colors","locations","style","stops","map","color","i","position","undefined","join","jsx","View","StyleSheet","absoluteFill","backgroundImage","NativeGradient","LinearGradient","pointerEvents","GradientFade","exports","Platform","select","web"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/GradientFade.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQpE,MAAMG,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC,SAAS;EAAEC;AAAyB,CAAC,KAAK;EACvE,MAAMC,KAAK,GAAGH,MAAM,CACjBI,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAAK;IACjB,MAAMC,QAAQ,GAAGN,SAAS,GAAG,GAAGA,SAAS,CAACK,CAAC,CAAC,GAAG,GAAG,GAAG,GAAGE,SAAS;IACjE,OAAOD,QAAQ,GAAG,GAAGF,KAAK,IAAIE,QAAQ,EAAE,GAAGF,KAAK;EAClD,CAAC,CAAC,CACDI,IAAI,CAAC,IAAI,CAAC;EAEb,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IACHT,KAAK,EAAE,CACLU,uBAAU,CAACC,YAAY,EACvBX,KAAK,EACL;MAAEY,eAAe,EAAE,8BAA8BX,KAAK;IAAI,CAAC;EAC3D,CACH,CAAC;AAEN,CAAC;AAED,MAAMY,cAAc,GAAGA,CAAC;EAAEf,MAAM;EAAEC,SAAS;EAAEC;AAAyB,CAAC,KAAK;EAC1E,MAAM;IAAEc;EAAe,CAAC,GAAGvB,OAAO,CAAC,sBAAsB,CAAC;EAC1D,oBACE,IAAAE,WAAA,CAAAe,GAAA,EAACM,cAAc;IACbhB,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAE,CAACU,uBAAU,CAACC,YAAY,EAAEX,KAAK,CAAE;IACxCe,aAAa,EAAC;EAAM,CACrB,CAAC;AAEN,CAAC;AAEM,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,qBAAQ,CAACC,MAAM,CAAC;EAC1CC,GAAG,EAAEvB,WAAW;EAChBD,OAAO,EAAEiB;AACX,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/MessageItem.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _AnimatedMessage = require("../ChatMessage/AnimatedMessage.js");
+var _ChatMessage = require("../ChatMessage/ChatMessage.js");
+var _modelTypes = require("../../types/model.types.js");
+var _ConditionalWrapper = require("../../../../lib/components/ConditionalWrapper.js");
+var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MessageItem = ({
+  message,
+  withIcon,
+  colorScheme,
+  isInputDisabled,
+  isTextToSpeechEnabled,
+  shouldWrapMessage,
+  MessageWrapper,
+  TTSHighlightRenderer
+}) => {
+  const model = (0, _ChatBotModelContext.useChatModel)();
+  const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
+  const errorSpottingEnabled = (0, _effectorReact.useUnit)(model.errorSpotting.$isEnabled);
+  const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
+  const currentPlayingId = (0, _effectorReact.useUnit)(model.t2s.$currentPlayingId);
+  const highlightedWordIndex = (0, _effectorReact.useUnit)(model.t2s.wordHighlight.$highlightedWordIndex);
+  const isTextToSpeechPending = (0, _effectorReact.useUnit)(model.api.textToSpeechTextFx.pending);
+  const isPlayingMessage = message.id === currentPlayingId;
+  const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedMessage.AnimatedMessage, {
+      animate: !isInputDisabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+        withWrapper: shouldWrapMessage,
+        Wrapper: MessageWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
+          withIcon: withIcon,
+          isTranslated: isTranslated,
+          message: message,
+          variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
+          colorScheme: colorScheme,
+          withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
+          highlightedWordIndex: messageHighlightIndex,
+          TTSHighlightRenderer: TTSHighlightRenderer,
+          t2sState: {
+            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+            isActive: isPlayingMessage,
+            isLoading: isTextToSpeechPending,
+            status: audioStatus,
+            disabled: isTextToSpeechPending
+          }
+        })
+      })
+    })
+  });
+};
+exports.MessageItem = MessageItem;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: 'flex-end'
+  }
+});
+//# sourceMappingURL=MessageItem.js.map

package/dist/commonjs/features/chatbot/components/Chat/MessageItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_AnimatedMessage","_ChatMessage","_modelTypes","_ConditionalWrapper","_ChatBotModelContext","_jsxRuntime","e","__esModule","default","MessageItem","message","withIcon","colorScheme","isInputDisabled","isTextToSpeechEnabled","shouldWrapMessage","MessageWrapper","TTSHighlightRenderer","model","useChatModel","isTranslated","useUnit","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isTextToSpeechPending","api","textToSpeechTextFx","pending","isPlayingMessage","id","messageHighlightIndex","isWordHighlightEnabled","jsx","View","style","styles","container","children","AnimatedMessage","animate","ConditionalWrapper","withWrapper","Wrapper","ChatMessage","variant","isOwnMessage","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","exports","StyleSheet","create","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/MessageItem.tsx"],"mappings":"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","ignoreList":[]}