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

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

@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.FluencySolvingCard = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react/effector-react.mjs");
 var _FluencyNumpad = require("./FluencyNumpad.js");
 var _FluencyEquationCard = require("./FluencyEquationCard.js");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _FluencyContext = require("../../context/FluencyContext.js");
-var _useCardSnapAnimation = require("../../hooks/useCardSnapAnimation.js");
-var _useSuccessSound = require("../../hooks/useSuccessSound.js");
-var _commonConstants = require("../../../../shared/common.constants.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
+var _useCardSnapAnimation = require("../../../hooks/useCardSnapAnimation.js");
+var _useSuccessSound = require("../../../hooks/useSuccessSound.js");
+var _commonConstants = require("../../../../../shared/common.constants.js");
+var _constants = require("../../../../../lib/constants.js");
+var _fluencyConstants = require("../../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -20,32 +23,47 @@ const FluencySolvingCard = () => {
   const {
     model
   } = (0, _FluencyContext.useFluency)();
-  const animation = (0, _useCardSnapAnimation.useCardSnapAnimation)();
   const {
-    play: playSuccess
-  } = (0, _useSuccessSound.useSuccessSound)();
+    answer,
+    fact
+  } = (0, _effectorReact.useUnit)({
+    answer: model.solving.$answer,
+    fact: model.solving.$current
+  });
+  const animation = (0, _useCardSnapAnimation.useCardSnapAnimation)();
+  const successSound = (0, _useSuccessSound.useSuccessSound)();
+  const answerRef = (0, _react.useRef)(answer);
+  const submitRef = (0, _react.useRef)(() => {});
+  answerRef.current = answer;
   const submit = () => {
-    const input = model.input.$state.getState();
-    const problem = model.solving.$problem.getState();
-    const isCorrect = Number(input) === problem.answer;
-    if (isCorrect) playSuccess();
-    animation.trigger(isCorrect ? 'right' : 'left');
-    void model.submitFx();
+    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;
   (0, _react.useEffect)(() => {
     if (!_commonConstants.isWeb) return;
     const handleKeyDown = event => {
       const isDigit = /^\d$/.test(event.key);
-      if (isDigit) return model.input.set({
-        value: Number(event.key)
-      });
-      if (event.key === 'Backspace') return model.input.set({
-        erase: 'latest'
-      });
-      if (event.key === 'Enter') {
-        submit();
+      if (isDigit) {
+        const currentStr = answerRef.current !== null ? answerRef.current.toString() : '';
+        if (currentStr.length >= _fluencyConstants.MAX_INPUT_LENGTH) return;
+        model.solving.setAnswer(parseInt(currentStr + event.key, 10));
+        return;
+      }
+      if (event.key === _constants.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 === _constants.KeyboardKeys.ENTER) submitRef.current();
     };
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_FluencyNumpad","_FluencyEquationCard","_FluencyContext","_useCardSnapAnimation","_useSuccessSound","_commonConstants","_constants","_fluencyConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FluencySolvingCard","model","useFluency","answer","fact","useUnit","solving","$answer","$current","animation","useCardSnapAnimation","successSound","useSuccessSound","answerRef","useRef","submitRef","current","submit","isCorrect","play","trigger","useEffect","isWeb","handleKeyDown","event","isDigit","test","key","currentStr","toString","length","MAX_INPUT_LENGTH","setAnswer","parseInt","KeyboardKeys","BACKSPACE","newStr","slice","ENTER","window","addEventListener","removeEventListener","jsxs","View","children","jsx","style","styles","wrapper","FluencyEquationCard","animationStyles","snapStyles","FluencyNumpad","onEnterPress","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,17 +7,15 @@ 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 _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.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, _useFluencyModePreset.useFluencyModePreset)();
+  const OperatorIcon = modePreset.icon;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
@@ -27,7 +25,7 @@ const FluencySolvingHeader = ({
       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,
@@ -36,7 +34,7 @@ const FluencySolvingHeader = ({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
       variant: _reactNativeUi.HeadingVariants.H4,
       style: styles.title,
-      children: t(uiMode.matrix.operatorName)
+      children: modePreset.label
     })]
   });
 };

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_XCloseIcon","_jsxRuntime","e","__esModule","default","FluencySolvingHeader","onClosePress","modePreset","useFluencyModePreset","OperatorIcon","icon","jsxs","View","style","styles","container","children","jsx","Button","variant","ButtonVariant","SECONDARY","size","ButtonSize","LARGE","XCloseIcon","onPress","operatorBadge","backgroundColor","colors","accent","color","COLORS","NEUTRAL_1","Typography","HeadingVariants","H4","title","label","exports","StyleSheet","create","height","flexDirection","alignItems","gap","paddingVertical","SPACING","paddingHorizontal","SHADOWS","width","borderRadius","BORDER_RADIUS","justifyContent","NEUTRAL_10","fontWeight"],"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;AAWA,IAAAG,qBAAA,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,0CAAoB,EAAC,CAAC;EACzC,MAAMC,YAAY,GAAGF,UAAU,CAACG,IAAI;EAEpC,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAf,WAAA,CAAAgB,GAAA,EAACnB,cAAA,CAAAoB,MAAM;MACLC,OAAO,EAAEC,4BAAa,CAACC,SAAU;MACjCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;MACvBd,IAAI,eAAE,IAAAT,WAAA,CAAAgB,GAAA,EAACjB,WAAA,CAAAyB,UAAU,IAAE,CAAE;MACrBC,OAAO,EAAEpB;IAAa,CACvB,CAAC,eACF,IAAAL,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACa,aAAa,EAAE;QAAEC,eAAe,EAAErB,UAAU,CAACsB,MAAM,CAACC;MAAO,CAAC,CAAE;MAAAd,QAAA,eACjF,IAAAf,WAAA,CAAAgB,GAAA,EAACR,YAAY;QAACsB,KAAK,EAAEC,qBAAM,CAACC,SAAU;QAACX,IAAI,EAAE;MAAG,CAAE;IAAC,CAC/C,CAAC,eACP,IAAArB,WAAA,CAAAgB,GAAA,EAACnB,cAAA,CAAAoC,UAAU;MAACf,OAAO,EAAEgB,8BAAe,CAACC,EAAG;MAACvB,KAAK,EAAEC,MAAM,CAACuB,KAAM;MAAArB,QAAA,EAC1DT,UAAU,CAAC+B;IAAK,CACP,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAlC,oBAAA,GAAAA,oBAAA;AAED,MAAMS,MAAM,GAAG0B,uBAAU,CAACC,MAAM,CAAC;EAC/B1B,SAAS,EAAE;IACT2B,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;EACDtB,aAAa,EAAE;IACbuB,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;IACLN,KAAK,EAAEC,qBAAM,CAACsB,UAAU;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -11,15 +11,27 @@ 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] : styles.dot
+        }, index);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.dot
+      }, index);
+    })
   });
 };
 exports.FluencySolvingProgress = FluencySolvingProgress;
