@magmamath/students-features 1.3.26-rc.17 → 1.3.26-rc.2

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

@@ -106,9 +106,6 @@ function prepareChatRequestPayload(payload, threadItem) {
       ...(imageAltText && {
         altText: imageAltText
       }),
-      ...(chatHistory && {
-        chatHistory
-      }),
       ...(!!problemStandards?.length && {
         problemStandards
       }),

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","_constants","_i18n","_modelTypes","decodeHTMLEntities","input","replace","exports","replaceKatexSyntax","texts","reverse","replacements","Object","entries","KATEX_REPLACEMENTS_REVERSE","KATEX_REPLACEMENTS","map","text","reduce","newText","pattern","placeholder","RegExp","transformAlternatives","payload","isOpenChatEnabled","IS_WEB","options","default","t","promptKey","translatedText","hints","prepareChatRequestPayload","threadItem","conversationId","freeTextMessage","problemDescription","problemStandards","problemAnswer","language","imageCdnId","imageAltText","answerOptions","answer","chatHistory","assignmentGrade","type","ChatRequestType","FREETEXT","data","message","length","correctAnswer","altText","HINT","getNextHintProps","userAnswer","undefined"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNativeUi","require","_constants","_i18n","_modelTypes","decodeHTMLEntities","input","replace","exports","replaceKatexSyntax","texts","reverse","replacements","Object","entries","KATEX_REPLACEMENTS_REVERSE","KATEX_REPLACEMENTS","map","text","reduce","newText","pattern","placeholder","RegExp","transformAlternatives","payload","isOpenChatEnabled","IS_WEB","options","default","t","promptKey","translatedText","hints","prepareChatRequestPayload","threadItem","conversationId","freeTextMessage","problemDescription","problemStandards","problemAnswer","language","imageCdnId","imageAltText","answerOptions","answer","chatHistory","assignmentGrade","type","ChatRequestType","FREETEXT","data","message","length","correctAnswer","altText","HINT","getNextHintProps","userAnswer","undefined"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/assets/{SparkleIcon.js → DivideIcon.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SparkleIcon = void 0;
+exports.DivideIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _reactNativeUi = require("@magmamath/react-native-ui");
@@ -11,20 +11,22 @@ 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 SparkleIcon = ({
+const DivideIcon = ({
   size = 20,
   color = _reactNativeUi.COLORS.NEUTRAL_9
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
     width: size,
     height: size,
-    viewBox: "0 0 21 21",
+    viewBox: "0 0 17 17",
     fill: "none",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M20.063 11.863c-3.688 1.348-6.782 4.42-8.24 8.244-.505 1.19-2.111 1.19-2.587 0-1.517-3.793-4.61-6.864-8.299-8.18-1.25-.502-1.25-2.352 0-2.79 3.688-1.348 6.782-4.42 8.24-8.244.505-1.19 2.111-1.19 2.587 0 1.517 3.793 4.61 6.864 8.299 8.18 1.25.502 1.25 2.352 0 2.79z",
+      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.SparkleIcon = SparkleIcon;
-//# sourceMappingURL=SparkleIcon.js.map
+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/{shared/icons/keyboard/FrancIcon.js → features/fluency/assets/SpringIcon.js}

@@ -3,32 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FrancIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
+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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FrancIcon = ({
-  size = 20,
-  color
-}) => {
+const SpringIcon = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
-    width: size,
-    height: size,
-    viewBox: "0 0 16 16",
+    width: 89,
+    height: 28,
+    viewBox: "0 0 89 28",
     fill: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
-      x: "8",
-      y: "12",
-      fill: color,
-      fontSize: "10",
-      fontWeight: "600",
-      textAnchor: "middle",
-      children: "Fr"
+    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.FrancIcon = FrancIcon;
-//# sourceMappingURL=FrancIcon.js.map
+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

@@ -10,9 +10,7 @@ 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 = ({
-  color
-}) => {
+const StarFillIcon = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
     width: 10,
     height: 11,
@@ -22,8 +20,8 @@ const StarFillIcon = ({
       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: color ?? '#33334D',
-      fillOpacity: color ? 1 : 0.25
+      fill: "#33334D",
+      fillOpacity: 0.25
     })
   });
 };

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

@@ -1 +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","color","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;AAMrC,MAAMmB,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC5D,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAAS,OAAG;IAACiB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzD,IAAA5B,WAAA,CAAAuB,GAAA,EAACzB,eAAA,CAAA+B,IAAI;MACHC,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yOAAyO;MAC3OL,IAAI,EAAEL,KAAK,IAAI,SAAU;MACzBW,WAAW,EAAEX,KAAK,GAAG,CAAC,GAAG;IAAK,CAC/B;EAAC,CACC,CAAC;AAEV,CAAC;AAAAY,OAAA,CAAAb,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Fluency = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _effectorReact = require("effector-react");
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _i18n = require("../../../i18n/i18n.js");
@@ -13,22 +12,22 @@ 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 _MobileMenu = require("./mobile-menu/MobileMenu.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,
-  config,
   onMenuPress,
   onStartPress,
   onPracticePress,
   onModeSelectPress
 }) => {
-  (0, _effectorReact.useGate)(model.gate, {
-    config
-  });
   const t = (0, _i18n.useText)();
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const withMenuButton = _commonConstants.isWeb && dimensions.width <= _studentsFeatures.BURGER_MENU_BREAKPOINT;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyContext.FluencyProvider, {
     value: {
       model,
@@ -37,36 +36,47 @@ const Fluency = ({
       onModeSelectPress
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.root,
+      style: styles.container,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.title,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenu.MobileMenu, {
-          onPress: onMenuPress
+        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.titleText,
+          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.matrix,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectMathOperator.SelectMathOperator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyMatrix.FluencyMatrix, {})]
+        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 styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  title: {
+  container: {},
+  titleRow: {
     flexDirection: 'row',
     alignItems: 'center'
   },
-  titleText: {
+  burgerMenu: {
+    marginRight: _reactNativeUi.SPACING[200]
+  },
+  title: {
     color: _reactNativeUi.COLORS.NEUTRAL_9
   },
   header: {
@@ -76,11 +86,13 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[400],
     zIndex: 1
   },
-  matrix: {
-    flex: 1,
+  matrixContainer: {
     flexDirection: 'row',
     marginTop: _reactNativeUi.SPACING[400],
     gap: _reactNativeUi.SPACING[200]
+  },
+  operatorWrapper: {
+    alignSelf: 'flex-start'
   }
 });
 //# sourceMappingURL=Fluency.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeUi","_i18n","_StartBanner","_DayStreakCounter","_SelectMathOperator","_FluencyMatrix","_MobileMenu","_FluencyContext","_jsxRuntime","e","__esModule","default","Fluency","model","config","onMenuPress","onStartPress","onPracticePress","onModeSelectPress","useGate","gate","t","useText","jsx","FluencyProvider","value","children","jsxs","View","style","styles","root","title","MobileMenu","onPress","Typography","variant","HeadingVariants","H2","titleText","header","StartBanner","DayStreakCounter","matrix","SelectMathOperator","FluencyMatrix","exports","StyleSheet","create","flex","flexDirection","alignItems","color","COLORS","NEUTRAL_9","height","marginTop","SPACING","gap","zIndex"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/Fluency.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AAA2D,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,uBAAAa,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAcpD,MAAMG,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,MAAM;EACNC,WAAW;EACXC,YAAY;EACZC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,IAAAC,sBAAO,EAACN,KAAK,CAACO,IAAI,EAAE;IAAEN;EAAO,CAAC,CAAC;EAC/B,MAAMO,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEnB,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAChB,eAAA,CAAAiB,eAAe;IAACC,KAAK,EAAE;MAAEZ,KAAK;MAAEG,YAAY;MAAEC,eAAe;MAAEC;IAAkB,CAAE;IAAAQ,QAAA,eAClF,IAAAlB,WAAA,CAAAmB,IAAA,EAAC5B,YAAA,CAAA6B,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;MAAAL,QAAA,gBACvB,IAAAlB,WAAA,CAAAmB,IAAA,EAAC5B,YAAA,CAAA6B,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAN,QAAA,gBACxB,IAAAlB,WAAA,CAAAe,GAAA,EAACjB,WAAA,CAAA2B,UAAU;UAACC,OAAO,EAAEnB;QAAY,CAAE,CAAC,eACpC,IAAAP,WAAA,CAAAe,GAAA,EAACvB,cAAA,CAAAmC,UAAU;UAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;UAACT,KAAK,EAAEC,MAAM,CAACS,SAAU;UAAAb,QAAA,EAC9DL,CAAC,CAAC,uBAAuB;QAAC,CACjB,CAAC;MAAA,CACT,CAAC,eAEP,IAAAb,WAAA,CAAAmB,IAAA,EAAC5B,YAAA,CAAA6B,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACU,MAAO;QAAAd,QAAA,gBACzB,IAAAlB,WAAA,CAAAe,GAAA,EAACrB,YAAA,CAAAuC,WAAW,IAAE,CAAC,eACf,IAAAjC,WAAA,CAAAe,GAAA,EAACpB,iBAAA,CAAAuC,gBAAgB,IAAE,CAAC;MAAA,CAChB,CAAC,eAEP,IAAAlC,WAAA,CAAAmB,IAAA,EAAC5B,YAAA,CAAA6B,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACa,MAAO;QAAAjB,QAAA,gBACzB,IAAAlB,WAAA,CAAAe,GAAA,EAACnB,mBAAA,CAAAwC,kBAAkB,IAAE,CAAC,eACtB,IAAApC,WAAA,CAAAe,GAAA,EAAClB,cAAA,CAAAwC,aAAa,IAAE,CAAC;MAAA,CACb,CAAC;IAAA,CACH;EAAC,CACQ,CAAC;AAEtB,CAAC;AAAAC,OAAA,CAAAlC,OAAA,GAAAA,OAAA;AAED,MAAMkB,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJkB,IAAI,EAAE;EACR,CAAC;EACDjB,KAAK,EAAE;IACLkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDZ,SAAS,EAAE;IAAEa,KAAK,EAAEC,qBAAM,CAACC;EAAU,CAAC;EACtCd,MAAM,EAAE;IACNe,MAAM,EAAE,GAAG;IACXL,aAAa,EAAE,KAAK;IACpBM,SAAS,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACvBC,GAAG,EAAED,sBAAO,CAAC,GAAG,CAAC;IACjBE,MAAM,EAAE;EACV,CAAC;EACDhB,MAAM,EAAE;IACNM,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBM,SAAS,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACvBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB;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

@@ -8,39 +8,35 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _FluencyContext = require("../context/FluencyContext.js");
-var _FluencySolvingHeader = require("./fluency-solving/components/FluencySolvingHeader.js");
-var _FluencySolvingProgress = require("./fluency-solving/components/FluencySolvingProgress.js");
-var _FluencySolvingCard = require("./fluency-solving/components/FluencySolvingCard.js");
-var _FluencySessionResults = require("./session-results/FluencySessionResults.js");
-var _usePreventPageLeave = require("../hooks/usePreventPageLeave.js");
+var _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,
-  onEndModalPress
+  onClosePress
 }) => {
-  (0, _usePreventPageLeave.usePreventPageLeave)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FluencyContext.FluencyProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyContext.FluencyProvider, {
     value: {
       model
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.container,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingHeader.FluencySolvingHeader, {
         onClosePress: onClosePress
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgress.FluencySolvingProgress, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySessionResults.FluencySessionResults, {
-      onClosePress: onClosePress,
-      onEndModalPress: onEndModalPress
-    })]
+      }), /*#__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_3
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=FluencySolving.js.map

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

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

@@ -7,44 +7,38 @@ exports.StreakDay = void 0;
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _fluencyConstants = require("../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const STATUS_STYLES = {
-  [_fluencyConstants.StreakStatus.GAINED]: {
-    circle: {
-      backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
-      borderWidth: 1,
-      borderColor: _reactNativeUi.COLORS.NEUTRAL_3
-    },
-    label: {
-      color: _reactNativeUi.COLORS.PRIMARY_YELLOW
-    },
-    hasIcon: true
-  },
-  [_fluencyConstants.StreakStatus.TODAY]: {
-    circle: {
-      backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
-      borderWidth: 3,
-      borderColor: _reactNativeUi.COLORS.YELLOW_6
-    },
-    label: {
-      color: _reactNativeUi.COLORS.YELLOW_6
-    },
-    hasIcon: false
-  },
-  [_fluencyConstants.StreakStatus.TODAY_GAINED]: {
-    circle: {
-      backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
-      borderWidth: 3,
-      borderColor: _reactNativeUi.COLORS.YELLOW_6
-    },
-    label: {
-      color: _reactNativeUi.COLORS.YELLOW_6
-    },
-    hasIcon: true
-  },
-  [_fluencyConstants.StreakStatus.MISSED]: {
+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,
@@ -54,17 +48,18 @@ const STATUS_STYLES = {
       color: _reactNativeUi.COLORS.NEUTRAL_4
     },
     hasIcon: false
-  }
+  };
 };
 const StreakDay = ({
   label,
-  status
+  status,
+  streakColor
 }) => {
   const {
     circle,
     label: labelStyle,
     hasIcon
-  } = STATUS_STYLES[status];
+  } = getStatusStyle(status, streakColor);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -86,9 +81,9 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[100]
   },
   circle: {
-    width: _reactNativeUi.SPACING[800],
-    height: _reactNativeUi.SPACING[800],
-    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    width: CIRCLE_SIZE,
+    height: CIRCLE_SIZE,
+    borderRadius: CIRCLE_BORDER_RADIUS,
     alignItems: 'center',
     justifyContent: 'center'
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_fluencyConstants","_jsxRuntime","e","__esModule","default","STATUS_STYLES","StreakStatus","GAINED","circle","backgroundColor","COLORS","PRIMARY_YELLOW","borderWidth","borderColor","NEUTRAL_3","label","color","hasIcon","TODAY","NEUTRAL_2","YELLOW_6","TODAY_GAINED","MISSED","NEUTRAL_4","StreakDay","status","labelStyle","jsxs","View","style","styles","container","children","jsx","CorrectIcon","NEUTRAL_1","Typography","variant","HeadingVariants","H3","exports","StyleSheet","create","alignItems","gap","SPACING","width","height","borderRadius","BORDER_RADIUS","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreak.tsx"],"mappings":"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","ignoreList":[]}
+{"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":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAqE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrE,MAAMG,WAAW,GAAGC,sBAAO,CAAC,GAAG,CAAC;AAChC,MAAMC,oBAAoB,GAAGC,4BAAa,CAAC,GAAG,CAAC;AAgB/C,MAAMC,cAAc,GAAGA,CACrBC,MAAoB,EACpBC,WAAuD,KACvC;EAChB,IAAID,MAAM,KAAK,QAAQ,EAAE;IACvB,OAAO;MACLE,MAAM,EAAE;QAAEC,eAAe,EAAEF,WAAW,CAACG,MAAM;QAAEC,WAAW,EAAE,CAAC;QAAEC,WAAW,EAAEC,qBAAM,CAACC;MAAU,CAAC;MAC9FC,KAAK,EAAE;QAAEC,KAAK,EAAET,WAAW,CAACG;MAAO,CAAC;MACpCO,OAAO,EAAE;IACX,CAAC;EACH;EACA,IAAIX,MAAM,KAAK,OAAO,EAAE;IACtB,OAAO;MACLE,MAAM,EAAE;QAAEC,eAAe,EAAEI,qBAAM,CAACK,SAAS;QAAEP,WAAW,EAAE,CAAC;QAAEC,WAAW,EAAEL,WAAW,CAACY;MAAY,CAAC;MACnGJ,KAAK,EAAE;QAAEC,KAAK,EAAET,WAAW,CAACY;MAAY,CAAC;MACzCF,OAAO,EAAE;IACX,CAAC;EACH;EACA,OAAO;IACLT,MAAM,EAAE;MAAEC,eAAe,EAAEI,qBAAM,CAACK,SAAS;MAAEP,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAEC,qBAAM,CAACC;IAAU,CAAC;IAC5FC,KAAK,EAAE;MAAEC,KAAK,EAAEH,qBAAM,CAACO;IAAU,CAAC;IAClCH,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAEM,MAAMI,SAAS,GAAGA,CAAC;EAAEN,KAAK;EAAET,MAAM;EAAEC;AAA4B,CAAC,KAAK;EAC3E,MAAM;IAAEC,MAAM;IAAEO,KAAK,EAAEO,UAAU;IAAEL;EAAQ,CAAC,GAAGZ,cAAc,CAACC,MAAM,EAAEC,WAAW,CAAC;EAElF,oBACE,IAAAV,WAAA,CAAA0B,IAAA,EAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAA/B,WAAA,CAAAgC,GAAA,EAACjC,YAAA,CAAA4B,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAAClB,MAAM,EAAEA,MAAM,CAAE;MAAAoB,QAAA,EAClCX,OAAO,iBAAI,IAAApB,WAAA,CAAAgC,GAAA,EAACrC,cAAA,CAAAsC,WAAW;QAACd,KAAK,EAAEH,qBAAM,CAACkB;MAAU,CAAE;IAAC,CAChD,CAAC,eACP,IAAAlC,WAAA,CAAAgC,GAAA,EAACrC,cAAA,CAAAwC,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACV,KAAK,EAAEH,UAAW;MAAAM,QAAA,EACxDb;IAAK,CACI,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAqB,OAAA,CAAAf,SAAA,GAAAA,SAAA;AAED,MAAMK,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEtC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDM,MAAM,EAAE;IACNiC,KAAK,EAAExC,WAAW;IAClByC,MAAM,EAAEzC,WAAW;IACnB0C,YAAY,EAAExC,oBAAoB;IAClCoC,UAAU,EAAE,QAAQ;IACpBK,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -8,53 +8,51 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _DayStreak = require("./DayStreak.js");
+var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
 var _i18n = require("../../../../i18n/i18n.js");
-var _FluencyContext = require("../../context/FluencyContext.js");
-var _effectorReact = require("effector-react");
-var _fluencyConstants = require("../../fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ONE_DAY_MS = 86_400_000;
-const DAY_LABEL_KEYS = ['student.fluency.dayMonday', 'student.fluency.dayTuesday', 'student.fluency.dayWednesday', 'student.fluency.dayThursday', 'student.fluency.dayFriday'];
-const generateStreakDates = stats => {
-  const todayMs = new Date().setHours(0, 0, 0, 0);
-  const startMs = new Date(stats.weekStart).setHours(0, 0, 0, 0);
-  const practiced = new Set(stats.practicedDates.map(d => new Date(d).setHours(0, 0, 0, 0)));
-  return [0, 1, 2, 3, 4].map(i => {
-    const dayMs = startMs + i * ONE_DAY_MS;
-    const isPracticed = practiced.has(dayMs);
-    const isToday = dayMs === todayMs;
-    if (isPracticed && isToday) return _fluencyConstants.StreakStatus.TODAY_GAINED;
-    if (isPracticed) return _fluencyConstants.StreakStatus.GAINED;
-    if (isToday) return _fluencyConstants.StreakStatus.TODAY;
-    return _fluencyConstants.StreakStatus.MISSED;
-  });
-};
 const DayStreakCounter = () => {
   const t = (0, _i18n.useText)();
   const {
-    model
-  } = (0, _FluencyContext.useFluency)();
-  const statuses = (0, _effectorReact.useStoreMap)(model.streak.$stats, stats => stats ? generateStreakDates(stats) : []);
+    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: t('student.fluency.practiceThisWeek')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.streakDays,
-      children: DAY_LABEL_KEYS.map((key, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
-        label: t(key),
-        status: statuses[i] ?? _fluencyConstants.StreakStatus.MISSED
-      }, key))
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t('student.fluency.dayMonday'),
+        status: "gained",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t('student.fluency.dayTuesday'),
+        status: "gained",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t('student.fluency.dayWednesday'),
+        status: "missed",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t('student.fluency.dayThursday'),
+        status: "today",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
+        label: t('student.fluency.dayFriday'),
+        status: "gained",
+        streakColor: header.streakColor
+      })]
     })]
   });
 };
 exports.DayStreakCounter = DayStreakCounter;
 const styles = _reactNative.StyleSheet.create({
   container: {
+    height: '100%',
     width: 230,
-    height: 110,
     paddingVertical: _reactNativeUi.SPACING[200],
     paddingHorizontal: _reactNativeUi.SPACING[400],
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
@@ -62,9 +60,8 @@ const styles = _reactNative.StyleSheet.create({
     ..._reactNativeUi.SHADOWS[1]
   },
   label: {
-    fontSize: 12,
+    fontSize: _reactNativeUi.SPACING[300],
     fontWeight: '700',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
     color: _reactNativeUi.COLORS.NEUTRAL_8
   },
   streakDays: {