@magmamath/students-features 0.6.0 → 0.6.1-2.rc-2

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

@@ -9,12 +9,15 @@ var _reactNative = require("react-native");
 var _effectorReact = require("effector-react");
 var _HelpRequestOption = require("./HelpRequestOption.js");
 var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
+var _styleTypes = require("../../types/style.types.js");
+var _constants = require("../../constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Alternatives = ({
   onPressAlternative,
   hasMessages,
-  isHintFeedback
+  isHintFeedback,
+  colorScheme = _styleTypes.ColorScheme.Blue
 }) => {
   const model = (0, _ChatBotModelContext.useChatModel)();
   const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
@@ -39,7 +42,8 @@ const Alternatives = ({
     }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpRequestOption.HelpRequestOption, {
       onPress: () => onPressAlternative(text, translatedText),
       message: isTranslated ? translatedText : text,
-      disabled: isTranslationPending
+      disabled: isTranslationPending,
+      hoverColor: _constants.CONTROLS_COLORS_MAP[colorScheme].hover
     }, 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","_HelpRequestOption","_ChatBotModelContext","_styleTypes","_constants","_jsxRuntime","e","__esModule","default","Alternatives","onPressAlternative","hasMessages","isHintFeedback","colorScheme","ColorScheme","Blue","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","hoverColor","CONTROLS_COLORS_MAP","hover","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;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS9C,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC,cAAc;EACdC,WAAW,GAAGC,uBAAW,CAACC;AACT,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,IAAItB,WAAW,EAAE,OAAOgB,kBAAkB;IAC1C,IAAIf,cAAc,EAAE,OAAOU,YAAY,EAAEW,OAAO,CAACC,KAAK,IAAI,EAAE;IAC5D,OAAOZ,YAAY,EAAEW,OAAO,CAACzB,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACE,IAAAH,WAAA,CAAA8B,GAAA,EAACpC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BP,OAAO,CAACQ,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C,IAAAvC,WAAA,CAAA8B,GAAA,EAAClC,kBAAA,CAAA4C,iBAAiB;MAEhBC,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAACgC,IAAI,EAAEC,cAAc,CAAE;MACxDI,OAAO,EAAE7B,YAAY,GAAIyB,cAAc,GAAcD,IAAK;MAC1DM,QAAQ,EAAExB,oBAAqB;MAC/ByB,UAAU,EAAEC,8BAAmB,CAACrC,WAAW,CAAC,CAACsC;IAAM,GAJ9CP,KAKN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAQ,OAAA,CAAA3C,YAAA,GAAAA,YAAA;AAED,MAAM6B,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,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;AAYxD,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;AAEA,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;AAgBxD,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/MessageButtonsBlock.js

@@ -6,23 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageButtonsBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _ErrorSpottingButton = require("../../errorSpotting/ErrorSpottingButton.js");
 var _MessageTextToSpeech = require("./MessageTextToSpeech.js");
-var _reactNativeUi = require("@magmamath/react-native-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MessageButtonsBlock = ({
   t2sState,
-  message
+  message,
+  variant,
+  colorScheme,
+  withErrorSpotting
 }) => {
   if (!t2sState.isEnabled && !message.isInitial) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [!!message.isInitial && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorSpottingButton.ErrorSpottingButton, {
+    children: [withErrorSpotting && !!message.isInitial && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorSpottingButton.ErrorSpottingButton, {
       contextMessage: message
     }), t2sState.isEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageTextToSpeech.MessageTextToSpeech, {
       state: t2sState,
-      message: message
+      message: message,
+      variant: variant,
+      colorScheme: colorScheme
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ErrorSpottingButton","_MessageTextToSpeech","_reactNativeUi","_jsxRuntime","e","__esModule","default","MessageButtonsBlock","t2sState","message","isEnabled","isInitial","jsxs","View","style","styles","container","children","jsx","ErrorSpottingButton","contextMessage","MessageTextToSpeech","state","exports","StyleSheet","create","flexDirection","gap","marginLeft","IS_WEB","float","position","bottom","right"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ5C,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAkC,CAAC,KAAK;EACtF,IAAI,CAACD,QAAQ,CAACE,SAAS,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3B,CAAC,CAACR,OAAO,CAACE,SAAS,iBAAI,IAAAR,WAAA,CAAAe,GAAA,EAAClB,oBAAA,CAAAmB,mBAAmB;MAACC,cAAc,EAAEX;IAAQ,CAAE,CAAC,EACvED,QAAQ,CAACE,SAAS,iBAAI,IAAAP,WAAA,CAAAe,GAAA,EAACjB,oBAAA,CAAAoB,mBAAmB;MAACC,KAAK,EAAEd,QAAS;MAACC,OAAO,EAAEA;IAAQ,CAAE,CAAC;EAAA,CAC7E,CAAC;AAEX,CAAC;AAAAc,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA;AAED,MAAMQ,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClB,IAAIC,qBAAM,GACN;MAAEC,KAAK,EAAE;IAAQ,CAAC,GAClB;MACEC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ErrorSpottingButton","_MessageTextToSpeech","_jsxRuntime","e","__esModule","default","MessageButtonsBlock","t2sState","message","variant","colorScheme","withErrorSpotting","isEnabled","isInitial","jsxs","View","style","styles","container","children","jsx","ErrorSpottingButton","contextMessage","MessageTextToSpeech","state","exports","StyleSheet","create","flexDirection","gap","marginLeft","IS_WEB","float","position","bottom","right"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageButtonsBlock.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAepD,MAAMG,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACJ,QAAQ,CAACK,SAAS,IAAI,CAACJ,OAAO,CAACK,SAAS,EAAE,OAAO,IAAI;EAE1D,oBACE,IAAAX,WAAA,CAAAY,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BR,iBAAiB,IAAI,CAAC,CAACH,OAAO,CAACK,SAAS,iBAAI,IAAAX,WAAA,CAAAkB,GAAA,EAACpB,oBAAA,CAAAqB,mBAAmB;MAACC,cAAc,EAAEd;IAAQ,CAAE,CAAC,EAC5FD,QAAQ,CAACK,SAAS,iBACjB,IAAAV,WAAA,CAAAkB,GAAA,EAACnB,oBAAA,CAAAsB,mBAAmB;MAClBC,KAAK,EAAEjB,QAAS;MAChBC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA;IAAY,CAC1B,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA;AAED,MAAMW,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE,MAAM;IAClB,IAAIC,qBAAM,GACN;MAAEC,KAAK,EAAE;IAAQ,CAAC,GAClB;MACEC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -4,29 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageContent = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _styleTypes = require("../../types/style.types.js");
 var _MessageButtonsBlock = require("./MessageButtonsBlock.js");
 var _helpers = require("./helpers.js");
-var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MessageContentWeb = ({
   message,
   text,
-  t2sState
+  t2sState,
+  variant,
+  colorScheme = _styleTypes.ColorScheme.Blue,
+  withErrorSpotting
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
     style: styles.messageText,
     children: [text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
       message: message,
-      t2sState: t2sState
+      t2sState: t2sState,
+      variant: variant,
+      colorScheme: colorScheme,
+      withErrorSpotting: withErrorSpotting
     })]
   });
 };
 const MessageContentMobile = ({
   message,
   text,
-  t2sState
+  t2sState,
+  variant,
+  colorScheme = _styleTypes.ColorScheme.Blue,
+  withErrorSpotting
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
@@ -38,7 +48,10 @@ const MessageContentMobile = ({
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageButtonsBlock.MessageButtonsBlock, {
       message: message,
-      t2sState: t2sState
+      t2sState: t2sState,
+      variant: variant,
+      colorScheme: colorScheme,
+      withErrorSpotting: withErrorSpotting
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_MessageButtonsBlock","_helpers","_react","_interopRequireDefault","_jsxRuntime","e","__esModule","default","MessageContentWeb","message","text","t2sState","jsxs","Text","style","styles","messageText","children","jsx","MessageButtonsBlock","MessageContentMobile","Fragment","mobileMessageText","View","width","getSpacerSize","MessageContent","exports","Platform","select","web","StyleSheet","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAyB,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzB,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAA8B,CAAC,KAAK;EAC9E,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAC,QAAA,GAC7BP,IAAI,eACL,IAAAN,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAmB,mBAAmB;MAACV,OAAO,EAAEA,OAAQ;MAACE,QAAQ,EAAEA;IAAS,CAAE,CAAC;EAAA,CACzD,CAAC;AAEX,CAAC;AAED,MAAMS,oBAAoB,GAAGA,CAAC;EAAEX,OAAO;EAAEC,IAAI;EAAEC;AAA8B,CAAC,KAAK;EACjF,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAiB,QAAA;IAAAJ,QAAA,gBACE,IAAAb,WAAA,CAAAQ,IAAA,EAACd,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAED,MAAM,CAACO,iBAAiB,CAAE;MAAAL,QAAA,GACzDP,IAAI,eACL,IAAAN,WAAA,CAAAc,GAAA,EAACpB,YAAA,CAAAyB,IAAI;QAACT,KAAK,EAAE;UAAEU,KAAK,EAAE,IAAAC,sBAAa,EAAChB,OAAO,EAAEE,QAAQ;QAAE;MAAE,CAAE,CAAC;IAAA,CACxD,CAAC,eACP,IAAAP,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAmB,mBAAmB;MAACV,OAAO,EAAEA,OAAQ;MAACE,QAAQ,EAAEA;IAAS,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEP,CAAC;AAEM,MAAMe,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,qBAAQ,CAACC,MAAM,CAAC;EAC5CC,GAAG,EAAEtB,iBAAiB;EACtBD,OAAO,EAAEa;AACX,CAAC,CAAC;AAEF,MAAML,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,WAAW,EAAE;IACXiB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE,SAAS;IAChBb,KAAK,EAAE;EACT,CAAC;EACDF,iBAAiB,EAAE;IACjBgB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleTypes","_MessageButtonsBlock","_helpers","_jsxRuntime","e","__esModule","default","MessageContentWeb","message","text","t2sState","variant","colorScheme","ColorScheme","Blue","withErrorSpotting","jsxs","Text","style","styles","messageText","children","jsx","MessageButtonsBlock","MessageContentMobile","Fragment","mobileMessageText","View","width","getSpacerSize","MessageContent","exports","Platform","select","web","StyleSheet","create","flex","fontSize","fontWeight","fontFamily","color","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAyC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYzC,MAAMG,iBAAiB,GAAGA,CAAC;EACzBC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAGC,uBAAW,CAACC,IAAI;EAC9BC;AACmB,CAAC,KAAK;EACzB,oBACE,IAAAZ,WAAA,CAAAa,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAC,QAAA,GAC7BZ,IAAI,eACL,IAAAN,WAAA,CAAAmB,GAAA,EAACrB,oBAAA,CAAAsB,mBAAmB;MAClBf,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBG,iBAAiB,EAAEA;IAAkB,CACtC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,oBAAoB,GAAGA,CAAC;EAC5BhB,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,WAAW,GAAGC,uBAAW,CAACC,IAAI;EAC9BC;AACmB,CAAC,KAAK;EACzB,oBACE,IAAAZ,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAsB,QAAA;IAAAJ,QAAA,gBACE,IAAAlB,WAAA,CAAAa,IAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAED,MAAM,CAACO,iBAAiB,CAAE;MAAAL,QAAA,GACzDZ,IAAI,eACL,IAAAN,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAA4B,IAAI;QAACT,KAAK,EAAE;UAAEU,KAAK,EAAE,IAAAC,sBAAa,EAACrB,OAAO,EAAEE,QAAQ;QAAE;MAAE,CAAE,CAAC;IAAA,CACxD,CAAC,eACP,IAAAP,WAAA,CAAAmB,GAAA,EAACrB,oBAAA,CAAAsB,mBAAmB;MAClBf,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBG,iBAAiB,EAAEA;IAAkB,CACtC,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAEM,MAAMe,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,qBAAQ,CAACC,MAAM,CAAC;EAC5CC,GAAG,EAAE3B,iBAAiB;EACtBD,OAAO,EAAEkB;AACX,CAAC,CAAC;AAEF,MAAML,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,WAAW,EAAE;IACXiB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE,SAAS;IAChBb,KAAK,EAAE;EACT,CAAC;EACDF,iBAAiB,EAAE;IACjBgB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageLoader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
 var _ThreeDotsLoader = require("../ThreeDotsLoader/ThreeDotsLoader.js");
+var _constants = require("../../constants.js");
+var _styleTypes = require("../../types/style.types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageLoader = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+const MessageLoader = ({
+  colorScheme = _styleTypes.ColorScheme.Blue
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
   style: styles.container,
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.icon,
@@ -20,7 +25,9 @@ const MessageLoader = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View
     })
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.loader,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThreeDotsLoader.ThreeDotsLoader, {})
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThreeDotsLoader.ThreeDotsLoader, {
+      backgroundColor: _constants.CONTROLS_COLORS_MAP[colorScheme].background
+    })
   })]
 });
 exports.MessageLoader = MessageLoader;
