@magmamath/students-features 0.6.10 → 0.6.11-rc.0

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

@@ -7,6 +7,7 @@ exports.Alternatives = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _HelpRequestOption = require("./HelpRequestOption.js");
 var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,6 +27,7 @@ const Alternatives = ({
     const lastMessage = messages.at(-1);
     return lastMessage?.options ?? [];
   });
+  const context = (0, _effectorReact.useUnit)(model.$context);
   const options = (() => {
     if (hasMessages) return lastMessageOptions;
     if (isHintFeedback) return alternatives?.options.hints ?? [];
@@ -39,7 +41,8 @@ const Alternatives = ({
     }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpRequestOption.HelpRequestOption, {
       onPress: () => onPressAlternative(text, translatedText),
       message: isTranslated ? translatedText : text,
-      disabled: isTranslationPending
+      disabled: isTranslationPending,
+      hoverColor: context?.isPracticeMode ? _reactNativeUi.COLORS.PRIMARY_YELLOW : _reactNativeUi.COLORS.PRIMARY_BLUE
     }, index))
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_HelpRequestOption","_ChatBotModelContext","_jsxRuntime","e","__esModule","default","Alternatives","onPressAlternative","hasMessages","isHintFeedback","model","useChatModel","isTranslated","useUnit","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","hints","jsx","View","style","styles","container","children","map","text","translatedText","index","HelpRequestOption","onPress","message","disabled","exports","StyleSheet","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAAgE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzD,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAC5B,MAAMC,YAAY,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAH,sBAAO,EAACH,KAAK,CAACO,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAG,IAAAL,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,kBAAkB,GAAG,IAAAC,0BAAW,EAACZ,KAAK,CAACa,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,MAAMA,OAAO,GAAG,CAAC,MAAM;IACrB,IAAInB,WAAW,EAAE,OAAOa,kBAAkB;IAC1C,IAAIZ,cAAc,EAAE,OAAOO,YAAY,EAAEW,OAAO,CAACC,KAAK,IAAI,EAAE;IAC5D,OAAOZ,YAAY,EAAEW,OAAO,CAACtB,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACE,IAAAH,WAAA,CAAA2B,GAAA,EAAC/B,YAAA,CAAAgC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BP,OAAO,CAACQ,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C,IAAApC,WAAA,CAAA2B,GAAA,EAAC7B,kBAAA,CAAAuC,iBAAiB;MAEhBC,OAAO,EAAEA,CAAA,KAAMjC,kBAAkB,CAAC6B,IAAI,EAAEC,cAAc,CAAE;MACxDI,OAAO,EAAE7B,YAAY,GAAIyB,cAAc,GAAcD,IAAK;MAC1DM,QAAQ,EAAExB;IAAqB,GAH1BoB,KAIN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAK,OAAA,CAAArC,YAAA,GAAAA,YAAA;AAED,MAAM0B,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,cAAc,EAAE,CAAC;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_HelpRequestOption","_ChatBotModelContext","_jsxRuntime","e","__esModule","default","Alternatives","onPressAlternative","hasMessages","isHintFeedback","model","useChatModel","isTranslated","useUnit","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","context","$context","hints","jsx","View","style","styles","container","children","map","text","translatedText","index","HelpRequestOption","onPress","message","disabled","hoverColor","isPracticeMode","COLORS","PRIMARY_YELLOW","PRIMARY_BLUE","exports","StyleSheet","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzD,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAC5B,MAAMC,YAAY,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAH,sBAAO,EAACH,KAAK,CAACO,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAG,IAAAL,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,kBAAkB,GAAG,IAAAC,0BAAW,EAACZ,KAAK,CAACa,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EACF,MAAMC,OAAO,GAAG,IAAAf,sBAAO,EAACH,KAAK,CAACmB,QAAQ,CAAC;EAEvC,MAAMF,OAAO,GAAG,CAAC,MAAM;IACrB,IAAInB,WAAW,EAAE,OAAOa,kBAAkB;IAC1C,IAAIZ,cAAc,EAAE,OAAOO,YAAY,EAAEW,OAAO,CAACG,KAAK,IAAI,EAAE;IAC5D,OAAOd,YAAY,EAAEW,OAAO,CAACtB,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACE,IAAAH,WAAA,CAAA6B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BT,OAAO,CAACU,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C,IAAAtC,WAAA,CAAA6B,GAAA,EAAC/B,kBAAA,CAAAyC,iBAAiB;MAEhBC,OAAO,EAAEA,CAAA,KAAMnC,kBAAkB,CAAC+B,IAAI,EAAEC,cAAc,CAAE;MACxDI,OAAO,EAAE/B,YAAY,GAAI2B,cAAc,GAAcD,IAAK;MAC1DM,QAAQ,EAAE1B,oBAAqB;MAC/B2B,UAAU,EAAEjB,OAAO,EAAEkB,cAAc,GAAGC,qBAAM,CAACC,cAAc,GAAGD,qBAAM,CAACE;IAAa,GAJ7ET,KAKN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAU,OAAA,CAAA5C,YAAA,GAAAA,YAAA;AAED,MAAM4B,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,cAAc,EAAE,CAAC;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,53 +6,57 @@ Object.defineProperty(exports, "__esModule", {
 exports.HelpRequestOption = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _ArrowRightIcon = require("../../../../shared/icons/ArrowRightIcon.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const transitionColor = (isHovered, value) => _reactNative.Animated.timing(value, {
-  toValue: isHovered ? 1 : 0,
-  duration: 200,
-  useNativeDriver: _reactNative.Platform.OS !== 'web'
-}).start();
 const HelpRequestOption = ({
   onPress,
   message,
-  disabled = false
+  disabled = false,
+  hoverColor = _reactNativeUi.COLORS.PRIMARY_BLUE
 }) => {
   const [isHovered, setIsHovered] = (0, _react.useState)(false);
-  const backgroundColor = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const backgroundInterpolation = backgroundColor.interpolate({
+  const hoverAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const backgroundColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#FFFFFF', '#55ABE0']
+    outputRange: [_reactNativeUi.COLORS.NEUTRAL_1, hoverColor]
   });
-  const textColor = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const textInterpolation = textColor.interpolate({
+  const textColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#33334D', '#FFFFFF']
+    outputRange: [_reactNativeUi.COLORS.NEUTRAL_10, _reactNativeUi.COLORS.NEUTRAL_1]
   });
   (0, _react.useEffect)(() => {
-    transitionColor(isHovered, backgroundColor);
-    transitionColor(isHovered, textColor);
-  }, [isHovered]);
+    _reactNative.Animated.timing(hoverAnim, {
+      toValue: isHovered ? 1 : 0,
+      duration: 200,
+      useNativeDriver: false
+    }).start();
+  }, [isHovered, hoverAnim]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     onHoverIn: () => setIsHovered(true),
     onHoverOut: () => setIsHovered(false),
     onPress: onPress,
     style: styles.button,
     disabled: disabled,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
       style: [styles.textWrapper, {
-        backgroundColor: backgroundInterpolation
+        backgroundColor,
+        borderColor: backgroundColor
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
         numberOfLines: 1,
         style: [styles.text, {
-          color: textInterpolation
+          color: textColor
         }],
         children: message
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowRightIcon.ArrowRightIcon, {
-        color: isHovered ? '#FFFFFF' : '#33334D'
+        color: isHovered ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_10
       })]
     })
   });
