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

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

@@ -1 +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":[]}
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","HeadingVariants","SHADOWS","SPACING","Typography","useFluencySolvingPreset","XCloseIcon","jsx","_jsx","jsxs","_jsxs","FluencySolvingHeader","onClosePress","modePreset","style","styles","container","children","variant","SECONDARY","size","LARGE","colorScheme","WHITE","icon","onPress","operatorBadge","backgroundColor","colors","accent","H7","symbol","H4","title","label","create","height","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","width","borderRadius","justifyContent","color","NEUTRAL_10","fontWeight","fontSize","marginBottom","NEUTRAL_1"],"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,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,UAAU,QACL,4BAA4B;AACnC,SAASC,uBAAuB,QAAQ,2CAAwC;AAChF,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,uBAAuB,CAAC,CAAC;EAE5C,oBACEK,KAAA,CAACjB,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACZ,MAAM;MACLsB,OAAO,EAAEnB,aAAa,CAACoB,SAAU;MACjCC,IAAI,EAAEtB,UAAU,CAACuB,KAAM;MACvBC,WAAW,EAAEzB,WAAW,CAAC0B,KAAM;MAC/BC,IAAI,eAAEhB,IAAA,CAACF,UAAU,IAAE,CAAE;MACrBmB,OAAO,EAAEb;IAAa,CACvB,CAAC,eACFJ,IAAA,CAACf,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACW,aAAa,EAAE;QAAEC,eAAe,EAAEd,UAAU,CAACe,MAAM,CAACC;MAAO,CAAC,CAAE;MAAAZ,QAAA,eACjFT,IAAA,CAACJ,UAAU;QAACc,OAAO,EAAEjB,eAAe,CAAC6B,EAAG;QAAChB,KAAK,EAAEC,MAAM,CAACgB,MAAO;QAAAd,QAAA,EAC3DJ,UAAU,CAACkB;MAAM,CACR;IAAC,CACT,CAAC,eACPvB,IAAA,CAACJ,UAAU;MAACc,OAAO,EAAEjB,eAAe,CAAC+B,EAAG;MAAClB,KAAK,EAAEC,MAAM,CAACkB,KAAM;MAAAhB,QAAA,EAC1DJ,UAAU,CAACqB;IAAK,CACP,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMnB,MAAM,GAAGrB,UAAU,CAACyC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAErC,OAAO,CAAC,GAAG,CAAC;IAC7BsC,iBAAiB,EAAEtC,OAAO,CAAC,GAAG,CAAC;IAC/B,GAAGD,OAAO,CAAC,CAAC;EACd,CAAC;EACDwB,aAAa,EAAE;IACbgB,KAAK,EAAE,EAAE;IACTN,MAAM,EAAE,EAAE;IACVO,YAAY,EAAEhD,aAAa,CAAC,GAAG,CAAC;IAChC2C,UAAU,EAAE,QAAQ;IACpBM,cAAc,EAAE,QAAQ;IACxB,GAAG1C,OAAO,CAAC,CAAC;EACd,CAAC;EACD+B,KAAK,EAAE;IACLY,KAAK,EAAE7C,MAAM,CAAC8C,UAAU;IACxBC,UAAU,EAAE;EACd,CAAC;EACDhB,MAAM,EAAE;IACNiB,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjBE,YAAY,EAAE,CAAC;IACfJ,KAAK,EAAE7C,MAAM,CAACkD;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,6 +3,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { AttemptStatus } from "../../../fluency.constants.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const FluencySolvingProgress = ({
   total,
