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

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PROGRESS_COLOR_SHADES = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: {
+    low: _reactNativeUi.COLORS.GREEN_2,
+    medium: _reactNativeUi.COLORS.GREEN_3,
+    high: _reactNativeUi.COLORS.GREEN_6,
+    max: _reactNativeUi.COLORS.GREEN_7
+  },
+  [_reactNativeUi.SelectOptionColor.ORANGE]: {
+    low: _reactNativeUi.COLORS.ORANGE_2,
+    medium: _reactNativeUi.COLORS.ORANGE_3,
+    high: _reactNativeUi.COLORS.ORANGE_6,
+    max: _reactNativeUi.COLORS.ORANGE_7
+  },
+  [_reactNativeUi.SelectOptionColor.BLUE]: {
+    low: _reactNativeUi.COLORS.BLUE_2,
+    medium: _reactNativeUi.COLORS.BLUE_3,
+    high: _reactNativeUi.COLORS.BLUE_6,
+    max: _reactNativeUi.COLORS.BLUE_7
+  },
+  [_reactNativeUi.SelectOptionColor.RED]: {
+    low: _reactNativeUi.COLORS.RED_2,
+    medium: _reactNativeUi.COLORS.RED_3,
+    high: _reactNativeUi.COLORS.RED_6,
+    max: _reactNativeUi.COLORS.RED_7
+  },
+  [_reactNativeUi.SelectOptionColor.YELLOW]: {
+    low: _reactNativeUi.COLORS.YELLOW_2,
+    medium: _reactNativeUi.COLORS.YELLOW_3,
+    high: _reactNativeUi.COLORS.YELLOW_6,
+    max: _reactNativeUi.COLORS.YELLOW_7
+  },
+  [_reactNativeUi.SelectOptionColor.PURPLE]: {
+    low: _reactNativeUi.COLORS.PURPLE_2,
+    medium: _reactNativeUi.COLORS.PURPLE_3,
+    high: _reactNativeUi.COLORS.PURPLE_6,
+    max: _reactNativeUi.COLORS.PURPLE_7
+  },
+  [_reactNativeUi.SelectOptionColor.GREY]: {
+    low: _reactNativeUi.COLORS.NEUTRAL_2,
+    medium: _reactNativeUi.COLORS.NEUTRAL_3,
+    high: _reactNativeUi.COLORS.NEUTRAL_6,
+    max: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  [_reactNativeUi.SelectOptionColor.SUNSET]: {
+    low: _reactNativeUi.COLORS.RED_2,
+    medium: _reactNativeUi.COLORS.RED_3,
+    high: _reactNativeUi.COLORS.RED_6,
+    max: _reactNativeUi.COLORS.RED_7
+  }
+};
+const PRIMARY_COLOR_MAP = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.PRIMARY_GREEN,
+  [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+  [_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.PRIMARY_BLUE,
+  [_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.PRIMARY_RED,
+  [_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+  [_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+  [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
+  [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
+};
+const getFillColor = (shades, progress) => {
+  if (progress <= 10) return shades.low;
+  if (progress <= 20) return shades.medium;
+  if (progress <= 80) return shades.high;
+  return shades.max;
+};
+const ProgressBar = ({
+  progress,
+  color = _reactNativeUi.SelectOptionColor.GREEN
+}) => {
+  const normalized = Math.round(Math.min(100, Math.max(0, progress)));
+  const fillColor = getFillColor(PROGRESS_COLOR_SHADES[color], normalized);
+  const textColor = PRIMARY_COLOR_MAP[color];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.track,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.fill, {
+          backgroundColor: fillColor,
+          width: `${normalized}%`
+        }]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H10,
+      style: {
+        color: textColor
+      },
+      children: [normalized, "%"]
+    })]
+  });
+};
+exports.ProgressBar = ProgressBar;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    marginTop: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[200],
+    alignItems: 'center'
+  },
+  track: {
+    flex: 1,
+    height: 18,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[450],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[450]
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PROGRESS_COLOR_SHADES","SelectOptionColor","GREEN","low","COLORS","GREEN_2","medium","GREEN_3","high","GREEN_6","max","GREEN_7","ORANGE","ORANGE_2","ORANGE_3","ORANGE_6","ORANGE_7","BLUE","BLUE_2","BLUE_3","BLUE_6","BLUE_7","RED","RED_2","RED_3","RED_6","RED_7","YELLOW","YELLOW_2","YELLOW_3","YELLOW_6","YELLOW_7","PURPLE","PURPLE_2","PURPLE_3","PURPLE_6","PURPLE_7","GREY","NEUTRAL_2","NEUTRAL_3","NEUTRAL_6","NEUTRAL_7","SUNSET","PRIMARY_COLOR_MAP","PRIMARY_GREEN","PRIMARY_ORANGE","PRIMARY_BLUE","PRIMARY_RED","PRIMARY_YELLOW","PRIMARY_PURPLE","getFillColor","shades","progress","ProgressBar","color","normalized","Math","round","min","fillColor","textColor","jsxs","View","style","styles","container","children","jsx","track","fill","backgroundColor","width","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectMathOperator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../../fluency.constants.js");
+var _fluencyInstance = require("../../model/fluency.instance.js");
+var _MathOperatorRow = require("./MathOperatorRow.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OPERATOR_CONFIG = [{
+  mode: _fluencyConstants.FluencyMode.ADDITION,
+  title: 'Addition',
+  Icon: _reactNativeUi.PlusIcon,
+  color: _reactNativeUi.SelectOptionColor.GREEN,
+  progress: 72
+}, {
+  mode: _fluencyConstants.FluencyMode.SUBTRACTION,
+  title: 'Subtraction',
+  Icon: _reactNativeUi.MinusIcon,
+  color: _reactNativeUi.SelectOptionColor.ORANGE,
+  progress: 45
+}, {
+  mode: _fluencyConstants.FluencyMode.MULTIPLICATION,
+  title: 'Multiplication',
+  Icon: _reactNativeUi.CrossIcon,
+  color: _reactNativeUi.SelectOptionColor.BLUE,
+  progress: 18
+},
+// TODO: Replace with DivisionIcon once added to rn-ui — division needs its own symbol (÷).
+{
+  mode: _fluencyConstants.FluencyMode.DIVISION,
+  title: 'Division',
+  Icon: _reactNativeUi.MinusIcon,
+  color: _reactNativeUi.SelectOptionColor.PURPLE,
+  progress: 33
+}];
+const SelectMathOperator = ({}) => {
+  const {
+    mode
+  } = (0, _effectorReact.useUnit)({
+    mode: _fluencyInstance.fluencyModel.$mode
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: OPERATOR_CONFIG.map((op, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathOperatorRow.MathOperatorRow, {
+      title: op.title,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(op.Icon, {
+        color: mode === op.mode ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined
+      }),
+      progress: op.progress,
+      color: op.color,
+      selected: mode === op.mode,
+      onSelect: () => _fluencyInstance.fluencyModel.setMode(op.mode),
+      showDivider: index < OPERATOR_CONFIG.length - 1
+    }, op.mode))
+  });
+};
+exports.SelectMathOperator = SelectMathOperator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 270,
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  }
+});
+//# sourceMappingURL=SelectMathOperator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_fluencyInstance","_MathOperatorRow","_jsxRuntime","e","__esModule","default","OPERATOR_CONFIG","mode","FluencyMode","ADDITION","title","Icon","PlusIcon","color","SelectOptionColor","GREEN","progress","SUBTRACTION","MinusIcon","ORANGE","MULTIPLICATION","CrossIcon","BLUE","DIVISION","PURPLE","SelectMathOperator","useUnit","fluencyModel","$mode","jsx","View","style","styles","container","children","map","op","index","MathOperatorRow","icon","COLORS","NEUTRAL_1","undefined","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","width","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","SHADOWS"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/start-banner/BannerFlashcards.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BannerFlashcards = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MathFlashcard = require("./MathFlashcard.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CARD_LAYOUTS = [{
+  card: {
+    width: 146,
+    height: 88,
+    radius: 6
+  },
+  answer: {
+    width: 20,
+    height: 29,
+    radius: 4
+  },
+  fontSize: 26,
+  position: {
+    right: 283,
+    top: 31,
+    zIndex: 1
+  },
+  rotation: '21.3deg'
+}, {
+  card: {
+    width: 195,
+    height: 118,
+    radius: 9
+  },
+  answer: {
+    width: 27,
+    height: 38,
+    radius: 6
+  },
+  fontSize: 35,
+  position: {
+    right: 148,
+    top: -6,
+    zIndex: 2
+  },
+  rotation: '-15.43deg'
+}, {
+  card: {
+    width: 260,
+    height: 157,
+    radius: 12
+  },
+  answer: {
+    width: 36,
+    height: 51,
+    radius: 8
+  },
+  fontSize: 46,
+  position: {
+    right: 0,
+    top: -11,
+    zIndex: 3
+  },
+  rotation: '8.83deg'
+}];
+const BannerFlashcards = ({
+  examples
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: CARD_LAYOUTS.map((layout, index) => {
+    const example = examples[index];
+    if (!example) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathFlashcard.MathFlashcard, {
+      left: example.left,
+      right: example.right,
+      layout: layout
+    }, index);
+  })
+});
+exports.BannerFlashcards = BannerFlashcards;
+//# sourceMappingURL=BannerFlashcards.js.map

