@magmamath/students-features 0.6.13 → 0.6.14-rc.1

package/dist/module/features/chatbot/components/Alternatives/HelpRequestOption.js

@@ -1,56 +1,165 @@
 "use strict";
 
-import React, { useEffect, useRef, useState } from 'react';
-import { Animated, Pressable, StyleSheet } from 'react-native';
-import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
-import { ArrowRightIcon } from "../../../../shared/icons/ArrowRightIcon.js";
+// import React, { useEffect, useRef, useState } from 'react'
+// import { Animated, Pressable, StyleSheet } from 'react-native'
+// import { ArrowUpIcon, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
+//
+// type HelpRequestOptionProps = {
+//   onPress: () => void
+//   message: string
+//   disabled: boolean
+//   hoverColor?: string
+// }
+//
+// export const HelpRequestOption = ({
+//   onPress,
+//   message,
+//   disabled = false,
+//   hoverColor = COLORS.PRIMARY_BLUE,
+// }: HelpRequestOptionProps) => {
+//   const [isHovered, setIsHovered] = useState(false)
+//   const hoverAnim = useRef(new Animated.Value(0)).current
+//
+//   const backgroundColor = hoverAnim.interpolate({
+//     inputRange: [0, 1],
+//     outputRange: [COLORS.NEUTRAL_1, hoverColor],
+//   })
+//   const textColor = hoverAnim.interpolate({
+//     inputRange: [0, 1],
+//     outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1],
+//   })
+//
+//   useEffect(() => {
+//     Animated.timing(hoverAnim, {
+//       toValue: isHovered ? 1 : 0,
+//       duration: 200,
+//       useNativeDriver: false,
+//     }).start()
+//   }, [isHovered, hoverAnim])
+//
+//   return (
+//     <Pressable
+//       onHoverIn={() => setIsHovered(true)}
+//       onHoverOut={() => setIsHovered(false)}
+//       onPress={onPress}
+//       style={styles.button}
+//       disabled={disabled}
+//       accessibilityState={{ disabled }}
+//       accessibilityRole="button"
+//     >
+//       <Animated.View
+//         style={[styles.textWrapper, { backgroundColor, borderColor: isHovered ? backgroundColor: COLORS.PRIMARY_BLUE }]}
+//       >
+//         <Animated.Text numberOfLines={1} style={[styles.text, { color: textColor }]}>
+//          I need a hint
+//         </Animated.Text>
+//         <ArrowUpIcon color={isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10} />
+//       </Animated.View>
+//     </Pressable>
+//   )
+// }
+//
+// const styles = StyleSheet.create({
+//   button: {
+//     flexDirection: 'row',
+//     alignItems: 'flex-end',
+//     justifyContent: 'space-between',
+//     width: '100%',
+//   },
+//   text: {
+//     fontSize: 18,
+//     fontWeight: 400,
+//     fontFamily: FONT_FAMILY.buenosAires,
+//     color: COLORS.NEUTRAL_10,
+//   },
+//   textWrapper: {
+//     flex: 1,
+//     flexDirection: 'row',
+//     alignItems: 'center',
+//     justifyContent: 'space-between',
+//     maxWidth: 163,
+//     paddingHorizontal: SPACING[400],
+//     paddingVertical: SPACING[200],
+//     borderWidth: 1,
+//     borderRadius: 48,
+//     elevation: 3,
+//     shadowColor: '#333',
+//     shadowOffset: { width: 0, height: 1 },
+//     shadowOpacity: 0.25,
+//     shadowRadius: 3,
+//     backgroundColor: COLORS.NEUTRAL_1,
+//     borderColor: COLORS.PRIMARY_BLUE,
+//   },
+// })
+
+import React from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import { ArrowUpIcon, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { ColorScheme } from '@magmamath/students-features';
+import { MESSAGE_COLORS_MAP } from "../../constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const HelpRequestOption = ({
   onPress,
   message,
   disabled = false,
-  hoverColor = COLORS.PRIMARY_BLUE
+  colorScheme = ColorScheme.Blue,
+  visibleSv
 }) => {
-  const [isHovered, setIsHovered] = useState(false);
-  const hoverAnim = useRef(new Animated.Value(0)).current;
-  const backgroundColor = hoverAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [COLORS.NEUTRAL_1, hoverColor]
-  });
-  const textColor = hoverAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1]
-  });
-  useEffect(() => {
-    Animated.timing(hoverAnim, {
-      toValue: isHovered ? 1 : 0,
-      duration: 200,
-      useNativeDriver: false
-    }).start();
-  }, [isHovered, hoverAnim]);
+  const hoverSv = useSharedValue(0);
+  const onHoverIn = () => {
+    if (!disabled) hoverSv.value = withTiming(1, {
+      duration: 200
+    });
+  };
+  const onHoverOut = () => {
+    if (!disabled) hoverSv.value = withTiming(0, {
+      duration: 200
+    });
+  };
+  const animatedWrapperStyle = useAnimatedStyle(() => {
+    const backgroundColor = interpolateColor(hoverSv.value, [0, 1], [COLORS.NEUTRAL_1, MESSAGE_COLORS_MAP[colorScheme].sent.background]);
+    const borderColor = interpolateColor(hoverSv.value, [0, 1], [MESSAGE_COLORS_MAP[colorScheme].sent.border, MESSAGE_COLORS_MAP[colorScheme].sent.border]);
+    return {
+      backgroundColor: disabled ? COLORS.NEUTRAL_2 : backgroundColor,
+      borderColor: disabled ? COLORS.NEUTRAL_5 : borderColor
+    };
+  }, [hoverSv, disabled, colorScheme]);
+  const animatedTextStyle = useAnimatedStyle(() => {
+    const color = interpolateColor(hoverSv.value, [0, 1], [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1]);
+    return {
+      color: disabled ? COLORS.NEUTRAL_5 : color
+    };
+  }, [hoverSv, disabled]);
+  const animatedVisibilityStyle = useAnimatedStyle(() => {
+    return {
+      opacity: visibleSv ? visibleSv.value : 1
+    };
+  }, [visibleSv]);
   return /*#__PURE__*/_jsx(Pressable, {
-    onHoverIn: () => setIsHovered(true),
-    onHoverOut: () => setIsHovered(false),
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
     onPress: onPress,
-    style: styles.button,
+    style: [styles.button, {
+      cursor: disabled ? 'auto' : 'pointer'
+    }],
     disabled: disabled,
     accessibilityState: {
       disabled
     },
     accessibilityRole: "button",
     children: /*#__PURE__*/_jsxs(Animated.View, {
-      style: [styles.textWrapper, {
-        backgroundColor,
-        borderColor: backgroundColor
-      }],
+      style: [styles.textWrapper, animatedWrapperStyle, animatedVisibilityStyle],
       children: [/*#__PURE__*/_jsx(Animated.Text, {
         numberOfLines: 1,
-        style: [styles.text, {
-          color: textColor
-        }],
+        style: [styles.text, animatedTextStyle],
         children: message
-      }), /*#__PURE__*/_jsx(ArrowRightIcon, {
-        color: isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10
+      }), /*#__PURE__*/_jsx(Animated.Text, {
+        style: animatedTextStyle,
+        children: /*#__PURE__*/_jsx(ArrowUpIcon, {
+          color: 'currentColor',
+          size: 16
+        })
       })]
     })
   });
