@magmamath/students-features 0.1.0

package/README.md

@@ -0,0 +1,33 @@
+# @magmamath/students-features
+
+Magmamath features library
+
+## Installation
+
+```sh
+npm install @magmamath/students-features
+```
+
+## Usage
+
+
+```js
+import { multiply } from '@magmamath/students-features';
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alternatives = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _HelpRequestOption = require("./HelpRequestOption.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 Alternatives = ({
+  model,
+  onPressAlternative,
+  hasMessages,
+  isHintFeedback
+}) => {
+  const assignmentId = (0, _effectorReact.useUnit)(model.credits.$assignmentId);
+  const exerciseId = (0, _effectorReact.useUnit)(model.credits.$exerciseId);
+  const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
+  const alternatives = (0, _effectorReact.useUnit)(model.$alternatives);
+  const isTranslationPending = (0, _effectorReact.useUnit)(model.translation.translateBatchFx.pending);
+  const lastMessageOptions = (0, _effectorReact.useStoreMap)({
+    store: model.messages.$state,
+    keys: [assignmentId, exerciseId],
+    fn: state => {
+      const lastMessage = state[assignmentId]?.[exerciseId]?.messages?.at(-1);
+      return lastMessage ? lastMessage.options : [];
+    }
+  });
+  const options = (0, _react.useMemo)(() => {
+    if (hasMessages) return lastMessageOptions ?? [];
+    if (isHintFeedback) return alternatives?.options.hints ?? [];
+    return alternatives?.options.default ?? [];
+  }, [hasMessages, lastMessageOptions, isHintFeedback, alternatives]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: options.map(({
+      text,
+      promptKey,
+      translatedText
+    }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpRequestOption.HelpRequestOption, {
+      onPress: () => onPressAlternative(text, promptKey, translatedText),
+      message: isTranslated ? translatedText : text,
+      disabled: isTranslationPending
+    }, index))
+  });
+};
+exports.Alternatives = Alternatives;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    width: 305,
+    marginVertical: 8,
+    gap: 8
+  }
+});
+//# sourceMappingURL=Alternatives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_HelpRequestOption","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Alternatives","model","onPressAlternative","hasMessages","isHintFeedback","assignmentId","useUnit","credits","$assignmentId","exerciseId","$exerciseId","isTranslated","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateBatchFx","pending","lastMessageOptions","useStoreMap","store","messages","$state","keys","fn","state","lastMessage","at","options","useMemo","hints","jsx","View","style","styles","container","children","map","text","promptKey","translatedText","index","HelpRequestOption","onPress","message","disabled","exports","StyleSheet","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpRequestOption = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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
+}) => {
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const backgroundColor = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const backgroundInterpolation = backgroundColor.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#FFFFFF', '#55ABE0']
+  });
+  const textColor = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const textInterpolation = textColor.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#33334D', '#FFFFFF']
+  });
+  (0, _react.useEffect)(() => {
+    transitionColor(isHovered, backgroundColor);
+    transitionColor(isHovered, textColor);
+  }, [isHovered]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    onPress: onPress,
+    style: styles.button,
+    disabled: disabled,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+      style: [styles.textWrapper, {
+        backgroundColor: backgroundInterpolation
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
+        numberOfLines: 1,
+        style: [styles.text, {
+          color: textInterpolation
+        }],
+        children: message
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowRightIcon.ArrowRightIcon, {
+        color: isHovered ? '#FFFFFF' : '#33334D'
+      })]
+    })
+  });
+};
+exports.HelpRequestOption = HelpRequestOption;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%'
+  },
+  text: {
+    fontSize: 20,
+    fontWeight: 400,
+    fontFamily: 'Buenos Aires',
+    color: '#33334D'
+  },
+  textWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    maxWidth: 305,
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderWidth: 1,
+    borderRadius: 48,
+    borderColor: '#55ABE0',
+    elevation: 3,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    backgroundColor: '#FFFFFF'
+  }
+});
+//# sourceMappingURL=HelpRequestOption.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
+var _GlobeIcon = require("../../../../shared/icons/GlobeIcon.js");
+var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChatControls = ({
+  model,
+  onPressTranslate,
+  onPressChatIcon,
+  onPressClose,
+  isTranslationEnabled,
+  ButtonWrapper
+}) => {
+  const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
+  const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
+  const isTranslationPending = (0, _effectorReact.useUnit)(model.translation.translateBatchFx.pending);
+  const isHelpRequestPending = (0, _effectorReact.useUnit)(model.sendHelpRequestFx.pending);
+  if (isOpen) {
+    const backgroundColor = isTranslated ? '#55ABE0' : '#FFF';
+    const fillColor = isTranslated ? '#FFF' : '#4D4D63';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.container,
+      children: [isTranslationEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onPressTranslate,
+        disabled: isHelpRequestPending || isTranslationPending,
+        style: [styles.buttonTranslate, {
+          backgroundColor
+        }],
+        children: isTranslationPending ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobeIcon.GlobeIcon, {
+          color: fillColor
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        onPress: onPressClose,
+        style: {
+          container: styles.buttonClose,
+          button: {
+            backgroundColor: '#FFF'
+          }
+        },
+        raiseLevel: 5,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {})
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: onPressChatIcon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {})
+      })
+    })
+  });
+};
+exports.ChatControls = ChatControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    flexDirection: 'row',
+    height: 60,
+    gap: 8
+  },
+  buttonClose: {
+    width: 50,
+    height: 50
+  },
+  buttonTranslate: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 36,
+    height: 36,
+    borderRadius: 32,
+    borderWidth: 1,
+    borderColor: '#F2F2F4',
+    shadowColor: '#333333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 3,
+    backgroundColor: '#FFF'
+  }
+});
+//# sourceMappingURL=ChatControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_GlobeIcon","_CloseIcon","_jsxRuntime","e","__esModule","default","ChatControls","model","onPressTranslate","onPressChatIcon","onPressClose","isTranslationEnabled","ButtonWrapper","isOpen","useUnit","$isOpen","isTranslated","translation","$isTranslated","isTranslationPending","translateBatchFx","pending","isHelpRequestPending","sendHelpRequestFx","backgroundColor","fillColor","jsxs","View","style","styles","container","children","jsx","Pressable","onPress","disabled","buttonTranslate","ActivityIndicator","GlobeIcon","color","Button","buttonClose","button","raiseLevel","CloseIcon","ChatbotIcon","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","height","gap","width","borderRadius","borderWidth","borderColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ReceivedMessage = require("./ReceivedMessage.js");
+var _SentMessage = require("./SentMessage.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 variantsMap = {
+  [_modelTypes.MessageVariant.SENT]: _SentMessage.SentMessage,
+  [_modelTypes.MessageVariant.RECEIVED]: _ReceivedMessage.ReceivedMessage
+};
+const ChatMessage = ({
+  variant,
+  ...props
+}) => {
+  const Component = variantsMap[variant];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    ...props
+  });
+};
+exports.ChatMessage = ChatMessage;
+//# sourceMappingURL=ChatMessage.js.map

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

@@ -0,0 +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;AAAyE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAezE,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/MessageLoader.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
+var _ThreeDotsLoader = require("../ThreeDotsLoader/ThreeDotsLoader.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, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.icon,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
+      width: 38,
+      height: 38
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.loader,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThreeDotsLoader.ThreeDotsLoader, {})
+  })]
+});
+exports.MessageLoader = MessageLoader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    width: 305
+  },
+  icon: {
+    alignSelf: 'flex-end',
+    marginRight: 8
+  },
+  loader: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    maxWidth: 70,
+    padding: 8,
+    paddingTop: 15,
+    shadowColor: '#333333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 3,
+    borderRadius: 8,
+    borderBottomLeftRadius: 0,
+    backgroundColor: '#F2F2F4'
+  }
+});
+//# sourceMappingURL=MessageLoader.js.map

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

@@ -0,0 +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","alignSelf","marginRight","flex","alignItems","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;EACT,CAAC;EACDF,IAAI,EAAE;IACJU,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDP,MAAM,EAAE;IACNQ,IAAI,EAAE,CAAC;IACPH,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,YAAY;IACxBC,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":[]}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageTextToSpeech = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _SpeakerIcon = require("../../../../shared/icons/SpeakerIcon.js");
+var _PlayIcon = require("../../../../shared/icons/PlayIcon.js");
+var _PauseIcon = require("../../../../shared/icons/PauseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TextToSpeechIcon = ({
+  status,
+  isActive,
+  isLoading
+}) => {
+  if (isLoading && isActive) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {});
+  }
+  if (!isActive) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {
+      color: isActive ? '#55ABE0' : undefined
+    });
+  }
+  if (status === 'playing') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PauseIcon.PauseIcon, {
+    color: "#FFF"
+  });
+  if (status === 'paused') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayIcon.PlayIcon, {
+    color: "#FFF"
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeakerIcon.SpeakerIcon, {
+    color: isActive ? '#55ABE0' : undefined
+  });
+};
+const MessageTextToSpeech = ({
+  status,
+  disabled,
+  isActive,
+  isLoading,
+  onPress
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  style: styles.container,
+  onPress: onPress,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    disabled: disabled,
+    onPress: onPress,
+    style: [styles.button, {
+      backgroundColor: isActive && !isLoading ? '#55ABE0' : '#FFF'
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TextToSpeechIcon, {
+      isActive: isActive,
+      isLoading: isLoading,
+      status: status
+    })
+  })
+});
+exports.MessageTextToSpeech = MessageTextToSpeech;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: 'flex-end',
+    justifyContent: 'flex-end',
+    width: 45,
+    height: '100%'
+  },
+  button: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 28,
+    height: 28,
+    padding: 1,
+    marginLeft: 'auto',
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 3,
+    borderRadius: 6,
+    borderColor: '#F2F2F4',
+    borderWidth: 0.5,
+    backgroundColor: '#FFF'
+  }
+});
+//# sourceMappingURL=MessageTextToSpeech.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_SpeakerIcon","_PlayIcon","_PauseIcon","_jsxRuntime","e","__esModule","default","TextToSpeechIcon","status","isActive","isLoading","jsx","ActivityIndicator","SpeakerIcon","color","undefined","PauseIcon","PlayIcon","MessageTextToSpeech","disabled","onPress","TouchableOpacity","style","styles","container","children","Pressable","button","backgroundColor","exports","StyleSheet","create","alignSelf","justifyContent","width","height","alignItems","padding","marginLeft","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderColor","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageTextToSpeech.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReceivedMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
+var _MessageTextToSpeech = require("./MessageTextToSpeech.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,
+  onPressTextToSpeech,
+  isTextToSpeechPending,
+  isActive,
+  audioStatus,
+  renderer,
+  withTextToSpeech = true
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.icon,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
+      width: 38,
+      height: 38
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.message,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.messageText, {
+        width: withTextToSpeech ? 240 : 305
+      }],
+      children: renderer ? renderer({
+        message,
+        variant: _modelTypes.MessageVariant.RECEIVED,
+        withTextToSpeech
+      }) : message
+    }), withTextToSpeech && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageTextToSpeech.MessageTextToSpeech, {
+      isActive: isActive,
+      isLoading: isTextToSpeechPending,
+      onPress: onPressTextToSpeech,
+      disabled: isTextToSpeechPending,
+      status: audioStatus
+    })]
+  })]
+});
+exports.ReceivedMessage = ReceivedMessage;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    maxWidth: 350,
+    width: 350
+  },
+  icon: {
+    alignSelf: 'flex-end',
+    marginRight: 8
+  },
+  message: {
+    flex: 1,
+    flexDirection: 'row',
+    maxWidth: 305,
+    padding: 8,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 3,
+    borderRadius: 8,
+    borderBottomLeftRadius: 0,
+    backgroundColor: '#F2F2F4'
+  },
+  messageText: {
+    flex: 1,
+    fontSize: 20,
+    fontWeight: 400,
+    fontFamily: 'Buenos Aires',
+    color: '#33334D'
+  }
+});
+//# sourceMappingURL=ReceivedMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatbotIcon","_MessageTextToSpeech","_modelTypes","_jsxRuntime","e","__esModule","default","ReceivedMessage","message","onPressTextToSpeech","isTextToSpeechPending","isActive","audioStatus","renderer","withTextToSpeech","jsxs","View","style","styles","container","children","jsx","icon","ChatbotIcon","width","height","Text","messageText","variant","MessageVariant","RECEIVED","MessageTextToSpeech","isLoading","onPress","disabled","status","exports","StyleSheet","create","flex","flexDirection","maxWidth","alignSelf","marginRight","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","borderBottomLeftRadius","backgroundColor","fontSize","fontWeight","fontFamily","color"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ReceivedMessage.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SentMessage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+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 = ({
+  message,
+  renderer
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.container,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: styles.text,
+    children: renderer ? renderer({
+      message,
+      variant: _modelTypes.MessageVariant.SENT,
+      withTextToSpeech: false
+    }) : message
+  })
+});
+exports.SentMessage = SentMessage;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: 'flex-end',
+    maxWidth: 305,
+    padding: 8,
+    borderRadius: 8,
+    borderBottomRightRadius: 0,
+    backgroundColor: '#55ABE0'
+  },
+  text: {
+    fontSize: 20,
+    fontWeight: 400,
+    fontFamily: 'Buenos Aires',
+    color: '#FFF'
+  }
+});
+//# sourceMappingURL=SentMessage.js.map