@magmamath/students-features 1.4.1 → 1.4.2

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StreakDay = void 0;
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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,
+      borderColor: _reactNativeUi.COLORS.NEUTRAL_3
+    },
+    label: {
+      color: _reactNativeUi.COLORS.NEUTRAL_4
+    },
+    hasIcon: false
+  }
+};
+const StreakDay = ({
+  label,
+  status
+}) => {
+  const {
+    circle,
+    label: labelStyle,
+    hasIcon
+  } = STATUS_STYLES[status];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.circle, circle],
+      children: hasIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
+        color: _reactNativeUi.COLORS.NEUTRAL_1
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H3,
+      style: labelStyle,
+      children: label
+    })]
+  });
+};
+exports.StreakDay = StreakDay;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  circle: {
+    width: _reactNativeUi.SPACING[800],
+    height: _reactNativeUi.SPACING[800],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=DayStreak.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayStreakCounter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _DayStreak = require("./DayStreak.js");
+var _i18n = require("../../../../i18n/i18n.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
+var _fluencyHelpers = require("../../shared/fluency.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DAY_LABEL_KEYS = ['student.fluency.dayMonday', 'student.fluency.dayTuesday', 'student.fluency.dayWednesday', 'student.fluency.dayThursday', 'student.fluency.dayFriday'];
+const DayStreakCounter = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const statuses = (0, _effectorReact.useStoreMap)(model.streak.$stats, stats => stats ? (0, _fluencyHelpers.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.jsx)(_reactNative.View, {
+      style: styles.streakDays,
+      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: {
+    width: 230,
+    height: 110,
+    paddingVertical: _reactNativeUi.SPACING[200],
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  streakDays: {
+    flexDirection: 'row',
+    marginTop: 10,
+    gap: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=DayStreakCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_i18n","_FluencyContext","_effectorReact","_fluencyConstants","_fluencyHelpers","_jsxRuntime","e","__esModule","default","DAY_LABEL_KEYS","DayStreakCounter","t","useText","model","useFluency","statuses","useStoreMap","streak","$stats","stats","generateStreakDates","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","map","key","i","StreakDay","status","StreakStatus","MISSED","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAAkE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElE,MAAMG,cAAgC,GAAG,CACvC,2BAA2B,EAC3B,4BAA4B,EAC5B,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,CACnB;AAEH,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,QAAQ,GAAG,IAAAC,0BAAW,EAACH,KAAK,CAACI,MAAM,CAACC,MAAM,EAAGC,KAAK,IACtDA,KAAK,GAAG,IAAAC,mCAAmB,EAACD,KAAK,CAAC,GAAG,EACvC,CAAC;EAED,oBACE,IAAAd,WAAA,CAAAgB,IAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAArB,WAAA,CAAAsB,GAAA,EAAC7B,cAAA,CAAA8B,UAAU;MAACL,KAAK,EAAEC,MAAM,CAACK,KAAM;MAAAH,QAAA,EAAEf,CAAC,CAAC,kCAAkC;IAAC,CAAa,CAAC,eAErF,IAAAN,WAAA,CAAAsB,GAAA,EAAC9B,YAAA,CAAAyB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACM,UAAW;MAAAJ,QAAA,EAC5BjB,cAAc,CAACsB,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACzB,IAAA5B,WAAA,CAAAsB,GAAA,EAAC5B,UAAA,CAAAmC,SAAS;QAAWL,KAAK,EAAElB,CAAC,CAACqB,GAAG,CAAE;QAACG,MAAM,EAAEpB,QAAQ,CAACkB,CAAC,CAAC,IAAIG,8BAAY,CAACC;MAAO,GAA/DL,GAAiE,CAClF;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAM,OAAA,CAAA5B,gBAAA,GAAAA,gBAAA;AAED,MAAMc,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,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;EACDtB,KAAK,EAAE;IACLuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,KAAK,EAAER,qBAAM,CAACS;EAChB,CAAC;EACD5B,UAAU,EAAE;IACV6B,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,EAAE;IACbC,GAAG,EAAEjB,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,148 @@
+"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("../../../shared/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_LABELS = {
+  [_fluencyConstants.AttemptStatus.CORRECT]: 'student.fluency.correct',
+  [_fluencyConstants.AttemptStatus.INCORRECT]: 'student.fluency.incorrect',
+  [_fluencyConstants.AttemptStatus.SKIPPED]: 'student.fluency.skipped'
+};
+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 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 = status ? t(STATUS_LABELS[status], {
+    answer: correctAnswer
+  }) : t('student.fluency.typeYourAnswer');
+  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: false
+        })
+      })]
+    })]
+  });
+};
+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_LABELS","AttemptStatus","CORRECT","INCORRECT","SKIPPED","STATUS_COLOR","COLORS","PRIMARY_GREEN","PRIMARY_RED","NEUTRAL_7","EquationContent","leftOperand","rightOperand","mode","value","readOnly","status","correctAnswer","onChange","useText","modePreset","useFluencySolvingPreset","labelColor","labelText","answer","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":"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","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("../../../shared/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":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyEquationCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _EquationContent = require("./EquationContent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getDisplayedEquation = fact => {
+  const left = fact?.numbers[0] ?? 0;
+  const right = fact?.numbers[1] ?? 0;
+  return {
+    leftOperand: left,
+    rightOperand: right,
+    mode: fact?.mode
+  };
+};
+const FluencyEquationCard = ({
+  cardContent,
+  readOnly = false,
+  status,
+  onAnswerChange
+}) => {
+  const equation = getDisplayedEquation(cardContent.fact);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
+    leftOperand: equation.leftOperand,
+    rightOperand: equation.rightOperand,
+    mode: equation.mode,
+    value: cardContent.answer,
+    readOnly: readOnly,
+    status: status,
+    correctAnswer: cardContent.fact?.answer,
+    onChange: onAnswerChange
+  });
+};
+exports.FluencyEquationCard = FluencyEquationCard;
+//# sourceMappingURL=FluencyEquationCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_EquationContent","_jsxRuntime","e","__esModule","default","getDisplayedEquation","fact","left","numbers","right","leftOperand","rightOperand","mode","FluencyEquationCard","cardContent","readOnly","status","onAnswerChange","equation","jsx","EquationContent","value","answer","correctAnswer","onChange","exports"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyEquationCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiBnD,MAAMG,oBAAoB,GAAIC,IAAwB,IAAwB;EAC5E,MAAMC,IAAI,GAAGD,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAClC,MAAMC,KAAK,GAAGH,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAEnC,OAAO;IACLE,WAAW,EAAEH,IAAI;IACjBI,YAAY,EAAEF,KAAK;IACnBG,IAAI,EAAEN,IAAI,EAAEM;EACd,CAAC;AACH,CAAC;AAEM,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC;AACwB,CAAC,KAAK;EAC9B,MAAMC,QAAQ,GAAGb,oBAAoB,CAACS,WAAW,CAACR,IAAI,CAAC;EAEvD,oBACE,IAAAL,WAAA,CAAAkB,GAAA,EAACnB,gBAAA,CAAAoB,eAAe;IACdV,WAAW,EAAEQ,QAAQ,CAACR,WAAY;IAClCC,YAAY,EAAEO,QAAQ,CAACP,YAAa;IACpCC,IAAI,EAAEM,QAAQ,CAACN,IAAK;IACpBS,KAAK,EAAEP,WAAW,CAACQ,MAAO;IAC1BP,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfO,aAAa,EAAET,WAAW,CAACR,IAAI,EAAEgB,MAAO;IACxCE,QAAQ,EAAEP;EAAe,CAC1B,CAAC;AAEN,CAAC;AAAAQ,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA","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":[]}