@magmamath/students-features 0.11.0-rc.9 → 1.0.0

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

@@ -1,72 +1,20 @@
 "use strict";
 
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { FlatList, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import React, { useRef } from 'react';
+import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useStoreMap, useUnit } from 'effector-react';
-import { SPACING } from '@magmamath/react-native-ui';
-import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
-import { LavaIconInGlasses } from "../../../../shared/icons/LavaIconInGlasses.js";
-import { AnimatedMessage } from "../ChatMessage/AnimatedMessage.js";
 import { ChatMessage } from "../ChatMessage/ChatMessage.js";
 import { MessageLoader } from "../ChatMessage/MessageLoader.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
-import { CloseButton } from "./CloseButton.js";
 import { MessageVariant } from "../../types/model.types.js";
 import { ColorScheme } from "../../types/style.types.js";
 import { ConditionalWrapper } from "../../../../lib/components/ConditionalWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SCROLL_BOTTOM_THRESHOLD = 1;
 const TOOLBAR_HEIGHT = 140;
 const BOTTOM_OFFSET = Platform.select({
   web: 265,
   default: 294
 });
-const TOP_FADE_MASK = Platform.select({
-  web: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
-  },
-  default: undefined
-});
-const Separator = () => /*#__PURE__*/_jsx(View, {
-  style: styles.separator
-});
-const BottomFade = ({
-  visible
-}) => /*#__PURE__*/_jsx(View, {
-  style: [styles.bottomFade, {
-    opacity: visible ? 1 : 0
-  }],
-  pointerEvents: "none"
-});
-const ChatIcon = ({
-  isLoading
-}) => /*#__PURE__*/_jsx(View, {
-  style: styles.iconAbsolute,
-  children: isLoading ? /*#__PURE__*/_jsx(LavaIconInGlasses, {
-    width: 53,
-    height: 73
-  }) : /*#__PURE__*/_jsx(ChatbotIcon, {
-    width: 53,
-    height: 73,
-    color: 'blue'
-  })
-});
-const ChatFooter = ({
-  isHintFeedback,
-  isInputDisabled,
-  colorScheme,
-  hasMessages,
-  onPressClose
-}) => /*#__PURE__*/_jsxs(View, {
-  style: styles.inputRow,
-  children: [/*#__PURE__*/_jsx(CloseButton, {
-    onPress: onPressClose
-  }), !isInputDisabled && /*#__PURE__*/_jsx(ChatInput, {
-    isHintFeedback: isHintFeedback,
-    colorScheme: colorScheme,
-    hasMessages: hasMessages
-  })]
-});
 export const Chat = ({
   model,
   isHintFeedback,
@@ -74,12 +22,10 @@ export const Chat = ({
   isInputDisabled,
   colorScheme = ColorScheme.Blue,
   MessageWrapper,
-  TTSHighlightRenderer,
-  onPressClose
+  TTSHighlightRenderer
 }) => {
-  const ref = useRef(null);
-  const maxHeightRef = useRef(0);
   const dimensions = useWindowDimensions();
+  const ref = useRef(null);
   const isOpen = useUnit(model.$isOpen);
   const isHelpRequestPending = useUnit(model.sendHelpRequestFx.pending);
   const isTextToSpeechPending = useUnit(model.api.textToSpeechTextFx.pending);
@@ -91,189 +37,81 @@ export const Chat = ({
   const messages = useStoreMap(model.$currentChatData, ({
     messages
   }) => messages);
-  const lastBotMessageId = messages.findLast(m => !m.isOwnMessage)?.id;
+  const lastMessageId = messages.at(-1)?.id;
   const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
-  maxHeightRef.current = MAX_HEIGHT;
-  const [isScrollable, setIsScrollable] = useState(false);
-  const [showBottomFade, setShowBottomFade] = useState(false);
-  useEffect(() => {
-    if (!isOpen) {
-      setIsScrollable(false);
-      setShowBottomFade(false);
-    }
-  }, [isOpen]);
-  const handleScroll = useCallback(e => {
-    const {
-      contentOffset
-    } = e.nativeEvent;
-    setShowBottomFade(contentOffset.y > SCROLL_BOTTOM_THRESHOLD);
-  }, []);
-  const handleContentSizeChange = useCallback((_, contentHeight) => {
-    setIsScrollable(contentHeight >= maxHeightRef.current);
-  }, []);
   const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1;
-  const reversedMessages = useMemo(() => [...messages].reverse(), [messages]);
-  const showAbsoluteIcon = !showBottomFade && !isInputDisabled;
-  const renderMessage = useCallback(({
-    item: message
-  }) => {
-    const isPlayingMessage = message.id === currentPlayingId;
-    const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
-    const showInlineIcon = showBottomFade && !message.isOwnMessage && message.id === lastBotMessageId;
-    return /*#__PURE__*/_jsx(MessageItem, {
-      message: message,
-      showInlineIcon: showInlineIcon,
-      animate: !isInputDisabled,
-      shouldWrapMessage: !!shouldWrapMessage,
-      MessageWrapper: MessageWrapper,
-      isTranslated: isTranslated,
-      colorScheme: colorScheme,
-      withIcon: isInputDisabled,
-      withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
-      highlightedWordIndex: messageHighlightIndex,
-      TTSHighlightRenderer: TTSHighlightRenderer,
-      isTextToSpeechEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-      isPlayingMessage: isPlayingMessage,
-      isTextToSpeechPending: isTextToSpeechPending,
-      audioStatus: audioStatus
-    });
-  }, [currentPlayingId, highlightedWordIndex, showBottomFade, lastBotMessageId, shouldWrapMessage, isTranslated, colorScheme, errorSpottingEnabled, isTextToSpeechEnabled, isTextToSpeechPending, audioStatus]);
-  if (!isOpen) return null;
-  return /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsx(View, {
     style: [styles.container, {
       maxHeight: MAX_HEIGHT
     }],
-    children: [/*#__PURE__*/_jsx(FlatList, {
+    children: /*#__PURE__*/_jsxs(ScrollView, {
       ref: ref,
-      inverted: true,
       bounces: false,
-      style: [styles.flatList, isScrollable && TOP_FADE_MASK],
-      data: reversedMessages,
-      keyExtractor: keyExtractor,
-      renderItem: renderMessage,
       contentContainerStyle: styles.list,
-      onScroll: handleScroll,
-      scrollEventThrottle: 16,
-      onContentSizeChange: handleContentSizeChange,
-      ListHeaderComponent: /*#__PURE__*/_jsx(MessageLoader, {
-        isLoading: isHelpRequestPending
-      }),
-      ItemSeparatorComponent: Separator
-    }), /*#__PURE__*/_jsx(BottomFade, {
-      visible: showBottomFade
-    }), showAbsoluteIcon && /*#__PURE__*/_jsx(ChatIcon, {
-      isLoading: isHelpRequestPending
-    }), /*#__PURE__*/_jsx(ChatFooter, {
-      isHintFeedback: isHintFeedback,
-      isInputDisabled: isInputDisabled,
-      colorScheme: colorScheme,
-      hasMessages: messages.length > 1,
-      onPressClose: onPressClose
-    })]
-  });
-};
-const keyExtractor = (item, index) => `${item.id}-${index}`;
-const MessageItem = ({
-  message,
-  showInlineIcon,
-  animate,
-  shouldWrapMessage,
-  MessageWrapper,
-  isTranslated,
-  colorScheme,
-  withIcon,
-  withErrorSpotting,
-  highlightedWordIndex,
-  TTSHighlightRenderer,
-  isTextToSpeechEnabled,
-  isPlayingMessage,
-  isTextToSpeechPending,
-  audioStatus
-}) => /*#__PURE__*/_jsxs(View, {
-  style: [styles.messageItem, showInlineIcon && styles.messageWithIcon],
-  children: [showInlineIcon && /*#__PURE__*/_jsx(View, {
-    style: styles.inlineIcon,
-    children: /*#__PURE__*/_jsx(ChatbotIcon, {
-      width: 53,
-      height: 73
-    })
-  }), /*#__PURE__*/_jsx(AnimatedMessage, {
-    animate: animate,
-    children: /*#__PURE__*/_jsx(ConditionalWrapper, {
-      withWrapper: shouldWrapMessage,
-      Wrapper: MessageWrapper,
-      children: /*#__PURE__*/_jsx(ChatMessage, {
-        withIcon: withIcon,
-        isTranslated: isTranslated,
-        message: message,
-        variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
-        colorScheme: colorScheme,
-        withErrorSpotting: withErrorSpotting,
-        highlightedWordIndex: highlightedWordIndex,
-        TTSHighlightRenderer: TTSHighlightRenderer,
-        t2sState: {
-          isEnabled: isTextToSpeechEnabled,
-          isActive: isPlayingMessage,
-          isLoading: isTextToSpeechPending,
-          status: audioStatus,
-          disabled: isTextToSpeechPending
+      onContentSizeChange: (_, height) => {
+        ref.current?.scrollToEnd();
+        if (height >= MAX_HEIGHT) {
+          model.setScrollActive(true);
         }
-      })
+      },
+      children: [isOpen && /*#__PURE__*/_jsxs(View, {
+        style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
+        children: [messages.map((message, index) => {
+          const key = `${message.id}-${index}`;
+          const isPlayingMessage = message.id === currentPlayingId;
+          const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
+          return /*#__PURE__*/_jsx(React.Fragment, {
+            children: /*#__PURE__*/_jsx(ConditionalWrapper, {
+              withWrapper: shouldWrapMessage,
+              Wrapper: MessageWrapper,
+              children: /*#__PURE__*/_jsx(ChatMessage, {
+                isTranslated: isTranslated,
+                withIcon: !message.isOwnMessage && message.id === lastMessageId,
+                message: message,
+                variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
+                colorScheme: colorScheme,
+                withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
+                highlightedWordIndex: messageHighlightIndex,
+                TTSHighlightRenderer: TTSHighlightRenderer,
+                t2sState: {
+                  isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+                  isActive: isPlayingMessage,
+                  isLoading: isTextToSpeechPending,
+                  status: audioStatus,
+                  disabled: isTextToSpeechPending
+                }
+              })
+            })
+          }, key);
+        }), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {
+          colorScheme: colorScheme
+        })]
+      }), isOpen && !isInputDisabled && /*#__PURE__*/_jsx(ChatInput, {
+        isHintFeedback: isHintFeedback,
+        colorScheme: colorScheme,
+        hasMessages: messages.length > 1
+      })]
     })
-  })]
-});
+  });
+};
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: 'flex-end',
-    width: 374,
-    height: '100%',
-    paddingRight: SPACING['100']
-  },
-  flatList: {
-    alignSelf: 'stretch',
-    paddingTop: SPACING['300']
+    width: 378,
+    height: '100%'
   },
   list: {
-    paddingVertical: 2
-  },
-  inputRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: SPACING['200'],
-    minHeight: 52
-  },
-  bottomFade: {
-    position: 'absolute',
-    bottom: 52,
-    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: {}
-    })
-  },
-  iconAbsolute: {
-    position: 'absolute',
-    bottom: 65,
-    left: 4
-  },
-  messageItem: {
-    alignSelf: 'flex-end'
-  },
-  messageWithIcon: {
-    flexDirection: 'row',
-    alignItems: 'flex-end'
+    alignItems: 'flex-end',
+    paddingVertical: 2,
+    paddingRight: 6
   },
