@magmamath/students-features 1.3.26-rc.3 → 1.3.26-rc.4

package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingCard.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react/effector-react.mjs';
+import { FluencyNumpad } from "./FluencyNumpad.js";
+import { FluencyEquationCard } from "./FluencyEquationCard.js";
+import { useFluency } from "../../../context/FluencyContext.js";
+import { useCardSnapAnimation } from "../../../hooks/useCardSnapAnimation.js";
+import { useSuccessSound } from "../../../hooks/useSuccessSound.js";
+import { isWeb } from "../../../../../shared/common.constants.js";
+import { KeyboardKeys } from "../../../../../lib/constants.js";
+import { MAX_INPUT_LENGTH } from "../../../fluency.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FluencySolvingCard = () => {
+  const {
+    model
+  } = useFluency();
+  const {
+    answer,
+    fact
+  } = useUnit({
+    answer: model.solving.$answer,
+    fact: model.solving.$current
+  });
+  const animation = useCardSnapAnimation();
+  const successSound = useSuccessSound();
+  const answerRef = useRef(answer);
+  const submitRef = useRef(() => {});
+  answerRef.current = answer;
+  const submit = () => {
+    if (!fact) return;
+    const isCorrect = answerRef.current !== null && answerRef.current === fact.answer;
+    if (isCorrect) {
+      successSound.play();
+      animation.trigger('right');
+    } else {
+      animation.trigger('left');
+    }
+    model.solving.submit();
+  };
+  submitRef.current = submit;
+  useEffect(() => {
+    if (!isWeb) return;
+    const handleKeyDown = event => {
+      const isDigit = /^\d$/.test(event.key);
+      if (isDigit) {
+        const currentStr = answerRef.current !== null ? answerRef.current.toString() : '';
+        if (currentStr.length >= MAX_INPUT_LENGTH) return;
+        model.solving.setAnswer(parseInt(currentStr + event.key, 10));
+        return;
+      }
+      if (event.key === KeyboardKeys.BACKSPACE) {
+        const currentStr = answerRef.current !== null ? answerRef.current.toString() : '';
+        const newStr = currentStr.slice(0, -1);
+        model.solving.setAnswer(newStr ? parseInt(newStr, 10) : null);
+        return;
+      }
+      if (event.key === KeyboardKeys.ENTER) submitRef.current();
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.wrapper,
+      children: /*#__PURE__*/_jsx(FluencyEquationCard, {
+        animationStyles: animation.snapStyles
+      })
+    }), /*#__PURE__*/_jsx(FluencyNumpad, {
+      onEnterPress: submit
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[600],
+    marginTop: SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencySolvingCard.js.map

package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","SPACING","useUnit","FluencyNumpad","FluencyEquationCard","useFluency","useCardSnapAnimation","useSuccessSound","isWeb","KeyboardKeys","MAX_INPUT_LENGTH","jsx","_jsx","jsxs","_jsxs","FluencySolvingCard","model","answer","fact","solving","$answer","$current","animation","successSound","answerRef","submitRef","current","submit","isCorrect","play","trigger","handleKeyDown","event","isDigit","test","key","currentStr","toString","length","setAnswer","parseInt","BACKSPACE","newStr","slice","ENTER","window","addEventListener","removeEventListener","children","style","styles","wrapper","animationStyles","snapStyles","onEnterPress","create","alignItems","paddingVertical","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/fluency-solving/{FluencySolvingHeader.js → components/FluencySolvingHeader.js}

@@ -3,16 +3,14 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { BORDER_RADIUS, Button, ButtonSize, ButtonVariant, COLORS, HeadingVariants, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
-import { useText } from "../../../../i18n/i18n.js";
-import { useFluencyModePreset } from "../../hooks/useFluencyModePreset.js";
-import { XCloseIcon } from "../../../../shared/icons/XCloseIcon.js";
+import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
+import { XCloseIcon } from "../../../../../shared/icons/XCloseIcon.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FluencySolvingHeader = ({
   onClosePress
 }) => {
-  const t = useText();
-  const uiMode = useFluencyModePreset();
-  const OperatorIcon = uiMode.operatorIcon;
+  const modePreset = useFluencyModePreset();
+  const OperatorIcon = modePreset.icon;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(Button, {
@@ -22,7 +20,7 @@ export const FluencySolvingHeader = ({
       onPress: onClosePress
     }), /*#__PURE__*/_jsx(View, {
       style: [styles.operatorBadge, {
-        backgroundColor: uiMode.accentColor
+        backgroundColor: modePreset.colors.accent
       }],
       children: /*#__PURE__*/_jsx(OperatorIcon, {
         color: COLORS.NEUTRAL_1,
@@ -31,7 +29,7 @@ export const FluencySolvingHeader = ({
     }), /*#__PURE__*/_jsx(Typography, {
       variant: HeadingVariants.H4,
       style: styles.title,
-      children: t(uiMode.matrix.operatorName)
+      children: modePreset.label
     })]
   });
 };

package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","HeadingVariants","SHADOWS","SPACING","Typography","useFluencyModePreset","XCloseIcon","jsx","_jsx","jsxs","_jsxs","FluencySolvingHeader","onClosePress","modePreset","OperatorIcon","icon","style","styles","container","children","variant","SECONDARY","size","LARGE","onPress","operatorBadge","backgroundColor","colors","accent","color","NEUTRAL_1","H4","title","label","create","height","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","width","borderRadius","justifyContent","NEUTRAL_10","fontWeight"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SACEC,aAAa,EACbC,MAAM,EACNC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,UAAU,QACL,4BAA4B;AACnC,SAASC,oBAAoB,QAAQ,wCAAqC;AAC1E,SAASC,UAAU,QAAQ,2CAAwC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMnE,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAMC,UAAU,GAAGR,oBAAoB,CAAC,CAAC;EACzC,MAAMS,YAAY,GAAGD,UAAU,CAACE,IAAI;EAEpC,oBACEL,KAAA,CAAChB,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BX,IAAA,CAACX,MAAM;MACLuB,OAAO,EAAErB,aAAa,CAACsB,SAAU;MACjCC,IAAI,EAAExB,UAAU,CAACyB,KAAM;MACvBR,IAAI,eAAEP,IAAA,CAACF,UAAU,IAAE,CAAE;MACrBkB,OAAO,EAAEZ;IAAa,CACvB,CAAC,eACFJ,IAAA,CAACd,IAAI;MAACsB,KAAK,EAAE,CAACC,MAAM,CAACQ,aAAa,EAAE;QAAEC,eAAe,EAAEb,UAAU,CAACc,MAAM,CAACC;MAAO,CAAC,CAAE;MAAAT,QAAA,eACjFX,IAAA,CAACM,YAAY;QAACe,KAAK,EAAE7B,MAAM,CAAC8B,SAAU;QAACR,IAAI,EAAE;MAAG,CAAE;IAAC,CAC/C,CAAC,eACPd,IAAA,CAACJ,UAAU;MAACgB,OAAO,EAAEnB,eAAe,CAAC8B,EAAG;MAACf,KAAK,EAAEC,MAAM,CAACe,KAAM;MAAAb,QAAA,EAC1DN,UAAU,CAACoB;IAAK,CACP,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMhB,MAAM,GAAGtB,UAAU,CAACuC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAEpC,OAAO,CAAC,GAAG,CAAC;IAC7BqC,iBAAiB,EAAErC,OAAO,CAAC,GAAG,CAAC;IAC/B,GAAGD,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,aAAa,EAAE;IACbgB,KAAK,EAAE,EAAE;IACTN,MAAM,EAAE,EAAE;IACVO,YAAY,EAAE9C,aAAa,CAAC,GAAG,CAAC;IAChCyC,UAAU,EAAE,QAAQ;IACpBM,cAAc,EAAE,QAAQ;IACxB,GAAGzC,OAAO,CAAC,CAAC;EACd,CAAC;EACD8B,KAAK,EAAE;IACLH,KAAK,EAAE7B,MAAM,CAAC4C,UAAU;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FluencySolvingProgress = ({
+  total,
+  activeIndex,
+  outcomes
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: Array.from({
+      length: total
+    }).map((_, index) => {
+      if (index === activeIndex) return /*#__PURE__*/_jsx(View, {
+        style: styles.dotActive
+      }, index);
+      if (index < activeIndex) {
+        const outcome = outcomes[index];
+        return /*#__PURE__*/_jsx(View, {
+          style: outcome ? DOT_STYLE_BY_OUTCOME[outcome] : styles.dot
+        }, index);
+      }
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.dot
+      }, index);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: SPACING[200],
+    paddingHorizontal: SPACING[600],
+    paddingVertical: 14,
+    justifyContent: 'center'
+  },
+  dot: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: COLORS.NEUTRAL_4
+  },
+  dotActive: {
+    width: 34,
+    height: 12,
+    backgroundColor: COLORS.NEUTRAL_10,
+    borderRadius: 9999
+  },
+  dotCorrect: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: COLORS.PRIMARY_GREEN
+  },
+  dotWrong: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: COLORS.PRIMARY_RED
+  }
+});
+const DOT_STYLE_BY_OUTCOME = {
+  correct: styles.dotCorrect,
+  wrong: styles.dotWrong
+};
+//# sourceMappingURL=FluencySolvingProgress.js.map