@@ -42,6 +54,22 @@ 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 = {
+  correct: styles.dotCorrect,
+  wrong: styles.dotWrong
+};
 //# 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","_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","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","correct","wrong"],"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;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASrD,MAAMG,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,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,EAACV,YAAA,CAAAW,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,oBAAO,IAAAnB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;UAAaC,KAAK,EAAEW,OAAO,GAAGC,oBAAoB,CAACD,OAAO,CAAC,GAAGV,MAAM,CAACY;QAAI,GAAnEJ,KAAqE,CAAC;MAC1F;MACA,oBAAO,IAAAnB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;QAAaC,KAAK,EAAEC,MAAM,CAACY;MAAI,GAAzBJ,KAA2B,CAAC;IAChD,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAK,OAAA,CAAApB,sBAAA,GAAAA,sBAAA;AAED,MAAMO,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,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;EACDlB,SAAS,EAAE;IACTa,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,MAAMrB,oBAAqD,GAAG;EAC5DsB,OAAO,EAAEjC,MAAM,CAAC6B,UAAU;EAC1BK,KAAK,EAAElC,MAAM,CAAC+B;AAChB,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,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateNextBox = calculateNextBox;
+exports.selectNextFact = selectNextFact;
+exports.toSolvingFacts = toSolvingFacts;
+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,
+      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;
+}
+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 = 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;
+}
+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":["_fluencySolvingConstants","require","toSolvingFacts","factMap","mode","Object","entries","map","id","fact","a","b","numbers","answer","MODE_ANSWER_EVAL_FORMULA","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","DEFAULT_PICKER_PARAMS","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/commonjs/features/fluency/components/fluency-solving/fluencySolving.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# 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/MatrixCell.js

