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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/commonjs/features/chatbot/components/Chat/Chat.js +3 -8
  2. package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map +1 -1
  3. package/dist/commonjs/features/chatbot/components/Chat/useChatFade.web.js.map +1 -1
  4. package/dist/commonjs/features/chatbot/components/Chat/useChatScroll.js +12 -4
  5. package/dist/commonjs/features/chatbot/components/Chat/useChatScroll.js.map +1 -1
  6. package/dist/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.js +8 -7
  7. package/dist/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.js.map +1 -1
  8. package/dist/commonjs/features/chatbot/components/ChatMessage/MessageContent.js +13 -7
  9. package/dist/commonjs/features/chatbot/components/ChatMessage/MessageContent.js.map +1 -1
  10. package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js +14 -5
  11. package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
  12. package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js +6 -1
  13. package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js.map +1 -1
  14. package/dist/module/features/chatbot/components/Chat/Chat.js +3 -8
  15. package/dist/module/features/chatbot/components/Chat/Chat.js.map +1 -1
  16. package/dist/module/features/chatbot/components/Chat/useChatFade.web.js.map +1 -1
  17. package/dist/module/features/chatbot/components/Chat/useChatScroll.js +12 -4
  18. package/dist/module/features/chatbot/components/Chat/useChatScroll.js.map +1 -1
  19. package/dist/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.js +9 -8
  20. package/dist/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.js.map +1 -1
  21. package/dist/module/features/chatbot/components/ChatMessage/MessageContent.js +13 -7
  22. package/dist/module/features/chatbot/components/ChatMessage/MessageContent.js.map +1 -1
  23. package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js +15 -6
  24. package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
  25. package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js +7 -2
  26. package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js.map +1 -1
  27. package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
  28. package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.web.d.ts.map +1 -1
  29. package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatScroll.d.ts.map +1 -1
  30. package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageButtonsBlock.d.ts.map +1 -1
  31. package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageContent.d.ts.map +1 -1
  32. package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
  33. package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
  34. package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.web.d.ts.map +1 -1
  35. package/dist/typescript/module/features/chatbot/components/Chat/useChatScroll.d.ts.map +1 -1
  36. package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageButtonsBlock.d.ts.map +1 -1
  37. package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageContent.d.ts.map +1 -1
  38. package/dist/typescript/module/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
  39. package/package.json +1 -1
  40. package/src/features/chatbot/components/Chat/Chat.tsx +3 -8
  41. package/src/features/chatbot/components/Chat/useChatFade.web.ts +6 -2
  42. package/src/features/chatbot/components/Chat/useChatScroll.ts +13 -4
  43. package/src/features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx +6 -9
  44. package/src/features/chatbot/components/ChatMessage/MessageContent.tsx +14 -11
  45. package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx +9 -8
  46. package/src/features/chatbot/components/ChatMessage/SentMessage.tsx +2 -1
