@magmamath/students-features 0.1.1 → 0.1.2-fix-spanish-translation2

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

@@ -42,12 +42,24 @@ const ChatControls = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
         onPress: onPressClose,
         style: {
-          container: styles.buttonClose,
-          button: {
-            backgroundColor: '#FFF'
-          }
+          button: styles.buttonClose
         },
+        variant: _reactNativeUi.ButtonVariant.PRIMARY,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        colorScheme: _reactNativeUi.ButtonColor.GRAY,
         raiseLevel: 5,
+        customColorScheme: {
+          [_reactNativeUi.ButtonStates.DEFAULT]: {
+            backgroundColor: '#FFF',
+            borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+            raiseColor: _reactNativeUi.COLORS.NEUTRAL_5
+          },
+          [_reactNativeUi.ButtonStates.PRESSED]: {
+            backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+            borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+            raiseColor: _reactNativeUi.COLORS.NEUTRAL_5
+          }
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {})
       })]
     });
@@ -73,7 +85,11 @@ const styles = _reactNative.StyleSheet.create({
   },
   buttonClose: {
     width: 50,
-    height: 50
+    height: 50,
+    borderRadius: 50,
+    paddingHorizontal: 0,
+    borderWidth: 1.5,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
   },
   buttonTranslate: {
     alignItems: 'center',

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

@@ -1 +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":[]}
+{"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","button","buttonClose","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","GRAY","raiseLevel","customColorScheme","ButtonStates","DEFAULT","borderColor","COLORS","NEUTRAL_5","raiseColor","PRESSED","NEUTRAL_4","CloseIcon","ChatbotIcon","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","height","gap","width","borderRadius","paddingHorizontal","borderWidth","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/model/api.js

@@ -7,10 +7,35 @@ exports.ChatbotAPI = void 0;
 var _effector = require("effector");
 var _index = require("../../../lib/effector/index.js");
 class ChatbotAPI {
+  KATEX_REPLACEMENTS = {
+    '\\$': '__KATEX_DOLLAR_SYMBOL__'
+  };
+  KATEX_REPLACEMENTS_TEST = {
+    __KATEX_DOLLAR_SYMBOL__: '$'
+  };
+  replaceKatexSyntax(texts, reverse = false) {
+    const replacements = reverse ? Object.entries(this.KATEX_REPLACEMENTS_TEST) : Object.entries(this.KATEX_REPLACEMENTS);
+    return texts.map(text => replacements.reduce((newText, [pattern, placeholder]) => newText.replace(new RegExp(pattern, 'g'), placeholder), text));
+  }
   constructor(api) {
     this.postMessageFx = (0, _index.createControllerEffect)(api.postMessage);
     this.getAlternativesFx = (0, _effector.createEffect)(api.getAlternatives);
-    this.translateTextFx = (0, _effector.createEffect)(api.postTranslateText);
+    this.translateTextFx = (0, _effector.createEffect)(async payload => {
+      const response = await api.postTranslateText({
+        ...payload,
+        text: this.replaceKatexSyntax(payload.text)
+      });
+      return {
+        ...response,
+        data: {
+          ...response.data,
+          translations: response.data.translations.map(translation => ({
+            ...translation,
+            translatedText: this.replaceKatexSyntax([translation.translatedText], true)[0]
+          }))
+        }
+      };
+    });
     this.textToSpeechTextFx = (0, _effector.createEffect)(api.postTextToSpeech);
   }
 }

package/dist/commonjs/features/chatbot/model/api.js.map

@@ -1 +1 @@
-{"version":3,"names":["_effector","require","_index","ChatbotAPI","constructor","api","postMessageFx","createControllerEffect","postMessage","getAlternativesFx","createEffect","getAlternatives","translateTextFx","postTranslateText","textToSpeechTextFx","postTextToSpeech","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/model/api.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAaO,MAAME,UAAU,CAAC;EAMpBC,WAAWA,CAACC,GAA6B,EAAE;IACvC,IAAI,CAACC,aAAa,GAAG,IAAAC,6BAAsB,EAACF,GAAG,CAACG,WAAW,CAAC;IAC5D,IAAI,CAACC,iBAAiB,GAAG,IAAAC,sBAAY,EAACL,GAAG,CAACM,eAAe,CAAC;IAC1D,IAAI,CAACC,eAAe,GAAG,IAAAF,sBAAY,EAACL,GAAG,CAACQ,iBAAiB,CAAC;IAC1D,IAAI,CAACC,kBAAkB,GAAG,IAAAJ,sBAAY,EAACL,GAAG,CAACU,gBAAgB,CAAC;EAChE;AACJ;AAACC,OAAA,CAAAb,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_effector","require","_index","ChatbotAPI","KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_TEST","__KATEX_DOLLAR_SYMBOL__","replaceKatexSyntax","texts","reverse","replacements","Object","entries","map","text","reduce","newText","pattern","placeholder","replace","RegExp","constructor","api","postMessageFx","createControllerEffect","postMessage","getAlternativesFx","createEffect","getAlternatives","translateTextFx","payload","response","postTranslateText","data","translations","translation","translatedText","textToSpeechTextFx","postTextToSpeech","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/model/api.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAaO,MAAME,UAAU,CAAC;EAMdC,kBAAkB,GAAG;IAC3B,KAAK,EAAE;EACT,CAAC;EAEOC,uBAAuB,GAAG;IAChCC,uBAAuB,EAAE;EAC3B,CAAC;EAEOC,kBAAkBA,CAACC,KAAe,EAAEC,OAAO,GAAG,KAAK,EAAE;IAC3D,MAAMC,YAAY,GAAGD,OAAO,GACxBE,MAAM,CAACC,OAAO,CAAC,IAAI,CAACP,uBAAuB,CAAC,GAC5CM,MAAM,CAACC,OAAO,CAAC,IAAI,CAACR,kBAAkB,CAAC;IAE3C,OAAOI,KAAK,CAACK,GAAG,CAACC,IAAI,IACnBJ,YAAY,CAACK,MAAM,CACjB,CAACC,OAAO,EAAE,CAACC,OAAO,EAAEC,WAAW,CAAC,KAAKF,OAAO,CAACG,OAAO,CAAC,IAAIC,MAAM,CAACH,OAAO,EAAE,GAAG,CAAC,EAAEC,WAAW,CAAC,EAC3FJ,IACF,CACF,CAAC;EACH;EAEAO,WAAWA,CAACC,GAA6B,EAAE;IACzC,IAAI,CAACC,aAAa,GAAG,IAAAC,6BAAsB,EAACF,GAAG,CAACG,WAAW,CAAC;IAC5D,IAAI,CAACC,iBAAiB,GAAG,IAAAC,sBAAY,EAACL,GAAG,CAACM,eAAe,CAAC;IAC1D,IAAI,CAACC,eAAe,GAAG,IAAAF,sBAAY,EAAC,MAAOG,OAA+B,IAAK;MAC7E,MAAMC,QAAQ,GAAG,MAAMT,GAAG,CAACU,iBAAiB,CAAC;QAC3C,GAAGF,OAAO;QACVhB,IAAI,EAAE,IAAI,CAACP,kBAAkB,CAACuB,OAAO,CAAChB,IAAI;MAC5C,CAAC,CAAC;MAEF,OAAO;QACL,GAAGiB,QAAQ;QACXE,IAAI,EAAE;UACJ,GAAGF,QAAQ,CAACE,IAAI;UAChBC,YAAY,EAAEH,QAAQ,CAACE,IAAI,CAACC,YAAY,CAACrB,GAAG,CAACsB,WAAW,KAAK;YAC3D,GAAGA,WAAW;YACdC,cAAc,EAAE,IAAI,CAAC7B,kBAAkB,CAAC,CAAC4B,WAAW,CAACC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;UAC/E,CAAC,CAAC;QACJ;MACF,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAACC,kBAAkB,GAAG,IAAAV,sBAAY,EAACL,GAAG,CAACgB,gBAAgB,CAAC;EAC9D;AACF;AAACC,OAAA,CAAApC,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';
-import { Button } from '@magmamath/react-native-ui';
+import { Button, ButtonColor, ButtonSize, ButtonStates, ButtonVariant, COLORS } from '@magmamath/react-native-ui';
 import { useUnit } from 'effector-react';
 import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
 import { GlobeIcon } from "../../../../shared/icons/GlobeIcon.js";
@@ -37,12 +37,24 @@ export const ChatControls = ({
       }), /*#__PURE__*/_jsx(Button, {
         onPress: onPressClose,
         style: {
-          container: styles.buttonClose,
-          button: {
-            backgroundColor: '#FFF'
-          }
+          button: styles.buttonClose
         },
+        variant: ButtonVariant.PRIMARY,
+        size: ButtonSize.LARGE,
+        colorScheme: ButtonColor.GRAY,
         raiseLevel: 5,
+        customColorScheme: {
+          [ButtonStates.DEFAULT]: {
+            backgroundColor: '#FFF',
+            borderColor: COLORS.NEUTRAL_5,
+            raiseColor: COLORS.NEUTRAL_5
+          },
+          [ButtonStates.PRESSED]: {
+            backgroundColor: COLORS.NEUTRAL_4,
+            borderColor: COLORS.NEUTRAL_5,
+            raiseColor: COLORS.NEUTRAL_5
+          }
+        },
         children: /*#__PURE__*/_jsx(CloseIcon, {})
       })]
     });
@@ -67,7 +79,11 @@ const styles = StyleSheet.create({
   },
   buttonClose: {
     width: 50,
-    height: 50
+    height: 50,
+    borderRadius: 50,
+    paddingHorizontal: 0,
+    borderWidth: 1.5,
+    borderColor: COLORS.NEUTRAL_5
   },
   buttonTranslate: {
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["React","ActivityIndicator","Pressable","StyleSheet","View","Button","useUnit","ChatbotIcon","GlobeIcon","CloseIcon","jsx","_jsx","jsxs","_jsxs","ChatControls","model","onPressTranslate","onPressChatIcon","onPressClose","isTranslationEnabled","ButtonWrapper","isOpen","$isOpen","isTranslated","translation","$isTranslated","isTranslationPending","translateBatchFx","pending","isHelpRequestPending","sendHelpRequestFx","backgroundColor","fillColor","style","styles","container","children","onPress","disabled","buttonTranslate","color","buttonClose","button","raiseLevel","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":[]}
+{"version":3,"names":["React","ActivityIndicator","Pressable","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonStates","ButtonVariant","COLORS","useUnit","ChatbotIcon","GlobeIcon","CloseIcon","jsx","_jsx","jsxs","_jsxs","ChatControls","model","onPressTranslate","onPressChatIcon","onPressClose","isTranslationEnabled","ButtonWrapper","isOpen","$isOpen","isTranslated","translation","$isTranslated","isTranslationPending","translateBatchFx","pending","isHelpRequestPending","sendHelpRequestFx","backgroundColor","fillColor","style","styles","container","children","onPress","disabled","buttonTranslate","color","button","buttonClose","variant","PRIMARY","size","LARGE","colorScheme","GRAY","raiseLevel","customColorScheme","DEFAULT","borderColor","NEUTRAL_5","raiseColor","PRESSED","NEUTRAL_4","create","alignItems","justifyContent","flexDirection","height","gap","width","borderRadius","paddingHorizontal","borderWidth","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/model/api.js

@@ -3,10 +3,35 @@
 import { createEffect } from 'effector';
 import { createControllerEffect } from "../../../lib/effector/index.js";
 export class ChatbotAPI {
+  KATEX_REPLACEMENTS = {
+    '\\$': '__KATEX_DOLLAR_SYMBOL__'
+  };
+  KATEX_REPLACEMENTS_TEST = {
+    __KATEX_DOLLAR_SYMBOL__: '$'
+  };
+  replaceKatexSyntax(texts, reverse = false) {
+    const replacements = reverse ? Object.entries(this.KATEX_REPLACEMENTS_TEST) : Object.entries(this.KATEX_REPLACEMENTS);
+    return texts.map(text => replacements.reduce((newText, [pattern, placeholder]) => newText.replace(new RegExp(pattern, 'g'), placeholder), text));
+  }
   constructor(api) {
     this.postMessageFx = createControllerEffect(api.postMessage);
     this.getAlternativesFx = createEffect(api.getAlternatives);
-    this.translateTextFx = createEffect(api.postTranslateText);
+    this.translateTextFx = createEffect(async payload => {
+      const response = await api.postTranslateText({
+        ...payload,
+        text: this.replaceKatexSyntax(payload.text)
+      });
+      return {
+        ...response,
+        data: {
+          ...response.data,
+          translations: response.data.translations.map(translation => ({
+            ...translation,
+            translatedText: this.replaceKatexSyntax([translation.translatedText], true)[0]
+          }))
+        }
+      };
+    });
     this.textToSpeechTextFx = createEffect(api.postTextToSpeech);
   }
 }

package/dist/module/features/chatbot/model/api.js.map

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createControllerEffect","ChatbotAPI","constructor","api","postMessageFx","postMessage","getAlternativesFx","getAlternatives","translateTextFx","postTranslateText","textToSpeechTextFx","postTextToSpeech"],"sourceRoot":"../../../../../src","sources":["features/chatbot/model/api.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgB,UAAU;AAE/C,SAASC,sBAAsB,QAAQ,gCAAuB;AAa9D,OAAO,MAAMC,UAAU,CAAC;EAMpBC,WAAWA,CAACC,GAA6B,EAAE;IACvC,IAAI,CAACC,aAAa,GAAGJ,sBAAsB,CAACG,GAAG,CAACE,WAAW,CAAC;IAC5D,IAAI,CAACC,iBAAiB,GAAGP,YAAY,CAACI,GAAG,CAACI,eAAe,CAAC;IAC1D,IAAI,CAACC,eAAe,GAAGT,YAAY,CAACI,GAAG,CAACM,iBAAiB,CAAC;IAC1D,IAAI,CAACC,kBAAkB,GAAGX,YAAY,CAACI,GAAG,CAACQ,gBAAgB,CAAC;EAChE;AACJ","ignoreList":[]}
+{"version":3,"names":["createEffect","createControllerEffect","ChatbotAPI","KATEX_REPLACEMENTS","KATEX_REPLACEMENTS_TEST","__KATEX_DOLLAR_SYMBOL__","replaceKatexSyntax","texts","reverse","replacements","Object","entries","map","text","reduce","newText","pattern","placeholder","replace","RegExp","constructor","api","postMessageFx","postMessage","getAlternativesFx","getAlternatives","translateTextFx","payload","response","postTranslateText","data","translations","translation","translatedText","textToSpeechTextFx","postTextToSpeech"],"sourceRoot":"../../../../../src","sources":["features/chatbot/model/api.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgB,UAAU;AAE/C,SAASC,sBAAsB,QAAQ,gCAAuB;AAa9D,OAAO,MAAMC,UAAU,CAAC;EAMdC,kBAAkB,GAAG;IAC3B,KAAK,EAAE;EACT,CAAC;EAEOC,uBAAuB,GAAG;IAChCC,uBAAuB,EAAE;EAC3B,CAAC;EAEOC,kBAAkBA,CAACC,KAAe,EAAEC,OAAO,GAAG,KAAK,EAAE;IAC3D,MAAMC,YAAY,GAAGD,OAAO,GACxBE,MAAM,CAACC,OAAO,CAAC,IAAI,CAACP,uBAAuB,CAAC,GAC5CM,MAAM,CAACC,OAAO,CAAC,IAAI,CAACR,kBAAkB,CAAC;IAE3C,OAAOI,KAAK,CAACK,GAAG,CAACC,IAAI,IACnBJ,YAAY,CAACK,MAAM,CACjB,CAACC,OAAO,EAAE,CAACC,OAAO,EAAEC,WAAW,CAAC,KAAKF,OAAO,CAACG,OAAO,CAAC,IAAIC,MAAM,CAACH,OAAO,EAAE,GAAG,CAAC,EAAEC,WAAW,CAAC,EAC3FJ,IACF,CACF,CAAC;EACH;EAEAO,WAAWA,CAACC,GAA6B,EAAE;IACzC,IAAI,CAACC,aAAa,GAAGrB,sBAAsB,CAACoB,GAAG,CAACE,WAAW,CAAC;IAC5D,IAAI,CAACC,iBAAiB,GAAGxB,YAAY,CAACqB,GAAG,CAACI,eAAe,CAAC;IAC1D,IAAI,CAACC,eAAe,GAAG1B,YAAY,CAAC,MAAO2B,OAA+B,IAAK;MAC7E,MAAMC,QAAQ,GAAG,MAAMP,GAAG,CAACQ,iBAAiB,CAAC;QAC3C,GAAGF,OAAO;QACVd,IAAI,EAAE,IAAI,CAACP,kBAAkB,CAACqB,OAAO,CAACd,IAAI;MAC5C,CAAC,CAAC;MAEF,OAAO;QACL,GAAGe,QAAQ;QACXE,IAAI,EAAE;UACJ,GAAGF,QAAQ,CAACE,IAAI;UAChBC,YAAY,EAAEH,QAAQ,CAACE,IAAI,CAACC,YAAY,CAACnB,GAAG,CAACoB,WAAW,KAAK;YAC3D,GAAGA,WAAW;YACdC,cAAc,EAAE,IAAI,CAAC3B,kBAAkB,CAAC,CAAC0B,WAAW,CAACC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;UAC/E,CAAC,CAAC;QACJ;MACF,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAACC,kBAAkB,GAAGlC,YAAY,CAACqB,GAAG,CAACc,gBAAgB,CAAC;EAC9D;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA+CnB,CAAA"}
+{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA2DnB,CAAA"}

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

@@ -7,6 +7,9 @@ export declare class ChatbotAPI {
     getAlternativesFx: Effect<void, GetAlternativesResponse>;
     translateTextFx: Effect<GoogleTranslatePayload, GoogleTranslateResponse>;
     textToSpeechTextFx: Effect<GoogleText2SpeechPayload, GoogleText2SpeechResponse>;
+    private KATEX_REPLACEMENTS;
+    private KATEX_REPLACEMENTS_TEST;
+    private replaceKatexSyntax;
     constructor(api: ChatbotModelProps['api']);
 }
 //# sourceMappingURL=api.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EACH,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAC5B,MAAM,oBAAoB,CAAA;AAE3B,qBAAa,UAAU;IACnB,aAAa,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IACxE,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAA;IACxD,eAAe,EAAE,MAAM,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAA;IACxE,kBAAkB,EAAE,MAAM,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;gBAEnE,GAAG,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAM5C"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,oBAAoB,CAAA;AAE3B,qBAAa,UAAU;IACrB,aAAa,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IACxE,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAA;IACxD,eAAe,EAAE,MAAM,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAA;IACxE,kBAAkB,EAAE,MAAM,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;IAE/E,OAAO,CAAC,kBAAkB,CAEhB;IAEV,OAAO,CAAC,uBAAuB,CAErB;IAEV,OAAO,CAAC,kBAAkB;gBAad,GAAG,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAsB1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA+CnB,CAAA"}
+{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA2DnB,CAAA"}

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

@@ -7,6 +7,9 @@ export declare class ChatbotAPI {
     getAlternativesFx: Effect<void, GetAlternativesResponse>;
     translateTextFx: Effect<GoogleTranslatePayload, GoogleTranslateResponse>;
     textToSpeechTextFx: Effect<GoogleText2SpeechPayload, GoogleText2SpeechResponse>;
+    private KATEX_REPLACEMENTS;
+    private KATEX_REPLACEMENTS_TEST;
+    private replaceKatexSyntax;
     constructor(api: ChatbotModelProps['api']);
 }
 //# sourceMappingURL=api.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EACH,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAC5B,MAAM,oBAAoB,CAAA;AAE3B,qBAAa,UAAU;IACnB,aAAa,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IACxE,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAA;IACxD,eAAe,EAAE,MAAM,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAA;IACxE,kBAAkB,EAAE,MAAM,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;gBAEnE,GAAG,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAM5C"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAG/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,oBAAoB,CAAA;AAE3B,qBAAa,UAAU;IACrB,aAAa,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IACxE,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAA;IACxD,eAAe,EAAE,MAAM,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAA;IACxE,kBAAkB,EAAE,MAAM,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAA;IAE/E,OAAO,CAAC,kBAAkB,CAEhB;IAEV,OAAO,CAAC,uBAAuB,CAErB;IAEV,OAAO,CAAC,kBAAkB;gBAad,GAAG,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAsB1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.1.1",
+  "version": "0.1.2-fix-spanish-translation2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",
@@ -17,17 +17,17 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@magmamath/react-native-ui": "0.1.15",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-svg": "^15.10.0"
+    "react-native-svg": "^15.10.0",
+    "@magmamath/react-native-ui": "*"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.1.15",
+    "@magmamath/react-native-ui": "0.3.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

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

@@ -1,7 +1,14 @@
 import React from 'react'
 import { ComponentType, PropsWithChildren } from 'react'
 import { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native'
-import { Button } from '@magmamath/react-native-ui'
+import {
+  Button,
+  ButtonColor,
+  ButtonSize,
+  ButtonStates,
+  ButtonVariant,
+  COLORS,
+} from '@magmamath/react-native-ui'
 import { useUnit } from 'effector-react'
 import { ChatbotModel } from '../../model/model'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
@@ -49,12 +56,24 @@ export const ChatControls = ({
         <Button
           onPress={onPressClose}
           style={{
-            container: styles.buttonClose,
-            button: {
+            button: styles.buttonClose,
+          }}
+          variant={ButtonVariant.PRIMARY}
+          size={ButtonSize.LARGE}
+          colorScheme={ButtonColor.GRAY}
+          raiseLevel={5}
+          customColorScheme={{
+            [ButtonStates.DEFAULT]: {
               backgroundColor: '#FFF',
+              borderColor: COLORS.NEUTRAL_5,
+              raiseColor: COLORS.NEUTRAL_5,
+            },
+            [ButtonStates.PRESSED]: {
+              backgroundColor: COLORS.NEUTRAL_4,
+              borderColor: COLORS.NEUTRAL_5,
+              raiseColor: COLORS.NEUTRAL_5,
             },
           }}
-          raiseLevel={5}
         >
           <CloseIcon />
         </Button>
@@ -84,6 +103,10 @@ const styles = StyleSheet.create({
   buttonClose: {
     width: 50,
     height: 50,
+    borderRadius: 50,
+    paddingHorizontal: 0,
+    borderWidth: 1.5,
+    borderColor: COLORS.NEUTRAL_5,
   },
   buttonTranslate: {
     alignItems: 'center',

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

@@ -4,25 +4,62 @@ import { createControllerEffect } from '../../../lib/effector'
 import { ControlledEffect } from '../../../lib/effector/createControllerEffect'
 import { ChatbotModelProps } from '../types/model.types'
 import {
-    GetAlternativesResponse,
-    PostMessagePayload,
-    PostMessageResponse,
-    GoogleTranslatePayload,
-    GoogleTranslateResponse,
-    GoogleText2SpeechPayload,
-    GoogleText2SpeechResponse,
+  GetAlternativesResponse,
+  PostMessagePayload,
+  PostMessageResponse,
+  GoogleTranslatePayload,
+  GoogleTranslateResponse,
+  GoogleText2SpeechPayload,
+  GoogleText2SpeechResponse,
 } from '../types/api.types'
 
 export class ChatbotAPI {
-    postMessageFx: ControlledEffect<PostMessagePayload, PostMessageResponse>
-    getAlternativesFx: Effect<void, GetAlternativesResponse>
-    translateTextFx: Effect<GoogleTranslatePayload, GoogleTranslateResponse>
-    textToSpeechTextFx: Effect<GoogleText2SpeechPayload, GoogleText2SpeechResponse>
-
-    constructor(api: ChatbotModelProps['api']) {
-        this.postMessageFx = createControllerEffect(api.postMessage)
-        this.getAlternativesFx = createEffect(api.getAlternatives)
-        this.translateTextFx = createEffect(api.postTranslateText)
-        this.textToSpeechTextFx = createEffect(api.postTextToSpeech)
-    }
+  postMessageFx: ControlledEffect<PostMessagePayload, PostMessageResponse>
+  getAlternativesFx: Effect<void, GetAlternativesResponse>
+  translateTextFx: Effect<GoogleTranslatePayload, GoogleTranslateResponse>
+  textToSpeechTextFx: Effect<GoogleText2SpeechPayload, GoogleText2SpeechResponse>
+
+  private KATEX_REPLACEMENTS = {
+    '\\$': '__KATEX_DOLLAR_SYMBOL__',
+  } as const
+
+  private KATEX_REPLACEMENTS_TEST = {
+    __KATEX_DOLLAR_SYMBOL__: '$',
+  } as const
+
+  private replaceKatexSyntax(texts: string[], reverse = false) {
+    const replacements = reverse
+      ? Object.entries(this.KATEX_REPLACEMENTS_TEST)
+      : Object.entries(this.KATEX_REPLACEMENTS)
+
+    return texts.map(text =>
+      replacements.reduce(
+        (newText, [pattern, placeholder]) => newText.replace(new RegExp(pattern, 'g'), placeholder),
+        text,
+      ),
+    )
+  }
+
+  constructor(api: ChatbotModelProps['api']) {
+    this.postMessageFx = createControllerEffect(api.postMessage)
+    this.getAlternativesFx = createEffect(api.getAlternatives)
+    this.translateTextFx = createEffect(async (payload: GoogleTranslatePayload) => {
+      const response = await api.postTranslateText({
+        ...payload,
+        text: this.replaceKatexSyntax(payload.text),
+      })
+
+      return {
+        ...response,
+        data: {
+          ...response.data,
+          translations: response.data.translations.map(translation => ({
+            ...translation,
+            translatedText: this.replaceKatexSyntax([translation.translatedText], true)[0],
+          })),
+        },
+      }
+    })
+    this.textToSpeechTextFx = createEffect(api.postTextToSpeech)
+  }
 }