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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_FluencyNumpad","_FluencyEquationCard","_FluencyContext","_useCardSnapAnimation","_useSuccessSound","_jsxRuntime","e","__esModule","default","FluencySolvingCard","model","useFluency","answer","fact","useUnit","solving","$answer","$current","animation","useCardSnapAnimation","successSound","useSuccessSound","submit","isCorrect","Number","play","trigger","jsxs","View","children","jsx","style","styles","wrapper","FluencyEquationCard","animationStyles","snapStyles","FluencyNumpad","onSubmit","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AAAgE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,sBAAO,EAAC;IAC/BF,MAAM,EAAEF,KAAK,CAACK,OAAO,CAACC,OAAO;IAC7BH,IAAI,EAAEH,KAAK,CAACK,OAAO,CAACE;EACtB,CAAC,CAAC;EACF,MAAMC,SAAS,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACxC,MAAMC,YAAY,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAEtC,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnB,IAAI,CAACT,IAAI,EAAE;IAEX,MAAMU,SAAS,GAAGX,MAAM,KAAK,IAAI,IAAIY,MAAM,CAACZ,MAAM,CAAC,KAAKC,IAAI,CAACD,MAAM;IACnE,IAAIW,SAAS,EAAE;MACbH,YAAY,CAACK,IAAI,CAAC,CAAC;MACnBP,SAAS,CAACQ,OAAO,CAAC,OAAO,CAAC;IAC5B,CAAC,MAAM;MACLR,SAAS,CAACQ,OAAO,CAAC,MAAM,CAAC;IAC3B;IAEAhB,KAAK,CAACK,OAAO,CAACO,MAAM,CAAC,CAAC;EACxB,CAAC;EAED,oBACE,IAAAjB,WAAA,CAAAsB,IAAA,EAAC9B,YAAA,CAAA+B,IAAI;IAAAC,QAAA,gBACH,IAAAxB,WAAA,CAAAyB,GAAA,EAACjC,YAAA,CAAA+B,IAAI;MAACG,KAAK,EAAEC,MAAM,CAACC,OAAQ;MAAAJ,QAAA,eAC1B,IAAAxB,WAAA,CAAAyB,GAAA,EAAC7B,oBAAA,CAAAiC,mBAAmB;QAACC,eAAe,EAAEjB,SAAS,CAACkB;MAAW,CAAE;IAAC,CAC1D,CAAC,eACP,IAAA/B,WAAA,CAAAyB,GAAA,EAAC9B,cAAA,CAAAqC,aAAa;MAACC,QAAQ,EAAEhB;IAAO,CAAE,CAAC;EAAA,CAC/B,CAAC;AAEX,CAAC;AAAAiB,OAAA,CAAA9B,kBAAA,GAAAA,kBAAA;AAED,MAAMuB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,SAAS,EAAEF,sBAAO,CAAC,GAAG;EACxB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,36 +7,35 @@ exports.FluencySolvingHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _i18n = require("../../../../i18n/i18n.js");
-var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
-var _XCloseIcon = require("../../../../shared/icons/XCloseIcon.js");
+var _useFluencySolvingPreset = require("../../../hooks/useFluencySolvingPreset.js");
+var _XCloseIcon = require("../../../../../shared/icons/XCloseIcon.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FluencySolvingHeader = ({
   onClosePress
 }) => {
-  const t = (0, _i18n.useText)();
-  const uiMode = (0, _useFluencyModePreset.useFluencyModePreset)();
-  const OperatorIcon = uiMode.operatorIcon;
+  const modePreset = (0, _useFluencySolvingPreset.useFluencySolvingPreset)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
       variant: _reactNativeUi.ButtonVariant.SECONDARY,
       size: _reactNativeUi.ButtonSize.LARGE,
+      colorScheme: _reactNativeUi.ButtonColor.WHITE,
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_XCloseIcon.XCloseIcon, {}),
       onPress: onClosePress
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.operatorBadge, {
-        backgroundColor: uiMode.accentColor
+        backgroundColor: modePreset.colors.accent
       }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OperatorIcon, {
-        color: _reactNativeUi.COLORS.NEUTRAL_1,
-        size: 16
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H7,
+        style: styles.symbol,
+        children: modePreset.symbol
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
       variant: _reactNativeUi.HeadingVariants.H4,
       style: styles.title,
-      children: t(uiMode.matrix.operatorName)
+      children: modePreset.label
     })]
   });
 };