package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","COLORS","SPACING","jsx","_jsx","FluencySolvingProgress","total","activeIndex","outcomes","style","styles","container","children","Array","from","length","map","_","index","dotActive","outcome","DOT_STYLE_BY_OUTCOME","dot","create","flexDirection","gap","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","NEUTRAL_4","NEUTRAL_10","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","correct","wrong"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAS5D,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,oBACEJ,IAAA,CAACL,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAET;IAAM,CAAC,CAAC,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;MAC/C,IAAIA,KAAK,KAAKX,WAAW,EAAE,oBAAOH,IAAA,CAACL,IAAI;QAAaU,KAAK,EAAEC,MAAM,CAACS;MAAU,GAA/BD,KAAiC,CAAC;MAC/E,IAAIA,KAAK,GAAGX,WAAW,EAAE;QACvB,MAAMa,OAAO,GAAGZ,QAAQ,CAACU,KAAK,CAAC;QAC/B,oBAAOd,IAAA,CAACL,IAAI;UAAaU,KAAK,EAAEW,OAAO,GAAGC,oBAAoB,CAACD,OAAO,CAAC,GAAGV,MAAM,CAACY;QAAI,GAAnEJ,KAAqE,CAAC;MAC1F;MACA,oBAAOd,IAAA,CAACL,IAAI;QAAaU,KAAK,EAAEC,MAAM,CAACY;MAAI,GAAzBJ,KAA2B,CAAC;IAChD,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGV,UAAU,CAACuB,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEvB,OAAO,CAAC,GAAG,CAAC;IACjBwB,iBAAiB,EAAExB,OAAO,CAAC,GAAG,CAAC;IAC/ByB,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDN,GAAG,EAAE;IACHO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE/B,MAAM,CAACgC;EAC1B,CAAC;EACDd,SAAS,EAAE;IACTU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAE/B,MAAM,CAACiC,UAAU;IAClCH,YAAY,EAAE;EAChB,CAAC;EACDI,UAAU,EAAE;IACVN,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE/B,MAAM,CAACmC;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRR,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE/B,MAAM,CAACqC;EAC1B;AACF,CAAC,CAAC;AAEF,MAAMjB,oBAAqD,GAAG;EAC5DkB,OAAO,EAAE7B,MAAM,CAACyB,UAAU;EAC1BK,KAAK,EAAE9B,MAAM,CAAC2B;AAChB,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.constants.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { FluencyMode } from "../../fluency.constants.js";
+const HOUR_MS = 60 * 60 * 1000;
+const BOX_1_INTERVAL = 4 * HOUR_MS;
+const BOX_2_INTERVAL = 36 * HOUR_MS; // 1.5 days
+const BOX_3_INTERVAL = 144 * HOUR_MS; // 6 days
+const BOX_4_INTERVAL = 672 * HOUR_MS; // 4 weeks
+const BOX_5_INTERVAL = 2016 * HOUR_MS; // 12 weeks
+
+export const DEFAULT_PICKER_PARAMS = {
+  wDue: 0.05,
+  wWeak: 0.35,
+  wEase: 0.3,
+  wRand: 0.02,
+  numBoxes: 5,
+  boxIntervals: [0, BOX_1_INTERVAL, BOX_2_INTERVAL, BOX_3_INTERVAL, BOX_4_INTERVAL, BOX_5_INTERVAL]
+};
+export const MODE_ANSWER_EVAL_FORMULA = {
+  [FluencyMode.ADDITION]: (a, b) => a + b,
+  [FluencyMode.SUBTRACTION]: (a, b) => a - b,
+  [FluencyMode.MULTIPLICATION]: (a, b) => a * b,
+  [FluencyMode.DIVISION]: (a, b) => a / b
+};
+//# sourceMappingURL=fluencySolving.constants.js.map

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FluencyMode","HOUR_MS","BOX_1_INTERVAL","BOX_2_INTERVAL","BOX_3_INTERVAL","BOX_4_INTERVAL","BOX_5_INTERVAL","DEFAULT_PICKER_PARAMS","wDue","wWeak","wEase","wRand","numBoxes","boxIntervals","MODE_ANSWER_EVAL_FORMULA","ADDITION","a","b","SUBTRACTION","MULTIPLICATION","DIVISION"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/fluencySolving.constants.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,4BAAyB;AAGrD,MAAMC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;AAC9B,MAAMC,cAAc,GAAG,CAAC,GAAGD,OAAO;AAClC,MAAME,cAAc,GAAG,EAAE,GAAGF,OAAO,EAAC;AACpC,MAAMG,cAAc,GAAG,GAAG,GAAGH,OAAO,EAAC;AACrC,MAAMI,cAAc,GAAG,GAAG,GAAGJ,OAAO,EAAC;AACrC,MAAMK,cAAc,GAAG,IAAI,GAAGL,OAAO,EAAC;;AAEtC,OAAO,MAAMM,qBAAmC,GAAG;EACjDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE,GAAG;EACVC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,CAAC;EACXC,YAAY,EAAE,CAAC,CAAC,EAAEX,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;AAClG,CAAC;AAED,OAAO,MAAMQ,wBAA+E,GAAG;EAC7F,CAACd,WAAW,CAACe,QAAQ,GAAG,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EACvC,CAACjB,WAAW,CAACkB,WAAW,GAAG,CAACF,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EAC1C,CAACjB,WAAW,CAACmB,cAAc,GAAG,CAACH,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EAC7C,CAACjB,WAAW,CAACoB,QAAQ,GAAG,CAACJ,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC;AACxC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.helpers.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { DEFAULT_PICKER_PARAMS, MODE_ANSWER_EVAL_FORMULA } from "./fluencySolving.constants.js";
+export function toSolvingFacts(factMap, mode) {
+  return Object.entries(factMap).map(([id, fact]) => {
+    const [a, b] = fact.numbers;
+    const answer = MODE_ANSWER_EVAL_FORMULA[mode](a, b);
+    const box = fact.box ?? 0;
+    return {
+      id,
+      numbers: fact.numbers,
+      answer,
+      difficulty: fact.difficulty,
+      box,
+      lastSeenMs: fact.lastAttemptedAt ? new Date(fact.lastAttemptedAt).getTime() : null,
+      sessionStartBox: box,
+      hasFailedThisSession: false
+    };
+  });
+}
+function calculateAttentionScore(fact, now, params, maxDifficulty) {
+  const interval = params.boxIntervals[fact.box] || params.boxIntervals[1];
+  const overdueness = fact.lastSeenMs === null ? 1 : Math.max(0, (now - fact.lastSeenMs) / interval);
+  const weakness = 1 - fact.box / params.numBoxes;
+  const ease = maxDifficulty > 0 ? fact.difficulty / maxDifficulty : 0;
+  const rand = Math.random();
+  return params.wDue * overdueness + params.wWeak * weakness + params.wEase * (ease * weakness) + params.wRand * rand;
+}
+export function selectNextFact(facts, now, params = DEFAULT_PICKER_PARAMS) {
+  if (facts.length === 0) return null;
+  const available = facts.filter(f => f.box < params.numBoxes);
+  const pool = available.length > 0 ? available : facts;
+  const maxDifficulty = Math.max(...pool.map(f => f.difficulty));
+  const scored = pool.map(fact => ({
+    fact,
+    score: calculateAttentionScore(fact, now, params, maxDifficulty)
+  }));
+  return scored.reduce((best, curr) => curr.score > best.score ? curr : best).fact;
+}
+export function calculateNextBox({
+  currentBox,
+  isCorrect,
+  isFast,
+  sessionStartBox,
+  hasFailedThisSession
+}) {
+  if (!isCorrect) return Math.max(1, currentBox - 1);
+  if (!isFast) return currentBox;
+  if (hasFailedThisSession || currentBox >= sessionStartBox + 1) return currentBox;
+  return Math.min(currentBox + 1, 5);
+}
+//# sourceMappingURL=fluencySolving.helpers.js.map

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PICKER_PARAMS","MODE_ANSWER_EVAL_FORMULA","toSolvingFacts","factMap","mode","Object","entries","map","id","fact","a","b","numbers","answer","box","difficulty","lastSeenMs","lastAttemptedAt","Date","getTime","sessionStartBox","hasFailedThisSession","calculateAttentionScore","now","params","maxDifficulty","interval","boxIntervals","overdueness","Math","max","weakness","numBoxes","ease","rand","random","wDue","wWeak","wEase","wRand","selectNextFact","facts","length","available","filter","f","pool","scored","score","reduce","best","curr","calculateNextBox","currentBox","isCorrect","isFast","min"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/fluencySolving.helpers.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=fluencySolving.types.js.map