@@ -62,7 +62,6 @@ const Chat = ({
62
62
  const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
63
63
  const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
64
64
  const reversedMessages = (0, _react.useMemo)(() => [...messages].reverse(), [messages]);
65
- const flatListStyle = (0, _react.useMemo)(() => [styles.flatList, maskStyle], [maskStyle]);
66
65
  const renderMessage = (0, _react.useCallback)(({
67
66
  item: message
68
67
  }) => {
@@ -99,21 +98,17 @@ const Chat = ({
99
98
  style: styles.listWrapper,
100
99
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
101
100
  ref: listRef,
102
- inverted: true,
103
101
  data: reversedMessages,
104
102
  renderItem: renderMessage,
105
103
  keyExtractor: keyExtractor,
106
- bounces: false,
107
- style: flatListStyle,
104
+ style: [styles.flatList, maskStyle],
108
105
  contentContainerStyle: styles.list,
109
106
  showsVerticalScrollIndicator: false,
107
+ inverted: true,
108
+ bounces: false,
110
109
  onLayout: handleLayout,
111
110
  onScroll: handleScroll,
112
111
  onContentSizeChange: handleContentSizeChange,
113
- extraData: isScrolledUp,
114
- initialNumToRender: 5,
115
- maxToRenderPerBatch: 5,
116
- windowSize: 7,
117
112
  ItemSeparatorComponent: Separator,
118
113
  ListHeaderComponent: listHeader
119
114
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FadeMask.FadeOverlays, {
@@ -1 +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":[]}
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","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":[]}
@@ -1 +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":[]}
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;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":[]}
@@ -20,6 +20,7 @@ const useChatScroll = ({
20
20
  const scrollStateRef = (0, _react.useRef)({
21
21
  ...initialScrollState
22
22
  });
23
+ const isAutoScrollingRef = (0, _react.useRef)(false);
23
24
  // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
24
25
  const [isScrolledUp, setIsScrolledUp] = (0, _react.useState)(false);
25
26
  const handleScroll = (0, _react.useCallback)(e => {
@@ -31,13 +32,16 @@ const useChatScroll = ({
31
32
  const scrolledUp = contentOffset.y > _constants.SCROLL_BOTTOM_THRESHOLD;
32
33
  const atTop = contentOffset.y >= contentSize.height - layoutMeasurement.height - _constants.SCROLL_BOTTOM_THRESHOLD;
33
34
  const state = scrollStateRef.current;
34
- const wasScrolledUp = state.isScrolledUp;
35
- state.isScrolledUp = scrolledUp;
36
35
  state.isAtTop = atTop;
37
- onStateChange?.(state);
38
- if (scrolledUp !== wasScrolledUp) {
36
+ if (isAutoScrollingRef.current) {
37
+ if (!scrolledUp) {
38
+ isAutoScrollingRef.current = false;
39
+ }
40
+ } else {
41
+ state.isScrolledUp = scrolledUp;
39
42
  setIsScrolledUp(scrolledUp);
40
43
  }
44
+ onStateChange?.(state);
41
45
  }, [onStateChange]);
42
46
  const handleLayout = (0, _react.useCallback)(e => {
43
47
  const state = scrollStateRef.current;
@@ -53,6 +57,9 @@ const useChatScroll = ({
53
57
  }, [onStateChange]);
54
58
  const scrollToBottom = (0, _react.useCallback)(() => {
55
59
  if (scrollStateRef.current.isScrolledUp) {
60
+ isAutoScrollingRef.current = true;
61
+ scrollStateRef.current.isScrolledUp = false;
62
+ setIsScrolledUp(false);
56
63
  listRef.current?.scrollToOffset({
57
64
  offset: 0,
58
65
  animated: true
@@ -63,6 +70,7 @@ const useChatScroll = ({
63
70
  scrollStateRef.current = {
64
71
  ...initialScrollState
65
72
  };
73
+ isAutoScrollingRef.current = false;
66
74
  setIsScrolledUp(false);
67
75
  }, []);
68
76
  return {
@@ -1 +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":[]}
1
+ {"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAUA,MAAME,kBAA+B,GAAG;EACtCC,YAAY,EAAE,KAAK;EACnBC,YAAY,EAAE,KAAK;EACnBC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,CAAC;EACbC,aAAa,EAAE;AACjB,CAAC;AASM,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAkC,CAAC,KAAK;EAC/E,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAc;IAAE,GAAGV;EAAmB,CAAC,CAAC;EACrE,MAAMW,kBAAkB,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EACxC;EACA,MAAM,CAACR,YAAY,EAAEU,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvD,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,CAA0C,IAAK;IAC9C,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GAAGH,CAAC,CAACI,WAAW;IACvE,MAAMC,UAAU,GAAGJ,aAAa,CAACK,CAAC,GAAGC,kCAAuB;IAC5D,MAAMC,KAAK,GACTP,aAAa,CAACK,CAAC,IAAIJ,WAAW,CAACO,MAAM,GAAGN,iBAAiB,CAACM,MAAM,GAAGF,kCAAuB;IAE5F,MAAMG,KAAK,GAAGjB,cAAc,CAACkB,OAAO;IACpCD,KAAK,CAACvB,OAAO,GAAGqB,KAAK;IAErB,IAAIb,kBAAkB,CAACgB,OAAO,EAAE;MAC9B,IAAI,CAACN,UAAU,EAAE;QACfV,kBAAkB,CAACgB,OAAO,GAAG,KAAK;MACpC;IACF,CAAC,MAAM;MACLD,KAAK,CAACxB,YAAY,GAAGmB,UAAU;MAC/BT,eAAe,CAACS,UAAU,CAAC;IAC7B;IAEAb,aAAa,GAAGkB,KAAK,CAAC;EACxB,CAAC,EACD,CAAClB,aAAa,CAChB,CAAC;EAED,MAAMoB,YAAY,GAAG,IAAAb,kBAAW,EAC7BC,CAAkD,IAAK;IACtD,MAAMU,KAAK,GAAGjB,cAAc,CAACkB,OAAO;IACpCD,KAAK,CAACtB,UAAU,GAAGY,CAAC,CAACI,WAAW,CAACS,MAAM,CAACJ,MAAM;IAC9CC,KAAK,CAACzB,YAAY,GAAGyB,KAAK,CAACrB,aAAa,GAAGqB,KAAK,CAACtB,UAAU;IAC3DI,aAAa,GAAGkB,KAAK,CAAC;EACxB,CAAC,EACD,CAAClB,aAAa,CAChB,CAAC;EAED,MAAMsB,uBAAuB,GAAG,IAAAf,kBAAW,EACzC,CAACgB,CAAS,EAAE1B,aAAqB,KAAK;IACpC,MAAMqB,KAAK,GAAGjB,cAAc,CAACkB,OAAO;IACpCD,KAAK,CAACrB,aAAa,GAAGA,aAAa;IACnCqB,KAAK,CAACzB,YAAY,GAAGyB,KAAK,CAACrB,aAAa,GAAGqB,KAAK,CAACtB,UAAU;IAC3DI,aAAa,GAAGkB,KAAK,CAAC;EACxB,CAAC,EACD,CAAClB,aAAa,CAChB,CAAC;EAED,MAAMwB,cAAc,GAAG,IAAAjB,kBAAW,EAAC,MAAM;IACvC,IAAIN,cAAc,CAACkB,OAAO,CAACzB,YAAY,EAAE;MACvCS,kBAAkB,CAACgB,OAAO,GAAG,IAAI;MACjClB,cAAc,CAACkB,OAAO,CAACzB,YAAY,GAAG,KAAK;MAC3CU,eAAe,CAAC,KAAK,CAAC;MACtBL,OAAO,CAACoB,OAAO,EAAEM,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IAChE;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,KAAK,GAAG,IAAArB,kBAAW,EAAC,MAAM;IAC9BN,cAAc,CAACkB,OAAO,GAAG;MAAE,GAAG3B;IAAmB,CAAC;IAClDW,kBAAkB,CAACgB,OAAO,GAAG,KAAK;IAClCf,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLH,cAAc;IACdP,YAAY;IACZY,YAAY;IACZc,YAAY;IACZE,uBAAuB;IACvBE,cAAc;IACdI;EACF,CAAC;AACH,CAAC;AAAAC,OAAA,CAAA/B,aAAA,GAAAA,aAAA","ignoreList":[]}
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.MessageButtonsBlock = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
- var _reactNativeUi = require("@magmamath/react-native-ui");
10
9
  var _ErrorSpottingButton = require("../../errorSpotting/ErrorSpottingButton.js");
11
10
  var _MessageTextToSpeech = require("./MessageTextToSpeech.js");
12
11
  var _jsxRuntime = require("react/jsx-runtime");
@@ -37,12 +36,14 @@ const styles = _reactNative.StyleSheet.create({
37
36
  flexDirection: 'row',
38
37
  gap: 8,
39
38
  marginLeft: 'auto',
40
- ...(_reactNativeUi.IS_WEB ? {
41
- float: 'right'
42
- } : {
43
- position: 'absolute',
44
- bottom: 8,
45
- right: 8
39
+ alignItems: 'flex-end',
40
+ position: 'absolute',
41
+ bottom: 8,
42
+ right: 8,
43
+ ..._reactNative.Platform.select({
44
+ web: {
45
+ backfaceVisibility: 'hidden'
46
+ }
46
47
  })
47
48
  }
48
49
  });
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -21,13 +21,19 @@ const MessageContentWeb = ({
21
21
  highlightedWordIndex,
22
22
  TTSHighlightRenderer: TTSHighlightComponent
23
23
  }) => {
24
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
25
- style: styles.messageText,
26
- children: [TTSHighlightComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TTSHighlightComponent, {
27
- text: text,
28
- highlightedIndex: highlightedWordIndex ?? -1,
29
- colorScheme: colorScheme
30
- }) : text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
25
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
26
+ style: styles.messageText,
27
+ children: [TTSHighlightComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TTSHighlightComponent, {
28
+ text: text,
29
+ highlightedIndex: highlightedWordIndex ?? -1,
30
+ colorScheme: colorScheme
31
+ }) : text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
32
+ style: {
33
+ width: (0, _helpers.getSpacerSize)(message, t2sState)
34
+ }
35
+ })]
36
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
31
37
  message: message,
32
38
  t2sState: t2sState,
33
39
  variant: variant,
@@ -1 +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":[]}
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","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":[]}
@@ -27,8 +27,10 @@ const ReceivedMessage = ({
27
27
  const text = isTranslated ? message.translatedMessage : message.message;
28
28
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
29
29
  style: styles.container,
30
- children: [withIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
31
- style: styles.icon,
30
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
31
+ style: [styles.iconWrapper, {
32
+ opacity: withIcon ? 1 : 0
33
+ }],
32
34
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_studentsFeatures.ChatbotIcon, {
33
35
  width: _constants.CHATBOT_ICON_SIZE.width,
34
36
  height: _constants.CHATBOT_ICON_SIZE.height
@@ -70,10 +72,17 @@ const styles = _reactNative.StyleSheet.create({
70
72
  elevation: 3,
71
73
  borderRadius: _reactNativeUi.BORDER_RADIUS[300],
72
74
  borderBottomLeftRadius: 0,
73
- backgroundColor: '#F2F2F4'
75
+ backgroundColor: '#F2F2F4',
76
+ ..._reactNative.Platform.select({
77
+ web: {
78
+ backfaceVisibility: 'hidden'
79
+ }
80
+ })
74
81
  },
75
- icon: {
76
- paddingRight: _reactNativeUi.SPACING[200]
82
+ iconWrapper: {
83
+ width: _constants.CHATBOT_ICON_SIZE.width + _reactNativeUi.SPACING[200],
84
+ alignItems: 'flex-start',
85
+ justifyContent: 'flex-end'
77
86
  }
78
87
  });
79
88
  //# sourceMappingURL=ReceivedMessage.js.map
@@ -1 +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":[]}
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","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":[]}
@@ -34,7 +34,12 @@ const styles = _reactNative.StyleSheet.create({
34
34
  maxWidth: _constants.MESSAGE_WIDTH,
35
35
  padding: _reactNativeUi.SPACING[200],
36
36
  borderRadius: _reactNativeUi.BORDER_RADIUS[300],
37
- borderBottomRightRadius: 0
37
+ borderBottomRightRadius: 0,
38
+ ..._reactNative.Platform.select({
39
+ web: {
40
+ backfaceVisibility: 'hidden'
41
+ }
42
+ })
38
43
  },
39
44
  text: {
40
45
  fontSize: 20,
@@ -1 +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":[]}
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","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":[]}
@@ -56,7 +56,6 @@ export const Chat = ({
56
56
  const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
57
57
  const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
58
58
  const reversedMessages = useMemo(() => [...messages].reverse(), [messages]);
59
- const flatListStyle = useMemo(() => [styles.flatList, maskStyle], [maskStyle]);
60
59
  const renderMessage = useCallback(({
61
60
  item: message
62
61
  }) => {
@@ -93,21 +92,17 @@ export const Chat = ({
93
92
  style: styles.listWrapper,
94
93
  children: [/*#__PURE__*/_jsx(FlatList, {
95
94
  ref: listRef,
96
- inverted: true,
97
95
  data: reversedMessages,
98
96
  renderItem: renderMessage,
99
97
  keyExtractor: keyExtractor,
100
- bounces: false,
101
- style: flatListStyle,
98
+ style: [styles.flatList, maskStyle],
102
99
  contentContainerStyle: styles.list,
103
100
  showsVerticalScrollIndicator: false,
101
+ inverted: true,
102
+ bounces: false,
104
103
  onLayout: handleLayout,
105
104
  onScroll: handleScroll,
106
105
  onContentSizeChange: handleContentSizeChange,
107
- extraData: isScrolledUp,
108
- initialNumToRender: 5,
109
- maxToRenderPerBatch: 5,
110
- windowSize: 7,
111
106
  ItemSeparatorComponent: Separator,
112
107
  ListHeaderComponent: listHeader
113
108
  }), /*#__PURE__*/_jsx(FadeOverlays, {
@@ -1 +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":[]}
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","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":[]}
@@ -1 +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":[]}
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;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":[]}
@@ -16,6 +16,7 @@ export const useChatScroll = ({
16
16
  const scrollStateRef = useRef({
17
17
  ...initialScrollState
18
18
  });
19
+ const isAutoScrollingRef = useRef(false);
19
20
  // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
20
21
  const [isScrolledUp, setIsScrolledUp] = useState(false);
21
22
  const handleScroll = useCallback(e => {
@@ -27,13 +28,16 @@ export const useChatScroll = ({
27
28
  const scrolledUp = contentOffset.y > SCROLL_BOTTOM_THRESHOLD;
28
29
  const atTop = contentOffset.y >= contentSize.height - layoutMeasurement.height - SCROLL_BOTTOM_THRESHOLD;
29
30
  const state = scrollStateRef.current;
30
- const wasScrolledUp = state.isScrolledUp;
31
- state.isScrolledUp = scrolledUp;
32
31
  state.isAtTop = atTop;
33
- onStateChange?.(state);
34
- if (scrolledUp !== wasScrolledUp) {
32
+ if (isAutoScrollingRef.current) {
33
+ if (!scrolledUp) {
34
+ isAutoScrollingRef.current = false;
35
+ }
36
+ } else {
37
+ state.isScrolledUp = scrolledUp;
35
38
  setIsScrolledUp(scrolledUp);
36
39
  }
40
+ onStateChange?.(state);
37
41
  }, [onStateChange]);
38
42
  const handleLayout = useCallback(e => {
39
43
  const state = scrollStateRef.current;
@@ -49,6 +53,9 @@ export const useChatScroll = ({
49
53
  }, [onStateChange]);
50
54
  const scrollToBottom = useCallback(() => {
51
55
  if (scrollStateRef.current.isScrolledUp) {
56
+ isAutoScrollingRef.current = true;
57
+ scrollStateRef.current.isScrolledUp = false;
58
+ setIsScrolledUp(false);
52
59
  listRef.current?.scrollToOffset({
53
60
  offset: 0,
54
61
  animated: true
@@ -59,6 +66,7 @@ export const useChatScroll = ({
59
66
  scrollStateRef.current = {
60
67
  ...initialScrollState
61
68
  };
69
+ isAutoScrollingRef.current = false;
62
70
  setIsScrolledUp(false);
63
71
  }, []);
64
72
  return {
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1,8 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import React from 'react';
4
- import { StyleSheet, View } from 'react-native';
5
- import { IS_WEB } from '@magmamath/react-native-ui';
4
+ import { Platform, StyleSheet, View } from 'react-native';
6
5
  import { ErrorSpottingButton } from "../../errorSpotting/ErrorSpottingButton.js";
7
6
  import { MessageTextToSpeech } from "./MessageTextToSpeech.js";
8
7
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -31,12 +30,14 @@ const styles = StyleSheet.create({
31
30
  flexDirection: 'row',
32
31
  gap: 8,
33
32
  marginLeft: 'auto',
34
- ...(IS_WEB ? {
35
- float: 'right'
36
- } : {
37
- position: 'absolute',
38
- bottom: 8,
39
- right: 8
33
+ alignItems: 'flex-end',
34
+ position: 'absolute',
35
+ bottom: 8,
36
+ right: 8,
37
+ ...Platform.select({
38
+ web: {
39
+ backfaceVisibility: 'hidden'
40
+ }
40
41
  })
41
42
  }
42
43
  });
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -16,13 +16,19 @@ const MessageContentWeb = ({
16
16
  highlightedWordIndex,
17
17
  TTSHighlightRenderer: TTSHighlightComponent
18
18
  }) => {
19
- return /*#__PURE__*/_jsxs(Text, {
20
- style: styles.messageText,
21
- children: [TTSHighlightComponent ? /*#__PURE__*/_jsx(TTSHighlightComponent, {
22
- text: text,
23
- highlightedIndex: highlightedWordIndex ?? -1,
24
- colorScheme: colorScheme
25
- }) : text, /*#__PURE__*/_jsx(MessageButtonsBlock, {
19
+ return /*#__PURE__*/_jsxs(_Fragment, {
20
+ children: [/*#__PURE__*/_jsxs(Text, {
21
+ style: styles.messageText,
22
+ children: [TTSHighlightComponent ? /*#__PURE__*/_jsx(TTSHighlightComponent, {
23
+ text: text,
24
+ highlightedIndex: highlightedWordIndex ?? -1,
25
+ colorScheme: colorScheme
26
+ }) : text, /*#__PURE__*/_jsx(View, {
27
+ style: {
28
+ width: getSpacerSize(message, t2sState)
29
+ }
30
+ })]
31
+ }), /*#__PURE__*/_jsx(MessageButtonsBlock, {
26
32
  message: message,
27
33
  t2sState: t2sState,
28
34
  variant: variant,
@@ -1 +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":[]}
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","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":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import React from 'react';
4
- import { StyleSheet, View } from 'react-native';
4
+ import { Platform, StyleSheet, View } from 'react-native';
5
5
  import { BORDER_RADIUS, SPACING } from '@magmamath/react-native-ui';
6
6
  import { CHATBOT_ICON_SIZE, MESSAGE_WIDTH } from "../../constants.js";
7
7
  import { ChatbotIcon } from '@magmamath/students-features';
@@ -22,8 +22,10 @@ export const ReceivedMessage = ({
22
22
  const text = isTranslated ? message.translatedMessage : message.message;
23
23
  return /*#__PURE__*/_jsxs(View, {
24
24
  style: styles.container,
25
- children: [withIcon && /*#__PURE__*/_jsx(View, {
26
- style: styles.icon,
25
+ children: [/*#__PURE__*/_jsx(View, {
26
+ style: [styles.iconWrapper, {
27
+ opacity: withIcon ? 1 : 0
28
+ }],
27
29
  children: /*#__PURE__*/_jsx(ChatbotIcon, {
28
30
  width: CHATBOT_ICON_SIZE.width,
29
31
  height: CHATBOT_ICON_SIZE.height
@@ -64,10 +66,17 @@ const styles = StyleSheet.create({
64
66
  elevation: 3,
65
67
  borderRadius: BORDER_RADIUS[300],
66
68
  borderBottomLeftRadius: 0,
67
- backgroundColor: '#F2F2F4'
69
+ backgroundColor: '#F2F2F4',
70
+ ...Platform.select({
71
+ web: {
72
+ backfaceVisibility: 'hidden'
73
+ }
74
+ })
68
75
  },
69
- icon: {
70
- paddingRight: SPACING[200]
76
+ iconWrapper: {
77
+ width: CHATBOT_ICON_SIZE.width + SPACING[200],
78
+ alignItems: 'flex-start',
79
+ justifyContent: 'flex-end'
71
80
  }
72
81
  });
73
82
  //# sourceMappingURL=ReceivedMessage.js.map
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  import React from 'react';
4
- import { StyleSheet, Text, View } from 'react-native';
4
+ import { Platform, StyleSheet, Text, View } from 'react-native';
5
5
  import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
6
6
  import { MESSAGE_WIDTH } from "../../constants.js";
7
7
  import { MESSAGE_COLORS_MAP } from "../../constants.js";
@@ -30,7 +30,12 @@ const styles = StyleSheet.create({
30
30
  maxWidth: MESSAGE_WIDTH,
31
31
  padding: SPACING[200],
32
32
  borderRadius: BORDER_RADIUS[300],
33
- borderBottomRightRadius: 0
33
+ borderBottomRightRadius: 0,
34
+ ...Platform.select({
35
+ web: {
36
+ backfaceVisibility: 'hidden'
37
+ }
38
+ })
34
39
  },
35
40
  text: {
36
41
  fontSize: 20,
@@ -1 +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":[]}
1
+ {"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":[]}
@@ -1 +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"}
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,6BAoGX,CAAA"}
@@ -1 +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"}
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;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}
@@ -1 +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"}
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;;;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"}
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
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;AAwED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}
@@ -1 +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"}
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,sBAsBd,CAAA"}
@@ -1 +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"}
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,6BAoGX,CAAA"}
@@ -1 +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"}
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;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA"}
@@ -1 +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"}
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;;;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"}
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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"}
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;AAwED,eAAO,MAAM,cAAc,6IA1BxB,mBAAmB,sBA6BpB,CAAA"}
@@ -1 +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"}
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,sBAsBd,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magmamath/students-features",
3
- "version": "1.1.0-rc.1",
3
+ "version": "1.1.0-rc.3",
4
4
  "description": "Magmamath features library",
5
5
  "source": "src/index.ts",
6
6
  "main": "src/index.ts",
@@ -68,7 +68,6 @@ export const Chat = ({
68
68
  const lastBotMessageId = messages.findLast((m) => !m.isOwnMessage)?.id
69
69
  const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1
70
70
  const reversedMessages = useMemo(() => [...messages].reverse(), [messages])
71
- const flatListStyle = useMemo(() => [styles.flatList, maskStyle], [maskStyle])
72
71
 
73
72
  const renderMessage = useCallback(
74
73
  ({ item: message }: ListRenderItemInfo<ConversationMessage>) => {
@@ -121,21 +120,17 @@ export const Chat = ({
121
120
  <View style={styles.listWrapper}>
122
121
  <FlatList
123
122
  ref={listRef}
124
- inverted
125
123
  data={reversedMessages}
126
124
  renderItem={renderMessage}
127
125
  keyExtractor={keyExtractor}
128
- bounces={false}
129
- style={flatListStyle}
126
+ style={[styles.flatList, maskStyle]}
130
127
  contentContainerStyle={styles.list}
131
128
  showsVerticalScrollIndicator={false}
129
+ inverted
130
+ bounces={false}
132
131
  onLayout={handleLayout}
133
132
  onScroll={handleScroll}
134
133
  onContentSizeChange={handleContentSizeChange}
135
- extraData={isScrolledUp}
136
- initialNumToRender={5}
137
- maxToRenderPerBatch={5}
138
- windowSize={7}
139
134
  ItemSeparatorComponent={Separator}
140
135
  ListHeaderComponent={listHeader}
141
136
  />
@@ -9,8 +9,12 @@ type ScrollState = {
9
9
  }
10
10
 
11
11
  const MASKS: Record<FadePosition, ViewStyle> = {
12
- [FadePosition.TOP]: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
13
- [FadePosition.BOTTOM]: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
12
+ [FadePosition.TOP]: {
13
+ maskImage: 'linear-gradient(to top, transparent, black 10%, black)',
14
+ } as any,
15
+ [FadePosition.BOTTOM]: {
16
+ maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)',
17
+ } as any,
14
18
  [FadePosition.BOTH]: {
15
19
  maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
16
20
  } as any,
@@ -27,6 +27,7 @@ type UseChatScrollProps = {
27
27
 
28
28
  export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) => {
29
29
  const scrollStateRef = useRef<ScrollState>({ ...initialScrollState })
30
+ const isAutoScrollingRef = useRef(false)
30
31
  // Stored as state (not in ref) because it drives UI re-renders (ChatIcon visibility, FlatList extraData)
31
32
  const [isScrolledUp, setIsScrolledUp] = useState(false)
32
33
 
@@ -38,14 +39,18 @@ export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) =>
38
39
  contentOffset.y >= contentSize.height - layoutMeasurement.height - SCROLL_BOTTOM_THRESHOLD
39
40
 
40
41
  const state = scrollStateRef.current
41
- const wasScrolledUp = state.isScrolledUp
42
- state.isScrolledUp = scrolledUp
43
42
  state.isAtTop = atTop
44
- onStateChange?.(state)
45
43
 
46
- if (scrolledUp !== wasScrolledUp) {
44
+ if (isAutoScrollingRef.current) {
45
+ if (!scrolledUp) {
46
+ isAutoScrollingRef.current = false
47
+ }
48
+ } else {
49
+ state.isScrolledUp = scrolledUp
47
50
  setIsScrolledUp(scrolledUp)
48
51
  }
52
+
53
+ onStateChange?.(state)
49
54
  },
50
55
  [onStateChange],
51
56
  )
@@ -72,12 +77,16 @@ export const useChatScroll = ({ listRef, onStateChange }: UseChatScrollProps) =>
72
77
 
73
78
  const scrollToBottom = useCallback(() => {
74
79
  if (scrollStateRef.current.isScrolledUp) {
80
+ isAutoScrollingRef.current = true
81
+ scrollStateRef.current.isScrolledUp = false
82
+ setIsScrolledUp(false)
75
83
  listRef.current?.scrollToOffset({ offset: 0, animated: true })
76
84
  }
77
85
  }, [])
78
86
 
79
87
  const reset = useCallback(() => {
80
88
  scrollStateRef.current = { ...initialScrollState }
89
+ isAutoScrollingRef.current = false
81
90
  setIsScrolledUp(false)
82
91
  }, [])
83
92
 
@@ -1,6 +1,5 @@
1
1
  import React from 'react'
2
- import { StyleSheet, View } from 'react-native'
3
- import { IS_WEB } from '@magmamath/react-native-ui'
2
+ import { Platform, StyleSheet, View } from 'react-native'
4
3
 
5
4
  import { ErrorSpottingButton } from '../../errorSpotting/ErrorSpottingButton'
6
5
  import { ConversationMessage } from '../../types/units.types'
@@ -47,12 +46,10 @@ const styles = StyleSheet.create({
47
46
  flexDirection: 'row',
48
47
  gap: 8,
49
48
  marginLeft: 'auto',
50
- ...(IS_WEB
51
- ? { float: 'right' }
52
- : {
53
- position: 'absolute',
54
- bottom: 8,
55
- right: 8,
56
- }),
49
+ alignItems: 'flex-end',
50
+ position: 'absolute',
51
+ bottom: 8,
52
+ right: 8,
53
+ ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
57
54
  },
58
55
  })
@@ -31,16 +31,19 @@ const MessageContentWeb = ({
31
31
  TTSHighlightRenderer: TTSHighlightComponent,
32
32
  }: MessageContentProps) => {
33
33
  return (
34
- <Text style={styles.messageText}>
35
- {TTSHighlightComponent ? (
36
- <TTSHighlightComponent
37
- text={text}
38
- highlightedIndex={highlightedWordIndex ?? -1}
39
- colorScheme={colorScheme}
40
- />
41
- ) : (
42
- text
43
- )}
34
+ <>
35
+ <Text style={styles.messageText}>
36
+ {TTSHighlightComponent ? (
37
+ <TTSHighlightComponent
38
+ text={text}
39
+ highlightedIndex={highlightedWordIndex ?? -1}
40
+ colorScheme={colorScheme}
41
+ />
42
+ ) : (
43
+ text
44
+ )}
45
+ <View style={{ width: getSpacerSize(message, t2sState) }} />
46
+ </Text>
44
47
  <MessageButtonsBlock
45
48
  message={message}
46
49
  t2sState={t2sState}
@@ -48,7 +51,7 @@ const MessageContentWeb = ({
48
51
  colorScheme={colorScheme}
49
52
  withErrorSpotting={withErrorSpotting}
50
53
  />
51
- </Text>
54
+ </>
52
55
  )
53
56
  }
54
57
 
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { StyleSheet, View } from 'react-native'
2
+ import { Platform, StyleSheet, View } from 'react-native'
3
3
  import { BORDER_RADIUS, SPACING } from '@magmamath/react-native-ui'
4
4
  import { CHATBOT_ICON_SIZE, MESSAGE_WIDTH } from '../../constants'
5
5
  import { ChatbotIcon } from '@magmamath/students-features'
@@ -22,11 +22,9 @@ export const ReceivedMessage = ({
22
22
 
23
23
  return (
24
24
  <View style={styles.container}>
25
- {withIcon && (
26
- <View style={styles.icon}>
27
- <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
28
- </View>
29
- )}
25
+ <View style={[styles.iconWrapper, { opacity: withIcon ? 1 : 0 }]}>
26
+ <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
27
+ </View>
30
28
  <View style={styles.message}>
31
29
  <MessageContent
32
30
  message={message}
@@ -62,8 +60,11 @@ const styles = StyleSheet.create({
62
60
  borderRadius: BORDER_RADIUS[300],
63
61
  borderBottomLeftRadius: 0,
64
62
  backgroundColor: '#F2F2F4',
63
+ ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
65
64
  },
66
- icon: {
67
- paddingRight: SPACING[200],
65
+ iconWrapper: {
66
+ width: CHATBOT_ICON_SIZE.width + SPACING[200],
67
+ alignItems: 'flex-start',
68
+ justifyContent: 'flex-end',
68
69
  },
69
70
  })
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { StyleSheet, Text, View } from 'react-native'
2
+ import { Platform, StyleSheet, Text, View } from 'react-native'
3
3
  import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
4
4
  import { MESSAGE_WIDTH } from '../../constants'
5
5
 
@@ -32,6 +32,7 @@ const styles = StyleSheet.create({
32
32
  padding: SPACING[200],
33
33
  borderRadius: BORDER_RADIUS[300],
34
34
  borderBottomRightRadius: 0,
35
+ ...Platform.select({ web: { backfaceVisibility: 'hidden' } }),
35
36
  },
36
37
  text: {
37
38
  fontSize: 20,