@@ -58,13 +167,11 @@ export const HelpRequestOption = ({
 const styles = StyleSheet.create({
   button: {
     flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    width: '100%'
+    justifyContent: 'flex-end'
   },
   text: {
-    fontSize: 20,
-    fontWeight: 400,
+    fontSize: 18,
+    fontWeight: '400',
     fontFamily: FONT_FAMILY.buenosAires,
     color: COLORS.NEUTRAL_10
   },
@@ -73,7 +180,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    maxWidth: 305,
+    width: 163,
     paddingHorizontal: SPACING[400],
     paddingVertical: SPACING[200],
     borderWidth: 1,
@@ -86,7 +193,8 @@ const styles = StyleSheet.create({
     },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: COLORS.NEUTRAL_1
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderColor: COLORS.PRIMARY_BLUE
   }
 });
 //# sourceMappingURL=HelpRequestOption.js.map

package/dist/module/features/chatbot/components/Alternatives/HelpRequestOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Pressable","StyleSheet","COLORS","FONT_FAMILY","SPACING","ArrowRightIcon","jsx","_jsx","jsxs","_jsxs","HelpRequestOption","onPress","message","disabled","hoverColor","PRIMARY_BLUE","isHovered","setIsHovered","hoverAnim","Value","current","backgroundColor","interpolate","inputRange","outputRange","NEUTRAL_1","textColor","NEUTRAL_10","timing","toValue","duration","useNativeDriver","start","onHoverIn","onHoverOut","style","styles","button","accessibilityState","accessibilityRole","children","View","textWrapper","borderColor","Text","numberOfLines","text","color","create","flexDirection","alignItems","justifyContent","width","fontSize","fontWeight","fontFamily","buenosAires","flex","maxWidth","paddingHorizontal","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","Animated","useSharedValue","withTiming","useAnimatedStyle","interpolateColor","ArrowUpIcon","COLORS","FONT_FAMILY","SPACING","ColorScheme","MESSAGE_COLORS_MAP","jsx","_jsx","jsxs","_jsxs","HelpRequestOption","onPress","message","disabled","colorScheme","Blue","visibleSv","hoverSv","onHoverIn","value","duration","onHoverOut","animatedWrapperStyle","backgroundColor","NEUTRAL_1","sent","background","borderColor","border","NEUTRAL_2","NEUTRAL_5","animatedTextStyle","color","NEUTRAL_10","animatedVisibilityStyle","opacity","style","styles","button","cursor","accessibilityState","accessibilityRole","children","View","textWrapper","Text","numberOfLines","text","size","create","flexDirection","justifyContent","fontSize","fontWeight","fontFamily","buenosAires","flex","alignItems","width","paddingHorizontal","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","PRIMARY_BLUE"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/Alternatives/InputButton.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import { ArrowUpIcon, COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { ColorScheme } from '@magmamath/students-features';
+import { MESSAGE_COLORS_MAP } from "../../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InputButton = ({
+  onPress,
+  disabled = false,
+  colorScheme = ColorScheme.Blue
+}) => {
+  const hoverSv = useSharedValue(0);
+  const onHoverIn = () => {
+    if (!disabled) hoverSv.value = withTiming(1, {
+      duration: 200
+    });
+  };
+  const onHoverOut = () => {
+    if (!disabled) hoverSv.value = withTiming(0, {
+      duration: 200
+    });
+  };
+  const animatedWrapperStyle = useAnimatedStyle(() => {
+    const backgroundColor = interpolateColor(hoverSv.value, [0, 1], [COLORS.NEUTRAL_1, MESSAGE_COLORS_MAP[colorScheme].sent.border]);
+    const color = interpolateColor(hoverSv.value, [0, 1], [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1]);
+    return {
+      backgroundColor: disabled ? COLORS.NEUTRAL_2 : backgroundColor,
+      borderColor: disabled ? COLORS.NEUTRAL_5 : MESSAGE_COLORS_MAP[colorScheme].sent.border,
+      color: disabled ? COLORS.NEUTRAL_5 : color
+    };
+  }, [hoverSv, disabled]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    onPress: onPress,
+    style: [styles.button, disabled && {
+      cursor: 'auto'
+    }],
+    disabled: disabled,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    children: /*#__PURE__*/_jsx(Animated.Text, {
+      style: [styles.textWrapper, animatedWrapperStyle],
+      children: /*#__PURE__*/_jsx(ArrowUpIcon, {
+        color: 'currentColor',
+        size: 16
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_10,
+    backgroundColor: 'purple'
+  },
+  textWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 13,
+    paddingVertical: 12,
+    borderWidth: 1,
+    borderRadius: 48,
+    elevation: 3,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderColor: COLORS.PRIMARY_BLUE
+  }
+});
+//# sourceMappingURL=InputButton.js.map

package/dist/module/features/chatbot/components/Alternatives/InputButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Animated","useSharedValue","withTiming","useAnimatedStyle","interpolateColor","ArrowUpIcon","COLORS","FONT_FAMILY","ColorScheme","MESSAGE_COLORS_MAP","jsx","_jsx","InputButton","onPress","disabled","colorScheme","Blue","hoverSv","onHoverIn","value","duration","onHoverOut","animatedWrapperStyle","backgroundColor","NEUTRAL_1","sent","border","color","NEUTRAL_10","NEUTRAL_2","borderColor","NEUTRAL_5","style","styles","button","cursor","accessibilityState","accessibilityRole","children","Text","textWrapper","size","create","flexDirection","justifyContent","text","fontSize","fontWeight","fontFamily","buenosAires","flex","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","PRIMARY_BLUE"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/InputButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/Alternatives/InputWithHintRow.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Platform, StyleSheet, TextInput, View } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, useAnimatedReaction } from 'react-native-reanimated';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { HelpRequestOption } from "./HelpRequestOption.js";
+import { InputButton } from "./InputButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const COMPACT_WIDTH = 134;
+export const InputWithHintRow = ({
+  onPress,
+  message,
+  disabled,
+  colorScheme
+}) => {
+  const [value, setValue] = useState('');
+  const widthSv = useSharedValue(COMPACT_WIDTH);
+  const arrowOpacitySv = useSharedValue(1);
+  const hintVisibleSv = useSharedValue(1);
+  const valueLengthSv = useSharedValue(0);
+  const shouldDisable = value.trim().length > 0;
+  const animatedInputStyle = useAnimatedStyle(() => ({
+    width: widthSv.value
+  }), [widthSv]);
+  const handleChangeText = text => {
+    setValue(text);
+    valueLengthSv.value = text.trim().length;
+  };
+  useAnimatedReaction(() => valueLengthSv.value, currentLength => {
+    if (currentLength > 0) {
+      widthSv.value = withTiming(305, {
+        duration: 200
+      });
+      arrowOpacitySv.value = withTiming(0, {
+        duration: 200
+      });
+      hintVisibleSv.value = withTiming(0, {
+        duration: 200
+      });
+    } else {
+      widthSv.value = withTiming(COMPACT_WIDTH, {
+        duration: 200
+      });
+      arrowOpacitySv.value = withTiming(1, {
+        duration: 200
+      });
+      hintVisibleSv.value = withTiming(1, {
+        duration: 200
+      });
+    }
+  }, [valueLengthSv]);
+
+  // const handleFocus = () => {
+  //   widthSv.value = withTiming(305, { duration: 200 }) // expand full width (container limits it)
+  //   arrowOpacitySv.value = withTiming(0, { duration: 200 })
+  //   hintVisibleSv.value = withTiming(0, { duration: 200 })
+  //
+  //   // setIsFocused(true)
+  // }
+  //
+  // const handleBlur = () => {
+  //   if (value.trim().length > 0) return
+  //   widthSv.value = withTiming(COMPACT_WIDTH, { duration: 200 })
+  //   arrowOpacitySv.value = withTiming(1, { duration: 200 })
+  //   hintVisibleSv.value = withTiming(1, { duration: 200 })
+  //   // setIsFocused(false)
+  // }
+
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.inputWrapper, animatedInputStyle],
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        style: styles.input,
+        placeholder: "Type...",
+        placeholderTextColor: COLORS.NEUTRAL_6,
+        value: value,
+        onChangeText: handleChangeText
+        // onFocus={handleFocus}
+        // onBlur={handleBlur}
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.arrowWrapper],
+        children: /*#__PURE__*/_jsx(InputButton, {
+          onPress: () => {
+            console.log('Pressed');
+          },
+          disabled: value.trim().length < 1 || disabled,
+          colorScheme: colorScheme
+        })
+      })]
+    }), /*#__PURE__*/_jsx(HelpRequestOption, {
+      visibleSv: hintVisibleSv,
+      disabled: disabled || shouldDisable,
+      onPress: onPress,
+      message: message,
+      colorScheme: colorScheme
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    alignItems: 'flex-end',
+    height: 52,
+    justifyContent: 'center'
+  },
+  inputWrapper: {
+    position: 'absolute',
+    zIndex: 1,
+    right: SPACING[200],
+    left: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_5,
+    borderRadius: 200,
+    backgroundColor: COLORS.NEUTRAL_1,
+    paddingHorizontal: SPACING[100],
+    paddingVertical: SPACING[100],
+    overflow: 'hidden',
+    elevation: 3,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    minWidth: 60,
+    minHeight: 22,
+    fontWeight: '400',
+    fontFamily: FONT_FAMILY.buenosAires,
+    ...(Platform.OS === 'web' && {
+      outlineStyle: 'none'
+    }),
+    paddingHorizontal: SPACING[100],
+    paddingVertical: SPACING[200]
+  },
+  arrowWrapper: {
+    marginLeft: SPACING[200]
+  }
+});
+//# sourceMappingURL=InputWithHintRow.js.map

