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

package/dist/commonjs/features/fluency/assets/DivideIcon.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DivideIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DivideIcon = ({
+  size = 20,
+  color = _reactNativeUi.COLORS.NEUTRAL_9
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 17 17",
+    fill: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16 .22a.75.75 0 010 1.06L1.28 16a.75.75 0 01-1.06-1.06L14.94.22a.75.75 0 011.06 0z",
+      fill: color
+    })
+  });
+};
+exports.DivideIcon = DivideIcon;
+//# sourceMappingURL=DivideIcon.js.map

package/dist/commonjs/features/fluency/assets/DivideIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DivideIcon","size","color","COLORS","NEUTRAL_9","jsx","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/DivideIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,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,SAAAJ,wBAAAI,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;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAO5C,MAAMmB,UAAU,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGC,qBAAM,CAACC;AAA2B,CAAC,KAAK;EACtF,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAU,OAAG;IAACoB,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC7D,IAAA/B,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAmC,IAAI;MACHC,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,qFAAqF;MACvFL,IAAI,EAAEP;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAAAa,OAAA,CAAAf,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/assets/SpringIcon.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpringIcon = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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 SpringIcon = () => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 89,
+    height: 28,
+    viewBox: "0 0 89 28",
+    fill: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      opacity: 0.3,
+      d: "M78.6 22.803c5.16-6.21 7.39-12.429 7.39-12.429s-9.147.354-13.334-3.964m4.843 8.342C40.345 31.653 33.237 6.535 44.312 2.88 55.388-.774 56.293 23.042 28.317 24.918 17.69 25.63 8.093 23.18 2.5 18.683",
+      stroke: "#33334D",
+      strokeWidth: 5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+};
+exports.SpringIcon = SpringIcon;
+//# sourceMappingURL=SpringIcon.js.map

package/dist/commonjs/features/fluency/assets/SpringIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeSvg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SpringIcon","jsx","width","height","viewBox","fill","children","Path","opacity","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/SpringIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,uBAAA,CAAAC,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,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,SAAAL,wBAAAK,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;AAErC,MAAMW,UAAU,GAAGA,CAAA,KAAM;EAC9B,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,eAAA,CAAAQ,OAAG;IAACgB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzD,IAAA3B,WAAA,CAAAsB,GAAA,EAACvB,eAAA,CAAA6B,IAAI;MACHC,OAAO,EAAE,GAAI;MACbC,CAAC,EAAC,sMAAsM;MACxMC,MAAM,EAAC,SAAS;MAChBC,WAAW,EAAE,CAAE;MACfC,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAC;IAAO,CACvB;EAAC,CACC,CAAC;AAEV,CAAC;AAAAC,OAAA,CAAAd,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/assets/StarFillIcon.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StarFillIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StarFillIcon = () => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 10,
+    height: 11,
+    viewBox: "0 0 10 11",
+    fill: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M5.767.432a.89.89 0 00-1.526 0L2.925 2.625l-2.25.563A.89.89 0 00.26 4.68l1.664 1.664-.553 2.626a.89.89 0 001.287.97l2.34-1.24 1.55.862.824.412a.89.89 0 001.269-.98l-.559-2.65L9.747 4.68a.89.89 0 00-.413-1.492l-2.251-.563L5.767.432z",
+      fill: "#33334D",
+      fillOpacity: 0.25
+    })
+  });
+};
+exports.StarFillIcon = StarFillIcon;
+//# sourceMappingURL=StarFillIcon.js.map

package/dist/commonjs/features/fluency/assets/StarFillIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StarFillIcon","jsx","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","fillOpacity","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/StarFillIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,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,SAAAH,wBAAAG,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;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAErC,MAAMmB,YAAY,GAAGA,CAAA,KAAM;EAChC,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAACxB,eAAA,CAAAS,OAAG;IAACgB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzD,IAAA3B,WAAA,CAAAsB,GAAA,EAACxB,eAAA,CAAA8B,IAAI;MACHC,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yOAAyO;MAC3OL,IAAI,EAAC,SAAS;MACdM,WAAW,EAAE;IAAK,CACnB;EAAC,CACC,CAAC;AAEV,CAAC;AAAAC,OAAA,CAAAZ,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -12,39 +12,75 @@ 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 _FluencyContext = require("../context/FluencyContext.js");
+var _commonConstants = require("../../../shared/common.constants.js");
+var _MenuIcon = require("../../../shared/icons/MenuIcon.js");
+var _studentsFeatures = require("@magmamath/students-features");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Fluency = ({
-  model
+  model,
+  onMenuPress,
+  onStartPress,
+  onPracticePress,
+  onModeSelectPress
 }) => {
   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, {})]
