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

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

@@ -1,67 +1,93 @@
 "use strict";
 
-import { StyleSheet, View, Image, Text } from 'react-native';
+import { StyleSheet, View, Image, ImageBackground, ScrollView, useWindowDimensions } from 'react-native';
 import React from 'react';
 import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui';
 import Animated, { FadeIn } from 'react-native-reanimated';
 import { ExampleSolutionStatuses } from "../constants.js";
-import gridImage from '../assets/grid.png';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import gridImage from '../assets/grid.webp';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const CONTAINER_SIZES = {
+  width: 489,
+  height: 543
+};
+const BORDER_WIDTH = 1;
+const CONTAINER_HEIGHT_OFFSET = 160;
 const gridImagePath = !IS_WEB ? Image.resolveAssetSource(gridImage).uri : gridImage;
 export const SolutionSection = ({
   answer,
   status
 }) => {
+  const {
+    height
+  } = useWindowDimensions();
   const shouldShowAnswer = answer && (status === ExampleSolutionStatuses.DONE_DATA || status === ExampleSolutionStatuses.CACHE);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(Image, {
-      source: {
-        uri: gridImagePath
-      },
-      style: [styles.gridImage, IS_WEB && styles.gridImageWeb]
-    }), shouldShowAnswer && /*#__PURE__*/_jsx(Animated.ScrollView, {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, IS_WEB && {
+      maxHeight: height - CONTAINER_HEIGHT_OFFSET
+    }],
+    children: /*#__PURE__*/_jsx(ScrollView, {
       style: styles.solutionScroll,
       contentContainerStyle: styles.solutionScrollContent,
-      entering: status === 'cache' ? undefined : FadeIn.delay(1000).duration(500),
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.solutionText,
-        children: answer
+      bounces: true,
+      children: IS_WEB ? /*#__PURE__*/_jsx(ImageBackground, {
+        resizeMode: "repeat",
+        style: [styles.gridImageWeb],
+        source: {
+          uri: gridImagePath
+        },
+        children: shouldShowAnswer && /*#__PURE__*/_jsx(Animated.Text, {
+          entering: status === 'cache' ? undefined : FadeIn.delay(1000).duration(500),
+          style: styles.solutionText,
+          children: answer
+        })
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ImageBackground, {
+          resizeMode: "repeat",
+          style: styles.gridImageRn,
+          source: {
+            uri: gridImagePath
+          }
+        }), shouldShowAnswer && /*#__PURE__*/_jsx(Animated.Text, {
+          entering: status === 'cache' ? undefined : FadeIn.delay(1000).duration(500),
+          style: styles.solutionText,
+          children: answer
+        })]
       })
-    })]
+    })
   });
 };
 const styles = StyleSheet.create({
   container: {
-    width: 500,
+    width: CONTAINER_SIZES.width,
+    height: CONTAINER_SIZES.height,
     overflow: 'hidden',
     borderRadius: 8,
-    borderWidth: 1,
+    borderWidth: BORDER_WIDTH,
     borderColor: 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: SPACING[800],
-    paddingVertical: SPACING[400]
+    minHeight: CONTAINER_SIZES.height - BORDER_WIDTH * 2,
+    width: '100%'
   },
   solutionText: {
     fontFamily: 'PlaypenSans-Light',
-    fontSize: 22
+    fontSize: 28,
+    marginHorizontal: SPACING[800],
+    marginVertical: SPACING[400]
   }
 });
 //# sourceMappingURL=SolutionSection.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","Image","Text","React","COLORS","IS_WEB","SPACING","Animated","FadeIn","ExampleSolutionStatuses","gridImage","jsx","_jsx","jsxs","_jsxs","gridImagePath","resolveAssetSource","uri","SolutionSection","answer","status","shouldShowAnswer","DONE_DATA","CACHE","style","styles","container","children","source","gridImageWeb","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","entering","undefined","delay","duration","solutionText","create","width","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","height","resizeMode","aspectRatio","transform","scale","position","paddingHorizontal","paddingVertical","fontFamily","fontSize"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AACpE,OAAOC,QAAQ,IAAIC,MAAM,QAAQ,yBAAyB;AAC1D,SAASC,uBAAuB,QAAQ,iBAAc;AACtD,OAAOC,SAAS,MAAM,oBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1C,MAAMC,aAAa,GAAG,CAACV,MAAM,GAAGJ,KAAK,CAACe,kBAAkB,CAACN,SAAS,CAAC,CAACO,GAAG,GAAGP,SAAS;AAEnF,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAA6B,CAAC,KAAK;EAC3E,MAAMC,gBAAgB,GACpBF,MAAM,KACLC,MAAM,KAAKX,uBAAuB,CAACa,SAAS,IAAIF,MAAM,KAAKX,uBAAuB,CAACc,KAAK,CAAC;EAE5F,oBACET,KAAA,CAACd,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bf,IAAA,CAACX,KAAK;MACJ2B,MAAM,EAAE;QAAEX,GAAG,EAAEF;MAAc,CAAE;MAC/BS,KAAK,EAAE,CAACC,MAAM,CAACf,SAAS,EAAEL,MAAM,IAAIoB,MAAM,CAACI,YAAY;IAAE,CAC1D,CAAC,EACDR,gBAAgB,iBACfT,IAAA,CAACL,QAAQ,CAACuB,UAAU;MAClBN,KAAK,EAAEC,MAAM,CAACM,cAAe;MAC7BC,qBAAqB,EAAEP,MAAM,CAACQ,qBAAsB;MACpDC,QAAQ,EAAEd,MAAM,KAAK,OAAO,GAAGe,SAAS,GAAG3B,MAAM,CAAC4B,KAAK,CAAC,IAAI,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAE;MAAAV,QAAA,eAE5Ef,IAAA,CAACV,IAAI;QAACsB,KAAK,EAAEC,MAAM,CAACa,YAAa;QAAAX,QAAA,EAAER;MAAM,CAAO;IAAC,CAC9B,CACtB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG1B,UAAU,CAACwC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAExC,MAAM,CAACyC;EACtB,CAAC;EACDnC,SAAS,EAAE;IACT8B,KAAK,EAAE,MAAM;IACbM,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE,OAAO;IACnBC,WAAW,EAAE,EAAE,GAAG;EACpB,CAAC;EACDnB,YAAY,EAAE;IACZoB,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAI,CAAC;EAC5B,CAAC;EACDnB,cAAc,EAAE;IACdoB,QAAQ,EAAE,UAAU;IACpBX,KAAK,EAAE,MAAM;IACbM,MAAM,EAAE;EACV,CAAC;EACDb,qBAAqB,EAAE;IACrBmB,iBAAiB,EAAE9C,OAAO,CAAC,GAAG,CAAC;IAC/B+C,eAAe,EAAE/C,OAAO,CAAC,GAAG;EAC9B,CAAC;EACDgC,YAAY,EAAE;IACZgB,UAAU,EAAE,mBAAmB;IAC/BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","Image","ImageBackground","ScrollView","useWindowDimensions","React","COLORS","IS_WEB","SPACING","Animated","FadeIn","ExampleSolutionStatuses","gridImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CONTAINER_SIZES","width","height","BORDER_WIDTH","CONTAINER_HEIGHT_OFFSET","gridImagePath","resolveAssetSource","uri","SolutionSection","answer","status","shouldShowAnswer","DONE_DATA","CACHE","style","styles","container","maxHeight","children","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","resizeMode","gridImageWeb","source","Text","entering","undefined","delay","duration","solutionText","gridImageRn","create","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,eAAe,EACfC,UAAU,EACVC,mBAAmB,QACd,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AACpE,OAAOC,QAAQ,IAAIC,MAAM,QAAQ,yBAAyB;AAC1D,SAASC,uBAAuB,QAAQ,iBAAc;AACtD,OAAOC,SAAS,MAAM,qBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAO3C,MAAMC,eAAe,GAAG;EACtBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACD,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,uBAAuB,GAAG,GAAG;AAEnC,MAAMC,aAAa,GAAG,CAACjB,MAAM,GAAGN,KAAK,CAACwB,kBAAkB,CAACb,SAAS,CAAC,CAACc,GAAG,GAAGd,SAAS;AAEnF,OAAO,MAAMe,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAA6B,CAAC,KAAK;EAC3E,MAAM;IAAER;EAAO,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EAExC,MAAM0B,gBAAgB,GACpBF,MAAM,KACLC,MAAM,KAAKlB,uBAAuB,CAACoB,SAAS,IAAIF,MAAM,KAAKlB,uBAAuB,CAACqB,KAAK,CAAC;EAE5F,oBACElB,IAAA,CAACd,IAAI;IAACiC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE5B,MAAM,IAAI;MAAE6B,SAAS,EAAEf,MAAM,GAAGE;IAAwB,CAAC,CAAE;IAAAc,QAAA,eACzFvB,IAAA,CAACX,UAAU;MACT8B,KAAK,EAAEC,MAAM,CAACI,cAAe;MAC7BC,qBAAqB,EAAEL,MAAM,CAACM,qBAAsB;MACpDC,OAAO;MAAAJ,QAAA,EAEN9B,MAAM,gBACLO,IAAA,CAACZ,eAAe;QACdwC,UAAU,EAAC,QAAQ;QACnBT,KAAK,EAAE,CAACC,MAAM,CAACS,YAAY,CAAE;QAC7BC,MAAM,EAAE;UAAElB,GAAG,EAAEF;QAAc,CAAE;QAAAa,QAAA,EAE9BP,gBAAgB,iBACfhB,IAAA,CAACL,QAAQ,CAACoC,IAAI;UACZC,QAAQ,EAAEjB,MAAM,KAAK,OAAO,GAAGkB,SAAS,GAAGrC,MAAM,CAACsC,KAAK,CAAC,IAAI,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAE;UAC5EhB,KAAK,EAAEC,MAAM,CAACgB,YAAa;UAAAb,QAAA,EAE1BT;QAAM,CACM;MAChB,CACc,CAAC,gBAElBV,KAAA,CAAAF,SAAA;QAAAqB,QAAA,gBACEvB,IAAA,CAACZ,eAAe;UACdwC,UAAU,EAAC,QAAQ;UACnBT,KAAK,EAAEC,MAAM,CAACiB,WAAY;UAC1BP,MAAM,EAAE;YAAElB,GAAG,EAAEF;UAAc;QAAE,CAChC,CAAC,EACDM,gBAAgB,iBACfhB,IAAA,CAACL,QAAQ,CAACoC,IAAI;UACZC,QAAQ,EAAEjB,MAAM,KAAK,OAAO,GAAGkB,SAAS,GAAGrC,MAAM,CAACsC,KAAK,CAAC,IAAI,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAE;UAC5EhB,KAAK,EAAEC,MAAM,CAACgB,YAAa;UAAAb,QAAA,EAE1BT;QAAM,CACM,CAChB;MAAA,CACD;IACH,CACS;EAAC,CACT,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGnC,UAAU,CAACqD,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTf,KAAK,EAAED,eAAe,CAACC,KAAK;IAC5BC,MAAM,EAAEF,eAAe,CAACE,MAAM;IAC9BgC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAEjC,YAAY;IACzBkC,WAAW,EAAElD,MAAM,CAACmD;EACtB,CAAC;EACDN,WAAW,EAAE;IACXO,GAAG,EAAE,CAAC,GAAG;IACTtC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdsC,QAAQ,EAAE;EACZ,CAAC;EACDhB,YAAY,EAAE;IACZvB,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDiB,cAAc,EAAE;IACdsB,IAAI,EAAE;EACR,CAAC;EACDpB,qBAAqB,EAAE;IACrBqB,SAAS,EAAE1C,eAAe,CAACE,MAAM,GAAGC,YAAY,GAAG,CAAC;IACpDF,KAAK,EAAE;EACT,CAAC;EACD8B,YAAY,EAAE;IACZY,UAAU,EAAE,mBAAmB;IAC/BC,QAAQ,EAAE,EAAE;IACZC,gBAAgB,EAAExD,OAAO,CAAC,GAAG,CAAC;IAC9ByD,cAAc,EAAEzD,OAAO,CAAC,GAAG;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,12 +6,14 @@ export class ExampleSolutionModel {
   cache = new ExampleSolutionCache();
   constructor({
     api,
-    errorHandler
+    errorHandler,
+    renderKatexComponent
   }) {
     this.api = new ExampleSolutionsApi({
       api,
       errorHandler
     });
+    this.renderKatexComponent = renderKatexComponent;
   }
 }
 //# sourceMappingURL=ExampleSolution.model.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ExampleSolutionsApi","ExampleSolutionCache","ExampleSolutionModel","cache","constructor","api","errorHandler"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolution.model.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,yBAAsB;AAC1D,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7D,OAAO,MAAMC,oBAAoB,CAAC;EAEhBC,KAAK,GAAG,IAAIF,oBAAoB,CAAC,CAAC;EAElDG,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAAwC,CAAC,EAAE;IAC5D,IAAI,CAACD,GAAG,GAAG,IAAIL,mBAAmB,CAAC;MAAEK,GAAG;MAAEC;IAAa,CAAC,CAAC;EAC3D;AACF","ignoreList":[]}