@@ -13,20 +13,31 @@ var _StarFillIcon = require("../../../assets/StarFillIcon.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MatrixCell = ({
-  row,
-  col,
-  score,
-  mastery
+  label,
+  box,
+  isHeader,
+  levelColors,
+  divisor
 }) => {
-  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 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;
+  })();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.cell, {
-      backgroundColor: background
+      backgroundColor: bgColor
     }],
-    children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {}), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.headerText,
+    children: [divisor !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.starContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.divisorText,
+        children: ["\xF7", divisor]
+      })
+    }) : isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {}), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: divisor ? styles.cellNumber : styles.headerText,
       children: label
     })]
   });
@@ -39,9 +50,27 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
+  starContainer: {
+    position: 'absolute',
+    top: 3,
+    right: _reactNativeUi.SPACING[100]
+  },
+  divisorText: {
+    fontSize: 10,
+    fontWeight: '500',
+    color: _reactNativeUi.COLORS.NEUTRAL_1,
+    lineHeight: _reactNativeUi.SPACING[300]
+  },
+  cellNumber: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.NEUTRAL_3,
+    lineHeight: _reactNativeUi.SPACING[400]
+  },
   headerText: {
-    fontSize: 13,
-    color: _reactNativeUi.COLORS.NEUTRAL_2
+    fontSize: 12,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_8
   }
 });
 //# 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","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_jsxRuntime","e","__esModule","default","MatrixCell","label","box","isHeader","levelColors","divisor","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","jsxs","View","style","styles","cell","backgroundColor","children","jsx","starContainer","Text","divisorText","StarFillIcon","cellNumber","headerText","exports","StyleSheet","create","flex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","top","right","SPACING","fontSize","fontWeight","color","NEUTRAL_1","lineHeight","NEUTRAL_3","NEUTRAL_8"],"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,41 @@ 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) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+        ...cell,
+        levelColors: modePreset.colors.level
+      }, 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","MatrixCell","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,kBACpB,IAAAtB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA0B,UAAU;QAAA,GAAkBF,IAAI;QAAEG,WAAW,EAAEjB,UAAU,CAACkB,MAAM,CAACC;MAAM,GAAvDJ,MAAyD,CAC3E;IAAC,GAHOF,MAIL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAO,OAAA,CAAAvB,UAAA,GAAAA,UAAA;AAED,MAAMY,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,IAAI,EAAE;IACJqB,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDb,GAAG,EAAE;IACHW,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":[]}

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

@@ -14,11 +14,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MatrixLegend = () => {
   const t = (0, _i18n.useText)();
-  const {
-    matrix,
-    buttonColor,
-    legendItems
-  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
   const {
     onPracticePress
   } = (0, _FluencyContext.useFluency)();
@@ -26,7 +22,7 @@ const MatrixLegend = () => {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.legendItems,
-      children: legendItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: modePreset.legend.items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.legendItem,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: [styles.legendDot, {
@@ -41,7 +37,7 @@ const MatrixLegend = () => {
       onPress: onPracticePress,
       variant: _reactNativeUi.ButtonVariant.PRIMARY,
       size: _reactNativeUi.ButtonSize.MEDIUM,
-      colorScheme: buttonColor,
+      colorScheme: modePreset.colors.button,
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
         color: _reactNativeUi.COLORS.NEUTRAL_1
       }),
@@ -50,7 +46,7 @@ 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/commonjs/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","matrix","buttonColor","legendItems","useFluencyModePreset","onPracticePress","useFluency","jsxs","View","style","styles","container","children","jsx","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","icon","PlayIcon","COLORS","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","operatorName","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","SHADOWS","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","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","modePreset","useFluencyModePreset","onPracticePress","useFluency","jsxs","View","style","styles","container","children","jsx","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","colors","button","icon","PlayIcon","COLORS","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","SHADOWS","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":[]}