@@ -62,6 +61,12 @@ const styles = _reactNative.StyleSheet.create({
   title: {
     color: _reactNativeUi.COLORS.NEUTRAL_10,
     fontWeight: '700'
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100',
+    marginBottom: 2,
+    color: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=FluencySolvingHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencySolvingPreset","_XCloseIcon","_jsxRuntime","e","__esModule","default","FluencySolvingHeader","onClosePress","modePreset","useFluencySolvingPreset","jsxs","View","style","styles","container","children","jsx","Button","variant","ButtonVariant","SECONDARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","WHITE","icon","XCloseIcon","onPress","operatorBadge","backgroundColor","colors","accent","Typography","HeadingVariants","H7","symbol","H4","title","label","exports","StyleSheet","create","height","flexDirection","alignItems","gap","paddingVertical","SPACING","paddingHorizontal","SHADOWS","width","borderRadius","BORDER_RADIUS","justifyContent","color","COLORS","NEUTRAL_10","fontWeight","fontSize","marginBottom","NEUTRAL_1"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAYA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAmE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5D,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAMC,UAAU,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAE5C,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAkB,MAAM;MACLC,OAAO,EAAEC,4BAAa,CAACC,SAAU;MACjCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;MACvBC,WAAW,EAAEC,0BAAW,CAACC,KAAM;MAC/BC,IAAI,eAAE,IAAAzB,WAAA,CAAAc,GAAA,EAACf,WAAA,CAAA2B,UAAU,IAAE,CAAE;MACrBC,OAAO,EAAEtB;IAAa,CACvB,CAAC,eACF,IAAAL,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACiB,aAAa,EAAE;QAAEC,eAAe,EAAEvB,UAAU,CAACwB,MAAM,CAACC;MAAO,CAAC,CAAE;MAAAlB,QAAA,eACjF,IAAAb,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAmC,UAAU;QAAChB,OAAO,EAAEiB,8BAAe,CAACC,EAAG;QAACxB,KAAK,EAAEC,MAAM,CAACwB,MAAO;QAAAtB,QAAA,EAC3DP,UAAU,CAAC6B;MAAM,CACR;IAAC,CACT,CAAC,eACP,IAAAnC,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAmC,UAAU;MAAChB,OAAO,EAAEiB,8BAAe,CAACG,EAAG;MAAC1B,KAAK,EAAEC,MAAM,CAAC0B,KAAM;MAAAxB,QAAA,EAC1DP,UAAU,CAACgC;IAAK,CACP,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA;AAED,MAAMO,MAAM,GAAG6B,uBAAU,CAACC,MAAM,CAAC;EAC/B7B,SAAS,EAAE;IACT8B,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDrB,aAAa,EAAE;IACbsB,KAAK,EAAE,EAAE;IACTR,MAAM,EAAE,EAAE;IACVS,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCR,UAAU,EAAE,QAAQ;IACpBS,cAAc,EAAE,QAAQ;IACxB,GAAGJ,sBAAO,CAAC,CAAC;EACd,CAAC;EACDZ,KAAK,EAAE;IACLiB,KAAK,EAAEC,qBAAM,CAACC,UAAU;IACxBC,UAAU,EAAE;EACd,CAAC;EACDtB,MAAM,EAAE;IACNuB,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjBE,YAAY,EAAE,CAAC;IACfL,KAAK,EAAEC,qBAAM,CAACK;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/{FluencySolvingProgress.js → components/FluencySolvingProgress.js}

@@ -7,19 +7,32 @@ exports.FluencySolvingProgress = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyConstants = require("../../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FluencySolvingProgress = ({
   total,
-  activeIndex
+  activeIndex,
+  outcomes
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.container,
     children: Array.from({
       length: total
-    }).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: index === activeIndex ? styles.dotActive : styles.dot
-    }, index))
+    }).map((_, index) => {
+      if (index === activeIndex) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.dotActive
+      }, index);
+      if (index < activeIndex) {
+        const outcome = outcomes[index];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: outcome ? DOT_STYLE_BY_OUTCOME[outcome.status] : styles.dot
+        }, index);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.dot
+      }, index);
+    })
   });
 };
 exports.FluencySolvingProgress = FluencySolvingProgress;
