@magmamath/students-features 0.7.0 → 0.8.0-rc.0

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

@@ -0,0 +1,131 @@
+"use strict";
+
+import React, { useRef, useState } from 'react';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Platform, StyleSheet, TextInput } from 'react-native';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { ColorScheme } from '@magmamath/students-features';
+import { useKeyBoard } from "../../../../../shared/hooks/useKeyboard.js";
+import { KeyboardKeys } from "../../../../../lib/constants.js";
+import { SendMessageButton } from "./SendMessageButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MAX_AVAILABLE_MESSAGE_LENGTH = 500;
+const COMPACT_WIDTH = 134;
+const FULL_WIDTH = 305;
+const ANIMATION_DURATION = 200;
+export const ChatTextInput = ({
+  value,
+  submitDisabled,
+  onSubmit,
+  onChangeText,
+  onBlur,
+  onFocus,
+  colorScheme = ColorScheme.Blue,
+  placeholder
+}) => {
+  const inputRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const widthSv = useSharedValue(value ? FULL_WIDTH : COMPACT_WIDTH);
+  const animatedStyle = useAnimatedStyle(() => ({
+    width: widthSv.value
+  }), [widthSv]);
+  const handleInputChange = text => {
+    if (text.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
+    onChangeText?.(text);
+    const hasText = text.trim().length > 0;
+    const isExpanded = widthSv.value > COMPACT_WIDTH;
+    const shouldCollapseInput = !hasText && isExpanded;
+    const shouldExpandInput = hasText && !isExpanded;
+    if (shouldExpandInput) {
+      widthSv.value = withTiming(FULL_WIDTH, {
+        duration: ANIMATION_DURATION
+      });
+    } else if (shouldCollapseInput) {
+      widthSv.value = withTiming(COMPACT_WIDTH, {
+        duration: ANIMATION_DURATION
+      });
+    }
+  };
+  const handleSendMessage = () => {
+    if (submitDisabled || value.trim().length < 1 || value.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
+    onSubmit?.();
+    handleInputChange('');
+    inputRef.current?.focus();
+  };
+  const handleOnFocus = e => {
+    setIsFocused(true);
+    onFocus?.(e);
+  };
+  const handleOnBlur = e => {
+    setIsFocused(false);
+    onBlur?.(e);
+  };
+  useKeyBoard(event => {
+    if (event.key === KeyboardKeys.ENTER) {
+      void handleSendMessage();
+    }
+  }, isFocused);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.inputWrapper, animatedStyle],
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      ref: inputRef,
+      value: value,
+      onChangeText: handleInputChange,
+      onBlur: handleOnBlur,
+      onFocus: handleOnFocus,
+      placeholder: placeholder,
+      placeholderTextColor: COLORS.NEUTRAL_6,
+      style: styles.input
+    }), /*#__PURE__*/_jsx(SendMessageButton, {
+      onPress: handleSendMessage,
+      disabled: !!submitDisabled,
+      colorScheme: colorScheme
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    alignItems: 'flex-end',
+    height: 52,
+    justifyContent: 'center'
+  },
+  inputWrapper: {
+    position: 'absolute',
+    zIndex: 1,
+    left: 0,
+    flexDirection: 'row',
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_5,
+    borderRadius: 200,
+    backgroundColor: COLORS.NEUTRAL_1,
+    paddingHorizontal: SPACING[100],
+    paddingVertical: SPACING[100],
+    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,
+    paddingHorizontal: SPACING[200],
+    paddingVertical: SPACING[200],
+    ...(Platform.OS === 'web' && {
+      outlineStyle: 'none'
+    })
+  },
+  arrowWrapper: {
+    marginLeft: SPACING[200]
+  }
+});
+//# sourceMappingURL=ChatTextInput.js.map

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

