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

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fluency = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../i18n/i18n.js");
+var _StartBanner = require("./start-banner/StartBanner.js");
+var _DayStreakCounter = require("./day-streak-counter/DayStreakCounter.js");
+var _SelectMathOperator = require("./select-math-operator/SelectMathOperator.js");
+var _FluencyMatrix = require("./matrix/FluencyMatrix.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Fluency = ({
+  model
+}) => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H2,
+      style: styles.title,
+      children: "Fluency practice"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StartBanner.StartBanner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreakCounter.DayStreakCounter, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.matrixContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.operatorWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectMathOperator.SelectMathOperator, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyMatrix.FluencyMatrix, {})]
+    })]
+  });
+};
+exports.Fluency = Fluency;
+const MATRIX_LEGEND_HEIGHT = 65;
+const styles = _reactNative.StyleSheet.create({
+  container: {},
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  header: {
+    height: 135,
+    flexDirection: 'row',
+    marginTop: _reactNativeUi.SPACING[400],
+    gap: _reactNativeUi.SPACING[400],
+    zIndex: 1
+  },
+  matrixContainer: {
+    flexDirection: 'row',
+    marginTop: _reactNativeUi.SPACING[400],
+    gap: _reactNativeUi.SPACING[200]
+  },
+  operatorWrapper: {
+    alignSelf: 'flex-start',
+    marginTop: MATRIX_LEGEND_HEIGHT
+  }
+});
+//# sourceMappingURL=Fluency.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,91 @@
+"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 _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 {
+    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,
+  streakColor
+}) => {
+  const {
+    circle,
+    label: labelStyle,
+    hasIcon
+  } = getStatusStyle(status, streakColor);
+  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: CIRCLE_SIZE,
+    height: CIRCLE_SIZE,
+    borderRadius: CIRCLE_BORDER_RADIUS,
+    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","_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":[]}

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

@@ -0,0 +1,73 @@
+"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 _useFluencyModeUIPreset = require("../../hooks/useFluencyModeUIPreset.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 {
+    streakColor
+  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+  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, {
+      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
+      })]
+    })]
+  });
+};
+exports.DayStreakCounter = DayStreakCounter;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%',
+    width: CONTAINER_WIDTH,
+    paddingVertical: _reactNativeUi.SPACING[200],
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  label: {
+    fontSize: _reactNativeUi.SPACING[300],
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  streakDays: {
+    flexDirection: 'row',
+    marginTop: STREAK_DAYS_MARGIN_TOP,
+    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","_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":[]}

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyMatrix = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MatrixLegend = require("./components/MatrixLegend.js");
+var _MatrixFill = require("./components/MatrixFill.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyMatrix = ({}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixLegend.MatrixLegend, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.body,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixFill.MatrixFill, {})
+  })]
+});
+exports.FluencyMatrix = FluencyMatrix;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  body: {
+    flex: 1,
+    padding: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencyMatrix.js.map

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixLegend","_MatrixFill","_jsxRuntime","e","__esModule","default","FluencyMatrix","jsxs","View","style","styles","container","children","jsx","MatrixLegend","body","MatrixFill","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI7C,MAAMG,aAAa,GAAGA,CAAC,CAAqB,CAAC,kBAClD,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAc,YAAY,IAAE,CAAC,eAChB,IAAAZ,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACK,IAAK;IAAAH,QAAA,eACvB,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAe,UAAU,IAAE;EAAC,CACV,CAAC;AAAA,CACH,CACP;AAAAC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDZ,IAAI,EAAE;IACJK,IAAI,EAAE,CAAC;IACPQ,OAAO,EAAEC,sBAAO,CAAC,GAAG;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixFill.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixFill = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencyModeUIPreset = require("../../../hooks/useFluencyModeUIPreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GRID_SIZE = 21;
+const HEADER_FONT_SIZE = 13;
+const getMasteryColor = (sum, mastery) => {
+  if (sum <= 9) return mastery.mastered;
+  if (sum <= 17) return mastery.strong;
+  if (sum <= 24) return mastery.growing;
+  if (sum <= 32) return mastery.developing;
+  return mastery.learning;
+};
+const getCellBackground = (row, col, mastery) => {
+  if (row === 0 && col === 0) return _reactNativeUi.COLORS.NEUTRAL_2;
+  if (row === 0 || col === 0) return _reactNativeUi.COLORS.NEUTRAL_5;
+  return getMasteryColor(row + col, mastery);
+};
+const getCellLabel = (row, col) => {
+  if (row === 0 && col === 0) return null;
+  if (row === 0) return col;
+  if (col === 0) return row;
+  return null;
+};
+const MatrixCell = ({
+  row,
+  col,
+  mastery
+}) => {
+  const label = getCellLabel(row, col);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.cell, {
+      backgroundColor: getCellBackground(row, col, mastery)
+    }],
+    children: label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.headerText,
+      children: label
+    })
+  });
+};
+const MatrixFill = ({}) => {
+  const {
+    mastery
+  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.grid,
+    children: Array.from({
+      length: GRID_SIZE
+    }, (_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: Array.from({
+        length: GRID_SIZE
+      }, (_, col) => /*#__PURE__*/(0, _jsxRuntime.jsx)(MatrixCell, {
+        row: row,
+        col: col,
+        mastery: mastery
+      }, col))
+    }, row))
+  });
+};
+exports.MatrixFill = MatrixFill;
+const styles = _reactNative.StyleSheet.create({
+  grid: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[50]
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[50]
+  },
+  cell: {
+    flex: 1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[100],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  headerText: {
+    fontSize: HEADER_FONT_SIZE,
+    color: _reactNativeUi.COLORS.NEUTRAL_2
+  }
+});
+//# sourceMappingURL=MatrixFill.js.map

