@magmamath/students-features 1.1.0-rc.1 → 1.1.0-rc.2

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

@@ -62,7 +62,6 @@ const Chat = ({
   const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
   const reversedMessages = (0, _react.useMemo)(() => [...messages].reverse(), [messages]);
-  const flatListStyle = (0, _react.useMemo)(() => [styles.flatList, maskStyle], [maskStyle]);
   const renderMessage = (0, _react.useCallback)(({
     item: message
   }) => {
@@ -99,21 +98,17 @@ const Chat = ({
       style: styles.listWrapper,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
         ref: listRef,
-        inverted: true,
         data: reversedMessages,
         renderItem: renderMessage,
         keyExtractor: keyExtractor,
-        bounces: false,
-        style: flatListStyle,
+        style: [styles.flatList, maskStyle],
         contentContainerStyle: styles.list,
         showsVerticalScrollIndicator: false,
+        inverted: true,
+        bounces: false,
         onLayout: handleLayout,
         onScroll: handleScroll,
         onContentSizeChange: handleContentSizeChange,
-        extraData: isScrolledUp,
-        initialNumToRender: 5,
-        maxToRenderPerBatch: 5,
-        windowSize: 7,
         ItemSeparatorComponent: Separator,
         ListHeaderComponent: listHeader
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FadeMask.FadeOverlays, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_FadeMask","_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","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","useMemo","reverse","flatListStyle","flatList","renderMessage","useCallback","message","withIcon","current","MessageItem","listHeader","MessageLoader","isLoading","at","useEffect","jsxs","container","children","listWrapper","FlatList","ref","inverted","data","renderItem","bounces","contentContainerStyle","list","showsVerticalScrollIndicator","onLayout","onScroll","onContentSizeChange","extraData","initialNumToRender","maxToRenderPerBatch","windowSize","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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_FadeMask","_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","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","useMemo","reverse","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/FadeMask.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "FadeOverlays", {
   enumerable: true,
   get: function () {
-    return _FadeMaskWeb.FadeOverlays;
+    return _FadeMaskNative.FadeOverlays;
   }
 });
 Object.defineProperty(exports, "FadePosition", {
   enumerable: true,
   get: function () {
-    return _FadeMaskWeb.FadePosition;
+    return _FadeMaskNative.FadePosition;
   }
 });
-var _FadeMaskWeb = require("./FadeMask.web.js");
+var _FadeMaskNative = require("./FadeMask.native.js");
 //# sourceMappingURL=FadeMask.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_FadeMaskWeb","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_FadeMaskNative","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_FadeMask","MASKS","FadePosition","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","useRef","lastFade","maskStyle","setMaskStyle","useState","handleScrollStateChange","useCallback","fade","current","resetFade","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAQA,MAAME,KAAsC,GAAG;EAC7C,CAACC,sBAAY,CAACC,GAAG,GAAG;IAAEC,SAAS,EAAE;EAAyD,CAAQ;EAClG,CAACF,sBAAY,CAACG,MAAM,GAAG;IAAED,SAAS,EAAE;EAA4D,CAAQ;EACxG,CAACF,sBAAY,CAACI,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOT,sBAAY,CAACG,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOV,sBAAY,CAACI,IAAI;EAChD,OAAOJ,sBAAY,CAACC,GAAG;AACzB,CAAC;AAEM,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA2BL,SAAS,CAAC;EAC5D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAwBT,SAAS,CAAC;EAE5E,MAAMU,uBAAuB,GAAG,IAAAC,kBAAW,EAAEb,KAAkB,IAAK;IAClE,MAAMc,IAAI,GAAGf,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIc,IAAI,KAAKN,QAAQ,CAACO,OAAO,EAAE;IAC/BP,QAAQ,CAACO,OAAO,GAAGD,IAAI;IACvBJ,YAAY,CAACI,IAAI,GAAGrB,KAAK,CAACqB,IAAI,CAAC,GAAGZ,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMc,SAAS,GAAG,IAAAH,kBAAW,EAAC,MAAM;IAClCL,QAAQ,CAACO,OAAO,GAAGb,SAAS;IAC5BQ,YAAY,CAACR,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEG,SAAS;IAAEG,uBAAuB;IAAEI;EAAU,CAAC;AACnE,CAAC;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_FadeMask","MASKS","FadePosition","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","useRef","lastFade","maskStyle","setMaskStyle","useState","handleScrollStateChange","useCallback","fade","current","resetFade","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAQA,MAAME,KAAsC,GAAG;EAC7C,CAACC,sBAAY,CAACC,GAAG,GAAG;IAClBC,SAAS,EAAE;EACb,CAAQ;EACR,CAACF,sBAAY,CAACG,MAAM,GAAG;IACrBD,SAAS,EAAE;EACb,CAAQ;EACR,CAACF,sBAAY,CAACI,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOT,sBAAY,CAACG,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOV,sBAAY,CAACI,IAAI;EAChD,OAAOJ,sBAAY,CAACC,GAAG;AACzB,CAAC;AAEM,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA2BL,SAAS,CAAC;EAC5D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAwBT,SAAS,CAAC;EAE5E,MAAMU,uBAAuB,GAAG,IAAAC,kBAAW,EAAEb,KAAkB,IAAK;IAClE,MAAMc,IAAI,GAAGf,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIc,IAAI,KAAKN,QAAQ,CAACO,OAAO,EAAE;IAC/BP,QAAQ,CAACO,OAAO,GAAGD,IAAI;IACvBJ,YAAY,CAACI,IAAI,GAAGrB,KAAK,CAACqB,IAAI,CAAC,GAAGZ,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMc,SAAS,GAAG,IAAAH,kBAAW,EAAC,MAAM;IAClCL,QAAQ,CAACO,OAAO,GAAGb,SAAS;IAC5BQ,YAAY,CAACR,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEG,SAAS;IAAEG,uBAAuB;IAAEI;EAAU,CAAC;AACnE,CAAC;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA","ignoreList":[]}

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

@@ -20,6 +20,7 @@ const useChatScroll = ({
   const scrollStateRef = (0, _react.useRef)({
     ...initialScrollState
   });
+  const isAutoScrollingRef = (0, _react.useRef)(false);
   // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
   const [isScrolledUp, setIsScrolledUp] = (0, _react.useState)(false);
   const handleScroll = (0, _react.useCallback)(e => {
@@ -31,13 +32,16 @@ const useChatScroll = ({
     const scrolledUp = contentOffset.y > _constants.SCROLL_BOTTOM_THRESHOLD;
     const atTop = contentOffset.y >= contentSize.height - layoutMeasurement.height - _constants.SCROLL_BOTTOM_THRESHOLD;
     const state = scrollStateRef.current;
-    const wasScrolledUp = state.isScrolledUp;
-    state.isScrolledUp = scrolledUp;
     state.isAtTop = atTop;
-    onStateChange?.(state);
-    if (scrolledUp !== wasScrolledUp) {
+    if (isAutoScrollingRef.current) {
+      if (!scrolledUp) {
+        isAutoScrollingRef.current = false;
+      }
+    } else {
+      state.isScrolledUp = scrolledUp;
       setIsScrolledUp(scrolledUp);
     }
+    onStateChange?.(state);
   }, [onStateChange]);
   const handleLayout = (0, _react.useCallback)(e => {
     const state = scrollStateRef.current;
@@ -53,6 +57,9 @@ const useChatScroll = ({
   }, [onStateChange]);
   const scrollToBottom = (0, _react.useCallback)(() => {
     if (scrollStateRef.current.isScrolledUp) {
+      isAutoScrollingRef.current = true;
+      scrollStateRef.current.isScrolledUp = false;
+      setIsScrolledUp(false);
       listRef.current?.scrollToOffset({
         offset: 0,
         animated: true
@@ -63,6 +70,7 @@ const useChatScroll = ({
     scrollStateRef.current = {
       ...initialScrollState
     };
+    isAutoScrollingRef.current = false;
     setIsScrolledUp(false);
   }, []);
   return {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_constants","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","useChatScroll","listRef","onStateChange","scrollStateRef","useRef","setIsScrolledUp","useState","handleScroll","useCallback","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","SCROLL_BOTTOM_THRESHOLD","atTop","height","state","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_constants","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","useChatScroll","listRef","onStateChange","scrollStateRef","useRef","isAutoScrollingRef","setIsScrolledUp","useState","handleScroll","useCallback","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","SCROLL_BOTTOM_THRESHOLD","atTop","height","state","current","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageButtonsBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
 var _ErrorSpottingButton = require("../../errorSpotting/ErrorSpottingButton.js");
 var _MessageTextToSpeech = require("./MessageTextToSpeech.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -37,12 +36,14 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     gap: 8,
     marginLeft: 'auto',
-    ...(_reactNativeUi.IS_WEB ? {
-      float: 'right'
-    } : {
-      position: 'absolute',
-      bottom: 8,
-      right: 8
+    alignItems: 'flex-end',
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    ..._reactNative.Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
     })
   }
 });

package/dist/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ErrorSpottingButton","_MessageTextToSpeech","_jsxRuntime","e","__esModule","default","MessageButtonsBlock","t2sState","message","variant","colorScheme","withErrorSpotting","isEnabled","isInitial","jsxs","View","style","styles","container","children","jsx","ErrorSpottingButton","contextMessage","MessageTextToSpeech","state","exports","StyleSheet","create","flexDirection","gap","marginLeft","IS_WEB","float","position","bottom","right"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AAMA,IAAAI,oBAAA,GAAAJ,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUpD,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACJ,QAAQ,CAACK,SAAS,IAAI,CAACJ,OAAO,CAACK,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACE,IAAAX,WAAA,CAAAY,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BR,iBAAiB,IAAI,CAAC,CAACH,OAAO,CAACK,SAAS,iBAAI,IAAAX,WAAA,CAAAkB,GAAA,EAACpB,oBAAA,CAAAqB,mBAAmB;MAACC,cAAc,EAAEd;IAAQ,CAAE,CAAC,EAC5FD,QAAQ,CAACK,SAAS,iBACjB,IAAAV,WAAA,CAAAkB,GAAA,EAACnB,oBAAA,CAAAsB,mBAAmB;MAClBC,KAAK,EAAEjB,QAAS;MAChBC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA;IAAY,CAC1B,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA;AAED,MAAMW,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClB,IAAIC,qBAAM,GACN;MAAEC,KAAK,EAAE;IAAQ,CAAC,GAClB;MACEC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ErrorSpottingButton","_MessageTextToSpeech","_jsxRuntime","e","__esModule","default","MessageButtonsBlock","t2sState","message","variant","colorScheme","withErrorSpotting","isEnabled","isInitial","jsxs","View","style","styles","container","children","jsx","ErrorSpottingButton","contextMessage","MessageTextToSpeech","state","exports","StyleSheet","create","flexDirection","gap","marginLeft","alignItems","position","bottom","right","Platform","select","web","backfaceVisibility"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AAMA,IAAAG,oBAAA,GAAAH,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUpD,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACJ,QAAQ,CAACK,SAAS,IAAI,CAACJ,OAAO,CAACK,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACE,IAAAX,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BR,iBAAiB,IAAI,CAAC,CAACH,OAAO,CAACK,SAAS,iBAAI,IAAAX,WAAA,CAAAkB,GAAA,EAACpB,oBAAA,CAAAqB,mBAAmB;MAACC,cAAc,EAAEd;IAAQ,CAAE,CAAC,EAC5FD,QAAQ,CAACK,SAAS,iBACjB,IAAAV,WAAA,CAAAkB,GAAA,EAACnB,oBAAA,CAAAsB,mBAAmB;MAClBC,KAAK,EAAEjB,QAAS;MAChBC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA;IAAY,CAC1B,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA;AAED,MAAMW,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,UAAU;IACtBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACR,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,kBAAkB,EAAE;MAAS;IAAE,CAAC;EAC9D;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatMessage/MessageContent.js

@@ -21,13 +21,19 @@ const MessageContentWeb = ({
   highlightedWordIndex,
   TTSHighlightRenderer: TTSHighlightComponent
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-    style: styles.messageText,
-    children: [TTSHighlightComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TTSHighlightComponent, {
-      text: text,
-      highlightedIndex: highlightedWordIndex ?? -1,
-      colorScheme: colorScheme
-    }) : text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: styles.messageText,
+      children: [TTSHighlightComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TTSHighlightComponent, {
+        text: text,
+        highlightedIndex: highlightedWordIndex ?? -1,
+        colorScheme: colorScheme
+      }) : text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: (0, _helpers.getSpacerSize)(message, t2sState)
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
       message: message,
       t2sState: t2sState,
       variant: variant,

package/dist/commonjs/features/chatbot/components/ChatMessage/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleTypes","_MessageButtonsBlock","_helpers","_jsxRuntime","e","__esModule","default","MessageContentWeb","message","text","t2sState","variant","colorScheme","ColorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","TTSHighlightComponent","jsxs","Text","style","styles","messageText","children","jsx","highlightedIndex","MessageButtonsBlock","MessageContentMobile","Fragment","mobileMessageText","View","width","getSpacerSize","MessageContent","exports","Platform","select","web","StyleSheet","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleTypes","_MessageButtonsBlock","_helpers","_jsxRuntime","e","__esModule","default","MessageContentWeb","message","text","t2sState","variant","colorScheme","ColorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","TTSHighlightComponent","jsxs","Fragment","children","Text","style","styles","messageText","jsx","highlightedIndex","View","width","getSpacerSize","MessageButtonsBlock","MessageContentMobile","mobileMessageText","MessageContent","exports","Platform","select","web","StyleSheet","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js

@@ -27,8 +27,10 @@ const ReceivedMessage = ({
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [withIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.icon,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconWrapper, {
+        opacity: withIcon ? 1 : 0
+      }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_studentsFeatures.ChatbotIcon, {
         width: _constants.CHATBOT_ICON_SIZE.width,
         height: _constants.CHATBOT_ICON_SIZE.height
@@ -70,10 +72,17 @@ const styles = _reactNative.StyleSheet.create({
     elevation: 3,
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
     borderBottomLeftRadius: 0,
-    backgroundColor: '#F2F2F4'
+    backgroundColor: '#F2F2F4',
+    ..._reactNative.Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
+    })
   },
-  icon: {
-    paddingRight: _reactNativeUi.SPACING[200]
+  iconWrapper: {
+    width: _constants.CHATBOT_ICON_SIZE.width + _reactNativeUi.SPACING[200],
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=ReceivedMessage.js.map

package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_constants","_studentsFeatures","_styleTypes","_modelTypes","_MessageContent","_jsxRuntime","e","__esModule","default","ReceivedMessage","message","isTranslated","t2sState","withIcon","colorScheme","ColorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","text","translatedMessage","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","CHATBOT_ICON_SIZE","height","MessageContent","variant","MessageVariant","RECEIVED","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","paddingHorizontal","MESSAGE_WIDTH","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","BORDER_RADIUS","borderBottomLeftRadius","backgroundColor","paddingRight","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAEA,IAAAO,eAAA,GAAAP,OAAA;AAAiD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,eAAe,GAAGA,CAAC;EAC9BC,OAAO;EACPC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAGC,uBAAW,CAACC,IAAI;EAC9BC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACY,CAAC,KAAK;EAClB,MAAMC,IAAI,GAAGT,YAAY,GAAGD,OAAO,CAACW,iBAAiB,GAAGX,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAL,WAAA,CAAAiB,IAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3Bd,QAAQ,iBACP,IAAAR,WAAA,CAAAuB,GAAA,EAAC9B,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,eACvB,IAAAtB,WAAA,CAAAuB,GAAA,EAAC3B,iBAAA,CAAA6B,WAAW;QAACC,KAAK,EAAEC,4BAAiB,CAACD,KAAM;QAACE,MAAM,EAAED,4BAAiB,CAACC;MAAO,CAAE;IAAC,CAC7E,CACP,eACD,IAAA5B,WAAA,CAAAuB,GAAA,EAAC9B,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACf,OAAQ;MAAAiB,QAAA,eAC1B,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,eAAA,CAAA8B,cAAc;QACbxB,OAAO,EAAEA,OAAQ;QACjByB,OAAO,EAAEC,0BAAc,CAACC,QAAS;QACjCzB,QAAQ,EAAEA,QAAS;QACnBQ,IAAI,EAAEA,IAAI,IAAI,EAAG;QACjBN,WAAW,EAAEA,WAAY;QACzBG,iBAAiB,EAAEA,iBAAkB;QACrCC,oBAAoB,EAAEA,oBAAqB;QAC3CC,oBAAoB,EAAEA;MAAqB,CAC5C;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAmB,OAAA,CAAA7B,eAAA,GAAAA,eAAA;AAED,MAAMgB,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,UAAU;IAC1BC,iBAAiB,EAAE;EACrB,CAAC;EACDlC,OAAO,EAAE;IACPqB,KAAK,EAAEc,wBAAa;IACpBJ,aAAa,EAAE,KAAK;IACpBK,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEjB,KAAK,EAAE,CAAC;MAAEE,MAAM,EAAE;IAAE,CAAC;IACrCgB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE;EACnB,CAAC;EACD1B,IAAI,EAAE;IACJ2B,YAAY,EAAEC,sBAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_constants","_studentsFeatures","_styleTypes","_modelTypes","_MessageContent","_jsxRuntime","e","__esModule","default","ReceivedMessage","message","isTranslated","t2sState","withIcon","colorScheme","ColorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","text","translatedMessage","jsxs","View","style","styles","container","children","jsx","iconWrapper","opacity","ChatbotIcon","width","CHATBOT_ICON_SIZE","height","MessageContent","variant","MessageVariant","RECEIVED","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","paddingHorizontal","MESSAGE_WIDTH","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","BORDER_RADIUS","borderBottomLeftRadius","backgroundColor","Platform","select","web","backfaceVisibility","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js

@@ -34,7 +34,12 @@ const styles = _reactNative.StyleSheet.create({
     maxWidth: _constants.MESSAGE_WIDTH,
     padding: _reactNativeUi.SPACING[200],
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
-    borderBottomRightRadius: 0
+    borderBottomRightRadius: 0,
+    ..._reactNative.Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
+    })
   },
   text: {
     fontSize: 20,

package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_constants","_styleTypes","_modelTypes","_jsxRuntime","e","__esModule","default","SentMessage","exports","React","memo","message","isTranslated","colorScheme","ColorScheme","Blue","text","translatedMessage","jsx","View","style","styles","container","backgroundColor","MESSAGE_COLORS_MAP","MessageVariant","SENT","background","children","Text","StyleSheet","create","alignSelf","maxWidth","MESSAGE_WIDTH","padding","SPACING","borderRadius","BORDER_RADIUS","borderBottomRightRadius","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW,GAAGC,uBAAW,CAACC;AAAmB,CAAC,KAAK;EAC3E,MAAMC,IAAI,GAAGJ,YAAY,GAAGD,OAAO,CAACM,iBAAiB,GAAGN,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAR,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEC,6BAAkB,CAACX,WAAW,CAAC,CAACY,0BAAc,CAACC,IAAI,CAAC,CAACC;IAAW,CAAC,CACpF;IAAAC,QAAA,eAEF,IAAAzB,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAA+B,IAAI;MAACT,KAAK,EAAEC,MAAM,CAACL,IAAK;MAAAY,QAAA,EAAEZ;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMK,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAEC,wBAAa;IACvBC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,uBAAuB,EAAE;EAC3B,CAAC;EACDvB,IAAI,EAAE;IACJwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_constants","_styleTypes","_modelTypes","_jsxRuntime","e","__esModule","default","SentMessage","exports","React","memo","message","isTranslated","colorScheme","ColorScheme","Blue","text","translatedMessage","jsx","View","style","styles","container","backgroundColor","MESSAGE_COLORS_MAP","MessageVariant","SENT","background","children","Text","StyleSheet","create","alignSelf","maxWidth","MESSAGE_WIDTH","padding","SPACING","borderRadius","BORDER_RADIUS","borderBottomRightRadius","Platform","select","web","backfaceVisibility","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW,GAAGC,uBAAW,CAACC;AAAmB,CAAC,KAAK;EAC3E,MAAMC,IAAI,GAAGJ,YAAY,GAAGD,OAAO,CAACM,iBAAiB,GAAGN,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAR,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEC,6BAAkB,CAACX,WAAW,CAAC,CAACY,0BAAc,CAACC,IAAI,CAAC,CAACC;IAAW,CAAC,CACpF;IAAAC,QAAA,eAEF,IAAAzB,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAA+B,IAAI;MAACT,KAAK,EAAEC,MAAM,CAACL,IAAK;MAAAY,QAAA,EAAEZ;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMK,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAEC,wBAAa;IACvBC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,uBAAuB,EAAE,CAAC;IAC1B,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,kBAAkB,EAAE;MAAS;IAAE,CAAC;EAC9D,CAAC;EACD3B,IAAI,EAAE;IACJ4B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -56,7 +56,6 @@ export const Chat = ({
   const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
   const reversedMessages = useMemo(() => [...messages].reverse(), [messages]);
-  const flatListStyle = useMemo(() => [styles.flatList, maskStyle], [maskStyle]);
   const renderMessage = useCallback(({
     item: message
   }) => {
@@ -93,21 +92,17 @@ export const Chat = ({
       style: styles.listWrapper,
       children: [/*#__PURE__*/_jsx(FlatList, {
         ref: listRef,
-        inverted: true,
         data: reversedMessages,
         renderItem: renderMessage,
         keyExtractor: keyExtractor,
-        bounces: false,
-        style: flatListStyle,
+        style: [styles.flatList, maskStyle],
         contentContainerStyle: styles.list,
         showsVerticalScrollIndicator: false,
+        inverted: true,
+        bounces: false,
         onLayout: handleLayout,
         onScroll: handleScroll,
         onContentSizeChange: handleContentSizeChange,
-        extraData: isScrolledUp,
-        initialNumToRender: 5,
-        maxToRenderPerBatch: 5,
-        windowSize: 7,
         ItemSeparatorComponent: Separator,
         ListHeaderComponent: listHeader
       }), /*#__PURE__*/_jsx(FadeOverlays, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","FlatList","StyleSheet","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","FadeOverlays","CHAT_CONTAINER_WIDTH","useChatScroll","useChatFade","jsx","_jsx","jsxs","_jsxs","Separator","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","listRef","fadeRef","maskStyle","handleScrollStateChange","resetFade","scrollStateRef","isScrolledUp","handleScroll","handleLayout","handleContentSizeChange","scrollToBottom","reset","resetScroll","onStateChange","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","reverse","flatListStyle","flatList","renderMessage","message","withIcon","current","listHeader","isLoading","at","container","children","listWrapper","ref","inverted","data","renderItem","bounces","contentContainerStyle","list","showsVerticalScrollIndicator","onLayout","onScroll","onContentSizeChange","extraData","initialNumToRender","maxToRenderPerBatch","windowSize","ItemSeparatorComponent","ListHeaderComponent","hasMessages","create","alignItems","width","paddingRight","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","FlatList","StyleSheet","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","FadeOverlays","CHAT_CONTAINER_WIDTH","useChatScroll","useChatFade","jsx","_jsx","jsxs","_jsxs","Separator","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","listRef","fadeRef","maskStyle","handleScrollStateChange","resetFade","scrollStateRef","isScrolledUp","handleScroll","handleLayout","handleContentSizeChange","scrollToBottom","reset","resetScroll","onStateChange","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","reverse","renderMessage","message","withIcon","current","listHeader","isLoading","at","container","children","listWrapper","ref","data","renderItem","flatList","contentContainerStyle","list","showsVerticalScrollIndicator","inverted","bounces","onLayout","onScroll","onContentSizeChange","ItemSeparatorComponent","ListHeaderComponent","hasMessages","create","alignItems","width","paddingRight","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/FadeMask.js

@@ -1,4 +1,4 @@
 "use strict";
 
-export { FadePosition, FadeOverlays } from "./FadeMask.web.js";
+export { FadePosition, FadeOverlays } from "./FadeMask.native.js";
 //# sourceMappingURL=FadeMask.js.map

package/dist/module/features/chatbot/components/Chat/FadeMask.js.map

@@ -1 +1 @@
-{"version":3,"names":["FadePosition","FadeOverlays"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,YAAY,QAAQ,mBAAgB","ignoreList":[]}
+{"version":3,"names":["FadePosition","FadeOverlays"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/useChatFade.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useRef","useState","FadePosition","MASKS","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","lastFade","maskStyle","setMaskStyle","handleScrollStateChange","fade","current","resetFade"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAErD,SAASC,YAAY,QAAQ,eAAY;AAQzC,MAAMC,KAAsC,GAAG;EAC7C,CAACD,YAAY,CAACE,GAAG,GAAG;IAAEC,SAAS,EAAE;EAAyD,CAAQ;EAClG,CAACH,YAAY,CAACI,MAAM,GAAG;IAAED,SAAS,EAAE;EAA4D,CAAQ;EACxG,CAACH,YAAY,CAACK,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOV,YAAY,CAACI,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOX,YAAY,CAACK,IAAI;EAChD,OAAOL,YAAY,CAACE,GAAG;AACzB,CAAC;AAED,OAAO,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGf,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMgB,QAAQ,GAAGhB,MAAM,CAA2BW,SAAS,CAAC;EAC5D,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAAwBU,SAAS,CAAC;EAE5E,MAAMQ,uBAAuB,GAAGpB,WAAW,CAAEU,KAAkB,IAAK;IAClE,MAAMW,IAAI,GAAGZ,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIW,IAAI,KAAKJ,QAAQ,CAACK,OAAO,EAAE;IAC/BL,QAAQ,CAACK,OAAO,GAAGD,IAAI;IACvBF,YAAY,CAACE,IAAI,GAAGjB,KAAK,CAACiB,IAAI,CAAC,GAAGT,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,SAAS,GAAGvB,WAAW,CAAC,MAAM;IAClCiB,QAAQ,CAACK,OAAO,GAAGV,SAAS;IAC5BO,YAAY,CAACP,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEE,SAAS;IAAEE,uBAAuB;IAAEG;EAAU,CAAC;AACnE,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useRef","useState","FadePosition","MASKS","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","lastFade","maskStyle","setMaskStyle","handleScrollStateChange","fade","current","resetFade"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAErD,SAASC,YAAY,QAAQ,eAAY;AAQzC,MAAMC,KAAsC,GAAG;EAC7C,CAACD,YAAY,CAACE,GAAG,GAAG;IAClBC,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACI,MAAM,GAAG;IACrBD,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACK,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOV,YAAY,CAACI,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOX,YAAY,CAACK,IAAI;EAChD,OAAOL,YAAY,CAACE,GAAG;AACzB,CAAC;AAED,OAAO,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGf,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMgB,QAAQ,GAAGhB,MAAM,CAA2BW,SAAS,CAAC;EAC5D,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAAwBU,SAAS,CAAC;EAE5E,MAAMQ,uBAAuB,GAAGpB,WAAW,CAAEU,KAAkB,IAAK;IAClE,MAAMW,IAAI,GAAGZ,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIW,IAAI,KAAKJ,QAAQ,CAACK,OAAO,EAAE;IAC/BL,QAAQ,CAACK,OAAO,GAAGD,IAAI;IACvBF,YAAY,CAACE,IAAI,GAAGjB,KAAK,CAACiB,IAAI,CAAC,GAAGT,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,SAAS,GAAGvB,WAAW,CAAC,MAAM;IAClCiB,QAAQ,CAACK,OAAO,GAAGV,SAAS;IAC5BO,YAAY,CAACP,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEE,SAAS;IAAEE,uBAAuB;IAAEG;EAAU,CAAC;AACnE,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/useChatScroll.js

@@ -16,6 +16,7 @@ export const useChatScroll = ({
   const scrollStateRef = useRef({
     ...initialScrollState
   });
+  const isAutoScrollingRef = useRef(false);
   // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
   const [isScrolledUp, setIsScrolledUp] = useState(false);
   const handleScroll = useCallback(e => {
@@ -27,13 +28,16 @@ export const useChatScroll = ({
     const scrolledUp = contentOffset.y > SCROLL_BOTTOM_THRESHOLD;
     const atTop = contentOffset.y >= contentSize.height - layoutMeasurement.height - SCROLL_BOTTOM_THRESHOLD;
     const state = scrollStateRef.current;
-    const wasScrolledUp = state.isScrolledUp;
-    state.isScrolledUp = scrolledUp;
     state.isAtTop = atTop;
-    onStateChange?.(state);
-    if (scrolledUp !== wasScrolledUp) {
+    if (isAutoScrollingRef.current) {
+      if (!scrolledUp) {
+        isAutoScrollingRef.current = false;
+      }
+    } else {
+      state.isScrolledUp = scrolledUp;
       setIsScrolledUp(scrolledUp);
     }
+    onStateChange?.(state);
   }, [onStateChange]);
   const handleLayout = useCallback(e => {
     const state = scrollStateRef.current;
@@ -49,6 +53,9 @@ export const useChatScroll = ({
   }, [onStateChange]);
   const scrollToBottom = useCallback(() => {
     if (scrollStateRef.current.isScrolledUp) {
+      isAutoScrollingRef.current = true;
+      scrollStateRef.current.isScrolledUp = false;
+      setIsScrolledUp(false);
       listRef.current?.scrollToOffset({
         offset: 0,
         animated: true
@@ -59,6 +66,7 @@ export const useChatScroll = ({
     scrollStateRef.current = {
       ...initialScrollState
     };
+    isAutoScrollingRef.current = false;
     setIsScrolledUp(false);
   }, []);
   return {

package/dist/module/features/chatbot/components/Chat/useChatScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useRef","useState","SCROLL_BOTTOM_THRESHOLD","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","useChatScroll","listRef","onStateChange","scrollStateRef","setIsScrolledUp","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","atTop","height","state","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":";;AAAA,SAA2BA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEvE,SAASC,uBAAuB,QAAQ,gBAAa;AAUrD,MAAMC,kBAA+B,GAAG;EACtCC,YAAY,EAAE,KAAK;EACnBC,YAAY,EAAE,KAAK;EACnBC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,CAAC;EACbC,aAAa,EAAE;AACjB,CAAC;AASD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EAC/E,MAAMC,cAAc,GAAGZ,MAAM,CAAc;IAAE,GAAGG;EAAmB,CAAC,CAAC;EACrE;EACA,MAAM,CAACE,YAAY,EAAEQ,eAAe,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMa,YAAY,GAAGf,WAAW,CAC7BgB,CAA0C,IAAK;IAC9C,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GAAGH,CAAC,CAACI,WAAW;IACvE,MAAMC,UAAU,GAAGJ,aAAa,CAACK,CAAC,GAAGnB,uBAAuB;IAC5D,MAAMoB,KAAK,GACTN,aAAa,CAACK,CAAC,IAAIJ,WAAW,CAACM,MAAM,GAAGL,iBAAiB,CAACK,MAAM,GAAGrB,uBAAuB;IAE5F,MAAMsB,KAAK,GAAGZ,cAAc,CAACa,OAAO;IACpC,MAAMC,aAAa,GAAGF,KAAK,CAACnB,YAAY;IACxCmB,KAAK,CAACnB,YAAY,GAAGe,UAAU;IAC/BI,KAAK,CAAClB,OAAO,GAAGgB,KAAK;IACrBX,aAAa,GAAGa,KAAK,CAAC;IAEtB,IAAIJ,UAAU,KAAKM,aAAa,EAAE;MAChCb,eAAe,CAACO,UAAU,CAAC;IAC7B;EACF,CAAC,EACD,CAACT,aAAa,CAChB,CAAC;EAED,MAAMgB,YAAY,GAAG5B,WAAW,CAC7BgB,CAAkD,IAAK;IACtD,MAAMS,KAAK,GAAGZ,cAAc,CAACa,OAAO;IACpCD,KAAK,CAACjB,UAAU,GAAGQ,CAAC,CAACI,WAAW,CAACS,MAAM,CAACL,MAAM;IAC9CC,KAAK,CAACpB,YAAY,GAAGoB,KAAK,CAAChB,aAAa,GAAGgB,KAAK,CAACjB,UAAU;IAC3DI,aAAa,GAAGa,KAAK,CAAC;EACxB,CAAC,EACD,CAACb,aAAa,CAChB,CAAC;EAED,MAAMkB,uBAAuB,GAAG9B,WAAW,CACzC,CAAC+B,CAAS,EAAEtB,aAAqB,KAAK;IACpC,MAAMgB,KAAK,GAAGZ,cAAc,CAACa,OAAO;IACpCD,KAAK,CAAChB,aAAa,GAAGA,aAAa;IACnCgB,KAAK,CAACpB,YAAY,GAAGoB,KAAK,CAAChB,aAAa,GAAGgB,KAAK,CAACjB,UAAU;IAC3DI,aAAa,GAAGa,KAAK,CAAC;EACxB,CAAC,EACD,CAACb,aAAa,CAChB,CAAC;EAED,MAAMoB,cAAc,GAAGhC,WAAW,CAAC,MAAM;IACvC,IAAIa,cAAc,CAACa,OAAO,CAACpB,YAAY,EAAE;MACvCK,OAAO,CAACe,OAAO,EAAEO,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IAChE;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAGpC,WAAW,CAAC,MAAM;IAC9Ba,cAAc,CAACa,OAAO,GAAG;MAAE,GAAGtB;IAAmB,CAAC;IAClDU,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLD,cAAc;IACdP,YAAY;IACZS,YAAY;IACZa,YAAY;IACZE,uBAAuB;IACvBE,cAAc;IACdI;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useRef","useState","SCROLL_BOTTOM_THRESHOLD","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","useChatScroll","listRef","onStateChange","scrollStateRef","isAutoScrollingRef","setIsScrolledUp","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","atTop","height","state","current","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.js

@@ -1,8 +1,7 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { IS_WEB } from '@magmamath/react-native-ui';
+import { Platform, StyleSheet, View } from 'react-native';
 import { ErrorSpottingButton } from "../../errorSpotting/ErrorSpottingButton.js";
 import { MessageTextToSpeech } from "./MessageTextToSpeech.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -31,12 +30,14 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     gap: 8,
     marginLeft: 'auto',
-    ...(IS_WEB ? {
-      float: 'right'
-    } : {
-      position: 'absolute',
-      bottom: 8,
-      right: 8
+    alignItems: 'flex-end',
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    ...Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
     })
   }
 });

package/dist/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","IS_WEB","ErrorSpottingButton","MessageTextToSpeech","jsx","_jsx","jsxs","_jsxs","MessageButtonsBlock","t2sState","message","variant","colorScheme","withErrorSpotting","isEnabled","isInitial","style","styles","container","children","contextMessage","state","create","flexDirection","gap","marginLeft","float","position","bottom","right"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,mBAAmB,QAAQ,4CAAyC;AAM7E,SAASC,mBAAmB,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACJ,QAAQ,CAACK,SAAS,IAAI,CAACJ,OAAO,CAACK,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACER,KAAA,CAACP,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BN,iBAAiB,IAAI,CAAC,CAACH,OAAO,CAACK,SAAS,iBAAIV,IAAA,CAACH,mBAAmB;MAACkB,cAAc,EAAEV;IAAQ,CAAE,CAAC,EAC5FD,QAAQ,CAACK,SAAS,iBACjBT,IAAA,CAACF,mBAAmB;MAClBkB,KAAK,EAAEZ,QAAS;MAChBC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA;IAAY,CAC1B,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGlB,UAAU,CAACuB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClB,IAAIxB,MAAM,GACN;MAAEyB,KAAK,EAAE;IAAQ,CAAC,GAClB;MACEC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","View","ErrorSpottingButton","MessageTextToSpeech","jsx","_jsx","jsxs","_jsxs","MessageButtonsBlock","t2sState","message","variant","colorScheme","withErrorSpotting","isEnabled","isInitial","style","styles","container","children","contextMessage","state","create","flexDirection","gap","marginLeft","alignItems","position","bottom","right","select","web","backfaceVisibility"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,SAASC,mBAAmB,QAAQ,4CAAyC;AAM7E,SAASC,mBAAmB,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACJ,QAAQ,CAACK,SAAS,IAAI,CAACJ,OAAO,CAACK,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACER,KAAA,CAACN,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BN,iBAAiB,IAAI,CAAC,CAACH,OAAO,CAACK,SAAS,iBAAIV,IAAA,CAACH,mBAAmB;MAACkB,cAAc,EAAEV;IAAQ,CAAE,CAAC,EAC5FD,QAAQ,CAACK,SAAS,iBACjBT,IAAA,CAACF,mBAAmB;MAClBkB,KAAK,EAAEZ,QAAS;MAChBC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA;IAAY,CAC1B,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,UAAU;IACtBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACR,GAAG9B,QAAQ,CAAC+B,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,kBAAkB,EAAE;MAAS;IAAE,CAAC;EAC9D;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessage/MessageContent.js

@@ -16,13 +16,19 @@ const MessageContentWeb = ({
   highlightedWordIndex,
   TTSHighlightRenderer: TTSHighlightComponent
 }) => {
-  return /*#__PURE__*/_jsxs(Text, {
-    style: styles.messageText,
-    children: [TTSHighlightComponent ? /*#__PURE__*/_jsx(TTSHighlightComponent, {
-      text: text,
-      highlightedIndex: highlightedWordIndex ?? -1,
-      colorScheme: colorScheme
-    }) : text, /*#__PURE__*/_jsx(MessageButtonsBlock, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Text, {
+      style: styles.messageText,
+      children: [TTSHighlightComponent ? /*#__PURE__*/_jsx(TTSHighlightComponent, {
+        text: text,
+        highlightedIndex: highlightedWordIndex ?? -1,
+        colorScheme: colorScheme
+      }) : text, /*#__PURE__*/_jsx(View, {
+        style: {
+          width: getSpacerSize(message, t2sState)
+        }
+      })]
+    }), /*#__PURE__*/_jsx(MessageButtonsBlock, {
       message: message,
       t2sState: t2sState,
       variant: variant,

package/dist/module/features/chatbot/components/ChatMessage/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","Text","View","ColorScheme","MessageButtonsBlock","getSpacerSize","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MessageContentWeb","message","text","t2sState","variant","colorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","TTSHighlightComponent","style","styles","messageText","children","highlightedIndex","MessageContentMobile","mobileMessageText","width","MessageContent","select","web","default","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAI/D,SAASC,WAAW,QAAQ,4BAAyB;AAErD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,aAAa,QAAQ,cAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAczC,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAGd,WAAW,CAACe,IAAI;EAC9BC,iBAAiB;EACjBC,oBAAoB;EACpBC,oBAAoB,EAAEC;AACH,CAAC,KAAK;EACzB,oBACEb,KAAA,CAACR,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAC,QAAA,GAC7BJ,qBAAqB,gBACpBf,IAAA,CAACe,qBAAqB;MACpBR,IAAI,EAAEA,IAAK;MACXa,gBAAgB,EAAEP,oBAAoB,IAAI,CAAC,CAAE;MAC7CH,WAAW,EAAEA;IAAY,CAC1B,CAAC,GAEFH,IACD,eACDP,IAAA,CAACH,mBAAmB;MAClBS,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBE,iBAAiB,EAAEA;IAAkB,CACtC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,oBAAoB,GAAGA,CAAC;EAC5Bf,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAGd,WAAW,CAACe,IAAI;EAC9BC,iBAAiB;EACjBC,oBAAoB;EACpBC,oBAAoB,EAAEC;AACH,CAAC,KAAK;EACzB,oBACEb,KAAA,CAAAE,SAAA;IAAAe,QAAA,gBACEjB,KAAA,CAACR,IAAI;MAACsB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAED,MAAM,CAACK,iBAAiB,CAAE;MAAAH,QAAA,GACzDJ,qBAAqB,gBACpBf,IAAA,CAACe,qBAAqB;QACpBR,IAAI,EAAEA,IAAK;QACXa,gBAAgB,EAAEP,oBAAoB,IAAI,CAAC,CAAE;QAC7CH,WAAW,EAAEA;MAAY,CAC1B,CAAC,GAEFH,IACD,eACDP,IAAA,CAACL,IAAI;QAACqB,KAAK,EAAE;UAAEO,KAAK,EAAEzB,aAAa,CAACQ,OAAO,EAAEE,QAAQ;QAAE;MAAE,CAAE,CAAC;IAAA,CACxD,CAAC,eACPR,IAAA,CAACH,mBAAmB;MAClBS,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBE,iBAAiB,EAAEA;IAAkB,CACtC,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAED,OAAO,MAAMY,cAAc,GAAGhC,QAAQ,CAACiC,MAAM,CAAC;EAC5CC,GAAG,EAAErB,iBAAiB;EACtBsB,OAAO,EAAEN;AACX,CAAC,CAAC;AAEF,MAAMJ,MAAM,GAAGxB,UAAU,CAACmC,MAAM,CAAC;EAC/BV,WAAW,EAAE;IACXW,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE,SAAS;IAChBV,KAAK,EAAE;EACT,CAAC;EACDD,iBAAiB,EAAE;IACjBY,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","Text","View","ColorScheme","MessageButtonsBlock","getSpacerSize","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MessageContentWeb","message","text","t2sState","variant","colorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","TTSHighlightComponent","children","style","styles","messageText","highlightedIndex","width","MessageContentMobile","mobileMessageText","MessageContent","select","web","default","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { BORDER_RADIUS, SPACING } from '@magmamath/react-native-ui';
 import { CHATBOT_ICON_SIZE, MESSAGE_WIDTH } from "../../constants.js";
 import { ChatbotIcon } from '@magmamath/students-features';
@@ -22,8 +22,10 @@ export const ReceivedMessage = ({
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [withIcon && /*#__PURE__*/_jsx(View, {
-      style: styles.icon,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.iconWrapper, {
+        opacity: withIcon ? 1 : 0
+      }],
       children: /*#__PURE__*/_jsx(ChatbotIcon, {
         width: CHATBOT_ICON_SIZE.width,
         height: CHATBOT_ICON_SIZE.height
@@ -64,10 +66,17 @@ const styles = StyleSheet.create({
     elevation: 3,
     borderRadius: BORDER_RADIUS[300],
     borderBottomLeftRadius: 0,
-    backgroundColor: '#F2F2F4'
+    backgroundColor: '#F2F2F4',
+    ...Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
+    })
   },
-  icon: {
-    paddingRight: SPACING[200]
+  iconWrapper: {
+    width: CHATBOT_ICON_SIZE.width + SPACING[200],
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=ReceivedMessage.js.map

package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","SPACING","CHATBOT_ICON_SIZE","MESSAGE_WIDTH","ChatbotIcon","ColorScheme","MessageVariant","MessageContent","jsx","_jsx","jsxs","_jsxs","ReceivedMessage","message","isTranslated","t2sState","withIcon","colorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","text","translatedMessage","style","styles","container","children","icon","width","height","variant","RECEIVED","create","flexDirection","alignItems","justifyContent","paddingHorizontal","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,OAAO,QAAQ,4BAA4B;AACnE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,oBAAiB;AAClE,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,WAAW,QAAQ,4BAAyB;AACrD,SAASC,cAAc,QAAQ,4BAAyB;AAExD,SAASC,cAAc,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,OAAO;EACPC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAGZ,WAAW,CAACa,IAAI;EAC9BC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACY,CAAC,KAAK;EAClB,MAAMC,IAAI,GAAGR,YAAY,GAAGD,OAAO,CAACU,iBAAiB,GAAGV,OAAO,CAACA,OAAO;EAEvE,oBACEF,KAAA,CAACZ,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BX,QAAQ,iBACPP,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACG,IAAK;MAAAD,QAAA,eACvBlB,IAAA,CAACL,WAAW;QAACyB,KAAK,EAAE3B,iBAAiB,CAAC2B,KAAM;QAACC,MAAM,EAAE5B,iBAAiB,CAAC4B;MAAO,CAAE;IAAC,CAC7E,CACP,eACDrB,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACZ,OAAQ;MAAAc,QAAA,eAC1BlB,IAAA,CAACF,cAAc;QACbM,OAAO,EAAEA,OAAQ;QACjBkB,OAAO,EAAEzB,cAAc,CAAC0B,QAAS;QACjCjB,QAAQ,EAAEA,QAAS;QACnBO,IAAI,EAAEA,IAAI,IAAI,EAAG;QACjBL,WAAW,EAAEA,WAAY;QACzBE,iBAAiB,EAAEA,iBAAkB;QACrCC,oBAAoB,EAAEA,oBAAqB;QAC3CC,oBAAoB,EAAEA;MAAqB,CAC5C;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG3B,UAAU,CAACmC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,UAAU;IAC1BC,iBAAiB,EAAE;EACrB,CAAC;EACDxB,OAAO,EAAE;IACPgB,KAAK,EAAE1B,aAAa;IACpB+B,aAAa,EAAE,KAAK;IACpBI,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEX,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCW,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE5C,aAAa,CAAC,GAAG,CAAC;IAChC6C,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE;EACnB,CAAC;EACDlB,IAAI,EAAE;IACJmB,YAAY,EAAE9C,OAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","View","BORDER_RADIUS","SPACING","CHATBOT_ICON_SIZE","MESSAGE_WIDTH","ChatbotIcon","ColorScheme","MessageVariant","MessageContent","jsx","_jsx","jsxs","_jsxs","ReceivedMessage","message","isTranslated","t2sState","withIcon","colorScheme","Blue","withErrorSpotting","highlightedWordIndex","TTSHighlightRenderer","text","translatedMessage","style","styles","container","children","iconWrapper","opacity","width","height","variant","RECEIVED","create","flexDirection","alignItems","justifyContent","paddingHorizontal","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor","select","web","backfaceVisibility"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,aAAa,EAAEC,OAAO,QAAQ,4BAA4B;AACnE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,oBAAiB;AAClE,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,WAAW,QAAQ,4BAAyB;AACrD,SAASC,cAAc,QAAQ,4BAAyB;AAExD,SAASC,cAAc,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,OAAO;EACPC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAGZ,WAAW,CAACa,IAAI;EAC9BC,iBAAiB;EACjBC,oBAAoB;EACpBC;AACY,CAAC,KAAK;EAClB,MAAMC,IAAI,GAAGR,YAAY,GAAGD,OAAO,CAACU,iBAAiB,GAAGV,OAAO,CAACA,OAAO;EAEvE,oBACEF,KAAA,CAACZ,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BlB,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACG,WAAW,EAAE;QAAEC,OAAO,EAAEb,QAAQ,GAAG,CAAC,GAAG;MAAE,CAAC,CAAE;MAAAW,QAAA,eAC/DlB,IAAA,CAACL,WAAW;QAAC0B,KAAK,EAAE5B,iBAAiB,CAAC4B,KAAM;QAACC,MAAM,EAAE7B,iBAAiB,CAAC6B;MAAO,CAAE;IAAC,CAC7E,CAAC,eACPtB,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACZ,OAAQ;MAAAc,QAAA,eAC1BlB,IAAA,CAACF,cAAc;QACbM,OAAO,EAAEA,OAAQ;QACjBmB,OAAO,EAAE1B,cAAc,CAAC2B,QAAS;QACjClB,QAAQ,EAAEA,QAAS;QACnBO,IAAI,EAAEA,IAAI,IAAI,EAAG;QACjBL,WAAW,EAAEA,WAAY;QACzBE,iBAAiB,EAAEA,iBAAkB;QACrCC,oBAAoB,EAAEA,oBAAqB;QAC3CC,oBAAoB,EAAEA;MAAqB,CAC5C;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG3B,UAAU,CAACoC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,UAAU;IAC1BC,iBAAiB,EAAE;EACrB,CAAC;EACDzB,OAAO,EAAE;IACPiB,KAAK,EAAE3B,aAAa;IACpBgC,aAAa,EAAE,KAAK;IACpBI,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEX,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCW,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE7C,aAAa,CAAC,GAAG,CAAC;IAChC8C,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE,SAAS;IAC1B,GAAGlD,QAAQ,CAACmD,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,kBAAkB,EAAE;MAAS;IAAE,CAAC;EAC9D,CAAC;EACDtB,WAAW,EAAE;IACXE,KAAK,EAAE5B,iBAAiB,CAAC4B,KAAK,GAAG7B,OAAO,CAAC,GAAG,CAAC;IAC7CmC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { Platform, StyleSheet, Text, View } from 'react-native';
 import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
 import { MESSAGE_WIDTH } from "../../constants.js";
 import { MESSAGE_COLORS_MAP } from "../../constants.js";
@@ -30,7 +30,12 @@ const styles = StyleSheet.create({
     maxWidth: MESSAGE_WIDTH,
     padding: SPACING[200],
     borderRadius: BORDER_RADIUS[300],
-    borderBottomRightRadius: 0
+    borderBottomRightRadius: 0,
+    ...Platform.select({
+      web: {
+        backfaceVisibility: 'hidden'
+      }
+    })
   },
   text: {
     fontSize: 20,

package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","MESSAGE_WIDTH","MESSAGE_COLORS_MAP","ColorScheme","MessageVariant","jsx","_jsx","SentMessage","memo","message","isTranslated","colorScheme","Blue","text","translatedMessage","style","styles","container","backgroundColor","SENT","background","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","fontSize","fontWeight","fontFamily","buenosAires","color","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACxF,SAASC,aAAa,QAAQ,oBAAiB;AAG/C,SAASC,kBAAkB,QAAQ,oBAAiB;AACpD,SAASC,WAAW,QAAQ,4BAAyB;AACrD,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,WAAW,gBAAGd,KAAK,CAACe,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW,GAAGR,WAAW,CAACS;AAAmB,CAAC,KAAK;EAC3E,MAAMC,IAAI,GAAGH,YAAY,GAAGD,OAAO,CAACK,iBAAiB,GAAGL,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACV,IAAI;IACHmB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEhB,kBAAkB,CAACS,WAAW,CAAC,CAACP,cAAc,CAACe,IAAI,CAAC,CAACC;IAAW,CAAC,CACpF;IAAAC,QAAA,eAEFf,IAAA,CAACX,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAQ,QAAA,EAAER;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMG,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAEvB,aAAa;IACvBwB,OAAO,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACrB0B,YAAY,EAAE7B,aAAa,CAAC,GAAG,CAAC;IAChC8B,uBAAuB,EAAE;EAC3B,CAAC;EACDd,IAAI,EAAE;IACJe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE/B,WAAW,CAACgC,WAAW;IACnCC,KAAK,EAAElC,MAAM,CAACmC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","MESSAGE_WIDTH","MESSAGE_COLORS_MAP","ColorScheme","MessageVariant","jsx","_jsx","SentMessage","memo","message","isTranslated","colorScheme","Blue","text","translatedMessage","style","styles","container","backgroundColor","SENT","background","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","select","web","backfaceVisibility","fontSize","fontWeight","fontFamily","buenosAires","color","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC/D,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACxF,SAASC,aAAa,QAAQ,oBAAiB;AAG/C,SAASC,kBAAkB,QAAQ,oBAAiB;AACpD,SAASC,WAAW,QAAQ,4BAAyB;AACrD,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,WAAW,gBAAGf,KAAK,CAACgB,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,WAAW,GAAGR,WAAW,CAACS;AAAmB,CAAC,KAAK;EAC3E,MAAMC,IAAI,GAAGH,YAAY,GAAGD,OAAO,CAACK,iBAAiB,GAAGL,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACV,IAAI;IACHmB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEhB,kBAAkB,CAACS,WAAW,CAAC,CAACP,cAAc,CAACe,IAAI,CAAC,CAACC;IAAW,CAAC,CACpF;IAAAC,QAAA,eAEFf,IAAA,CAACX,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAQ,QAAA,EAAER;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMG,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAEvB,aAAa;IACvBwB,OAAO,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACrB0B,YAAY,EAAE7B,aAAa,CAAC,GAAG,CAAC;IAChC8B,uBAAuB,EAAE,CAAC;IAC1B,GAAGlC,QAAQ,CAACmC,MAAM,CAAC;MAAEC,GAAG,EAAE;QAAEC,kBAAkB,EAAE;MAAS;IAAE,CAAC;EAC9D,CAAC;EACDjB,IAAI,EAAE;IACJkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAElC,WAAW,CAACmC,WAAW;IACnCC,KAAK,EAAErC,MAAM,CAACsC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAY5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAyGX,CAAA"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAY5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAoGX,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts

@@ -1,3 +1,3 @@
-export { FadePosition, FadeOverlays } from './FadeMask.web';
-export type { FadeUpdateFn } from './FadeMask.web';
+export { FadePosition, FadeOverlays } from './FadeMask.native';
+export type { FadeUpdateFn } from './FadeMask.native';
 //# sourceMappingURL=FadeMask.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAiBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}
+{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatScroll.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAGhF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAEvD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,aAAa,+BAAgC,kBAAkB;;;sBAMpE,oBAAoB,CAAC,iBAAiB,CAAC;sBAoBvC;QAAE,WAAW,EAAE;YAAE,MAAM,EAAE;gBAAE,MAAM,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE;iCAU/C,MAAM,iBAAiB,MAAM;;;CA6BpC,CAAA"}
+{"version":3,"file":"useChatScroll.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAGhF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAEvD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,aAAa,+BAAgC,kBAAkB;;;sBAOpE,oBAAoB,CAAC,iBAAiB,CAAC;sBAwBvC;QAAE,WAAW,EAAE;YAAE,MAAM,EAAE;gBAAE,MAAM,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE;iCAU/C,MAAM,iBAAiB,MAAM;;;CAiCpC,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageButtonsBlock.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAM7B,wBAAwB,6BAgB1B,CAAA"}
+{"version":3,"file":"MessageButtonsBlock.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAM7B,wBAAwB,6BAgB1B,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAqED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAwED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReceivedMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,eAAe,+HASzB,YAAY,sBAwBd,CAAA"}
+{"version":3,"file":"ReceivedMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,eAAe,+HASzB,YAAY,sBAsBd,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAY5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAyGX,CAAA"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAY5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAoGX,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts

@@ -1,3 +1,3 @@
-export { FadePosition, FadeOverlays } from './FadeMask.web';
-export type { FadeUpdateFn } from './FadeMask.web';
+export { FadePosition, FadeOverlays } from './FadeMask.native';
+export type { FadeUpdateFn } from './FadeMask.native';
 //# sourceMappingURL=FadeMask.d.ts.map

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAiBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}
+{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/useChatScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatScroll.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAGhF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAEvD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,aAAa,+BAAgC,kBAAkB;;;sBAMpE,oBAAoB,CAAC,iBAAiB,CAAC;sBAoBvC;QAAE,WAAW,EAAE;YAAE,MAAM,EAAE;gBAAE,MAAM,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE;iCAU/C,MAAM,iBAAiB,MAAM;;;CA6BpC,CAAA"}
+{"version":3,"file":"useChatScroll.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAGhF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;AAEvD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,aAAa,+BAAgC,kBAAkB;;;sBAOpE,oBAAoB,CAAC,iBAAiB,CAAC;sBAwBvC;QAAE,WAAW,EAAE;YAAE,MAAM,EAAE;gBAAE,MAAM,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE;iCAU/C,MAAM,iBAAiB,MAAM;;;CAiCpC,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageButtonsBlock.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAM7B,wBAAwB,6BAgB1B,CAAA"}
+{"version":3,"file":"MessageButtonsBlock.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAGxD,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAM7B,wBAAwB,6BAgB1B,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAqED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAwED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReceivedMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,eAAe,+HASzB,YAAY,sBAwBd,CAAA"}
+{"version":3,"file":"ReceivedMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,eAAO,MAAM,eAAe,+HASzB,YAAY,sBAsBd,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chat/Chat.tsx

@@ -68,7 +68,6 @@ export const Chat = ({
   const lastBotMessageId = messages.findLast((m) => !m.isOwnMessage)?.id
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1
   const reversedMessages = useMemo(() => [...messages].reverse(), [messages])
-  const flatListStyle = useMemo(() => [styles.flatList, maskStyle], [maskStyle])
 
   const renderMessage = useCallback(
     ({ item: message }: ListRenderItemInfo<ConversationMessage>) => {
@@ -121,21 +120,17 @@ export const Chat = ({
       <View style={styles.listWrapper}>
         <FlatList
           ref={listRef}
-          inverted
           data={reversedMessages}
           renderItem={renderMessage}
           keyExtractor={keyExtractor}
-          bounces={false}
-          style={flatListStyle}
+          style={[styles.flatList, maskStyle]}
           contentContainerStyle={styles.list}
           showsVerticalScrollIndicator={false}
+          inverted
+          bounces={false}
           onLayout={handleLayout}
           onScroll={handleScroll}
           onContentSizeChange={handleContentSizeChange}
-          extraData={isScrolledUp}
-          initialNumToRender={5}
-          maxToRenderPerBatch={5}
-          windowSize={7}
           ItemSeparatorComponent={Separator}
           ListHeaderComponent={listHeader}
         />

package/src/features/chatbot/components/Chat/FadeMask.ts

@@ -1,2 +1,2 @@
-export { FadePosition, FadeOverlays } from './FadeMask.web'
-export type { FadeUpdateFn } from './FadeMask.web'
+export { FadePosition, FadeOverlays } from './FadeMask.native'
+export type { FadeUpdateFn } from './FadeMask.native'

package/src/features/chatbot/components/Chat/useChatFade.web.ts

@@ -9,8 +9,12 @@ type ScrollState = {
 }
 
 const MASKS: Record<FadePosition, ViewStyle> = {
-  [FadePosition.TOP]: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
-  [FadePosition.BOTTOM]: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
+  [FadePosition.TOP]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black)',
+  } as any,
+  [FadePosition.BOTTOM]: {
+    maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)',
+  } as any,
   [FadePosition.BOTH]: {
     maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
   } as any,

package/src/features/chatbot/components/Chat/useChatScroll.ts

@@ -27,6 +27,7 @@ type UseChatScrollProps = {
 
 export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) => {
   const scrollStateRef = useRef<ScrollState>({ ...initialScrollState })
+  const isAutoScrollingRef = useRef(false)
   // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
   const [isScrolledUp, setIsScrolledUp] = useState(false)
 
@@ -38,14 +39,18 @@ export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) =>
         contentOffset.y >= contentSize.height - layoutMeasurement.height - SCROLL_BOTTOM_THRESHOLD
 
       const state = scrollStateRef.current
-      const wasScrolledUp = state.isScrolledUp
-      state.isScrolledUp = scrolledUp
       state.isAtTop = atTop
-      onStateChange?.(state)
 
-      if (scrolledUp !== wasScrolledUp) {
+      if (isAutoScrollingRef.current) {
+        if (!scrolledUp) {
+          isAutoScrollingRef.current = false
+        }
+      } else {
+        state.isScrolledUp = scrolledUp
         setIsScrolledUp(scrolledUp)
       }
+
+      onStateChange?.(state)
     },
     [onStateChange],
   )
@@ -72,12 +77,16 @@ export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) =>
 
   const scrollToBottom = useCallback(() => {
     if (scrollStateRef.current.isScrolledUp) {
+      isAutoScrollingRef.current = true
+      scrollStateRef.current.isScrolledUp = false
+      setIsScrolledUp(false)
       listRef.current?.scrollToOffset({ offset: 0, animated: true })
     }
   }, [])
 
   const reset = useCallback(() => {
     scrollStateRef.current = { ...initialScrollState }
+    isAutoScrollingRef.current = false
     setIsScrolledUp(false)
   }, [])
 

package/src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
-import { IS_WEB } from '@magmamath/react-native-ui'
+import { Platform, StyleSheet, View } from 'react-native'
 
 import { ErrorSpottingButton } from '../../errorSpotting/ErrorSpottingButton'
 import { ConversationMessage } from '../../types/units.types'
@@ -47,12 +46,10 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     gap: 8,
     marginLeft: 'auto',
-    ...(IS_WEB
-      ? { float: 'right' }
-      : {
-          position: 'absolute',
-          bottom: 8,
-          right: 8,
-        }),
+    alignItems: 'flex-end',
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
   },
 })

package/src/features/chatbot/components/ChatMessage/MessageContent.tsx

@@ -31,16 +31,19 @@ const MessageContentWeb = ({
   TTSHighlightRenderer: TTSHighlightComponent,
 }: MessageContentProps) => {
   return (
-    <Text style={styles.messageText}>
-      {TTSHighlightComponent ? (
-        <TTSHighlightComponent
-          text={text}
-          highlightedIndex={highlightedWordIndex ?? -1}
-          colorScheme={colorScheme}
-        />
-      ) : (
-        text
-      )}
+    <>
+      <Text style={styles.messageText}>
+        {TTSHighlightComponent ? (
+          <TTSHighlightComponent
+            text={text}
+            highlightedIndex={highlightedWordIndex ?? -1}
+            colorScheme={colorScheme}
+          />
+        ) : (
+          text
+        )}
+        <View style={{ width: getSpacerSize(message, t2sState) }} />
+      </Text>
       <MessageButtonsBlock
         message={message}
         t2sState={t2sState}
@@ -48,7 +51,7 @@ const MessageContentWeb = ({
         colorScheme={colorScheme}
         withErrorSpotting={withErrorSpotting}
       />
-    </Text>
+    </>
   )
 }
 

package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { Platform, StyleSheet, View } from 'react-native'
 import { BORDER_RADIUS, SPACING } from '@magmamath/react-native-ui'
 import { CHATBOT_ICON_SIZE, MESSAGE_WIDTH } from '../../constants'
 import { ChatbotIcon } from '@magmamath/students-features'
@@ -22,11 +22,9 @@ export const ReceivedMessage = ({
 
   return (
     <View style={styles.container}>
-      {withIcon && (
-        <View style={styles.icon}>
-          <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
-        </View>
-      )}
+      <View style={[styles.iconWrapper, { opacity: withIcon ? 1 : 0 }]}>
+        <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
+      </View>
       <View style={styles.message}>
         <MessageContent
           message={message}
@@ -62,8 +60,11 @@ const styles = StyleSheet.create({
     borderRadius: BORDER_RADIUS[300],
     borderBottomLeftRadius: 0,
     backgroundColor: '#F2F2F4',
+    ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
   },
-  icon: {
-    paddingRight: SPACING[200],
+  iconWrapper: {
+    width: CHATBOT_ICON_SIZE.width + SPACING[200],
+    alignItems: 'flex-start',
+    justifyContent: 'flex-end',
   },
 })

package/src/features/chatbot/components/ChatMessage/SentMessage.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StyleSheet, Text, View } from 'react-native'
+import { Platform, StyleSheet, Text, View } from 'react-native'
 import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
 import { MESSAGE_WIDTH } from '../../constants'
 
@@ -32,6 +32,7 @@ const styles = StyleSheet.create({
     padding: SPACING[200],
     borderRadius: BORDER_RADIUS[300],
     borderBottomRightRadius: 0,
+    ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
   },
   text: {
     fontSize: 20,