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

package/README.md

@@ -10,19 +10,28 @@ npm install @magmamath/students-features
 
 ## Usage
 
-
 ```js
-import { multiply } from '@magmamath/students-features';
+import { multiply } from '@magmamath/students-features'
 
 // ...
 
-const result = await multiply(3, 7);
+const result = await multiply(3, 7)
 ```
 
+## Publishing to npm
+
+1. For release candidates, use:
 
-## Contributing
+```bash
+npm publish --tag rc
+```
 
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+This will not override the latest tag (used by default installs).
+
+2. For stable production releases, use:
+```bash
+npm publish
+```
 
 ## License
 

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":"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","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":"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","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