package/dist/module/features/fluency/components/fluency-solving/fluencySolving.types.js.map

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

package/dist/module/features/fluency/components/matrix/FluencyMatrix.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FluencyMatrix = () => /*#__PURE__*/_jsxs(View, {
   style: styles.container,
   children: [/*#__PURE__*/_jsx(View, {
-    style: styles.body,
+    style: styles.matrixFillContainer,
     children: /*#__PURE__*/_jsx(MatrixFill, {})
   }), /*#__PURE__*/_jsx(MatrixLegend, {})]
 });
@@ -21,7 +21,7 @@ const styles = StyleSheet.create({
     overflow: 'hidden',
     ...SHADOWS[1]
   },
-  body: {
+  matrixFillContainer: {
     flex: 1,
     padding: SPACING[300],
     minHeight: 354

package/dist/module/features/fluency/components/matrix/FluencyMatrix.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","MatrixLegend","MatrixFill","jsx","_jsx","jsxs","_jsxs","FluencyMatrix","style","styles","container","children","body","create","flex","backgroundColor","NEUTRAL_1","borderRadius","overflow","padding","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AACpF,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,UAAU,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,OAAO,MAAMC,aAAa,GAAGA,CAAA,kBAC3BD,KAAA,CAACX,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BP,IAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,IAAK;IAAAD,QAAA,eACvBP,IAAA,CAACF,UAAU,IAAE;EAAC,CACV,CAAC,eACPE,IAAA,CAACH,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAED,MAAMQ,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEjB,MAAM,CAACkB,SAAS;IACjCC,YAAY,EAAEpB,aAAa,CAAC,GAAG,CAAC;IAChCqB,QAAQ,EAAE,QAAQ;IAClB,GAAGnB,OAAO,CAAC,CAAC;EACd,CAAC;EACDa,IAAI,EAAE;IACJE,IAAI,EAAE,CAAC;IACPK,OAAO,EAAEnB,OAAO,CAAC,GAAG,CAAC;IACrBoB,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","MatrixLegend","MatrixFill","jsx","_jsx","jsxs","_jsxs","FluencyMatrix","style","styles","container","children","matrixFillContainer","create","flex","backgroundColor","NEUTRAL_1","borderRadius","overflow","padding","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AACpF,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,UAAU,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,OAAO,MAAMC,aAAa,GAAGA,CAAA,kBAC3BD,KAAA,CAACX,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BP,IAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,mBAAoB;IAAAD,QAAA,eACtCP,IAAA,CAACF,UAAU,IAAE;EAAC,CACV,CAAC,eAEPE,IAAA,CAACH,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAED,MAAMQ,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEjB,MAAM,CAACkB,SAAS;IACjCC,YAAY,EAAEpB,aAAa,CAAC,GAAG,CAAC;IAChCqB,QAAQ,EAAE,QAAQ;IAClB,GAAGnB,OAAO,CAAC,CAAC;EACd,CAAC;EACDa,mBAAmB,EAAE;IACnBE,IAAI,EAAE,CAAC;IACPK,OAAO,EAAEnB,OAAO,CAAC,GAAG,CAAC;IACrBoB,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js

@@ -2,26 +2,37 @@
 
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { BORDER_RADIUS, COLORS } from '@magmamath/react-native-ui';
-import { getCellBackground, getCellColorByScore, getCellLabel, getMasteryLevel } from "../../../fluency.helpers.js";
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { getMasteryLevelByBox } from "../../../fluency.helpers.js";
 import { FluencyMasteryLevel } from "../../../fluency.constants.js";
 import { StarFillIcon } from "../../../assets/StarFillIcon.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 export const MatrixCell = ({
-  row,
-  col,
-  score,
-  mastery
+  label,
+  box,
+  isHeader,
+  levelColors,
+  divisor
 }) => {
-  const label = getCellLabel(row, col);
-  const isMastered = score !== null && getMasteryLevel(score) === FluencyMasteryLevel.MASTERED;
-  const background = score !== null ? getCellColorByScore(score, mastery) : getCellBackground(row, col);
+  const masteryLevel = box ? getMasteryLevelByBox(box) : null;
+  const isMastered = masteryLevel === FluencyMasteryLevel.MASTERED;
+  const bgColor = (() => {
+    if (masteryLevel) return levelColors[masteryLevel];
+    if (isHeader) return COLORS.NEUTRAL_5;
+    return COLORS.NEUTRAL_2;
+  })();
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.cell, {
-      backgroundColor: background
+      backgroundColor: bgColor
     }],
-    children: [isMastered && /*#__PURE__*/_jsx(StarFillIcon, {}), label !== null && /*#__PURE__*/_jsx(Text, {
-      style: styles.headerText,
+    children: [divisor !== null ? /*#__PURE__*/_jsx(View, {
+      style: styles.starContainer,
+      children: /*#__PURE__*/_jsxs(Text, {
+        style: styles.divisorText,
+        children: ["\xF7", divisor]
+      })
+    }) : isMastered && /*#__PURE__*/_jsx(StarFillIcon, {}), label !== null && /*#__PURE__*/_jsx(Text, {
+      style: divisor ? styles.cellNumber : styles.headerText,
       children: label
     })]
   });
@@ -33,9 +44,27 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
+  starContainer: {
+    position: 'absolute',
+    top: 3,
+    right: SPACING[100]
+  },
+  divisorText: {
+    fontSize: 10,
+    fontWeight: '500',
+    color: COLORS.NEUTRAL_1,
+    lineHeight: SPACING[300]
+  },
+  cellNumber: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: COLORS.NEUTRAL_3,
+    lineHeight: SPACING[400]
+  },
   headerText: {
-    fontSize: 13,
-    color: COLORS.NEUTRAL_2
+    fontSize: 12,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_8
   }
 });
 //# sourceMappingURL=MatrixCell.js.map

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","getCellBackground","getCellColorByScore","getCellLabel","getMasteryLevel","FluencyMasteryLevel","StarFillIcon","jsx","_jsx","jsxs","_jsxs","MatrixCell","row","col","score","mastery","label","isMastered","MASTERED","background","style","styles","cell","backgroundColor","children","headerText","create","flex","borderRadius","alignItems","justifyContent","fontSize","color","NEUTRAL_2"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,QAAQ,4BAA4B;AAClE,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,YAAY,EACZC,eAAe,QACV,6BAA0B;AACjC,SAASC,mBAAmB,QAAQ,+BAA4B;AAChE,SAASC,YAAY,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAMC,KAAK,GAAGb,YAAY,CAACS,GAAG,EAAEC,GAAG,CAAC;EACpC,MAAMI,UAAU,GAAGH,KAAK,KAAK,IAAI,IAAIV,eAAe,CAACU,KAAK,CAAC,KAAKT,mBAAmB,CAACa,QAAQ;EAC5F,MAAMC,UAAU,GACdL,KAAK,KAAK,IAAI,GAAGZ,mBAAmB,CAACY,KAAK,EAAEC,OAAO,CAAC,GAAGd,iBAAiB,CAACW,GAAG,EAAEC,GAAG,CAAC;EAEpF,oBACEH,KAAA,CAACd,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEJ;IAAW,CAAC,CAAE;IAAAK,QAAA,GACzDP,UAAU,iBAAIT,IAAA,CAACF,YAAY,IAAE,CAAC,EAC9BU,KAAK,KAAK,IAAI,iBAAIR,IAAA,CAACX,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACI,UAAW;MAAAD,QAAA,EAAER;IAAK,CAAO,CAAC;EAAA,CAC7D,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGvB,UAAU,CAAC4B,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,IAAI,EAAE,CAAC;IACPC,YAAY,EAAE7B,aAAa,CAAC,GAAG,CAAC;IAChC8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,UAAU,EAAE;IACVM,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEhC,MAAM,CAACiC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SPACING","getMasteryLevelByBox","FluencyMasteryLevel","StarFillIcon","jsxs","_jsxs","jsx","_jsx","MatrixCell","label","box","isHeader","levelColors","divisor","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","style","styles","cell","backgroundColor","children","starContainer","divisorText","cellNumber","headerText","create","flex","borderRadius","alignItems","justifyContent","position","top","right","fontSize","fontWeight","color","NEUTRAL_1","lineHeight","NEUTRAL_3","NEUTRAL_8"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC3E,SAASC,oBAAoB,QAAQ,6BAA0B;AAC/D,SAASC,mBAAmB,QAAQ,+BAA4B;AAChE,SAASC,YAAY,QAAQ,iCAA8B;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAO3D,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EAC7F,MAAMC,YAAY,GAAGJ,GAAG,GAAGT,oBAAoB,CAACS,GAAG,CAAC,GAAG,IAAI;EAC3D,MAAMK,UAAU,GAAGD,YAAY,KAAKZ,mBAAmB,CAACc,QAAQ;EAEhE,MAAMC,OAAO,GAAG,CAAC,MAAM;IACrB,IAAIH,YAAY,EAAE,OAAOF,WAAW,CAACE,YAAY,CAAC;IAClD,IAAIH,QAAQ,EAAE,OAAOZ,MAAM,CAACmB,SAAS;IACrC,OAAOnB,MAAM,CAACoB,SAAS;EACzB,CAAC,EAAE,CAAC;EAEJ,oBACEd,KAAA,CAACV,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEN;IAAQ,CAAC,CAAE;IAAAO,QAAA,GACtDX,OAAO,KAAK,IAAI,gBACfN,IAAA,CAACZ,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACI,aAAc;MAAAD,QAAA,eAChCnB,KAAA,CAACT,IAAI;QAACwB,KAAK,EAAEC,MAAM,CAACK,WAAY;QAAAF,QAAA,GAAC,MAAC,EAACX,OAAO;MAAA,CAAO;IAAC,CAC9C,CAAC,GAEPE,UAAU,iBAAIR,IAAA,CAACJ,YAAY,IAAE,CAC9B,EAEAM,KAAK,KAAK,IAAI,iBACbF,IAAA,CAACX,IAAI;MAACwB,KAAK,EAAEP,OAAO,GAAGQ,MAAM,CAACM,UAAU,GAAGN,MAAM,CAACO,UAAW;MAAAJ,QAAA,EAAEf;IAAK,CAAO,CAC5E;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMY,MAAM,GAAGxB,UAAU,CAACgC,MAAM,CAAC;EAC/BP,IAAI,EAAE;IACJQ,IAAI,EAAE,CAAC;IACPC,YAAY,EAAEjC,aAAa,CAAC,GAAG,CAAC;IAChCkC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDR,aAAa,EAAE;IACbS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAEpC,OAAO,CAAC,GAAG;EACpB,CAAC;EACD0B,WAAW,EAAE;IACXW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAExC,MAAM,CAACyC,SAAS;IACvBC,UAAU,EAAEzC,OAAO,CAAC,GAAG;EACzB,CAAC;EACD2B,UAAU,EAAE;IACVU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAExC,MAAM,CAAC2C,SAAS;IACvBD,UAAU,EAAEzC,OAAO,CAAC,GAAG;EACzB,CAAC;EACD4B,UAAU,EAAE;IACVS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAExC,MAAM,CAAC4C;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js