package/dist/commonjs/features/fluency/components/matrix/components/MatrixFill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModeUIPreset","_jsxRuntime","e","__esModule","default","GRID_SIZE","HEADER_FONT_SIZE","getMasteryColor","sum","mastery","mastered","strong","growing","developing","learning","getCellBackground","row","col","COLORS","NEUTRAL_2","NEUTRAL_5","getCellLabel","MatrixCell","label","jsx","View","style","styles","cell","backgroundColor","children","Text","headerText","MatrixFill","useFluencyModeUIPreset","grid","Array","from","length","_","exports","StyleSheet","create","flex","gap","SPACING","flexDirection","borderRadius","BORDER_RADIUS","alignItems","justifyContent","fontSize","color"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixLegend.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixLegend = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencyModeUIPreset = require("../../../hooks/useFluencyModeUIPreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LEGEND_DOT_SIZE = 14;
+const LEGEND_DOT_BORDER_RADIUS = 3;
+const LEGEND_LABEL_FONT_SIZE = 12;
+const MatrixLegend = ({}) => {
+  const {
+    mastery,
+    buttonColor,
+    operatorName
+  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+  const legendItems = [{
+    label: 'Not started',
+    color: _reactNativeUi.COLORS.NEUTRAL_2,
+    withBorder: true
+  }, {
+    label: 'Learning',
+    color: mastery.learning
+  }, {
+    label: 'Growing',
+    color: mastery.growing
+  }, {
+    label: 'Strong',
+    color: mastery.strong
+  }, {
+    label: 'Mastered',
+    color: mastery.mastered
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.legendItems,
+      children: legendItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.legendItem,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.legendDot, {
+            backgroundColor: item.color
+          }, item.withBorder && styles.legendDotBorder]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.legendLabel,
+          children: item.label
+        })]
+      }, item.label))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button
+    // TODO: Wire to the practice action when the model gains a startPractice event.
+    , {
+      onPress: () => {},
+      variant: _reactNativeUi.ButtonVariant.PRIMARY,
+      size: _reactNativeUi.ButtonSize.MEDIUM,
+      colorScheme: buttonColor,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+        color: _reactNativeUi.COLORS.NEUTRAL_1
+      }),
+      raiseLevel: 3,
+      style: {
+        container: styles.practiceButton,
+        text: styles.practiceButtonText
+      },
+      children: `Practice ${operatorName}`
+    })]
+  });
+};
+exports.MatrixLegend = MatrixLegend;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 65,
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'space-between',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderBottomWidth: 1,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    paddingHorizontal: _reactNativeUi.SPACING[300],
+    paddingVertical: _reactNativeUi.SPACING[300],
+    borderTopLeftRadius: _reactNativeUi.BORDER_RADIUS[400],
+    borderTopRightRadius: _reactNativeUi.BORDER_RADIUS[400]
+  },
+  legendItems: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[400]
+  },
+  legendItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[150]
+  },
+  legendDot: {
+    width: LEGEND_DOT_SIZE,
+    height: LEGEND_DOT_SIZE,
+    borderRadius: LEGEND_DOT_BORDER_RADIUS
+  },
+  legendDotBorder: {
+    borderWidth: 0.5,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  },
+  legendLabel: {
+    fontSize: LEGEND_LABEL_FONT_SIZE,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  practiceButton: {
+    alignSelf: 'center'
+  },
+  practiceButtonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=MatrixLegend.js.map

package/dist/commonjs/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModeUIPreset","_jsxRuntime","e","__esModule","default","LEGEND_DOT_SIZE","LEGEND_DOT_BORDER_RADIUS","LEGEND_LABEL_FONT_SIZE","MatrixLegend","mastery","buttonColor","operatorName","useFluencyModeUIPreset","legendItems","label","color","COLORS","NEUTRAL_2","withBorder","learning","growing","strong","mastered","jsxs","View","style","styles","container","children","jsx","map","item","legendItem","legendDot","backgroundColor","legendDotBorder","Text","legendLabel","Button","onPress","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","icon","PlayIcon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","borderBottomWidth","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MathOperatorRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ProgressBar = require("./ProgressBar.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MathOperatorRow = ({
+  title,
+  icon,
+  progress,
+  color,
+  selected,
+  onSelect,
+  showDivider = true
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectOption, {
+    title: title,
+    icon: icon,
+    color: color,
+    selected: selected,
+    onPress: onSelect
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
+    progress: progress,
+    color: color
+  }), showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.divider
+  })]
+});
+exports.MathOperatorRow = MathOperatorRow;
+const styles = _reactNative.StyleSheet.create({
+  divider: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    marginVertical: _reactNativeUi.SPACING[600]
+  }
+});
+//# sourceMappingURL=MathOperatorRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBar","_jsxRuntime","e","__esModule","default","MathOperatorRow","title","icon","progress","color","selected","onSelect","showDivider","jsxs","View","children","jsx","SelectOption","onPress","ProgressBar","style","styles","divider","exports","StyleSheet","create","height","backgroundColor","COLORS","NEUTRAL_3","marginVertical","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/MathOperatorRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYpC,MAAMG,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAG;AACM,CAAC,kBACrB,IAAAX,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;EAAAC,QAAA,gBACH,IAAAd,WAAA,CAAAe,GAAA,EAACjB,cAAA,CAAAkB,YAAY;IAACX,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACE,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACQ,OAAO,EAAEP;EAAS,CAAE,CAAC,eAC/F,IAAAV,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAmB,WAAW;IAACX,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,EAChDG,WAAW,iBAAI,IAAAX,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAgB,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC;EAAQ,CAAE,CAAC;AAAA,CAC3C,CACP;AAAAC,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAED,MAAMgB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,cAAc,EAAEC,sBAAO,CAAC,GAAG;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}