@@ -68,8 +72,8 @@ const styles = _reactNative.StyleSheet.create({
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#33334D'
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
   },
   textWrapper: {
     flex: 1,
@@ -77,11 +81,10 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     maxWidth: 305,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    paddingVertical: _reactNativeUi.SPACING[200],
     borderWidth: 1,
     borderRadius: 48,
-    borderColor: '#55ABE0',
     elevation: 3,
     shadowColor: '#333',
     shadowOffset: {
@@ -90,7 +93,7 @@ const styles = _reactNative.StyleSheet.create({
     },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: '#FFFFFF'
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=HelpRequestOption.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ArrowRightIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","transitionColor","isHovered","value","Animated","timing","toValue","duration","useNativeDriver","Platform","OS","start","HelpRequestOption","onPress","message","disabled","setIsHovered","useState","backgroundColor","useRef","Value","current","backgroundInterpolation","interpolate","inputRange","outputRange","textColor","textInterpolation","useEffect","jsx","Pressable","onHoverIn","onHoverOut","style","styles","button","children","jsxs","View","textWrapper","Text","numberOfLines","text","color","ArrowRightIcon","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","width","fontSize","fontWeight","fontFamily","flex","maxWidth","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderColor","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAwE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAExE,MAAMW,eAAe,GAAGA,CAACC,SAAkB,EAAEC,KAAqB,KAChEC,qBAAQ,CAACC,MAAM,CAACF,KAAK,EAAE;EACrBG,OAAO,EAAEJ,SAAS,GAAG,CAAC,GAAG,CAAC;EAC1BK,QAAQ,EAAE,GAAG;EACbC,eAAe,EAAEC,qBAAQ,CAACC,EAAE,KAAK;AACnC,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;AAQL,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,OAAO;EACPC,OAAO;EACPC,QAAQ,GAAG;AACW,CAAC,KAAK;EAC5B,MAAM,CAACb,SAAS,EAAEc,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAC,IAAIf,qBAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC7D,MAAMC,uBAAuB,GAAGJ,eAAe,CAACK,WAAW,CAAC;IAC1DC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS;EACpC,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,IAAAP,aAAM,EAAC,IAAIf,qBAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACvD,MAAMM,iBAAiB,GAAGD,SAAS,CAACH,WAAW,CAAC;IAC9CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS;EACpC,CAAC,CAAC;EAEF,IAAAG,gBAAS,EAAC,MAAM;IACd3B,eAAe,CAACC,SAAS,EAAEgB,eAAe,CAAC;IAC3CjB,eAAe,CAACC,SAAS,EAAEwB,SAAS,CAAC;EACvC,CAAC,EAAE,CAACxB,SAAS,CAAC,CAAC;EAEf,oBACE,IAAAtB,WAAA,CAAAiD,GAAA,EAACnD,YAAA,CAAAoD,SAAS;IACRC,SAAS,EAAEA,CAAA,KAAMf,YAAY,CAAC,IAAI,CAAE;IACpCgB,UAAU,EAAEA,CAAA,KAAMhB,YAAY,CAAC,KAAK,CAAE;IACtCH,OAAO,EAAEA,OAAQ;IACjBoB,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBpB,QAAQ,EAAEA,QAAS;IAAAqB,QAAA,eAEnB,IAAAxD,WAAA,CAAAyD,IAAA,EAAC3D,YAAA,CAAA0B,QAAQ,CAACkC,IAAI;MAACL,KAAK,EAAE,CAACC,MAAM,CAACK,WAAW,EAAE;QAAErB,eAAe,EAAEI;MAAwB,CAAC,CAAE;MAAAc,QAAA,gBACvF,IAAAxD,WAAA,CAAAiD,GAAA,EAACnD,YAAA,CAAA0B,QAAQ,CAACoC,IAAI;QAACC,aAAa,EAAE,CAAE;QAACR,KAAK,EAAE,CAACC,MAAM,CAACQ,IAAI,EAAE;UAAEC,KAAK,EAAEhB;QAAkB,CAAC,CAAE;QAAAS,QAAA,EACjFtB;MAAO,CACK,CAAC,eAChB,IAAAlC,WAAA,CAAAiD,GAAA,EAAClD,eAAA,CAAAiE,cAAc;QAACD,KAAK,EAAEzC,SAAS,GAAG,SAAS,GAAG;MAAU,CAAE,CAAC;IAAA,CAC/C;EAAC,CACP,CAAC;AAEhB,CAAC;AAAA2C,OAAA,CAAAjC,iBAAA,GAAAA,iBAAA;AAED,MAAMsB,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,KAAK,EAAE;EACT,CAAC;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BX,KAAK,EAAE;EACT,CAAC;EACDJ,WAAW,EAAE;IACXgB,IAAI,EAAE,CAAC;IACPP,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BM,QAAQ,EAAE,GAAG;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,SAAS;IACtBC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEb,KAAK,EAAE,CAAC;MAAEc,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfjD,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_ArrowRightIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HelpRequestOption","onPress","message","disabled","hoverColor","COLORS","PRIMARY_BLUE","isHovered","setIsHovered","useState","hoverAnim","useRef","Animated","Value","current","backgroundColor","interpolate","inputRange","outputRange","NEUTRAL_1","textColor","NEUTRAL_10","useEffect","timing","toValue","duration","useNativeDriver","start","jsx","Pressable","onHoverIn","onHoverOut","style","styles","button","accessibilityState","accessibilityRole","children","jsxs","View","textWrapper","borderColor","Text","numberOfLines","text","color","ArrowRightIcon","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","width","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","flex","maxWidth","paddingHorizontal","SPACING","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ReceivedMessage","_SentMessage","_modelTypes","_jsxRuntime","e","__esModule","default","variantsMap","MessageVariant","SENT","SentMessage","RECEIVED","ReceivedMessage","ChatMessage","variant","props","Component","jsx","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAaxD,MAAMG,WAAgE,GAAG;EACvE,CAACC,0BAAc,CAACC,IAAI,GAAGC,wBAAW;EAClC,CAACF,0BAAc,CAACG,QAAQ,GAAGC;AAC7B,CAAC;AAEM,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGT,WAAW,CAACO,OAAO,CAAC;EACtC,oBAAO,IAAAX,WAAA,CAAAc,GAAA,EAACD,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC;AAAAG,OAAA,CAAAL,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ReceivedMessage","_SentMessage","_modelTypes","_jsxRuntime","e","__esModule","default","variantsMap","MessageVariant","SENT","SentMessage","RECEIVED","ReceivedMessage","ChatMessage","variant","props","Component","jsx","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAcxD,MAAMG,WAAgE,GAAG;EACvE,CAACC,0BAAc,CAACC,IAAI,GAAGC,wBAAW;EAClC,CAACF,0BAAc,CAACG,QAAQ,GAAGC;AAC7B,CAAC;AAEM,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGT,WAAW,CAACO,OAAO,CAAC;EACtC,oBAAO,IAAAX,WAAA,CAAAc,GAAA,EAACD,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC;AAAAG,OAAA,CAAAL,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js

@@ -6,15 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.SentMessage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SentMessage = exports.SentMessage = /*#__PURE__*/_react.default.memo(({
   message,
-  isTranslated
+  isTranslated,
+  backgroundColor = _reactNativeUi.COLORS.PRIMARY_BLUE
 }) => {
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
+    style: [styles.container, {
+      backgroundColor
+    }],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.text,
       children: text
@@ -25,16 +29,15 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: 'flex-end',
     maxWidth: 305,
-    padding: 8,
-    borderRadius: 8,
-    borderBottomRightRadius: 0,
-    backgroundColor: '#55ABE0'
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: 0
   },
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#FFF'
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SentMessage.js.map

package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","SentMessage","exports","React","memo","message","isTranslated","text","translatedMessage","jsx","View","style","styles","container","children","Text","StyleSheet","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","backgroundColor","fontSize","fontWeight","fontFamily","color"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAqD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,CAAC;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACjF,MAAMC,IAAI,GAAGD,YAAY,GAAGD,OAAO,CAACG,iBAAiB,GAAGH,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAjB,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAmB,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACL,IAAK;MAAAO,QAAA,EAAEP;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,uBAAuB,EAAE,CAAC;IAC1BC,eAAe,EAAE;EACnB,CAAC;EACDhB,IAAI,EAAE;IACJiB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","SentMessage","exports","React","memo","message","isTranslated","backgroundColor","COLORS","PRIMARY_BLUE","text","translatedMessage","jsx","View","style","styles","container","children","Text","StyleSheet","create","alignSelf","maxWidth","padding","SPACING","borderRadius","BORDER_RADIUS","borderBottomRightRadius","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAwF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIjF,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,eAAe,GAAGC,qBAAM,CAACC;AAA2B,CAAC,KAAK;EAClF,MAAMC,IAAI,GAAGJ,YAAY,GAAGD,OAAO,CAACM,iBAAiB,GAAGN,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAR,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAET;IAAgB,CAAC,CAAE;IAAAU,QAAA,eACnD,IAAApB,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAuB,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACL,IAAK;MAAAO,QAAA,EAAEP;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMK,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,uBAAuB,EAAE;EAC3B,CAAC;EACDjB,IAAI,EAAE;IACJkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,KAAK,EAAEzB,qBAAM,CAAC0B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _ChatMessage = require("../ChatMessage/ChatMessage.js");
 var _MessageLoader = require("../ChatMessage/MessageLoader.js");
 var _Alternatives = require("../Alternatives/Alternatives.js");
 var _modelTypes = require("../../types/model.types.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,6 +33,7 @@ const ChatbotMessages = ({
   const currentPlayingId = (0, _effectorReact.useUnit)(model.t2s.$currentPlayingId);
   const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
   const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
+  const context = (0, _effectorReact.useUnit)(model.$context);
   const messages = (0, _effectorReact.useStoreMap)(model.$currentChatData, ({
     messages
   }) => messages);
@@ -59,19 +61,23 @@ const ChatbotMessages = ({
       },
       children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.gap,
-        children: [messages.map(message => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
-          isTranslated: isTranslated,
-          withIcon: !message.isOwnMessage && message.id === lastMessageId,
-          message: message,
-          variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
-          t2sState: {
-            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-            isActive: message.id === currentPlayingId,
-            isLoading: isTextToSpeechPending,
-            status: audioStatus,
-            disabled: isTextToSpeechPending
-          }
-        }, message.id)), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {})]
+        children: [messages.map(message => {
+          const backgroundColor = message.isOwnMessage ? context?.isPracticeMode ? _reactNativeUi.COLORS.PRIMARY_YELLOW : _reactNativeUi.COLORS.PRIMARY_BLUE : _reactNativeUi.COLORS.NEUTRAL_3;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
+            isTranslated: isTranslated,
+            withIcon: !message.isOwnMessage && message.id === lastMessageId,
+            message: message,
+            variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
+            backgroundColor: backgroundColor,
+            t2sState: {
+              isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+              isActive: message.id === currentPlayingId,
+              isLoading: isTextToSpeechPending,
+              status: audioStatus,
+              disabled: isTextToSpeechPending
+            }
+          }, message.id);
+        }), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {})]
       }), !isHelpRequestPending && isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alternatives.Alternatives, {
         onPressAlternative: askChatForHelp,
         hasMessages: messages.length > 1,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_Alternatives","_modelTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","Alternatives","onPressAlternative","hasMessages","length","exports","StyleSheet","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAwD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQxD,MAAMW,cAAc,GAAG,GAAG;AAC1B,MAAMC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EACpCC,GAAG,EAAE,GAAG;EACRlB,OAAO,EAAE;AACX,CAAC,CAAC;AAEK,MAAMmB,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,cAAc;EACdC;AACoB,CAAC,KAAK;EAC1B,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAa,IAAI,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,sBAAO,EAACR,KAAK,CAACS,OAAO,CAAC;EAErC,MAAMC,oBAAoB,GAAG,IAAAF,sBAAO,EAACR,KAAK,CAACW,iBAAiB,CAACC,OAAO,CAAC;EACrE,MAAMC,qBAAqB,GAAG,IAAAL,sBAAO,EAACR,KAAK,CAACc,GAAG,CAACC,kBAAkB,CAACH,OAAO,CAAC;EAE3E,MAAMI,gBAAgB,GAAG,IAAAR,sBAAO,EAACR,KAAK,CAACiB,GAAG,CAACC,iBAAiB,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAX,sBAAO,EAACR,KAAK,CAACoB,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,WAAW,GAAG,IAAAd,sBAAO,EAACR,KAAK,CAACiB,GAAG,CAACM,OAAO,CAAC;EAE9C,MAAMC,QAAQ,GAAG,IAAAC,0BAAW,EAACzB,KAAK,CAAC0B,gBAAgB,EAAE,CAAC;IAAEF;EAAS,CAAC,KAAKA,QAAQ,CAAC;EAChF,MAAMG,aAAa,GAAGH,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEC,EAAE;EAEzC,MAAMC,UAAU,GAAG3B,UAAU,CAAC4B,MAAM,GAAGrC,cAAc,GAAGC,aAAa;EAErE,MAAMqC,cAAc,GAAGA,CAACC,OAAe,EAAEC,iBAA0B,KAAK;IACtE,KAAKlC,KAAK,CAACW,iBAAiB,CAAC;MAAEsB,OAAO;MAAEC;IAAkB,CAAC,CAAC;EAC9D,CAAC;EAED,oBACE,IAAA7D,WAAA,CAAA8D,GAAA,EAACpE,YAAA,CAAAqE,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,SAAS,EAAEV;IAAW,CAAC,CAAE;IAAAW,QAAA,eACzD,IAAApE,WAAA,CAAAqE,IAAA,EAAC3E,YAAA,CAAA4E,UAAU;MACTtC,GAAG,EAAEA,GAAI;MACTuC,OAAO,EAAE,KAAM;MACfC,qBAAqB,EAAEP,MAAM,CAACQ,IAAK;MACnCC,mBAAmB,EAAEA,CAACC,CAAC,EAAEjB,MAAM,KAAK;QAClC1B,GAAG,CAAC4C,OAAO,EAAEC,WAAW,CAAC,CAAC;QAE1B,IAAInB,MAAM,IAAID,UAAU,EAAE;UACxB9B,KAAK,CAACmD,eAAe,CAAC,IAAI,CAAC;QAC7B;MACF,CAAE;MAAAV,QAAA,GAEDlC,MAAM,iBACL,IAAAlC,WAAA,CAAAqE,IAAA,EAAC3E,YAAA,CAAAqE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACc,GAAI;QAAAX,QAAA,GACrBjB,QAAQ,CAAC6B,GAAG,CAAEpB,OAAO,iBACpB,IAAA5D,WAAA,CAAA8D,GAAA,EAAClE,YAAA,CAAAqF,WAAW;UAEVnC,YAAY,EAAEA,YAAa;UAC3BoC,QAAQ,EAAE,CAACtB,OAAO,CAACuB,YAAY,IAAIvB,OAAO,CAACJ,EAAE,KAAKF,aAAc;UAChEM,OAAO,EAAEA,OAAQ;UACjBwB,OAAO,EAAExB,OAAO,CAACuB,YAAY,GAAGE,0BAAc,CAACC,IAAI,GAAGD,0BAAc,CAACE,QAAS;UAC9EC,QAAQ,EAAE;YACRC,SAAS,EAAE5D,qBAAqB,IAAI,CAAC+B,OAAO,CAACuB,YAAY;YACzDO,QAAQ,EAAE9B,OAAO,CAACJ,EAAE,KAAKb,gBAAgB;YACzCgD,SAAS,EAAEnD,qBAAqB;YAChCoD,MAAM,EAAE3C,WAAW;YACnB4C,QAAQ,EAAErD;UACZ;QAAE,GAXGoB,OAAO,CAACJ,EAYd,CACF,CAAC,EAEDnB,oBAAoB,iBAAI,IAAArC,WAAA,CAAA8D,GAAA,EAACjE,cAAA,CAAAiG,aAAa,IAAE,CAAC;MAAA,CACtC,CACP,EAEA,CAACzD,oBAAoB,IAAIH,MAAM,iBAC9B,IAAAlC,WAAA,CAAA8D,GAAA,EAAChE,aAAA,CAAAiG,YAAY;QACXC,kBAAkB,EAAErC,cAAe;QACnCsC,WAAW,EAAE9C,QAAQ,CAAC+C,MAAM,GAAG,CAAE;QACjCtE,cAAc,EAAEA;MAAe,CAChC,CACF;IAAA,CACS;EAAC,CACT,CAAC;AAEX,CAAC;AAAAuE,OAAA,CAAAzE,eAAA,GAAAA,eAAA;AAED,MAAMuC,MAAM,GAAGmC,uBAAU,CAACC,MAAM,CAAC;EAC/BnC,SAAS,EAAE;IACToC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,UAAU;IACtBC,KAAK,EAAE,GAAG;IACV9C,MAAM,EAAE;EACV,CAAC;EACDe,IAAI,EAAE;IACJ8B,UAAU,EAAE,UAAU;IACtBE,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAChB,CAAC;EACD3B,GAAG,EAAE;IACHuB,IAAI,EAAE,CAAC;IACPvB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_Alternatives","_modelTypes","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","context","$context","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","backgroundColor","isOwnMessage","isPracticeMode","COLORS","PRIMARY_YELLOW","PRIMARY_BLUE","NEUTRAL_3","ChatMessage","withIcon","variant","MessageVariant","SENT","RECEIVED","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","Alternatives","onPressAlternative","hasMessages","length","exports","StyleSheet","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/components/Alternatives/Alternatives.js

@@ -3,6 +3,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useStoreMap, useUnit } from 'effector-react';
+import { COLORS } from '@magmamath/react-native-ui';
 import { HelpRequestOption } from "./HelpRequestOption.js";
 import { useChatModel } from "../../context/ChatBotModelContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -21,6 +22,7 @@ export const Alternatives = ({
     const lastMessage = messages.at(-1);
     return lastMessage?.options ?? [];
   });