package/dist/commonjs/features/fluency/components/start-banner/BannerFlashcards.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_MathFlashcard","_jsxRuntime","e","__esModule","default","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","jsx","Fragment","children","map","layout","index","example","MathFlashcard","left","exports"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAAgE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhE,MAAMG,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMM,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClE,IAAAjB,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;EAAAC,QAAA,EACGhB,YAAY,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGP,QAAQ,CAACM,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAO,IAAAxB,WAAA,CAAAkB,GAAA,EAACnB,cAAA,CAAA0B,aAAa;MAAaC,IAAI,EAAEF,OAAO,CAACE,IAAK;MAACd,KAAK,EAAEY,OAAO,CAACZ,KAAM;MAACU,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH;AAAAI,OAAA,CAAAX,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/components/start-banner/MathFlashcard.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MathFlashcard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MathFlashcard = ({
+  left,
+  right,
+  layout
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.card, {
+    width: layout.card.width,
+    height: layout.card.height,
+    borderRadius: layout.card.radius,
+    right: layout.position.right,
+    top: layout.position.top,
+    zIndex: layout.position.zIndex,
+    transform: [{
+      rotate: layout.rotation
+    }]
+  }],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: left
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.answerBox, {
+        width: layout.answer.width,
+        height: layout.answer.height,
+        borderRadius: layout.answer.radius
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: right
+    })]
+  })
+});
+exports.MathFlashcard = MathFlashcard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    position: 'absolute',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 1
+  },
+  text: {
+    fontWeight: 'bold',
+    color: _reactNativeUi.COLORS.BLACK
+  },
+  answerBox: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=MathFlashcard.js.map