-    })]
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const withMenuButton = _commonConstants.isWeb && dimensions.width <= _studentsFeatures.BURGER_MENU_BREAKPOINT;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyContext.FluencyProvider, {
+    value: {
+      model,
+      onStartPress,
+      onPracticePress,
+      onModeSelectPress
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.titleRow,
+        children: [withMenuButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.burgerMenu,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+            onPress: onMenuPress,
+            variant: _reactNativeUi.ButtonVariant.TERTIARY,
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuIcon.MenuIcon, {
+              size: 24
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H2,
+          style: styles.title,
+          children: t('student.fluency.title')
+        })]
+      }), /*#__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: {},
+  titleRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  burgerMenu: {
+    marginRight: _reactNativeUi.SPACING[200]
+  },
   title: {
     color: _reactNativeUi.COLORS.NEUTRAL_9
   },
   header: {
-    height: 135,
+    height: 182,
     flexDirection: 'row',
     marginTop: _reactNativeUi.SPACING[400],
     gap: _reactNativeUi.SPACING[400],
@@ -56,8 +92,7 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[200]
   },
   operatorWrapper: {
-    alignSelf: 'flex-start',
-    marginTop: MATRIX_LEGEND_HEIGHT
+    alignSelf: 'flex-start'
   }
 });
 //# sourceMappingURL=Fluency.js.map

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","_reactNative","_reactNativeUi","_i18n","_StartBanner","_DayStreakCounter","_SelectMathOperator","_FluencyMatrix","_FluencyContext","_commonConstants","_MenuIcon","_studentsFeatures","_jsxRuntime","e","__esModule","default","Fluency","model","onMenuPress","onStartPress","onPracticePress","onModeSelectPress","t","useText","dimensions","useWindowDimensions","withMenuButton","isWeb","width","BURGER_MENU_BREAKPOINT","jsx","FluencyProvider","value","children","jsxs","View","style","styles","container","titleRow","burgerMenu","Button","onPress","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","Typography","HeadingVariants","H2","title","header","StartBanner","DayStreakCounter","matrixContainer","operatorWrapper","SelectMathOperator","FluencyMatrix","exports","StyleSheet","create","flexDirection","alignItems","marginRight","SPACING","color","COLORS","NEUTRAL_9","height","marginTop","gap","zIndex","alignSelf"],"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,42 @@
+"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/FluencySolvingHeader.js");
+var _FluencySolvingProgress = require("./fluency-solving/FluencySolvingProgress.js");
+var _FluencySolvingCard = require("./fluency-solving/FluencySolvingCard.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolving = ({
+  model,
+  onClosePress
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_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, {
+        total: 20,
+        activeIndex: 4
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
+    })
+  });
+};
+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","_jsxRuntime","e","__esModule","default","FluencySolving","model","onClosePress","jsx","FluencyProvider","value","children","jsxs","View","style","styles","container","FluencySolvingHeader","FluencySolvingProgress","total","activeIndex","FluencySolvingCard","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAAyE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlE,MAAMG,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC9E,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACX,eAAA,CAAAY,eAAe;IAACC,KAAK,EAAE;MAAEJ;IAAM,CAAE;IAAAK,QAAA,eAChC,IAAAV,WAAA,CAAAW,IAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAL,QAAA,gBAC5B,IAAAV,WAAA,CAAAO,GAAA,EAACV,qBAAA,CAAAmB,oBAAoB;QAACV,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpD,IAAAN,WAAA,CAAAO,GAAA,EAACT,uBAAA,CAAAmB,sBAAsB;QAACC,KAAK,EAAE,EAAG;QAACC,WAAW,EAAE;MAAE,CAAE,CAAC,eACrD,IAAAnB,WAAA,CAAAO,GAAA,EAACR,mBAAA,CAAAqB,kBAAkB,IAAE,CAAC;IAAA,CAClB;EAAC,CACQ,CAAC;AAEtB,CAAC;AAAAC,OAAA,CAAAjB,cAAA,GAAAA,cAAA;AAED,MAAMU,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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","_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

@@ -8,42 +8,42 @@ 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 _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
+var _i18n = require("../../../../i18n/i18n.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 DayStreakCounter = () => {
+  const t = (0, _i18n.useText)();
   const {
-    streakColor
-  } = (0, _useFluencyModeUIPreset.useFluencyModeUIPreset)();
+    header
+  } = (0, _useFluencyModePreset.useFluencyModePreset)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
       style: styles.label,
-      children: "Practice this week"
+      children: t('student.fluency.practiceThisWeek')
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.streakDays,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "M",
+        label: t('student.fluency.dayMonday'),
         status: "gained",
-        streakColor: streakColor
+        streakColor: header.streakColor
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "T",
+        label: t('student.fluency.dayTuesday'),
         status: "gained",
-        streakColor: streakColor
+        streakColor: header.streakColor
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "W",
+        label: t('student.fluency.dayWednesday'),
         status: "missed",
-        streakColor: streakColor
+        streakColor: header.streakColor
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "T",
+        label: t('student.fluency.dayThursday'),
         status: "today",
-        streakColor: streakColor
+        streakColor: header.streakColor
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: "F",
+        label: t('student.fluency.dayFriday'),
         status: "gained",
-        streakColor: streakColor
+        streakColor: header.streakColor
       })]
     })]
   });
@@ -52,7 +52,7 @@ exports.DayStreakCounter = DayStreakCounter;
 const styles = _reactNative.StyleSheet.create({
   container: {
     height: '100%',
-    width: CONTAINER_WIDTH,
+    width: 230,
     paddingVertical: _reactNativeUi.SPACING[200],
     paddingHorizontal: _reactNativeUi.SPACING[400],
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
@@ -66,7 +66,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   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","_useFluencyModePreset","_i18n","_jsxRuntime","e","__esModule","default","DayStreakCounter","t","useText","header","useFluencyModePreset","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","StreakDay","status","streakColor","exports","StyleSheet","create","height","width","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyEquationCard = 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 FluencyEquationCard = ({
+  accentColor,
+  OperatorIcon,
+  input
+}) => {
+  const answerTextStyle = [styles.number, styles.answerText, {
+    color: accentColor
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.stack,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.cardBase, styles.cardLayer2]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.cardBase, styles.cardLayer1]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.cardBase, styles.cardFront],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H9,
+        style: styles.cardLabel,
+        children: "Type your answer"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.equationRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          style: styles.number,
+          children: "6"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OperatorIcon, {
+          color: accentColor,
+          size: 36
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          style: styles.number,
+          children: "6"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          style: styles.equals,
+          children: "="
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.answerBox,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            style: answerTextStyle,
+            children: input
+          })
+        })]
+      })]
+    })]
+  });
+};
+exports.FluencyEquationCard = FluencyEquationCard;
+const CARD_HEIGHT = 260;
+const styles = _reactNative.StyleSheet.create({
+  stack: {
+    width: '100%',
+    maxWidth: 560
+  },
+  cardBase: {
+    height: CARD_HEIGHT,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[5]
+  },
+  cardLayer2: {
+    position: 'absolute',
+    top: 24,
+    left: 40,
+    right: 40
+  },
+  cardLayer1: {
+    position: 'absolute',
+    top: 12,
+    left: 20,
+    right: 20,
+    ..._reactNativeUi.SHADOWS[5]
+  },
+  cardFront: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  cardLabel: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 1.3,
+    marginBottom: _reactNativeUi.SPACING[300],
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  equationRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    marginTop: _reactNativeUi.SPACING[600]
+  },
+  number: {
+    fontSize: 60,
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  equals: {
+    fontSize: 60,
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  answerBox: {
+    width: 100,
+    height: 44,
+    alignItems: 'center',
+    borderBottomWidth: 8,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  answerText: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=FluencyEquationCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","FluencyEquationCard","accentColor","OperatorIcon","input","answerTextStyle","styles","number","answerText","color","jsxs","View","style","stack","children","jsx","cardBase","cardLayer2","cardLayer1","cardFront","Typography","variant","HeadingVariants","H9","cardLabel","equationRow","size","equals","answerBox","exports","CARD_HEIGHT","StyleSheet","create","width","maxWidth","height","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","position","top","left","right","alignItems","justifyContent","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","NEUTRAL_7","flexDirection","gap","marginTop","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","borderBottomWidth","borderBottomColor"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencyEquationCard.tsx"],"mappings":"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","ignoreList":[]}