@magmamath/students-features 1.3.26-rc.0 → 1.3.26-rc.10

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_StartBanner","_DayStreakCounter","_SelectMathOperator","_FluencyMatrix","_jsxRuntime","e","__esModule","default","Fluency","model","t","useText","jsxs","View","style","styles","container","children","jsx","Typography","variant","HeadingVariants","H2","title","header","StartBanner","DayStreakCounter","matrixContainer","operatorWrapper","SelectMathOperator","FluencyMatrix","exports","MATRIX_LEGEND_HEIGHT","StyleSheet","create","color","COLORS","NEUTRAL_9","height","flexDirection","marginTop","SPACING","gap","zIndex","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/Fluency.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAAsD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO/C,MAAMG,OAAO,GAAGA,CAAC;EAAEC;AAAoB,CAAC,KAAK;EAClD,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAACpB,cAAA,CAAAqB,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACR,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAN,QAAA,EAAC;IAE9D,CAAY,CAAC,eAEb,IAAAb,WAAA,CAAAQ,IAAA,EAACf,YAAA,CAAAgB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACS,MAAO;MAAAP,QAAA,gBACzB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAyB,WAAW,IAAE,CAAC,eACf,IAAArB,WAAA,CAAAc,GAAA,EAACjB,iBAAA,CAAAyB,gBAAgB,IAAE,CAAC;IAAA,CAChB,CAAC,eAEP,IAAAtB,WAAA,CAAAQ,IAAA,EAACf,YAAA,CAAAgB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACY,eAAgB;MAAAV,QAAA,gBAClC,IAAAb,WAAA,CAAAc,GAAA,EAACrB,YAAA,CAAAgB,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACa,eAAgB;QAAAX,QAAA,eAClC,IAAAb,WAAA,CAAAc,GAAA,EAAChB,mBAAA,CAAA2B,kBAAkB,IAAE;MAAC,CAClB,CAAC,eACP,IAAAzB,WAAA,CAAAc,GAAA,EAACf,cAAA,CAAA2B,aAAa,IAAE,CAAC;IAAA,CACb,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAvB,OAAA,GAAAA,OAAA;AAED,MAAMwB,oBAAoB,GAAG,EAAE;AAE/B,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,SAAS,EAAE,CAAC,CAAC;EACbO,KAAK,EAAE;IAAEY,KAAK,EAAEC,qBAAM,CAACC;EAAU,CAAC;EAClCb,MAAM,EAAE;IACNc,MAAM,EAAE,GAAG;IACXC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACvBC,GAAG,EAAED,sBAAO,CAAC,GAAG,CAAC;IACjBE,MAAM,EAAE;EACV,CAAC;EACDhB,eAAe,EAAE;IACfY,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACvBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDb,eAAe,EAAE;IACfgB,SAAS,EAAE,YAAY;IACvBJ,SAAS,EAAER;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeUi","_i18n","_StartBanner","_DayStreakCounter","_SelectMathOperator","_FluencyMatrix","_MobileMenu","_FluencyContext","_jsxRuntime","e","__esModule","default","Fluency","model","config","onMenuPress","onStartPress","onPracticePress","onModeSelectPress","useGate","gate","t","useText","jsx","FluencyProvider","value","children","jsxs","View","style","styles","title","MobileMenu","onPress","Typography","variant","HeadingVariants","H2","titleText","header","StartBanner","DayStreakCounter","matrix","SelectMathOperator","FluencyMatrix","exports","StyleSheet","create","flexDirection","alignItems","color","COLORS","NEUTRAL_9","height","marginTop","SPACING","gap","zIndex"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/Fluency.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolving = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _FluencyContext = require("../context/FluencyContext.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 _usePreventPageLeave = require("../hooks/usePreventPageLeave.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolving = ({
+  model,
+  onClosePress,
+  onEndModalPress
+}) => {
+  (0, _usePreventPageLeave.usePreventPageLeave)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FluencyContext.FluencyProvider, {
+    value: {
+      model
+    },
+    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, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySessionResults.FluencySessionResults, {
+      onClosePress: onClosePress,
+      onEndModalPress: onEndModalPress
+    })]
+  });
+};
+exports.FluencySolving = FluencySolving;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=FluencySolving.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_FluencyContext","_FluencySolvingHeader","_FluencySolvingProgress","_FluencySolvingCard","_FluencySessionResults","_usePreventPageLeave","_jsxRuntime","e","__esModule","default","FluencySolving","model","onClosePress","onEndModalPress","usePreventPageLeave","jsxs","FluencyProvider","value","children","View","style","styles","container","jsx","FluencySolvingHeader","FluencySolvingProgress","FluencySolvingCard","FluencySessionResults","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;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AAAkE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3D,MAAMG,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAqC,CAAC,KAAK;EAC/F,IAAAC,wCAAmB,EAAC,CAAC;EAErB,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACf,eAAA,CAAAgB,eAAe;IAACC,KAAK,EAAE;MAAEN;IAAM,CAAE;IAAAO,QAAA,gBAChC,IAAAZ,WAAA,CAAAS,IAAA,EAACjB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAJ,QAAA,gBAC5B,IAAAZ,WAAA,CAAAiB,GAAA,EAACtB,qBAAA,CAAAuB,oBAAoB;QAACZ,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpD,IAAAN,WAAA,CAAAiB,GAAA,EAACrB,uBAAA,CAAAuB,sBAAsB,IAAE,CAAC,eAC1B,IAAAnB,WAAA,CAAAiB,GAAA,EAACpB,mBAAA,CAAAuB,kBAAkB,IAAE,CAAC;IAAA,CAClB,CAAC,eAEP,IAAApB,WAAA,CAAAiB,GAAA,EAACnB,sBAAA,CAAAuB,qBAAqB;MAACf,YAAY,EAAEA,YAAa;MAACC,eAAe,EAAEA;IAAgB,CAAE,CAAC;EAAA,CACxE,CAAC;AAEtB,CAAC;AAAAe,OAAA,CAAAlB,cAAA,GAAAA,cAAA;AAED,MAAMW,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,38 +7,44 @@ 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 {
-      circle: {
-        backgroundColor: streakColor.gained,
-        borderWidth: 1,
-        borderColor: _reactNativeUi.COLORS.NEUTRAL_3
-      },
-      label: {
-        color: streakColor.gained
-      },
-      hasIcon: true
-    };
-  }
-  if (status === 'today') {
-    return {
-      circle: {
-        backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
-        borderWidth: 3,
-        borderColor: streakColor.todayBorder
-      },
-      label: {
-        color: streakColor.todayBorder
-      },
-      hasIcon: false
-    };
-  }
-  return {
+const STATUS_STYLES = {
+  [_fluencyConstants.StreakStatus.GAINED]: {
+    circle: {
+      backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+      borderWidth: 1,
+      borderColor: _reactNativeUi.COLORS.NEUTRAL_3
+    },
+    label: {
+      color: _reactNativeUi.COLORS.PRIMARY_YELLOW
+    },
+    hasIcon: true
+  },
+  [_fluencyConstants.StreakStatus.TODAY]: {
+    circle: {
+      backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+      borderWidth: 3,
+      borderColor: _reactNativeUi.COLORS.YELLOW_6
+    },
+    label: {
+      color: _reactNativeUi.COLORS.YELLOW_6
+    },
+    hasIcon: false
+  },
+  [_fluencyConstants.StreakStatus.TODAY_GAINED]: {
+    circle: {
+      backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+      borderWidth: 3,
+      borderColor: _reactNativeUi.COLORS.YELLOW_6
+    },
+    label: {
+      color: _reactNativeUi.COLORS.YELLOW_6
+    },
+    hasIcon: true
+  },
+  [_fluencyConstants.StreakStatus.MISSED]: {
     circle: {
       backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
       borderWidth: 1,
@@ -48,18 +54,17 @@ const getStatusStyle = (status, streakColor) => {
       color: _reactNativeUi.COLORS.NEUTRAL_4
     },
     hasIcon: false
-  };
+  }
 };
 const StreakDay = ({
   label,
-  status,
-  streakColor
+  status
 }) => {
   const {
     circle,
     label: labelStyle,
     hasIcon
-  } = getStatusStyle(status, streakColor);
+  } = STATUS_STYLES[status];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -81,9 +86,9 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[100]
   },
   circle: {
-    width: CIRCLE_SIZE,
-    height: CIRCLE_SIZE,
-    borderRadius: CIRCLE_BORDER_RADIUS,
+    width: _reactNativeUi.SPACING[800],
+    height: _reactNativeUi.SPACING[800],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
     alignItems: 'center',
     justifyContent: 'center'
   }

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":"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","ignoreList":[]}
+{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_fluencyConstants","_jsxRuntime","e","__esModule","default","STATUS_STYLES","StreakStatus","GAINED","circle","backgroundColor","COLORS","PRIMARY_YELLOW","borderWidth","borderColor","NEUTRAL_3","label","color","hasIcon","TODAY","NEUTRAL_2","YELLOW_6","TODAY_GAINED","MISSED","NEUTRAL_4","StreakDay","status","labelStyle","jsxs","View","style","styles","container","children","jsx","CorrectIcon","NEUTRAL_1","Typography","variant","HeadingVariants","H3","exports","StyleSheet","create","alignItems","gap","SPACING","width","height","borderRadius","BORDER_RADIUS","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

@@ -8,51 +8,53 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _DayStreak = require("./DayStreak.js");
-var _useFluencyModeUIPreset = require("../../hooks/useFluencyModeUIPreset.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 CONTAINER_WIDTH = 230;
-const STREAK_DAYS_MARGIN_TOP = 10;
-const DayStreakCounter = ({}) => {
+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;
+    const isPracticed = practiced.has(dayMs);
+    const isToday = dayMs === todayMs;
+    if (isPracticed && isToday) return _fluencyConstants.StreakStatus.TODAY_GAINED;
+    if (isPracticed) return _fluencyConstants.StreakStatus.GAINED;
+    if (isToday) return _fluencyConstants.StreakStatus.TODAY;
+    return _fluencyConstants.StreakStatus.MISSED;
+  });
+};
+const DayStreakCounter = () => {
+  const t = (0, _i18n.useText)();
   const {
-    streakColor
-  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+    model
+  } = (0, _FluencyContext.useFluency)();
+  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: "Practice this week"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: t('student.fluency.practiceThisWeek')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.streakDays,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "M",
-        status: "gained",
-        streakColor: streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "T",
-        status: "gained",
-        streakColor: streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "W",
-        status: "missed",
-        streakColor: streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "T",
-        status: "today",
-        streakColor: streakColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "F",
-        status: "gained",
-        streakColor: streakColor
-      })]
+      children: DAY_LABEL_KEYS.map((key, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t(key),
+        status: statuses[i] ?? _fluencyConstants.StreakStatus.MISSED
+      }, key))
     })]
   });
 };
 exports.DayStreakCounter = DayStreakCounter;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    height: '100%',
