@magmamath/students-features 0.11.0-rc.17 → 0.11.0-rc.18

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

@@ -8,29 +8,41 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BottomFade = ({
+const WebBottomFade = ({
   visible
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
   style: [styles.container, {
     opacity: visible ? 1 : 0
+  }, {
+    backgroundImage: 'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)'
   }],
   pointerEvents: "none"
 });
-exports.BottomFade = BottomFade;
+const NativeBottomFade = ({
+  visible
+}) => {
+  const {
+    default: LinearGradient
+  } = require('react-native-linear-gradient');
+  if (!visible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
+    colors: ['transparent', 'rgba(255,255,255,0.8)', 'rgba(255,255,255,1)'],
+    locations: [0, 0.6, 0.9],
+    style: styles.container,
+    pointerEvents: "none"
+  });
+};
+const BottomFade = exports.BottomFade = _reactNative.Platform.select({
+  web: WebBottomFade,
+  default: NativeBottomFade
+});
 const styles = _reactNative.StyleSheet.create({
   container: {
     position: 'absolute',
     bottom: 52,
+    left: 0,
     right: 0,
-    width: 370,
-    height: 40,
-    transition: 'opacity 0.2s ease-in-out',
-    ..._reactNative.Platform.select({
-      web: {
-        backgroundImage: 'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)'
-      },
-      default: {}
-    })
+    height: 40
   }
 });
 //# sourceMappingURL=BottomFade.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","BottomFade","visible","jsx","View","style","styles","container","opacity","pointerEvents","exports","StyleSheet","create","position","bottom","right","width","height","transition","Platform","select","web","backgroundImage"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/BottomFade.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMlD,MAAMG,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,IAAI;EACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;IAAEC,OAAO,EAAEN,OAAO,GAAG,CAAC,GAAG;EAAE,CAAC,CAAE;EACxDO,aAAa,EAAC;AAAM,CACrB,CACF;AAAAC,OAAA,CAAAT,UAAA,GAAAA,UAAA;AAED,MAAMK,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,0BAA0B;IACtC,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,eAAe,EACb;MACJ,CAAC;MACDtB,OAAO,EAAE,CAAC;IACZ,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","WebBottomFade","visible","jsx","View","style","styles","container","opacity","backgroundImage","pointerEvents","NativeBottomFade","LinearGradient","colors","locations","BottomFade","exports","Platform","select","web","StyleSheet","create","position","bottom","left","right","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/BottomFade.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMzD,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACjD,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,IAAI;EACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;IAAEC,OAAO,EAAEN,OAAO,GAAG,CAAC,GAAG;EAAE,CAAC,EAC5B;IACEO,eAAe,EACb;EACJ,CAAC,CACD;EACFC,aAAa,EAAC;AAAM,CACrB,CACF;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAET;AAAyB,CAAC,KAAK;EACzD,MAAM;IAAEF,OAAO,EAAEY;EAAe,CAAC,GAAGjB,OAAO,CAAC,8BAA8B,CAAC;EAE3E,IAAI,CAACO,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACS,cAAc;IACbC,MAAM,EAAE,CAAC,aAAa,EAAE,uBAAuB,EAAE,qBAAqB,CAAE;IACxEC,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAE;IACzBT,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBG,aAAa,EAAC;EAAM,CACrB,CAAC;AAEN,CAAC;AAEM,MAAMK,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,qBAAQ,CAACC,MAAM,CAAC;EACxCC,GAAG,EAAElB,aAAa;EAClBD,OAAO,EAAEW;AACX,CAAC,CAAE;AAEH,MAAML,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -27,6 +27,7 @@ const Chat = ({
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  maxHeight: maxHeightProp,
   colorScheme = _styleTypes.ColorScheme.Blue,
   MessageWrapper,
   TTSHighlightRenderer,
@@ -36,7 +37,8 @@ const Chat = ({
   const [isScrollable, setIsScrollable] = (0, _react.useState)(false);
   const [isScrolledUp, setIsScrolledUp] = (0, _react.useState)(false);
   const [isAtTop, setIsAtTop] = (0, _react.useState)(false);
-  const maxHeightRef = (0, _react.useRef)(0);
+  const listHeightRef = (0, _react.useRef)(0);
+  const contentHeightRef = (0, _react.useRef)(0);
   const dimensions = (0, _reactNative.useWindowDimensions)();
   const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
   const isHelpRequestPending = (0, _effectorReact.useUnit)(model.sendHelpRequestFx.pending);
@@ -44,7 +46,7 @@ const Chat = ({
     messages
   }) => messages);
   const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
-  const MAX_HEIGHT = dimensions.height - _constants.TOOLBAR_HEIGHT - _constants.BOTTOM_OFFSET;
+  const MAX_HEIGHT = maxHeightProp ?? dimensions.height;
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
   const reversedMessages = (0, _react.useMemo)(() => [...messages].reverse(), [messages]);
   const showBotIcon = !isScrolledUp && !isInputDisabled;
@@ -54,7 +56,6 @@ const Chat = ({
     if (isScrolledUp) return _constants.FADE_MASKS.both;
     return _constants.FADE_MASKS.top;
   })();
-  maxHeightRef.current = MAX_HEIGHT;
   const renderMessage = (0, _react.useCallback)(({
     item: message
   }) => {
@@ -70,6 +71,9 @@ const Chat = ({
       TTSHighlightRenderer: TTSHighlightRenderer
     });
   }, [isScrolledUp, lastBotMessageId, colorScheme, isInputDisabled, isTextToSpeechEnabled, shouldWrapMessage]);
+  const updateScrollable = (0, _react.useCallback)(() => {
+    setIsScrollable(contentHeightRef.current > listHeightRef.current);
+  }, []);
   const handleScroll = (0, _react.useCallback)(e => {
     const {
       contentOffset,
@@ -79,9 +83,22 @@ const Chat = ({
     setIsScrolledUp(contentOffset.y > _constants.SCROLL_BOTTOM_THRESHOLD);
     setIsAtTop(contentOffset.y >= contentSize.height - layoutMeasurement.height - _constants.SCROLL_BOTTOM_THRESHOLD);
   }, []);
+  const handleLayout = (0, _react.useCallback)(e => {
+    listHeightRef.current = e.nativeEvent.layout.height;
+    updateScrollable();
+  }, [updateScrollable]);
   const handleContentSizeChange = (0, _react.useCallback)((_, contentHeight) => {
-    setIsScrollable(contentHeight >= maxHeightRef.current);
-  }, []);
+    contentHeightRef.current = contentHeight;
+    updateScrollable();
+  }, [updateScrollable]);
+  (0, _react.useEffect)(() => {
+    if (isScrolledUp) {
+      ref.current?.scrollToOffset({
+        offset: 0,
+        animated: true
+      });
+    }
+  }, [messages.length]);
   (0, _react.useEffect)(() => {
     if (!isOpen) {
       setIsScrollable(false);
@@ -104,6 +121,7 @@ const Chat = ({
       keyExtractor: keyExtractor,
       renderItem: renderMessage,
       contentContainerStyle: styles.list,
+      onLayout: handleLayout,
       onScroll: handleScroll,
       scrollEventThrottle: 16,
       onContentSizeChange: handleContentSizeChange,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_constants","_constants2","_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","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","ref","useRef","isScrollable","setIsScrollable","useState","isScrolledUp","setIsScrolledUp","isAtTop","setIsAtTop","maxHeightRef","dimensions","useWindowDimensions","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","useStoreMap","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","MAX_HEIGHT","height","TOOLBAR_HEIGHT","BOTTOM_OFFSET","shouldWrapMessage","length","reversedMessages","useMemo","reverse","showBotIcon","fadeMask","undefined","FADE_MASKS","bottom","both","top","current","renderMessage","useCallback","message","withInlineIcon","MessageItem","handleScroll","contentOffset","contentSize","layoutMeasurement","nativeEvent","y","SCROLL_BOTTOM_THRESHOLD","handleContentSizeChange","_","contentHeight","useEffect","jsxs","container","maxHeight","children","FlatList","showsVerticalScrollIndicator","inverted","bounces","flatList","data","renderItem","contentContainerStyle","list","onScroll","scrollEventThrottle","onContentSizeChange","ListHeaderComponent","MessageLoader","isLoading","at","ItemSeparatorComponent","ChatIcon","ChatInputBlock","hasMessages","exports","StyleSheet","create","alignItems","width","CHAT_CONTAINER_WIDTH","paddingRight","SPACING","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_constants","_constants2","_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","maxHeightProp","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","ref","useRef","isScrollable","setIsScrollable","useState","isScrolledUp","setIsScrolledUp","isAtTop","setIsAtTop","listHeightRef","contentHeightRef","dimensions","useWindowDimensions","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","useStoreMap","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","MAX_HEIGHT","height","shouldWrapMessage","length","reversedMessages","useMemo","reverse","showBotIcon","fadeMask","undefined","FADE_MASKS","bottom","both","top","renderMessage","useCallback","message","withInlineIcon","MessageItem","updateScrollable","current","handleScroll","contentOffset","contentSize","layoutMeasurement","nativeEvent","y","SCROLL_BOTTOM_THRESHOLD","handleLayout","layout","handleContentSizeChange","_","contentHeight","useEffect","scrollToOffset","offset","animated","jsxs","container","children","FlatList","showsVerticalScrollIndicator","inverted","bounces","flatList","data","renderItem","contentContainerStyle","list","onLayout","onScroll","scrollEventThrottle","onContentSizeChange","ListHeaderComponent","MessageLoader","isLoading","at","ItemSeparatorComponent","ChatIcon","ChatInputBlock","hasMessages","exports","StyleSheet","create","alignItems","width","CHAT_CONTAINER_WIDTH","paddingRight","SPACING","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,14 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOOLBAR_HEIGHT = exports.SCROLL_BOTTOM_THRESHOLD = exports.FADE_MASKS = exports.BOTTOM_OFFSET = void 0;
+exports.SCROLL_BOTTOM_THRESHOLD = exports.FADE_MASKS = void 0;
 var _reactNative = require("react-native");
 const SCROLL_BOTTOM_THRESHOLD = exports.SCROLL_BOTTOM_THRESHOLD = 0.5;
-const TOOLBAR_HEIGHT = exports.TOOLBAR_HEIGHT = 140;
-const BOTTOM_OFFSET = exports.BOTTOM_OFFSET = _reactNative.Platform.select({
-  web: 215,
-  default: 250
-});
 const FADE_MASKS = exports.FADE_MASKS = _reactNative.Platform.select({
   web: {
     top: {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","SCROLL_BOTTOM_THRESHOLD","exports","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","default","FADE_MASKS","top","maskImage","bottom","both","undefined"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,GAAG;AACnC,MAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAG,GAAG;AAC1B,MAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,GAAG;EAAEC,OAAO,EAAE;AAAI,CAAC,CAAC;AAEjE,MAAMC,UAAU,GAAAP,OAAA,CAAAO,UAAA,GAAGJ,qBAAQ,CAACC,MAAM,CAAC;EACxCC,GAAG,EAAE;IACHG,GAAG,EAAE;MAAEC,SAAS,EAAE;IAAyD,CAAQ;IACnFC,MAAM,EAAE;MAAED,SAAS,EAAE;IAA4D,CAAQ;IACzFE,IAAI,EAAE;MACJF,SAAS,EAAE;IACb;EACF,CAAC;EACDH,OAAO,EAAE;IAAEE,GAAG,EAAEI,SAAS;IAAEF,MAAM,EAAEE,SAAS;IAAED,IAAI,EAAEC;EAAU;AAChE,CAAC,CAAE","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","SCROLL_BOTTOM_THRESHOLD","exports","FADE_MASKS","Platform","select","web","top","maskImage","bottom","both","default","undefined"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,GAAG;AAEnC,MAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EACxCC,GAAG,EAAE;IACHC,GAAG,EAAE;MAAEC,SAAS,EAAE;IAAyD,CAAQ;IACnFC,MAAM,EAAE;MAAED,SAAS,EAAE;IAA4D,CAAQ;IACzFE,IAAI,EAAE;MACJF,SAAS,EAAE;IACb;EACF,CAAC;EACDG,OAAO,EAAE;IAAEJ,GAAG,EAAEK,SAAS;IAAEH,MAAM,EAAEG,SAAS;IAAEF,IAAI,EAAEE;EAAU;AAChE,CAAC,CAAE","ignoreList":[]}

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

@@ -23,7 +23,8 @@ const Chatbot = ({
   iconSize,
   colorScheme = _styleTypes.ColorScheme.Blue,
   withQuickActionButton,
-  TTSHighlightRenderer
+  TTSHighlightRenderer,
+  maxHeight
 }) => {
   const alternatives = (0, _effectorReact.useUnit)(model.$alternatives);
   const isChatAllowed = (0, _effectorReact.useUnit)(model.$chatAccess);
@@ -57,6 +58,7 @@ const Chatbot = ({
       isHintFeedback: isHintFeedback,
       isTextToSpeechEnabled: isTextToSpeechEnabled,
       isInputDisabled: isInputDisabled,
+      maxHeight: maxHeight,
       MessageWrapper: ButtonWrapper,
       TTSHighlightRenderer: TTSHighlightRenderer,
       onPressClose: closeChat

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_Chat","_ChatControls","_ChatBotModelContext","_styleTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","ColorScheme","Blue","withQuickActionButton","TTSHighlightRenderer","alternatives","useUnit","$alternatives","isChatAllowed","$chatAccess","isAvailable","useStoreMap","$currentChatData","hasBeenOpened","t2s","setAudioConfig","openChat","setIsOpen","closeChat","sendHelpRequest","useCallback","option","options","sendHelpRequestFx","message","text","translatedMessage","translatedText","skipOwnMessage","jsxs","ChatBotModelContext","Provider","value","children","jsx","Chat","MessageWrapper","onPressClose","ChatControls","onPressChatIcon","onPressHelpButton","undefined","withHelpButton","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_Chat","_ChatControls","_ChatBotModelContext","_styleTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","ColorScheme","Blue","withQuickActionButton","TTSHighlightRenderer","maxHeight","alternatives","useUnit","$alternatives","isChatAllowed","$chatAccess","isAvailable","useStoreMap","$currentChatData","hasBeenOpened","t2s","setAudioConfig","openChat","setIsOpen","closeChat","sendHelpRequest","useCallback","option","options","sendHelpRequestFx","message","text","translatedMessage","translatedText","skipOwnMessage","jsxs","ChatBotModelContext","Provider","value","children","jsx","Chat","MessageWrapper","onPressClose","ChatControls","onPressChatIcon","onPressHelpButton","undefined","withHelpButton","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,28 +3,41 @@
 import React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const BottomFade = ({
+const WebBottomFade = ({
   visible
 }) => /*#__PURE__*/_jsx(View, {
   style: [styles.container, {
     opacity: visible ? 1 : 0
+  }, {
+    backgroundImage: 'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)'
   }],
   pointerEvents: "none"
 });
+const NativeBottomFade = ({
+  visible
+}) => {
+  const {
+    default: LinearGradient
+  } = require('react-native-linear-gradient');
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(LinearGradient, {
+    colors: ['transparent', 'rgba(255,255,255,0.8)', 'rgba(255,255,255,1)'],
+    locations: [0, 0.6, 0.9],
+    style: styles.container,
+    pointerEvents: "none"
+  });
+};
+export const BottomFade = Platform.select({
+  web: WebBottomFade,
+  default: NativeBottomFade
+});
 const styles = StyleSheet.create({
   container: {
     position: 'absolute',
     bottom: 52,
+    left: 0,
     right: 0,
-    width: 370,
-    height: 40,
-    transition: 'opacity 0.2s ease-in-out',
-    ...Platform.select({
-      web: {
-        backgroundImage: 'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)'
-      },
-      default: {}
-    })
+    height: 40
   }
 });
 //# sourceMappingURL=BottomFade.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","View","jsx","_jsx","BottomFade","visible","style","styles","container","opacity","pointerEvents","create","position","bottom","right","width","height","transition","select","web","backgroundImage","default"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/BottomFade.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMzD,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACrDF,IAAA,CAACF,IAAI;EACHK,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;IAAEC,OAAO,EAAEJ,OAAO,GAAG,CAAC,GAAG;EAAE,CAAC,CAAE;EACxDK,aAAa,EAAC;AAAM,CACrB,CACF;AAED,MAAMH,MAAM,GAAGP,UAAU,CAACW,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,0BAA0B;IACtC,GAAGlB,QAAQ,CAACmB,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,eAAe,EACb;MACJ,CAAC;MACDC,OAAO,EAAE,CAAC;IACZ,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","View","jsx","_jsx","WebBottomFade","visible","style","styles","container","opacity","backgroundImage","pointerEvents","NativeBottomFade","default","LinearGradient","require","colors","locations","BottomFade","select","web","create","position","bottom","left","right","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/BottomFade.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMzD,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACjDF,IAAA,CAACF,IAAI;EACHK,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;IAAEC,OAAO,EAAEJ,OAAO,GAAG,CAAC,GAAG;EAAE,CAAC,EAC5B;IACEK,eAAe,EACb;EACJ,CAAC,CACD;EACFC,aAAa,EAAC;AAAM,CACrB,CACF;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEP;AAAyB,CAAC,KAAK;EACzD,MAAM;IAAEQ,OAAO,EAAEC;EAAe,CAAC,GAAGC,OAAO,CAAC,8BAA8B,CAAC;EAE3E,IAAI,CAACV,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEF,IAAA,CAACW,cAAc;IACbE,MAAM,EAAE,CAAC,aAAa,EAAE,uBAAuB,EAAE,qBAAqB,CAAE;IACxEC,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAE;IACzBX,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBG,aAAa,EAAC;EAAM,CACrB,CAAC;AAEN,CAAC;AAED,OAAO,MAAMO,UAAU,GAAGnB,QAAQ,CAACoB,MAAM,CAAC;EACxCC,GAAG,EAAEhB,aAAa;EAClBS,OAAO,EAAED;AACX,CAAC,CAAE;AAEH,MAAML,MAAM,GAAGP,UAAU,CAACqB,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -9,7 +9,7 @@ import { ColorScheme } from "../../types/style.types.js";
 import { ChatIcon } from "./ChatIcon.js";
 import { ChatInputBlock } from "./ChatInputBlock.js";
 import { MessageItem } from "./MessageItem.js";
-import { SCROLL_BOTTOM_THRESHOLD, TOOLBAR_HEIGHT, BOTTOM_OFFSET, FADE_MASKS } from "./constants.js";
+import { SCROLL_BOTTOM_THRESHOLD, FADE_MASKS } from "./constants.js";
 import { CHAT_CONTAINER_WIDTH } from "../../constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Separator = () => /*#__PURE__*/_jsx(View, {
@@ -21,6 +21,7 @@ export const Chat = ({
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  maxHeight: maxHeightProp,
   colorScheme = ColorScheme.Blue,
   MessageWrapper,
   TTSHighlightRenderer,
@@ -30,7 +31,8 @@ export const Chat = ({
   const [isScrollable, setIsScrollable] = useState(false);
   const [isScrolledUp, setIsScrolledUp] = useState(false);
   const [isAtTop, setIsAtTop] = useState(false);
-  const maxHeightRef = useRef(0);
+  const listHeightRef = useRef(0);
+  const contentHeightRef = useRef(0);
   const dimensions = useWindowDimensions();
   const isOpen = useUnit(model.$isOpen);
   const isHelpRequestPending = useUnit(model.sendHelpRequestFx.pending);
@@ -38,7 +40,7 @@ export const Chat = ({
     messages
   }) => messages);
   const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
-  const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
+  const MAX_HEIGHT = maxHeightProp ?? dimensions.height;
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1;
   const reversedMessages = useMemo(() => [...messages].reverse(), [messages]);
   const showBotIcon = !isScrolledUp && !isInputDisabled;
@@ -48,7 +50,6 @@ export const Chat = ({
     if (isScrolledUp) return FADE_MASKS.both;
     return FADE_MASKS.top;
   })();
-  maxHeightRef.current = MAX_HEIGHT;
   const renderMessage = useCallback(({
     item: message
   }) => {
@@ -64,6 +65,9 @@ export const Chat = ({
       TTSHighlightRenderer: TTSHighlightRenderer
     });
   }, [isScrolledUp, lastBotMessageId, colorScheme, isInputDisabled, isTextToSpeechEnabled, shouldWrapMessage]);
+  const updateScrollable = useCallback(() => {
+    setIsScrollable(contentHeightRef.current > listHeightRef.current);
+  }, []);
   const handleScroll = useCallback(e => {
     const {
       contentOffset,
@@ -73,9 +77,22 @@ export const Chat = ({
     setIsScrolledUp(contentOffset.y > SCROLL_BOTTOM_THRESHOLD);
     setIsAtTop(contentOffset.y >= contentSize.height - layoutMeasurement.height - SCROLL_BOTTOM_THRESHOLD);
   }, []);
+  const handleLayout = useCallback(e => {
+    listHeightRef.current = e.nativeEvent.layout.height;
+    updateScrollable();
+  }, [updateScrollable]);
   const handleContentSizeChange = useCallback((_, contentHeight) => {
-    setIsScrollable(contentHeight >= maxHeightRef.current);
-  }, []);
+    contentHeightRef.current = contentHeight;
+    updateScrollable();
+  }, [updateScrollable]);
+  useEffect(() => {
+    if (isScrolledUp) {
+      ref.current?.scrollToOffset({
+        offset: 0,
+        animated: true
+      });
+    }
+  }, [messages.length]);
   useEffect(() => {
     if (!isOpen) {
       setIsScrollable(false);
@@ -98,6 +115,7 @@ export const Chat = ({
       keyExtractor: keyExtractor,
       renderItem: renderMessage,
       contentContainerStyle: styles.list,
+      onLayout: handleLayout,
       onScroll: handleScroll,
       scrollEventThrottle: 16,
       onContentSizeChange: handleContentSizeChange,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","SCROLL_BOTTOM_THRESHOLD","TOOLBAR_HEIGHT","BOTTOM_OFFSET","FADE_MASKS","CHAT_CONTAINER_WIDTH","jsx","_jsx","jsxs","_jsxs","Separator","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","ref","isScrollable","setIsScrollable","isScrolledUp","setIsScrolledUp","isAtTop","setIsAtTop","maxHeightRef","dimensions","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","MAX_HEIGHT","height","shouldWrapMessage","length","reversedMessages","reverse","showBotIcon","fadeMask","undefined","bottom","both","top","current","renderMessage","message","withInlineIcon","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","y","handleContentSizeChange","_","contentHeight","container","maxHeight","children","showsVerticalScrollIndicator","inverted","bounces","flatList","data","renderItem","contentContainerStyle","list","onScroll","scrollEventThrottle","onContentSizeChange","ListHeaderComponent","isLoading","at","ItemSeparatorComponent","hasMessages","create","alignItems","width","paddingRight","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","SCROLL_BOTTOM_THRESHOLD","FADE_MASKS","CHAT_CONTAINER_WIDTH","jsx","_jsx","jsxs","_jsxs","Separator","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","maxHeightProp","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","ref","isScrollable","setIsScrollable","isScrolledUp","setIsScrolledUp","isAtTop","setIsAtTop","listHeightRef","contentHeightRef","dimensions","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","MAX_HEIGHT","height","shouldWrapMessage","length","reversedMessages","reverse","showBotIcon","fadeMask","undefined","bottom","both","top","renderMessage","message","withInlineIcon","updateScrollable","current","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","y","handleLayout","layout","handleContentSizeChange","_","contentHeight","scrollToOffset","offset","animated","container","children","showsVerticalScrollIndicator","inverted","bounces","flatList","data","renderItem","contentContainerStyle","list","onLayout","onScroll","scrollEventThrottle","onContentSizeChange","ListHeaderComponent","isLoading","at","ItemSeparatorComponent","hasMessages","create","alignItems","width","paddingRight","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SACEC,QAAQ,EAIRC,UAAU,EACVC,mBAAmB,EACnBC,IAAI,QACC,cAAc;AACrB,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AACrD,SAASC,OAAO,QAAQ,4BAA4B;AAIpD,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,WAAW,QAAQ,4BAAyB;AAErD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,gBAAa;AACjE,SAASC,oBAAoB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,MAAMC,SAAS,GAAGA,CAAA,kBAAMH,IAAA,CAACb,IAAI;EAACiB,KAAK,EAAEC,MAAM,CAACC;AAAU,CAAE,CAAC;AACzD,MAAMC,YAAY,GAAGA,CAACC,IAAyB,EAAEC,KAAa,KAAK,GAAGD,IAAI,CAACE,EAAE,IAAID,KAAK,EAAE;AAcxF,OAAO,MAAME,IAAI,GAAGA,CAAC;EACnBC,KAAK;EACLC,cAAc;EACdC,qBAAqB;EACrBC,eAAe;EACfC,SAAS,EAAEC,aAAa;EACxBC,WAAW,GAAG1B,WAAW,CAAC2B,IAAI;EAC9BC,cAAc;EACdC,oBAAoB;EACpBC;AACS,CAAC,KAAK;EACf,MAAMC,GAAG,GAAGzC,MAAM,CAAW,IAAI,CAAC;EAClC,MAAM,CAAC0C,YAAY,EAAEC,eAAe,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAAC2C,YAAY,EAAEC,eAAe,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAAC6C,OAAO,EAAEC,UAAU,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM+C,aAAa,GAAGhD,MAAM,CAAC,CAAC,CAAC;EAC/B,MAAMiD,gBAAgB,GAAGjD,MAAM,CAAC,CAAC,CAAC;EAClC,MAAMkD,UAAU,GAAG9C,mBAAmB,CAAC,CAAC;EAExC,MAAM+C,MAAM,GAAG5C,OAAO,CAACuB,KAAK,CAACsB,OAAO,CAAC;EACrC,MAAMC,oBAAoB,GAAG9C,OAAO,CAACuB,KAAK,CAACwB,iBAAiB,CAACC,OAAO,CAAC;EACrE,MAAMC,QAAQ,GAAGlD,WAAW,CAACwB,KAAK,CAAC2B,gBAAgB,EAAE,CAAC;IAAED;EAAS,CAAC,KAAKA,QAAQ,CAAC;EAEhF,MAAME,gBAAgB,GAAGF,QAAQ,CAACG,QAAQ,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACC,YAAY,CAAC,EAAEjC,EAAE;EACtE,MAAMkC,UAAU,GAAG3B,aAAa,IAAIe,UAAU,CAACa,MAAM;EACrD,MAAMC,iBAAiB,GAAG,CAAC,CAAC1B,cAAc,IAAI,CAAC,CAACL,eAAe,IAAIuB,QAAQ,CAACS,MAAM,KAAK,CAAC;EACxF,MAAMC,gBAAgB,GAAGnE,OAAO,CAAC,MAAM,CAAC,GAAGyD,QAAQ,CAAC,CAACW,OAAO,CAAC,CAAC,EAAE,CAACX,QAAQ,CAAC,CAAC;EAC3E,MAAMY,WAAW,GAAG,CAACxB,YAAY,IAAI,CAACX,eAAe;EACrD,MAAMoC,QAAQ,GAAG,CAAC,MAAM;IACtB,IAAI,CAAC3B,YAAY,EAAE,OAAO4B,SAAS;IACnC,IAAIxB,OAAO,EAAE,OAAO/B,UAAU,CAACwD,MAAM;IACrC,IAAI3B,YAAY,EAAE,OAAO7B,UAAU,CAACyD,IAAI;IACxC,OAAOzD,UAAU,CAAC0D,GAAG;EACvB,CAAC,EAAE,CAAC;EAEJ,MAAMC,aAAa,GAAG7E,WAAW,CAC/B,CAAC;IAAE6B,IAAI,EAAEiD;EAAiD,CAAC,KAAK;IAC9D,MAAMC,cAAc,GAClB,CAAC3C,eAAe,IAAI,CAAC0C,OAAO,CAACd,YAAY,IAAIjB,YAAY,IAAI+B,OAAO,CAAC/C,EAAE,KAAK8B,gBAAgB;IAE9F,oBACExC,IAAA,CAACL,WAAW;MACV8D,OAAO,EAAEA,OAAQ;MACjBC,cAAc,EAAEA,cAAe;MAC/BxC,WAAW,EAAEA,WAAY;MACzBH,eAAe,EAAEA,eAAgB;MACjCD,qBAAqB,EAAEA,qBAAsB;MAC7CgC,iBAAiB,EAAEA,iBAAkB;MACrC1B,cAAc,EAAEA,cAAe;MAC/BC,oBAAoB,EAAEA;IAAqB,CAC5C,CAAC;EAEN,CAAC,EACD,CACEK,YAAY,EACZc,gBAAgB,EAChBtB,WAAW,EACXH,eAAe,EACfD,qBAAqB,EACrBgC,iBAAiB,CAErB,CAAC;EAED,MAAMa,gBAAgB,GAAGhF,WAAW,CAAC,MAAM;IACzC8C,eAAe,CAACM,gBAAgB,CAAC6B,OAAO,GAAG9B,aAAa,CAAC8B,OAAO,CAAC;EACnE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGlF,WAAW,CAAEmF,CAA0C,IAAK;IAC/E,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GAAGH,CAAC,CAACI,WAAW;IACvEvC,eAAe,CAACoC,aAAa,CAACI,CAAC,GAAGvE,uBAAuB,CAAC;IAC1DiC,UAAU,CACRkC,aAAa,CAACI,CAAC,IAAIH,WAAW,CAACnB,MAAM,GAAGoB,iBAAiB,CAACpB,MAAM,GAAGjD,uBACrE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMwE,YAAY,GAAGzF,WAAW,CAAEmF,CAAkD,IAAK;IACvFhC,aAAa,CAAC8B,OAAO,GAAGE,CAAC,CAACI,WAAW,CAACG,MAAM,CAACxB,MAAM;IACnDc,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEtB,MAAMW,uBAAuB,GAAG3F,WAAW,CAAC,CAAC4F,CAAS,EAAEC,aAAqB,KAAK;IAChFzC,gBAAgB,CAAC6B,OAAO,GAAGY,aAAa;IACxCb,gBAAgB,CAAC,CAAC;EACpB,CAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEtB/E,SAAS,CAAC,MAAM;IACd,IAAI8C,YAAY,EAAE;MAChBH,GAAG,CAACqC,OAAO,EAAEa,cAAc,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAC,CAAC;IAC5D;EACF,CAAC,EAAE,CAACrC,QAAQ,CAACS,MAAM,CAAC,CAAC;EAErBnE,SAAS,CAAC,MAAM;IACd,IAAI,CAACqD,MAAM,EAAE;MACXR,eAAe,CAAC,KAAK,CAAC;MACtBE,eAAe,CAAC,KAAK,CAAC;MACtBE,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC,EAAE,CAACI,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE,OAAO,IAAI;EAExB,oBACE/B,KAAA,CAACf,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACuE,SAAS,EAAE;MAAE5D,SAAS,EAAE4B;IAAW,CAAC,CAAE;IAAAiC,QAAA,gBACzD7E,IAAA,CAAChB,QAAQ;MACP8F,4BAA4B,EAAE,KAAM;MACpCvD,GAAG,EAAEA,GAAI;MACTwD,QAAQ;MACRC,OAAO,EAAE,KAAM;MACf5E,KAAK,EAAE,CAACC,MAAM,CAAC4E,QAAQ,EAAE9B,QAAQ,CAAE;MACnC+B,IAAI,EAAElC,gBAAiB;MACvBzC,YAAY,EAAEA,YAAa;MAC3B4E,UAAU,EAAE3B,aAAc;MAC1B4B,qBAAqB,EAAE/E,MAAM,CAACgF,IAAK;MACnCC,QAAQ,EAAElB,YAAa;MACvBmB,QAAQ,EAAE1B,YAAa;MACvB2B,mBAAmB,EAAE,EAAG;MACxBC,mBAAmB,EAAEnB,uBAAwB;MAC7CoB,mBAAmB,eACjB1F,IAAA,CAACT,aAAa;QACZoG,SAAS,EACPxD,oBAAoB,KAAKG,QAAQ,CAACsD,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEjD,YAAY,IAAIL,QAAQ,CAACS,MAAM,KAAK,CAAC;MAChF,CACF,CACF;MACD8C,sBAAsB,EAAE1F;IAAU,CACnC,CAAC,EAED+C,WAAW,iBAAIlD,IAAA,CAACP,QAAQ;MAACkG,SAAS,EAAExD;IAAqB,CAAE,CAAC,eAE7DnC,IAAA,CAACN,cAAc;MACbmB,cAAc,EAAEA,cAAe;MAC/BE,eAAe,EAAEA,eAAgB;MACjCG,WAAW,EAAEA,WAAY;MACzB4E,WAAW,EAAExD,QAAQ,CAACS,MAAM,GAAG,CAAE;MACjCzB,YAAY,EAAEA;IAAa,CAC5B,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMjB,MAAM,GAAGpB,UAAU,CAAC8G,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,UAAU,EAAE,UAAU;IACtBC,KAAK,EAAEnG,oBAAoB;IAC3BoG,YAAY,EAAE5G,OAAO,CAAC,KAAK;EAC7B,CAAC;EACD2F,QAAQ,EAAE;IACRkB,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE;EACb,CAAC;EACDhB,IAAI,EAAE;IACJiB,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDjG,SAAS,EAAE;IACTuC,MAAM,EAAEvD,OAAO,CAAC,KAAK;EACvB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,11 +2,6 @@
 
 import { Platform } from 'react-native';
 export const SCROLL_BOTTOM_THRESHOLD = 0.5;
-export const TOOLBAR_HEIGHT = 140;
-export const BOTTOM_OFFSET = Platform.select({
-  web: 215,
-  default: 250
-});
 export const FADE_MASKS = Platform.select({
   web: {
     top: {

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","SCROLL_BOTTOM_THRESHOLD","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","FADE_MASKS","top","maskImage","bottom","both","undefined"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/constants.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAC1C,OAAO,MAAMC,cAAc,GAAG,GAAG;AACjC,OAAO,MAAMC,aAAa,GAAGH,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,GAAG;EAAEC,OAAO,EAAE;AAAI,CAAC,CAAC;AAExE,OAAO,MAAMC,UAAU,GAAGP,QAAQ,CAACI,MAAM,CAAC;EACxCC,GAAG,EAAE;IACHG,GAAG,EAAE;MAAEC,SAAS,EAAE;IAAyD,CAAQ;IACnFC,MAAM,EAAE;MAAED,SAAS,EAAE;IAA4D,CAAQ;IACzFE,IAAI,EAAE;MACJF,SAAS,EAAE;IACb;EACF,CAAC;EACDH,OAAO,EAAE;IAAEE,GAAG,EAAEI,SAAS;IAAEF,MAAM,EAAEE,SAAS;IAAED,IAAI,EAAEC;EAAU;AAChE,CAAC,CAAE","ignoreList":[]}
+{"version":3,"names":["Platform","SCROLL_BOTTOM_THRESHOLD","FADE_MASKS","select","web","top","maskImage","bottom","both","default","undefined"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/constants.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAE1C,OAAO,MAAMC,UAAU,GAAGF,QAAQ,CAACG,MAAM,CAAC;EACxCC,GAAG,EAAE;IACHC,GAAG,EAAE;MAAEC,SAAS,EAAE;IAAyD,CAAQ;IACnFC,MAAM,EAAE;MAAED,SAAS,EAAE;IAA4D,CAAQ;IACzFE,IAAI,EAAE;MACJF,SAAS,EAAE;IACb;EACF,CAAC;EACDG,OAAO,EAAE;IAAEJ,GAAG,EAAEK,SAAS;IAAEH,MAAM,EAAEG,SAAS;IAAEF,IAAI,EAAEE;EAAU;AAChE,CAAC,CAAE","ignoreList":[]}

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

@@ -17,7 +17,8 @@ export const Chatbot = ({
   iconSize,
   colorScheme = ColorScheme.Blue,
   withQuickActionButton,
-  TTSHighlightRenderer
+  TTSHighlightRenderer,
+  maxHeight
 }) => {
   const alternatives = useUnit(model.$alternatives);
   const isChatAllowed = useUnit(model.$chatAccess);
@@ -51,6 +52,7 @@ export const Chatbot = ({
       isHintFeedback: isHintFeedback,
       isTextToSpeechEnabled: isTextToSpeechEnabled,
       isInputDisabled: isInputDisabled,
+      maxHeight: maxHeight,
       MessageWrapper: ButtonWrapper,
       TTSHighlightRenderer: TTSHighlightRenderer,
       onPressClose: closeChat

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useStoreMap","useUnit","Chat","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","withQuickActionButton","TTSHighlightRenderer","alternatives","$alternatives","isChatAllowed","$chatAccess","isAvailable","$currentChatData","hasBeenOpened","t2s","setAudioConfig","openChat","setIsOpen","closeChat","sendHelpRequest","option","options","default","sendHelpRequestFx","message","text","translatedMessage","translatedText","skipOwnMessage","Provider","value","children","MessageWrapper","onPressClose","onPressChatIcon","onPressHelpButton","undefined","withHelpButton"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAsCC,WAAW,QAAQ,OAAO;AAC5E,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAGrD,SAASC,IAAI,QAAQ,gBAAa;AAClC,SAASC,YAAY,QAAQ,gCAA6B;AAE1D,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBlD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGb,WAAW,CAACc,IAAI;EAC9BC,qBAAqB;EACrBC;AACY,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGrB,OAAO,CAACU,KAAK,CAACY,aAAa,CAAC;EACjD,MAAMC,aAAa,GAAGvB,OAAO,CAACU,KAAK,CAACc,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAG1B,WAAW,CAACW,KAAK,CAACgB,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzF,MAAME,aAAa,GAAG5B,WAAW,CAACW,KAAK,CAACgB,gBAAgB,EAAE,CAAC;IAAEC;EAAc,CAAC,KAAKA,aAAa,CAAC;EAE/FjB,KAAK,CAACkB,GAAG,CAACC,cAAc,CAACf,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMgB,QAAQ,GAAGA,CAAA,KAAMpB,KAAK,CAACqB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMtB,KAAK,CAACqB,SAAS,CAAC,KAAK,CAAC;EAE9C,MAAME,eAAe,GAAGnC,WAAW,CAAC,MAAM;IACxC,MAAMoC,MAAM,GAAGb,YAAY,EAAEc,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;IAC/C,IAAI,CAACF,MAAM,EAAE;IAEbxB,KAAK,CAACqB,SAAS,CAAC,IAAI,CAAC;IACrB,KAAKrB,KAAK,CAAC2B,iBAAiB,CAAC;MAC3BC,OAAO,EAAEJ,MAAM,CAACK,IAAI;MACpBC,iBAAiB,EAAEN,MAAM,CAACO,cAAc;MACxCC,cAAc,EAAE;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,YAAY,CAAC,CAAC;EAElB,IAAI,CAACI,WAAW,IAAI,CAACF,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAACL,mBAAmB,CAACwC,QAAQ;IAACC,KAAK,EAAElC,KAAM;IAAAmC,QAAA,gBACzCvC,IAAA,CAACL,IAAI;MACHS,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA,eAAgB;MACjCiC,cAAc,EAAE/B,aAAc;MAC9BK,oBAAoB,EAAEA,oBAAqB;MAC3C2B,YAAY,EAAEf;IAAU,CACzB,CAAC,eAEF1B,IAAA,CAACJ,YAAY;MACXQ,KAAK,EAAEA,KAAM;MACbsC,eAAe,EAAElB,QAAS;MAC1BmB,iBAAiB,EAAEhB,eAAgB;MACnCjB,QAAQ,EAAEA,QAAS;MACnBD,aAAa,EAAEF,eAAe,GAAGqC,SAAS,GAAGnC,aAAc;MAC3DoC,cAAc,EAAEhC,qBAAqB,IAAI,CAACQ;IAAc,CACzD,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useStoreMap","useUnit","Chat","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","withQuickActionButton","TTSHighlightRenderer","maxHeight","alternatives","$alternatives","isChatAllowed","$chatAccess","isAvailable","$currentChatData","hasBeenOpened","t2s","setAudioConfig","openChat","setIsOpen","closeChat","sendHelpRequest","option","options","default","sendHelpRequestFx","message","text","translatedMessage","translatedText","skipOwnMessage","Provider","value","children","MessageWrapper","onPressClose","onPressChatIcon","onPressHelpButton","undefined","withHelpButton"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAsCC,WAAW,QAAQ,OAAO;AAC5E,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAGrD,SAASC,IAAI,QAAQ,gBAAa;AAClC,SAASC,YAAY,QAAQ,gCAA6B;AAE1D,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoBlD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGb,WAAW,CAACc,IAAI;EAC9BC,qBAAqB;EACrBC,oBAAoB;EACpBC;AACY,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGtB,OAAO,CAACU,KAAK,CAACa,aAAa,CAAC;EACjD,MAAMC,aAAa,GAAGxB,OAAO,CAACU,KAAK,CAACe,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAG3B,WAAW,CAACW,KAAK,CAACiB,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzF,MAAME,aAAa,GAAG7B,WAAW,CAACW,KAAK,CAACiB,gBAAgB,EAAE,CAAC;IAAEC;EAAc,CAAC,KAAKA,aAAa,CAAC;EAE/FlB,KAAK,CAACmB,GAAG,CAACC,cAAc,CAAChB,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMiB,QAAQ,GAAGA,CAAA,KAAMrB,KAAK,CAACsB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMvB,KAAK,CAACsB,SAAS,CAAC,KAAK,CAAC;EAE9C,MAAME,eAAe,GAAGpC,WAAW,CAAC,MAAM;IACxC,MAAMqC,MAAM,GAAGb,YAAY,EAAEc,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;IAC/C,IAAI,CAACF,MAAM,EAAE;IAEbzB,KAAK,CAACsB,SAAS,CAAC,IAAI,CAAC;IACrB,KAAKtB,KAAK,CAAC4B,iBAAiB,CAAC;MAC3BC,OAAO,EAAEJ,MAAM,CAACK,IAAI;MACpBC,iBAAiB,EAAEN,MAAM,CAACO,cAAc;MACxCC,cAAc,EAAE;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,YAAY,CAAC,CAAC;EAElB,IAAI,CAACI,WAAW,IAAI,CAACF,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACEhB,KAAA,CAACL,mBAAmB,CAACyC,QAAQ;IAACC,KAAK,EAAEnC,KAAM;IAAAoC,QAAA,gBACzCxC,IAAA,CAACL,IAAI;MACHS,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA,eAAgB;MACjCQ,SAAS,EAAEA,SAAU;MACrB0B,cAAc,EAAEhC,aAAc;MAC9BK,oBAAoB,EAAEA,oBAAqB;MAC3C4B,YAAY,EAAEf;IAAU,CACzB,CAAC,eAEF3B,IAAA,CAACJ,YAAY;MACXQ,KAAK,EAAEA,KAAM;MACbuC,eAAe,EAAElB,QAAS;MAC1BmB,iBAAiB,EAAEhB,eAAgB;MACnClB,QAAQ,EAAEA,QAAS;MACnBD,aAAa,EAAEF,eAAe,GAAGsC,SAAS,GAAGpC,aAAc;MAC3DqC,cAAc,EAAEjC,qBAAqB,IAAI,CAACS;IAAc,CACzD,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC","ignoreList":[]}

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

@@ -2,6 +2,6 @@ import React from 'react';
 type BottomFadeProps = {
     visible: boolean;
 };
-export declare const BottomFade: ({ visible }: BottomFadeProps) => React.JSX.Element;
+export declare const BottomFade: ({ visible }: BottomFadeProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=BottomFade.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/BottomFade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,eAAe,sBAKtD,CAAA"}
+{"version":3,"file":"BottomFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/BottomFade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AA+BD,eAAO,MAAM,UAAU,gBAfgB,eAAe,6BAkBnD,CAAA"}

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

@@ -7,11 +7,12 @@ type ChatProps = {
     isHintFeedback: boolean;
     isTextToSpeechEnabled: boolean;
     isInputDisabled?: boolean;
+    maxHeight?: number;
     colorScheme?: ColorScheme;
     MessageWrapper?: ComponentType<PropsWithChildren>;
     TTSHighlightRenderer?: TTSHighlightRenderer;
     onPressClose?: () => void;
 };
-export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, MessageWrapper, TTSHighlightRenderer, onPressClose, }: ChatProps) => React.JSX.Element | null;
+export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, maxHeight: maxHeightProp, colorScheme, MessageWrapper, TTSHighlightRenderer, onPressClose, }: ChatProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAMlB,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAU5D,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,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,wIASd,SAAS,6BAgHX,CAAA"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAMlB,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAU5D,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,kKAUd,SAAS,6BAgIX,CAAA"}

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

@@ -1,6 +1,4 @@
 export declare const SCROLL_BOTTOM_THRESHOLD = 0.5;
-export declare const TOOLBAR_HEIGHT = 140;
-export declare const BOTTOM_OFFSET: number;
 export declare const FADE_MASKS: {
     top: any;
     bottom: any;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAC1C,eAAO,MAAM,cAAc,MAAM,CAAA;AACjC,eAAO,MAAM,aAAa,QAA8C,CAAA;AAExE,eAAO,MAAM,UAAU;SAE6D,GAAG;YACG,GAAG;UAGpF,GAAG;CAGT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,UAAU;SAE6D,GAAG;YACG,GAAG;UAGpF,GAAG;CAGT,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chatbot.d.ts

@@ -20,7 +20,8 @@ type ChatbotProps = {
     isInputDisabled?: boolean;
     colorScheme?: ColorScheme;
     TTSHighlightRenderer?: TTSHighlightRenderer;
+    maxHeight?: number;
 };
-export declare const Chatbot: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, textToSpeechConfig, ButtonWrapper, iconSize, colorScheme, withQuickActionButton, TTSHighlightRenderer, }: ChatbotProps) => React.JSX.Element | null;
+export declare const Chatbot: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, textToSpeechConfig, ButtonWrapper, iconSize, colorScheme, withQuickActionButton, TTSHighlightRenderer, maxHeight, }: ChatbotProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=Chatbot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,OAAO,8KAWjB,YAAY,6BAkDd,CAAA"}
+{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,OAAO,yLAYjB,YAAY,6BAmDd,CAAA"}

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

@@ -2,6 +2,6 @@ import React from 'react';
 type BottomFadeProps = {
     visible: boolean;
 };
-export declare const BottomFade: ({ visible }: BottomFadeProps) => React.JSX.Element;
+export declare const BottomFade: ({ visible }: BottomFadeProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=BottomFade.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/BottomFade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,eAAe,sBAKtD,CAAA"}
+{"version":3,"file":"BottomFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/BottomFade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AA+BD,eAAO,MAAM,UAAU,gBAfgB,eAAe,6BAkBnD,CAAA"}

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

@@ -7,11 +7,12 @@ type ChatProps = {
     isHintFeedback: boolean;
     isTextToSpeechEnabled: boolean;
     isInputDisabled?: boolean;
+    maxHeight?: number;
     colorScheme?: ColorScheme;
     MessageWrapper?: ComponentType<PropsWithChildren>;
     TTSHighlightRenderer?: TTSHighlightRenderer;
     onPressClose?: () => void;
 };
-export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, MessageWrapper, TTSHighlightRenderer, onPressClose, }: ChatProps) => React.JSX.Element | null;
+export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, maxHeight: maxHeightProp, colorScheme, MessageWrapper, TTSHighlightRenderer, onPressClose, }: ChatProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAMlB,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAU5D,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,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,wIASd,SAAS,6BAgHX,CAAA"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAMlB,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAU5D,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,kKAUd,SAAS,6BAgIX,CAAA"}

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

@@ -1,6 +1,4 @@
 export declare const SCROLL_BOTTOM_THRESHOLD = 0.5;
-export declare const TOOLBAR_HEIGHT = 140;
-export declare const BOTTOM_OFFSET: number;
 export declare const FADE_MASKS: {
     top: any;
     bottom: any;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAC1C,eAAO,MAAM,cAAc,MAAM,CAAA;AACjC,eAAO,MAAM,aAAa,QAA8C,CAAA;AAExE,eAAO,MAAM,UAAU;SAE6D,GAAG;YACG,GAAG;UAGpF,GAAG;CAGT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,UAAU;SAE6D,GAAG;YACG,GAAG;UAGpF,GAAG;CAGT,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chatbot.d.ts

@@ -20,7 +20,8 @@ type ChatbotProps = {
     isInputDisabled?: boolean;
     colorScheme?: ColorScheme;
     TTSHighlightRenderer?: TTSHighlightRenderer;
+    maxHeight?: number;
 };
-export declare const Chatbot: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, textToSpeechConfig, ButtonWrapper, iconSize, colorScheme, withQuickActionButton, TTSHighlightRenderer, }: ChatbotProps) => React.JSX.Element | null;
+export declare const Chatbot: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, textToSpeechConfig, ButtonWrapper, iconSize, colorScheme, withQuickActionButton, TTSHighlightRenderer, maxHeight, }: ChatbotProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=Chatbot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,OAAO,8KAWjB,YAAY,6BAkDd,CAAA"}
+{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,OAAO,yLAYjB,YAAY,6BAmDd,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.11.0-rc.17",
+  "version": "0.11.0-rc.18",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -29,7 +29,9 @@
     "react-native-reanimated": ">=0.3.16",
     "react-native-svg": "^15.10.0",
     "expo-audio": "^1.1.1",
-    "expo": ">=52.0.47"
+    "expo": ">=52.0.47",
+    "@react-native-masked-view/masked-view": "*",
+    "react-native-linear-gradient": "*"
   },
   "devDependencies": {
     "@magmamath/react-native-ui": "0.4.82",
@@ -45,7 +47,6 @@
     "eslint-plugin-prettier": "^5.0.1",
     "expo": "^52.0.47",
     "expo-audio": "^1.1.1",
-    "expo-linear-gradient": "15.0.7",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "patronum": "^2.3.0",
@@ -58,7 +59,9 @@
     "react-native-svg": "^15.10.0",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2",
-    "axios": "^1.13.5"
+    "axios": "^1.13.5",
+    "@react-native-masked-view/masked-view": "^0.3.2",
+    "react-native-linear-gradient": "^2.8.3"
   },
   "resolutions": {
     "@types/react": "^18.2.44"

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

@@ -5,27 +5,46 @@ type BottomFadeProps = {
   visible: boolean
 }
 
-export const BottomFade = ({ visible }: BottomFadeProps) => (
+const WebBottomFade = ({ visible }: BottomFadeProps) => (
   <View
-    style={[styles.container, { opacity: visible ? 1 : 0 }]}
+    style={[
+      styles.container,
+      { opacity: visible ? 1 : 0 },
+      {
+        backgroundImage:
+          'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)',
+      } as any,
+    ]}
     pointerEvents="none"
   />
 )
 
+const NativeBottomFade = ({ visible }: BottomFadeProps) => {
+  const { default: LinearGradient } = require('react-native-linear-gradient')
+
+  if (!visible) return null
+
+  return (
+    <LinearGradient
+      colors={['transparent', 'rgba(255,255,255,0.8)', 'rgba(255,255,255,1)']}
+      locations={[0, 0.6, 0.9]}
+      style={styles.container}
+      pointerEvents="none"
+    />
+  )
+}
+
+export const BottomFade = Platform.select({
+  web: WebBottomFade,
+  default: NativeBottomFade,
+})!
+
 const styles = StyleSheet.create({
   container: {
     position: 'absolute',
     bottom: 52,
+    left: 0,
     right: 0,
-    width: 370,
     height: 40,
-    transition: 'opacity 0.2s ease-in-out',
-    ...Platform.select({
-      web: {
-        backgroundImage:
-          'linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, transparent 100%)',
-      },
-      default: {},
-    }),
   } as any,
 })

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

@@ -27,7 +27,7 @@ import { TTSHighlightRenderer } from '../../types/t2s.types'
 import { ChatIcon } from './ChatIcon'
 import { ChatInputBlock } from './ChatInputBlock'
 import { MessageItem } from './MessageItem'
-import { SCROLL_BOTTOM_THRESHOLD, TOOLBAR_HEIGHT, BOTTOM_OFFSET, FADE_MASKS } from './constants'
+import { SCROLL_BOTTOM_THRESHOLD, FADE_MASKS } from './constants'
 import { CHAT_CONTAINER_WIDTH } from '../../constants'
 
 const Separator = () => <View style={styles.separator} />
@@ -38,6 +38,7 @@ type ChatProps = {
   isHintFeedback: boolean
   isTextToSpeechEnabled: boolean
   isInputDisabled?: boolean
+  maxHeight?: number
   colorScheme?: ColorScheme
   MessageWrapper?: ComponentType<PropsWithChildren>
   TTSHighlightRenderer?: TTSHighlightRenderer
@@ -49,6 +50,7 @@ export const Chat = ({
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  maxHeight: maxHeightProp,
   colorScheme = ColorScheme.Blue,
   MessageWrapper,
   TTSHighlightRenderer,
@@ -58,7 +60,8 @@ export const Chat = ({
   const [isScrollable, setIsScrollable] = useState(false)
   const [isScrolledUp, setIsScrolledUp] = useState(false)
   const [isAtTop, setIsAtTop] = useState(false)
-  const maxHeightRef = useRef(0)
+  const listHeightRef = useRef(0)
+  const contentHeightRef = useRef(0)
   const dimensions = useWindowDimensions()
 
   const isOpen = useUnit(model.$isOpen)
@@ -66,7 +69,7 @@ export const Chat = ({
   const messages = useStoreMap(model.$currentChatData, ({ messages }) => messages)
 
   const lastBotMessageId = messages.findLast((m) => !m.isOwnMessage)?.id
-  const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET
+  const MAX_HEIGHT = maxHeightProp ?? dimensions.height
   const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1
   const reversedMessages = useMemo(() => [...messages].reverse(), [messages])
   const showBotIcon = !isScrolledUp && !isInputDisabled
@@ -77,8 +80,6 @@ export const Chat = ({
     return FADE_MASKS.top
   })()
 
-  maxHeightRef.current = MAX_HEIGHT
-
   const renderMessage = useCallback(
     ({ item: message }: ListRenderItemInfo<ConversationMessage>) => {
       const withInlineIcon =
@@ -107,6 +108,10 @@ export const Chat = ({
     ],
   )
 
+  const updateScrollable = useCallback(() => {
+    setIsScrollable(contentHeightRef.current > listHeightRef.current)
+  }, [])
+
   const handleScroll = useCallback((e: NativeSyntheticEvent<NativeScrollEvent>) => {
     const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent
     setIsScrolledUp(contentOffset.y > SCROLL_BOTTOM_THRESHOLD)
@@ -115,9 +120,21 @@ export const Chat = ({
     )
   }, [])
 
+  const handleLayout = useCallback((e: { nativeEvent: { layout: { height: number } } }) => {
+    listHeightRef.current = e.nativeEvent.layout.height
+    updateScrollable()
+  }, [updateScrollable])
+
   const handleContentSizeChange = useCallback((_: number, contentHeight: number) => {
-    setIsScrollable(contentHeight >= maxHeightRef.current)
-  }, [])
+    contentHeightRef.current = contentHeight
+    updateScrollable()
+  }, [updateScrollable])
+
+  useEffect(() => {
+    if (isScrolledUp) {
+      ref.current?.scrollToOffset({ offset: 0, animated: true })
+    }
+  }, [messages.length])
 
   useEffect(() => {
     if (!isOpen) {
@@ -141,6 +158,7 @@ export const Chat = ({
         keyExtractor={keyExtractor}
         renderItem={renderMessage}
         contentContainerStyle={styles.list}
+        onLayout={handleLayout}
         onScroll={handleScroll}
         scrollEventThrottle={16}
         onContentSizeChange={handleContentSizeChange}

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

@@ -1,8 +1,6 @@
 import { Platform } from 'react-native'
 
 export const SCROLL_BOTTOM_THRESHOLD = 0.5
-export const TOOLBAR_HEIGHT = 140
-export const BOTTOM_OFFSET = Platform.select({ web: 215, default: 250 })
 
 export const FADE_MASKS = Platform.select({
   web: {

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

@@ -23,6 +23,7 @@ type ChatbotProps = {
   isInputDisabled?: boolean
   colorScheme?: ColorScheme
   TTSHighlightRenderer?: TTSHighlightRenderer
+  maxHeight?: number
 }
 
 export const Chatbot = ({
@@ -36,6 +37,7 @@ export const Chatbot = ({
   colorScheme = ColorScheme.Blue,
   withQuickActionButton,
   TTSHighlightRenderer,
+  maxHeight,
 }: ChatbotProps) => {
   const alternatives = useUnit(model.$alternatives)
   const isChatAllowed = useUnit(model.$chatAccess)
@@ -71,6 +73,7 @@ export const Chatbot = ({
         isHintFeedback={isHintFeedback}
         isTextToSpeechEnabled={isTextToSpeechEnabled}
         isInputDisabled={isInputDisabled}
+        maxHeight={maxHeight}
         MessageWrapper={ButtonWrapper}
         TTSHighlightRenderer={TTSHighlightRenderer}
         onPressClose={closeChat}