package/dist/commonjs/features/fluency/components/start-banner/MathFlashcard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","MathFlashcard","left","right","layout","jsx","View","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","jsxs","row","Text","text","fontSize","answerBox","answer","exports","StyleSheet","create","backgroundColor","COLORS","NEUTRAL_1","alignItems","justifyContent","SHADOWS","flexDirection","gap","fontWeight","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBrD,MAAMG,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;EACHC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEN,MAAM,CAACK,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEP,MAAM,CAACK,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAER,MAAM,CAACK,IAAI,CAACI,MAAM;IAChCV,KAAK,EAAEC,MAAM,CAACU,QAAQ,CAACX,KAAK;IAC5BY,GAAG,EAAEX,MAAM,CAACU,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEZ,MAAM,CAACU,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEd,MAAM,CAACe;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEF,IAAAvB,WAAA,CAAAwB,IAAA,EAAC1B,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACc,GAAI;IAAAF,QAAA,gBACtB,IAAAvB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAA4B,IAAI;MAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,IAAI,EAAE;QAAEC,QAAQ,EAAErB,MAAM,CAACqB;MAAS,CAAC,CAAE;MAAAL,QAAA,EAAElB;IAAI,CAAO,CAAC,eACxE,IAAAL,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;MACHC,KAAK,EAAE,CACLC,MAAM,CAACkB,SAAS,EAChB;QAAEhB,KAAK,EAAEN,MAAM,CAACuB,MAAM,CAACjB,KAAK;QAAEC,MAAM,EAAEP,MAAM,CAACuB,MAAM,CAAChB,MAAM;QAAEC,YAAY,EAAER,MAAM,CAACuB,MAAM,CAACd;MAAO,CAAC;IAChG,CACH,CAAC,eACF,IAAAhB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAA4B,IAAI;MAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,IAAI,EAAE;QAAEC,QAAQ,EAAErB,MAAM,CAACqB;MAAS,CAAC,CAAE;MAAAL,QAAA,EAAEjB;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAAAyB,OAAA,CAAA3B,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBiB,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDd,GAAG,EAAE;IACHe,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,QAAQ;IACpBI,GAAG,EAAE;EACP,CAAC;EACDd,IAAI,EAAE;IACJe,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAER,qBAAM,CAACS;EAChB,CAAC;EACDf,SAAS,EAAE;IACTK,eAAe,EAAEC,qBAAM,CAACU,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEZ,qBAAM,CAACa;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/start-banner/StartBanner.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StartBanner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _BannerFlashcards = require("./BannerFlashcards.js");
+var _useFluencyModeUIPreset = require("../../hooks/useFluencyModeUIPreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StartBanner = ({}) => {
+  const {
+    buttonColor
+  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.buttonContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.buttonGroup,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+          onPress: () => {},
+          disabled: false,
+          isLoading: false,
+          isActive: false,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+            color: _reactNativeUi.COLORS.NEUTRAL_1
+          }),
+          variant: _reactNativeUi.ButtonVariant.PRIMARY,
+          size: _reactNativeUi.ButtonSize.LARGE,
+          colorScheme: buttonColor,
+          raiseLevel: 6,
+          style: {
+            container: styles.button
+          },
+          children: "Start fluency practice"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          style: styles.buttonSubtitle,
+          children: "20 individualized ready"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerFlashcards.BannerFlashcards, {
+      examples: [{
+        left: '15*',
+        right: '=30'
+      }, {
+        left: '10-',
+        right: '=25'
+      }, {
+        left: '5+',
+        right: '=19'
+      }]
+    })]
+  });
+};
+exports.StartBanner = StartBanner;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[800],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  buttonContainer: {
+    alignItems: 'flex-start',
+    zIndex: 4
+  },
+  buttonGroup: {
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  button: {
+    minWidth: 220,
+    maxWidth: 315,
+    textTransform: 'uppercase'
+  },
+  buttonSubtitle: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.BLACK,
+    textTransform: 'uppercase'
+  },
+  flashcard: {
+    position: 'absolute',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  }
+});
+//# sourceMappingURL=StartBanner.js.map