@@ -51,7 +58,7 @@ const styles = _reactNative.StyleSheet.create({
     elevation: 3,
     borderRadius: 8,
     borderBottomLeftRadius: 0,
-    backgroundColor: '#F2F2F4'
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
   }
 });
 //# sourceMappingURL=MessageLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatbotIcon","_ThreeDotsLoader","_jsxRuntime","e","__esModule","default","MessageLoader","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","height","loader","ThreeDotsLoader","exports","StyleSheet","create","flexDirection","alignItems","alignSelf","marginRight","flex","maxWidth","padding","paddingTop","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7D,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,eACvB,IAAAV,WAAA,CAAAW,GAAA,EAACb,YAAA,CAAAe,WAAW;MAACC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE;EAAC,CAClC,CAAC,eACP,IAAAf,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACQ,MAAO;IAAAN,QAAA,eACzB,IAAAV,WAAA,CAAAW,GAAA,EAACZ,gBAAA,CAAAkB,eAAe,IAAE;EAAC,CACf,CAAC;AAAA,CACH,CACP;AAAAC,OAAA,CAAAd,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,aAAa,EAAE,KAAK;IACpBP,KAAK,EAAE,GAAG;IACVQ,UAAU,EAAE;EACd,CAAC;EACDV,IAAI,EAAE;IACJW,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDR,MAAM,EAAE;IACNS,IAAI,EAAE,CAAC;IACPJ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBI,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEhB,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCgB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ChatbotIcon","_ThreeDotsLoader","_constants","_styleTypes","_jsxRuntime","e","__esModule","default","MessageLoader","colorScheme","ColorScheme","Blue","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","height","loader","ThreeDotsLoader","backgroundColor","CONTROLS_COLORS_MAP","background","exports","StyleSheet","create","flexDirection","alignItems","alignSelf","marginRight","flex","maxWidth","padding","paddingTop","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","COLORS","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9C,MAAMG,aAAa,GAAGA,CAAC;EAAEC,WAAW,GAAGC,uBAAW,CAACC;AAAyB,CAAC,kBAClF,IAAAP,WAAA,CAAAQ,IAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,eACvB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAoB,WAAW;MAACC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE;EAAC,CAClC,CAAC,eACP,IAAAlB,WAAA,CAAAc,GAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACQ,MAAO;IAAAN,QAAA,eACzB,IAAAb,WAAA,CAAAc,GAAA,EAACjB,gBAAA,CAAAuB,eAAe;MAACC,eAAe,EAAEC,8BAAmB,CAACjB,WAAW,CAAC,CAACkB;IAAW,CAAE;EAAC,CAC7E,CAAC;AAAA,CACH,CACP;AAAAC,OAAA,CAAApB,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBV,KAAK,EAAE,GAAG;IACVW,UAAU,EAAE;EACd,CAAC;EACDb,IAAI,EAAE;IACJc,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDX,MAAM,EAAE;IACNY,IAAI,EAAE,CAAC;IACPJ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBI,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEnB,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCmB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBpB,eAAe,EAAEqB,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,25 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageTextToSpeech = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _SpeakerIcon = require("../../../../shared/icons/SpeakerIcon.js");
 var _PlayIcon = require("../../../../shared/icons/PlayIcon.js");
 var _PauseIcon = require("../../../../shared/icons/PauseIcon.js");
 var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
