@magmamath/students-features 0.6.14-rc.2 → 0.6.14-rc.21

package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js

@@ -16,10 +16,13 @@ var _SolutionSection = require("./SolutionSection.js");
 var _useExampleSolution = require("../hooks/useExampleSolution.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CONTAINER_HEIGHT = 593;
 const ExampleSolutionModalContent = ({
-  model,
-  payload,
-  cacheKey
+  params: {
+    model,
+    payload,
+    cacheKey
+  }
 }) => {
   const {
     result,
@@ -31,7 +34,11 @@ const ExampleSolutionModalContent = ({
   });
   const localization = (0, _effectorReact.useUnit)(_index.$localization);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
+    style: [styles.container, _reactNativeUi.IS_WEB ? {
+      maxHeight: CONTAINER_HEIGHT
+    } : {
+      height: CONTAINER_HEIGHT
+    }],
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
       align: "center",
       variant: _reactNativeUi.HeadingVariants.H2,
@@ -43,7 +50,8 @@ const ExampleSolutionModalContent = ({
       style: styles.content,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuestionSection.QuestionSection, {
         status: status,
-        question: result?.question
+        question: result?.question,
+        renderKatexComponent: model.renderKatexComponent
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SolutionSection.SolutionSection, {
         status: status,
         answer: result?.answer
@@ -60,8 +68,7 @@ const ExampleSolutionModalContent = ({
 exports.ExampleSolutionModalContent = ExampleSolutionModalContent;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    width: 880,
-    height: 593
+    width: 880
   },
   content: {
     flex: 1,
@@ -78,8 +85,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   lavaIconContainer: {
     position: 'absolute',
-    bottom: -54,
-    right: -50
+    bottom: -24,
+    right: -26
   },
   loaderContainer: {
     paddingTop: 34,
@@ -90,8 +97,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   messageBlock: {
     position: 'absolute',
-    right: 38,
-    bottom: -22
+    right: 58,
+    bottom: -12
   }
 });
 //# sourceMappingURL=ExampleSolutionModalContent.js.map

package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_MessageBlock","_LavaIcon","_QuestionSection","_SolutionSection","_useExampleSolution","_jsxRuntime","e","__esModule","default","ExampleSolutionModalContent","model","payload","cacheKey","result","status","useExampleSolution","localization","useUnit","$localization","jsxs","View","style","styles","container","children","jsx","Typography","align","variant","HeadingVariants","H2","color","COLORS","NEUTRAL_9","exampleSolution","content","QuestionSection","question","SolutionSection","answer","MessageBlock","messageBlock","LavaIcon","lavaIconContainer","exports","StyleSheet","create","width","height","flex","flexDirection","marginTop","SPACING","gap","solutionContainer","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","position","bottom","right","loaderContainer","paddingTop","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_MessageBlock","_LavaIcon","_QuestionSection","_SolutionSection","_useExampleSolution","_jsxRuntime","e","__esModule","default","CONTAINER_HEIGHT","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","useExampleSolution","localization","useUnit","$localization","jsxs","View","style","styles","container","IS_WEB","maxHeight","height","children","jsx","Typography","align","variant","HeadingVariants","H2","color","COLORS","NEUTRAL_9","exampleSolution","content","QuestionSection","question","renderKatexComponent","SolutionSection","answer","MessageBlock","messageBlock","LavaIcon","lavaIconContainer","exports","StyleSheet","create","width","flex","flexDirection","marginTop","SPACING","gap","solutionContainer","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","position","bottom","right","loaderContainer","paddingTop","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/QuestionSection.js

@@ -15,15 +15,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const QuestionSection = ({
   question,
-  status
+  status,
+  renderKatexComponent
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.scrollView,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        children: question
-      })
+    children: [question && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.katexContainer,
+      children: renderKatexComponent(question)
     }), status === _constants.ExampleSolutionStatuses.LOADING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       exiting: _reactNativeReanimated.FadeOut,
       style: styles.loaderContainer,
@@ -39,12 +38,13 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
   },
-  scrollView: {
+  katexContainer: {
     flex: 1
   },
   loaderContainer: {
     paddingTop: 34,
     position: 'absolute',
+    zIndex: 100,
     width: '100%',
     height: '100%',
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,

package/dist/commonjs/features/exampleSolution/components/QuestionSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QuestionSection","question","status","jsxs","View","style","styles","container","children","jsx","ScrollView","scrollView","Typography","ExampleSolutionStatuses","LOADING","exiting","FadeOut","loaderContainer","Loader","size","color","LoaderColor","BLUE","exports","StyleSheet","create","flex","paddingTop","position","width","height","backgroundColor","COLORS","NEUTRAL_1","justifyContent","alignItems","errorContainer","padding","SPACING","errorText","PRIMARY_RED","textAlign"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/QuestionSection.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QuestionSection","question","status","renderKatexComponent","jsxs","View","style","styles","container","children","jsx","katexContainer","ExampleSolutionStatuses","LOADING","exiting","FadeOut","loaderContainer","Loader","size","color","LoaderColor","BLUE","exports","StyleSheet","create","flex","paddingTop","position","zIndex","width","height","backgroundColor","COLORS","NEUTRAL_1","justifyContent","alignItems","errorContainer","padding","SPACING","errorText","PRIMARY_RED","textAlign"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/QuestionSection.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/SolutionSection.js

@@ -9,67 +9,93 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _constants = require("../constants.js");
-var _grid = _interopRequireDefault(require("../assets/grid.png"));
+var _grid = _interopRequireDefault(require("../assets/grid.webp"));
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CONTAINER_SIZES = {
+  width: 489,
+  height: 543
+};
+const BORDER_WIDTH = 1;
+const CONTAINER_HEIGHT_OFFSET = 160;
 const gridImagePath = !_reactNativeUi.IS_WEB ? _reactNative.Image.resolveAssetSource(_grid.default).uri : _grid.default;
 const SolutionSection = ({
   answer,
   status
 }) => {
+  const {
+    height
+  } = (0, _reactNative.useWindowDimensions)();
   const shouldShowAnswer = answer && (status === _constants.ExampleSolutionStatuses.DONE_DATA || status === _constants.ExampleSolutionStatuses.CACHE);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      source: {
-        uri: gridImagePath
-      },
-      style: [styles.gridImage, _reactNativeUi.IS_WEB && styles.gridImageWeb]
-    }), shouldShowAnswer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, _reactNativeUi.IS_WEB && {
+      maxHeight: height - CONTAINER_HEIGHT_OFFSET
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
       style: styles.solutionScroll,
       contentContainerStyle: styles.solutionScrollContent,
-      entering: status === 'cache' ? undefined : _reactNativeReanimated.FadeIn.delay(1000).duration(500),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.solutionText,
-        children: answer
+      bounces: true,
+      children: _reactNativeUi.IS_WEB ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+        resizeMode: "repeat",
+        style: [styles.gridImageWeb],
+        source: {
+          uri: gridImagePath
+        },
+        children: shouldShowAnswer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+          entering: status === 'cache' ? undefined : _reactNativeReanimated.FadeIn.delay(1000).duration(500),
+          style: styles.solutionText,
+          children: answer
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+          resizeMode: "repeat",
+          style: styles.gridImageRn,
+          source: {
+            uri: gridImagePath
+          }
+        }), shouldShowAnswer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+          entering: status === 'cache' ? undefined : _reactNativeReanimated.FadeIn.delay(1000).duration(500),
+          style: styles.solutionText,
+          children: answer
+        })]
       })
-    })]
+    })
   });
 };
 exports.SolutionSection = SolutionSection;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    width: 500,
