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

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

@@ -7,51 +7,46 @@ 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,
     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","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":[]}

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

@@ -10,23 +10,22 @@ 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 {
-    matrix,
-    buttonColor,
-    legendItems
-  } = (0, _useFluencyModePreset.useFluencyModePreset)();
-  const {
+    model,
     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: 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, {
@@ -38,10 +37,13 @@ const MatrixLegend = () => {
         })]
       }, item.label))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-      onPress: onPracticePress,
+      onPress: () => {
+        model.solving.start(mode);
+        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 +52,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","_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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAUA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAwC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjC,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACzC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC/C,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAAC;EAExC,oBACE,IAAAf,WAAA,CAAAgB,IAAA,EAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,YAAA,CAAAuB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,WAAY;MAAAF,QAAA,EAC7Bd,UAAU,CAACiB,MAAM,CAACC,KAAK,CAACC,GAAG,CAAEC,IAAI,iBAChC,IAAA3B,WAAA,CAAAgB,IAAA,EAACtB,YAAA,CAAAuB,IAAI;QAAkBC,KAAK,EAAEC,MAAM,CAACS,UAAW;QAAAP,QAAA,gBAC9C,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,YAAA,CAAAuB,IAAI;UACHC,KAAK,EAAE,CACLC,MAAM,CAACU,SAAS,EAChB;YAAEC,eAAe,EAAEH,IAAI,CAACI;UAAM,CAAC,EAC/BJ,IAAI,CAACK,UAAU,IAAIb,MAAM,CAACc,eAAe;QACzC,CACH,CAAC,eACF,IAAAjC,WAAA,CAAAsB,GAAA,EAAC5B,YAAA,CAAAwC,IAAI;UAAChB,KAAK,EAAEC,MAAM,CAACgB,WAAY;UAAAd,QAAA,EAAEM,IAAI,CAACS;QAAK,CAAO,CAAC;MAAA,GAR3CT,IAAI,CAACS,KASV,CACP;IAAC,CACE,CAAC,eACP,IAAApC,WAAA,CAAAsB,GAAA,EAAC3B,cAAA,CAAA0C,MAAM;MACLC,OAAO,EAAEA,CAAA,KAAM;QACb7B,KAAK,CAAC8B,OAAO,CAACC,KAAK,CAAC5B,IAAI,CAAC;QACzBF,eAAe,GAAG,CAAC;MACrB,CAAE;MACF+B,OAAO,EAAEC,4BAAa,CAACC,OAAQ;MAC/BC,IAAI,EAAEC,yBAAU,CAACC,MAAO;MACxBC,WAAW,EAAExC,UAAU,CAACyC,MAAM,CAACC,MAAO;MACtCC,IAAI,eAAE,IAAAlD,WAAA,CAAAsB,GAAA,EAAC3B,cAAA,CAAAwD,QAAQ;QAACpB,KAAK,EAAEqB,qBAAM,CAACC;MAAU,CAAE,CAAE;MAC5CC,UAAU,EAAE,CAAE;MACdpC,KAAK,EAAE;QAAEE,SAAS,EAAED,MAAM,CAACoC,cAAc;QAAEC,IAAI,EAAErC,MAAM,CAACsC;MAAmB,CAAE;MAAApC,QAAA,EAE5E,GAAGhB,CAAC,CAAC,0BAA0B,CAAC,IAAIE,UAAU,CAAC6B,KAAK;IAAE,CACjD,CAAC;EAAA,CACL,CAAC;AAEX,CAAC;AAAAsB,OAAA,CAAAtD,YAAA,GAAAA,YAAA;AAED,MAAMe,MAAM,GAAGwC,uBAAU,CAACC,MAAM,CAAC;EAC/BxC,SAAS,EAAE;IACTyC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,eAAe;IAC/BlC,eAAe,EAAEsB,qBAAM,CAACa,SAAS;IACjCC,iBAAiB,EAAEd,qBAAM,CAACe,SAAS;IACnCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7BE,mBAAmB,EAAEC,4BAAa,CAAC,GAAG,CAAC;IACvCC,oBAAoB,EAAED,4BAAa,CAAC,GAAG,CAAC;IACxC,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDnD,WAAW,EAAE;IACXuC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBY,GAAG,EAAEN,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDzC,UAAU,EAAE;IACVkC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBY,GAAG,EAAEN,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDxC,SAAS,EAAE;IACT+C,KAAK,EAAE,EAAE;IACTf,MAAM,EAAE,EAAE;IACVgB,YAAY,EAAE;EAChB,CAAC;EACD5C,eAAe,EAAE;IACf6C,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAE3B,qBAAM,CAACe;EACtB,CAAC;EACDhC,WAAW,EAAE;IACX6C,QAAQ,EAAE,EAAE;IACZjD,KAAK,EAAEqB,qBAAM,CAAC6B;EAChB,CAAC;EACD1B,cAAc,EAAE;IACd2B,SAAS,EAAE;EACb,CAAC;EACDzB,kBAAkB,EAAE;IAClB0B,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileMenu = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MenuIcon = require("../../../../shared/icons/MenuIcon.js");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MobileMenu = ({
+  onPress
+}) => {
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const isVisible = _commonConstants.isWeb && dimensions.width <= _commonConstants.BURGER_MENU_BREAKPOINT;
+  if (!isVisible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      onPress: onPress,
+      variant: _reactNativeUi.ButtonVariant.TERTIARY,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuIcon.MenuIcon, {
+        size: 24
+      })
+    })
+  });
+};
+exports.MobileMenu = MobileMenu;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginRight: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=MobileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MenuIcon","_commonConstants","_jsxRuntime","e","__esModule","default","MobileMenu","onPress","dimensions","useWindowDimensions","isVisible","isWeb","width","BURGER_MENU_BREAKPOINT","jsx","View","style","styles","container","children","Button","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","exports","StyleSheet","create","marginRight","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/mobile-menu/MobileMenu.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAmF,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5E,MAAMG,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,SAAS,GAAGC,sBAAK,IAAIH,UAAU,CAACI,KAAK,IAAIC,uCAAsB;EAErE,IAAI,CAACH,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAjB,WAAA,CAAAY,GAAA,EAACf,cAAA,CAAAqB,MAAM;MAACb,OAAO,EAAEA,OAAQ;MAACc,OAAO,EAAEC,4BAAa,CAACC,QAAS;MAACC,IAAI,eAAE,IAAAtB,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAyB,QAAQ;QAACC,IAAI,EAAE;MAAG,CAAE;IAAE,CAAE;EAAC,CACvF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAArB,UAAA,GAAAA,UAAA;AAED,MAAMW,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,WAAW,EAAEC,sBAAO,CAAC,GAAG;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,58 +7,9 @@ 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,
@@ -69,35 +20,44 @@ const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
   [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
 };