-var _reactNativeUi = require("@magmamath/react-native-ui");
+var _styleTypes = require("../../types/style.types.js");
+var _constants = require("../../constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TextToSpeechIcon = ({
   status,
   isActive,
-  isLoading
+  isLoading,
+  colorScheme = _styleTypes.ColorScheme.Blue
 }) => {
   if (isLoading && isActive) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      color: _constants.CONTROLS_COLORS_MAP[colorScheme].background
+    });
   }
   if (!isActive) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {
-      color: isActive ? _reactNativeUi.COLORS.PRIMARY_BLUE : undefined
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {});
   }
   if (status === 'playing') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PauseIcon.PauseIcon, {
     color: _reactNativeUi.COLORS.NEUTRAL_1
@@ -32,9 +35,7 @@ const TextToSpeechIcon = ({
   if (status === 'paused') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayIcon.PlayIcon, {
     color: _reactNativeUi.COLORS.NEUTRAL_1
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {
-    color: isActive ? _reactNativeUi.COLORS.PRIMARY_BLUE : undefined
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {});
 };
 const MessageTextToSpeech = ({
   state: {
@@ -43,7 +44,9 @@ const MessageTextToSpeech = ({
     isActive,
     isLoading
   },
-  message
+  message,
+  variant,
+  colorScheme = _styleTypes.ColorScheme.Blue
 }) => {
   const model = (0, _ChatBotModelContext.useChatModel)();
   function play() {
@@ -56,13 +59,14 @@ const MessageTextToSpeech = ({
     disabled: disabled,
     isActive: isActive,
     variant: 'secondary',
-    colorScheme: 'blue',
+    colorScheme: _constants.MESSAGE_COLORS_MAP[colorScheme][variant].icon,
     size: 'small',
     onPress: play,
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(TextToSpeechIcon, {
       isActive: isActive,
       isLoading: isLoading,
-      status: status
+      status: status,
+      colorScheme: colorScheme
     })
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_SpeakerIcon","_PlayIcon","_PauseIcon","_ChatBotModelContext","_reactNativeUi","_jsxRuntime","e","__esModule","default","TextToSpeechIcon","status","isActive","isLoading","jsx","ActivityIndicator","SpeakerIcon","color","COLORS","PRIMARY_BLUE","undefined","PauseIcon","NEUTRAL_1","PlayIcon","MessageTextToSpeech","state","disabled","message","model","useChatModel","play","t2s","isTranslated","translation","$isTranslated","getState","Button","variant","colorScheme","size","onPress","icon","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageTextToSpeech.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,oBAAA,GAAAL,OAAA;AAEA,IAAAM,cAAA,GAAAN,OAAA;AAA2D,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ3D,MAAMG,gBAAgB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EACnF,IAAIA,SAAS,IAAID,QAAQ,EAAE;IACzB,oBAAO,IAAAN,WAAA,CAAAQ,GAAA,EAACd,YAAA,CAAAe,iBAAiB,IAAE,CAAC;EAC9B;EAEA,IAAI,CAACH,QAAQ,EAAE;IACb,oBAAO,IAAAN,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAe,WAAW;MAACC,KAAK,EAAEL,QAAQ,GAAGM,qBAAM,CAACC,YAAY,GAAGC;IAAU,CAAE,CAAC;EAC3E;EAEA,IAAIT,MAAM,KAAK,SAAS,EAAE,oBAAO,IAAAL,WAAA,CAAAQ,GAAA,EAACX,UAAA,CAAAkB,SAAS;IAACJ,KAAK,EAAEC,qBAAM,CAACI;EAAU,CAAE,CAAC;EACvE,IAAIX,MAAM,KAAK,QAAQ,EAAE,oBAAO,IAAAL,WAAA,CAAAQ,GAAA,EAACZ,SAAA,CAAAqB,QAAQ;IAACN,KAAK,EAAEC,qBAAM,CAACI;EAAU,CAAE,CAAC;EACrE,oBAAO,IAAAhB,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAe,WAAW;IAACC,KAAK,EAAEL,QAAQ,GAAGM,qBAAM,CAACC,YAAY,GAAGC;EAAU,CAAE,CAAC;AAC3E,CAAC;AAOM,MAAMI,mBAAmB,GAAGA,CAAC;EAClCC,KAAK,EAAE;IAAEd,MAAM;IAAEe,QAAQ;IAAEd,QAAQ;IAAEC;EAAU,CAAC;EAChDc;AACwB,CAAC,KAAK;EAC9B,MAAMC,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAE5B,SAASC,IAAIA,CAAA,EAAG;IACd,KAAKF,KAAK,CAACG,GAAG,CAACD,IAAI,CAAC;MAClBE,YAAY,EAAEJ,KAAK,CAACK,WAAW,CAACC,aAAa,CAACC,QAAQ,CAAC,CAAC;MACxDR;IACF,CAAC,CAAC;EACJ;EAEA,oBACE,IAAArB,WAAA,CAAAQ,GAAA,EAACT,cAAA,CAAA+B,MAAM;IACLV,QAAQ,EAAEA,QAAS;IACnBd,QAAQ,EAAEA,QAAS;IACnByB,OAAO,EAAE,WAAY;IACrBC,WAAW,EAAE,MAAO;IACpBC,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEV,IAAK;IACdW,IAAI,eAAE,IAAAnC,WAAA,CAAAQ,GAAA,EAACJ,gBAAgB;MAACE,QAAQ,EAAEA,QAAS;MAACC,SAAS,EAAEA,SAAU;MAACF,MAAM,EAAEA;IAAO,CAAE;EAAE,CACtF,CAAC;AAEN,CAAC;AAAA+B,OAAA,CAAAlB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SpeakerIcon","_PlayIcon","_PauseIcon","_ChatBotModelContext","_styleTypes","_constants","_jsxRuntime","e","__esModule","default","TextToSpeechIcon","status","isActive","isLoading","colorScheme","ColorScheme","Blue","jsx","ActivityIndicator","color","CONTROLS_COLORS_MAP","background","SpeakerIcon","PauseIcon","COLORS","NEUTRAL_1","PlayIcon","MessageTextToSpeech","state","disabled","message","variant","model","useChatModel","play","t2s","isTranslated","translation","$isTranslated","getState","Button","MESSAGE_COLORS_MAP","icon","size","onPress","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageTextToSpeech.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,oBAAA,GAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAAQ,UAAA,GAAAR,OAAA;AAAyE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASzE,MAAMG,gBAAgB,GAAGA,CAAC;EACxBC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,WAAW,GAAGC,uBAAW,CAACC;AACL,CAAC,KAAK;EAC3B,IAAIH,SAAS,IAAID,QAAQ,EAAE;IACzB,oBAAO,IAAAN,WAAA,CAAAW,GAAA,EAACnB,YAAA,CAAAoB,iBAAiB;MAACC,KAAK,EAAEC,8BAAmB,CAACN,WAAW,CAAC,CAACO;IAAW,CAAE,CAAC;EAClF;EAEA,IAAI,CAACT,QAAQ,EAAE;IACb,oBAAO,IAAAN,WAAA,CAAAW,GAAA,EAACjB,YAAA,CAAAsB,WAAW,IAAE,CAAC;EACxB;EAEA,IAAIX,MAAM,KAAK,SAAS,EAAE,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAACf,UAAA,CAAAqB,SAAS;IAACJ,KAAK,EAAEK,qBAAM,CAACC;EAAU,CAAE,CAAC;EACvE,IAAId,MAAM,KAAK,QAAQ,EAAE,oBAAO,IAAAL,WAAA,CAAAW,GAAA,EAAChB,SAAA,CAAAyB,QAAQ;IAACP,KAAK,EAAEK,qBAAM,CAACC;EAAU,CAAE,CAAC;EACrE,oBAAO,IAAAnB,WAAA,CAAAW,GAAA,EAACjB,YAAA,CAAAsB,WAAW,IAAE,CAAC;AACxB,CAAC;AASM,MAAMK,mBAAmB,GAAGA,CAAC;EAClCC,KAAK,EAAE;IAAEjB,MAAM;IAAEkB,QAAQ;IAAEjB,QAAQ;IAAEC;EAAU,CAAC;EAChDiB,OAAO;EACPC,OAAO;EACPjB,WAAW,GAAGC,uBAAW,CAACC;AACF,CAAC,KAAK;EAC9B,MAAMgB,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAE5B,SAASC,IAAIA,CAAA,EAAG;IACd,KAAKF,KAAK,CAACG,GAAG,CAACD,IAAI,CAAC;MAClBE,YAAY,EAAEJ,KAAK,CAACK,WAAW,CAACC,aAAa,CAACC,QAAQ,CAAC,CAAC;MACxDT;IACF,CAAC,CAAC;EACJ;EAEA,oBACE,IAAAxB,WAAA,CAAAW,GAAA,EAAClB,cAAA,CAAAyC,MAAM;IACLX,QAAQ,EAAEA,QAAS;IACnBjB,QAAQ,EAAEA,QAAS;IACnBmB,OAAO,EAAE,WAAY;IACrBjB,WAAW,EAAE2B,6BAAkB,CAAC3B,WAAW,CAAC,CAACiB,OAAO,CAAC,CAACW,IAAK;IAC3DC,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEV,IAAK;IACdQ,IAAI,eACF,IAAApC,WAAA,CAAAW,GAAA,EAACP,gBAAgB;MACfE,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAEA,SAAU;MACrBF,MAAM,EAAEA,MAAO;MACfG,WAAW,EAAEA;IAAY,CAC1B;EACF,CACF,CAAC;AAEN,CAAC;AAAA+B,OAAA,CAAAlB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -7,18 +7,23 @@ exports.ReceivedMessage = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
+var _styleTypes = require("../../types/style.types.js");
 var _MessageContent = require("./MessageContent.js");
+var _modelTypes = require("../../types/model.types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ReceivedMessage = ({
   message,
   isTranslated,
-  t2sState
+  t2sState,
+  withIcon,
+  colorScheme = _styleTypes.ColorScheme.Blue,
+  withErrorSpotting
 }) => {
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [withIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.icon,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
         width: 60,
@@ -28,8 +33,11 @@ const ReceivedMessage = ({
       style: styles.message,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContent.MessageContent, {
         message: message,
+        variant: _modelTypes.MessageVariant.RECEIVED,
         t2sState: t2sState,
-        text: text ?? ''
+        text: text ?? '',
+        colorScheme: colorScheme,
+        withErrorSpotting: withErrorSpotting
       })
     })]
   });
@@ -41,7 +49,8 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     maxWidth: 372,
     width: 372,
-    alignItems: 'flex-end'
+    alignItems: 'flex-end',
+    justifyContent: 'flex-end'
   },
   icon: {
     alignSelf: 'flex-end',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatbotIcon","_MessageContent","_jsxRuntime","e","__esModule","default","ReceivedMessage","message","isTranslated","t2sState","text","translatedMessage","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","height","MessageContent","exports","StyleSheet","create","flex","flexDirection","maxWidth","alignItems","alignSelf","marginRight","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,eAAe,GAAGA,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC;AAAuB,CAAC,KAAK;EACpF,MAAMC,IAAI,GAAGF,YAAY,GAAGD,OAAO,CAACI,iBAAiB,GAAGJ,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAL,WAAA,CAAAU,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAf,WAAA,CAAAgB,GAAA,EAACnB,YAAA,CAAAc,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,eACvB,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAoB,WAAW;QAACC,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE;MAAG,CAAE;IAAC,CAClC,CAAC,eAEP,IAAApB,WAAA,CAAAgB,GAAA,EAACnB,YAAA,CAAAc,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACR,OAAQ;MAAAU,QAAA,eAC1B,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,eAAA,CAAAsB,cAAc;QAAChB,OAAO,EAAEA,OAAQ;QAACE,QAAQ,EAAEA,QAAS;QAACC,IAAI,EAAEA,IAAI,IAAI;MAAG,CAAE;IAAC,CACtE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAc,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAED,MAAMS,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,GAAG;IACbR,KAAK,EAAE,GAAG;IACVS,UAAU,EAAE;EACd,CAAC;EACDX,IAAI,EAAE;IACJY,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDzB,OAAO,EAAE;IACPoB,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,GAAG;IACbI,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEd,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCc,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatbotIcon","_styleTypes","_MessageContent","_modelTypes","_jsxRuntime","e","__esModule","default","ReceivedMessage","message","isTranslated","t2sState","withIcon","colorScheme","ColorScheme","Blue","withErrorSpotting","text","translatedMessage","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","height","MessageContent","variant","MessageVariant","RECEIVED","exports","StyleSheet","create","flex","flexDirection","maxWidth","alignItems","justifyContent","alignSelf","marginRight","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,eAAe,GAAGA,CAAC;EAC9BC,OAAO;EACPC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAGC,uBAAW,CAACC,IAAI;EAC9BC;AACY,CAAC,KAAK;EAClB,MAAMC,IAAI,GAAGP,YAAY,GAAGD,OAAO,CAACS,iBAAiB,GAAGT,OAAO,CAACA,OAAO;EAEvE,oBACE,IAAAL,WAAA,CAAAe,IAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BZ,QAAQ,iBACP,IAAAR,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,eACvB,IAAApB,WAAA,CAAAqB,GAAA,EAACzB,YAAA,CAAA2B,WAAW;QAACC,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE;MAAG,CAAE;IAAC,CAClC,CACP,eAED,IAAAzB,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACb,OAAQ;MAAAe,QAAA,eAC1B,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,eAAA,CAAA4B,cAAc;QACbrB,OAAO,EAAEA,OAAQ;QACjBsB,OAAO,EAAEC,0BAAc,CAACC,QAAS;QACjCtB,QAAQ,EAAEA,QAAS;QACnBM,IAAI,EAAEA,IAAI,IAAI,EAAG;QACjBJ,WAAW,EAAEA,WAAY;QACzBG,iBAAiB,EAAEA;MAAkB,CACtC;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAkB,OAAA,CAAA1B,eAAA,GAAAA,eAAA;AAED,MAAMc,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,GAAG;IACbX,KAAK,EAAE,GAAG;IACVY,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDlC,OAAO,EAAE;IACP4B,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,GAAG;IACbK,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAElB,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCkB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,15 +6,22 @@ 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 _constants = require("../../constants.js");
+var _styleTypes = require("../../types/style.types.js");
+var _modelTypes = require("../../types/model.types.js");
 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,
+  colorScheme = _styleTypes.ColorScheme.Blue
 }) => {
   const text = isTranslated ? message.translatedMessage : message.message;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
+    style: [styles.container, {
+      backgroundColor: _constants.MESSAGE_COLORS_MAP[colorScheme][_modelTypes.MessageVariant.SENT].background
+    }],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.text,
       children: text
@@ -25,16 +32,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