+    width: CONTAINER_SIZES.width,
+    height: CONTAINER_SIZES.height,
     overflow: 'hidden',
     borderRadius: 8,
-    borderWidth: 1,
+    borderWidth: BORDER_WIDTH,
     borderColor: _reactNativeUi.COLORS.NEUTRAL_5
   },
-  gridImage: {
+  gridImageRn: {
+    top: -327,
     width: '100%',
-    height: '100%',
-    resizeMode: 'cover',
-    aspectRatio: 28 / 8
+    height: '150%',
+    position: 'absolute'
   },
   gridImageWeb: {
-    transform: [{
-      scale: 3.5
-    }]
-  },
-  solutionScroll: {
-    position: 'absolute',
     width: '100%',
     height: '100%'
   },
+  solutionScroll: {
+    flex: 1
+  },
   solutionScrollContent: {
-    paddingHorizontal: _reactNativeUi.SPACING[800],
-    paddingVertical: _reactNativeUi.SPACING[400]
+    minHeight: CONTAINER_SIZES.height - BORDER_WIDTH * 2,
+    width: '100%'
   },
   solutionText: {
     fontFamily: 'PlaypenSans-Light',
-    fontSize: 22
+    fontSize: 28,
+    marginHorizontal: _reactNativeUi.SPACING[800],
+    marginVertical: _reactNativeUi.SPACING[400]
   }
 });
 //# sourceMappingURL=SolutionSection.js.map