+  const context = useUnit(model.$context);
   const options = (() => {
     if (hasMessages) return lastMessageOptions;
     if (isHintFeedback) return alternatives?.options.hints ?? [];
@@ -34,7 +36,8 @@ export const Alternatives = ({
     }, index) => /*#__PURE__*/_jsx(HelpRequestOption, {
       onPress: () => onPressAlternative(text, translatedText),
       message: isTranslated ? translatedText : text,
-      disabled: isTranslationPending
+      disabled: isTranslationPending,
+      hoverColor: context?.isPracticeMode ? COLORS.PRIMARY_YELLOW : COLORS.PRIMARY_BLUE
     }, index))
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useStoreMap","useUnit","HelpRequestOption","useChatModel","jsx","_jsx","Alternatives","onPressAlternative","hasMessages","isHintFeedback","model","isTranslated","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","lastMessageOptions","$currentChatData","messages","lastMessage","at","options","hints","default","style","styles","container","children","map","text","translatedText","index","onPress","message","disabled","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AACrD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,sCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQhE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAGP,YAAY,CAAC,CAAC;EAC5B,MAAMQ,YAAY,GAAGV,OAAO,CAACS,KAAK,CAACE,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAGb,OAAO,CAACS,KAAK,CAACK,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAGf,OAAO,CAACS,KAAK,CAACE,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,kBAAkB,GAAGnB,WAAW,CAACU,KAAK,CAACU,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,MAAMA,OAAO,GAAG,CAAC,MAAM;IACrB,IAAIhB,WAAW,EAAE,OAAOW,kBAAkB;IAC1C,IAAIV,cAAc,EAAE,OAAOK,YAAY,EAAEU,OAAO,CAACC,KAAK,IAAI,EAAE;IAC5D,OAAOX,YAAY,EAAEU,OAAO,CAACE,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACErB,IAAA,CAACN,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BN,OAAO,CAACO,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C7B,IAAA,CAACH,iBAAiB;MAEhBiC,OAAO,EAAEA,CAAA,KAAM5B,kBAAkB,CAACyB,IAAI,EAAEC,cAAc,CAAE;MACxDG,OAAO,EAAEzB,YAAY,GAAIsB,cAAc,GAAcD,IAAK;MAC1DK,QAAQ,EAAErB;IAAqB,GAH1BkB,KAIN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAG9B,UAAU,CAACwC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,cAAc,EAAE,CAAC;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useStoreMap","useUnit","COLORS","HelpRequestOption","useChatModel","jsx","_jsx","Alternatives","onPressAlternative","hasMessages","isHintFeedback","model","isTranslated","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","lastMessageOptions","$currentChatData","messages","lastMessage","at","options","context","$context","hints","default","style","styles","container","children","map","text","translatedText","index","onPress","message","disabled","hoverColor","isPracticeMode","PRIMARY_YELLOW","PRIMARY_BLUE","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,sCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQhE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAGP,YAAY,CAAC,CAAC;EAC5B,MAAMQ,YAAY,GAAGX,OAAO,CAACU,KAAK,CAACE,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAGd,OAAO,CAACU,KAAK,CAACK,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAGhB,OAAO,CAACU,KAAK,CAACE,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,kBAAkB,GAAGpB,WAAW,CAACW,KAAK,CAACU,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EACF,MAAMC,OAAO,GAAGzB,OAAO,CAACU,KAAK,CAACgB,QAAQ,CAAC;EAEvC,MAAMF,OAAO,GAAG,CAAC,MAAM;IACrB,IAAIhB,WAAW,EAAE,OAAOW,kBAAkB;IAC1C,IAAIV,cAAc,EAAE,OAAOK,YAAY,EAAEU,OAAO,CAACG,KAAK,IAAI,EAAE;IAC5D,OAAOb,YAAY,EAAEU,OAAO,CAACI,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACEvB,IAAA,CAACP,IAAI;IAAC+B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BR,OAAO,CAACS,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C/B,IAAA,CAACH,iBAAiB;MAEhBmC,OAAO,EAAEA,CAAA,KAAM9B,kBAAkB,CAAC2B,IAAI,EAAEC,cAAc,CAAE;MACxDG,OAAO,EAAE3B,YAAY,GAAIwB,cAAc,GAAcD,IAAK;MAC1DK,QAAQ,EAAEvB,oBAAqB;MAC/BwB,UAAU,EAAEf,OAAO,EAAEgB,cAAc,GAAGxC,MAAM,CAACyC,cAAc,GAAGzC,MAAM,CAAC0C;IAAa,GAJ7EP,KAKN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGjC,UAAU,CAAC+C,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,cAAc,EAAE,CAAC;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,53 +1,56 @@
 "use strict";
 
-import React from 'react';
-import { useEffect, useRef, useState } from 'react';
-import { Animated, Platform, Pressable, StyleSheet } from 'react-native';
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const transitionColor = (isHovered, value) => Animated.timing(value, {
-  toValue: isHovered ? 1 : 0,
-  duration: 200,
-  useNativeDriver: Platform.OS !== 'web'
-}).start();
 export const HelpRequestOption = ({
   onPress,
   message,
-  disabled = false
+  disabled = false,
+  hoverColor = COLORS.PRIMARY_BLUE
 }) => {
   const [isHovered, setIsHovered] = useState(false);
-  const backgroundColor = useRef(new Animated.Value(0)).current;
-  const backgroundInterpolation = backgroundColor.interpolate({
+  const hoverAnim = useRef(new Animated.Value(0)).current;
+  const backgroundColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#FFFFFF', '#55ABE0']
+    outputRange: [COLORS.NEUTRAL_1, hoverColor]
   });
-  const textColor = useRef(new Animated.Value(0)).current;
-  const textInterpolation = textColor.interpolate({
+  const textColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#33334D', '#FFFFFF']
+    outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1]
   });
   useEffect(() => {
-    transitionColor(isHovered, backgroundColor);
-    transitionColor(isHovered, textColor);
-  }, [isHovered]);
+    Animated.timing(hoverAnim, {
+      toValue: isHovered ? 1 : 0,
+      duration: 200,
+      useNativeDriver: false
+    }).start();
+  }, [isHovered, hoverAnim]);
   return /*#__PURE__*/_jsx(Pressable, {
     onHoverIn: () => setIsHovered(true),
     onHoverOut: () => setIsHovered(false),
     onPress: onPress,
     style: styles.button,
     disabled: disabled,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
     children: /*#__PURE__*/_jsxs(Animated.View, {
       style: [styles.textWrapper, {
-        backgroundColor: backgroundInterpolation
+        backgroundColor,
+        borderColor: backgroundColor
       }],
       children: [/*#__PURE__*/_jsx(Animated.Text, {
         numberOfLines: 1,
         style: [styles.text, {
-          color: textInterpolation
+          color: textColor
         }],
         children: message
       }), /*#__PURE__*/_jsx(ArrowRightIcon, {
-        color: isHovered ? '#FFFFFF' : '#33334D'
+        color: isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10
       })]
     })
   });
