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

package/dist/commonjs/features/fluency/components/FluencySolving.js

@@ -4,32 +4,57 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FluencySolving = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../fluency.constants.js");
 var _FluencyContext = require("../context/FluencyContext.js");
-var _FluencySolvingHeader = require("./fluency-solving/FluencySolvingHeader.js");
-var _FluencySolvingProgress = require("./fluency-solving/FluencySolvingProgress.js");
-var _FluencySolvingCard = require("./fluency-solving/FluencySolvingCard.js");
+var _FluencySolvingHeader = require("./fluency-solving/components/FluencySolvingHeader.js");
+var _FluencySolvingProgress = require("./fluency-solving/components/FluencySolvingProgress.js");
+var _FluencySolvingCard = require("./fluency-solving/components/FluencySolvingCard.js");
+var _FluencySessionResults = require("./session-results/FluencySessionResults.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FluencySolving = ({
   model,
-  onClosePress
+  onClosePress,
+  onEndModalPress
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyContext.FluencyProvider, {
+  const {
+    outcomes,
+    isSessionComplete,
+    config
+  } = (0, _effectorReact.useUnit)({
+    outcomes: model.solving.$outcomes,
+    isSessionComplete: model.solving.$isSessionComplete,
+    config: model.$config
+  });
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== 'web' || isSessionComplete) return;
+    const handleBeforeUnload = event => event.preventDefault();
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FluencyContext.FluencyProvider, {
     value: {
       model
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.container,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingHeader.FluencySolvingHeader, {
         onClosePress: onClosePress
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgress.FluencySolvingProgress, {
-        total: 20,
-        activeIndex: 4
+        total: _fluencyConstants.SESSION_LENGTH,
+        activeIndex: outcomes.length,
+        outcomes: outcomes
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
-    })
+    }), isSessionComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySessionResults.FluencySessionResults, {
+      studentName: config?.name ?? '',
+      onClosePress: onClosePress,
+      onEndModalPress: onEndModalPress
+    })]
   });
 };
 exports.FluencySolving = FluencySolving;

package/dist/commonjs/features/fluency/components/FluencySolving.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_FluencyContext","_FluencySolvingHeader","_FluencySolvingProgress","_FluencySolvingCard","_jsxRuntime","e","__esModule","default","FluencySolving","model","onClosePress","jsx","FluencyProvider","value","children","jsxs","View","style","styles","container","FluencySolvingHeader","FluencySolvingProgress","total","activeIndex","FluencySolvingCard","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAAyE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlE,MAAMG,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC9E,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACX,eAAA,CAAAY,eAAe;IAACC,KAAK,EAAE;MAAEJ;IAAM,CAAE;IAAAK,QAAA,eAChC,IAAAV,WAAA,CAAAW,IAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAL,QAAA,gBAC5B,IAAAV,WAAA,CAAAO,GAAA,EAACV,qBAAA,CAAAmB,oBAAoB;QAACV,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpD,IAAAN,WAAA,CAAAO,GAAA,EAACT,uBAAA,CAAAmB,sBAAsB;QAACC,KAAK,EAAE,EAAG;QAACC,WAAW,EAAE;MAAE,CAAE,CAAC,eACrD,IAAAnB,WAAA,CAAAO,GAAA,EAACR,mBAAA,CAAAqB,kBAAkB,IAAE,CAAC;IAAA,CAClB;EAAC,CACQ,CAAC;AAEtB,CAAC;AAAAC,OAAA,CAAAjB,cAAA,GAAAA,cAAA;AAED,MAAMU,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_FluencyContext","_FluencySolvingHeader","_FluencySolvingProgress","_FluencySolvingCard","_FluencySessionResults","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FluencySolving","model","onClosePress","onEndModalPress","outcomes","isSessionComplete","config","useUnit","solving","$outcomes","$isSessionComplete","$config","useEffect","Platform","OS","handleBeforeUnload","event","preventDefault","window","addEventListener","removeEventListener","jsxs","FluencyProvider","value","children","View","style","styles","container","jsx","FluencySolvingHeader","FluencySolvingProgress","total","SESSION_LENGTH","activeIndex","length","FluencySolvingCard","FluencySessionResults","studentName","name","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreak.js