-  inlineIcon: {
-    marginRight: 8
+  messagesWithoutInput: {
+    marginBottom: 8
   },
-  separator: {
-    height: SPACING['200']
+  gap: {
+    flex: 1,
+    gap: 8
   }
 });
 //# sourceMappingURL=Chat.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","Platform","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","SPACING","ChatbotIcon","LavaIconInGlasses","AnimatedMessage","ChatMessage","MessageLoader","ChatInput","CloseButton","MessageVariant","ColorScheme","ConditionalWrapper","jsx","_jsx","jsxs","_jsxs","SCROLL_BOTTOM_THRESHOLD","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","TOP_FADE_MASK","maskImage","undefined","Separator","style","styles","separator","BottomFade","visible","bottomFade","opacity","pointerEvents","ChatIcon","isLoading","iconAbsolute","children","width","height","color","ChatFooter","isHintFeedback","isInputDisabled","colorScheme","hasMessages","onPressClose","inputRow","onPress","Chat","model","isTextToSpeechEnabled","Blue","MessageWrapper","TTSHighlightRenderer","ref","maxHeightRef","dimensions","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","id","MAX_HEIGHT","current","isScrollable","setIsScrollable","showBottomFade","setShowBottomFade","handleScroll","e","contentOffset","nativeEvent","y","handleContentSizeChange","_","contentHeight","shouldWrapMessage","length","reversedMessages","reverse","showAbsoluteIcon","renderMessage","item","message","isPlayingMessage","messageHighlightIndex","isWordHighlightEnabled","showInlineIcon","MessageItem","animate","withIcon","withErrorSpotting","container","maxHeight","inverted","bounces","flatList","data","keyExtractor","renderItem","contentContainerStyle","list","onScroll","scrollEventThrottle","onContentSizeChange","ListHeaderComponent","ItemSeparatorComponent","index","messageItem","messageWithIcon","inlineIcon","withWrapper","Wrapper","variant","SENT","RECEIVED","t2sState","isEnabled","isActive","status","disabled","create","flex","alignItems","paddingRight","alignSelf","paddingTop","paddingVertical","flexDirection","gap","minHeight","position","bottom","right","transition","backgroundImage","left","marginRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","ChatInput","MessageVariant","ColorScheme","ConditionalWrapper","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","shouldWrapMessage","length","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","index","key","isPlayingMessage","messageHighlightIndex","isWordHighlightEnabled","Fragment","withWrapper","Wrapper","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","hasMessages","create","flex","alignItems","width","paddingVertical","paddingRight","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,59 +1,71 @@
 "use strict";
 
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
-import { Button, ButtonColor, ButtonSize, ButtonVariant } from '@magmamath/react-native-ui';
+import { Button, ButtonColor, ButtonSize, ButtonStates, ButtonVariant, COLORS } from '@magmamath/react-native-ui';
+import Animated, { FadeIn } from 'react-native-reanimated';
 import { useUnit } from 'effector-react';
 import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const HELP_BUTTON_TIMEOUT_MS = 5000;