@@ -42,6 +55,23 @@ const styles = _reactNative.StyleSheet.create({
     height: 12,
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10,
     borderRadius: 9999
+  },
+  dotCorrect: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_GREEN
+  },
+  dotWrong: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
   }
 });
+const DOT_STYLE_BY_OUTCOME = {
+  [_fluencyConstants.AttemptStatus.CORRECT]: styles.dotCorrect,
+  [_fluencyConstants.AttemptStatus.INCORRECT]: styles.dotWrong,
+  [_fluencyConstants.AttemptStatus.SKIPPED]: styles.dot
+};
 //# sourceMappingURL=FluencySolvingProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyConstants","_jsxRuntime","e","__esModule","default","FluencySolvingProgress","total","activeIndex","outcomes","jsx","View","style","styles","container","children","Array","from","length","map","_","index","dotActive","outcome","DOT_STYLE_BY_OUTCOME","status","dot","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_4","NEUTRAL_10","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","AttemptStatus","CORRECT","INCORRECT","SKIPPED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASnD,MAAMG,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEX;IAAM,CAAC,CAAC,CAACY,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;MAC/C,IAAIA,KAAK,KAAKb,WAAW,EAAE,oBAAO,IAAAN,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;QAAaC,KAAK,EAAEC,MAAM,CAACS;MAAU,GAA/BD,KAAiC,CAAC;MAC/E,IAAIA,KAAK,GAAGb,WAAW,EAAE;QACvB,MAAMe,OAAO,GAAGd,QAAQ,CAACY,KAAK,CAAC;QAC/B,oBACE,IAAAnB,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;UAAaC,KAAK,EAAEW,OAAO,GAAGC,oBAAoB,CAACD,OAAO,CAACE,MAAM,CAAC,GAAGZ,MAAM,CAACa;QAAI,GAA1EL,KAA4E,CAAC;MAE5F;MACA,oBAAO,IAAAnB,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;QAAaC,KAAK,EAAEC,MAAM,CAACa;MAAI,GAAzBL,KAA2B,CAAC;IAChD,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAM,OAAA,CAAArB,sBAAA,GAAAA,sBAAA;AAED,MAAMO,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDT,GAAG,EAAE;IACHU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,qBAAM,CAACC;EAC1B,CAAC;EACDnB,SAAS,EAAE;IACTc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAEC,qBAAM,CAACE,UAAU;IAClCJ,YAAY,EAAE;EAChB,CAAC;EACDK,UAAU,EAAE;IACVP,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,qBAAM,CAACI;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRT,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,qBAAM,CAACM;EAC1B;AACF,CAAC,CAAC;AAEF,MAAMtB,oBAAmD,GAAG;EAC1D,CAACuB,+BAAa,CAACC,OAAO,GAAGnC,MAAM,CAAC8B,UAAU;EAC1C,CAACI,+BAAa,CAACE,SAAS,GAAGpC,MAAM,CAACgC,QAAQ;EAC1C,CAACE,+BAAa,CAACG,OAAO,GAAGrC,MAAM,CAACa;AAClC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MODE_ANSWER_EVAL_FORMULA = exports.DEFAULT_PICKER_PARAMS = void 0;
