@magmamath/students-features 1.3.26-rc.19 → 1.3.26-rc.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","FluencySolvingProgress","total","activeIndex","jsx","View","style","styles","container","children","Array","from","length","map","_","index","dotActive","dot","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_4","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/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;AAOrD,MAAMG,sBAAsB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,KAAK;EAC7F,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEV;IAAM,CAAC,CAAC,CAACW,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1C,IAAAlB,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAU,IAAI;MAAaC,KAAK,EAAES,KAAK,KAAKZ,WAAW,GAAGI,MAAM,CAACS,SAAS,GAAGT,MAAM,CAACU;IAAI,GAApEF,KAAsE,CAClF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAG,OAAA,CAAAjB,sBAAA,GAAAA,sBAAA;AAED,MAAMM,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,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;EACDhB,SAAS,EAAE;IACTW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAEC,qBAAM,CAACE,UAAU;IAClCJ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","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.matrixFillContainer,
+    style: styles.body,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixFill.MatrixFill, {})
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixLegend.MatrixLegend, {})]
 });
@@ -27,9 +27,10 @@ const styles = _reactNative.StyleSheet.create({
     overflow: 'hidden',
     ..._reactNativeUi.SHADOWS[1]
   },
-  matrixFillContainer: {
+  body: {
     flex: 1,
-    padding: _reactNativeUi.SPACING[300]
+    padding: _reactNativeUi.SPACING[300],
+    minHeight: 354
   }
 });
 //# sourceMappingURL=FluencyMatrix.js.map

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","matrixFillContainer","MatrixFill","MatrixLegend","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING"],"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;EACtB;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","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":[]}

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

@@ -4,115 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatrixCell = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 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 _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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MatrixCell = ({
-  label,
-  box,
-  isHeader,
-  isEmpty,
-  levelColors,
-  tooltipLabel
+  row,
+  col,
+  score,
+  mastery
 }) => {
-  const [isActive, setIsActive] = (0, _react.useState)(false);
-  const masteryLevel = 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);
-  if (isEmpty) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.wrapper,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.cell, styles.emptyCell],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyCellText,
-          children: "\u2212"
-        })
-      })
-    });
-  }
+  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);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.wrapper, showTooltip && styles.wrapperActive],
-    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      entering: _reactNativeReanimated.FadeIn.duration(200),
-      exiting: _reactNativeReanimated.FadeOut.duration(200),
-      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
-      })]
+    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
     })]
   });
 };
 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: '80%',
-    left: 0,
-    right: 0,
-    alignItems: 'center',
-    paddingBottom: _reactNativeUi.SPACING[50],
-    zIndex: 1
-  },
-  emptyCell: {
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
-  },
-  emptyCellText: {
-    fontSize: 12,
-    color: _reactNativeUi.COLORS.NEUTRAL_5,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
   headerText: {
-    fontSize: 12,
-    fontWeight: '600',
-    color: _reactNativeUi.COLORS.NEUTRAL_2,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  symbolText: {
-    fontSize: 24,
-    color: _reactNativeUi.COLORS.NEUTRAL_7
+    fontSize: 13,
+    color: _reactNativeUi.COLORS.NEUTRAL_2
   }
 });
 //# sourceMappingURL=MatrixCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_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","isEmpty","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsx","View","style","styles","wrapper","children","cell","emptyCell","Text","emptyCellText","jsxs","wrapperActive","entering","FadeIn","duration","exiting","FadeOut","tooltipContainer","pointerEvents","CellTooltip","Pressable","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontFamily","FONT_FAMILY","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -7,46 +7,51 @@ 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 _FluencyContext = require("../../../context/FluencyContext.js");
+var _fluencyConstants = require("../../../fluency.constants.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 {
-    model
-  } = (0, _FluencyContext.useFluency)();
-  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
-  const grid = (0, _effectorReact.useUnit)(model.matrix.$matrix);
-  if (!grid) return null;
+    matrix
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.grid,
-    children: grid.map((row, rowIdx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: Array.from({
+      length: _fluencyConstants.MATRIX_SIZE
+    }, (_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.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))
+      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))
   });
 };
 exports.MatrixFill = MatrixFill;
 const styles = _reactNative.StyleSheet.create({
   grid: {
     flex: 1,
-    gap: _reactNativeUi.SPACING[100]
+    gap: _reactNativeUi.SPACING[50]
   },
   row: {
     flex: 1,
     flexDirection: 'row',
-    gap: _reactNativeUi.SPACING[100]
+    gap: _reactNativeUi.SPACING[50]
   }
 });
 //# 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","_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","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,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -10,22 +10,23 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
 var _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.js");
 var _FluencyContext = require("../../../context/FluencyContext.js");
 var _i18n = require("../../../../../i18n/i18n.js");