-    width: CONTAINER_WIDTH,
+    width: 230,
+    height: 110,
     paddingVertical: _reactNativeUi.SPACING[200],
     paddingHorizontal: _reactNativeUi.SPACING[400],
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
@@ -60,13 +62,14 @@ const styles = _reactNative.StyleSheet.create({
     ..._reactNativeUi.SHADOWS[1]
   },
   label: {
-    fontSize: _reactNativeUi.SPACING[300],
+    fontSize: 12,
     fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
     color: _reactNativeUi.COLORS.NEUTRAL_8
   },
   streakDays: {
     flexDirection: 'row',
-    marginTop: STREAK_DAYS_MARGIN_TOP,
+    marginTop: 10,
     gap: _reactNativeUi.SPACING[200]
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_useFluencyModeUIPreset","_jsxRuntime","e","__esModule","default","CONTAINER_WIDTH","STREAK_DAYS_MARGIN_TOP","DayStreakCounter","streakColor","useFluencyModeUIPreset","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","StreakDay","status","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAA2E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3E,MAAMG,eAAe,GAAG,GAAG;AAC3B,MAAMC,sBAAsB,GAAG,EAAE;AAI1B,MAAMC,gBAAgB,GAAGA,CAAC,CAAwB,CAAC,KAAK;EAC7D,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,8CAAsB,EAAC,CAAC;EAEhD,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAd,WAAA,CAAAe,GAAA,EAAClB,cAAA,CAAAmB,UAAU;MAACL,KAAK,EAAEC,MAAM,CAACK,KAAM;MAAAH,QAAA,EAAC;IAAkB,CAAY,CAAC,eAEhE,IAAAd,WAAA,CAAAS,IAAA,EAACb,YAAA,CAAAc,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACM,UAAW;MAAAJ,QAAA,gBAE7B,IAAAd,WAAA,CAAAe,GAAA,EAACjB,UAAA,CAAAqB,SAAS;QAACF,KAAK,EAAC,GAAG;QAACG,MAAM,EAAC,QAAQ;QAACb,WAAW,EAAEA;MAAY,CAAE,CAAC,eACjE,IAAAP,WAAA,CAAAe,GAAA,EAACjB,UAAA,CAAAqB,SAAS;QAACF,KAAK,EAAC,GAAG;QAACG,MAAM,EAAC,QAAQ;QAACb,WAAW,EAAEA;MAAY,CAAE,CAAC,eACjE,IAAAP,WAAA,CAAAe,GAAA,EAACjB,UAAA,CAAAqB,SAAS;QAACF,KAAK,EAAC,GAAG;QAACG,MAAM,EAAC,QAAQ;QAACb,WAAW,EAAEA;MAAY,CAAE,CAAC,eACjE,IAAAP,WAAA,CAAAe,GAAA,EAACjB,UAAA,CAAAqB,SAAS;QAACF,KAAK,EAAC,GAAG;QAACG,MAAM,EAAC,OAAO;QAACb,WAAW,EAAEA;MAAY,CAAE,CAAC,eAChE,IAAAP,WAAA,CAAAe,GAAA,EAACjB,UAAA,CAAAqB,SAAS;QAACF,KAAK,EAAC,GAAG;QAACG,MAAM,EAAC,QAAQ;QAACb,WAAW,EAAEA;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAc,OAAA,CAAAf,gBAAA,GAAAA,gBAAA;AAED,MAAMM,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,MAAM,EAAE,MAAM;IACdC,KAAK,EAAErB,eAAe;IACtBsB,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjC,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDjB,KAAK,EAAE;IACLkB,QAAQ,EAAER,sBAAO,CAAC,GAAG,CAAC;IACtBS,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEL,qBAAM,CAACM;EAChB,CAAC;EACDpB,UAAU,EAAE;IACVqB,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAEnC,sBAAsB;IACjCoC,GAAG,EAAEd,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_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","isPracticed","has","isToday","StreakStatus","TODAY_GAINED","GAINED","TODAY","MISSED","DayStreakCounter","t","useText","model","useFluency","statuses","useStoreMap","streak","$stats","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","key","StreakDay","status","exports","StyleSheet","create","width","height","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","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,153 @@
+"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 _i18n = require("../../../../../i18n/i18n.js");
+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 STATUS_COLOR = {
+  [_fluencyConstants.AttemptStatus.CORRECT]: _reactNativeUi.COLORS.PRIMARY_GREEN,
+  [_fluencyConstants.AttemptStatus.INCORRECT]: _reactNativeUi.COLORS.PRIMARY_RED,
+  [_fluencyConstants.AttemptStatus.SKIPPED]: _reactNativeUi.COLORS.NEUTRAL_7
+};
+const getLabelText = (status, defaultText, correctAnswer) => {
+  switch (status) {
+    case _fluencyConstants.AttemptStatus.CORRECT:
+      return 'Correct!';
+    case _fluencyConstants.AttemptStatus.INCORRECT:
+      return `INCORRECT — ANSWER: ${correctAnswer ?? ''}`;
+    case _fluencyConstants.AttemptStatus.SKIPPED:
+      return 'Skipped';
+    default:
+      return defaultText;
+  }
+};
+const EquationContent = ({
+  leftOperand,
+  rightOperand,
+  mode,
+  value = '',
+  readOnly = false,
+  status,
+  correctAnswer,
+  onChange
+}) => {
+  const t = (0, _i18n.useText)();
+  const modePreset = (0, _useFluencySolvingPreset.useFluencySolvingPreset)({
+    mode
+  });
+  const labelColor = status ? STATUS_COLOR[status] : _reactNativeUi.COLORS.NEUTRAL_7;
+  const labelText = getLabelText(status, t('student.fluency.typeYourAnswer'), correctAnswer);
+  const answerAreaColor = status === _fluencyConstants.AttemptStatus.INCORRECT ? _reactNativeUi.COLORS.PRIMARY_RED : modePreset.colors.accent;
+  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, {
+        color: labelColor
+      }],
+      children: labelText
+    }), /*#__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: answerAreaColor
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          ref: readOnly ? undefined : inputRef,
+          value: value,
+          onChangeText: readOnly ? undefined : onChange,
+          editable: !readOnly,
+          keyboardType: "number-pad",
+          maxLength: _fluencyConstants.MAX_INPUT_LENGTH,
+          selection: readOnly ? undefined : {
+            start: value.length,
+            end: value.length
+          },
+          style: [styles.number, styles.answerInput, {
+            color: answerAreaColor
+          }],
+          autoFocus: !readOnly
+        })
+      })]
+    })]
+  });
+};
+exports.EquationContent = EquationContent;
+const styles = _reactNative.StyleSheet.create({
+  cardLabel: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 1.3,
+    marginBottom: _reactNativeUi.SPACING[500],
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  equationRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    marginTop: _reactNativeUi.SPACING[600]
+  },
+  number: {
+    fontSize: 75,
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  equals: {
+    fontSize: 75,
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  answerBox: {
+    width: 135,
+    height: 44,
+    marginBottom: -_reactNativeUi.SPACING[800],
+    alignItems: 'center',
+    borderBottomWidth: 8,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  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","_i18n","_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","STATUS_COLOR","AttemptStatus","CORRECT","COLORS","PRIMARY_GREEN","INCORRECT","PRIMARY_RED","SKIPPED","NEUTRAL_7","getLabelText","status","defaultText","correctAnswer","EquationContent","leftOperand","rightOperand","mode","value","readOnly","onChange","useText","modePreset","useFluencySolvingPreset","labelColor","labelText","answerAreaColor","colors","accent","inputRef","useRef","usePreventWebKeys","ref","keys","enabled","jsxs","Fragment","children","jsx","Typography","variant","HeadingVariants","H9","style","styles","cardLabel","color","View","equationRow","number","symbol","equals","answerBox","length","borderBottomColor","TextInput","undefined","onChangeText","editable","keyboardType","maxLength","MAX_INPUT_LENGTH","selection","start","end","answerInput","autoFocus","exports","StyleSheet","create","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAA8F,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,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,SAAAV,wBAAAU,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;AAE9F,MAAMW,gBAAgB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC;AAEnE,MAAMC,YAA2C,GAAG;EAClD,CAACC,+BAAa,CAACC,OAAO,GAAGC,qBAAM,CAACC,aAAa;EAC7C,CAACH,+BAAa,CAACI,SAAS,GAAGF,qBAAM,CAACG,WAAW;EAC7C,CAACL,+BAAa,CAACM,OAAO,GAAGJ,qBAAM,CAACK;AAClC,CAAC;AAED,MAAMC,YAAY,GAAGA,CAACC,MAAiC,EAAEC,WAAmB,EAAEC,aAAsB,KAAa;EAC/G,QAAQF,MAAM;IACZ,KAAKT,+BAAa,CAACC,OAAO;MAAE,OAAO,UAAU;IAC7C,KAAKD,+BAAa,CAACI,SAAS;MAAE,OAAO,uBAAuBO,aAAa,IAAI,EAAE,EAAE;IACjF,KAAKX,+BAAa,CAACM,OAAO;MAAE,OAAO,SAAS;IAC5C;MAAS,OAAOI,WAAW;EAC7B;AACF,CAAC;AAaM,MAAME,eAAe,GAAGA,CAAC;EAC9BC,WAAW;EACXC,YAAY;EACZC,IAAI;EACJC,KAAK,GAAG,EAAE;EACVC,QAAQ,GAAG,KAAK;EAChBR,MAAM;EACNE,aAAa;EACbO;AACoB,CAAC,KAAK;EAC1B,MAAMpC,CAAC,GAAG,IAAAqC,aAAO,EAAC,CAAC;EACnB,MAAMC,UAAU,GAAG,IAAAC,gDAAuB,EAAC;IAAEN;EAAK,CAAC,CAAC;EACpD,MAAMO,UAAU,GAAGb,MAAM,GAAGV,YAAY,CAACU,MAAM,CAAC,GAAGP,qBAAM,CAACK,SAAS;EACnE,MAAMgB,SAAS,GAAGf,YAAY,CAACC,MAAM,EAAE3B,CAAC,CAAC,gCAAgC,CAAC,EAAE6B,aAAa,CAAC;EAC1F,MAAMa,eAAe,GAAGf,MAAM,KAAKT,+BAAa,CAACI,SAAS,GAAGF,qBAAM,CAACG,WAAW,GAAGe,UAAU,CAACK,MAAM,CAACC,MAAM;EAE1G,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EACxC,IAAAC,oCAAiB,EAAC;IAAEC,GAAG,EAAEH,QAAQ;IAAEI,IAAI,EAAEjC,gBAAgB;IAAEkC,OAAO,EAAE,CAACf;EAAS,CAAC,CAAC;EAEhF,oBACE,IAAAxC,WAAA,CAAAwD,IAAA,EAAAxD,WAAA,CAAAyD,QAAA;IAAAC,QAAA,gBACE,IAAA1D,WAAA,CAAA2D,GAAA,EAAChE,cAAA,CAAAiE,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;QAAEC,KAAK,EAAEtB;MAAW,CAAC,CAAE;MAAAa,QAAA,EACvFZ;IAAS,CACA,CAAC,eACb,IAAA9C,WAAA,CAAAwD,IAAA,EAAC9D,YAAA,CAAA0E,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACI,WAAY;MAAAX,QAAA,gBAC9B,IAAA1D,WAAA,CAAA2D,GAAA,EAAChE,cAAA,CAAAiE,UAAU;QAACI,KAAK,EAAEC,MAAM,CAACK,MAAO;QAAAZ,QAAA,EAAEtB;MAAW,CAAa,CAAC,eAC5D,IAAApC,WAAA,CAAA2D,GAAA,EAAChE,cAAA,CAAAiE,UAAU;QAACI,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAE;UAAEH,KAAK,EAAExB,UAAU,CAACK,MAAM,CAACC;QAAO,CAAC,CAAE;QAAAS,QAAA,EACrEf,UAAU,CAAC4B;MAAM,CACR,CAAC,eACb,IAAAvE,WAAA,CAAA2D,GAAA,EAAChE,cAAA,CAAAiE,UAAU;QAACI,KAAK,EAAEC,MAAM,CAACK,MAAO;QAAAZ,QAAA,EAAErB;MAAY,CAAa,CAAC,eAC7D,IAAArC,WAAA,CAAA2D,GAAA,EAAChE,cAAA,CAAAiE,UAAU;QAACI,KAAK,EAAEC,MAAM,CAACO,MAAO;QAAAd,QAAA,EAAC;MAAC,CAAY,CAAC,eAChD,IAAA1D,WAAA,CAAA2D,GAAA,EAACjE,YAAA,CAAA0E,IAAI;QACHJ,KAAK,EAAE,CACLC,MAAM,CAACQ,SAAS,EAChBlC,KAAK,CAACmC,MAAM,GAAG,CAAC,IAAI;UAAEC,iBAAiB,EAAE5B;QAAgB,CAAC,CAC1D;QAAAW,QAAA,eAEF,IAAA1D,WAAA,CAAA2D,GAAA,EAACjE,YAAA,CAAAkF,SAAS;UACRvB,GAAG,EAAEb,QAAQ,GAAGqC,SAAS,GAAG3B,QAAS;UACrCX,KAAK,EAAEA,KAAM;UACbuC,YAAY,EAAEtC,QAAQ,GAAGqC,SAAS,GAAGpC,QAAS;UAC9CsC,QAAQ,EAAE,CAACvC,QAAS;UACpBwC,YAAY,EAAC,YAAY;UACzBC,SAAS,EAAEC,kCAAiB;UAC5BC,SAAS,EAAE3C,QAAQ,GAAGqC,SAAS,GAAG;YAAEO,KAAK,EAAE7C,KAAK,CAACmC,MAAM;YAAEW,GAAG,EAAE9C,KAAK,CAACmC;UAAO,CAAE;UAC7EV,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAEL,MAAM,CAACqB,WAAW,EAAE;YAAEnB,KAAK,EAAEpB;UAAgB,CAAC,CAAE;UACvEwC,SAAS,EAAE,CAAC/C;QAAS,CACtB;MAAC,CACE,CAAC;IAAA,CACH,CAAC;EAAA,CACP,CAAC;AAEP,CAAC;AAAAgD,OAAA,CAAArD,eAAA,GAAAA,eAAA;AAED,MAAM8B,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC1B5B,KAAK,EAAE1C,qBAAM,CAACK;EAChB,CAAC;EACDuC,WAAW,EAAE;IACX2B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEH,sBAAO,CAAC,GAAG,CAAC;IACjBI,SAAS,EAAEJ,sBAAO,CAAC,GAAG;EACxB,CAAC;EACDzB,MAAM,EAAE;IACNqB,QAAQ,EAAE,EAAE;IACZxB,KAAK,EAAE1C,qBAAM,CAAC2E,UAAU;IACxBR,UAAU,EAAE,KAAK;IACjBS,UAAU,EAAEC,0BAAW,CAACC;EAC1B,CAAC;EACD/B,MAAM,EAAE;IACNmB,QAAQ,EAAE,EAAE;IACZxB,KAAK,EAAE1C,qBAAM,CAACK,SAAS;IACvB8D,UAAU,EAAE,KAAK;IACjBS,UAAU,EAAEC,0BAAW,CAACC;EAC1B,CAAC;EACD9B,SAAS,EAAE;IACT+B,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVX,YAAY,EAAE,CAACC,sBAAO,CAAC,GAAG,CAAC;IAC3BE,UAAU,EAAE,QAAQ;IACpBS,iBAAiB,EAAE,CAAC;IACpB/B,iBAAiB,EAAElD,qBAAM,CAAC2E;EAC5B,CAAC;EACDd,WAAW,EAAE;IACXqB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAACb,sBAAO,CAAC,GAAG,CAAC;IACrBc,SAAS,EAAE,QAAQ;IACnBL,KAAK,EAAE,MAAM;IACbM,WAAW,EAAE,CAAC;IACdC,eAAe,EAAE,aAAa;IAC9B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI;MAAEC,YAAY,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAc,CAAC;EAClF;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyCardDeck = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _GradientView = require("../../../../../lib/components/GradientView.js");
+var _FluencyEquationCard = require("./FluencyEquationCard.js");
+var _fluencyConstants = require("../../../fluency.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CARD_GRADIENT_COLORS = {
+  [_fluencyConstants.AttemptStatus.CORRECT]: ['#ecfbf3', '#ffffff'],
+  [_fluencyConstants.AttemptStatus.INCORRECT]: ['#fff0f1', '#ffffff']
+};
+const hideAnswer = cardContent => ({
+  ...cardContent,
+  answer: ''
+});
+const FluencyCardDeck = ({
+  currentCardContent,
+  exitingCardContent,
+  exitingCardStatus,
+  snapStyles,
+  onAnswerChange
+}) => {
+  const backingCardContent = hideAnswer(currentCardContent);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.stack,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.card, styles.cardFar, snapStyles.far]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.card, styles.cardMid, snapStyles.mid]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.card, styles.cardNear, snapStyles.near],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyEquationCard.FluencyEquationCard, {
+        cardContent: backingCardContent,
+        readOnly: true
+      })
+    }), !exitingCardContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.card, styles.cardFront],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyEquationCard.FluencyEquationCard, {
+        cardContent: currentCardContent,
+        onAnswerChange: onAnswerChange
+      })
+    }), exitingCardContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.card, styles.cardFront, snapStyles.front, exitingCardStatus === _fluencyConstants.AttemptStatus.INCORRECT && styles.cardIncorrect, exitingCardStatus === _fluencyConstants.AttemptStatus.CORRECT && styles.cardCorrect],
+      children: [(exitingCardStatus === _fluencyConstants.AttemptStatus.CORRECT || exitingCardStatus === _fluencyConstants.AttemptStatus.INCORRECT) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientView.GradientView, {
+        colors: CARD_GRADIENT_COLORS[exitingCardStatus],
+        style: [_reactNative.StyleSheet.absoluteFill, {
+          borderRadius: _reactNativeUi.BORDER_RADIUS[400]
+        }],
+        pointerEvents: "none"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyEquationCard.FluencyEquationCard, {
+        cardContent: exitingCardContent,
+        status: exitingCardStatus ?? undefined,
+        readOnly: true
+      })]
+    })]
+  });
+};
+exports.FluencyCardDeck = FluencyCardDeck;
+const styles = _reactNative.StyleSheet.create({
+  stack: {
+    width: '100%',
+    maxWidth: 560
+  },
+  card: {
+    height: 260,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[5]
+  },
+  cardFar: {
+    position: 'absolute',
+    top: 36,
+    left: 60,
+    right: 60,
+    opacity: 0
+  },
+  cardMid: {
+    position: 'absolute',
+    top: 24,
+    left: 40,
+    right: 40
+  },
+  cardNear: {
+    position: 'absolute',
+    top: 12,
+    left: 20,
+    right: 20,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[5]
+  },
+  cardFront: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  cardCorrect: {
+    borderWidth: 1.5,
+    borderColor: _reactNativeUi.COLORS.PRIMARY_GREEN
+  },
+  cardIncorrect: {
+    borderWidth: 1.5,
+    borderColor: _reactNativeUi.COLORS.PRIMARY_RED
+  }
+});
+//# sourceMappingURL=FluencyCardDeck.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_GradientView","_FluencyEquationCard","_fluencyConstants","_jsxRuntime","e","__esModule","default","CARD_GRADIENT_COLORS","AttemptStatus","CORRECT","INCORRECT","hideAnswer","cardContent","answer","FluencyCardDeck","currentCardContent","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","backingCardContent","jsxs","View","style","styles","stack","children","jsx","card","cardFar","far","cardMid","mid","cardNear","near","FluencyEquationCard","readOnly","cardFront","front","cardIncorrect","cardCorrect","GradientView","colors","StyleSheet","absoluteFill","borderRadius","BORDER_RADIUS","pointerEvents","status","undefined","exports","create","width","maxWidth","height","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","position","top","left","right","opacity","alignItems","justifyContent","borderWidth","borderColor","PRIMARY_GREEN","PRIMARY_RED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyCardDeck.tsx"],"mappings":"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","ignoreList":[]}