package/dist/commonjs/features/fluency/components/start-banner/StartBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_BannerFlashcards","_useFluencyModeUIPreset","_jsxRuntime","e","__esModule","default","StartBanner","buttonColor","useFluencyModeUIPreset","jsxs","View","style","styles","container","children","jsx","buttonContainer","buttonGroup","Button","onPress","disabled","isLoading","isActive","icon","PlayIcon","color","COLORS","NEUTRAL_1","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","raiseLevel","button","Typography","buttonSubtitle","BannerFlashcards","examples","left","right","exports","StyleSheet","create","flex","height","justifyContent","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","SHADOWS","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","flashcard","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/fluency.constants.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyMode = exports.FLUENCY_MODE_PRESETS = void 0;
+var _reactNativeUi = require("@magmamath/react-native-ui");
+let FluencyMode = exports.FluencyMode = /*#__PURE__*/function (FluencyMode) {
+  FluencyMode["ADDITION"] = "ADDITION";
+  FluencyMode["SUBTRACTION"] = "SUBTRACTION";
+  FluencyMode["MULTIPLICATION"] = "MULTIPLICATION";
+  FluencyMode["DIVISION"] = "DIVISION";
+  return FluencyMode;
+}({});
+const FLUENCY_MODE_PRESETS = exports.FLUENCY_MODE_PRESETS = {
+  [FluencyMode.ADDITION]: {
+    operatorName: 'Addition',
+    mastery: {
+      learning: _reactNativeUi.COLORS.GREEN_2,
+      developing: _reactNativeUi.COLORS.GREEN_3,
+      growing: _reactNativeUi.COLORS.PRIMARY_GREEN,
+      strong: _reactNativeUi.COLORS.GREEN_6,
+      mastered: _reactNativeUi.COLORS.GREEN_7
+    },
+    buttonColor: _reactNativeUi.ButtonColor.GREEN,
+    streakColor: {
+      gained: _reactNativeUi.COLORS.PRIMARY_GREEN,
+      todayBorder: _reactNativeUi.COLORS.GREEN_6
+    }
+  },
+  [FluencyMode.SUBTRACTION]: {
+    operatorName: 'Subtraction',
+    mastery: {
+      learning: _reactNativeUi.COLORS.ORANGE_2,
+      developing: _reactNativeUi.COLORS.ORANGE_3,
+      growing: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      strong: _reactNativeUi.COLORS.ORANGE_6,
+      mastered: _reactNativeUi.COLORS.ORANGE_7
+    },
+    buttonColor: _reactNativeUi.ButtonColor.ORANGE,
+    streakColor: {
+      gained: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      todayBorder: _reactNativeUi.COLORS.ORANGE_6
+    }
+  },
+  [FluencyMode.MULTIPLICATION]: {
+    operatorName: 'Multiplication',
+    mastery: {
+      learning: _reactNativeUi.COLORS.BLUE_2,
+      developing: _reactNativeUi.COLORS.BLUE_3,
+      growing: _reactNativeUi.COLORS.PRIMARY_BLUE,
+      strong: _reactNativeUi.COLORS.BLUE_6,
+      mastered: _reactNativeUi.COLORS.BLUE_7
+    },
+    buttonColor: _reactNativeUi.ButtonColor.BLUE,
+    streakColor: {
+      gained: _reactNativeUi.COLORS.PRIMARY_BLUE,
+      todayBorder: _reactNativeUi.COLORS.BLUE_6
+    }
+  },
+  [FluencyMode.DIVISION]: {
+    operatorName: 'Division',
+    mastery: {
+      learning: _reactNativeUi.COLORS.PURPLE_2,
+      developing: _reactNativeUi.COLORS.PURPLE_3,
+      growing: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+      strong: _reactNativeUi.COLORS.PURPLE_6,
+      mastered: _reactNativeUi.COLORS.PURPLE_7
+    },
+    buttonColor: _reactNativeUi.ButtonColor.PURPLE,
+    streakColor: {
+      gained: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+      todayBorder: _reactNativeUi.COLORS.PURPLE_6
+    }
+  }
+};
+//# sourceMappingURL=fluency.constants.js.map