-const getFillColor = (shades, progress) => {
-  if (progress <= 10) return shades.low;
-  if (progress <= 20) return shades.medium;
-  if (progress <= 80) return shades.high;
-  return shades.max;
+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 ProgressBar = ({
   progress,
   color = _reactNativeUi.SelectOptionColor.GREEN
 }) => {
-  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];
+  const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
+  const variantColor = PRIMARY_COLOR_MAP[color];
+  const isComplete = progressRounded === 100;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.track,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.fill, {
-          backgroundColor: fillColor,
-          width: `${normalized}%`
-        }]
-      })
+    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]
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
       variant: _reactNativeUi.HeadingVariants.H10,
       style: {
-        color: textColor
+        color: variantColor
       },
-      children: [normalized, "%"]
+      children: [progressRounded, "%"]
     })]
   });
 };
@@ -109,8 +69,10 @@ 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","_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":[]}
+{"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":[]}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBarSparkles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _SparkleIcon = require("../../assets/SparkleIcon.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; }
+const QUICK = _reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1);
+const END_HOLD_MS = 800;
+const SPARKLE_CONFIGS = [{
+  leftPercent: 6.5,
+  topOffset: -3,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 31.7,
+  topOffset: 7,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 37.8,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}, {
+  leftPercent: 58.7,
+  topOffset: 5,
+  size: 20,
+  triggerDelay: 50,
+  appearDuration: 868,
+  dissolveDuration: 868
+}, {
+  leftPercent: 88.7,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}];
+const SparkleItem = ({
+  config,
+  color
+}) => {
+  const loop = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    loop.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withDelay)(config.triggerDelay, (0, _reactNativeReanimated.withTiming)(1, {
+      duration: config.appearDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withDelay)(END_HOLD_MS, (0, _reactNativeReanimated.withTiming)(2, {
+      duration: config.dissolveDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 0
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(loop);
+  }, []);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const v = loop.value;
+    if (v <= 1) {
+      return {
+        opacity: v,
+        transform: [{
+          scale: v
+        }, {
+          rotate: `${(-90 + v * 90).toFixed(1)}deg`
+        }]
+      };
+    }
+    return {
+      opacity: 2 - v,
+      transform: [{
+        scale: 1
+      }, {
+        rotate: '0deg'
+      }]
+    };
+  }, [loop]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.sparkle, animatedStyle, {
+      left: `${config.leftPercent}%`,
+      top: config.topOffset,
+      width: config.size,
+      height: config.size
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkleIcon.SparkleIcon, {
+      size: config.size,
+      color: color
+    })
+  });
+};
+const ProgressBarSparkles = ({
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: SPARKLE_CONFIGS.map((config, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(SparkleItem, {
+    config: config,
+    color: color
+  }, index))
+});
+exports.ProgressBarSparkles = ProgressBarSparkles;
+const styles = _reactNative.StyleSheet.create({
+  sparkle: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ProgressBarSparkles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_SparkleIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QUICK","Easing","bezier","END_HOLD_MS","SPARKLE_CONFIGS","leftPercent","topOffset","size","triggerDelay","appearDuration","dissolveDuration","SparkleItem","config","color","loop","useSharedValue","useEffect","value","withRepeat","withSequence","withDelay","withTiming","duration","easing","cancelAnimation","animatedStyle","useAnimatedStyle","v","opacity","transform","scale","rotate","toFixed","jsx","View","style","styles","sparkle","left","top","width","height","children","SparkleIcon","ProgressBarSparkles","Fragment","map","index","exports","StyleSheet","create","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBarSparkles.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAUA,IAAAG,YAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEtD,MAAMW,KAAK,GAAGC,6BAAM,CAACC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzC,MAAMC,WAAW,GAAG,GAAG;AAWvB,MAAMC,eAAoC,GAAG,CAC3C;EACEC,WAAW,EAAE,GAAG;EAChBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC;EACZC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC;EACZC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,CACF;AAOD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAwB,CAAC,KAAK;EAC3D,MAAMC,IAAI,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAE9B,IAAAC,gBAAS,EAAC,MAAM;IACdF,IAAI,CAACG,KAAK,GAAG,IAAAC,iCAAU,EACrB,IAAAC,mCAAY,EACV,IAAAC,gCAAS,EACPR,MAAM,CAACJ,YAAY,EACnB,IAAAa,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAEV,MAAM,CAACH,cAAc;MAAEc,MAAM,EAAEvB;IAAM,CAAC,CAClE,CAAC,EACD,IAAAoB,gCAAS,EAACjB,WAAW,EAAE,IAAAkB,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAEV,MAAM,CAACF,gBAAgB;MAAEa,MAAM,EAAEvB;IAAM,CAAC,CAAC,CAAC,EAC3F,IAAAqB,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAC,CAC/B,CAAC,EACD,CAAC,CAAC,EACF,KACF,CAAC;IACD,OAAO,MAAM,IAAAE,sCAAe,EAACV,IAAI,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,CAAC,GAAGb,IAAI,CAACG,KAAK;IACpB,IAAIU,CAAC,IAAI,CAAC,EAAE;MACV,OAAO;QACLC,OAAO,EAAED,CAAC;QACVE,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEH;QAAE,CAAC,EAAE;UAAEI,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGJ,CAAC,GAAG,EAAE,EAAEK,OAAO,CAAC,CAAC,CAAC;QAAM,CAAC;MACzE,CAAC;IACH;IACA,OAAO;MACLJ,OAAO,EAAE,CAAC,GAAGD,CAAC;MACdE,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAC,EAAE;QAAEC,MAAM,EAAE;MAAO,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACjB,IAAI,CAAC,CAAC;EAEV,oBACE,IAAAnC,WAAA,CAAAsD,GAAA,EAACxD,sBAAA,CAAAS,OAAQ,CAACgD,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,OAAO,EACdZ,aAAa,EACb;MACEa,IAAI,EAAE,GAAG1B,MAAM,CAACP,WAAW,GAAG;MAC9BkC,GAAG,EAAE3B,MAAM,CAACN,SAAS;MACrBkC,KAAK,EAAE5B,MAAM,CAACL,IAAI;MAClBkC,MAAM,EAAE7B,MAAM,CAACL;IACjB,CAAC,CACD;IAAAmC,QAAA,eAEF,IAAA/D,WAAA,CAAAsD,GAAA,EAACvD,YAAA,CAAAiE,WAAW;MAACpC,IAAI,EAAEK,MAAM,CAACL,IAAK;MAACM,KAAK,EAAEA;IAAM,CAAE;EAAC,CACnC,CAAC;AAEpB,CAAC;AAMM,MAAM+B,mBAAmB,GAAGA,CAAC;EAAE/B;AAAgC,CAAC,kBACrE,IAAAlC,WAAA,CAAAsD,GAAA,EAAAtD,WAAA,CAAAkE,QAAA;EAAAH,QAAA,EACGtC,eAAe,CAAC0C,GAAG,CAAC,CAAClC,MAAM,EAAEmC,KAAK,kBACjC,IAAApE,WAAA,CAAAsD,GAAA,EAACtB,WAAW;IAAaC,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,GAApCkC,KAAsC,CACzD;AAAC,CACF,CACH;AAAAC,OAAA,CAAAJ,mBAAA,GAAAA,mBAAA;AAED,MAAMR,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,OAAO,EAAE;IACPc,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _effectorReact = require("effector-react");
-var _fluencyConstants = require("../../fluency.constants.js");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
 var _MathOperatorRow = require("./MathOperatorRow.js");
 var _FluencyContext = require("../../context/FluencyContext.js");
 var _i18n = require("../../../../i18n/i18n.js");
@@ -20,26 +20,30 @@ const SelectMathOperator = () => {
     model,
     onModeSelectPress
   } = (0, _FluencyContext.useFluency)();
-  const fluencyMode = (0, _effectorReact.useUnit)(model.$mode);
+  const fluencyMode = (0, _effectorReact.useUnit)(model.matrix.$mode);
+  const matrix = (0, _effectorReact.useUnit)(model.matrix.$data);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.container,
     children: _fluencyConstants.FLUENCY_MODES.map(({
       mode,
       label,
-      icon: Icon,
+      symbol,
       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)(Icon, {
-          color: isSelectedMode ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H6,
+          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
+          children: symbol
         }),
-        progress: 0,
+        progress: progress,
         color: select,
         selected: isSelectedMode,
         onSelect: () => {
-          model.setMode(mode);
+          model.matrix.setMode(mode);
           onModeSelectPress?.(mode);
         },
         showDivider: index < _fluencyConstants.FLUENCY_MODES.length - 1
@@ -50,12 +54,20 @@ const SelectMathOperator = () => {
 exports.SelectMathOperator = SelectMathOperator;
 const styles = _reactNative.StyleSheet.create({
   container: {
+    alignSelf: 'flex-start',
     width: 270,
-    paddingVertical: _reactNativeUi.SPACING[400],
-    paddingHorizontal: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[400],
     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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","$mode","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","icon","Icon","select","index","isSelectedMode","MathOperatorRow","title","color","COLORS","NEUTRAL_1","undefined","progress","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","width","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","SHADOWS"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.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,iBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,KAAK;IAAEC;EAAkB,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EACjD,MAAMC,WAAW,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,KAAK,CAAC;EAExC,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,+BAAa,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI,EAAEC,IAAI;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MACjE,MAAMC,cAAc,GAAGN,IAAI,KAAKX,WAAW;MAC3C,oBACE,IAAAV,WAAA,CAAAa,GAAA,EAAChB,gBAAA,CAAA+B,eAAe;QAEdC,KAAK,EAAExB,CAAC,CAACiB,KAAK,CAAE;QAChBC,IAAI,eAAE,IAAAvB,WAAA,CAAAa,GAAA,EAACW,IAAI;UAACM,KAAK,EAAEH,cAAc,GAAGI,qBAAM,CAACC,SAAS,GAAGC;QAAU,CAAE,CAAE;QACrEC,QAAQ,EAAE,CAAE;QACZJ,KAAK,EAAEL,MAAO;QACdU,QAAQ,EAAER,cAAe;QACzBS,QAAQ,EAAEA,CAAA,KAAM;UACd7B,KAAK,CAAC8B,OAAO,CAAChB,IAAI,CAAC;UACnBb,iBAAiB,GAAGa,IAAI,CAAC;QAC3B,CAAE;QACFiB,WAAW,EAAEZ,KAAK,GAAGP,+BAAa,CAACoB,MAAM,GAAG;MAAE,GAVzClB,IAWN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAmB,OAAA,CAAApC,kBAAA,GAAAA,kBAAA;AAED,MAAMY,MAAM,GAAGyB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,SAAS,EAAE;IACT0B,KAAK,EAAE,GAAG;IACVC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,eAAe,EAAElB,qBAAM,CAACC,SAAS;IACjC,GAAGkB,sBAAO,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}