@@ -3,49 +3,39 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { SPACING } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
 import { MatrixCell } from "./MatrixCell.js";
-import { MATRIX_SIZE } from "../../../fluency.constants.js";
+import { useFluency } from "../../../context/FluencyContext.js";
 import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const MOCK_SCORES = {
-  '1-1': 90,
-  '2-3': 70,
-  '3-5': 50,
-  '5-2': 30,
-  '4-4': 10,
-  '1-5': 85,
-  '3-3': 45
-};
 export const MatrixFill = () => {
   const {
-    matrix
-  } = useFluencyModePreset();
+    model
+  } = useFluency();
+  const modePreset = useFluencyModePreset();
+  const grid = useUnit(model.matrix.$matrix);
+  if (!grid) return null;
   return /*#__PURE__*/_jsx(View, {
     style: styles.grid,
-    children: Array.from({
-      length: MATRIX_SIZE
-    }, (_, row) => /*#__PURE__*/_jsx(View, {
+    children: grid.map((row, rowIdx) => /*#__PURE__*/_jsx(View, {
       style: styles.row,
-      children: Array.from({
-        length: MATRIX_SIZE
-      }, (_, col) => /*#__PURE__*/_jsx(MatrixCell, {
-        row: row,
-        col: col,
-        score: MOCK_SCORES[`${row}-${col}`] ?? null,
-        mastery: matrix.mastery
-      }, col))
-    }, row))
+      children: row.map((cell, colIdx) => /*#__PURE__*/_jsx(MatrixCell, {
+        ...cell,
+        levelColors: modePreset.colors.level
+      }, colIdx))
+    }, rowIdx))
   });
 };
 const styles = StyleSheet.create({
   grid: {
     flex: 1,
-    gap: SPACING[50]
+    gap: SPACING[100]
   },
   row: {
     flex: 1,
+    minHeight: SPACING[800],
     flexDirection: 'row',
-    gap: SPACING[50]
+    gap: SPACING[100]
   }
 });
 //# sourceMappingURL=MatrixFill.js.map

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","SPACING","MatrixCell","MATRIX_SIZE","useFluencyModePreset","jsx","_jsx","MOCK_SCORES","MatrixFill","matrix","style","styles","grid","children","Array","from","length","_","row","col","score","mastery","create","flex","gap","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,oBAAoB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,WAAmC,GAAG;EAC1C,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGL,oBAAoB,CAAC,CAAC;EAEzC,oBACEE,IAAA,CAACP,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EACtBC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEb;IAAY,CAAC,EAAE,CAACc,CAAC,EAAEC,GAAG,kBAC1CZ,IAAA,CAACP,IAAI;MAAWW,KAAK,EAAEC,MAAM,CAACO,GAAI;MAAAL,QAAA,EAC/BC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEb;MAAY,CAAC,EAAE,CAACc,CAAC,EAAEE,GAAG,kBAC1Cb,IAAA,CAACJ,UAAU;QAETgB,GAAG,EAAEA,GAAI;QACTC,GAAG,EAAEA,GAAI;QACTC,KAAK,EAAEb,WAAW,CAAC,GAAGW,GAAG,IAAIC,GAAG,EAAE,CAAC,IAAI,IAAK;QAC5CE,OAAO,EAAEZ,MAAM,CAACY;MAAQ,GAJnBF,GAKN,CACF;IAAC,GATOD,GAUL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGX,UAAU,CAACsB,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEvB,OAAO,CAAC,EAAE;EACjB,CAAC;EACDiB,GAAG,EAAE;IACHK,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAEvB,OAAO,CAAC,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","SPACING","useUnit","MatrixCell","useFluency","useFluencyModePreset","jsx","_jsx","MatrixFill","model","modePreset","grid","matrix","$matrix","style","styles","children","map","row","rowIdx","cell","colIdx","levelColors","colors","level","create","flex","gap","minHeight","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,UAAU,QAAQ,oCAAiC;AAC5D,SAASC,oBAAoB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1E,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGL,UAAU,CAAC,CAAC;EAC9B,MAAMM,UAAU,GAAGL,oBAAoB,CAAC,CAAC;EACzC,MAAMM,IAAI,GAAGT,OAAO,CAACO,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACF,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEJ,IAAA,CAACR,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACJ,IAAK;IAAAK,QAAA,EACtBL,IAAI,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpBZ,IAAA,CAACR,IAAI;MAAce,KAAK,EAAEC,MAAM,CAACG,GAAI;MAAAF,QAAA,EAClCE,GAAG,CAACD,GAAG,CAAC,CAACG,IAAI,EAAEC,MAAM,kBACpBd,IAAA,CAACJ,UAAU;QAAA,GAAkBiB,IAAI;QAAEE,WAAW,EAAEZ,UAAU,CAACa,MAAM,CAACC;MAAM,GAAvDH,MAAyD,CAC3E;IAAC,GAHOF,MAIL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGf,UAAU,CAACyB,MAAM,CAAC;EAC/Bd,IAAI,EAAE;IACJe,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE1B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,GAAG,EAAE;IACHQ,IAAI,EAAE,CAAC;IACPE,SAAS,EAAE3B,OAAO,CAAC,GAAG,CAAC;IACvB4B,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAE1B,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js