package/dist/commonjs/features/fluency/fluency.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUi","require","FluencyMode","exports","FLUENCY_MODE_PRESETS","ADDITION","operatorName","mastery","learning","COLORS","GREEN_2","developing","GREEN_3","growing","PRIMARY_GREEN","strong","GREEN_6","mastered","GREEN_7","buttonColor","ButtonColor","GREEN","streakColor","gained","todayBorder","SUBTRACTION","ORANGE_2","ORANGE_3","PRIMARY_ORANGE","ORANGE_6","ORANGE_7","ORANGE","MULTIPLICATION","BLUE_2","BLUE_3","PRIMARY_BLUE","BLUE_6","BLUE_7","BLUE","DIVISION","PURPLE_2","PURPLE_3","PRIMARY_PURPLE","PURPLE_6","PURPLE_7","PURPLE"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAgE,IAEpDC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAuBhB,MAAME,oBAA4D,GAAAD,OAAA,CAAAC,oBAAA,GAAG;EAC1E,CAACF,WAAW,CAACG,QAAQ,GAAG;IACtBC,YAAY,EAAE,UAAU;IACxBC,OAAO,EAAE;MACPC,QAAQ,EAAEC,qBAAM,CAACC,OAAO;MACxBC,UAAU,EAAEF,qBAAM,CAACG,OAAO;MAC1BC,OAAO,EAAEJ,qBAAM,CAACK,aAAa;MAC7BC,MAAM,EAAEN,qBAAM,CAACO,OAAO;MACtBC,QAAQ,EAAER,qBAAM,CAACS;IACnB,CAAC;IACDC,WAAW,EAAEC,0BAAW,CAACC,KAAK;IAC9BC,WAAW,EAAE;MAAEC,MAAM,EAAEd,qBAAM,CAACK,aAAa;MAAEU,WAAW,EAAEf,qBAAM,CAACO;IAAQ;EAC3E,CAAC;EACD,CAACd,WAAW,CAACuB,WAAW,GAAG;IACzBnB,YAAY,EAAE,aAAa;IAC3BC,OAAO,EAAE;MACPC,QAAQ,EAAEC,qBAAM,CAACiB,QAAQ;MACzBf,UAAU,EAAEF,qBAAM,CAACkB,QAAQ;MAC3Bd,OAAO,EAAEJ,qBAAM,CAACmB,cAAc;MAC9Bb,MAAM,EAAEN,qBAAM,CAACoB,QAAQ;MACvBZ,QAAQ,EAAER,qBAAM,CAACqB;IACnB,CAAC;IACDX,WAAW,EAAEC,0BAAW,CAACW,MAAM;IAC/BT,WAAW,EAAE;MAAEC,MAAM,EAAEd,qBAAM,CAACmB,cAAc;MAAEJ,WAAW,EAAEf,qBAAM,CAACoB;IAAS;EAC7E,CAAC;EACD,CAAC3B,WAAW,CAAC8B,cAAc,GAAG;IAC5B1B,YAAY,EAAE,gBAAgB;IAC9BC,OAAO,EAAE;MACPC,QAAQ,EAAEC,qBAAM,CAACwB,MAAM;MACvBtB,UAAU,EAAEF,qBAAM,CAACyB,MAAM;MACzBrB,OAAO,EAAEJ,qBAAM,CAAC0B,YAAY;MAC5BpB,MAAM,EAAEN,qBAAM,CAAC2B,MAAM;MACrBnB,QAAQ,EAAER,qBAAM,CAAC4B;IACnB,CAAC;IACDlB,WAAW,EAAEC,0BAAW,CAACkB,IAAI;IAC7BhB,WAAW,EAAE;MAAEC,MAAM,EAAEd,qBAAM,CAAC0B,YAAY;MAAEX,WAAW,EAAEf,qBAAM,CAAC2B;IAAO;EACzE,CAAC;EACD,CAAClC,WAAW,CAACqC,QAAQ,GAAG;IACtBjC,YAAY,EAAE,UAAU;IACxBC,OAAO,EAAE;MACPC,QAAQ,EAAEC,qBAAM,CAAC+B,QAAQ;MACzB7B,UAAU,EAAEF,qBAAM,CAACgC,QAAQ;MAC3B5B,OAAO,EAAEJ,qBAAM,CAACiC,cAAc;MAC9B3B,MAAM,EAAEN,qBAAM,CAACkC,QAAQ;MACvB1B,QAAQ,EAAER,qBAAM,CAACmC;IACnB,CAAC;IACDzB,WAAW,EAAEC,0BAAW,CAACyB,MAAM;IAC/BvB,WAAW,EAAE;MAAEC,MAAM,EAAEd,qBAAM,CAACiC,cAAc;MAAElB,WAAW,EAAEf,qBAAM,CAACkC;IAAS;EAC7E;AACF,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/fluency.helpers.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFluency = void 0;
+const getFluency = () => {};
+exports.getFluency = getFluency;
+//# sourceMappingURL=fluency.helpers.js.map