@@ -7,13 +7,14 @@ exports.StreakDay = void 0;
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _fluencyConstants = require("../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CIRCLE_SIZE = _reactNativeUi.SPACING[800];
 const CIRCLE_BORDER_RADIUS = _reactNativeUi.BORDER_RADIUS[400];
 const getStatusStyle = (status, streakColor) => {
-  if (status === 'gained') {
-    return {
+  return {
+    [_fluencyConstants.StreakStatus.GAINED]: {
       circle: {
         backgroundColor: streakColor.gained,
         borderWidth: 1,
@@ -23,10 +24,8 @@ const getStatusStyle = (status, streakColor) => {
         color: streakColor.gained
       },
       hasIcon: true
-    };
-  }
-  if (status === 'today') {
-    return {
+    },
+    [_fluencyConstants.StreakStatus.TODAY]: {
       circle: {
         backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
         borderWidth: 3,
@@ -36,19 +35,19 @@ const getStatusStyle = (status, streakColor) => {
         color: streakColor.todayBorder
       },
       hasIcon: false
-    };
-  }
-  return {
-    circle: {
-      backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
-      borderWidth: 1,
-      borderColor: _reactNativeUi.COLORS.NEUTRAL_3
-    },
-    label: {
-      color: _reactNativeUi.COLORS.NEUTRAL_4
     },
-    hasIcon: false
-  };
+    [_fluencyConstants.StreakStatus.MISSED]: {
+      circle: {
+        backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+        borderWidth: 1,
+        borderColor: _reactNativeUi.COLORS.NEUTRAL_3
+      },
+      label: {
+        color: _reactNativeUi.COLORS.NEUTRAL_4
+      },
+      hasIcon: false
+    }
+  }[status];
 };
 const StreakDay = ({
   label,

package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreak.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","CIRCLE_SIZE","SPACING","CIRCLE_BORDER_RADIUS","BORDER_RADIUS","getStatusStyle","status","streakColor","circle","backgroundColor","gained","borderWidth","borderColor","COLORS","NEUTRAL_3","label","color","hasIcon","NEUTRAL_2","todayBorder","NEUTRAL_4","StreakDay","labelStyle","jsxs","View","style","styles","container","children","jsx","CorrectIcon","NEUTRAL_1","Typography","variant","HeadingVariants","H3","exports","StyleSheet","create","alignItems","gap","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreak.tsx"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAqE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrE,MAAMG,WAAW,GAAGC,sBAAO,CAAC,GAAG,CAAC;AAChC,MAAMC,oBAAoB,GAAGC,4BAAa,CAAC,GAAG,CAAC;AAgB/C,MAAMC,cAAc,GAAGA,CACrBC,MAAoB,EACpBC,WAAuD,KACvC;EAChB,IAAID,MAAM,KAAK,QAAQ,EAAE;IACvB,OAAO;MACLE,MAAM,EAAE;QAAEC,eAAe,EAAEF,WAAW,CAACG,MAAM;QAAEC,WAAW,EAAE,CAAC;QAAEC,WAAW,EAAEC,qBAAM,CAACC;MAAU,CAAC;MAC9FC,KAAK,EAAE;QAAEC,KAAK,EAAET,WAAW,CAACG;MAAO,CAAC;MACpCO,OAAO,EAAE;IACX,CAAC;EACH;EACA,IAAIX,MAAM,KAAK,OAAO,EAAE;IACtB,OAAO;MACLE,MAAM,EAAE;QAAEC,eAAe,EAAEI,qBAAM,CAACK,SAAS;QAAEP,WAAW,EAAE,CAAC;QAAEC,WAAW,EAAEL,WAAW,CAACY;MAAY,CAAC;MACnGJ,KAAK,EAAE;QAAEC,KAAK,EAAET,WAAW,CAACY;MAAY,CAAC;MACzCF,OAAO,EAAE;IACX,CAAC;EACH;EACA,OAAO;IACLT,MAAM,EAAE;MAAEC,eAAe,EAAEI,qBAAM,CAACK,SAAS;MAAEP,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAEC,qBAAM,CAACC;IAAU,CAAC;IAC5FC,KAAK,EAAE;MAAEC,KAAK,EAAEH,qBAAM,CAACO;IAAU,CAAC;IAClCH,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAEM,MAAMI,SAAS,GAAGA,CAAC;EAAEN,KAAK;EAAET,MAAM;EAAEC;AAA4B,CAAC,KAAK;EAC3E,MAAM;IAAEC,MAAM;IAAEO,KAAK,EAAEO,UAAU;IAAEL;EAAQ,CAAC,GAAGZ,cAAc,CAACC,MAAM,EAAEC,WAAW,CAAC;EAElF,oBACE,IAAAV,WAAA,CAAA0B,IAAA,EAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAA/B,WAAA,CAAAgC,GAAA,EAACjC,YAAA,CAAA4B,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAAClB,MAAM,EAAEA,MAAM,CAAE;MAAAoB,QAAA,EAClCX,OAAO,iBAAI,IAAApB,WAAA,CAAAgC,GAAA,EAACrC,cAAA,CAAAsC,WAAW;QAACd,KAAK,EAAEH,qBAAM,CAACkB;MAAU,CAAE;IAAC,CAChD,CAAC,eACP,IAAAlC,WAAA,CAAAgC,GAAA,EAACrC,cAAA,CAAAwC,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACV,KAAK,EAAEH,UAAW;MAAAM,QAAA,EACxDb;IAAK,CACI,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAqB,OAAA,CAAAf,SAAA,GAAAA,SAAA;AAED,MAAMK,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEtC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDM,MAAM,EAAE;IACNiC,KAAK,EAAExC,WAAW;IAClByC,MAAM,EAAEzC,WAAW;IACnB0C,YAAY,EAAExC,oBAAoB;IAClCoC,UAAU,EAAE,QAAQ;IACpBK,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_fluencyConstants","_jsxRuntime","e","__esModule","default","CIRCLE_SIZE","SPACING","CIRCLE_BORDER_RADIUS","BORDER_RADIUS","getStatusStyle","status","streakColor","StreakStatus","GAINED","circle","backgroundColor","gained","borderWidth","borderColor","COLORS","NEUTRAL_3","label","color","hasIcon","TODAY","NEUTRAL_2","todayBorder","MISSED","NEUTRAL_4","StreakDay","labelStyle","jsxs","View","style","styles","container","children","jsx","CorrectIcon","NEUTRAL_1","Typography","variant","HeadingVariants","H3","exports","StyleSheet","create","alignItems","gap","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreak.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.js

@@ -10,49 +10,51 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
 var _DayStreak = require("./DayStreak.js");
 var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
 var _i18n = require("../../../../i18n/i18n.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ONE_DAY_MS = 86_400_000;
+const DAY_LABEL_KEYS = ['student.fluency.dayMonday', 'student.fluency.dayTuesday', 'student.fluency.dayWednesday', 'student.fluency.dayThursday', 'student.fluency.dayFriday'];
+const generateStreakDates = stats => {
+  const todayMs = new Date().setHours(0, 0, 0, 0);
+  const startMs = new Date(stats.weekStart).setHours(0, 0, 0, 0);
+  const practiced = new Set(stats.practicedDates.map(d => new Date(d).setHours(0, 0, 0, 0)));
+  return [0, 1, 2, 3, 4].map(i => {
+    const dayMs = startMs + i * ONE_DAY_MS;
+    if (practiced.has(dayMs)) return _fluencyConstants.StreakStatus.GAINED;
+    if (dayMs === todayMs) return _fluencyConstants.StreakStatus.TODAY;
+    return _fluencyConstants.StreakStatus.MISSED;
+  });
+};
 const DayStreakCounter = () => {
   const t = (0, _i18n.useText)();
   const {
-    header
-  } = (0, _useFluencyModePreset.useFluencyModePreset)();
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const statuses = (0, _effectorReact.useStoreMap)(model.streak.$stats, stats => stats ? generateStreakDates(stats) : []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
       style: styles.label,
       children: t('student.fluency.practiceThisWeek')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.streakDays,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t('student.fluency.dayMonday'),
-        status: "gained",
-        streakColor: header.streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t('student.fluency.dayTuesday'),
-        status: "gained",
-        streakColor: header.streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t('student.fluency.dayWednesday'),
-        status: "missed",
-        streakColor: header.streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t('student.fluency.dayThursday'),
-        status: "today",
-        streakColor: header.streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t('student.fluency.dayFriday'),
-        status: "gained",
-        streakColor: header.streakColor
-      })]
+      children: DAY_LABEL_KEYS.map((key, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t(key),
+        status: statuses[i] ?? _fluencyConstants.StreakStatus.MISSED,
+        streakColor: modePreset.colors.streak
+      }, key))
     })]
   });
 };
 exports.DayStreakCounter = DayStreakCounter;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    height: '100%',
     width: 230,