@@ -0,0 +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","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/FreeTextInputBlock.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { HintButtonVariant, RequestHintButton } from "../RequestHintButton.js";
+import { useChatModel } from "../../../context/ChatBotModelContext.js";
+import { t } from "../../../../../shared/translation/index.js";
+import { ChatTextInput } from "./ChatTextInput.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FreeTextInputBlock = ({
+  optionLabel,
+  onOptionPress,
+  disabled,
+  colorScheme
+}) => {
+  const model = useChatModel();
+  const inputValue = useUnit(model.textInput.$value);
+  const handleOnSubmit = async () => {
+    const translatedMessage = await model.translation.translateSingleMessageFx(inputValue);
+    void model.textInput.setValue('');
+    void model.sendHelpRequestFx({
+      message: inputValue,
+      translatedMessage,
+      isFreeText: true
+    });
+  };
+  const handleOnBlur = () => model.textInput.setIsFocused(false);
+  const handleOnFocus = () => model.textInput.setIsFocused(true);
+  const handleOnChangeText = text => model.textInput.setValue(text);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(ChatTextInput, {
+      value: inputValue,
+      onSubmit: handleOnSubmit,
+      onChangeText: handleOnChangeText,
+      onBlur: handleOnBlur,
+      onFocus: handleOnFocus,
+      submitDisabled: disabled || inputValue.trim().length < 1,
+      colorScheme: colorScheme,
+      placeholder: t('chat.inputPlaceholder')
+    }), /*#__PURE__*/_jsx(RequestHintButton, {
+      onPress: onOptionPress,
+      label: optionLabel,
+      disabled: disabled,
+      colorScheme: colorScheme,
+      variant: HintButtonVariant.Short
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    alignItems: 'flex-end',
+    height: 52,
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=FreeTextInputBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","StyleSheet","View","HintButtonVariant","RequestHintButton","useChatModel","t","ChatTextInput","jsx","_jsx","jsxs","_jsxs","FreeTextInputBlock","optionLabel","onOptionPress","disabled","colorScheme","model","inputValue","textInput","$value","handleOnSubmit","translatedMessage","translation","translateSingleMessageFx","setValue","sendHelpRequestFx","message","isFreeText","handleOnBlur","setIsFocused","handleOnFocus","handleOnChangeText","text","style","styles","container","children","value","onSubmit","onChangeText","onBlur","onFocus","submitDisabled","trim","length","placeholder","onPress","label","variant","Short","create","position","width","alignItems","height","justifyContent"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/FreeTextInputBlock.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,yBAAsB;AAC3E,SAASC,YAAY,QAAQ,yCAAsC;AACnE,SAASC,CAAC,QAAQ,4CAAmC;AACrD,SAASC,aAAa,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS/C,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,WAAW;EACXC,aAAa;EACbC,QAAQ;EACRC;AACuB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGZ,YAAY,CAAC,CAAC;EAC5B,MAAMa,UAAU,GAAGlB,OAAO,CAACiB,KAAK,CAACE,SAAS,CAACC,MAAM,CAAC;EAElD,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,iBAAiB,GAAG,MAAML,KAAK,CAACM,WAAW,CAACC,wBAAwB,CAACN,UAAU,CAAC;IAEtF,KAAKD,KAAK,CAACE,SAAS,CAACM,QAAQ,CAAC,EAAE,CAAC;IACjC,KAAKR,KAAK,CAACS,iBAAiB,CAAC;MAC3BC,OAAO,EAAET,UAAU;MACnBI,iBAAiB;MACjBM,UAAU,EAAE;IACd,CAAC,CAAC;EACJ,CAAC;EACD,MAAMC,YAAY,GAAGA,CAAA,KAAMZ,KAAK,CAACE,SAAS,CAACW,YAAY,CAAC,KAAK,CAAC;EAC9D,MAAMC,aAAa,GAAGA,CAAA,KAAMd,KAAK,CAACE,SAAS,CAACW,YAAY,CAAC,IAAI,CAAC;EAC9D,MAAME,kBAAkB,GAAIC,IAAY,IAAKhB,KAAK,CAACE,SAAS,CAACM,QAAQ,CAACQ,IAAI,CAAC;EAE3E,oBACEtB,KAAA,CAACT,IAAI;IAACgC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B5B,IAAA,CAACF,aAAa;MACZ+B,KAAK,EAAEpB,UAAW;MAClBqB,QAAQ,EAAElB,cAAe;MACzBmB,YAAY,EAAER,kBAAmB;MACjCS,MAAM,EAAEZ,YAAa;MACrBa,OAAO,EAAEX,aAAc;MACvBY,cAAc,EAAE5B,QAAQ,IAAIG,UAAU,CAAC0B,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAE;MACzD7B,WAAW,EAAEA,WAAY;MACzB8B,WAAW,EAAExC,CAAC,CAAC,uBAAuB;IAAE,CACzC,CAAC,eACFG,IAAA,CAACL,iBAAiB;MAChB2C,OAAO,EAAEjC,aAAc;MACvBkC,KAAK,EAAEnC,WAAY;MACnBE,QAAQ,EAAEA,QAAS;MACnBC,WAAW,EAAEA,WAAY;MACzBiC,OAAO,EAAE9C,iBAAiB,CAAC+C;IAAM,CAClC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMf,MAAM,GAAGlC,UAAU,CAACkD,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,UAAU;IACtBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,98 @@
+"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, IS_MOBILE } 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 SendMessageButton = ({
+  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 animatedIconStyle = 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: IS_MOBILE ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.iconContainer, animatedIconStyle, {
+        borderColor: disabled ? COLORS.NEUTRAL_5 : MESSAGE_COLORS_MAP[colorScheme].sent.border
+      }],
+      children: /*#__PURE__*/_jsx(ArrowUpIcon, {
+        color: 'currentColor',
+        size: 16
+      })
+    }) : /*#__PURE__*/_jsx(Animated.Text, {
+      style: [styles.webIconContainer, animatedIconStyle],
+      children: /*#__PURE__*/_jsx(ArrowUpIcon, {
+        color: 'currentColor',
+        size: 16
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    height: 44,
+    width: 44
+  },
+  iconContainer: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 12,
+    borderRadius: 21,
+    borderWidth: 1
+  },
+  webIconContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    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=SendMessageButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Animated","useSharedValue","withTiming","useAnimatedStyle","interpolateColor","ArrowUpIcon","COLORS","IS_MOBILE","ColorScheme","MESSAGE_COLORS_MAP","jsx","_jsx","SendMessageButton","onPress","disabled","colorScheme","Blue","hoverSv","onHoverIn","value","duration","onHoverOut","animatedIconStyle","backgroundColor","NEUTRAL_1","sent","border","color","NEUTRAL_10","NEUTRAL_2","borderColor","NEUTRAL_5","style","styles","button","cursor","accessibilityState","accessibilityRole","children","View","iconContainer","size","Text","webIconContainer","create","flexDirection","justifyContent","height","width","alignItems","padding","borderRadius","borderWidth","flex","paddingHorizontal","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","PRIMARY_BLUE"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/freeText/SendMessageButton.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/Chatbot.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { useStoreMap, useUnit } from 'effector-react';
-import { ChatbotMessages } from "./ChatMessages/ChatbotMessages.js";
+import { Chat } from "./Chat/Chat.js";
 import { ChatControls } from "./ChatControls/ChatControls.js";
 import { ChatBotModelContext } from "../context/ChatBotModelContext.js";
 import { ColorScheme } from "../types/style.types.js";
@@ -28,7 +28,7 @@ export const Chatbot = ({
   }
   return /*#__PURE__*/_jsxs(ChatBotModelContext.Provider, {
     value: model,
-    children: [/*#__PURE__*/_jsx(ChatbotMessages, {
+    children: [/*#__PURE__*/_jsx(Chat, {
       model: model,
       colorScheme: colorScheme,
       isHintFeedback: isHintFeedback,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useStoreMap","useUnit","ChatbotMessages","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","alternatives","$alternatives","isAvailable","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","chatAccess","Provider","value","children","onPressChatIcon","onPressClose"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA4C,OAAO;AAC/D,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAGrD,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,YAAY,QAAQ,gCAA6B;AAE1D,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAelD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGZ,WAAW,CAACa;AACd,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGlB,OAAO,CAACU,KAAK,CAACS,aAAa,CAAC;EACjD,MAAMC,WAAW,GAAGrB,WAAW,CAACW,KAAK,CAACW,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFV,KAAK,CAACY,GAAG,CAACC,cAAc,CAACV,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMW,QAAQ,GAAGA,CAAA,KAAMd,KAAK,CAACe,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMhB,KAAK,CAACe,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACL,WAAW,IAAIF,YAAY,EAAES,UAAU,KAAK,KAAK,EAAE;IACtD,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAACL,mBAAmB,CAACyB,QAAQ;IAACC,KAAK,EAAEnB,KAAM;IAAAoB,QAAA,gBACzCxB,IAAA,CAACL,eAAe;MACdS,KAAK,EAAEA,KAAM;MACbM,WAAW,EAAEA,WAAY;MACzBL,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA;IAAsB,CAC9C,CAAC,eAEFN,IAAA,CAACJ,YAAY;MACXQ,KAAK,EAAEA,KAAM;MACbqB,eAAe,EAAEP,QAAS;MAC1BQ,YAAY,EAAEN,SAAU;MACxBZ,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useStoreMap","useUnit","Chat","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","alternatives","$alternatives","isAvailable","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","chatAccess","Provider","value","children","onPressChatIcon","onPressClose"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA4C,OAAO;AAC/D,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;AAiBlD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGZ,WAAW,CAACa;AACd,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGlB,OAAO,CAACU,KAAK,CAACS,aAAa,CAAC;EACjD,MAAMC,WAAW,GAAGrB,WAAW,CAACW,KAAK,CAACW,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFV,KAAK,CAACY,GAAG,CAACC,cAAc,CAACV,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMW,QAAQ,GAAGA,CAAA,KAAMd,KAAK,CAACe,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMhB,KAAK,CAACe,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACL,WAAW,IAAIF,YAAY,EAAES,UAAU,KAAK,KAAK,EAAE;IACtD,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAACL,mBAAmB,CAACyB,QAAQ;IAACC,KAAK,EAAEnB,KAAM;IAAAoB,QAAA,gBACzCxB,IAAA,CAACL,IAAI;MACHS,KAAK,EAAEA,KAAM;MACbM,WAAW,EAAEA,WAAY;MACzBL,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA;IAAsB,CAC9C,CAAC,eAEFN,IAAA,CAACJ,YAAY;MACXQ,KAAK,EAAEA,KAAM;MACbqB,eAAe,EAAEP,QAAS;MAC1BQ,YAAY,EAAEN,SAAU;MACxBZ,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC","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
     }
   }
@@ -68,4 +72,5 @@ export const CONTROLS_COLORS_MAP = {
     background: COLORS.PRIMARY_YELLOW
   }
 };
+export const HOVER_ANIMATION_DURATION = 200;
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ButtonColor","COLORS","Platform","MessageVariant","ColorScheme","AUDIO_CONFIG","audioEncoding","pitch","speakingRate","DEFAULT_VOICE","languageCode","name","TEXT_TO_SPEECH_CONFIG","select","ios","audioConfig","voice","default","KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_REVERSE","__KATEX_DOLLAR_SYMBOL__","MESSAGE_COLORS_MAP","Blue","RECEIVED","background","NEUTRAL_3","icon","BLUE","SENT","PRIMARY_BLUE","Yellow","YELLOW","PRIMARY_YELLOW","CONTROLS_COLORS_MAP","hover"],"sourceRoot":"../../../../src","sources":["features/chatbot/constants.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,4BAA4B;AAChE,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,QAAQ,wBAAqB;AACpD,SAASC,WAAW,QAAQ,wBAAqB;AAEjD,OAAO,MAAMC,YAAY,GAAG;EAC1BC,aAAa,EAAE,UAAU;EACzBC,KAAK,EAAE,CAAC;EACRC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BC,YAAY,EAAE,OAAO;EACrBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGV,QAAQ,CAACW,MAAM,CAAC;EACnDC,GAAG,EAAE;IACHC,WAAW,EAAE;MACXT,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE,GAAG;MACVC,YAAY,EAAE;IAChB,CAAC;IACDQ,KAAK,EAAE;MACLN,YAAY,EAAE,OAAO;MACrBC,IAAI,EAAE;IACR;EACF,CAAC;EACDM,OAAO,EAAE;IACPF,WAAW,EAAEV,YAAY;IACzBW,KAAK,EAAEP;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMS,kBAAkB,GAAG;EAChC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,MAAMC,0BAA0B,GAAG;EACxCC,uBAAuB,EAAE;AAC3B,CAAU;AAEV,OAAO,MAAMC,kBAAkB,GAAG;EAChC,CAACjB,WAAW,CAACkB,IAAI,GAAG;IAClB,CAACnB,cAAc,CAACoB,QAAQ,GAAG;MACzBC,UAAU,EAAEvB,MAAM,CAACwB,SAAS;MAC5BC,IAAI,EAAE1B,WAAW,CAAC2B;IACpB,CAAC;IACD,CAACxB,cAAc,CAACyB,IAAI,GAAG;MACrBJ,UAAU,EAAEvB,MAAM,CAAC4B,YAAY;MAC/BH,IAAI,EAAE1B,WAAW,CAAC2B;IACpB;EACF,CAAC;EACD,CAACvB,WAAW,CAAC0B,MAAM,GAAG;IACpB,CAAC3B,cAAc,CAACoB,QAAQ,GAAG;MACzBC,UAAU,EAAEvB,MAAM,CAACwB,SAAS;MAC5BC,IAAI,EAAE1B,WAAW,CAAC+B;IACpB,CAAC;IACD,CAAC5B,cAAc,CAACyB,IAAI,GAAG;MACrBJ,UAAU,EAAEvB,MAAM,CAAC+B,cAAc;MACjCN,IAAI,EAAE1B,WAAW,CAAC+B;IACpB;EACF;AACF,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAG;EACjC,CAAC7B,WAAW,CAACkB,IAAI,GAAG;IAClBY,KAAK,EAAEjC,MAAM,CAAC4B,YAAY;IAC1BL,UAAU,EAAEvB,MAAM,CAAC4B;EACrB,CAAC;EACD,CAACzB,WAAW,CAAC0B,MAAM,GAAG;IACpBI,KAAK,EAAEjC,MAAM,CAAC+B,cAAc;IAC5BR,UAAU,EAAEvB,MAAM,CAAC+B;EACrB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["ButtonColor","COLORS","Platform","MessageVariant","ColorScheme","AUDIO_CONFIG","audioEncoding","pitch","speakingRate","DEFAULT_VOICE","languageCode","name","TEXT_TO_SPEECH_CONFIG","select","ios","audioConfig","voice","default","KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_REVERSE","__KATEX_DOLLAR_SYMBOL__","MESSAGE_COLORS_MAP","Blue","RECEIVED","background","NEUTRAL_3","border","icon","BLUE","SENT","PRIMARY_BLUE","Yellow","YELLOW","PRIMARY_YELLOW","CONTROLS_COLORS_MAP","hover","HOVER_ANIMATION_DURATION"],"sourceRoot":"../../../../src","sources":["features/chatbot/constants.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,4BAA4B;AAChE,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,QAAQ,wBAAqB;AACpD,SAASC,WAAW,QAAQ,wBAAqB;AAGjD,OAAO,MAAMC,YAAY,GAAG;EAC1BC,aAAa,EAAE,UAAU;EACzBC,KAAK,EAAE,CAAC;EACRC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC3BC,YAAY,EAAE,OAAO;EACrBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGV,QAAQ,CAACW,MAAM,CAAC;EACnDC,GAAG,EAAE;IACHC,WAAW,EAAE;MACXT,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE,GAAG;MACVC,YAAY,EAAE;IAChB,CAAC;IACDQ,KAAK,EAAE;MACLN,YAAY,EAAE,OAAO;MACrBC,IAAI,EAAE;IACR;EACF,CAAC;EACDM,OAAO,EAAE;IACPF,WAAW,EAAEV,YAAY;IACzBW,KAAK,EAAEP;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMS,kBAAkB,GAAG;EAChC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,MAAMC,0BAA0B,GAAG;EACxCC,uBAAuB,EAAE;AAC3B,CAAU;AAEV,OAAO,MAAMC,kBAAkB,GAAG;EAChC,CAACjB,WAAW,CAACkB,IAAI,GAAG;IAClB,CAACnB,cAAc,CAACoB,QAAQ,GAAG;MACzBC,UAAU,EAAEvB,MAAM,CAACwB,SAAS;MAC5BC,MAAM,EAAEzB,MAAM,CAACwB,SAAS;MACxBE,IAAI,EAAE3B,WAAW,CAAC4B;IACpB,CAAC;IACD,CAACzB,cAAc,CAAC0B,IAAI,GAAG;MACrBL,UAAU,EAAEvB,MAAM,CAAC6B,YAAY;MAC/BJ,MAAM,EAAEzB,MAAM,CAAC6B,YAAY;MAC3BH,IAAI,EAAE3B,WAAW,CAAC4B;IACpB;EACF,CAAC;EACD,CAACxB,WAAW,CAAC2B,MAAM,GAAG;IACpB,CAAC5B,cAAc,CAACoB,QAAQ,GAAG;MACzBC,UAAU,EAAEvB,MAAM,CAACwB,SAAS;MAC5BC,MAAM,EAAEzB,MAAM,CAACwB,SAAS;MACxBE,IAAI,EAAE3B,WAAW,CAACgC;IACpB,CAAC;IACD,CAAC7B,cAAc,CAAC0B,IAAI,GAAG;MACrBL,UAAU,EAAEvB,MAAM,CAACgC,cAAc;MACjCP,MAAM,EAAEzB,MAAM,CAACgC,cAAc;MAC7BN,IAAI,EAAE3B,WAAW,CAACgC;IACpB;EACF;AACF,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAG;EACjC,CAAC9B,WAAW,CAACkB,IAAI,GAAG;IAClBa,KAAK,EAAElC,MAAM,CAAC6B,YAAY;IAC1BN,UAAU,EAAEvB,MAAM,CAAC6B;EACrB,CAAC;EACD,CAAC1B,WAAW,CAAC2B,MAAM,GAAG;IACpBI,KAAK,EAAElC,MAAM,CAACgC,cAAc;IAC5BT,UAAU,EAAEvB,MAAM,CAACgC;EACrB;AACF,CAAC;AAED,OAAO,MAAMG,wBAAwB,GAAG,GAAG","ignoreList":[]}

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

@@ -2,6 +2,8 @@
 
 // https://stackoverflow.com/questions/56575859/google-translate-api-does-not-return-apostrophe-as-apostrophe-in-python
 import { KATEX_REPLACEMENTS, KATEX_REPLACEMENTS_REVERSE } from "./constants.js";
+import { t } from "../../shared/translation/index.js";
+import { ChatRequestType } from "./types/model.types.js";
 export const decodeHTMLEntities = input => {
   return input.replace(/'/g, "'");
 };
@@ -9,4 +11,73 @@ export const replaceKatexSyntax = (texts, reverse = false) => {
   const replacements = reverse ? Object.entries(KATEX_REPLACEMENTS_REVERSE) : Object.entries(KATEX_REPLACEMENTS);
   return texts.map(text => replacements.reduce((newText, [pattern, placeholder]) => newText.replace(new RegExp(pattern, 'g'), placeholder), text));
 };
+export const transformAlternatives = payload => {
+  if (!payload) return payload;
+  return {
+    ...payload,
+    options: {
+      ...payload.options,
+      hints: [{
+        text: payload.isOpenChatEnabled ? t('chat.giveHint') : t('chat.anotherHint'),
+        promptKey: payload.options.hints[0].promptKey,
+        translatedText: payload.options.hints[0].translatedText
+      }]
+    }
+  };
+};
+export function prepareChatRequestPayload(payload, threadItem) {
+  const {
+    conversationId,
+    freeTextMessage,
+    problemDescription,
+    problemAnswer,
+    language,
+    imageCdnId,
+    imageAltText,
+    answerOptions,
+    answer
+  } = payload;
+  if (freeTextMessage) {
+    return conversationId ? {
+      type: ChatRequestType.Freetext,
+      data: {
+        conversationId,
+        message: freeTextMessage
+      }
+    } : {
+      type: ChatRequestType.Freetext,
+      data: {
+        message: freeTextMessage,
+        correctAnswer: problemAnswer,
+        problemDescription,
+        language,
+        ...(imageCdnId && {
+          imageCdnId
+        }),
+        ...(imageAltText && {
+          altText: imageAltText
+        }),
+        ...(!!answerOptions?.length && {
+          answerOptions
+        })
+      }
+    };
+  }
+  return {
+    type: ChatRequestType.Hint,
+    data: {
+      ...threadItem.getNextHintProps(),
+      correctAnswer: problemAnswer,
+      problemDescription,
+      userAnswer: answer,
+      language,
+      ...(imageCdnId && {
+        imageCdnId
+      }),
+      ...(imageAltText && {
+        altText: imageAltText
+      })
+    }
+  };
+}
 //# sourceMappingURL=helpers.js.map

package/dist/module/features/chatbot/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_REVERSE","decodeHTMLEntities","input","replace","replaceKatexSyntax","texts","reverse","replacements","Object","entries","map","text","reduce","newText","pattern","placeholder","RegExp"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":";;AAAA;AACA,SAASA,kBAAkB,EAAEC,0BAA0B,QAAQ,gBAAa;AAE5E,OAAO,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;EACnD,OAAOA,KAAK,CAACC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACrC,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAACC,KAAe,EAAEC,OAAO,GAAG,KAAK,KAAK;EACtE,MAAMC,YAAY,GAAGD,OAAO,GACxBE,MAAM,CAACC,OAAO,CAACT,0BAA0B,CAAC,GAC1CQ,MAAM,CAACC,OAAO,CAACV,kBAAkB,CAAC;EAEtC,OAAOM,KAAK,CAACK,GAAG,CAACC,IAAI,IACnBJ,YAAY,CAACK,MAAM,CACjB,CAACC,OAAO,EAAE,CAACC,OAAO,EAAEC,WAAW,CAAC,KAAKF,OAAO,CAACV,OAAO,CAAC,IAAIa,MAAM,CAACF,OAAO,EAAE,GAAG,CAAC,EAAEC,WAAW,CAAC,EAC3FJ,IACF,CACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_REVERSE","t","ChatRequestType","decodeHTMLEntities","input","replace","replaceKatexSyntax","texts","reverse","replacements","Object","entries","map","text","reduce","newText","pattern","placeholder","RegExp","transformAlternatives","payload","options","hints","isOpenChatEnabled","promptKey","translatedText","prepareChatRequestPayload","threadItem","conversationId","freeTextMessage","problemDescription","problemAnswer","language","imageCdnId","imageAltText","answerOptions","answer","type","Freetext","data","message","correctAnswer","altText","length","Hint","getNextHintProps","userAnswer"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":";;AAAA;AACA,SAASA,kBAAkB,EAAEC,0BAA0B,QAAQ,gBAAa;AAE5E,SAASC,CAAC,QAAQ,mCAA0B;AAE5C,SAA6BC,eAAe,QAAQ,wBAAqB;AAEzE,OAAO,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;EACnD,OAAOA,KAAK,CAACC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACrC,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAACC,KAAe,EAAEC,OAAO,GAAG,KAAK,KAAK;EACtE,MAAMC,YAAY,GAAGD,OAAO,GACxBE,MAAM,CAACC,OAAO,CAACX,0BAA0B,CAAC,GAC1CU,MAAM,CAACC,OAAO,CAACZ,kBAAkB,CAAC;EAEtC,OAAOQ,KAAK,CAACK,GAAG,CAAEC,IAAI,IACpBJ,YAAY,CAACK,MAAM,CACjB,CAACC,OAAO,EAAE,CAACC,OAAO,EAAEC,WAAW,CAAC,KAAKF,OAAO,CAACV,OAAO,CAAC,IAAIa,MAAM,CAACF,OAAO,EAAE,GAAG,CAAC,EAAEC,WAAW,CAAC,EAC3FJ,IACF,CACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMM,qBAAqB,GAAIC,OAAuC,IAAK;EAChF,IAAI,CAACA,OAAO,EAAE,OAAOA,OAAO;EAE5B,OAAO;IACL,GAAGA,OAAO;IACVC,OAAO,EAAE;MACP,GAAGD,OAAO,CAACC,OAAO;MAClBC,KAAK,EAAE,CACL;QACET,IAAI,EAAEO,OAAO,CAACG,iBAAiB,GAAGtB,CAAC,CAAC,eAAe,CAAC,GAAGA,CAAC,CAAC,kBAAkB,CAAC;QAC5EuB,SAAS,EAAEJ,OAAO,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC,CAAC,CAACE,SAAS;QAC7CC,cAAc,EAAEL,OAAO,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC,CAAC,CAACG;MAC3C,CAAC;IAEL;EACF,CAAC;AACH,CAAC;AAED,OAAO,SAASC,yBAAyBA,CACvCN,OAA2B,EAC3BO,UAAsB,EACF;EACpB,MAAM;IACJC,cAAc;IACdC,eAAe;IACfC,kBAAkB;IAClBC,aAAa;IACbC,QAAQ;IACRC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC;EACF,CAAC,GAAGhB,OAAO;EAEX,IAAIS,eAAe,EAAE;IACnB,OAAOD,cAAc,GACjB;MAAES,IAAI,EAAEnC,eAAe,CAACoC,QAAQ;MAAEC,IAAI,EAAE;QAAEX,cAAc;QAAEY,OAAO,EAAEX;MAAgB;IAAE,CAAC,GACtF;MACEQ,IAAI,EAAEnC,eAAe,CAACoC,QAAQ;MAC9BC,IAAI,EAAE;QACJC,OAAO,EAAEX,eAAe;QACxBY,aAAa,EAAEV,aAAa;QAC5BD,kBAAkB;QAClBE,QAAQ;QACR,IAAIC,UAAU,IAAI;UAAEA;QAAW,CAAC,CAAC;QACjC,IAAIC,YAAY,IAAI;UAAEQ,OAAO,EAAER;QAAa,CAAC,CAAC;QAC9C,IAAI,CAAC,CAACC,aAAa,EAAEQ,MAAM,IAAI;UAAER;QAAc,CAAC;MAClD;IACF,CAAC;EACP;EAEA,OAAO;IACLE,IAAI,EAAEnC,eAAe,CAAC0C,IAAI;IAC1BL,IAAI,EAAE;MACJ,GAAGZ,UAAU,CAACkB,gBAAgB,CAAC,CAAC;MAChCJ,aAAa,EAAEV,aAAa;MAC5BD,kBAAkB;MAClBgB,UAAU,EAAEV,MAAM;MAClBJ,QAAQ;MACR,IAAIC,UAAU,IAAI;QAAEA;MAAW,CAAC,CAAC;MACjC,IAAIC,YAAY,IAAI;QAAEQ,OAAO,EAAER;MAAa,CAAC;IAC/C;EACF,CAAC;AACH","ignoreList":[]}

package/dist/module/features/chatbot/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Chatbot","ChatbotModel","AudioStatus","MessageVariant","DefaultMessagesCreator","ColorScheme"],"sourceRoot":"../../../../src","sources":["features/chatbot/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,WAAW,QAA4B,sBAAmB;AACnE,SACEC,cAAc,QAGT,wBAAqB;AAE5B,SAASC,sBAAsB,QAAQ,kCAA+B;AAGtE,SAASC,WAAW,QAAQ,wBAAqB","ignoreList":[]}
+{"version":3,"names":["Chatbot","ChatbotModel","AudioStatus","MessageVariant","DefaultMessagesCreator","ColorScheme"],"sourceRoot":"../../../../src","sources":["features/chatbot/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,WAAW,QAA4B,sBAAmB;AACnE,SACEC,cAAc,QAGT,wBAAqB;AAE5B,SAASC,sBAAsB,QAAQ,kCAA+B;AAItE,SAASC,WAAW,QAAQ,wBAAqB","ignoreList":[]}