package/dist/commonjs/features/fluency/fluency.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFluency","exports"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.helpers.ts"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAGA,CAAA,KAAM,CAAC,CAAC;AAAAC,OAAA,CAAAD,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/fluency.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=fluency.types.js.map

package/dist/commonjs/features/fluency/fluency.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.types.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/features/fluency/hooks/useFluencyModeUIPreset.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFluencyModeUIPreset = void 0;
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../fluency.constants.js");
+var _fluencyInstance = require("../model/fluency.instance.js");
+const useFluencyModeUIPreset = () => {
+  const mode = (0, _effectorReact.useUnit)(_fluencyInstance.fluencyModel.$mode);
+  return _fluencyConstants.FLUENCY_MODE_PRESETS[mode];
+};
+exports.useFluencyModeUIPreset = useFluencyModeUIPreset;
+//# sourceMappingURL=useFluencyModeUIPreset.js.map

package/dist/commonjs/features/fluency/hooks/useFluencyModeUIPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_effectorReact","require","_fluencyConstants","_fluencyInstance","useFluencyModeUIPreset","mode","useUnit","fluencyModel","$mode","FLUENCY_MODE_PRESETS","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyModeUIPreset.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAEO,MAAMG,sBAAsB,GAAGA,CAAA,KAAyB;EAC7D,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACC,6BAAY,CAACC,KAAK,CAAC;EACxC,OAAOC,sCAAoB,CAACJ,IAAI,CAAC;AACnC,CAAC;AAAAK,OAAA,CAAAN,sBAAA,GAAAA,sBAAA","ignoreList":[]}