+import { CloseIcon } from "../../../../shared/icons/CloseIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ChatControls = ({
   model,
   onPressChatIcon,
-  onPressHelpButton,
-  withHelpButton = false,
+  onPressClose,
   ButtonWrapper = React.Fragment,
   iconSize = {
-    width: 70,
-    height: 90
-  }
+    width: 80,
+    height: 100
+  },
+  shouldAnimateCloseButton
 }) => {
   const isOpen = useUnit(model.$isOpen);
-  const isTranslated = useUnit(model.translation.$isTranslated);
-  const wantHelp = model.textManager.messages.wantHelp;
-  const [isHelpButtonVisible, setIsHelpButtonVisible] = useState(withHelpButton);
-  useEffect(() => {
-    const timeoutId = setTimeout(() => setIsHelpButtonVisible(false), HELP_BUTTON_TIMEOUT_MS);
-    return () => {
-      clearTimeout(timeoutId);
-      setIsHelpButtonVisible(false);
-    };
-  }, [withHelpButton]);
   if (isOpen) {
-    return null;
+    return /*#__PURE__*/_jsx(Animated.View, {
+      style: styles.container,
+      entering: shouldAnimateCloseButton ? FadeIn.duration(900) : undefined,
+      children: /*#__PURE__*/_jsx(Button, {
+        onPress: onPressClose,
+        style: {
+          button: styles.buttonClose
+        },
+        variant: ButtonVariant.PRIMARY,
+        size: ButtonSize.LARGE,
+        colorScheme: ButtonColor.WHITE,
+        raiseLevel: 5,
+        customColorScheme: {
+          [ButtonStates.DEFAULT]: {
+            backgroundColor: COLORS.NEUTRAL_1,
+            borderColor: COLORS.NEUTRAL_5,
+            raiseColor: COLORS.NEUTRAL_5,
+            color: COLORS.NEUTRAL_10
+          },
+          [ButtonStates.PRESSED]: {
+            backgroundColor: COLORS.NEUTRAL_4,
+            borderColor: COLORS.NEUTRAL_5,
+            raiseColor: COLORS.NEUTRAL_5,
+            color: COLORS.NEUTRAL_1
+          },
+          [ButtonStates.HOVER]: {
+            backgroundColor: COLORS.NEUTRAL_3,
+            borderColor: COLORS.NEUTRAL_5,
+            raiseColor: COLORS.NEUTRAL_5,
+            color: COLORS.NEUTRAL_10
+          }
+        },
+        children: /*#__PURE__*/_jsx(CloseIcon, {})
+      })
+    });
   }
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: /*#__PURE__*/_jsx(ButtonWrapper, {
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.closedWrapper,
-        children: [/*#__PURE__*/_jsx(Pressable, {
-          onPress: onPressChatIcon,
-          children: /*#__PURE__*/_jsx(ChatbotIcon, {
-            width: iconSize?.width,
-            height: iconSize?.height
-          })
-        }), isHelpButtonVisible && /*#__PURE__*/_jsx(Button, {
-          variant: ButtonVariant.PRIMARY,
-          colorScheme: ButtonColor.WHITE,
-          size: ButtonSize.MEDIUM,
-          raiseLevel: 3,
-          onPress: onPressHelpButton,
-          style: {
-            text: styles.helpButtonText
-          },
-          children: isTranslated && wantHelp.translatedText || wantHelp.text
-        })]
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: onPressChatIcon,
+        children: /*#__PURE__*/_jsx(ChatbotIcon, {
+          width: iconSize?.width,
+          height: iconSize?.height
+        })
       })
     })
   });