-var _effectorReact = require("effector-react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MatrixLegend = () => {
   const t = (0, _i18n.useText)();
-  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
   const {
-    model,
+    matrix,
+    buttonColor,
+    legendItems
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const {
     onPracticePress
   } = (0, _FluencyContext.useFluency)();
-  const mode = (0, _effectorReact.useUnit)(model.matrix.$mode);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.legendItems,
-      children: modePreset.legend.items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: legendItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.legendItem,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: [styles.legendDot, {
@@ -37,13 +38,10 @@ const MatrixLegend = () => {
         })]
       }, item.label))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-      onPress: () => {
-        model.solving.start(mode);
-        onPracticePress?.();
-      },
+      onPress: onPracticePress,
       variant: _reactNativeUi.ButtonVariant.PRIMARY,
       size: _reactNativeUi.ButtonSize.MEDIUM,
-      colorScheme: modePreset.colors.button,
+      colorScheme: buttonColor,
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
         color: _reactNativeUi.COLORS.NEUTRAL_1
       }),
@@ -52,7 +50,7 @@ const MatrixLegend = () => {
         container: styles.practiceButton,
         text: styles.practiceButtonText
       },
-      children: `${t('student.fluency.practice')} ${modePreset.label}`
+      children: `${t('student.fluency.practice')} ${t(matrix.operatorName)}`
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_effectorReact","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","modePreset","useFluencyModePreset","model","onPracticePress","useFluency","mode","useUnit","matrix","$mode","jsxs","View","style","styles","container","children","jsx","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","solving","start","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":[]}
+{"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":[]}

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

@@ -7,9 +7,58 @@ exports.ProgressBar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _ProgressBarSparkles = require("./ProgressBarSparkles.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PROGRESS_COLOR_SHADES = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: {
+    low: _reactNativeUi.COLORS.GREEN_2,
+    medium: _reactNativeUi.COLORS.GREEN_3,
+    high: _reactNativeUi.COLORS.GREEN_6,
+    max: _reactNativeUi.COLORS.GREEN_7
+  },
+  [_reactNativeUi.SelectOptionColor.ORANGE]: {
+    low: _reactNativeUi.COLORS.ORANGE_2,
+    medium: _reactNativeUi.COLORS.ORANGE_3,
+    high: _reactNativeUi.COLORS.ORANGE_6,
+    max: _reactNativeUi.COLORS.ORANGE_7
+  },
+  [_reactNativeUi.SelectOptionColor.BLUE]: {
+    low: _reactNativeUi.COLORS.BLUE_2,
+    medium: _reactNativeUi.COLORS.BLUE_3,
+    high: _reactNativeUi.COLORS.BLUE_6,
+    max: _reactNativeUi.COLORS.BLUE_7
+  },
+  [_reactNativeUi.SelectOptionColor.RED]: {
+    low: _reactNativeUi.COLORS.RED_2,
+    medium: _reactNativeUi.COLORS.RED_3,
+    high: _reactNativeUi.COLORS.RED_6,
+    max: _reactNativeUi.COLORS.RED_7
+  },
+  [_reactNativeUi.SelectOptionColor.YELLOW]: {
+    low: _reactNativeUi.COLORS.YELLOW_2,
+    medium: _reactNativeUi.COLORS.YELLOW_3,
+    high: _reactNativeUi.COLORS.YELLOW_6,
+    max: _reactNativeUi.COLORS.YELLOW_7
+  },
+  [_reactNativeUi.SelectOptionColor.PURPLE]: {
+    low: _reactNativeUi.COLORS.PURPLE_2,
+    medium: _reactNativeUi.COLORS.PURPLE_3,
+    high: _reactNativeUi.COLORS.PURPLE_6,
+    max: _reactNativeUi.COLORS.PURPLE_7
+  },
+  [_reactNativeUi.SelectOptionColor.GREY]: {
+    low: _reactNativeUi.COLORS.NEUTRAL_2,
+    medium: _reactNativeUi.COLORS.NEUTRAL_3,
+    high: _reactNativeUi.COLORS.NEUTRAL_6,
+    max: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  [_reactNativeUi.SelectOptionColor.SUNSET]: {
+    low: _reactNativeUi.COLORS.RED_2,
+    medium: _reactNativeUi.COLORS.RED_3,
+    high: _reactNativeUi.COLORS.RED_6,
+    max: _reactNativeUi.COLORS.RED_7
+  }
+};
 const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.PRIMARY_GREEN,
   [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.PRIMARY_ORANGE,
@@ -20,44 +69,35 @@ const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
   [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
 };
-const SPARKLE_COLOR_MAP = {
-  [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.GREEN_3,
-  [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.ORANGE_3,
-  [_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.BLUE_3,
-  [_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.RED_3,
-  [_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.YELLOW_3,
-  [_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PURPLE_3,
-  [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_4,
-  [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.RED_3
+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;
 };
 const ProgressBar = ({
   progress,
   color = _reactNativeUi.SelectOptionColor.GREEN
 }) => {
-  const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
-  const variantColor = PRIMARY_COLOR_MAP[color];
-  const isComplete = progressRounded === 100;
+  const normalized = Math.round(Math.min(100, Math.max(0, progress)));
+  const fillColor = getFillColor(PROGRESS_COLOR_SHADES[color], normalized);
+  const textColor = PRIMARY_COLOR_MAP[color];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.trackWrapper,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.track,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.fill, {
-            backgroundColor: variantColor,
-            width: `${progressRounded}%`
-          }]
-        })
-      }), isComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBarSparkles.ProgressBarSparkles, {
-        color: SPARKLE_COLOR_MAP[color]
-      })]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.track,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.fill, {
+          backgroundColor: fillColor,
+          width: `${normalized}%`
+        }]
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
       variant: _reactNativeUi.HeadingVariants.H10,
       style: {
-        color: variantColor
+        color: textColor
       },
-      children: [progressRounded, "%"]
+      children: [normalized, "%"]
     })]
   });
 };
