@magmamath/students-features 1.3.25 → 1.3.26-rc.1

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import { FLUENCY_MODES } from "../../fluency.constants.js";
+import { MathOperatorRow } from "./MathOperatorRow.js";
+import { useFluency } from "../../context/FluencyContext.js";
+import { useText } from "../../../../i18n/i18n.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SelectMathOperator = () => {
+  const t = useText();
+  const {
+    model,
+    onModeSelectPress
+  } = useFluency();
+  const fluencyMode = useUnit(model.$mode);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: FLUENCY_MODES.map(({
+      mode,
+      label,
+      icon: Icon,
+      select
+    }, index) => {
+      const isSelectedMode = mode === fluencyMode;
+      return /*#__PURE__*/_jsx(MathOperatorRow, {
+        title: t(label),
+        icon: /*#__PURE__*/_jsx(Icon, {
+          color: isSelectedMode ? COLORS.NEUTRAL_1 : undefined
+        })
+        // progress={0}
+        ,
+        progress: Math.random() * 100,
+        color: select,
+        selected: isSelectedMode,
+        onSelect: () => {
+          model.setMode(mode);
+          onModeSelectPress?.(mode);
+        },
+        showDivider: index < FLUENCY_MODES.length - 1
+      }, mode);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 270,
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[200],
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[1]
+  }
+});
+//# sourceMappingURL=SelectMathOperator.js.map

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","SHADOWS","SPACING","useUnit","FLUENCY_MODES","MathOperatorRow","useFluency","useText","jsx","_jsx","SelectMathOperator","t","model","onModeSelectPress","fluencyMode","$mode","style","styles","container","children","map","mode","label","icon","Icon","select","index","isSelectedMode","title","color","NEUTRAL_1","undefined","progress","Math","random","selected","onSelect","setMode","showDivider","length","create","width","paddingVertical","paddingHorizontal","borderRadius","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AACpF,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,QAAQ,4BAAyB;AACvD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,OAAO,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAGJ,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEK,KAAK;IAAEC;EAAkB,CAAC,GAAGP,UAAU,CAAC,CAAC;EACjD,MAAMQ,WAAW,GAAGX,OAAO,CAACS,KAAK,CAACG,KAAK,CAAC;EAExC,oBACEN,IAAA,CAACX,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3Bf,aAAa,CAACgB,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI,EAAEC,IAAI;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MACjE,MAAMC,cAAc,GAAGN,IAAI,KAAKP,WAAW;MAC3C,oBACEL,IAAA,CAACJ,eAAe;QAEduB,KAAK,EAAEjB,CAAC,CAACW,KAAK,CAAE;QAChBC,IAAI,eAAEd,IAAA,CAACe,IAAI;UAACK,KAAK,EAAEF,cAAc,GAAG3B,MAAM,CAAC8B,SAAS,GAAGC;QAAU,CAAE;QACnE;QAAA;QACAC,QAAQ,EAAEC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,GAAI;QAC9BL,KAAK,EAAEJ,MAAO;QACdU,QAAQ,EAAER,cAAe;QACzBS,QAAQ,EAAEA,CAAA,KAAM;UACdxB,KAAK,CAACyB,OAAO,CAAChB,IAAI,CAAC;UACnBR,iBAAiB,GAAGQ,IAAI,CAAC;QAC3B,CAAE;QACFiB,WAAW,EAAEZ,KAAK,GAAGtB,aAAa,CAACmC,MAAM,GAAG;MAAE,GAXzClB,IAYN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGpB,UAAU,CAAC2C,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,KAAK,EAAE,GAAG;IACVC,eAAe,EAAExC,OAAO,CAAC,GAAG,CAAC;IAC7ByC,iBAAiB,EAAEzC,OAAO,CAAC,GAAG,CAAC;IAC/B0C,YAAY,EAAE7C,aAAa,CAAC,GAAG,CAAC;IAChC8C,eAAe,EAAE7C,MAAM,CAAC8B,SAAS;IACjC,GAAG7B,OAAO,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import React from 'react';
+import { MathFlashcard } from "./MathFlashcard.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const CARD_LAYOUTS = [{
+  card: {
+    width: 146,
+    height: 88,
+    radius: 6
+  },
+  answer: {
+    width: 20,
+    height: 29,
+    radius: 4
+  },
+  fontSize: 26,
+  position: {
+    right: 283,
+    top: 31,
+    zIndex: 1
+  },
+  rotation: '21.3deg'
+}, {
+  card: {
+    width: 195,
+    height: 118,
+    radius: 9
+  },
+  answer: {
+    width: 27,
+    height: 38,
+    radius: 6
+  },
+  fontSize: 35,
+  position: {
+    right: 148,
+    top: -6,
+    zIndex: 2
+  },
+  rotation: '-15.43deg'
+}, {
+  card: {
+    width: 260,
+    height: 157,
+    radius: 12
+  },
+  answer: {
+    width: 36,
+    height: 51,
+    radius: 8
+  },
+  fontSize: 46,
+  position: {
+    right: 0,
+    top: -11,
+    zIndex: 3
+  },
+  rotation: '8.83deg'
+}];
+export const BannerFlashcards = ({
+  examples
+}) => /*#__PURE__*/_jsx(_Fragment, {
+  children: CARD_LAYOUTS.map((layout, index) => {
+    const example = examples[index];
+    if (!example) return null;
+    return /*#__PURE__*/_jsx(MathFlashcard, {
+      left: example.left,
+      right: example.right,
+      layout: layout
+    }, index);
+  })
+});
+//# sourceMappingURL=BannerFlashcards.js.map

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MathFlashcard","jsx","_jsx","Fragment","_Fragment","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","children","map","layout","index","example","left"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAyB,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOhE,MAAMC,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClEhB,IAAA,CAAAE,SAAA;EAAAe,QAAA,EACGd,YAAY,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGL,QAAQ,CAACI,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAOrB,IAAA,CAACF,aAAa;MAAawB,IAAI,EAAED,OAAO,CAACC,IAAK;MAACX,KAAK,EAAEU,OAAO,CAACV,KAAM;MAACQ,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { COLORS, SHADOWS } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MathFlashcard = ({
+  left,
+  right,
+  layout
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.card, {
+    width: layout.card.width,
+    height: layout.card.height,
+    borderRadius: layout.card.radius,
+    right: layout.position.right,
+    top: layout.position.top,
+    zIndex: layout.position.zIndex,
+    transform: [{
+      rotate: layout.rotation
+    }]
+  }],
+  children: /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: left
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.answerBox, {
+        width: layout.answer.width,
+        height: layout.answer.height,
+        borderRadius: layout.answer.radius
+      }]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: right
+    })]
+  })
+});
+const styles = StyleSheet.create({
+  card: {
+    position: 'absolute',
+    backgroundColor: COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...SHADOWS[1]
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 1
+  },
+  text: {
+    fontWeight: 'bold',
+    color: COLORS.BLACK
+  },
+  answerBox: {
+    backgroundColor: COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=MathFlashcard.js.map

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","COLORS","SHADOWS","jsx","_jsx","jsxs","_jsxs","MathFlashcard","left","right","layout","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","row","text","fontSize","answerBox","answer","create","backgroundColor","NEUTRAL_1","alignItems","justifyContent","flexDirection","gap","fontWeight","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB5D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvEN,IAAA,CAACN,IAAI;EACHa,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEJ,MAAM,CAACG,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEL,MAAM,CAACG,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAEN,MAAM,CAACG,IAAI,CAACI,MAAM;IAChCR,KAAK,EAAEC,MAAM,CAACQ,QAAQ,CAACT,KAAK;IAC5BU,GAAG,EAAET,MAAM,CAACQ,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEV,MAAM,CAACQ,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEZ,MAAM,CAACa;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEFlB,KAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACa,GAAI;IAAAD,QAAA,gBACtBpB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEhB;IAAI,CAAO,CAAC,eACxEJ,IAAA,CAACN,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACgB,SAAS,EAChB;QAAEd,KAAK,EAAEJ,MAAM,CAACmB,MAAM,CAACf,KAAK;QAAEC,MAAM,EAAEL,MAAM,CAACmB,MAAM,CAACd,MAAM;QAAEC,YAAY,EAAEN,MAAM,CAACmB,MAAM,CAACZ;MAAO,CAAC;IAChG,CACH,CAAC,eACFb,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAAC8B,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBa,eAAe,EAAE9B,MAAM,CAAC+B,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAErC,MAAM,CAACsC;EAChB,CAAC;EACDX,SAAS,EAAE;IACTG,eAAe,EAAE9B,MAAM,CAACuC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzC,MAAM,CAAC0C;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/StartBanner.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, Typography, PlayIcon, COLORS, SHADOWS, SPACING, FONT_FAMILY, BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { BannerFlashcards } from "./BannerFlashcards.js";
+import { useFluency } from "../../context/FluencyContext.js";
+import { useText } from "../../../../i18n/i18n.js";
+import { SpringIcon } from "../../assets/SpringIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StartBanner = () => {
+  const t = useText();
+  const {
+    onStartPress
+  } = useFluency();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.buttonContainer,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.buttonGroup,
+        children: [/*#__PURE__*/_jsx(Button, {
+          onPress: onStartPress,
+          disabled: false,
+          isLoading: false,
+          isActive: false,
+          icon: /*#__PURE__*/_jsx(PlayIcon, {
+            color: COLORS.NEUTRAL_1
+          }),
+          variant: ButtonVariant.PRIMARY,
+          size: ButtonSize.LARGE,
+          colorScheme: ButtonColor.YELLOW,
+          raiseLevel: 6,
+          style: {
+            container: styles.button
+          },
+          children: t('student.fluency.startPractice')
+        }), /*#__PURE__*/_jsxs(Typography, {
+          style: styles.buttonSubtitle,
+          children: ["0 ", t('student.fluency.cardsReady')]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.springIcon,
+          children: /*#__PURE__*/_jsx(SpringIcon, {})
+        })]
+      })
+    }), /*#__PURE__*/_jsx(BannerFlashcards, {
+      examples: [{
+        left: '15*',
+        right: '=30'
+      }, {
+        left: '10-',
+        right: '=25'
+      }, {
+        left: '5+',
+        right: '=19'
+      }]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center',
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[800],
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[1]
+  },
+  buttonContainer: {
+    alignItems: 'flex-start',
+    zIndex: 4
+  },
+  buttonGroup: {
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  button: {
+    minWidth: 220,
+    maxWidth: 315,
+    textTransform: 'uppercase'
+  },
+  buttonSubtitle: {
+    fontSize: 13,
+    fontWeight: '400',
+    color: COLORS.BLACK,
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  flashcard: {
+    position: 'absolute',
+    backgroundColor: COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...SHADOWS[1]
+  },
+  springIcon: {
+    position: 'absolute',
+    bottom: -28,
+    right: 0,
+    marginTop: 6,
+    alignSelf: 'flex-end'
+  }
+});
+//# sourceMappingURL=StartBanner.js.map

package/dist/module/features/fluency/components/start-banner/StartBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Button","ButtonColor","ButtonSize","ButtonVariant","Typography","PlayIcon","COLORS","SHADOWS","SPACING","FONT_FAMILY","BORDER_RADIUS","BannerFlashcards","useFluency","useText","SpringIcon","jsx","_jsx","jsxs","_jsxs","StartBanner","t","onStartPress","style","styles","container","children","buttonContainer","buttonGroup","onPress","disabled","isLoading","isActive","icon","color","NEUTRAL_1","variant","PRIMARY","size","LARGE","colorScheme","YELLOW","raiseLevel","button","buttonSubtitle","springIcon","examples","left","right","create","flex","height","justifyContent","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","fontFamily","buenosAires","flashcard","position","bottom","marginTop","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/context/FluencyContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const FluencyContext = /*#__PURE__*/createContext(null);
+export const useFluency = () => {
+  const value = useContext(FluencyContext);
+  if (!value) throw new Error('useFluency must be used within FluencyProvider');
+  return value;
+};
+export const FluencyProvider = FluencyContext.Provider;
+//# sourceMappingURL=FluencyContext.js.map

package/dist/module/features/fluency/context/FluencyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","FluencyContext","useFluency","value","Error","FluencyProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/fluency/context/FluencyContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAWjD,MAAMC,cAAc,gBAAGF,aAAa,CAA6B,IAAI,CAAC;AAEtE,OAAO,MAAMG,UAAU,GAAGA,CAAA,KAA2B;EACnD,MAAMC,KAAK,GAAGH,UAAU,CAACC,cAAc,CAAC;EACxC,IAAI,CAACE,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EAC7E,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAME,eAAe,GAAGJ,cAAc,CAACK,QAAQ","ignoreList":[]}

package/dist/module/features/fluency/fluency.constants.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import { CrossIcon, MinusIcon, PlusIcon } from '@magmamath/react-native-ui';
+import { ButtonColor, COLORS, SelectOptionColor } from '@magmamath/react-native-ui';
+import { createFluencyMode } from "./fluency.helpers.js";
+import { DivideIcon } from "./assets/DivideIcon.js";
+export const MATRIX_SIZE = 21;
+export const MAX_INPUT_LENGTH = 3;
+export let FluencyMode = /*#__PURE__*/function (FluencyMode) {
+  FluencyMode["ADDITION"] = "ADDITION";
+  FluencyMode["SUBTRACTION"] = "SUBTRACTION";
+  FluencyMode["MULTIPLICATION"] = "MULTIPLICATION";
+  FluencyMode["DIVISION"] = "DIVISION";
+  return FluencyMode;
+}({});
+export let FluencyMasteryLevel = /*#__PURE__*/function (FluencyMasteryLevel) {
+  FluencyMasteryLevel["LEARNING"] = "learning";
+  FluencyMasteryLevel["GROWING"] = "growing";
+  FluencyMasteryLevel["STRONG"] = "strong";
+  FluencyMasteryLevel["MASTERED"] = "mastered";
+  return FluencyMasteryLevel;
+}({});
+export let FluencyColorFamily = /*#__PURE__*/function (FluencyColorFamily) {
+  FluencyColorFamily["GREEN"] = "GREEN";
+  FluencyColorFamily["ORANGE"] = "ORANGE";
+  FluencyColorFamily["BLUE"] = "BLUE";
+  FluencyColorFamily["PURPLE"] = "PURPLE";
+  return FluencyColorFamily;
+}({});
+export const COLOR_FAMILY_PALETTES = {
+  [FluencyColorFamily.GREEN]: {
+    shades: [COLORS.GREEN_2, COLORS.GREEN_3, COLORS.PRIMARY_GREEN, COLORS.GREEN_6],
+    button: ButtonColor.GREEN,
+    select: SelectOptionColor.GREEN
+  },
+  [FluencyColorFamily.ORANGE]: {
+    shades: [COLORS.ORANGE_2, COLORS.ORANGE_3, COLORS.PRIMARY_ORANGE, COLORS.ORANGE_6],
+    button: ButtonColor.ORANGE,
+    select: SelectOptionColor.ORANGE
+  },
+  [FluencyColorFamily.BLUE]: {
+    shades: [COLORS.BLUE_2, COLORS.BLUE_3, COLORS.PRIMARY_BLUE, COLORS.BLUE_6],
+    button: ButtonColor.BLUE,
+    select: SelectOptionColor.BLUE
+  },
+  [FluencyColorFamily.PURPLE]: {
+    shades: [COLORS.PURPLE_2, COLORS.PURPLE_3, COLORS.PRIMARY_PURPLE, COLORS.PURPLE_6],
+    button: ButtonColor.PURPLE,
+    select: SelectOptionColor.PURPLE
+  }
+};
+export const FLUENCY_MODES = [createFluencyMode({
+  mode: FluencyMode.ADDITION,
+  label: 'student.fluency.addition',
+  icon: PlusIcon,
+  colorFamily: FluencyColorFamily.GREEN
+}), createFluencyMode({
+  mode: FluencyMode.SUBTRACTION,
+  label: 'student.fluency.subtraction',
+  icon: MinusIcon,
+  colorFamily: FluencyColorFamily.ORANGE
+}), createFluencyMode({
+  mode: FluencyMode.MULTIPLICATION,
+  label: 'student.fluency.multiplication',
+  icon: CrossIcon,
+  colorFamily: FluencyColorFamily.BLUE
+}), createFluencyMode({
+  mode: FluencyMode.DIVISION,
+  label: 'student.fluency.division',
+  icon: DivideIcon,
+  colorFamily: FluencyColorFamily.PURPLE
+})];
+export const FLUENCY_MODE_PRESETS = Object.fromEntries(FLUENCY_MODES.map(({
+  mode,
+  preset
+}) => [mode, preset]));
+//# sourceMappingURL=fluency.constants.js.map

package/dist/module/features/fluency/fluency.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CrossIcon","MinusIcon","PlusIcon","ButtonColor","COLORS","SelectOptionColor","createFluencyMode","DivideIcon","MATRIX_SIZE","MAX_INPUT_LENGTH","FluencyMode","FluencyMasteryLevel","FluencyColorFamily","COLOR_FAMILY_PALETTES","GREEN","shades","GREEN_2","GREEN_3","PRIMARY_GREEN","GREEN_6","button","select","ORANGE","ORANGE_2","ORANGE_3","PRIMARY_ORANGE","ORANGE_6","BLUE","BLUE_2","BLUE_3","PRIMARY_BLUE","BLUE_6","PURPLE","PURPLE_2","PURPLE_3","PRIMARY_PURPLE","PURPLE_6","FLUENCY_MODES","mode","ADDITION","label","icon","colorFamily","SUBTRACTION","MULTIPLICATION","DIVISION","FLUENCY_MODE_PRESETS","Object","fromEntries","map","preset"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.constants.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/fluency.helpers.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { COLORS } from '@magmamath/react-native-ui';
+import { FluencyMasteryLevel, COLOR_FAMILY_PALETTES } from "./fluency.constants.js";
+// TODO: Threshold values to be aligned with BE response schema.
+export const getMasteryLevel = score => {
+  if (score >= 80) return FluencyMasteryLevel.MASTERED;
+  if (score >= 60) return FluencyMasteryLevel.STRONG;
+  if (score >= 40) return FluencyMasteryLevel.GROWING;
+  return FluencyMasteryLevel.LEARNING;
+};
+export const getCellColorByScore = (score, mastery) => mastery[getMasteryLevel(score)];
+export const getCellBackground = (row, col) => {
+  if (row === 0 && col === 0) return COLORS.NEUTRAL_2;
+  if (row === 0 || col === 0) return COLORS.NEUTRAL_5;
+  return COLORS.NEUTRAL_2;
+};
+export const getCellLabel = (row, col) => {
+  if (row === 0 && col === 0) return null;
+  if (row === 0) return col;
+  if (col === 0) return row;
+  return null;
+};
+export const createFluencyMode = ({
+  mode,
+  label,
+  icon,
+  colorFamily
+}) => {
+  const palette = COLOR_FAMILY_PALETTES[colorFamily];
+  const [learning, growing, strong, mastered] = palette.shades;
+  return {
+    mode,
+    label,
+    icon,
+    select: palette.select,
+    preset: {
+      buttonColor: palette.button,
+      icon,
+      header: {
+        streakColor: {
+          gained: growing,
+          todayBorder: strong
+        }
+      },
+      matrix: {
+        operatorName: label,
+        mastery: {
+          learning,
+          growing,
+          strong,
+          mastered
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=fluency.helpers.js.map

package/dist/module/features/fluency/fluency.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","FluencyMasteryLevel","COLOR_FAMILY_PALETTES","getMasteryLevel","score","MASTERED","STRONG","GROWING","LEARNING","getCellColorByScore","mastery","getCellBackground","row","col","NEUTRAL_2","NEUTRAL_5","getCellLabel","createFluencyMode","mode","label","icon","colorFamily","palette","learning","growing","strong","mastered","shades","select","preset","buttonColor","button","header","streakColor","gained","todayBorder","matrix","operatorName"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.helpers.ts"],"mappings":";;AACA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SAEEC,mBAAmB,EAEnBC,qBAAqB,QAChB,wBAAqB;AAI5B;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAa,IAA0B;EACrE,IAAIA,KAAK,IAAI,EAAE,EAAE,OAAOH,mBAAmB,CAACI,QAAQ;EACpD,IAAID,KAAK,IAAI,EAAE,EAAE,OAAOH,mBAAmB,CAACK,MAAM;EAClD,IAAIF,KAAK,IAAI,EAAE,EAAE,OAAOH,mBAAmB,CAACM,OAAO;EACnD,OAAON,mBAAmB,CAACO,QAAQ;AACrC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CACjCL,KAAa,EACbM,OAA+C,KACpCA,OAAO,CAACP,eAAe,CAACC,KAAK,CAAC,CAAC;AAE5C,OAAO,MAAMO,iBAAiB,GAAGA,CAACC,GAAW,EAAEC,GAAW,KAAa;EACrE,IAAID,GAAG,KAAK,CAAC,IAAIC,GAAG,KAAK,CAAC,EAAE,OAAOb,MAAM,CAACc,SAAS;EACnD,IAAIF,GAAG,KAAK,CAAC,IAAIC,GAAG,KAAK,CAAC,EAAE,OAAOb,MAAM,CAACe,SAAS;EACnD,OAAOf,MAAM,CAACc,SAAS;AACzB,CAAC;AAED,OAAO,MAAME,YAAY,GAAGA,CAACJ,GAAW,EAAEC,GAAW,KAAoB;EACvE,IAAID,GAAG,KAAK,CAAC,IAAIC,GAAG,KAAK,CAAC,EAAE,OAAO,IAAI;EACvC,IAAID,GAAG,KAAK,CAAC,EAAE,OAAOC,GAAG;EACzB,IAAIA,GAAG,KAAK,CAAC,EAAE,OAAOD,GAAG;EACzB,OAAO,IAAI;AACb,CAAC;AASD,OAAO,MAAMK,iBAAiB,GAAGA,CAAC;EAChCC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC;AACuB,CAAC,KAAwB;EAChD,MAAMC,OAAO,GAAGpB,qBAAqB,CAACmB,WAAW,CAAC;EAClD,MAAM,CAACE,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,CAAC,GAAGJ,OAAO,CAACK,MAAM;EAE5D,OAAO;IACLT,IAAI;IACJC,KAAK;IACLC,IAAI;IACJQ,MAAM,EAAEN,OAAO,CAACM,MAAM;IACtBC,MAAM,EAAE;MACNC,WAAW,EAAER,OAAO,CAACS,MAAM;MAC3BX,IAAI;MACJY,MAAM,EAAE;QACNC,WAAW,EAAE;UAAEC,MAAM,EAAEV,OAAO;UAAEW,WAAW,EAAEV;QAAO;MACtD,CAAC;MACDW,MAAM,EAAE;QACNC,YAAY,EAAElB,KAAK;QACnBT,OAAO,EAAE;UAAEa,QAAQ;UAAEC,OAAO;UAAEC,MAAM;UAAEC;QAAS;MACjD;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/fluency/fluency.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=fluency.types.js.map

package/dist/module/features/fluency/fluency.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/features/fluency/hooks/useFluencyModePreset.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { useUnit } from 'effector-react';
+import { COLORS } from '@magmamath/react-native-ui';
+import { FLUENCY_MODE_PRESETS, FluencyMasteryLevel } from "../fluency.constants.js";
+import { useFluency } from "../context/FluencyContext.js";
+import { useText } from "../../../i18n/i18n.js";
+export const useFluencyModePreset = () => {
+  const t = useText();
+  const mode = useUnit(useFluency().model.$mode);
+  const preset = FLUENCY_MODE_PRESETS[mode];
+  const legendItems = [{
+    label: t('student.fluency.notStarted'),
+    color: COLORS.NEUTRAL_2,
+    withBorder: true
+  }, {
+    label: t('student.fluency.masteryLearning'),
+    color: preset.matrix.mastery[FluencyMasteryLevel.LEARNING]
+  }, {
+    label: t('student.fluency.masteryGrowing'),
+    color: preset.matrix.mastery[FluencyMasteryLevel.GROWING]
+  }, {
+    label: t('student.fluency.masteryStrong'),
+    color: preset.matrix.mastery[FluencyMasteryLevel.STRONG]
+  }, {
+    label: t('student.fluency.masteryMastered'),
+    color: preset.matrix.mastery[FluencyMasteryLevel.MASTERED]
+  }];
+  return {
+    ...preset,
+    legendItems
+  };
+};
+//# sourceMappingURL=useFluencyModePreset.js.map

package/dist/module/features/fluency/hooks/useFluencyModePreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useUnit","COLORS","FLUENCY_MODE_PRESETS","FluencyMasteryLevel","useFluency","useText","useFluencyModePreset","t","mode","model","$mode","preset","legendItems","label","color","NEUTRAL_2","withBorder","matrix","mastery","LEARNING","GROWING","STRONG","MASTERED"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyModePreset.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,yBAAsB;AAEhF,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,uBAAoB;AAI5C,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAkC;EACpE,MAAMC,CAAC,GAAGF,OAAO,CAAC,CAAC;EACnB,MAAMG,IAAI,GAAGR,OAAO,CAACI,UAAU,CAAC,CAAC,CAACK,KAAK,CAACC,KAAK,CAAC;EAC9C,MAAMC,MAAM,GAAGT,oBAAoB,CAACM,IAAI,CAAC;EAEzC,MAAMI,WAAyB,GAAG,CAChC;IAAEC,KAAK,EAAEN,CAAC,CAAC,4BAA4B,CAAC;IAAEO,KAAK,EAAEb,MAAM,CAACc,SAAS;IAAEC,UAAU,EAAE;EAAK,CAAC,EACrF;IAAEH,KAAK,EAAEN,CAAC,CAAC,iCAAiC,CAAC;IAAEO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACgB,QAAQ;EAAE,CAAC,EAC3G;IAAEN,KAAK,EAAEN,CAAC,CAAC,gCAAgC,CAAC;IAAEO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACiB,OAAO;EAAE,CAAC,EACzG;IAAEP,KAAK,EAAEN,CAAC,CAAC,+BAA+B,CAAC;IAAEO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACkB,MAAM;EAAE,CAAC,EACvG;IAAER,KAAK,EAAEN,CAAC,CAAC,iCAAiC,CAAC;IAAEO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACmB,QAAQ;EAAE,CAAC,CAC5G;EAED,OAAO;IAAE,GAAGX,MAAM;IAAEC;EAAY,CAAC;AACnC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export * from "./fluency.constants.js";
+export * from "./fluency.types.js";
+export * from "./fluency.helpers.js";
+export { Fluency } from "./components/Fluency.js";
+export { FluencySolving } from "./components/FluencySolving.js";
+export { FluencyModel } from "./model/FluencyModel.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/fluency/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fluency","FluencySolving","FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,oBAAiB;AAC/B,cAAc,sBAAmB;AACjC,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,YAAY,QAAQ,yBAAsB","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyApiModel.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export class FluencyApiModel {
+  constructor({}) {}
+}
+//# sourceMappingURL=FluencyApiModel.js.map

package/dist/module/features/fluency/model/FluencyApiModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FluencyApiModel","constructor"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyApiModel.ts"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,CAAC;EAC3BC,WAAWA,CAAC,CAAkB,CAAC,EAAE,CAAC;AACpC","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyDaysStreakModel.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export class FluencyDaysStreakModel {}
+//# sourceMappingURL=FluencyDaysStreakModel.js.map

package/dist/module/features/fluency/model/FluencyDaysStreakModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FluencyDaysStreakModel"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyDaysStreakModel.ts"],"mappings":";;AAAA,OAAO,MAAMA,sBAAsB,CAAC","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyInputModel.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { createEffect, createEvent, createStore } from 'effector';
+import { MAX_INPUT_LENGTH } from "../fluency.constants.js";
+export class FluencyInputModel {
+  set = createEvent();
+  $state = createStore('').on(this.set, (input, payload) => {
+    const isEraseAction = 'erase' in payload;
+    if (isEraseAction) return payload.erase === 'all' ? '' : input.slice(0, -1);
+    const isDisabled = input.length >= MAX_INPUT_LENGTH || input === '0';
+    if (isDisabled) return input;
+    return input + payload.value;
+  });
+  submitFx = createEffect(() => {
+    console.log('submit');
+  });
+}
+//# sourceMappingURL=FluencyInputModel.js.map

package/dist/module/features/fluency/model/FluencyInputModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","createStore","MAX_INPUT_LENGTH","FluencyInputModel","set","$state","on","input","payload","isEraseAction","erase","slice","isDisabled","length","value","submitFx","console","log"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyInputModel.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,WAAW,QAAQ,UAAU;AACjE,SAASC,gBAAgB,QAAQ,yBAAsB;AAIvD,OAAO,MAAMC,iBAAiB,CAAC;EACbC,GAAG,GAAGJ,WAAW,CAAa,CAAC;EAC/BK,MAAM,GAAGJ,WAAW,CAAC,EAAE,CAAC,CAACK,EAAE,CAAC,IAAI,CAACF,GAAG,EAAE,CAACG,KAAK,EAAEC,OAAO,KAAK;IACxE,MAAMC,aAAa,GAAG,OAAO,IAAID,OAAO;IACxC,IAAIC,aAAa,EAAE,OAAOD,OAAO,CAACE,KAAK,KAAK,KAAK,GAAG,EAAE,GAAGH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3E,MAAMC,UAAU,GAAGL,KAAK,CAACM,MAAM,IAAIX,gBAAgB,IAAIK,KAAK,KAAK,GAAG;IACpE,IAAIK,UAAU,EAAE,OAAOL,KAAK;IAE5B,OAAOA,KAAK,GAAGC,OAAO,CAACM,KAAK;EAC9B,CAAC,CAAC;EAEcC,QAAQ,GAAGhB,YAAY,CAAC,MAAM;IAC5CiB,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;EACvB,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyMatrixModel.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export class FluencyMatrixModel {}
+//# sourceMappingURL=FluencyMatrixModel.js.map

package/dist/module/features/fluency/model/FluencyMatrixModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FluencyMatrixModel"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyMatrixModel.ts"],"mappings":";;AAAA,OAAO,MAAMA,kBAAkB,CAAC","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyModel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { createEvent, restore } from 'effector';
+import { FluencyMode } from "../fluency.constants.js";
+import { FluencyDaysStreakModel } from "./FluencyDaysStreakModel.js";
+import { FluencyMatrixModel } from "./FluencyMatrixModel.js";
+import { FluencyApiModel } from "./FluencyApiModel.js";
+import { FluencySolvingModel } from "./FluencySolvingModel.js";
+import { FluencyInputModel } from "./FluencyInputModel.js";
+export class FluencyModel {
+  setMode = createEvent();
+  $mode = restore(this.setMode, FluencyMode.ADDITION);
+  constructor({
+    api
+  }) {
+    this.api = new FluencyApiModel(api);
+    this.streak = new FluencyDaysStreakModel();
+    this.matrix = new FluencyMatrixModel();
+    this.solving = new FluencySolvingModel();
+    this.input = new FluencyInputModel();
+  }
+}
+//# sourceMappingURL=FluencyModel.js.map