@@ -64,16 +76,16 @@ const styles = StyleSheet.create({
     justifyContent: 'flex-end',
     flexDirection: 'row',
     maxHeight: 100,
-    gap: 2,
+    gap: 8,
     paddingBottom: 5
   },
-  closedWrapper: {
-    flexDirection: 'row',
-    alignItems: 'flex-end',
-    gap: 8
-  },
-  helpButtonText: {
-    textTransform: 'uppercase'
+  buttonClose: {
+    width: 50,
+    height: 50,
+    borderRadius: 50,
+    paddingHorizontal: 0,
+    borderWidth: 1.5,
+    borderColor: COLORS.NEUTRAL_5
   }
 });
 //# sourceMappingURL=ChatControls.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonVariant","useUnit","ChatbotIcon","jsx","_jsx","jsxs","_jsxs","HELP_BUTTON_TIMEOUT_MS","ChatControls","model","onPressChatIcon","onPressHelpButton","withHelpButton","ButtonWrapper","Fragment","iconSize","width","height","isOpen","$isOpen","isTranslated","translation","$isTranslated","wantHelp","textManager","messages","isHelpButtonVisible","setIsHelpButtonVisible","timeoutId","setTimeout","clearTimeout","style","styles","container","children","closedWrapper","onPress","variant","PRIMARY","colorScheme","WHITE","size","MEDIUM","raiseLevel","text","helpButtonText","translatedText","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonStates","ButtonVariant","COLORS","Animated","FadeIn","useUnit","ChatbotIcon","CloseIcon","jsx","_jsx","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","Fragment","iconSize","width","height","shouldAnimateCloseButton","isOpen","$isOpen","style","styles","container","entering","duration","undefined","children","onPress","button","buttonClose","variant","PRIMARY","size","LARGE","colorScheme","WHITE","raiseLevel","customColorScheme","DEFAULT","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -60,7 +60,7 @@ const styles = StyleSheet.create({
     width: 305,
     alignItems: 'center',
     justifyContent: 'center',
