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

package/dist/commonjs/features/exampleSolution/ExampleSolutionModal.js

@@ -22,9 +22,7 @@ const ExampleSolutionModal = ({
   },
   onClose: closeModal,
   content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExampleSolutionModalContent.ExampleSolutionModalContent, {
-    model: params.model,
-    payload: params.payload,
-    cacheKey: params.cacheKey
+    params: params
   })
 });
 exports.ExampleSolutionModal = ExampleSolutionModal;

package/dist/commonjs/features/exampleSolution/ExampleSolutionModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_ExampleSolutionModalContent","_jsxRuntime","e","__esModule","default","ExampleSolutionModal","modal","closeModal","params","jsx","BaseModal","style","container","paddingHorizontal","SPACING","onClose","content","ExampleSolutionModalContent","model","payload","cacheKey","exports"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/ExampleSolutionModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAAsF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/E,MAAMG,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACM,CAAC,kBACnC,IAAAP,WAAA,CAAAQ,GAAA,EAACV,cAAA,CAAAW,SAAS;EACRC,KAAK,EAAE;IACLC,SAAS,EAAE;MAAEC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG;IAAE;EAC/C,CAAE;EACFC,OAAO,EAAER,UAAW;EACpBS,OAAO,eACL,IAAAf,WAAA,CAAAQ,GAAA,EAACT,4BAAA,CAAAiB,2BAA2B;IAC1BC,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBC,OAAO,EAAEX,MAAM,CAACW,OAAQ;IACxBC,QAAQ,EAAEZ,MAAM,CAACY;EAAS,CAC3B;AACF,CACF,CACF;AAAAC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_ExampleSolutionModalContent","_jsxRuntime","e","__esModule","default","ExampleSolutionModal","modal","closeModal","params","jsx","BaseModal","style","container","paddingHorizontal","SPACING","onClose","content","ExampleSolutionModalContent","exports"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/ExampleSolutionModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAAsF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/E,MAAMG,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACM,CAAC,kBACnC,IAAAP,WAAA,CAAAQ,GAAA,EAACV,cAAA,CAAAW,SAAS;EACRC,KAAK,EAAE;IACLC,SAAS,EAAE;MAAEC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG;IAAE;EAC/C,CAAE;EACFC,OAAO,EAAER,UAAW;EACpBS,OAAO,eAAE,IAAAf,WAAA,CAAAQ,GAAA,EAACT,4BAAA,CAAAiB,2BAA2B;IAACT,MAAM,EAAEA;EAAO,CAAE;AAAE,CAC1D,CACF;AAAAU,OAAA,CAAAb,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAYA,IAAAG,kBAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAahD,MAAMW,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CACE;EACEC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,UAAU,GAAGC,yBAAU,CAACC,MAAM;EAC9BC,WAAW,GAAGC,0BAAW,CAACC,IAAI;EAC9BC,WAAW,GAAGC,0BAAW,CAACF,IAAI;EAC9BG,OAAO;EACPC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAG,IAAAC,sBAAO,EAACf,KAAK,CAACgB,KAAK,CAACC,OAAO,CAAC;EAC3C,MAAMC,aAAa,GAAG,IAAAH,sBAAO,EAACf,KAAK,CAACmB,IAAI,CAACC,KAAK,CAAC;EAC/C,MAAMC,gBAAgB,GAAG,IAAAN,sBAAO,EAACf,KAAK,CAACsB,GAAG,CAACC,gBAAgB,CAACC,OAAO,CAAC;EAEpE,IAAAC,gBAAS,EAAC,MAAM;IACdzB,KAAK,CAACmB,IAAI,CAACO,KAAK,CAACzB,MAAM,IAAI,IAAI,CAAC;EAClC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACE,IAAAzB,WAAA,CAAAmD,IAAA,EAAAnD,WAAA,CAAAoD,QAAA;IAAAC,QAAA,gBACE,IAAArD,WAAA,CAAAsD,GAAA,EAACxD,cAAA,CAAAyD,MAAM;MACLlB,GAAG,EAAEA,GAAI;MACTmB,IAAI,EAAE7B,UAAW;MACjB8B,OAAO,EAAEC,4BAAa,CAACC,SAAU;MACjCC,WAAW,EAAE9B,WAAY;MACzB+B,QAAQ,EAAEvB,MAAO;MACjBH,OAAO,EAAEA,CAAA,KAAM;QACbX,KAAK,CAACgB,KAAK,CAACsB,MAAM,CAAC,CAAC;QACpB3B,OAAO,GAAG,CAAC;MACb,CAAE;MACF4B,IAAI,eAAE,IAAA/D,WAAA,CAAAsD,GAAA,EAACxD,cAAA,CAAAkE,UAAU;QAACC,KAAK,EAAE3B,MAAM,GAAG4B,qBAAM,CAACC,SAAS,GAAGC,SAAU;QAACZ,IAAI,EAAE;MAAG,CAAE,CAAE;MAC7EpB,KAAK,EAAEA;IAAM,CACd,CAAC,EAEDE,MAAM,iBACL,IAAAtC,WAAA,CAAAsD,GAAA,EAACvD,kBAAA,CAAAsE,iBAAiB;MAChBC,SAAS,EAAEzB,gBAAiB;MAC5BZ,WAAW,EAAEA,WAAY;MACzBsC,OAAO,EAAEA,CAAA,KAAM/C,KAAK,CAACgB,KAAK,CAACgC,SAAS,CAAC,KAAK,CAAE;MAAAnB,QAAA,EAE3C3B,QAAQ,CAACgB,aAAa,IAAI,EAAE;IAAC,CACb,CACpB;EAAA,CACD,CAAC;AAEP,CACF,CAAC","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/translation/localization/sw.json