+    height: 110,
     paddingVertical: _reactNativeUi.SPACING[200],
     paddingHorizontal: _reactNativeUi.SPACING[400],
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],

package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_useFluencyModePreset","_i18n","_jsxRuntime","e","__esModule","default","DayStreakCounter","t","useText","header","useFluencyModePreset","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","StreakDay","status","streakColor","exports","StyleSheet","create","height","width","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_useFluencyModePreset","_i18n","_FluencyContext","_effectorReact","_fluencyConstants","_jsxRuntime","e","__esModule","default","ONE_DAY_MS","DAY_LABEL_KEYS","generateStreakDates","stats","todayMs","Date","setHours","startMs","weekStart","practiced","Set","practicedDates","map","d","i","dayMs","has","StreakStatus","GAINED","TODAY","MISSED","DayStreakCounter","t","useText","model","useFluency","modePreset","useFluencyModePreset","statuses","useStoreMap","streak","$stats","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","key","StreakDay","status","streakColor","colors","exports","StyleSheet","create","width","height","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EquationContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencySolvingPreset = require("../../../hooks/useFluencySolvingPreset.js");
+var _usePreventWebKeys = require("../../../hooks/usePreventWebKeys.js");
+var _fluencyConstants = require("../../../fluency.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CURSOR_MOVE_KEYS = ['ArrowLeft', 'ArrowRight', 'Home', 'End'];
+const EquationContent = ({
+  leftOperand,
+  rightOperand,
+  value = '',
+  readOnly = false,
+  onChange
+}) => {
+  const modePreset = (0, _useFluencySolvingPreset.useFluencySolvingPreset)();
+  const inputRef = (0, _react.useRef)(null);
+  (0, _usePreventWebKeys.usePreventWebKeys)({
+    ref: inputRef,
+    keys: CURSOR_MOVE_KEYS,
+    enabled: !readOnly
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H9,
+      style: styles.cardLabel,
+      children: "Type your answer"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.equationRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: styles.number,
+        children: leftOperand
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: [styles.number, {
+          color: modePreset.colors.accent
+        }],
+        children: modePreset.symbol
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: styles.number,
+        children: rightOperand
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: styles.equals,
+        children: "="
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.answerBox, value.length > 0 && {
+          borderBottomColor: modePreset.colors.accent
+        }],
+        children: !readOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          ref: inputRef,
+          value: value,
+          onChangeText: onChange,
+          keyboardType: "number-pad",
+          maxLength: _fluencyConstants.MAX_INPUT_LENGTH,
+          selection: {
+            start: value.length,
+            end: value.length
+          },
+          style: [styles.number, styles.answerInput, {
+            color: modePreset.colors.accent
+          }],
+          autoFocus: true
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          style: [styles.number, styles.answerText, {
+            color: modePreset.colors.accent
+          }]
+        })
+      })]
+    })]
+  });
+};
+exports.EquationContent = EquationContent;
+const styles = _reactNative.StyleSheet.create({
+  cardLabel: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 1.3,
+    marginBottom: _reactNativeUi.SPACING[300],
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  equationRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    marginTop: _reactNativeUi.SPACING[600]
+  },
+  number: {
+    fontSize: 60,
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  equals: {
+    fontSize: 60,
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  answerBox: {
+    width: 110,
+    height: 44,
+    alignItems: 'center',
+    borderBottomWidth: 8,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  answerText: {
+    position: 'absolute'
+  },
+  answerInput: {
+    position: 'absolute',
+    bottom: -_reactNativeUi.SPACING[400],
+    textAlign: 'center',
+    width: '100%',
+    borderWidth: 0,
+    backgroundColor: 'transparent',
+    ...(_reactNative.Platform.OS === 'web' && {
+      outlineStyle: 'none',
+      caretColor: 'transparent'
+    })
+  }
+});
+//# sourceMappingURL=EquationContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_useFluencySolvingPreset","_usePreventWebKeys","_fluencyConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CURSOR_MOVE_KEYS","EquationContent","leftOperand","rightOperand","value","readOnly","onChange","modePreset","useFluencySolvingPreset","inputRef","useRef","usePreventWebKeys","ref","keys","enabled","jsxs","Fragment","children","jsx","Typography","variant","HeadingVariants","H9","style","styles","cardLabel","View","equationRow","number","color","colors","accent","symbol","equals","answerBox","length","borderBottomColor","TextInput","onChangeText","keyboardType","maxLength","MAX_INPUT_LENGTH","selection","start","end","answerInput","autoFocus","answerText","exports","StyleSheet","create","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","COLORS","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","width","height","borderBottomWidth","position","bottom","textAlign","borderWidth","backgroundColor","Platform","OS","outlineStyle","caretColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/EquationContent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FluencyEquationCard = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _effectorReact = require("effector-react");
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _EquationContent = require("./EquationContent.js");
-var _effectorReact = require("effector-react");
-var _FluencyContext = require("../../context/FluencyContext.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FluencyEquationCard = ({
@@ -19,7 +19,19 @@ const FluencyEquationCard = ({
   const {
     model
   } = (0, _FluencyContext.useFluency)();
-  const input = (0, _effectorReact.useUnit)(model.input.$state);
+  const {
+    answer,
+    fact
+  } = (0, _effectorReact.useUnit)({
+    answer: model.solving.$answer,
+    fact: model.solving.$current
+  });
+  const left = fact?.numbers[0] ?? 0;
+  const right = fact?.numbers[1] ?? 0;
+  const updateAnswer = text => {
+    const digits = text.replace(/\D/g, '');
+    model.solving.setAnswer(digits || null);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.stack,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
@@ -29,15 +41,17 @@ const FluencyEquationCard = ({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [styles.card, styles.cardNear, animationStyles.near],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
-        leftOperand: 6,
-        rightOperand: 6
+        leftOperand: left,
+        rightOperand: right,
+        readOnly: true
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [styles.card, styles.cardFront, animationStyles.front],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
-        leftOperand: 6,
-        rightOperand: 6,
-        input: input
+        leftOperand: left,
+        rightOperand: right,
+        value: answer ?? '',
+        onChange: updateAnswer
       })
     })]
   });

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeReanimated","_reactNativeUi","_EquationContent","_FluencyContext","_jsxRuntime","e","__esModule","default","FluencyEquationCard","animationStyles","model","useFluency","answer","fact","useUnit","solving","$answer","$current","left","numbers","right","updateAnswer","text","digits","replace","setAnswer","jsxs","View","style","styles","stack","children","jsx","card","cardFar","far","cardMid","mid","cardNear","near","EquationContent","leftOperand","rightOperand","readOnly","cardFront","front","value","onChange","exports","StyleSheet","create","width","maxWidth","height","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","position","top","opacity","alignItems","justifyContent"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyEquationCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyNumpad.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyNumpad = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencyNumpad = require("../../../hooks/useFluencyNumpad.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyNumpad = ({
+  onSubmit
+}) => {
+  const {
+    options
+  } = (0, _useFluencyNumpad.useFluencyNumpad)({
+    onSubmit
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+      numOfRows: 4,
+      color: _reactNativeUi.SelectOptionColor.GREY,
+      size: _reactNativeUi.SelectOptionSize.SMALL,
+      options: options,
+      style: {
+        container: styles.grid,
+        row: styles.row,
+        option: {
+          button: styles.optionButton,
+          text: styles.optionText
+        }
+      }
+    })
+  });
+};
+exports.FluencyNumpad = FluencyNumpad;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    marginTop: _reactNativeUi.SPACING[200]
+  },
+  grid: {
+    width: 360,
+    gap: _reactNativeUi.SPACING[200]
+  },
+  row: {
+    gap: _reactNativeUi.SPACING[200]
+  },
+  optionButton: {
+    height: 60
+  },
+  optionText: {
+    fontSize: 24,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  }
+});
+//# sourceMappingURL=FluencyNumpad.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyNumpad","_jsxRuntime","e","__esModule","default","FluencyNumpad","onSubmit","options","useFluencyNumpad","jsx","View","style","styles","container","children","SelectGroup","numOfRows","color","SelectOptionColor","GREY","size","SelectOptionSize","SMALL","grid","row","option","button","optionButton","text","optionText","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","marginTop","width","gap","height","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyNumpad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3D,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAAEF;EAAS,CAAC,CAAC;EAElD,oBACE,IAAAL,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAb,WAAA,CAAAQ,GAAA,EAACV,cAAA,CAAAgB,WAAW;MACVC,SAAS,EAAE,CAAE;MACbC,KAAK,EAAEC,gCAAiB,CAACC,IAAK;MAC9BC,IAAI,EAAEC,+BAAgB,CAACC,KAAM;MAC7Bf,OAAO,EAAEA,OAAQ;MACjBI,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACW,IAAI;QACtBC,GAAG,EAAEZ,MAAM,CAACY,GAAG;QACfC,MAAM,EAAE;UACNC,MAAM,EAAEd,MAAM,CAACe,YAAY;UAC3BC,IAAI,EAAEhB,MAAM,CAACiB;QACf;MACF;IAAE,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAzB,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGmB,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,SAAS,EAAED,sBAAO,CAAC,GAAG;EACxB,CAAC;EACDZ,IAAI,EAAE;IACJc,KAAK,EAAE,GAAG;IACVC,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDX,GAAG,EAAE;IACHc,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDR,YAAY,EAAE;IACZY,MAAM,EAAE;EACV,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react/effector-react.mjs");
+var _FluencyNumpad = require("./FluencyNumpad.js");
+var _FluencyEquationCard = require("./FluencyEquationCard.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
+var _useCardSnapAnimation = require("../../../hooks/useCardSnapAnimation.js");
+var _useSuccessSound = require("../../../hooks/useSuccessSound.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolvingCard = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    answer,
+    fact
+  } = (0, _effectorReact.useUnit)({
+    answer: model.solving.$answer,
+    fact: model.solving.$current
+  });
+  const animation = (0, _useCardSnapAnimation.useCardSnapAnimation)();
+  const successSound = (0, _useSuccessSound.useSuccessSound)();
+  const submit = () => {
+    if (!fact) return;
+    const isCorrect = answer !== null && Number(answer) === fact.answer;
+    if (isCorrect) {
+      successSound.play();
+      animation.trigger('right');
+    } else {
+      animation.trigger('left');
+    }
+    model.solving.submit();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.wrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyEquationCard.FluencyEquationCard, {
+        animationStyles: animation.snapStyles
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyNumpad.FluencyNumpad, {
+      onSubmit: submit
+    })]
+  });
+};
+exports.FluencySolvingCard = FluencySolvingCard;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    marginTop: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencySolvingCard.js.map