-    marginLeft: 6
+    marginVertical: 8
   }
 });
 //# sourceMappingURL=ChatInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","useStoreMap","useUnit","useChatModel","ColorScheme","HintButtonVariant","RequestHintButton","FreeTextInputBlock","jsx","_jsx","ChatInput","isHintFeedback","hasMessages","colorScheme","Blue","model","alternatives","$alternatives","isTranslated","translation","$isTranslated","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","$currentChatData","messages","lastMessage","at","options","option","length","shouldShowNextHintOption","hints","default","optionLabel","translatedText","text","sendMessage","message","translatedMessage","shouldDisableInput","style","styles","container","children","isOpenChatEnabled","onOptionPress","disabled","onPress","label","variant","DEFAULT","create","flex","width","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/ChatInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","useStoreMap","useUnit","useChatModel","ColorScheme","HintButtonVariant","RequestHintButton","FreeTextInputBlock","jsx","_jsx","ChatInput","isHintFeedback","hasMessages","colorScheme","Blue","model","alternatives","$alternatives","isTranslated","translation","$isTranslated","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","$currentChatData","messages","lastMessage","at","options","option","length","shouldShowNextHintOption","hints","default","optionLabel","translatedText","text","sendMessage","message","translatedMessage","shouldDisableInput","style","styles","container","children","isOpenChatEnabled","onOptionPress","disabled","onPress","label","variant","DEFAULT","create","flex","width","alignItems","justifyContent","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/ChatInput.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js