@@ -9,11 +9,7 @@ import { useText } from "../../../../../i18n/i18n.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MatrixLegend = () => {
   const t = useText();
-  const {
-    matrix,
-    buttonColor,
-    legendItems
-  } = useFluencyModePreset();
+  const modePreset = useFluencyModePreset();
   const {
     onPracticePress
   } = useFluency();
@@ -21,7 +17,7 @@ export const MatrixLegend = () => {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.legendItems,
-      children: legendItems.map(item => /*#__PURE__*/_jsxs(View, {
+      children: modePreset.legend.items.map(item => /*#__PURE__*/_jsxs(View, {
         style: styles.legendItem,
         children: [/*#__PURE__*/_jsx(View, {
           style: [styles.legendDot, {
@@ -36,7 +32,7 @@ export const MatrixLegend = () => {
       onPress: onPracticePress,
       variant: ButtonVariant.PRIMARY,
       size: ButtonSize.MEDIUM,
-      colorScheme: buttonColor,
+      colorScheme: modePreset.colors.button,
       icon: /*#__PURE__*/_jsx(PlayIcon, {
         color: COLORS.NEUTRAL_1
       }),
@@ -45,7 +41,7 @@ export const MatrixLegend = () => {
         container: styles.practiceButton,
         text: styles.practiceButtonText
       },
-      children: `${t('student.fluency.practice')} ${t(matrix.operatorName)}`
+      children: `${t('student.fluency.practice')} ${modePreset.label}`
     })]
   });
 };

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","matrix","buttonColor","legendItems","onPracticePress","style","styles","container","children","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","variant","PRIMARY","size","MEDIUM","colorScheme","icon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","operatorName","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","modePreset","onPracticePress","style","styles","container","children","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","variant","PRIMARY","size","MEDIUM","colorScheme","colors","button","icon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/mobile-menu/MobileMenu.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, useWindowDimensions } from 'react-native';
+import { Button, ButtonVariant, SPACING } from '@magmamath/react-native-ui';
+import { MenuIcon } from "../../../../shared/icons/MenuIcon.js";
+import { isWeb } from "../../../../shared/common.constants.js";
+import { BURGER_MENU_BREAKPOINT } from '@magmamath/students-features';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MobileMenu = ({
+  onPress
+}) => {
+  const dimensions = useWindowDimensions();
+  const isVisible = isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
+  if (!isVisible) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Button, {
+      onPress: onPress,
+      variant: ButtonVariant.TERTIARY,
+      icon: /*#__PURE__*/_jsx(MenuIcon, {
+        size: 24
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    marginRight: SPACING[200]
+  }
+});
+//# sourceMappingURL=MobileMenu.js.map