+var _fluencyConstants = require("../../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
+
+const DEFAULT_PICKER_PARAMS = exports.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]
+};
+const MODE_ANSWER_EVAL_FORMULA = exports.MODE_ANSWER_EVAL_FORMULA = {
+  [_fluencyConstants.FluencyMode.ADDITION]: (a, b) => a + b,
+  [_fluencyConstants.FluencyMode.SUBTRACTION]: (a, b) => a - b,
+  [_fluencyConstants.FluencyMode.MULTIPLICATION]: (a, b) => a * b,
+  [_fluencyConstants.FluencyMode.DIVISION]: (a, b) => a / b
+};
+//# sourceMappingURL=fluencySolving.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_fluencyConstants","require","HOUR_MS","BOX_1_INTERVAL","BOX_2_INTERVAL","BOX_3_INTERVAL","BOX_4_INTERVAL","BOX_5_INTERVAL","DEFAULT_PICKER_PARAMS","exports","wDue","wWeak","wEase","wRand","numBoxes","boxIntervals","MODE_ANSWER_EVAL_FORMULA","FluencyMode","ADDITION","a","b","SUBTRACTION","MULTIPLICATION","DIVISION"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/fluencySolving.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAGA,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;;AAE/B,MAAMM,qBAAmC,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACjDE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE,GAAG;EACVC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,CAAC;EACXC,YAAY,EAAE,CAAC,CAAC,EAAEZ,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;AAClG,CAAC;AAEM,MAAMS,wBAA+E,GAAAP,OAAA,CAAAO,wBAAA,GAAG;EAC7F,CAACC,6BAAW,CAACC,QAAQ,GAAG,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EACvC,CAACH,6BAAW,CAACI,WAAW,GAAG,CAACF,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EAC1C,CAACH,6BAAW,CAACK,cAAc,GAAG,CAACH,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC;EAC7C,CAACH,6BAAW,CAACM,QAAQ,GAAG,CAACJ,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC;AACxC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateMaxStreak = void 0;
+exports.calculateNextBox = calculateNextBox;
+exports.formatSessionDuration = void 0;
+exports.selectNextFact = selectNextFact;
+exports.toSolvingFacts = toSolvingFacts;
+var _fluencyConstants = require("../../fluency.constants.js");
+var _fluencySolvingConstants = require("./fluencySolving.constants.js");
+function toSolvingFacts(factMap, mode) {
+  return Object.entries(factMap).map(([id, fact]) => {
+    const [a, b] = fact.numbers;
+    const answer = _fluencySolvingConstants.MODE_ANSWER_EVAL_FORMULA[mode](a, b);
+    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,
+      attemptsCount: fact.attemptsCount,
+      correctCount: fact.correctCount
+    };
+  });
+}
+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();
+}
+function selectNextFact(facts, now, params = _fluencySolvingConstants.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 = 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;
+}
+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')}`;
+};
+exports.formatSessionDuration = formatSessionDuration;
+const calculateMaxStreak = outcomes => outcomes.reduce((acc, outcome) => {
+  const current = outcome.status === _fluencyConstants.AttemptStatus.CORRECT ? acc.current + 1 : 0;
+  return {
+    max: Math.max(acc.max, current),
+    current
+  };
+}, {
+  max: 0,
+  current: 0
+}).max;
+exports.calculateMaxStreak = calculateMaxStreak;
+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/commonjs/features/fluency/components/fluency-solving/fluencySolving.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_fluencyConstants","require","_fluencySolvingConstants","toSolvingFacts","factMap","mode","Object","entries","map","id","fact","a","b","numbers","answer","MODE_ANSWER_EVAL_FORMULA","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","DEFAULT_PICKER_PARAMS","length","available","filter","f","pool","reduce","m","best","bestScore","Infinity","score","formatSessionDuration","ms","totalSeconds","floor","minutes","seconds","toString","padStart","exports","calculateMaxStreak","outcomes","acc","outcome","current","status","AttemptStatus","CORRECT","calculateNextBox","currentBox","isCorrect","isFast"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/fluencySolving.helpers.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=fluencySolving.types.js.map

