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

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":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"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 _studentsFeatures = require("@magmamath/students-features");
+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 <= _studentsFeatures.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","_studentsFeatures","_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;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAqE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9D,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,wCAAsB;EAErE,IAAI,CAACH,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAjB,WAAA,CAAAY,GAAA,EAAChB,cAAA,CAAAsB,MAAM;MAACb,OAAO,EAAEA,OAAQ;MAACc,OAAO,EAAEC,4BAAa,CAACC,QAAS;MAACC,IAAI,eAAE,IAAAtB,WAAA,CAAAY,GAAA,EAACf,SAAA,CAAA0B,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

@@ -9,56 +9,6 @@ var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const 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,18 +19,12 @@ 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 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 fillColor = PRIMARY_COLOR_MAP[color];
   const textColor = PRIMARY_COLOR_MAP[color];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,

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","_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","ProgressBar","progress","color","normalized","Math","round","min","max","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","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/SelectMathOperator.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,19 @@ 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'
+  },
+  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"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySessionResults = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _studentsFeatures = require("@magmamath/students-features");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _fluencyConstants = require("../../fluency.constants.js");
+var _fluencySolvingHelpers = require("../fluency-solving/fluencySolving.helpers.js");
+var _SessionStatCard = require("./SessionStatCard.js");
+var _FlameIcon = require("../../assets/FlameIcon.js");
+var _SnurrisnurrBg = require("../../assets/SnurrisnurrBg.js");
+var _TrophyBg = require("../../assets/TrophyBg.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 FluencySessionResults = ({
+  studentName,
+  onClosePress,
+  onEndModalPress
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    outcomes,
+    completedDurationMs
+  } = (0, _effectorReact.useUnit)({
+    outcomes: model.solving.$outcomes,
+    completedDurationMs: model.solving.$completedDurationMs
+  });
+  const correctCount = outcomes.filter(o => o.status === _fluencyConstants.AttemptStatus.CORRECT).length;
+  const maxStreak = (0, _fluencySolvingHelpers.calculateMaxStreak)(outcomes);
+  const durationDisplay = (0, _fluencySolvingHelpers.formatSessionDuration)(completedDurationMs);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: isOpen,
+    transparent: true,
+    animationType: "fade",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.overlay,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.container,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.snurrisnurrLayer,
+          pointerEvents: "none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnurrisnurrBg.SnurrisnurrBg, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.trophyLayer,
+          pointerEvents: "none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrophyBg.TrophyBg, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.close,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+            onPress: () => {
+              setIsOpen(false);
+              onClosePress?.();
+            },
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_studentsFeatures.CloseIcon, {
+              width: 20,
+              height: 20,
+              color: _reactNativeUi.COLORS.NEUTRAL_7
+            }),
+            variant: _reactNativeUi.ButtonVariant.TERTIARY
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.titleContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: "Checked and done"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.subtitle,
+            children: ["Nice job ", studentName, "!"]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.resultsContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
+            value: String(correctCount),
+            label: "Wow there!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
+              size: 30,
+              color: _reactNativeUi.COLORS.NEUTRAL_1
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_GREEN
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
+            value: durationDisplay,
+            label: "Fast!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.timerIconOffset,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
+                size: 30,
+                color: _reactNativeUi.COLORS.NEUTRAL_1
+              })
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
+            value: String(maxStreak),
+            label: "Nice streak!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlameIcon.FlameIcon, {
+              size: 30,
+              color: _reactNativeUi.COLORS.NEUTRAL_1
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.claimProgressButtonContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+            onPress: () => {
+              setIsOpen(false);
+              onEndModalPress?.();
+            },
+            variant: _reactNativeUi.ButtonVariant.PRIMARY,
+            size: _reactNativeUi.ButtonSize.LARGE,
+            colorScheme: _reactNativeUi.ButtonColor.YELLOW,
+            raiseLevel: 6,
+            children: "CLAIM PROGRESS"
+          })
+        })]
+      })
+    })
+  });
+};
+exports.FluencySessionResults = FluencySessionResults;
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  container: {
+    width: 700,
+    height: 440,
+    padding: _reactNativeUi.SPACING[800],
+    gap: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[5]
+  },
+  close: {
+    position: 'absolute',
+    top: _reactNativeUi.SPACING[400],
+    right: _reactNativeUi.SPACING[400]
+  },
+  titleContainer: {
+    gap: _reactNativeUi.SPACING[200],
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 36,
+    fontWeight: '900',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  subtitle: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  resultsContainer: {
+    flexDirection: 'row',
+    height: 184,
+    gap: 10,
+    paddingTop: 32,
+    paddingBottom: 64
+  },
+  snurrisnurrLayer: {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
+  },
+  trophyLayer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0
+  },
+  timerIconOffset: {
+    paddingBottom: 2,
+    paddingLeft: 2
+  },
+  claimProgressButtonContainer: {
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=FluencySessionResults.js.map

package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_studentsFeatures","_FluencyContext","_fluencyConstants","_fluencySolvingHelpers","_SessionStatCard","_FlameIcon","_SnurrisnurrBg","_TrophyBg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FluencySessionResults","studentName","onClosePress","onEndModalPress","isOpen","setIsOpen","useState","model","useFluency","outcomes","completedDurationMs","useUnit","solving","$outcomes","$completedDurationMs","correctCount","filter","o","status","AttemptStatus","CORRECT","length","maxStreak","calculateMaxStreak","durationDisplay","formatSessionDuration","jsx","Modal","visible","transparent","animationType","children","View","style","styles","overlay","jsxs","container","snurrisnurrLayer","pointerEvents","SnurrisnurrBg","trophyLayer","TrophyBg","close","Button","onPress","icon","CloseIcon","width","height","color","COLORS","NEUTRAL_7","variant","ButtonVariant","TERTIARY","titleContainer","Text","title","subtitle","resultsContainer","SessionStatCard","value","String","label","CorrectIcon","size","NEUTRAL_1","PRIMARY_GREEN","timerIconOffset","TimerIcon","PRIMARY_PURPLE","FlameIcon","PRIMARY_ORANGE","claimProgressButtonContainer","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","exports","StyleSheet","create","flex","backgroundColor","alignItems","justifyContent","padding","SPACING","gap","borderRadius","BORDER_RADIUS","overflow","SHADOWS","position","top","right","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","NEUTRAL_9","flexDirection","paddingTop","paddingBottom","left","bottom","paddingLeft"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/FluencySessionResults.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/session-results/SessionStatCard.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionStatCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SessionStatCard = ({
+  value,
+  label,
+  icon,
+  color
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconCircle, {
+        backgroundColor: color
+      }],
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.textContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.value, {
+          color
+        }],
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: label
+      })]
+    })]
+  });
+};
+exports.SessionStatCard = SessionStatCard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderWidth: 4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    padding: _reactNativeUi.SPACING[400],
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300]
+  },
+  textContainer: {
+    gap: _reactNativeUi.SPACING[50]
+  },
+  iconCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: 1000,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  value: {
+    fontSize: 32,
+    lineHeight: 34,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '700'
+  },
+  label: {
+    fontSize: 16,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=SessionStatCard.js.map

package/dist/commonjs/features/fluency/components/session-results/SessionStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","SessionStatCard","value","label","icon","color","jsxs","View","style","styles","card","borderColor","children","jsx","iconCircle","backgroundColor","textContainer","Text","exports","StyleSheet","create","flex","COLORS","NEUTRAL_1","borderWidth","borderRadius","BORDER_RADIUS","padding","SPACING","flexDirection","alignItems","gap","width","height","justifyContent","SHADOWS","fontSize","lineHeight","fontFamily","FONT_FAMILY","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SessionStatCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAiG,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1F,MAAMG,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACtF,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAEN;IAAM,CAAC,CAAE;IAAAO,QAAA,gBACjD,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACK,UAAU,EAAE;QAAEC,eAAe,EAAEV;MAAM,CAAC,CAAE;MAAAO,QAAA,EAAER;IAAI,CAAO,CAAC,eAC3E,IAAAP,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACO,aAAc;MAAAJ,QAAA,gBAChC,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAsB,IAAI;QAACT,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;UAAEG;QAAM,CAAC,CAAE;QAAAO,QAAA,EAAEV;MAAK,CAAO,CAAC,eACtD,IAAAL,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAsB,IAAI;QAACT,KAAK,EAAEC,MAAM,CAACN,KAAM;QAAAS,QAAA,EAAET;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAjB,eAAA,GAAAA,eAAA;AAED,MAAMQ,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,IAAI,EAAE,CAAC;IACPN,eAAe,EAAEO,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDZ,aAAa,EAAE;IACbe,GAAG,EAAEH,sBAAO,CAAC,EAAE;EACjB,CAAC;EACDd,UAAU,EAAE;IACVkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVR,YAAY,EAAE,IAAI;IAClBK,UAAU,EAAE,QAAQ;IACpBI,cAAc,EAAE,QAAQ;IACxB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDjC,KAAK,EAAE;IACLkC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE;EACd,CAAC;EACDtC,KAAK,EAAE;IACLiC,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBpC,KAAK,EAAEiB,qBAAM,CAACoB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}