+{"version":3,"names":["ExampleSolutionsApi","ExampleSolutionCache","ExampleSolutionModel","cache","constructor","api","errorHandler","renderKatexComponent"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolution.model.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,yBAAsB;AAC1D,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7D,OAAO,MAAMC,oBAAoB,CAAC;EAEhBC,KAAK,GAAG,IAAIF,oBAAoB,CAAC,CAAC;EAIlDG,WAAWA,CAAC;IAAEC,GAAG;IAAEC,YAAY;IAAEC;EAAgD,CAAC,EAAE;IAClF,IAAI,CAACF,GAAG,GAAG,IAAIL,mBAAmB,CAAC;MAAEK,GAAG;MAAEC;IAAa,CAAC,CAAC;IACzD,IAAI,CAACC,oBAAoB,GAAGA,oBAAoB;EAClD;AACF","ignoreList":[]}

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

@@ -18,6 +18,10 @@ export const FormulaSheet = /*#__PURE__*/forwardRef(({
   const isOpen = useUnit(model.modal.$isOpen);
   const sheetFileBlob = useUnit(model.file.$blob);
   const isRequestPending = useUnit(model.api.getPDFFileBlobFx.pending);
+  const onPressHandler = () => {
+    model.modal.toggle();
+    onPress?.();
+  };
   useEffect(() => {
     model.file.setId(fileId ?? null);
   }, [fileId]);
@@ -28,10 +32,7 @@ export const FormulaSheet = /*#__PURE__*/forwardRef(({
       variant: ButtonVariant.SECONDARY,
       colorScheme: buttonColor,
       isActive: isOpen,
-      onPress: () => {
-        model.modal.toggle();
-        onPress?.();
-      },
+      onPress: () => onPressHandler(),
       icon: /*#__PURE__*/_jsx(TheoryIcon, {
         color: isOpen ? COLORS.NEUTRAL_1 : undefined,
         size: 20

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useEffect","useUnit","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","TheoryIcon","LoaderColor","FormulaSheetModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FormulaSheet","model","fileId","renderer","buttonSize","MEDIUM","buttonColor","BLUE","loaderColor","onPress","style","ref","isOpen","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","setId","children","size","variant","SECONDARY","colorScheme","isActive","toggle","icon","color","NEUTRAL_1","undefined","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAaC,SAAS,QAAQ,OAAO;AAC/D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,UAAU,EAEVC,WAAW,QAEN,4BAA4B;AAEnC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAavD,OAAO,MAAMC,YAAY,gBAAGjB,UAAU,CACpC,CACE;EACEkB,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,UAAU,GAAGhB,UAAU,CAACiB,MAAM;EAC9BC,WAAW,GAAGnB,WAAW,CAACoB,IAAI;EAC9BC,WAAW,GAAGhB,WAAW,CAACe,IAAI;EAC9BE,OAAO;EACPC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAG3B,OAAO,CAACgB,KAAK,CAACY,KAAK,CAACC,OAAO,CAAC;EAC3C,MAAMC,aAAa,GAAG9B,OAAO,CAACgB,KAAK,CAACe,IAAI,CAACC,KAAK,CAAC;EAC/C,MAAMC,gBAAgB,GAAGjC,OAAO,CAACgB,KAAK,CAACkB,GAAG,CAACC,gBAAgB,CAACC,OAAO,CAAC;EAEpErC,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACe,IAAI,CAACM,KAAK,CAACpB,MAAM,IAAI,IAAI,CAAC;EAClC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEH,KAAA,CAAAF,SAAA;IAAA0B,QAAA,gBACE5B,IAAA,CAACT,MAAM;MACLyB,GAAG,EAAEA,GAAI;MACTa,IAAI,EAAEpB,UAAW;MACjBqB,OAAO,EAAEpC,aAAa,CAACqC,SAAU;MACjCC,WAAW,EAAErB,WAAY;MACzBsB,QAAQ,EAAEhB,MAAO;MACjBH,OAAO,EAAEA,CAAA,KAAM;QACbR,KAAK,CAACY,KAAK,CAACgB,MAAM,CAAC,CAAC;QACpBpB,OAAO,GAAG,CAAC;MACb,CAAE;MACFqB,IAAI,eAAEnC,IAAA,CAACJ,UAAU;QAACwC,KAAK,EAAEnB,MAAM,GAAGtB,MAAM,CAAC0C,SAAS,GAAGC,SAAU;QAACT,IAAI,EAAE;MAAG,CAAE,CAAE;MAC7Ed,KAAK,EAAEA;IAAM,CACd,CAAC,EAEDE,MAAM,iBACLjB,IAAA,CAACF,iBAAiB;MAChByC,SAAS,EAAEhB,gBAAiB;MAC5BV,WAAW,EAAEA,WAAY;MACzB2B,OAAO,EAAEA,CAAA,KAAMlC,KAAK,CAACY,KAAK,CAACuB,SAAS,CAAC,KAAK,CAAE;MAAAb,QAAA,EAE3CpB,QAAQ,CAACY,aAAa,IAAI,EAAE;IAAC,CACb,CACpB;EAAA,CACD,CAAC;AAEP,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useEffect","useUnit","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","TheoryIcon","LoaderColor","FormulaSheetModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FormulaSheet","model","fileId","renderer","buttonSize","MEDIUM","buttonColor","BLUE","loaderColor","onPress","style","ref","isOpen","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","onPressHandler","toggle","setId","children","size","variant","SECONDARY","colorScheme","isActive","icon","color","NEUTRAL_1","undefined","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAaC,SAAS,QAAQ,OAAO;AAC/D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,UAAU,EAEVC,WAAW,QAEN,4BAA4B;AAEnC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAavD,OAAO,MAAMC,YAAY,gBAAGjB,UAAU,CACpC,CACE;EACEkB,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,UAAU,GAAGhB,UAAU,CAACiB,MAAM;EAC9BC,WAAW,GAAGnB,WAAW,CAACoB,IAAI;EAC9BC,WAAW,GAAGhB,WAAW,CAACe,IAAI;EAC9BE,OAAO;EACPC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAG3B,OAAO,CAACgB,KAAK,CAACY,KAAK,CAACC,OAAO,CAAC;EAC3C,MAAMC,aAAa,GAAG9B,OAAO,CAACgB,KAAK,CAACe,IAAI,CAACC,KAAK,CAAC;EAC/C,MAAMC,gBAAgB,GAAGjC,OAAO,CAACgB,KAAK,CAACkB,GAAG,CAACC,gBAAgB,CAACC,OAAO,CAAC;EAEpE,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3BrB,KAAK,CAACY,KAAK,CAACU,MAAM,CAAC,CAAC;IACpBd,OAAO,GAAG,CAAC;EACb,CAAC;EAEDzB,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACe,IAAI,CAACQ,KAAK,CAACtB,MAAM,IAAI,IAAI,CAAC;EAClC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEH,KAAA,CAAAF,SAAA;IAAA4B,QAAA,gBACE9B,IAAA,CAACT,MAAM;MACLyB,GAAG,EAAEA,GAAI;MACTe,IAAI,EAAEtB,UAAW;MACjBuB,OAAO,EAAEtC,aAAa,CAACuC,SAAU;MACjCC,WAAW,EAAEvB,WAAY;MACzBwB,QAAQ,EAAElB,MAAO;MACjBH,OAAO,EAAEA,CAAA,KAAMa,cAAc,CAAC,CAAE;MAChCS,IAAI,eAAEpC,IAAA,CAACJ,UAAU;QAACyC,KAAK,EAAEpB,MAAM,GAAGtB,MAAM,CAAC2C,SAAS,GAAGC,SAAU;QAACR,IAAI,EAAE;MAAG,CAAE,CAAE;MAC7EhB,KAAK,EAAEA;IAAM,CACd,CAAC,EAEDE,MAAM,iBACLjB,IAAA,CAACF,iBAAiB;MAChB0C,SAAS,EAAEjB,gBAAiB;MAC5BV,WAAW,EAAEA,WAAY;MACzB4B,OAAO,EAAEA,CAAA,KAAMnC,KAAK,CAACY,KAAK,CAACwB,SAAS,CAAC,KAAK,CAAE;MAAAZ,QAAA,EAE3CtB,QAAQ,CAACY,aAAa,IAAI,EAAE;IAAC,CACb,CACpB;EAAA,CACD,CAAC;AAEP,CACF,CAAC","ignoreList":[]}

package/dist/module/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/typescript/commonjs/features/exampleSolution/ExampleSolutionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolutionModal.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/ExampleSolutionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,kCAAkC,GAAG;IACxC,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,0BAA0B,CAAA;KACnC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,kCAAkC,sBAcpC,CAAA"}
+{"version":3,"file":"ExampleSolutionModal.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/ExampleSolutionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,kCAAkC,GAAG;IACxC,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,0BAA0B,CAAA;KACnC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,kCAAkC,sBAQpC,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { ExampleSolutionModalParams } from '../types';
-export declare const ExampleSolutionModalContent: ({ model, payload, cacheKey, }: ExampleSolutionModalParams) => React.JSX.Element;
+type ExampleSolutionModalContentProps = {
+    params: ExampleSolutionModalParams;
+};
+export declare const ExampleSolutionModalContent: ({ params: { model, payload, cacheKey }, }: ExampleSolutionModalContentProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=ExampleSolutionModalContent.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,eAAO,MAAM,2BAA2B,kCAIrC,0BAA0B,sBAiB5B,CAAA"}
+{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,2BAA2B,8CAErC,gCAAgC,sBA0BlC,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/components/QuestionSection.d.ts

@@ -3,7 +3,8 @@ import { ExampleSolutionStatuses } from '../constants';
 type QuestionSectionProps = {
     question?: string;
     status: ExampleSolutionStatuses;
+    renderKatexComponent: (katexString: string) => React.ReactNode;
 };
-export declare const QuestionSection: ({ question, status }: QuestionSectionProps) => React.JSX.Element;
+export declare const QuestionSection: ({ question, status, renderKatexComponent, }: QuestionSectionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=QuestionSection.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/components/QuestionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/QuestionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,eAAe,yBAA0B,oBAAoB,sBAazE,CAAA"}
+{"version":3,"file":"QuestionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/QuestionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAC/D,CAAA;AAED,eAAO,MAAM,eAAe,gDAIzB,oBAAoB,sBAWtB,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/components/SolutionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAID,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAsBvE,CAAA"}
+{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAWD,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAiDvE,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/model/ExampleSolution.model.d.ts

@@ -1,9 +1,10 @@
-import { GifCelebrationsModelProps } from '../types';
+import { ExampleSolutionModelProps } from '../types';
 import { ExampleSolutionsApi } from './ExampleSolutionApi';
 import { ExampleSolutionCache } from './ExampleSolutionCache';
 export declare class ExampleSolutionModel {
     readonly api: ExampleSolutionsApi;
     readonly cache: ExampleSolutionCache;
-    constructor({ api, errorHandler }: GifCelebrationsModelProps);
+    readonly renderKatexComponent: (katexString: string) => React.ReactNode;
+    constructor({ api, errorHandler, renderKatexComponent }: ExampleSolutionModelProps);
 }
 //# sourceMappingURL=ExampleSolution.model.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/model/ExampleSolution.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolution.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/model/ExampleSolution.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,qBAAa,oBAAoB;IAC/B,SAAgB,GAAG,sBAAA;IACnB,SAAgB,KAAK,uBAA6B;gBAEtC,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,yBAAyB;CAG7D"}
+{"version":3,"file":"ExampleSolution.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/model/ExampleSolution.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,qBAAa,oBAAoB;IAC/B,SAAgB,GAAG,sBAAA;IACnB,SAAgB,KAAK,uBAA6B;IAElD,SAAgB,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;gBAElE,EAAE,GAAG,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAInF"}

package/dist/typescript/commonjs/features/exampleSolution/types.d.ts

@@ -14,9 +14,10 @@ export type ExampleSolutionApiRequests = {
     generateExampleSolution: (body: ExampleSolutionPayload) => Promise<ExampleSolutionResponse>;
 };
 export type ExampleSolutionErrorHandler = (errorMessage: string) => void;
-export type GifCelebrationsModelProps = {
+export type ExampleSolutionModelProps = {
     api: ExampleSolutionApiRequests;
     errorHandler?: ExampleSolutionErrorHandler;
+    renderKatexComponent: (katexString: string) => React.ReactNode;
 };
 export type ExampleSolutionModalParams = {
     cacheKey: string;

package/dist/typescript/commonjs/features/exampleSolution/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,uBAAuB,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAA;CAC5F,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;AACxE,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,0BAA0B,CAAA;IAC/B,YAAY,CAAC,EAAE,2BAA2B,CAAA;CAC3C,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,KAAK,EAAE,oBAAoB,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,uBAAuB,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAA;CAC5F,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;AACxE,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,0BAA0B,CAAA;IAC/B,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAC1C,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAC/D,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,KAAK,EAAE,oBAAoB,CAAA;CAC5B,CAAA"}

package/dist/typescript/commonjs/features/formulaSheet/components/FormulaSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAkDxB,CAAA"}
+{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAoDxB,CAAA"}

package/dist/typescript/module/features/exampleSolution/ExampleSolutionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolutionModal.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/ExampleSolutionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,kCAAkC,GAAG;IACxC,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,0BAA0B,CAAA;KACnC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,kCAAkC,sBAcpC,CAAA"}
+{"version":3,"file":"ExampleSolutionModal.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/ExampleSolutionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,kCAAkC,GAAG;IACxC,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,0BAA0B,CAAA;KACnC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,kCAAkC,sBAQpC,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/ExampleSolutionModalContent.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { ExampleSolutionModalParams } from '../types';
-export declare const ExampleSolutionModalContent: ({ model, payload, cacheKey, }: ExampleSolutionModalParams) => React.JSX.Element;
+type ExampleSolutionModalContentProps = {
+    params: ExampleSolutionModalParams;
+};
+export declare const ExampleSolutionModalContent: ({ params: { model, payload, cacheKey }, }: ExampleSolutionModalContentProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=ExampleSolutionModalContent.d.ts.map

package/dist/typescript/module/features/exampleSolution/components/ExampleSolutionModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,eAAO,MAAM,2BAA2B,kCAIrC,0BAA0B,sBAiB5B,CAAA"}
+{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,2BAA2B,8CAErC,gCAAgC,sBA0BlC,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/QuestionSection.d.ts

@@ -3,7 +3,8 @@ import { ExampleSolutionStatuses } from '../constants';
 type QuestionSectionProps = {
     question?: string;
     status: ExampleSolutionStatuses;
+    renderKatexComponent: (katexString: string) => React.ReactNode;
 };
-export declare const QuestionSection: ({ question, status }: QuestionSectionProps) => React.JSX.Element;
+export declare const QuestionSection: ({ question, status, renderKatexComponent, }: QuestionSectionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=QuestionSection.d.ts.map

package/dist/typescript/module/features/exampleSolution/components/QuestionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/QuestionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,eAAe,yBAA0B,oBAAoB,sBAazE,CAAA"}
+{"version":3,"file":"QuestionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/QuestionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAC/D,CAAA;AAED,eAAO,MAAM,eAAe,gDAIzB,oBAAoB,sBAWtB,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/SolutionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAID,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAsBvE,CAAA"}
+{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAWD,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAiDvE,CAAA"}

package/dist/typescript/module/features/exampleSolution/model/ExampleSolution.model.d.ts

@@ -1,9 +1,10 @@
-import { GifCelebrationsModelProps } from '../types';
+import { ExampleSolutionModelProps } from '../types';
 import { ExampleSolutionsApi } from './ExampleSolutionApi';
 import { ExampleSolutionCache } from './ExampleSolutionCache';
 export declare class ExampleSolutionModel {
     readonly api: ExampleSolutionsApi;
     readonly cache: ExampleSolutionCache;
-    constructor({ api, errorHandler }: GifCelebrationsModelProps);
+    readonly renderKatexComponent: (katexString: string) => React.ReactNode;
+    constructor({ api, errorHandler, renderKatexComponent }: ExampleSolutionModelProps);
 }
 //# sourceMappingURL=ExampleSolution.model.d.ts.map

package/dist/typescript/module/features/exampleSolution/model/ExampleSolution.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSolution.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/model/ExampleSolution.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,qBAAa,oBAAoB;IAC/B,SAAgB,GAAG,sBAAA;IACnB,SAAgB,KAAK,uBAA6B;gBAEtC,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,yBAAyB;CAG7D"}
+{"version":3,"file":"ExampleSolution.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/model/ExampleSolution.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,qBAAa,oBAAoB;IAC/B,SAAgB,GAAG,sBAAA;IACnB,SAAgB,KAAK,uBAA6B;IAElD,SAAgB,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;gBAElE,EAAE,GAAG,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAInF"}

package/dist/typescript/module/features/exampleSolution/types.d.ts

@@ -14,9 +14,10 @@ export type ExampleSolutionApiRequests = {
     generateExampleSolution: (body: ExampleSolutionPayload) => Promise<ExampleSolutionResponse>;
 };
 export type ExampleSolutionErrorHandler = (errorMessage: string) => void;
-export type GifCelebrationsModelProps = {
+export type ExampleSolutionModelProps = {
     api: ExampleSolutionApiRequests;
     errorHandler?: ExampleSolutionErrorHandler;
+    renderKatexComponent: (katexString: string) => React.ReactNode;
 };
 export type ExampleSolutionModalParams = {
     cacheKey: string;

package/dist/typescript/module/features/exampleSolution/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,uBAAuB,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAA;CAC5F,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;AACxE,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,0BAA0B,CAAA;IAC/B,YAAY,CAAC,EAAE,2BAA2B,CAAA;CAC3C,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,KAAK,EAAE,oBAAoB,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/exampleSolution/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,uBAAuB,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAA;CAC5F,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;AACxE,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,0BAA0B,CAAA;IAC/B,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAC1C,oBAAoB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAC/D,CAAA;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,sBAAsB,CAAA;IAC/B,KAAK,EAAE,oBAAoB,CAAA;CAC5B,CAAA"}

package/dist/typescript/module/features/formulaSheet/components/FormulaSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAkDxB,CAAA"}
+{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAoDxB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.6.14-rc.20",
+  "version": "0.6.14-rc.21",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -29,7 +29,7 @@
     "react-native-modalfy": "*"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.4.37",
+    "@magmamath/react-native-ui": "0.4.44",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1",
     "@react-native/eslint-config": "^0.73.1",

package/src/features/exampleSolution/ExampleSolutionModal.tsx

@@ -18,12 +18,6 @@ export const ExampleSolutionModal = ({
       container: { paddingHorizontal: SPACING[800] },
     }}
     onClose={closeModal}
-    content={
-      <ExampleSolutionModalContent
-        model={params.model}
-        payload={params.payload}
-        cacheKey={params.cacheKey}
-      />
-    }
+    content={<ExampleSolutionModalContent params={params} />}
   />
 )

package/src/features/exampleSolution/components/ExampleSolutionModalContent.tsx

@@ -1,6 +1,6 @@
 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'
 import { MessageBlock } from './MessageBlock'
@@ -10,21 +10,34 @@ import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
 import { useExampleSolution } from '../hooks/useExampleSolution'
 
+type ExampleSolutionModalContentProps = {
+  params: ExampleSolutionModalParams
+}
+
+const CONTAINER_HEIGHT = 593
+
 export const ExampleSolutionModalContent = ({
-  model,
-  payload,
-  cacheKey,
-}: ExampleSolutionModalParams) => {
+  params: { model, payload, cacheKey },
+}: ExampleSolutionModalContentProps) => {
   const { result, status } = useExampleSolution({ model, payload, cacheKey })
   const localization = useUnit($localization)
 
   return (
-    <View style={styles.container}>
+    <View
+      style={[
+        styles.container,
+        IS_WEB ? { maxHeight: CONTAINER_HEIGHT } : { height: CONTAINER_HEIGHT },
+      ]}
+    >
       <Typography align="center" variant={HeadingVariants.H2} style={{ color: COLORS.NEUTRAL_9 }}>
         {localization.exampleSolution.exampleSolution}
       </Typography>
       <View style={styles.content}>
-        <QuestionSection status={status} question={result?.question} />
+        <QuestionSection
+          status={status}
+          question={result?.question}
+          renderKatexComponent={model.renderKatexComponent}
+        />
         <SolutionSection status={status} answer={result?.answer} />
       </View>
       <MessageBlock status={status} style={styles.messageBlock} />
@@ -36,7 +49,6 @@ export const ExampleSolutionModalContent = ({
 const styles = StyleSheet.create({
   container: {
     width: 880,
-    height: 593,
   },
   content: {
     flex: 1,
@@ -53,8 +65,8 @@ const styles = StyleSheet.create({
   },
   lavaIconContainer: {
     position: 'absolute',
-    bottom: -54,
-    right: -50,
+    bottom: -24,
+    right: -26,
   },
   loaderContainer: {
     paddingTop: 34,
@@ -65,7 +77,7 @@ const styles = StyleSheet.create({
   },
   messageBlock: {
     position: 'absolute',
-    right: 38,
-    bottom: -22,
+    right: 58,
+    bottom: -12,
   },
 })

package/src/features/exampleSolution/components/QuestionSection.tsx

@@ -1,20 +1,23 @@
-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'
 
 type QuestionSectionProps = {
   question?: string
   status: ExampleSolutionStatuses
+  renderKatexComponent: (katexString: string) => React.ReactNode
 }
 
-export const QuestionSection = ({ question, status }: QuestionSectionProps) => {
+export const QuestionSection = ({
+  question,
+  status,
+  renderKatexComponent,
+}: QuestionSectionProps) => {
   return (
     <View style={styles.container}>
-      <ScrollView style={styles.scrollView}>
-        <Typography>{question}</Typography>
-      </ScrollView>
+      {question && <View style={styles.katexContainer}>{renderKatexComponent(question)}</View>}
       {status === ExampleSolutionStatuses.LOADING && (
         <Animated.View exiting={FadeOut} style={styles.loaderContainer}>
           <Loader size="large" color={LoaderColor.BLUE} />
@@ -28,12 +31,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,