@@ -62,8 +65,8 @@ const styles = StyleSheet.create({
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#33334D'
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_10
   },
   textWrapper: {
     flex: 1,
@@ -71,11 +74,10 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     maxWidth: 305,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
+    paddingHorizontal: SPACING[400],
+    paddingVertical: SPACING[200],
     borderWidth: 1,
     borderRadius: 48,
-    borderColor: '#55ABE0',
     elevation: 3,
     shadowColor: '#333',
     shadowOffset: {
@@ -84,7 +86,7 @@ const styles = StyleSheet.create({
     },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: '#FFFFFF'
+    backgroundColor: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=HelpRequestOption.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Platform","Pressable","StyleSheet","ArrowRightIcon","jsx","_jsx","jsxs","_jsxs","transitionColor","isHovered","value","timing","toValue","duration","useNativeDriver","OS","start","HelpRequestOption","onPress","message","disabled","setIsHovered","backgroundColor","Value","current","backgroundInterpolation","interpolate","inputRange","outputRange","textColor","textInterpolation","onHoverIn","onHoverOut","style","styles","button","children","View","textWrapper","Text","numberOfLines","text","color","create","flexDirection","alignItems","justifyContent","width","fontSize","fontWeight","fontFamily","flex","maxWidth","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderColor","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","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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReceivedMessage","SentMessage","MessageVariant","jsx","_jsx","variantsMap","SENT","RECEIVED","ChatMessage","variant","props","Component"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAaxD,MAAMC,WAAgE,GAAG;EACvE,CAACH,cAAc,CAACI,IAAI,GAAGL,WAAW;EAClC,CAACC,cAAc,CAACK,QAAQ,GAAGP;AAC7B,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGN,WAAW,CAACI,OAAO,CAAC;EACtC,oBAAOL,IAAA,CAACO,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReceivedMessage","SentMessage","MessageVariant","jsx","_jsx","variantsMap","SENT","RECEIVED","ChatMessage","variant","props","Component"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAyB,OAAO;AAG5C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAcxD,MAAMC,WAAgE,GAAG;EACvE,CAACH,cAAc,CAACI,IAAI,GAAGL,WAAW;EAClC,CAACC,cAAc,CAACK,QAAQ,GAAGP;AAC7B,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGN,WAAW,CAACI,OAAO,CAAC;EACtC,oBAAOL,IAAA,CAACO,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC","ignoreList":[]}

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

@@ -2,14 +2,18 @@
 
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const SentMessage = /*#__PURE__*/React.memo(({
   message,
-  isTranslated
+  isTranslated,
+  backgroundColor = COLORS.PRIMARY_BLUE
 }) => {
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
+    style: [styles.container, {
+      backgroundColor
+    }],
     children: /*#__PURE__*/_jsx(Text, {
       style: styles.text,
       children: text
@@ -20,16 +24,15 @@ const styles = StyleSheet.create({
   container: {
     alignSelf: 'flex-end',
     maxWidth: 305,
-    padding: 8,
-    borderRadius: 8,
-    borderBottomRightRadius: 0,
-    backgroundColor: '#55ABE0'
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[200],
+    borderBottomRightRadius: 0
   },
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#FFF'
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SentMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","jsx","_jsx","SentMessage","memo","message","isTranslated","text","translatedMessage","style","styles","container","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","backgroundColor","fontSize","fontWeight","fontFamily","color"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGrD,OAAO,MAAMC,WAAW,gBAAGN,KAAK,CAACO,IAAI,CAAC,CAAC;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACjF,MAAMC,IAAI,GAAGD,YAAY,GAAGD,OAAO,CAACG,iBAAiB,GAAGH,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACF,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BV,IAAA,CAACH,IAAI;MAACU,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAK,QAAA,EAAEL;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMG,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,uBAAuB,EAAE,CAAC;IAC1BC,eAAe,EAAE;EACnB,CAAC;EACDZ,IAAI,EAAE;IACJa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","jsx","_jsx","SentMessage","memo","message","isTranslated","backgroundColor","PRIMARY_BLUE","text","translatedMessage","style","styles","container","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","fontSize","fontWeight","fontFamily","buenosAires","color","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIxF,OAAO,MAAMC,WAAW,gBAAGV,KAAK,CAACW,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,eAAe,GAAGT,MAAM,CAACU;AAA2B,CAAC,KAAK;EAClF,MAAMC,IAAI,GAAGH,YAAY,GAAGD,OAAO,CAACK,iBAAiB,GAAGL,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACN,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEN;IAAgB,CAAC,CAAE;IAAAO,QAAA,eACnDZ,IAAA,CAACP,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAK,QAAA,EAAEL;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMG,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAElB,OAAO,CAAC,GAAG,CAAC;IACrBmB,YAAY,EAAEtB,aAAa,CAAC,GAAG,CAAC;IAChCuB,uBAAuB,EAAE;EAC3B,CAAC;EACDX,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAExB,WAAW,CAACyB,WAAW;IACnCC,KAAK,EAAE3B,MAAM,CAAC4B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ import { ChatMessage } from "../ChatMessage/ChatMessage.js";
 import { MessageLoader } from "../ChatMessage/MessageLoader.js";
 import { Alternatives } from "../Alternatives/Alternatives.js";
 import { MessageVariant } from "../../types/model.types.js";
+import { COLORS } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TOOLBAR_HEIGHT = 140;
 const BOTTOM_OFFSET = Platform.select({
@@ -26,6 +27,7 @@ export const ChatbotMessages = ({
   const currentPlayingId = useUnit(model.t2s.$currentPlayingId);
   const isTranslated = useUnit(model.translation.$isTranslated);
   const audioStatus = useUnit(model.t2s.$status);
+  const context = useUnit(model.$context);
   const messages = useStoreMap(model.$currentChatData, ({
     messages
   }) => messages);
@@ -53,19 +55,23 @@ export const ChatbotMessages = ({
       },
       children: [isOpen && /*#__PURE__*/_jsxs(View, {
         style: styles.gap,
-        children: [messages.map(message => /*#__PURE__*/_jsx(ChatMessage, {
-          isTranslated: isTranslated,
-          withIcon: !message.isOwnMessage && message.id === lastMessageId,
-          message: message,
-          variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
-          t2sState: {
-            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-            isActive: message.id === currentPlayingId,
-            isLoading: isTextToSpeechPending,
-            status: audioStatus,
-            disabled: isTextToSpeechPending
-          }
-        }, message.id)), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {})]
+        children: [messages.map(message => {
+          const backgroundColor = message.isOwnMessage ? context?.isPracticeMode ? COLORS.PRIMARY_YELLOW : COLORS.PRIMARY_BLUE : COLORS.NEUTRAL_3;
+          return /*#__PURE__*/_jsx(ChatMessage, {
+            isTranslated: isTranslated,
+            withIcon: !message.isOwnMessage && message.id === lastMessageId,
+            message: message,
+            variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
+            backgroundColor: backgroundColor,
+            t2sState: {
+              isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+              isActive: message.id === currentPlayingId,
+              isLoading: isTextToSpeechPending,
+              status: audioStatus,
+              disabled: isTextToSpeechPending
+            }
+          }, message.id);
+        }), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {})]
       }), !isHelpRequestPending && isOpen && /*#__PURE__*/_jsx(Alternatives, {
         onPressAlternative: askChatForHelp,
         hasMessages: messages.length > 1,

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","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","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","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":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAC1F,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAErD,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQxD,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,aAAa,GAAGhB,QAAQ,CAACiB,MAAM,CAAC;EACpCC,GAAG,EAAE,GAAG;EACRC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,cAAc;EACdC;AACoB,CAAC,KAAK;EAC1B,MAAMC,UAAU,GAAGrB,mBAAmB,CAAC,CAAC;EACxC,MAAMsB,GAAG,GAAG1B,MAAM,CAAa,IAAI,CAAC;EACpC,MAAM2B,MAAM,GAAGpB,OAAO,CAACe,KAAK,CAACM,OAAO,CAAC;EAErC,MAAMC,oBAAoB,GAAGtB,OAAO,CAACe,KAAK,CAACQ,iBAAiB,CAACC,OAAO,CAAC;EACrE,MAAMC,qBAAqB,GAAGzB,OAAO,CAACe,KAAK,CAACW,GAAG,CAACC,kBAAkB,CAACH,OAAO,CAAC;EAE3E,MAAMI,gBAAgB,GAAG5B,OAAO,CAACe,KAAK,CAACc,GAAG,CAACC,iBAAiB,CAAC;EAC7D,MAAMC,YAAY,GAAG/B,OAAO,CAACe,KAAK,CAACiB,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,WAAW,GAAGlC,OAAO,CAACe,KAAK,CAACc,GAAG,CAACM,OAAO,CAAC;EAE9C,MAAMC,QAAQ,GAAGrC,WAAW,CAACgB,KAAK,CAACsB,gBAAgB,EAAE,CAAC;IAAED;EAAS,CAAC,KAAKA,QAAQ,CAAC;EAChF,MAAME,aAAa,GAAGF,QAAQ,CAACG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEC,EAAE;EAEzC,MAAMC,UAAU,GAAGvB,UAAU,CAACwB,MAAM,GAAGjC,cAAc,GAAGC,aAAa;EAErE,MAAMiC,cAAc,GAAGA,CAACC,OAAe,EAAEC,iBAA0B,KAAK;IACtE,KAAK9B,KAAK,CAACQ,iBAAiB,CAAC;MAAEqB,OAAO;MAAEC;IAAkB,CAAC,CAAC;EAC9D,CAAC;EAED,oBACEvC,IAAA,CAACR,IAAI;IAACgD,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,SAAS,EAAER;IAAW,CAAC,CAAE;IAAAS,QAAA,eACzD1C,KAAA,CAACb,UAAU;MACTwB,GAAG,EAAEA,GAAI;MACTgC,OAAO,EAAE,KAAM;MACfC,qBAAqB,EAAEL,MAAM,CAACM,IAAK;MACnCC,mBAAmB,EAAEA,CAACC,CAAC,EAAEb,MAAM,KAAK;QAClCvB,GAAG,CAACqC,OAAO,EAAEC,WAAW,CAAC,CAAC;QAE1B,IAAIf,MAAM,IAAID,UAAU,EAAE;UACxB1B,KAAK,CAAC2C,eAAe,CAAC,IAAI,CAAC;QAC7B;MACF,CAAE;MAAAR,QAAA,GAED9B,MAAM,iBACLZ,KAAA,CAACV,IAAI;QAACgD,KAAK,EAAEC,MAAM,CAACY,GAAI;QAAAT,QAAA,GACrBd,QAAQ,CAACwB,GAAG,CAAEhB,OAAO,iBACpBtC,IAAA,CAACL,WAAW;UAEV8B,YAAY,EAAEA,YAAa;UAC3B8B,QAAQ,EAAE,CAACjB,OAAO,CAACkB,YAAY,IAAIlB,OAAO,CAACJ,EAAE,KAAKF,aAAc;UAChEM,OAAO,EAAEA,OAAQ;UACjBmB,OAAO,EAAEnB,OAAO,CAACkB,YAAY,GAAG1D,cAAc,CAAC4D,IAAI,GAAG5D,cAAc,CAAC6D,QAAS;UAC9EC,QAAQ,EAAE;YACRC,SAAS,EAAElD,qBAAqB,IAAI,CAAC2B,OAAO,CAACkB,YAAY;YACzDM,QAAQ,EAAExB,OAAO,CAACJ,EAAE,KAAKZ,gBAAgB;YACzCyC,SAAS,EAAE5C,qBAAqB;YAChC6C,MAAM,EAAEpC,WAAW;YACnBqC,QAAQ,EAAE9C;UACZ;QAAE,GAXGmB,OAAO,CAACJ,EAYd,CACF,CAAC,EAEDlB,oBAAoB,iBAAIhB,IAAA,CAACJ,aAAa,IAAE,CAAC;MAAA,CACtC,CACP,EAEA,CAACoB,oBAAoB,IAAIF,MAAM,iBAC9Bd,IAAA,CAACH,YAAY;QACXqE,kBAAkB,EAAE7B,cAAe;QACnC8B,WAAW,EAAErC,QAAQ,CAACsC,MAAM,GAAG,CAAE;QACjC1D,cAAc,EAAEA;MAAe,CAChC,CACF;IAAA,CACS;EAAC,CACT,CAAC;AAEX,CAAC;AAED,MAAM+B,MAAM,GAAGnD,UAAU,CAAC+E,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,UAAU;IACtBC,KAAK,EAAE,GAAG;IACVpC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAE;IACJwB,UAAU,EAAE,UAAU;IACtBE,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDrB,GAAG,EAAE;IACHiB,IAAI,EAAE,CAAC;IACPjB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","Alternatives","MessageVariant","COLORS","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","context","$context","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","backgroundColor","isOwnMessage","isPracticeMode","PRIMARY_YELLOW","PRIMARY_BLUE","NEUTRAL_3","withIcon","variant","SENT","RECEIVED","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/typescript/commonjs/features/chatbot/components/Alternatives/Alternatives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA4BnB,CAAA"}
+{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA8BnB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Alternatives/HelpRequestOption.d.ts

@@ -3,7 +3,8 @@ type HelpRequestOptionProps = {
     onPress: () => void;
     message: string;
     disabled: boolean;
+    hoverColor?: string;
 };
-export declare const HelpRequestOption: ({ onPress, message, disabled, }: HelpRequestOptionProps) => React.JSX.Element;
+export declare const HelpRequestOption: ({ onPress, message, disabled, hoverColor, }: HelpRequestOptionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=HelpRequestOption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAI3B,sBAAsB,sBAoCxB,CAAA"}
+{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,sBAyCxB,CAAA"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Colors } from '@magmamath/react-native-ui';
 import { T2SState } from '../../types/t2s.types';
 import { MessageVariant } from '../../types/model.types';
 import { ConversationMessage } from '../../types/units.types';
@@ -8,6 +9,7 @@ type ChatMessageProps = {
     t2sState: T2SState;
     isTranslated?: boolean;
     withIcon?: boolean;
+    backgroundColor?: Colors;
 };
 export type VariantProps = Omit<ChatMessageProps, 'variant'>;
 export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/SentMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VariantProps } from './ChatMessage';
-export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated }: VariantProps) => React.JSX.Element>;
+export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated, backgroundColor }: VariantProps) => React.JSX.Element>;
 //# sourceMappingURL=SentMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,wDAA0C,YAAY,uBAQ5E,CAAA"}
+{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,yEAC6C,YAAY,uBAShF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBAoEtB,CAAA"}
+{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBA8EtB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/types/model.types.d.ts

@@ -73,6 +73,7 @@ export type ChatbotContext = {
     answer?: string | string[];
     translationTargetLanguage: string;
     imageDescription?: string;
+    isPracticeMode?: boolean;
 };
 export {};
 //# sourceMappingURL=model.types.d.ts.map

package/dist/typescript/commonjs/features/chatbot/types/model.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA4BnB,CAAA"}
+{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA8BnB,CAAA"}

package/dist/typescript/module/features/chatbot/components/Alternatives/HelpRequestOption.d.ts

@@ -3,7 +3,8 @@ type HelpRequestOptionProps = {
     onPress: () => void;
     message: string;
     disabled: boolean;
+    hoverColor?: string;
 };
-export declare const HelpRequestOption: ({ onPress, message, disabled, }: HelpRequestOptionProps) => React.JSX.Element;
+export declare const HelpRequestOption: ({ onPress, message, disabled, hoverColor, }: HelpRequestOptionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=HelpRequestOption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAI3B,sBAAsB,sBAoCxB,CAAA"}
+{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,sBAyCxB,CAAA"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Colors } from '@magmamath/react-native-ui';
 import { T2SState } from '../../types/t2s.types';
 import { MessageVariant } from '../../types/model.types';
 import { ConversationMessage } from '../../types/units.types';
@@ -8,6 +9,7 @@ type ChatMessageProps = {
     t2sState: T2SState;
     isTranslated?: boolean;
     withIcon?: boolean;
+    backgroundColor?: Colors;
 };
 export type VariantProps = Omit<ChatMessageProps, 'variant'>;
 export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/SentMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VariantProps } from './ChatMessage';
-export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated }: VariantProps) => React.JSX.Element>;
+export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated, backgroundColor }: VariantProps) => React.JSX.Element>;
 //# sourceMappingURL=SentMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,wDAA0C,YAAY,uBAQ5E,CAAA"}
+{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,yEAC6C,YAAY,uBAShF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBAoEtB,CAAA"}
+{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBA8EtB,CAAA"}

package/dist/typescript/module/features/chatbot/types/model.types.d.ts

@@ -73,6 +73,7 @@ export type ChatbotContext = {
     answer?: string | string[];
     translationTargetLanguage: string;
     imageDescription?: string;
+    isPracticeMode?: boolean;
 };
 export {};
 //# sourceMappingURL=model.types.d.ts.map

package/dist/typescript/module/features/chatbot/types/model.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.6.10",
+  "version": "0.6.11-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

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

@@ -1,6 +1,8 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { useStoreMap, useUnit } from 'effector-react'
+import { COLORS } from '@magmamath/react-native-ui'
+
 import { HelpRequestOption } from './HelpRequestOption'
 import { useChatModel } from '../../context/ChatBotModelContext'
 
@@ -23,6 +25,7 @@ export const Alternatives = ({
     const lastMessage = messages.at(-1)
     return lastMessage?.options ?? []
   })
+  const context = useUnit(model.$context)
 
   const options = (() => {
     if (hasMessages) return lastMessageOptions
@@ -38,6 +41,7 @@ export const Alternatives = ({
           onPress={() => onPressAlternative(text, translatedText)}
           message={isTranslated ? (translatedText as string) : text}
           disabled={isTranslationPending}
+          hoverColor={context?.isPracticeMode ? COLORS.PRIMARY_YELLOW : COLORS.PRIMARY_BLUE}
         />
       ))}
     </View>

package/src/features/chatbot/components/Alternatives/HelpRequestOption.tsx

@@ -1,44 +1,40 @@
-import React from 'react'
-import { useEffect, useRef, useState } from 'react'
-import { Animated, Platform, Pressable, StyleSheet } from 'react-native'
+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'
 
-const transitionColor = (isHovered: boolean, value: Animated.Value) =>
-  Animated.timing(value, {
-    toValue: isHovered ? 1 : 0,
-    duration: 200,
-    useNativeDriver: Platform.OS !== 'web',
-  }).start()
-
 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 = useRef(new Animated.Value(0)).current
-  const backgroundInterpolation = backgroundColor.interpolate({
+  const backgroundColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#FFFFFF', '#55ABE0'],
+    outputRange: [COLORS.NEUTRAL_1, hoverColor],
   })
-
-  const textColor = useRef(new Animated.Value(0)).current
-  const textInterpolation = textColor.interpolate({
+  const textColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#33334D', '#FFFFFF'],
+    outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1],
   })
 
   useEffect(() => {
-    transitionColor(isHovered, backgroundColor)
-    transitionColor(isHovered, textColor)
-  }, [isHovered])
+    Animated.timing(hoverAnim, {
+      toValue: isHovered ? 1 : 0,
+      duration: 200,
+      useNativeDriver: false,
+    }).start()
+  }, [isHovered, hoverAnim])
 
   return (
     <Pressable
@@ -47,12 +43,16 @@ export const HelpRequestOption = ({
       onPress={onPress}
       style={styles.button}
       disabled={disabled}
+      accessibilityState={{ disabled }}
+      accessibilityRole="button"
     >
-      <Animated.View style={[styles.textWrapper, { backgroundColor: backgroundInterpolation }]}>
-        <Animated.Text numberOfLines={1} style={[styles.text, { color: textInterpolation }]}>
+      <Animated.View
+        style={[styles.textWrapper, { backgroundColor, borderColor: backgroundColor }]}
+      >
+        <Animated.Text numberOfLines={1} style={[styles.text, { color: textColor }]}>
           {message}
         </Animated.Text>
-        <ArrowRightIcon color={isHovered ? '#FFFFFF' : '#33334D'} />
+        <ArrowRightIcon color={isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10} />
       </Animated.View>
     </Pressable>
   )
@@ -68,8 +68,8 @@ const styles = StyleSheet.create({
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#33334D',
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_10,
   },
   textWrapper: {
     flex: 1,
@@ -77,16 +77,15 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     maxWidth: 305,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
+    paddingHorizontal: SPACING[400],
+    paddingVertical: SPACING[200],
     borderWidth: 1,
     borderRadius: 48,
-    borderColor: '#55ABE0',
     elevation: 3,
     shadowColor: '#333',
     shadowOffset: { width: 0, height: 1 },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: '#FFFFFF',
+    backgroundColor: COLORS.NEUTRAL_1,
   },
 })

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

@@ -1,4 +1,6 @@
 import React, { ComponentType } from 'react'
+import { Colors } from '@magmamath/react-native-ui'
+
 import { ReceivedMessage } from './ReceivedMessage'
 import { SentMessage } from './SentMessage'
 import { T2SState } from '../../types/t2s.types'
@@ -11,6 +13,7 @@ type ChatMessageProps = {
   t2sState: T2SState
   isTranslated?: boolean
   withIcon?: boolean
+  backgroundColor?: Colors
 }
 
 export type VariantProps = Omit<ChatMessageProps, 'variant'>

package/src/features/chatbot/components/ChatMessage/SentMessage.tsx

@@ -1,30 +1,33 @@
 import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
+
 import { VariantProps } from './ChatMessage'
 
-export const SentMessage = React.memo(({ message, isTranslated }: VariantProps) => {
-  const text = isTranslated ? message.translatedMessage : message.message
+export const SentMessage = React.memo(
+  ({ message, isTranslated, backgroundColor = COLORS.PRIMARY_BLUE }: VariantProps) => {
+    const text = isTranslated ? message.translatedMessage : message.message
 
-  return (
-    <View style={styles.container}>
-      <Text style={styles.text}>{text}</Text>
-    </View>
-  )
-})
+    return (
+      <View style={[styles.container, { backgroundColor }]}>
+        <Text style={styles.text}>{text}</Text>
+      </View>
+    )
+  },
+)
 
 const styles = StyleSheet.create({
   container: {
     alignSelf: 'flex-end',
     maxWidth: 305,
-    padding: 8,
-    borderRadius: 8,
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[200],
     borderBottomRightRadius: 0,
-    backgroundColor: '#55ABE0',
   },
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#FFF',
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_1,
   },
 })

package/src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx

@@ -6,6 +6,7 @@ import { ChatMessage } from '../ChatMessage/ChatMessage'
 import { MessageLoader } from '../ChatMessage/MessageLoader'
 import { Alternatives } from '../Alternatives/Alternatives'
 import { MessageVariant } from '../../types/model.types'
+import { COLORS } from '@magmamath/react-native-ui'
 
 type ChatbotMessagesProps = {
   model: ChatbotModel
@@ -34,6 +35,7 @@ export const ChatbotMessages = ({
   const currentPlayingId = useUnit(model.t2s.$currentPlayingId)
   const isTranslated = useUnit(model.translation.$isTranslated)
   const audioStatus = useUnit(model.t2s.$status)
+  const context = useUnit(model.$context)
 
   const messages = useStoreMap(model.$currentChatData, ({ messages }) => messages)
   const lastMessageId = messages.at(-1)?.id
@@ -60,22 +62,31 @@ export const ChatbotMessages = ({
       >
         {isOpen && (
           <View style={styles.gap}>
-            {messages.map((message) => (
-              <ChatMessage
-                key={message.id}
-                isTranslated={isTranslated}
-                withIcon={!message.isOwnMessage && message.id === lastMessageId}
-                message={message}
-                variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
-                t2sState={{
-                  isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-                  isActive: message.id === currentPlayingId,
-                  isLoading: isTextToSpeechPending,
-                  status: audioStatus,
-                  disabled: isTextToSpeechPending,
-                }}
-              />
-            ))}
+            {messages.map((message) => {
+              const backgroundColor = message.isOwnMessage
+                ? context?.isPracticeMode
+                  ? COLORS.PRIMARY_YELLOW
+                  : COLORS.PRIMARY_BLUE
+                : COLORS.NEUTRAL_3
+
+              return (
+                <ChatMessage
+                  key={message.id}
+                  isTranslated={isTranslated}
+                  withIcon={!message.isOwnMessage && message.id === lastMessageId}
+                  message={message}
+                  variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
+                  backgroundColor={backgroundColor}
+                  t2sState={{
+                    isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+                    isActive: message.id === currentPlayingId,
+                    isLoading: isTextToSpeechPending,
+                    status: audioStatus,
+                    disabled: isTextToSpeechPending,
+                  }}
+                />
+              )
+            })}
 
             {isHelpRequestPending && <MessageLoader />}
           </View>

package/src/features/chatbot/types/model.types.ts

@@ -104,4 +104,5 @@ export type ChatbotContext = {
   answer?: string | string[]
   translationTargetLanguage: string
   imageDescription?: string
+  isPracticeMode?: boolean
 }