package/dist/module/features/chatbot/components/Alternatives/InputWithHintRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Platform","StyleSheet","TextInput","View","Animated","useSharedValue","withTiming","useAnimatedStyle","useAnimatedReaction","COLORS","FONT_FAMILY","SPACING","HelpRequestOption","InputButton","jsx","_jsx","jsxs","_jsxs","COMPACT_WIDTH","InputWithHintRow","onPress","message","disabled","colorScheme","value","setValue","widthSv","arrowOpacitySv","hintVisibleSv","valueLengthSv","shouldDisable","trim","length","animatedInputStyle","width","handleChangeText","text","currentLength","duration","style","styles","container","children","inputWrapper","input","placeholder","placeholderTextColor","NEUTRAL_6","onChangeText","arrowWrapper","console","log","visibleSv","create","position","alignItems","height","justifyContent","zIndex","right","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","overflow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","buenosAires","OS","outlineStyle","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/InputWithHintRow.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,10 +3,10 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { COLORS } from '@magmamath/react-native-ui';
-import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
 import { ThreeDotsLoader } from "../ThreeDotsLoader/ThreeDotsLoader.js";
 import { CONTROLS_COLORS_MAP } from "../../constants.js";
 import { ColorScheme } from "../../types/style.types.js";
+import { LavaIconInGlasses } from '@magmamath/students-features';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MessageLoader = ({
   colorScheme = ColorScheme.Blue
@@ -14,7 +14,7 @@ export const MessageLoader = ({
   style: styles.container,
   children: [/*#__PURE__*/_jsx(View, {
     style: styles.icon,
-    children: /*#__PURE__*/_jsx(ChatbotIcon, {
+    children: /*#__PURE__*/_jsx(LavaIconInGlasses, {
       width: 60,
       height: 80
     })
@@ -29,11 +29,14 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
     width: 327,
-    alignItems: 'flex-end'
+    alignItems: 'flex-end',
+    paddingLeft: 70
   },
   icon: {
+    position: 'absolute',
+    zIndex: 1,
     alignSelf: 'flex-end',
-    marginRight: 8
+    left: 0
   },
   loader: {
     flex: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","COLORS","ChatbotIcon","ThreeDotsLoader","CONTROLS_COLORS_MAP","ColorScheme","jsx","_jsx","jsxs","_jsxs","MessageLoader","colorScheme","Blue","style","styles","container","children","icon","width","height","loader","backgroundColor","background","create","flexDirection","alignItems","alignSelf","marginRight","flex","maxWidth","padding","paddingTop","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageLoader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,WAAW,QAAQ,yCAAsC;AAClE,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,mBAAmB,QAAQ,oBAAiB;AACrD,SAASC,WAAW,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMrD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,WAAW,GAAGN,WAAW,CAACO;AAAyB,CAAC,kBAClFH,KAAA,CAACT,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BT,IAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,IAAK;IAAAD,QAAA,eACvBT,IAAA,CAACL,WAAW;MAACgB,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE;EAAC,CAClC,CAAC,eACPZ,IAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACM,MAAO;IAAAJ,QAAA,eACzBT,IAAA,CAACJ,eAAe;MAACkB,eAAe,EAAEjB,mBAAmB,CAACO,WAAW,CAAC,CAACW;IAAW,CAAE;EAAC,CAC7E,CAAC;AAAA,CACH,CACP;AAED,MAAMR,MAAM,GAAGf,UAAU,CAACwB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBN,KAAK,EAAE,GAAG;IACVO,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDP,MAAM,EAAE;IACNQ,IAAI,EAAE,CAAC;IACPJ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBI,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEf,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCe,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBjB,eAAe,EAAEpB,MAAM,CAACsC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","COLORS","ThreeDotsLoader","CONTROLS_COLORS_MAP","ColorScheme","LavaIconInGlasses","jsx","_jsx","jsxs","_jsxs","MessageLoader","colorScheme","Blue","style","styles","container","children","icon","width","height","loader","backgroundColor","background","create","flexDirection","alignItems","paddingLeft","position","zIndex","alignSelf","left","flex","maxWidth","padding","paddingTop","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageLoader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,4BAA4B;AAGnD,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,mBAAmB,QAAQ,oBAAiB;AACrD,SAASC,WAAW,QAAQ,4BAAyB;AACrD,SAASC,iBAAiB,QAAQ,8BAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMhE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,WAAW,GAAGP,WAAW,CAACQ;AAAyB,CAAC,kBAClFH,KAAA,CAACT,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BT,IAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,IAAK;IAAAD,QAAA,eACvBT,IAAA,CAACF,iBAAiB;MAACa,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE;EAAC,CACxC,CAAC,eACPZ,IAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACM,MAAO;IAAAJ,QAAA,eACzBT,IAAA,CAACL,eAAe;MAACmB,eAAe,EAAElB,mBAAmB,CAACQ,WAAW,CAAC,CAACW;IAAW,CAAE;EAAC,CAC7E,CAAC;AAAA,CACH,CACP;AAED,MAAMR,MAAM,GAAGf,UAAU,CAACwB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBN,KAAK,EAAE,GAAG;IACVO,UAAU,EAAE,UAAU;IACtBC,WAAW,EAAC;EACd,CAAC;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAC,CAAC;IACRC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC;EACDV,MAAM,EAAE;IACNW,IAAI,EAAE,CAAC;IACPP,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBO,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAElB,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCkB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBpB,eAAe,EAAEpB,MAAM,CAACyC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js

@@ -73,7 +73,7 @@ export const ChatbotMessages = ({
         }, message.id)), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {
           colorScheme: colorScheme
         })]
-      }), !isHelpRequestPending && isOpen && /*#__PURE__*/_jsx(Alternatives, {
+      }), isOpen && /*#__PURE__*/_jsx(Alternatives, {
         onPressAlternative: askChatForHelp,
         hasMessages: messages.length > 1,
         isHintFeedback: isHintFeedback,

package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","Alternatives","MessageVariant","ColorScheme","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","colorScheme","Blue","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","onPressAlternative","hasMessages","length","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","Alternatives","MessageVariant","ColorScheme","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","colorScheme","Blue","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","onPressAlternative","hasMessages","length","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -40,20 +40,24 @@ export const MESSAGE_COLORS_MAP = {
   [ColorScheme.Blue]: {
     [MessageVariant.RECEIVED]: {
       background: COLORS.NEUTRAL_3,
+      border: COLORS.NEUTRAL_3,
       icon: ButtonColor.BLUE
     },
     [MessageVariant.SENT]: {
       background: COLORS.PRIMARY_BLUE,
+      border: COLORS.PRIMARY_BLUE,
       icon: ButtonColor.BLUE
     }
   },
   [ColorScheme.Yellow]: {
     [MessageVariant.RECEIVED]: {
       background: COLORS.NEUTRAL_3,
+      border: COLORS.NEUTRAL_3,
       icon: ButtonColor.YELLOW
     },
     [MessageVariant.SENT]: {
       background: COLORS.PRIMARY_YELLOW,
+      border: COLORS.PRIMARY_YELLOW,
       icon: ButtonColor.YELLOW
     }
   }