package/dist/commonjs/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/commonjs/features/fluency/components/matrix/FluencyMatrix.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const FluencyMatrix = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
   style: styles.container,
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.body,
+    style: styles.matrixFillContainer,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixFill.MatrixFill, {})
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixLegend.MatrixLegend, {})]
 });
@@ -27,7 +27,7 @@ const styles = _reactNative.StyleSheet.create({
     overflow: 'hidden',
     ..._reactNativeUi.SHADOWS[1]
   },
-  body: {
+  matrixFillContainer: {
     flex: 1,
     padding: _reactNativeUi.SPACING[300],
     minHeight: 354

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixLegend","_MatrixFill","_jsxRuntime","e","__esModule","default","FluencyMatrix","jsxs","View","style","styles","container","children","jsx","body","MatrixFill","MatrixLegend","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,eACvB,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAc,UAAU,IAAE;EAAC,CACV,CAAC,eACP,IAAAb,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAgB,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAAAC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDb,IAAI,EAAE;IACJM,IAAI,EAAE,CAAC;IACPQ,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixLegend","_MatrixFill","_jsxRuntime","e","__esModule","default","FluencyMatrix","jsxs","View","style","styles","container","children","jsx","matrixFillContainer","MatrixFill","MatrixLegend","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,mBAAoB;IAAAF,QAAA,eACtC,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAc,UAAU,IAAE;EAAC,CACV,CAAC,eAEP,IAAAb,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAgB,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAAAC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDb,mBAAmB,EAAE;IACnBM,IAAI,EAAE,CAAC;IACPQ,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTooltip = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CellTooltip = ({
+  label
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.bubble,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.arrow
+  })]
+});
+exports.CellTooltip = CellTooltip;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center'
+  },
+  bubble: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[150],
+    paddingHorizontal: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[100],
+    ..._reactNativeUi.SHADOWS[4]
+  },
+  label: {
+    fontSize: 13,
+    lineHeight: 16,
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    textAlign: 'center'
+  },
+  arrow: {
+    width: 0,
+    height: 0,
+    borderLeftWidth: 9,
+    borderRightWidth: 9,
+    borderTopWidth: 12,
+    borderStyle: 'solid',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=CellTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEV,qBAAM,CAACW,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDlB,KAAK,EAAE;IACLmB,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,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -4,44 +4,89 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatrixCell = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _fluencyHelpers = require("../../../fluency.helpers.js");
 var _fluencyConstants = require("../../../fluency.constants.js");
 var _StarFillIcon = require("../../../assets/StarFillIcon.js");
+var _CellTooltip = require("./CellTooltip.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const MatrixCell = ({
-  row,
-  col,
-  score,
-  mastery
+  label,
+  box,
+  isHeader,
+  levelColors,
+  tooltipLabel
 }) => {
-  const label = (0, _fluencyHelpers.getCellLabel)(row, col);
-  const isMastered = score !== null && (0, _fluencyHelpers.getMasteryLevel)(score) === _fluencyConstants.FluencyMasteryLevel.MASTERED;
-  const background = score !== null ? (0, _fluencyHelpers.getCellColorByScore)(score, mastery) : (0, _fluencyHelpers.getCellBackground)(row, col);
+  const [isActive, setIsActive] = (0, _react.useState)(false);
+  const masteryLevel = box ? (0, _fluencyHelpers.getMasteryLevelByBox)(box) : null;
+  const isMastered = masteryLevel === _fluencyConstants.FluencyMasteryLevel.MASTERED;
+  const bgColor = (() => {
+    if (masteryLevel) return levelColors[masteryLevel];
+    if (isHeader) return _reactNativeUi.COLORS.NEUTRAL_5;
+    return _reactNativeUi.COLORS.NEUTRAL_2;
+  })();
+  const showTooltip = isActive && !!tooltipLabel;
+  const activate = () => setIsActive(true);
+  const deactivate = () => setIsActive(false);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.cell, {
-      backgroundColor: background
-    }],
-    children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {}), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.headerText,
-      children: label
+    style: [styles.wrapper, showTooltip && styles.wrapperActive],
+    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.tooltipContainer,
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellTooltip.CellTooltip, {
+        label: tooltipLabel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.cell, {
+        backgroundColor: bgColor
+      }],
+      onHoverIn: activate,
+      onHoverOut: deactivate,
+      onPressIn: activate,
+      onPressOut: deactivate,
+      children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {
+        color: isActive ? _reactNativeUi.COLORS.PRIMARY_YELLOW : undefined
+      }), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: typeof label === 'string' ? styles.symbolText : styles.headerText,
+        children: label
+      })]
     })]
   });
 };
 exports.MatrixCell = MatrixCell;
 const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1