@@ -20,7 +21,7 @@ export const FluencySolvingProgress = ({
       if (index < activeIndex) {
         const outcome = outcomes[index];
         return /*#__PURE__*/_jsx(View, {
-          style: outcome ? DOT_STYLE_BY_OUTCOME[outcome] : styles.dot
+          style: outcome ? DOT_STYLE_BY_OUTCOME[outcome.status] : styles.dot
         }, index);
       }
       return /*#__PURE__*/_jsx(View, {
@@ -63,7 +64,8 @@ const styles = StyleSheet.create({
   }
 });
 const DOT_STYLE_BY_OUTCOME = {
-  correct: styles.dotCorrect,
-  wrong: styles.dotWrong
+  [AttemptStatus.CORRECT]: styles.dotCorrect,
+  [AttemptStatus.INCORRECT]: styles.dotWrong,
+  [AttemptStatus.SKIPPED]: styles.dot
 };
 //# sourceMappingURL=FluencySolvingProgress.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["React","View","StyleSheet","COLORS","SPACING","AttemptStatus","jsx","_jsx","FluencySolvingProgress","total","activeIndex","outcomes","style","styles","container","children","Array","from","length","map","_","index","dotActive","outcome","DOT_STYLE_BY_OUTCOME","status","dot","create","flexDirection","gap","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","NEUTRAL_4","NEUTRAL_10","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","CORRECT","INCORRECT","SKIPPED"],"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;AAC5D,SAASC,aAAa,QAAQ,+BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAS1D,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,oBACEJ,IAAA,CAACN,IAAI;IAACW,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,CAACN,IAAI;QAAaW,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,oBACEd,IAAA,CAACN,IAAI;UAAaW,KAAK,EAAEW,OAAO,GAAGC,oBAAoB,CAACD,OAAO,CAACE,MAAM,CAAC,GAAGZ,MAAM,CAACa;QAAI,GAA1EL,KAA4E,CAAC;MAE5F;MACA,oBAAOd,IAAA,CAACN,IAAI;QAAaW,KAAK,EAAEC,MAAM,CAACa;MAAI,GAAzBL,KAA2B,CAAC;IAChD,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGX,UAAU,CAACyB,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACjB0B,iBAAiB,EAAE1B,OAAO,CAAC,GAAG,CAAC;IAC/B2B,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,EAAEjC,MAAM,CAACkC;EAC1B,CAAC;EACDf,SAAS,EAAE;IACTW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAEjC,MAAM,CAACmC,UAAU;IAClCH,YAAY,EAAE;EAChB,CAAC;EACDI,UAAU,EAAE;IACVN,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjC,MAAM,CAACqC;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRR,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjC,MAAM,CAACuC;EAC1B;AACF,CAAC,CAAC;AAEF,MAAMlB,oBAAmD,GAAG;EAC1D,CAACnB,aAAa,CAACsC,OAAO,GAAG9B,MAAM,CAAC0B,UAAU;EAC1C,CAAClC,aAAa,CAACuC,SAAS,GAAG/B,MAAM,CAAC4B,QAAQ;EAC1C,CAACpC,aAAa,CAACwC,OAAO,GAAGhC,MAAM,CAACa;AAClC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+import { AttemptStatus } from "../../fluency.constants.js";
 import { DEFAULT_PICKER_PARAMS, MODE_ANSWER_EVAL_FORMULA } from "./fluencySolving.constants.js";
 export function toSolvingFacts(factMap, mode) {
   return Object.entries(factMap).map(([id, fact]) => {
@@ -8,35 +9,58 @@ export function toSolvingFacts(factMap, mode) {
     const box = fact.box ?? 0;
     return {
       id,
+      mode,
       numbers: fact.numbers,
       answer,
       difficulty: fact.difficulty,
       box,
       lastSeenMs: fact.lastAttemptedAt ? new Date(fact.lastAttemptedAt).getTime() : null,
       sessionStartBox: box,
-      hasFailedThisSession: false
+      hasFailedThisSession: false,
+      attemptsCount: fact.attemptsCount,
+      correctCount: fact.correctCount
     };
   });
 }
-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;
+function computePriority(fact, now, params, maxDifficulty) {
+  const interval = Math.max(0.001, params.boxIntervals[Math.max(1, fact.box)]);
+  const overdueness = fact.lastSeenMs === null ? 1.0 : Math.min(1, (now - fact.lastSeenMs) / (2 * interval));
+  const weakness = (params.numBoxes - fact.box) / params.numBoxes;
+  const ease = (1 - fact.difficulty / Math.max(0.1, maxDifficulty)) * weakness;
+  return params.wDue * overdueness + params.wWeak * weakness + params.wEase * ease + params.wRand * Math.random();
 }
 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;
+  const maxDifficulty = pool.reduce((m, f) => Math.max(m, f.difficulty), 1);
+  let best = pool[0];
+  let bestScore = -Infinity;
+  for (const f of pool) {
+    const score = computePriority(f, now, params, maxDifficulty);
+    if (score > bestScore) {
+      bestScore = score;
+      best = f;
+    }
+  }
+  return best;
 }
+export const formatSessionDuration = ms => {
+  const totalSeconds = Math.floor(ms / 1000);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+};
+export const calculateMaxStreak = outcomes => outcomes.reduce((acc, outcome) => {
+  const current = outcome.status === AttemptStatus.CORRECT ? acc.current + 1 : 0;
+  return {
+    max: Math.max(acc.max, current),
+    current
+  };
+}, {
+  max: 0,
+  current: 0
+}).max;
 export function calculateNextBox({
   currentBox,
   isCorrect,

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

@@ -1 +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":[]}
+{"version":3,"names":["AttemptStatus","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","attemptsCount","correctCount","computePriority","now","params","maxDifficulty","interval","Math","max","boxIntervals","overdueness","min","weakness","numBoxes","ease","wDue","wWeak","wEase","wRand","random","selectNextFact","facts","length","available","filter","f","pool","reduce","m","best","bestScore","Infinity","score","formatSessionDuration","ms","totalSeconds","floor","minutes","seconds","toString","padStart","calculateMaxStreak","outcomes","acc","outcome","current","status","CORRECT","calculateNextBox","currentBox","isCorrect","isFast"],"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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CellTooltip = ({
+  label
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: styles.bubble,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    })
+  }), /*#__PURE__*/_jsx(View, {
+    style: styles.arrow
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center'
+  },
+  bubble: {
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[150],
+    paddingHorizontal: SPACING[200],
+    paddingVertical: SPACING[100],
+    ...SHADOWS[4]
+  },
+  label: {
+    fontSize: 13,
+    lineHeight: 16,
+    color: COLORS.NEUTRAL_9,
+    textAlign: 'center'
+  },
+  arrow: {
+    width: 0,
+    height: 0,
+    borderLeftWidth: 9,
+    borderRightWidth: 9,
+    borderTopWidth: 12,
+    borderStyle: 'solid',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=CellTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","jsx","_jsx","jsxs","_jsxs","CellTooltip","label","style","styles","container","children","bubble","arrow","create","alignItems","backgroundColor","NEUTRAL_1","borderRadius","paddingHorizontal","paddingVertical","fontSize","lineHeight","color","NEUTRAL_9","textAlign","width","height","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpF,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrDF,KAAA,CAACV,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BR,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,MAAO;IAAAD,QAAA,eACzBR,IAAA,CAACP,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACF,KAAM;MAAAI,QAAA,EAAEJ;IAAK,CAAO;EAAC,CACrC,CAAC,eACPJ,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACI;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAED,MAAMJ,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,UAAU,EAAE;EACd,CAAC;EACDH,MAAM,EAAE;IACNI,eAAe,EAAEjB,MAAM,CAACkB,SAAS;IACjCC,YAAY,EAAEpB,aAAa,CAAC,GAAG,CAAC;IAChCqB,iBAAiB,EAAElB,OAAO,CAAC,GAAG,CAAC;IAC/BmB,eAAe,EAAEnB,OAAO,CAAC,GAAG,CAAC;IAC7B,GAAGD,OAAO,CAAC,CAAC;EACd,CAAC;EACDO,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAExB,MAAM,CAACyB,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDZ,KAAK,EAAE;IACLa,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAEnC,MAAM,CAACkB;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,19 +1,21 @@
 "use strict";
 
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import React, { useState } from 'react';
+import { Pressable, View, Text, StyleSheet } from 'react-native';
 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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { CellTooltip } from "./CellTooltip.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MatrixCell = ({
   label,
   box,
   isHeader,
   levelColors,
-  divisor
+  tooltipLabel
 }) => {
+  const [isActive, setIsActive] = useState(false);
   const masteryLevel = box ? getMasteryLevelByBox(box) : null;
   const isMastered = masteryLevel === FluencyMasteryLevel.MASTERED;
   const bgColor = (() => {
@@ -21,50 +23,63 @@ export const MatrixCell = ({
     if (isHeader) return COLORS.NEUTRAL_5;
     return COLORS.NEUTRAL_2;
   })();
+  const showTooltip = isActive && !!tooltipLabel;
+  const activate = () => setIsActive(true);
+  const deactivate = () => setIsActive(false);
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.cell, {
-      backgroundColor: bgColor
-    }],
-    children: [divisor !== null ? /*#__PURE__*/_jsx(View, {
-      style: styles.starContainer,
-      children: /*#__PURE__*/_jsxs(Text, {
-        style: styles.divisorText,
-        children: ["\xF7", divisor]
+    style: [styles.wrapper, showTooltip && styles.wrapperActive],
+    children: [showTooltip && /*#__PURE__*/_jsx(View, {
+      style: styles.tooltipContainer,
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(CellTooltip, {
+        label: tooltipLabel
       })
-    }) : isMastered && /*#__PURE__*/_jsx(StarFillIcon, {}), label !== null && /*#__PURE__*/_jsx(Text, {
-      style: divisor ? styles.cellNumber : styles.headerText,
-      children: label
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.cell, {
+        backgroundColor: bgColor
+      }],
+      onHoverIn: activate,
+      onHoverOut: deactivate,
+      onPressIn: activate,
+      onPressOut: deactivate,
+      children: [isMastered && /*#__PURE__*/_jsx(StarFillIcon, {
+        color: isActive ? COLORS.PRIMARY_YELLOW : undefined
+      }), label !== null && /*#__PURE__*/_jsx(Text, {
+        style: typeof label === 'string' ? styles.symbolText : styles.headerText,
+        children: label
+      })]
     })]
   });
 };
 const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1
+  },
+  wrapperActive: {
+    zIndex: 1
+  },
   cell: {
     flex: 1,
     borderRadius: BORDER_RADIUS[100],
     alignItems: 'center',
     justifyContent: 'center'
   },
-  starContainer: {
+  tooltipContainer: {
     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]
+    bottom: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    paddingBottom: SPACING[50]
   },
   headerText: {
     fontSize: 12,
     fontWeight: '600',
     color: COLORS.NEUTRAL_8
+  },
+  symbolText: {
+    fontSize: 24,
+    color: COLORS.NEUTRAL_7
   }
 });
 //# 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","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":[]}
+{"version":3,"names":["React","useState","Pressable","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SPACING","getMasteryLevelByBox","FluencyMasteryLevel","StarFillIcon","CellTooltip","jsx","_jsx","jsxs","_jsxs","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","style","styles","wrapper","wrapperActive","children","tooltipContainer","pointerEvents","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","color","PRIMARY_YELLOW","undefined","symbolText","headerText","create","flex","zIndex","borderRadius","alignItems","justifyContent","position","bottom","left","right","paddingBottom","fontSize","fontWeight","NEUTRAL_8","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -19,10 +19,16 @@ export const MatrixFill = () => {
     style: styles.grid,
     children: grid.map((row, rowIdx) => /*#__PURE__*/_jsx(View, {
       style: styles.row,
-      children: row.map((cell, colIdx) => /*#__PURE__*/_jsx(MatrixCell, {
-        ...cell,
-        levelColors: modePreset.colors.level
-      }, colIdx))
+      children: row.map((cell, colIdx) => {
+        const isOriginCell = rowIdx === 0 && colIdx === 0;
+        const tooltipLabel = cell.numbers ? `${cell.numbers[0]}${modePreset.symbol}${cell.numbers[1]}` : null;
+        return /*#__PURE__*/_jsx(MatrixCell, {
+          ...cell,
+          label: isOriginCell ? modePreset.symbol : cell.label,
+          levelColors: modePreset.colors.level,
+          tooltipLabel: tooltipLabel
+        }, colIdx);
+      })
     }, rowIdx))
   });
 };

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

@@ -1 +1 @@
-{"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":[]}
+{"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","isOriginCell","tooltipLabel","numbers","symbol","label","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,KAAK;QACzB,MAAMC,YAAY,GAAGH,MAAM,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC;QACjD,MAAME,YAAY,GAAGH,IAAI,CAACI,OAAO,GAC7B,GAAGJ,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,GAAGd,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACEjB,IAAA,CAACJ,UAAU;UAAA,GAELiB,IAAI;UACRM,KAAK,EAAEJ,YAAY,GAAGZ,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACM,KAAM;UACrDC,WAAW,EAAEjB,UAAU,CAACkB,MAAM,CAACC,KAAM;UACrCN,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGf,UAAU,CAAC8B,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,GAAG,EAAE;IACHa,IAAI,EAAE,CAAC;IACPE,SAAS,EAAEhC,OAAO,CAAC,GAAG,CAAC;IACvBiC,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,13 +6,16 @@ import { BORDER_RADIUS, Button, ButtonSize, ButtonVariant, COLORS, PlayIcon, SHA
 import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
 import { useFluency } from "../../../context/FluencyContext.js";
 import { useText } from "../../../../../i18n/i18n.js";
+import { useUnit } from 'effector-react';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MatrixLegend = () => {
   const t = useText();
   const modePreset = useFluencyModePreset();
   const {
+    model,
     onPracticePress
   } = useFluency();
+  const mode = useUnit(model.matrix.$mode);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
@@ -29,7 +32,10 @@ export const MatrixLegend = () => {
         })]
       }, item.label))
     }), /*#__PURE__*/_jsx(Button, {
-      onPress: onPracticePress,
+      onPress: () => {
+        model.solving.start(mode);
+        onPracticePress?.();
+      },
       variant: ButtonVariant.PRIMARY,
       size: ButtonSize.MEDIUM,
       colorScheme: modePreset.colors.button,

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","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":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","useUnit","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","modePreset","model","onPracticePress","mode","matrix","$mode","style","styles","container","children","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","solving","start","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/select-math-operator/ProgressBar.js

@@ -4,56 +4,6 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { BORDER_RADIUS, COLORS, HeadingVariants, SelectOptionColor, SPACING, Typography } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const PROGRESS_COLOR_SHADES = {
-  [SelectOptionColor.GREEN]: {
-    low: COLORS.GREEN_2,
-    medium: COLORS.GREEN_3,
-    high: COLORS.GREEN_6,
-    max: COLORS.GREEN_7
-  },
-  [SelectOptionColor.ORANGE]: {
-    low: COLORS.ORANGE_2,
-    medium: COLORS.ORANGE_3,
-    high: COLORS.ORANGE_6,
-    max: COLORS.ORANGE_7
-  },
-  [SelectOptionColor.BLUE]: {
-    low: COLORS.BLUE_2,
-    medium: COLORS.BLUE_3,
-    high: COLORS.BLUE_6,
-    max: COLORS.BLUE_7
-  },
-  [SelectOptionColor.RED]: {
-    low: COLORS.RED_2,
-    medium: COLORS.RED_3,
-    high: COLORS.RED_6,
-    max: COLORS.RED_7
-  },
-  [SelectOptionColor.YELLOW]: {
-    low: COLORS.YELLOW_2,
-    medium: COLORS.YELLOW_3,
-    high: COLORS.YELLOW_6,
-    max: COLORS.YELLOW_7
-  },
-  [SelectOptionColor.PURPLE]: {
-    low: COLORS.PURPLE_2,
-    medium: COLORS.PURPLE_3,
-    high: COLORS.PURPLE_6,
-    max: COLORS.PURPLE_7
-  },
-  [SelectOptionColor.GREY]: {
-    low: COLORS.NEUTRAL_2,
-    medium: COLORS.NEUTRAL_3,
-    high: COLORS.NEUTRAL_6,
-    max: COLORS.NEUTRAL_7
-  },
-  [SelectOptionColor.SUNSET]: {
-    low: COLORS.RED_2,
-    medium: COLORS.RED_3,
-    high: COLORS.RED_6,
-    max: COLORS.RED_7
-  }
-};
 const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREEN]: COLORS.PRIMARY_GREEN,
   [SelectOptionColor.ORANGE]: COLORS.PRIMARY_ORANGE,
@@ -64,18 +14,12 @@ const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREY]: COLORS.NEUTRAL_6,
   [SelectOptionColor.SUNSET]: COLORS.PRIMARY_RED
 };