@@ -69,10 +109,8 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[200],
     alignItems: 'center'
   },
-  trackWrapper: {
-    flex: 1
-  },
   track: {
+    flex: 1,
     height: 18,
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
     borderRadius: _reactNativeUi.BORDER_RADIUS[450],

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBarSparkles","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","SPARKLE_COLOR_MAP","GREEN_3","ORANGE_3","BLUE_3","RED_3","YELLOW_3","PURPLE_3","NEUTRAL_4","ProgressBar","progress","color","progressRounded","Math","round","min","max","variantColor","isComplete","jsxs","View","style","styles","container","children","trackWrapper","jsx","track","fill","backgroundColor","width","ProgressBarSparkles","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PROGRESS_COLOR_SHADES","SelectOptionColor","GREEN","low","COLORS","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","jsxs","View","style","styles","container","children","jsx","track","fill","backgroundColor","width","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -20,30 +20,26 @@ const SelectMathOperator = () => {
     model,
     onModeSelectPress
   } = (0, _FluencyContext.useFluency)();
-  const fluencyMode = (0, _effectorReact.useUnit)(model.matrix.$mode);
-  const matrix = (0, _effectorReact.useUnit)(model.matrix.$data);
+  const fluencyMode = (0, _effectorReact.useUnit)(model.$mode);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.container,
     children: _fluencyConstants.FLUENCY_MODES.map(({
       mode,
       label,
-      symbol,
+      icon: Icon,
       select
     }, index) => {
       const isSelectedMode = mode === fluencyMode;
-      const progress = (matrix?.operations[mode].completionRate ?? 0) * 100;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathOperatorRow.MathOperatorRow, {
         title: t(label),
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-          variant: _reactNativeUi.HeadingVariants.H6,
-          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
-          children: symbol
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          color: isSelectedMode ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined
         }),
-        progress: progress,
+        progress: 0,
         color: select,
         selected: isSelectedMode,
         onSelect: () => {
-          model.matrix.setMode(mode);
+          model.setMode(mode);
           onModeSelectPress?.(mode);
         },
         showDivider: index < _fluencyConstants.FLUENCY_MODES.length - 1
@@ -54,20 +50,12 @@ const SelectMathOperator = () => {
 exports.SelectMathOperator = SelectMathOperator;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    alignSelf: 'flex-start',
     width: 270,
-    padding: _reactNativeUi.SPACING[400],
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[200],
     borderRadius: _reactNativeUi.BORDER_RADIUS[400],
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
     ..._reactNativeUi.SHADOWS[1]
-  },
-  symbol: {
-    fontSize: 32,
-    fontWeight: '100',
-    color: _reactNativeUi.COLORS.NEUTRAL_9
-  },
-  symbolSelected: {
-    color: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SelectMathOperator.js.map