+  },
+  wrapperActive: {
+    zIndex: 1
+  },
   cell: {
     flex: 1,
     borderRadius: _reactNativeUi.BORDER_RADIUS[100],
     alignItems: 'center',
     justifyContent: 'center'
   },
+  tooltipContainer: {
+    position: 'absolute',
+    bottom: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    paddingBottom: _reactNativeUi.SPACING[50]
+  },
   headerText: {
-    fontSize: 13,
-    color: _reactNativeUi.COLORS.NEUTRAL_2
+    fontSize: 12,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  symbolText: {
+    fontSize: 24,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
   }
 });
 //# sourceMappingURL=MatrixCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_jsxRuntime","e","__esModule","default","MatrixCell","row","col","score","mastery","label","getCellLabel","isMastered","getMasteryLevel","FluencyMasteryLevel","MASTERED","background","getCellColorByScore","getCellBackground","jsxs","View","style","styles","cell","backgroundColor","children","jsx","StarFillIcon","Text","headerText","exports","StyleSheet","create","flex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","fontSize","color","COLORS","NEUTRAL_2"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAMA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA2D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUpD,MAAMG,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAMC,KAAK,GAAG,IAAAC,4BAAY,EAACL,GAAG,EAAEC,GAAG,CAAC;EACpC,MAAMK,UAAU,GAAGJ,KAAK,KAAK,IAAI,IAAI,IAAAK,+BAAe,EAACL,KAAK,CAAC,KAAKM,qCAAmB,CAACC,QAAQ;EAC5F,MAAMC,UAAU,GACdR,KAAK,KAAK,IAAI,GAAG,IAAAS,mCAAmB,EAACT,KAAK,EAAEC,OAAO,CAAC,GAAG,IAAAS,iCAAiB,EAACZ,GAAG,EAAEC,GAAG,CAAC;EAEpF,oBACE,IAAAN,WAAA,CAAAkB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAER;IAAW,CAAC,CAAE;IAAAS,QAAA,GACzDb,UAAU,iBAAI,IAAAX,WAAA,CAAAyB,GAAA,EAAC1B,aAAA,CAAA2B,YAAY,IAAE,CAAC,EAC9BjB,KAAK,KAAK,IAAI,iBAAI,IAAAT,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAgC,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACO,UAAW;MAAAJ,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CAC7D,CAAC;AAEX,CAAC;AAAAoB,OAAA,CAAAzB,UAAA,GAAAA,UAAA;AAED,MAAMiB,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDR,UAAU,EAAE;IACVS,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","NEUTRAL_8","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,51 +7,47 @@ exports.MatrixFill = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
 var _MatrixCell = require("./MatrixCell.js");