@@ -79,7 +79,7 @@ export const ChatTextInput = ({
       onBlur: handleOnBlur,
       onFocus: handleOnFocus,
       placeholder: placeholder,
-      placeholderTextColor: COLORS.NEUTRAL_5,
+      placeholderTextColor: COLORS.NEUTRAL_6,
       style: styles.input
     }), /*#__PURE__*/_jsx(SendMessageButton, {
       onPress: handleSendMessage,
@@ -93,10 +93,10 @@ const styles = StyleSheet.create({
     position: 'relative',
     width: '100%',
     alignItems: 'flex-end',
+    height: 52,
     justifyContent: 'center'
   },
   inputWrapper: {
-    height: 52,
     position: 'absolute',
     zIndex: 1,
     left: 0,

package/dist/module/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Animated","useAnimatedStyle","useSharedValue","withTiming","Platform","StyleSheet","TextInput","COLORS","FONT_FAMILY","SPACING","ColorScheme","useKeyBoard","KeyboardKeys","SendMessageButton","jsx","_jsx","jsxs","_jsxs","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","Blue","placeholder","inputRef","isFocused","setIsFocused","widthSv","animatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","duration","handleSendMessage","current","focus","handleOnFocus","e","handleOnBlur","enabled","callback","event","key","ENTER","View","style","styles","inputWrapper","children","ref","placeholderTextColor","NEUTRAL_5","input","onPress","disabled","create","container","position","alignItems","justifyContent","height","zIndex","left","flexDirection","borderWidth","borderColor","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","buenosAires","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/FreeText/ChatTextInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAChG,SAEEC,QAAQ,EACRC,UAAU,EACVC,SAAS,QAEJ,cAAc;AACrB,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACzE,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,WAAW,QAAQ,4CAAyC;AACrE,SAASC,YAAY,QAAQ,iCAA8B;AAE3D,SAASC,iBAAiB,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvD,MAAMC,4BAA4B,GAAG,GAAG;AACxC,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,kBAAkB,GAAG,GAAG;AAa9B,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,OAAO;EACPC,WAAW,GAAGnB,WAAW,CAACoB,IAAI;EAC9BC;AACkB,CAAC,KAAK;EACxB,MAAMC,QAAQ,GAAGlC,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM,CAACmC,SAAS,EAAEC,YAAY,CAAC,GAAGnC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMoC,OAAO,GAAGjC,cAAc,CAACqB,KAAK,GAAGH,UAAU,GAAGD,aAAa,CAAC;EAElE,MAAMiB,aAAa,GAAGnC,gBAAgB,CACpC,OAAO;IACLoC,KAAK,EAAEF,OAAO,CAACZ;EACjB,CAAC,CAAC,EACF,CAACY,OAAO,CACV,CAAC;EAED,MAAMG,iBAAiB,GAAIC,IAAY,IAAK;IAC1C,IAAIA,IAAI,CAACC,MAAM,GAAGtB,4BAA4B,EAAE;IAEhDQ,YAAY,GAAGa,IAAI,CAAC;IAEpB,MAAME,OAAO,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC,CAACF,MAAM,GAAG,CAAC;IACtC,MAAMG,UAAU,GAAGR,OAAO,CAACZ,KAAK,GAAGJ,aAAa;IAChD,MAAMyB,mBAAmB,GAAG,CAACH,OAAO,IAAIE,UAAU;IAClD,MAAME,iBAAiB,GAAGJ,OAAO,IAAI,CAACE,UAAU;IAEhD,IAAIE,iBAAiB,EAAE;MACrBV,OAAO,CAACZ,KAAK,GAAGpB,UAAU,CAACiB,UAAU,EAAE;QAAE0B,QAAQ,EAAEzB;MAAmB,CAAC,CAAC;MACxE;IACF;IACA,IAAIuB,mBAAmB,EAAE;MACvBT,OAAO,CAACZ,KAAK,GAAGpB,UAAU,CAACgB,aAAa,EAAE;QAAE2B,QAAQ,EAAEzB;MAAmB,CAAC,CAAC;IAC7E;EACF,CAAC;EAED,MAAM0B,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIvB,cAAc,IAAID,KAAK,CAACmB,IAAI,CAAC,CAAC,CAACF,MAAM,GAAG,CAAC,IAAIjB,KAAK,CAACiB,MAAM,GAAGtB,4BAA4B,EAC1F;IAEFO,QAAQ,GAAG,CAAC;IACZa,iBAAiB,CAAC,EAAE,CAAC;IACrBN,QAAQ,CAACgB,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAgD,IAAK;IAC1EjB,YAAY,CAAC,IAAI,CAAC;IAClBN,OAAO,GAAGuB,CAAC,CAAC;EACd,CAAC;EAED,MAAMC,YAAY,GAAID,CAAgD,IAAK;IACzEjB,YAAY,CAAC,KAAK,CAAC;IACnBP,MAAM,GAAGwB,CAAC,CAAC;EACb,CAAC;EAEDxC,WAAW,CAAC;IACV0C,OAAO,EAAEpB,SAAS;IAClBqB,QAAQ,EAAGC,KAAK,IAAK;MACnB,IAAIA,KAAK,CAACC,GAAG,KAAK5C,YAAY,CAAC6C,KAAK,EAAE;QACpC,KAAKV,iBAAiB,CAAC,CAAC;MAC1B;IACF;EACF,CAAC,CAAC;EAEF,oBACE9B,KAAA,CAACjB,QAAQ,CAAC0D,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,YAAY,EAAEzB,aAAa,CAAE;IAAA0B,QAAA,gBACzD/C,IAAA,CAACT,SAAS;MACRyD,GAAG,EAAE/B,QAAS;MACdT,KAAK,EAAEA,KAAM;MACbG,YAAY,EAAEY,iBAAkB;MAChCX,MAAM,EAAEyB,YAAa;MACrBxB,OAAO,EAAEsB,aAAc;MACvBnB,WAAW,EAAEA,WAAY;MACzBiC,oBAAoB,EAAEzD,MAAM,CAAC0D,SAAU;MACvCN,KAAK,EAAEC,MAAM,CAACM;IAAM,CACrB,CAAC,eACFnD,IAAA,CAACF,iBAAiB;MAChBsD,OAAO,EAAEpB,iBAAkB;MAC3BqB,QAAQ,EAAE,CAAC,CAAC5C,cAAe;MAC3BK,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAAA,CACW,CAAC;AAEpB,CAAC;AAED,MAAM+B,MAAM,GAAGvD,UAAU,CAACgE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBlC,KAAK,EAAE,MAAM;IACbmC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE;EAClB,CAAC;EACDZ,YAAY,EAAE;IACZa,MAAM,EAAE,EAAE;IACVH,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAExE,MAAM,CAAC0D,SAAS;IAC7Be,YAAY,EAAE,GAAG;IACjBC,eAAe,EAAE1E,MAAM,CAAC2E,SAAS;IACjCC,iBAAiB,EAAE1E,OAAO,CAAC,GAAG,CAAC;IAC/B2E,eAAe,EAAE3E,OAAO,CAAC,GAAG,CAAC;IAC7B4E,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAElD,KAAK,EAAE,CAAC;MAAEqC,MAAM,EAAE;IAAE,CAAC;IACrCc,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDvB,KAAK,EAAE;IACLwB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEvF,WAAW,CAACwF,WAAW;IACnCb,iBAAiB,EAAE1E,OAAO,CAAC,GAAG,CAAC;IAC/B2E,eAAe,EAAE3E,OAAO,CAAC,GAAG,CAAC;IAC7B,IAAIL,QAAQ,CAAC6F,EAAE,KAAK,KAAK,IAAI;MAAEC,YAAY,EAAE;IAAO,CAAC;EACvD,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAE3F,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","Animated","useAnimatedStyle","useSharedValue","withTiming","Platform","StyleSheet","TextInput","COLORS","FONT_FAMILY","SPACING","ColorScheme","useKeyBoard","KeyboardKeys","SendMessageButton","jsx","_jsx","jsxs","_jsxs","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","Blue","placeholder","inputRef","isFocused","setIsFocused","widthSv","animatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","duration","handleSendMessage","current","focus","handleOnFocus","e","handleOnBlur","enabled","callback","event","key","ENTER","View","style","styles","inputWrapper","children","ref","placeholderTextColor","NEUTRAL_6","input","onPress","disabled","create","container","position","alignItems","height","justifyContent","zIndex","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","buenosAires","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/FreeText/ChatTextInput.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatInput/FreeText/SendMessageButton.js

@@ -65,7 +65,7 @@ const styles = StyleSheet.create({
   button: {
     flexDirection: 'row',
     justifyContent: 'flex-end',
-    height: 43,
+    height: 44,
     width: 44
   },
   iconContainer: {