package/dist/commonjs/features/exampleSolution/components/SolutionSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_grid","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","gridImagePath","IS_WEB","Image","resolveAssetSource","gridImage","uri","SolutionSection","answer","status","shouldShowAnswer","ExampleSolutionStatuses","DONE_DATA","CACHE","jsxs","View","style","styles","container","children","jsx","source","gridImageWeb","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","entering","undefined","FadeIn","delay","duration","Text","solutionText","exports","StyleSheet","create","width","overflow","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_5","height","resizeMode","aspectRatio","transform","scale","position","paddingHorizontal","SPACING","paddingVertical","fontFamily","fontSize"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_grid","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CONTAINER_SIZES","width","height","BORDER_WIDTH","CONTAINER_HEIGHT_OFFSET","gridImagePath","IS_WEB","Image","resolveAssetSource","gridImage","uri","SolutionSection","answer","status","useWindowDimensions","shouldShowAnswer","ExampleSolutionStatuses","DONE_DATA","CACHE","jsx","View","style","styles","container","maxHeight","children","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","ImageBackground","resizeMode","gridImageWeb","source","Text","entering","undefined","FadeIn","delay","duration","solutionText","jsxs","Fragment","gridImageRn","exports","StyleSheet","create","overflow","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","SPACING","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/model/ExampleSolution.model.js

@@ -10,12 +10,14 @@ class ExampleSolutionModel {
   cache = new _ExampleSolutionCache.ExampleSolutionCache();
   constructor({
     api,
-    errorHandler
+    errorHandler,
+    renderKatexComponent
   }) {
     this.api = new _ExampleSolutionApi.ExampleSolutionsApi({
       api,
       errorHandler
     });
+    this.renderKatexComponent = renderKatexComponent;
   }
 }
 exports.ExampleSolutionModel = ExampleSolutionModel;

package/dist/commonjs/features/exampleSolution/model/ExampleSolution.model.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ExampleSolutionApi","require","_ExampleSolutionCache","ExampleSolutionModel","cache","ExampleSolutionCache","constructor","api","errorHandler","ExampleSolutionsApi","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolution.model.ts"],"mappings":";;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,CAAC;EAEhBC,KAAK,GAAG,IAAIC,0CAAoB,CAAC,CAAC;EAElDC,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAAwC,CAAC,EAAE;IAC5D,IAAI,CAACD,GAAG,GAAG,IAAIE,uCAAmB,CAAC;MAAEF,GAAG;MAAEC;IAAa,CAAC,CAAC;EAC3D;AACF;AAACE,OAAA,CAAAP,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_ExampleSolutionApi","require","_ExampleSolutionCache","ExampleSolutionModel","cache","ExampleSolutionCache","constructor","api","errorHandler","renderKatexComponent","ExampleSolutionsApi","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolution.model.ts"],"mappings":";;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,CAAC;EAEhBC,KAAK,GAAG,IAAIC,0CAAoB,CAAC,CAAC;EAIlDC,WAAWA,CAAC;IAAEC,GAAG;IAAEC,YAAY;IAAEC;EAAgD,CAAC,EAAE;IAClF,IAAI,CAACF,GAAG,GAAG,IAAIG,uCAAmB,CAAC;MAAEH,GAAG;MAAEC;IAAa,CAAC,CAAC;IACzD,IAAI,CAACC,oBAAoB,GAAGA,oBAAoB;EAClD;AACF;AAACE,OAAA,CAAAR,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/commonjs/features/formulaSheet/components/FormulaSheet.js