-var _fluencyConstants = require("../../../fluency.constants.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
 var _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MOCK_SCORES = {
-  '1-1': 90,
-  '2-3': 70,
-  '3-5': 50,
-  '5-2': 30,
-  '4-4': 10,
-  '1-5': 85,
-  '3-3': 45
-};
 const MatrixFill = () => {
   const {
-    matrix
-  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const grid = (0, _effectorReact.useUnit)(model.matrix.$matrix);
+  if (!grid) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.grid,
-    children: Array.from({
-      length: _fluencyConstants.MATRIX_SIZE
-    }, (_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: grid.map((row, rowIdx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.row,
-      children: Array.from({
-        length: _fluencyConstants.MATRIX_SIZE
-      }, (_, col) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
-        row: row,
-        col: col,
-        score: MOCK_SCORES[`${row}-${col}`] ?? null,
-        mastery: matrix.mastery
-      }, col))
-    }, row))
+      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__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+          ...cell,
+          label: isOriginCell ? modePreset.symbol : cell.label,
+          levelColors: modePreset.colors.level,
+          tooltipLabel: tooltipLabel
+        }, colIdx);
+      })
+    }, rowIdx))
   });
 };
 exports.MatrixFill = MatrixFill;
 const styles = _reactNative.StyleSheet.create({
   grid: {
     flex: 1,
-    gap: _reactNativeUi.SPACING[50]
+    gap: _reactNativeUi.SPACING[100]
   },
   row: {
     flex: 1,
+    minHeight: _reactNativeUi.SPACING[800],
     flexDirection: 'row',
-    gap: _reactNativeUi.SPACING[50]
+    gap: _reactNativeUi.SPACING[100]
   }
 });
 //# sourceMappingURL=MatrixFill.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixCell","_fluencyConstants","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MOCK_SCORES","MatrixFill","matrix","useFluencyModePreset","jsx","View","style","styles","grid","children","Array","from","length","MATRIX_SIZE","_","row","col","MatrixCell","score","mastery","exports","StyleSheet","create","flex","gap","SPACING","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAA0E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1E,MAAMG,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;AAEM,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EAEzC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EACtBC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEC;IAAY,CAAC,EAAE,CAACC,CAAC,EAAEC,GAAG,kBAC1C,IAAAnB,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,IAAI;MAAWC,KAAK,EAAEC,MAAM,CAACQ,GAAI;MAAAN,QAAA,EAC/BC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEC;MAAY,CAAC,EAAE,CAACC,CAAC,EAAEE,GAAG,kBAC1C,IAAApB,WAAA,CAAAQ,GAAA,EAACX,WAAA,CAAAwB,UAAU;QAETF,GAAG,EAAEA,GAAI;QACTC,GAAG,EAAEA,GAAI;QACTE,KAAK,EAAElB,WAAW,CAAC,GAAGe,GAAG,IAAIC,GAAG,EAAE,CAAC,IAAI,IAAK;QAC5CG,OAAO,EAAEjB,MAAM,CAACiB;MAAQ,GAJnBH,GAKN,CACF;IAAC,GATOD,GAUL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAK,OAAA,CAAAnB,UAAA,GAAAA,UAAA;AAED,MAAMM,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,IAAI,EAAE;IACJe,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,EAAE;EACjB,CAAC;EACDV,GAAG,EAAE;IACHQ,IAAI,EAAE,CAAC;IACPG,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAEC,sBAAO,CAAC,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_MatrixCell","_FluencyContext","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MatrixFill","model","useFluency","modePreset","useFluencyModePreset","grid","useUnit","matrix","$matrix","jsx","View","style","styles","children","map","row","rowIdx","cell","colIdx","isOriginCell","tooltipLabel","numbers","symbol","MatrixCell","label","levelColors","colors","level","exports","StyleSheet","create","flex","gap","SPACING","minHeight","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACzC,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACL,KAAK,CAACM,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACH,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACE,IAAAT,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACP,IAAK;IAAAQ,QAAA,EACtBR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpB,IAAApB,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;MAAcC,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,GAAGlB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACE,IAAAzB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA8B,UAAU;UAAA,GAELN,IAAI;UACRO,KAAK,EAAEL,YAAY,GAAGhB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACO,KAAM;UACrDC,WAAW,EAAEtB,UAAU,CAACuB,MAAM,CAACC,KAAM;UACrCP,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAY,OAAA,CAAA5B,UAAA,GAAAA,UAAA;AAED,MAAMY,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,IAAI,EAAE;IACJ0B,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDlB,GAAG,EAAE;IACHgB,IAAI,EAAE,CAAC;IACPG,SAAS,EAAED,sBAAO,CAAC,GAAG,CAAC;IACvBE,aAAa,EAAE,KAAK;IACpBH,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}