-const getFillColor = (shades, progress) => {
-  if (progress <= 10) return shades.low;
-  if (progress <= 20) return shades.medium;
-  if (progress <= 80) return shades.high;
-  return shades.max;
-};
 export const ProgressBar = ({
   progress,
   color = SelectOptionColor.GREEN
 }) => {
   const normalized = Math.round(Math.min(100, Math.max(0, progress)));
-  const fillColor = getFillColor(PROGRESS_COLOR_SHADES[color], normalized);
+  const fillColor = PRIMARY_COLOR_MAP[color];
   const textColor = PRIMARY_COLOR_MAP[color];
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","PROGRESS_COLOR_SHADES","GREEN","low","GREEN_2","medium","GREEN_3","high","GREEN_6","max","GREEN_7","ORANGE","ORANGE_2","ORANGE_3","ORANGE_6","ORANGE_7","BLUE","BLUE_2","BLUE_3","BLUE_6","BLUE_7","RED","RED_2","RED_3","RED_6","RED_7","YELLOW","YELLOW_2","YELLOW_3","YELLOW_6","YELLOW_7","PURPLE","PURPLE_2","PURPLE_3","PURPLE_6","PURPLE_7","GREY","NEUTRAL_2","NEUTRAL_3","NEUTRAL_6","NEUTRAL_7","SUNSET","PRIMARY_COLOR_MAP","PRIMARY_GREEN","PRIMARY_ORANGE","PRIMARY_BLUE","PRIMARY_RED","PRIMARY_YELLOW","PRIMARY_PURPLE","getFillColor","shades","progress","ProgressBar","color","normalized","Math","round","min","fillColor","textColor","style","styles","container","children","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","PRIMARY_COLOR_MAP","GREEN","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","ProgressBar","progress","color","normalized","Math","round","min","max","fillColor","textColor","style","styles","container","children","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,iBAAiB,EACjBC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,iBAAoD,GAAG;EAC3D,CAACP,iBAAiB,CAACQ,KAAK,GAAGV,MAAM,CAACW,aAAa;EAC/C,CAACT,iBAAiB,CAACU,MAAM,GAAGZ,MAAM,CAACa,cAAc;EACjD,CAACX,iBAAiB,CAACY,IAAI,GAAGd,MAAM,CAACe,YAAY;EAC7C,CAACb,iBAAiB,CAACc,GAAG,GAAGhB,MAAM,CAACiB,WAAW;EAC3C,CAACf,iBAAiB,CAACgB,MAAM,GAAGlB,MAAM,CAACmB,cAAc;EACjD,CAACjB,iBAAiB,CAACkB,MAAM,GAAGpB,MAAM,CAACqB,cAAc;EACjD,CAACnB,iBAAiB,CAACoB,IAAI,GAAGtB,MAAM,CAACuB,SAAS;EAC1C,CAACrB,iBAAiB,CAACsB,MAAM,GAAGxB,MAAM,CAACiB;AACrC,CAAC;AAOD,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAGzB,iBAAiB,CAACQ;AAAwB,CAAC,KAAK;EAC9F,MAAMkB,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,GAAG,CAAC,CAAC,EAAEN,QAAQ,CAAC,CAAC,CAAC;EACnE,MAAMO,SAAS,GAAGxB,iBAAiB,CAACkB,KAAK,CAAC;EAC1C,MAAMO,SAAS,GAAGzB,iBAAiB,CAACkB,KAAK,CAAC;EAC1C,oBACEnB,KAAA,CAACV,IAAI;IAACqC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BhC,IAAA,CAACR,IAAI;MAACqC,KAAK,EAAEC,MAAM,CAACG,KAAM;MAAAD,QAAA,eACxBhC,IAAA,CAACR,IAAI;QAACqC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAE;UAAEC,eAAe,EAAER,SAAS;UAAES,KAAK,EAAE,GAAGd,UAAU;QAAI,CAAC;MAAE,CAAE;IAAC,CACnF,CAAC,eACPpB,KAAA,CAACJ,UAAU;MAACuC,OAAO,EAAE1C,eAAe,CAAC2C,GAAI;MAACT,KAAK,EAAE;QAAER,KAAK,EAAEO;MAAU,CAAE;MAAAI,QAAA,GACnEV,UAAU,EAAC,GACd;IAAA,CAAY,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGvC,UAAU,CAACgD,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE5C,OAAO,CAAC,GAAG,CAAC;IACvB6C,GAAG,EAAE7C,OAAO,CAAC,GAAG,CAAC;IACjB8C,UAAU,EAAE;EACd,CAAC;EACDV,KAAK,EAAE;IACLW,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVV,eAAe,EAAEzC,MAAM,CAACoD,SAAS;IACjCC,YAAY,EAAEtD,aAAa,CAAC,GAAG,CAAC;IAChCuD,QAAQ,EAAE;EACZ,CAAC;EACDd,IAAI,EAAE;IACJW,MAAM,EAAE,MAAM;IACdE,YAAY,EAAEtD,aAAa,CAAC,GAAG;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { BORDER_RADIUS, COLORS, HeadingVariants, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
 import { useUnit } from 'effector-react';
 import { FLUENCY_MODES } from "../../fluency.constants.js";
 import { MathOperatorRow } from "./MathOperatorRow.js";
@@ -22,15 +22,17 @@ export const SelectMathOperator = () => {
     children: FLUENCY_MODES.map(({
       mode,
       label,
-      icon: Icon,
+      symbol,
       select
     }, index) => {
       const isSelectedMode = mode === fluencyMode;
       const progress = (matrix?.operations[mode].completionRate ?? 0) * 100;
       return /*#__PURE__*/_jsx(MathOperatorRow, {
         title: t(label),
-        icon: /*#__PURE__*/_jsx(Icon, {
-          color: isSelectedMode ? COLORS.NEUTRAL_1 : undefined
+        icon: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H6,
+          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
+          children: symbol
         }),
         progress: progress,
         color: select,
@@ -48,11 +50,17 @@ const styles = StyleSheet.create({
   container: {
     alignSelf: 'flex-start',
     width: 270,
-    paddingVertical: SPACING[400],
-    paddingHorizontal: SPACING[200],
+    padding: SPACING[400],
     borderRadius: BORDER_RADIUS[400],
     backgroundColor: COLORS.NEUTRAL_1,
     ...SHADOWS[1]
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100'
+  },
+  symbolSelected: {
+    color: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SelectMathOperator.js.map