@@ -24,6 +24,10 @@ const FormulaSheet = exports.FormulaSheet = /*#__PURE__*/(0, _react.forwardRef)(
   const isOpen = (0, _effectorReact.useUnit)(model.modal.$isOpen);
   const sheetFileBlob = (0, _effectorReact.useUnit)(model.file.$blob);
   const isRequestPending = (0, _effectorReact.useUnit)(model.api.getPDFFileBlobFx.pending);
+  const onPressHandler = () => {
+    model.modal.toggle();
+    onPress?.();
+  };
   (0, _react.useEffect)(() => {
     model.file.setId(fileId ?? null);
   }, [fileId]);
@@ -34,10 +38,7 @@ const FormulaSheet = exports.FormulaSheet = /*#__PURE__*/(0, _react.forwardRef)(
       variant: _reactNativeUi.ButtonVariant.SECONDARY,
       colorScheme: buttonColor,
       isActive: isOpen,
-      onPress: () => {
-        model.modal.toggle();
-        onPress?.();
-      },
+      onPress: () => onPressHandler(),
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TheoryIcon, {
         color: isOpen ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined,
         size: 20

package/dist/commonjs/features/formulaSheet/components/FormulaSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNativeUi","_FormulaSheetModal","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FormulaSheet","exports","forwardRef","model","fileId","renderer","buttonSize","ButtonSize","MEDIUM","buttonColor","ButtonColor","BLUE","loaderColor","LoaderColor","onPress","style","ref","isOpen","useUnit","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","useEffect","setId","jsxs","Fragment","children","jsx","Button","size","variant","ButtonVariant","SECONDARY","colorScheme","isActive","toggle","icon","TheoryIcon","color","COLORS","NEUTRAL_1","undefined","FormulaSheetModal","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNativeUi","_FormulaSheetModal","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FormulaSheet","exports","forwardRef","model","fileId","renderer","buttonSize","ButtonSize","MEDIUM","buttonColor","ButtonColor","BLUE","loaderColor","LoaderColor","onPress","style","ref","isOpen","useUnit","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","onPressHandler","toggle","useEffect","setId","jsxs","Fragment","children","jsx","Button","size","variant","ButtonVariant","SECONDARY","colorScheme","isActive","icon","TheoryIcon","color","COLORS","NEUTRAL_1","undefined","FormulaSheetModal","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/shared/hooks/useKeyDownListener.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useKeyDownListener = void 0;
 var _react = require("react");
 var _constants = require("../../lib/constants.js");
-const useKeyDownListener = (callback, overrideKeys = [_constants.KeyboardKeys.ENTER]) => {
+const useKeyDownListener = (callback, enabled = true, overrideKeys = [_constants.KeyboardKeys.ENTER]) => {
   const callbackRef = (0, _react.useRef)(callback);
   callbackRef.current = callback;
   (0, _react.useEffect)(() => {
+    if (!enabled) return;
     const eventHandler = event => {
       if (overrideKeys.includes(event.key)) {
         event.preventDefault();
@@ -21,7 +22,7 @@ const useKeyDownListener = (callback, overrideKeys = [_constants.KeyboardKeys.EN
     return () => {
       document.removeEventListener('keydown', eventHandler, true);
     };
-  }, []);
+  }, [enabled]);
 };
 exports.useKeyDownListener = useKeyDownListener;
 //# sourceMappingURL=useKeyDownListener.js.map

package/dist/commonjs/shared/hooks/useKeyDownListener.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_constants","useKeyDownListener","callback","overrideKeys","KeyboardKeys","ENTER","callbackRef","useRef","current","useEffect","eventHandler","event","includes","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","exports"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyDownListener.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAGA,CAChCC,QAAwC,EACxCC,YAAY,GAAG,CAACC,uBAAY,CAACC,KAAK,CAAC,KAChC;EACH,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAACL,QAAQ,CAAC;EACpCI,WAAW,CAACE,OAAO,GAAGN,QAAQ;EAE9B,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMC,YAAY,GAAIC,KAAoB,IAAK;MAC7C,IAAIR,YAAY,CAACS,QAAQ,CAACD,KAAK,CAACE,GAAmB,CAAC,EAAE;QACpDF,KAAK,CAACG,cAAc,CAAC,CAAC;QACtBH,KAAK,CAACI,eAAe,CAAC,CAAC;MACzB;MAEAT,WAAW,CAACE,OAAO,CAACG,KAAK,CAAC;IAC5B,CAAC;IAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,YAAY,EAAE,IAAI,CAAC;IACxD,OAAO,MAAM;MACXM,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,YAAY,EAAE,IAAI,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAAS,OAAA,CAAAlB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_constants","useKeyDownListener","callback","enabled","overrideKeys","KeyboardKeys","ENTER","callbackRef","useRef","current","useEffect","eventHandler","event","includes","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","exports"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyDownListener.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAGA,CAChCC,QAAwC,EACxCC,OAAO,GAAG,IAAI,EACdC,YAAY,GAAG,CAACC,uBAAY,CAACC,KAAK,CAAC,KAChC;EACH,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAACN,QAAQ,CAAC;EACpCK,WAAW,CAACE,OAAO,GAAGP,QAAQ;EAE9B,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACP,OAAO,EAAE;IACd,MAAMQ,YAAY,GAAIC,KAAoB,IAAK;MAC7C,IAAIR,YAAY,CAACS,QAAQ,CAACD,KAAK,CAACE,GAAmB,CAAC,EAAE;QACpDF,KAAK,CAACG,cAAc,CAAC,CAAC;QACtBH,KAAK,CAACI,eAAe,CAAC,CAAC;MACzB;MAEAT,WAAW,CAACE,OAAO,CAACG,KAAK,CAAC;IAC5B,CAAC;IAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,YAAY,EAAE,IAAI,CAAC;IACxD,OAAO,MAAM;MACXM,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,YAAY,EAAE,IAAI,CAAC;IAC7D,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;AACf,CAAC;AAAAiB,OAAA,CAAAnB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/commonjs/shared/translation/localization/ca.json

@@ -17,7 +17,8 @@
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error"
+    "showError": "Show error",
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/dist/commonjs/shared/translation/localization/en.json

@@ -12,12 +12,13 @@
   "time.yearAgo": "year ago",
   "time.yearsAgo": "years ago",
   "chat": {
-    "anotherHint": "I need a hint",
+    "anotherHint": "Give me another hint",
     "giveHint": "I need a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error"
+    "showError": "Show error",
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/dist/commonjs/shared/translation/localization/gb.json

@@ -17,7 +17,8 @@
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error"
+    "showError": "Show error",
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/dist/commonjs/shared/translation/localization/sct.json

@@ -17,7 +17,8 @@
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error"
+    "showError": "Show error",
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/dist/commonjs/shared/translation/localization/sw.json

@@ -17,7 +17,8 @@
     "answerAgain": "Svara igen för att få en till ledtråd!",
     "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
-    "showError": "Visa fel"
+    "showError": "Visa fel",
+    "inputPlaceholder": "Skriv..."
   },
   "gifCelebrations": {
     "greatStart": "Bra start!",
@@ -25,7 +26,7 @@
     "almostThere": "Nästan där"
   },
   "exampleSolution": {
-    "exampleSolution": "Lösnings exempel",
+    "exampleSolution": "Lösningsexempel",
     "letMeThink": "Låt mig tänka...",
     "aha": "Aha!",
     "errorMessage": "Något gick snett med att generera en exempellösning"

package/dist/module/features/chatbot/components/{ChatMessages/ChatbotMessages.js → Chat/Chat.js}

@@ -5,7 +5,7 @@ import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'rea
 import { useStoreMap, useUnit } from 'effector-react';
 import { ChatMessage } from "../ChatMessage/ChatMessage.js";
 import { MessageLoader } from "../ChatMessage/MessageLoader.js";
-import { Alternatives } from "../Alternatives/Alternatives.js";
+import { ChatInput } from "../ChatInput/ChatInput.js";
 import { MessageVariant } from "../../types/model.types.js";
 import { ColorScheme } from "../../types/style.types.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ const BOTTOM_OFFSET = Platform.select({
   web: 265,
   default: 294
 });
-export const ChatbotMessages = ({
+export const Chat = ({
   model,
   isHintFeedback,
   isTextToSpeechEnabled,
@@ -34,12 +34,6 @@ export const ChatbotMessages = ({
   }) => messages);
   const lastMessageId = messages.at(-1)?.id;
   const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
-  const askChatForHelp = (message, translatedMessage) => {
-    void model.sendHelpRequestFx({
-      message,
-      translatedMessage
-    });
-  };
   return /*#__PURE__*/_jsx(View, {
     style: [styles.container, {
       maxHeight: MAX_HEIGHT
@@ -73,11 +67,10 @@ export const ChatbotMessages = ({
         }, message.id)), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {
           colorScheme: colorScheme
         })]
-      }), isOpen && /*#__PURE__*/_jsx(Alternatives, {
-        onPressAlternative: askChatForHelp,
-        hasMessages: messages.length > 1,
+      }), isOpen && /*#__PURE__*/_jsx(ChatInput, {
         isHintFeedback: isHintFeedback,
-        colorScheme: colorScheme
+        colorScheme: colorScheme,
+        hasMessages: messages.length > 1
       })]
     })
   });
@@ -99,4 +92,4 @@ const styles = StyleSheet.create({
     gap: 8
   }
 });
-//# sourceMappingURL=ChatbotMessages.js.map
+//# sourceMappingURL=Chat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","ChatInput","MessageVariant","ColorScheme","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","Chat","model","isHintFeedback","isTextToSpeechEnabled","colorScheme","Blue","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","message","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","hasMessages","length","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { IS_WEB } from '@magmamath/react-native-ui';
+import { StyleSheet, View } from 'react-native';
+import { useStoreMap, useUnit } from 'effector-react';
+import { useChatModel } from "../../context/ChatBotModelContext.js";
+import { ColorScheme } from "../../types/style.types.js";
+import { HintButtonVariant, RequestHintButton } from "./RequestHintButton.js";
+import { FreeTextInputBlock } from "./freeText/FreeTextInputBlock.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatInput = ({
+  isHintFeedback,
+  hasMessages,
+  colorScheme = ColorScheme.Blue
+}) => {
+  const model = useChatModel();
+  const alternatives = useUnit(model.$alternatives);
+  const isTranslated = useUnit(model.translation.$isTranslated);
+  const isTranslationPending = useUnit(model.translation.translateAllMessagesFx.pending);
+  const isHelpRequestPending = useUnit(model.sendHelpRequestFx.pending);
+  const lastMessageOptions = useStoreMap(model.$currentChatData, ({
+    messages
+  }) => {
+    const lastMessage = messages.at(-1);
+    return lastMessage?.options ?? [];
+  });
+  const option = (() => {
+    if (hasMessages && lastMessageOptions.length) return lastMessageOptions[0];
+    if (isHintFeedback && alternatives?.options.hints) return alternatives?.options.hints[0];
+    return alternatives?.options.default[0] ?? null;
+  })();
+  const optionLabel = (isTranslated && !isTranslationPending ? option?.translatedText : option?.text) ?? '';
+  if (!option) return null;
+  const sendMessage = useCallback(() => {
+    void model.sendHelpRequestFx({
+      message: option.text,
+      translatedMessage: option.translatedText
+    });
+  }, []);
+  const shouldDisableInput = isHelpRequestPending || hasMessages && lastMessageOptions.length === 0;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: IS_WEB && alternatives?.isOpenChatEnabled ? /*#__PURE__*/_jsx(FreeTextInputBlock, {
+      optionLabel: optionLabel,
+      onOptionPress: sendMessage,
+      disabled: shouldDisableInput,
+      colorScheme: colorScheme
+    }) : /*#__PURE__*/_jsx(RequestHintButton, {
+      onPress: sendMessage,
+      label: optionLabel,
+      disabled: shouldDisableInput,
+      colorScheme: colorScheme,
+      variant: HintButtonVariant.Default
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: 305,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 8
+  }
+});
+//# sourceMappingURL=ChatInput.js.map