@@ -26,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/exampleSolution/ExampleSolutionModal.js

@@ -17,9 +17,7 @@ export const ExampleSolutionModal = ({
   },
   onClose: closeModal,
   content: /*#__PURE__*/_jsx(ExampleSolutionModalContent, {
-    model: params.model,
-    payload: params.payload,
-    cacheKey: params.cacheKey
+    params: params
   })
 });
 //# sourceMappingURL=ExampleSolutionModal.js.map

package/dist/module/features/exampleSolution/ExampleSolutionModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseModal","SPACING","ExampleSolutionModalContent","jsx","_jsx","ExampleSolutionModal","modal","closeModal","params","style","container","paddingHorizontal","onClose","content","model","payload","cacheKey"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/ExampleSolutionModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,QAAQ,4BAA4B;AAC/D,SAASC,2BAA2B,QAAQ,6CAA0C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUtF,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACM,CAAC,kBACnCJ,IAAA,CAACJ,SAAS;EACRS,KAAK,EAAE;IACLC,SAAS,EAAE;MAAEC,iBAAiB,EAAEV,OAAO,CAAC,GAAG;IAAE;EAC/C,CAAE;EACFW,OAAO,EAAEL,UAAW;EACpBM,OAAO,eACLT,IAAA,CAACF,2BAA2B;IAC1BY,KAAK,EAAEN,MAAM,CAACM,KAAM;IACpBC,OAAO,EAAEP,MAAM,CAACO,OAAQ;IACxBC,QAAQ,EAAER,MAAM,CAACQ;EAAS,CAC3B;AACF,CACF,CACF","ignoreList":[]}
+{"version":3,"names":["React","BaseModal","SPACING","ExampleSolutionModalContent","jsx","_jsx","ExampleSolutionModal","modal","closeModal","params","style","container","paddingHorizontal","onClose","content"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/ExampleSolutionModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,QAAQ,4BAA4B;AAC/D,SAASC,2BAA2B,QAAQ,6CAA0C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUtF,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACM,CAAC,kBACnCJ,IAAA,CAACJ,SAAS;EACRS,KAAK,EAAE;IACLC,SAAS,EAAE;MAAEC,iBAAiB,EAAEV,OAAO,CAAC,GAAG;IAAE;EAC/C,CAAE;EACFW,OAAO,EAAEL,UAAW;EACpBM,OAAO,eAAET,IAAA,CAACF,2BAA2B;IAACM,MAAM,EAAEA;EAAO,CAAE;AAAE,CAC1D,CACF","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 import { StyleSheet, View } from 'react-native';
 import React from 'react';
-import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui';
 import { useUnit } from 'effector-react';
 import { $localization } from "../../../shared/translation/index.js";
 import { MessageBlock } from "./MessageBlock.js";
@@ -11,10 +11,13 @@ import { QuestionSection } from "./QuestionSection.js";
 import { SolutionSection } from "./SolutionSection.js";
 import { useExampleSolution } from "../hooks/useExampleSolution.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CONTAINER_HEIGHT = 593;
 export const ExampleSolutionModalContent = ({
-  model,
-  payload,
-  cacheKey
+  params: {
+    model,
+    payload,
+    cacheKey
+  }
 }) => {
   const {
     result,
@@ -26,7 +29,11 @@ export const ExampleSolutionModalContent = ({
   });
   const localization = useUnit($localization);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
+    style: [styles.container, IS_WEB ? {
+      maxHeight: CONTAINER_HEIGHT
+    } : {
+      height: CONTAINER_HEIGHT
+    }],
     children: [/*#__PURE__*/_jsx(Typography, {
       align: "center",
       variant: HeadingVariants.H2,
@@ -38,7 +45,8 @@ export const ExampleSolutionModalContent = ({
       style: styles.content,
       children: [/*#__PURE__*/_jsx(QuestionSection, {
         status: status,
-        question: result?.question
+        question: result?.question,
+        renderKatexComponent: model.renderKatexComponent
       }), /*#__PURE__*/_jsx(SolutionSection, {
         status: status,
         answer: result?.answer
@@ -54,8 +62,7 @@ export const ExampleSolutionModalContent = ({
 };
 const styles = StyleSheet.create({
   container: {
-    width: 880,
-    height: 593
+    width: 880
   },
   content: {
     flex: 1,
@@ -72,8 +79,8 @@ const styles = StyleSheet.create({
   },
   lavaIconContainer: {
     position: 'absolute',
-    bottom: -54,
-    right: -50
+    bottom: -24,
+    right: -26
   },
   loaderContainer: {
     paddingTop: 34,
@@ -84,8 +91,8 @@ const styles = StyleSheet.create({
   },
   messageBlock: {
     position: 'absolute',
-    right: 38,
-    bottom: -22
+    right: 58,
+    bottom: -12
   }
 });
 //# sourceMappingURL=ExampleSolutionModalContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","React","COLORS","HeadingVariants","SPACING","Typography","useUnit","$localization","MessageBlock","LavaIcon","QuestionSection","SolutionSection","useExampleSolution","jsx","_jsx","jsxs","_jsxs","ExampleSolutionModalContent","model","payload","cacheKey","result","status","localization","style","styles","container","children","align","variant","H2","color","NEUTRAL_9","exampleSolution","content","question","answer","messageBlock","lavaIconContainer","create","width","height","flex","flexDirection","marginTop","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":["StyleSheet","View","React","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","useUnit","$localization","MessageBlock","LavaIcon","QuestionSection","SolutionSection","useExampleSolution","jsx","_jsx","jsxs","_jsxs","CONTAINER_HEIGHT","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","localization","style","styles","container","maxHeight","height","children","align","variant","H2","color","NEUTRAL_9","exampleSolution","content","question","renderKatexComponent","answer","messageBlock","lavaIconContainer","create","width","flex","flexDirection","marginTop","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/module/features/exampleSolution/components/QuestionSection.js

@@ -1,22 +1,21 @@
 "use strict";
 
-import { StyleSheet, View, ScrollView } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import React from 'react';
-import { COLORS, Loader, LoaderColor, SPACING, Typography } from '@magmamath/react-native-ui';
+import { COLORS, Loader, LoaderColor, SPACING } from '@magmamath/react-native-ui';
 import Animated, { FadeOut } from 'react-native-reanimated';
 import { ExampleSolutionStatuses } from "../constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const QuestionSection = ({
   question,
-  status
+  status,
+  renderKatexComponent
 }) => {
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(ScrollView, {
-      style: styles.scrollView,
-      children: /*#__PURE__*/_jsx(Typography, {
-        children: question
-      })
+    children: [question && /*#__PURE__*/_jsx(View, {
+      style: styles.katexContainer,
+      children: renderKatexComponent(question)
     }), status === ExampleSolutionStatuses.LOADING && /*#__PURE__*/_jsx(Animated.View, {
       exiting: FadeOut,
       style: styles.loaderContainer,
@@ -31,12 +30,13 @@ const styles = StyleSheet.create({
   container: {
     flex: 1
   },
-  scrollView: {
+  katexContainer: {
     flex: 1
   },
   loaderContainer: {
     paddingTop: 34,
     position: 'absolute',
+    zIndex: 100,
     width: '100%',
     height: '100%',
     backgroundColor: COLORS.NEUTRAL_1,

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","ScrollView","React","COLORS","Loader","LoaderColor","SPACING","Typography","Animated","FadeOut","ExampleSolutionStatuses","jsx","_jsx","jsxs","_jsxs","QuestionSection","question","status","style","styles","container","children","scrollView","LOADING","exiting","loaderContainer","size","color","BLUE","create","flex","paddingTop","position","width","height","backgroundColor","NEUTRAL_1","justifyContent","alignItems","errorContainer","padding","errorText","PRIMARY_RED","textAlign"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/QuestionSection.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC3D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAC7F,OAAOC,QAAQ,IAAIC,OAAO,QAAQ,yBAAyB;AAC3D,SAASC,uBAAuB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA6B,CAAC,KAAK;EAC7E,oBACEH,KAAA,CAACd,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACX,UAAU;MAACiB,KAAK,EAAEC,MAAM,CAACG,UAAW;MAAAD,QAAA,eACnCT,IAAA,CAACL,UAAU;QAAAc,QAAA,EAAEL;MAAQ,CAAa;IAAC,CACzB,CAAC,EACZC,MAAM,KAAKP,uBAAuB,CAACa,OAAO,iBACzCX,IAAA,CAACJ,QAAQ,CAACR,IAAI;MAACwB,OAAO,EAAEf,OAAQ;MAACS,KAAK,EAAEC,MAAM,CAACM,eAAgB;MAAAJ,QAAA,eAC7DT,IAAA,CAACR,MAAM;QAACsB,IAAI,EAAC,OAAO;QAACC,KAAK,EAAEtB,WAAW,CAACuB;MAAK,CAAE;IAAC,CACnC,CAChB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMT,MAAM,GAAGpB,UAAU,CAAC8B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE;EACR,CAAC;EACDR,UAAU,EAAE;IACVQ,IAAI,EAAE;EACR,CAAC;EACDL,eAAe,EAAE;IACfM,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEhC,MAAM,CAACiC,SAAS;IACjCC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACdP,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEhC,MAAM,CAACiC,SAAS;IACjCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBE,OAAO,EAAElC,OAAO,CAAC,GAAG;EACtB,CAAC;EACDmC,SAAS,EAAE;IACTd,KAAK,EAAExB,MAAM,CAACuC,WAAW;IACzBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","React","COLORS","Loader","LoaderColor","SPACING","Animated","FadeOut","ExampleSolutionStatuses","jsx","_jsx","jsxs","_jsxs","QuestionSection","question","status","renderKatexComponent","style","styles","container","children","katexContainer","LOADING","exiting","loaderContainer","size","color","BLUE","create","flex","paddingTop","position","zIndex","width","height","backgroundColor","NEUTRAL_1","justifyContent","alignItems","errorContainer","padding","errorText","PRIMARY_RED","textAlign"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/QuestionSection.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AACjF,OAAOC,QAAQ,IAAIC,OAAO,QAAQ,yBAAyB;AAC3D,SAASC,uBAAuB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQtD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,QAAQ;EACRC,MAAM;EACNC;AACoB,CAAC,KAAK;EAC1B,oBACEJ,KAAA,CAACZ,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BN,QAAQ,iBAAIJ,IAAA,CAACV,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACG,cAAe;MAAAD,QAAA,EAAEJ,oBAAoB,CAACF,QAAQ;IAAC,CAAO,CAAC,EACvFC,MAAM,KAAKP,uBAAuB,CAACc,OAAO,iBACzCZ,IAAA,CAACJ,QAAQ,CAACN,IAAI;MAACuB,OAAO,EAAEhB,OAAQ;MAACU,KAAK,EAAEC,MAAM,CAACM,eAAgB;MAAAJ,QAAA,eAC7DV,IAAA,CAACP,MAAM;QAACsB,IAAI,EAAC,OAAO;QAACC,KAAK,EAAEtB,WAAW,CAACuB;MAAK,CAAE;IAAC,CACnC,CAChB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMT,MAAM,GAAGnB,UAAU,CAAC6B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE;EACR,CAAC;EACDR,cAAc,EAAE;IACdQ,IAAI,EAAE;EACR,CAAC;EACDL,eAAe,EAAE;IACfM,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEjC,MAAM,CAACkC,SAAS;IACjCC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACdR,QAAQ,EAAE,UAAU;IACpBE,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEjC,MAAM,CAACkC,SAAS;IACjCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBE,OAAO,EAAEnC,OAAO,CAAC,GAAG;EACtB,CAAC;EACDoC,SAAS,EAAE;IACTf,KAAK,EAAExB,MAAM,CAACwC,WAAW;IACzBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}