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

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

@@ -3,9 +3,7 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const StarFillIcon = ({
-  color
-}) => {
+export const StarFillIcon = () => {
   return /*#__PURE__*/_jsx(Svg, {
     width: 10,
     height: 11,
@@ -15,8 +13,8 @@ export 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/module/features/fluency/assets/StarFillIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Svg","Path","jsx","_jsx","StarFillIcon","color","width","height","viewBox","fill","children","fillRule","clipRule","d","fillOpacity"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/StarFillIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM5C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC5D,oBACEF,IAAA,CAACH,GAAG;IAACM,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzDP,IAAA,CAACF,IAAI;MACHU,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yOAAyO;MAC3OJ,IAAI,EAAEJ,KAAK,IAAI,SAAU;MACzBS,WAAW,EAAET,KAAK,GAAG,CAAC,GAAG;IAAK,CAC/B;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Svg","Path","jsx","_jsx","StarFillIcon","width","height","viewBox","fill","children","fillRule","clipRule","d","fillOpacity"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/StarFillIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE5C,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,oBACED,IAAA,CAACH,GAAG;IAACK,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzDN,IAAA,CAACF,IAAI;MACHS,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yOAAyO;MAC3OJ,IAAI,EAAC,SAAS;MACdK,WAAW,EAAE;IAAK,CACnB;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,29 +1,28 @@
 "use strict";
 
 import React from 'react';
-import { useGate } from 'effector-react';
-import { View, StyleSheet } from 'react-native';
-import { Typography, HeadingVariants, SPACING, COLORS } from '@magmamath/react-native-ui';
+import { View, StyleSheet, useWindowDimensions } from 'react-native';
+import { Button, ButtonVariant, Typography, HeadingVariants, SPACING, COLORS } from '@magmamath/react-native-ui';
 import { useText } from "../../../i18n/i18n.js";
 import { StartBanner } from "./start-banner/StartBanner.js";
 import { DayStreakCounter } from "./day-streak-counter/DayStreakCounter.js";
 import { SelectMathOperator } from "./select-math-operator/SelectMathOperator.js";
 import { FluencyMatrix } from "./matrix/FluencyMatrix.js";
-import { MobileMenu } from "./mobile-menu/MobileMenu.js";
 import { FluencyProvider } from "../context/FluencyContext.js";
+import { isWeb } from "../../../shared/common.constants.js";
+import { MenuIcon } from "../../../shared/icons/MenuIcon.js";
+import { BURGER_MENU_BREAKPOINT } from '@magmamath/students-features';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Fluency = ({
   model,
-  config,
   onMenuPress,
   onStartPress,
   onPracticePress,
   onModeSelectPress
 }) => {
-  useGate(model.gate, {
-    config
-  });
   const t = useText();
+  const dimensions = useWindowDimensions();
+  const withMenuButton = isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
   return /*#__PURE__*/_jsx(FluencyProvider, {
     value: {
       model,
@@ -32,35 +31,46 @@ export const Fluency = ({
       onModeSelectPress
     },
     children: /*#__PURE__*/_jsxs(View, {
-      style: styles.root,
+      style: styles.container,
       children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.title,
-        children: [/*#__PURE__*/_jsx(MobileMenu, {
-          onPress: onMenuPress
+        style: styles.titleRow,
+        children: [withMenuButton && /*#__PURE__*/_jsx(View, {
+          style: styles.burgerMenu,
+          children: /*#__PURE__*/_jsx(Button, {
+            onPress: onMenuPress,
+            variant: ButtonVariant.TERTIARY,
+            icon: /*#__PURE__*/_jsx(MenuIcon, {
+              size: 24
+            })
+          })
         }), /*#__PURE__*/_jsx(Typography, {
           variant: HeadingVariants.H2,
-          style: styles.titleText,
+          style: styles.title,
           children: t('student.fluency.title')
         })]
       }), /*#__PURE__*/_jsxs(View, {
         style: styles.header,
         children: [/*#__PURE__*/_jsx(StartBanner, {}), /*#__PURE__*/_jsx(DayStreakCounter, {})]
       }), /*#__PURE__*/_jsxs(View, {
-        style: styles.matrix,
-        children: [/*#__PURE__*/_jsx(SelectMathOperator, {}), /*#__PURE__*/_jsx(FluencyMatrix, {})]
+        style: styles.matrixContainer,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.operatorWrapper,
+          children: /*#__PURE__*/_jsx(SelectMathOperator, {})
+        }), /*#__PURE__*/_jsx(FluencyMatrix, {})]
       })]
     })
   });
 };
 const styles = StyleSheet.create({
-  root: {
-    flex: 1
-  },
-  title: {
+  container: {},
+  titleRow: {
     flexDirection: 'row',
     alignItems: 'center'
   },
-  titleText: {
+  burgerMenu: {
+    marginRight: SPACING[200]
+  },
+  title: {
     color: COLORS.NEUTRAL_9
   },
   header: {
@@ -70,11 +80,13 @@ const styles = StyleSheet.create({
     gap: SPACING[400],
     zIndex: 1
   },
-  matrix: {
-    flex: 1,
+  matrixContainer: {
     flexDirection: 'row',
     marginTop: SPACING[400],
     gap: SPACING[200]
+  },
+  operatorWrapper: {
+    alignSelf: 'flex-start'
   }
 });
 //# sourceMappingURL=Fluency.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useGate","View","StyleSheet","Typography","HeadingVariants","SPACING","COLORS","useText","StartBanner","DayStreakCounter","SelectMathOperator","FluencyMatrix","MobileMenu","FluencyProvider","jsx","_jsx","jsxs","_jsxs","Fluency","model","config","onMenuPress","onStartPress","onPracticePress","onModeSelectPress","gate","t","value","children","style","styles","root","title","onPress","variant","H2","titleText","header","matrix","create","flex","flexDirection","alignItems","color","NEUTRAL_9","height","marginTop","gap","zIndex"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/Fluency.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,UAAU,EAAEC,eAAe,EAAEC,OAAO,EAAEC,MAAM,QAAQ,4BAA4B;AACzF,SAASC,OAAO,QAAQ,uBAAoB;AAC5C,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,aAAa,QAAQ,2BAAwB;AACtD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,eAAe,QAAQ,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc3D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,MAAM;EACNC,WAAW;EACXC,YAAY;EACZC,eAAe;EACfC;AACY,CAAC,KAAK;EAClBxB,OAAO,CAACmB,KAAK,CAACM,IAAI,EAAE;IAAEL;EAAO,CAAC,CAAC;EAC/B,MAAMM,CAAC,GAAGnB,OAAO,CAAC,CAAC;EAEnB,oBACEQ,IAAA,CAACF,eAAe;IAACc,KAAK,EAAE;MAAER,KAAK;MAAEG,YAAY;MAAEC,eAAe;MAAEC;IAAkB,CAAE;IAAAI,QAAA,eAClFX,KAAA,CAAChB,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACC,IAAK;MAAAH,QAAA,gBACvBX,KAAA,CAAChB,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAJ,QAAA,gBACxBb,IAAA,CAACH,UAAU;UAACqB,OAAO,EAAEZ;QAAY,CAAE,CAAC,eACpCN,IAAA,CAACZ,UAAU;UAAC+B,OAAO,EAAE9B,eAAe,CAAC+B,EAAG;UAACN,KAAK,EAAEC,MAAM,CAACM,SAAU;UAAAR,QAAA,EAC9DF,CAAC,CAAC,uBAAuB;QAAC,CACjB,CAAC;MAAA,CACT,CAAC,eAEPT,KAAA,CAAChB,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACO,MAAO;QAAAT,QAAA,gBACzBb,IAAA,CAACP,WAAW,IAAE,CAAC,eACfO,IAAA,CAACN,gBAAgB,IAAE,CAAC;MAAA,CAChB,CAAC,eAEPQ,KAAA,CAAChB,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACQ,MAAO;QAAAV,QAAA,gBACzBb,IAAA,CAACL,kBAAkB,IAAE,CAAC,eACtBK,IAAA,CAACJ,aAAa,IAAE,CAAC;MAAA,CACb,CAAC;IAAA,CACH;EAAC,CACQ,CAAC;AAEtB,CAAC;AAED,MAAMmB,MAAM,GAAG5B,UAAU,CAACqC,MAAM,CAAC;EAC/BR,IAAI,EAAE;IACJS,IAAI,EAAE;EACR,CAAC;EACDR,KAAK,EAAE;IACLS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDN,SAAS,EAAE;IAAEO,KAAK,EAAErC,MAAM,CAACsC;EAAU,CAAC;EACtCP,MAAM,EAAE;IACNQ,MAAM,EAAE,GAAG;IACXJ,aAAa,EAAE,KAAK;IACpBK,SAAS,EAAEzC,OAAO,CAAC,GAAG,CAAC;IACvB0C,GAAG,EAAE1C,OAAO,CAAC,GAAG,CAAC;IACjB2C,MAAM,EAAE;EACV,CAAC;EACDV,MAAM,EAAE;IACNE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBK,SAAS,EAAEzC,OAAO,CAAC,GAAG,CAAC;IACvB0C,GAAG,EAAE1C,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","useWindowDimensions","Button","ButtonVariant","Typography","HeadingVariants","SPACING","COLORS","useText","StartBanner","DayStreakCounter","SelectMathOperator","FluencyMatrix","FluencyProvider","isWeb","MenuIcon","BURGER_MENU_BREAKPOINT","jsx","_jsx","jsxs","_jsxs","Fluency","model","onMenuPress","onStartPress","onPracticePress","onModeSelectPress","t","dimensions","withMenuButton","width","value","children","style","styles","container","titleRow","burgerMenu","onPress","variant","TERTIARY","icon","size","H2","title","header","matrixContainer","operatorWrapper","create","flexDirection","alignItems","marginRight","color","NEUTRAL_9","height","marginTop","gap","zIndex","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/Fluency.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/FluencySolving.js

@@ -4,37 +4,33 @@ import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { COLORS } from '@magmamath/react-native-ui';
 import { FluencyProvider } from "../context/FluencyContext.js";
-import { FluencySolvingHeader } from "./fluency-solving/components/FluencySolvingHeader.js";
-import { FluencySolvingProgress } from "./fluency-solving/components/FluencySolvingProgress.js";
-import { FluencySolvingCard } from "./fluency-solving/components/FluencySolvingCard.js";
-import { FluencySessionResults } from "./session-results/FluencySessionResults.js";
-import { usePreventPageLeave } from "../hooks/usePreventPageLeave.js";
+import { FluencySolvingHeader } from "./fluency-solving/FluencySolvingHeader.js";
+import { FluencySolvingProgress } from "./fluency-solving/FluencySolvingProgress.js";
+import { FluencySolvingCard } from "./fluency-solving/FluencySolvingCard.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FluencySolving = ({
   model,
-  onClosePress,
-  onEndModalPress
+  onClosePress
 }) => {
-  usePreventPageLeave();
-  return /*#__PURE__*/_jsxs(FluencyProvider, {
+  return /*#__PURE__*/_jsx(FluencyProvider, {
     value: {
       model
     },
-    children: [/*#__PURE__*/_jsxs(View, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: styles.container,
       children: [/*#__PURE__*/_jsx(FluencySolvingHeader, {
         onClosePress: onClosePress
-      }), /*#__PURE__*/_jsx(FluencySolvingProgress, {}), /*#__PURE__*/_jsx(FluencySolvingCard, {})]
-    }), /*#__PURE__*/_jsx(FluencySessionResults, {
-      onClosePress: onClosePress,
-      onEndModalPress: onEndModalPress
-    })]
+      }), /*#__PURE__*/_jsx(FluencySolvingProgress, {
+        total: 20,
+        activeIndex: 4
+      }), /*#__PURE__*/_jsx(FluencySolvingCard, {})]
+    })
   });
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: COLORS.NEUTRAL_3
+    backgroundColor: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=FluencySolving.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","COLORS","FluencyProvider","FluencySolvingHeader","FluencySolvingProgress","FluencySolvingCard","FluencySessionResults","usePreventPageLeave","jsx","_jsx","jsxs","_jsxs","FluencySolving","model","onClosePress","onEndModalPress","value","children","style","styles","container","create","flex","backgroundColor","NEUTRAL_3"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,eAAe,QAAQ,8BAA2B;AAC3D,SAASC,oBAAoB,QAAQ,sDAAmD;AACxF,SAASC,sBAAsB,QAAQ,wDAAqD;AAC5F,SAASC,kBAAkB,QAAQ,oDAAiD;AACpF,SAASC,qBAAqB,QAAQ,4CAAyC;AAC/E,SAASC,mBAAmB,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASlE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAqC,CAAC,KAAK;EAC/FR,mBAAmB,CAAC,CAAC;EAErB,oBACEI,KAAA,CAACT,eAAe;IAACc,KAAK,EAAE;MAAEH;IAAM,CAAE;IAAAI,QAAA,gBAChCN,KAAA,CAACZ,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BR,IAAA,CAACN,oBAAoB;QAACW,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpDL,IAAA,CAACL,sBAAsB,IAAE,CAAC,eAC1BK,IAAA,CAACJ,kBAAkB,IAAE,CAAC;IAAA,CAClB,CAAC,eAEPI,IAAA,CAACH,qBAAqB;MAACQ,YAAY,EAAEA,YAAa;MAACC,eAAe,EAAEA;IAAgB,CAAE,CAAC;EAAA,CACxE,CAAC;AAEtB,CAAC;AAED,MAAMI,MAAM,GAAGnB,UAAU,CAACqB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEtB,MAAM,CAACuB;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","COLORS","FluencyProvider","FluencySolvingHeader","FluencySolvingProgress","FluencySolvingCard","jsx","_jsx","jsxs","_jsxs","FluencySolving","model","onClosePress","value","children","style","styles","container","total","activeIndex","create","flex","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,8BAA2B;AAC3D,SAASC,oBAAoB,QAAQ,2CAAwC;AAC7E,SAASC,sBAAsB,QAAQ,6CAA0C;AACjF,SAASC,kBAAkB,QAAQ,yCAAsC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOzE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAkC,CAAC,KAAK;EAC9E,oBACEL,IAAA,CAACL,eAAe;IAACW,KAAK,EAAE;MAAEF;IAAM,CAAE;IAAAG,QAAA,eAChCL,KAAA,CAACV,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BP,IAAA,CAACJ,oBAAoB;QAACS,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpDL,IAAA,CAACH,sBAAsB;QAACc,KAAK,EAAE,EAAG;QAACC,WAAW,EAAE;MAAE,CAAE,CAAC,eACrDZ,IAAA,CAACF,kBAAkB,IAAE,CAAC;IAAA,CAClB;EAAC,CACQ,CAAC;AAEtB,CAAC;AAED,MAAMW,MAAM,GAAGhB,UAAU,CAACoB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,eAAe,EAAErB,MAAM,CAACsB;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,43 +3,37 @@
 import { BORDER_RADIUS, COLORS, CorrectIcon, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { StreakStatus } from "../../fluency.constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const STATUS_STYLES = {
-  [StreakStatus.GAINED]: {
-    circle: {
-      backgroundColor: COLORS.PRIMARY_YELLOW,
-      borderWidth: 1,
-      borderColor: COLORS.NEUTRAL_3
-    },
-    label: {
-      color: COLORS.PRIMARY_YELLOW
-    },
-    hasIcon: true
-  },
-  [StreakStatus.TODAY]: {
-    circle: {
-      backgroundColor: COLORS.NEUTRAL_2,
-      borderWidth: 3,
-      borderColor: COLORS.YELLOW_6
-    },
-    label: {
-      color: COLORS.YELLOW_6
-    },
-    hasIcon: false
-  },
-  [StreakStatus.TODAY_GAINED]: {
-    circle: {
-      backgroundColor: COLORS.PRIMARY_YELLOW,
-      borderWidth: 3,
-      borderColor: COLORS.YELLOW_6
-    },
-    label: {
-      color: COLORS.YELLOW_6
-    },
-    hasIcon: true
-  },
-  [StreakStatus.MISSED]: {
+const CIRCLE_SIZE = SPACING[800];
+const CIRCLE_BORDER_RADIUS = BORDER_RADIUS[400];
+const getStatusStyle = (status, streakColor) => {
+  if (status === 'gained') {
+    return {
+      circle: {
+        backgroundColor: streakColor.gained,
+        borderWidth: 1,
+        borderColor: COLORS.NEUTRAL_3
+      },
+      label: {
+        color: streakColor.gained
+      },
+      hasIcon: true
+    };
+  }
+  if (status === 'today') {
+    return {
+      circle: {
+        backgroundColor: COLORS.NEUTRAL_2,
+        borderWidth: 3,
+        borderColor: streakColor.todayBorder
+      },
+      label: {
+        color: streakColor.todayBorder
+      },
+      hasIcon: false
+    };
+  }
+  return {
     circle: {
       backgroundColor: COLORS.NEUTRAL_2,
       borderWidth: 1,
@@ -49,17 +43,18 @@ const STATUS_STYLES = {
       color: COLORS.NEUTRAL_4
     },
     hasIcon: false
-  }
+  };
 };
 export const StreakDay = ({
   label,
-  status
+  status,
+  streakColor
 }) => {
   const {
     circle,
     label: labelStyle,
     hasIcon
-  } = STATUS_STYLES[status];
+  } = getStatusStyle(status, streakColor);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
@@ -80,9 +75,9 @@ const styles = StyleSheet.create({
     gap: SPACING[100]
   },
   circle: {
-    width: SPACING[800],
-    height: SPACING[800],
-    borderRadius: BORDER_RADIUS[400],
+    width: CIRCLE_SIZE,
+    height: CIRCLE_SIZE,
+    borderRadius: CIRCLE_BORDER_RADIUS,
     alignItems: 'center',
     justifyContent: 'center'
   }

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

@@ -1 +1 @@
-{"version":3,"names":["BORDER_RADIUS","COLORS","CorrectIcon","HeadingVariants","SPACING","Typography","React","StyleSheet","View","StreakStatus","jsx","_jsx","jsxs","_jsxs","STATUS_STYLES","GAINED","circle","backgroundColor","PRIMARY_YELLOW","borderWidth","borderColor","NEUTRAL_3","label","color","hasIcon","TODAY","NEUTRAL_2","YELLOW_6","TODAY_GAINED","MISSED","NEUTRAL_4","StreakDay","status","labelStyle","style","styles","container","children","NEUTRAL_1","variant","H3","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":["BORDER_RADIUS","COLORS","CorrectIcon","HeadingVariants","SPACING","Typography","React","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","CIRCLE_SIZE","CIRCLE_BORDER_RADIUS","getStatusStyle","status","streakColor","circle","backgroundColor","gained","borderWidth","borderColor","NEUTRAL_3","label","color","hasIcon","NEUTRAL_2","todayBorder","NEUTRAL_4","StreakDay","labelStyle","style","styles","container","children","NEUTRAL_1","variant","H3","create","alignItems","gap","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreak.tsx"],"mappings":";;AAAA,SACEA,aAAa,EACbC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,OAAO,EACPC,UAAU,QACL,4BAA4B;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAaC,IAAI,QAAmB,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrE,MAAMC,WAAW,GAAGT,OAAO,CAAC,GAAG,CAAC;AAChC,MAAMU,oBAAoB,GAAGd,aAAa,CAAC,GAAG,CAAC;AAgB/C,MAAMe,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,EAAErB,MAAM,CAACsB;MAAU,CAAC;MAC9FC,KAAK,EAAE;QAAEC,KAAK,EAAER,WAAW,CAACG;MAAO,CAAC;MACpCM,OAAO,EAAE;IACX,CAAC;EACH;EACA,IAAIV,MAAM,KAAK,OAAO,EAAE;IACtB,OAAO;MACLE,MAAM,EAAE;QAAEC,eAAe,EAAElB,MAAM,CAAC0B,SAAS;QAAEN,WAAW,EAAE,CAAC;QAAEC,WAAW,EAAEL,WAAW,CAACW;MAAY,CAAC;MACnGJ,KAAK,EAAE;QAAEC,KAAK,EAAER,WAAW,CAACW;MAAY,CAAC;MACzCF,OAAO,EAAE;IACX,CAAC;EACH;EACA,OAAO;IACLR,MAAM,EAAE;MAAEC,eAAe,EAAElB,MAAM,CAAC0B,SAAS;MAAEN,WAAW,EAAE,CAAC;MAAEC,WAAW,EAAErB,MAAM,CAACsB;IAAU,CAAC;IAC5FC,KAAK,EAAE;MAAEC,KAAK,EAAExB,MAAM,CAAC4B;IAAU,CAAC;IAClCH,OAAO,EAAE;EACX,CAAC;AACH,CAAC;AAED,OAAO,MAAMI,SAAS,GAAGA,CAAC;EAAEN,KAAK;EAAER,MAAM;EAAEC;AAA4B,CAAC,KAAK;EAC3E,MAAM;IAAEC,MAAM;IAAEM,KAAK,EAAEO,UAAU;IAAEL;EAAQ,CAAC,GAAGX,cAAc,CAACC,MAAM,EAAEC,WAAW,CAAC;EAElF,oBACEL,KAAA,CAACJ,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BzB,IAAA,CAACF,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACf,MAAM,EAAEA,MAAM,CAAE;MAAAiB,QAAA,EAClCT,OAAO,iBAAIhB,IAAA,CAACR,WAAW;QAACuB,KAAK,EAAExB,MAAM,CAACmC;MAAU,CAAE;IAAC,CAChD,CAAC,eACP1B,IAAA,CAACL,UAAU;MAACgC,OAAO,EAAElC,eAAe,CAACmC,EAAG;MAACN,KAAK,EAAED,UAAW;MAAAI,QAAA,EACxDX;IAAK,CACI,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAG1B,UAAU,CAACgC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAErC,OAAO,CAAC,GAAG;EAClB,CAAC;EACDc,MAAM,EAAE;IACNwB,KAAK,EAAE7B,WAAW;IAClB8B,MAAM,EAAE9B,WAAW;IACnB+B,YAAY,EAAE9B,oBAAoB;IAClC0B,UAAU,EAAE,QAAQ;IACpBK,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,53 +2,51 @@
 
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { BORDER_RADIUS, COLORS, FONT_FAMILY, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
 import { StreakDay } from "./DayStreak.js";
+import { useFluencyModePreset } from "../../hooks/useFluencyModePreset.js";
 import { useText } from "../../../../i18n/i18n.js";
-import { useFluency } from "../../context/FluencyContext.js";
-import { useStoreMap } from 'effector-react';
-import { StreakStatus } from "../../fluency.constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 StreakStatus.TODAY_GAINED;
-    if (isPracticed) return StreakStatus.GAINED;
-    if (isToday) return StreakStatus.TODAY;
-    return StreakStatus.MISSED;
-  });
-};
 export const DayStreakCounter = () => {
   const t = useText();
   const {
-    model
-  } = useFluency();
-  const statuses = useStoreMap(model.streak.$stats, stats => stats ? generateStreakDates(stats) : []);
+    header
+  } = useFluencyModePreset();
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(Typography, {
       style: styles.label,
       children: t('student.fluency.practiceThisWeek')
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/_jsxs(View, {
       style: styles.streakDays,
-      children: DAY_LABEL_KEYS.map((key, i) => /*#__PURE__*/_jsx(StreakDay, {
-        label: t(key),
-        status: statuses[i] ?? StreakStatus.MISSED
-      }, key))
+      children: [/*#__PURE__*/_jsx(StreakDay, {
+        label: t('student.fluency.dayMonday'),
+        status: "gained",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/_jsx(StreakDay, {
+        label: t('student.fluency.dayTuesday'),
+        status: "gained",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/_jsx(StreakDay, {
+        label: t('student.fluency.dayWednesday'),
+        status: "missed",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/_jsx(StreakDay, {
+        label: t('student.fluency.dayThursday'),
+        status: "today",
+        streakColor: header.streakColor
+      }), /*#__PURE__*/_jsx(StreakDay, {
+        label: t('student.fluency.dayFriday'),
+        status: "gained",
+        streakColor: header.streakColor
+      })]
     })]
   });
 };
 const styles = StyleSheet.create({
   container: {
+    height: '100%',
     width: 230,
-    height: 110,
     paddingVertical: SPACING[200],
     paddingHorizontal: SPACING[400],
     borderRadius: BORDER_RADIUS[300],
@@ -56,9 +54,8 @@ const styles = StyleSheet.create({
     ...SHADOWS[1]
   },
   label: {
-    fontSize: 12,
+    fontSize: SPACING[300],
     fontWeight: '700',
-    fontFamily: FONT_FAMILY.buenosAires,
     color: COLORS.NEUTRAL_8
   },
   streakDays: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","FONT_FAMILY","SHADOWS","SPACING","Typography","StreakDay","useText","useFluency","useStoreMap","StreakStatus","jsx","_jsx","jsxs","_jsxs","ONE_DAY_MS","DAY_LABEL_KEYS","generateStreakDates","stats","todayMs","Date","setHours","startMs","weekStart","practiced","Set","practicedDates","map","d","i","dayMs","isPracticed","has","isToday","TODAY_GAINED","GAINED","TODAY","MISSED","DayStreakCounter","t","model","statuses","streak","$stats","style","styles","container","children","label","streakDays","key","status","create","width","height","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","NEUTRAL_1","fontSize","fontWeight","fontFamily","buenosAires","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","Typography","StreakDay","useFluencyModePreset","useText","jsx","_jsx","jsxs","_jsxs","DayStreakCounter","t","header","style","styles","container","children","label","streakDays","status","streakColor","create","height","width","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","NEUTRAL_1","fontSize","fontWeight","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAChG,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,oBAAoB,QAAQ,qCAAkC;AACvE,SAASC,OAAO,QAAQ,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,CAAC,GAAGN,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEO;EAAO,CAAC,GAAGR,oBAAoB,CAAC,CAAC;EAEzC,oBACEK,KAAA,CAACb,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACL,UAAU;MAACW,KAAK,EAAEC,MAAM,CAACG,KAAM;MAAAD,QAAA,EAAEL,CAAC,CAAC,kCAAkC;IAAC,CAAa,CAAC,eAErFF,KAAA,CAACb,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACI,UAAW;MAAAF,QAAA,gBAC7BT,IAAA,CAACJ,SAAS;QACRc,KAAK,EAAEN,CAAC,CAAC,2BAA2B,CAAE;QACtCQ,MAAM,EAAC,QAAQ;QACfC,WAAW,EAAER,MAAM,CAACQ;MAAY,CACjC,CAAC,eACFb,IAAA,CAACJ,SAAS;QACRc,KAAK,EAAEN,CAAC,CAAC,4BAA4B,CAAE;QACvCQ,MAAM,EAAC,QAAQ;QACfC,WAAW,EAAER,MAAM,CAACQ;MAAY,CACjC,CAAC,eACFb,IAAA,CAACJ,SAAS;QACRc,KAAK,EAAEN,CAAC,CAAC,8BAA8B,CAAE;QACzCQ,MAAM,EAAC,QAAQ;QACfC,WAAW,EAAER,MAAM,CAACQ;MAAY,CACjC,CAAC,eACFb,IAAA,CAACJ,SAAS;QACRc,KAAK,EAAEN,CAAC,CAAC,6BAA6B,CAAE;QACxCQ,MAAM,EAAC,OAAO;QACdC,WAAW,EAAER,MAAM,CAACQ;MAAY,CACjC,CAAC,eACFb,IAAA,CAACJ,SAAS;QACRc,KAAK,EAAEN,CAAC,CAAC,2BAA2B,CAAE;QACtCQ,MAAM,EAAC,QAAQ;QACfC,WAAW,EAAER,MAAM,CAACQ;MAAY,CACjC,CAAC;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGjB,UAAU,CAACwB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,GAAG;IACVC,eAAe,EAAEvB,OAAO,CAAC,GAAG,CAAC;IAC7BwB,iBAAiB,EAAExB,OAAO,CAAC,GAAG,CAAC;IAC/ByB,YAAY,EAAE5B,aAAa,CAAC,GAAG,CAAC;IAChC6B,eAAe,EAAE5B,MAAM,CAAC6B,SAAS;IACjC,GAAG5B,OAAO,CAAC,CAAC;EACd,CAAC;EACDiB,KAAK,EAAE;IACLY,QAAQ,EAAE5B,OAAO,CAAC,GAAG,CAAC;IACtB6B,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEhC,MAAM,CAACiC;EAChB,CAAC;EACDd,UAAU,EAAE;IACVe,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,EAAE;IACbC,GAAG,EAAElC,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { COLORS, FONT_FAMILY, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useFluencyModePreset } from "../../hooks/useFluencyModePreset.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const EquationContent = ({
+  leftOperand,
+  rightOperand,
+  input = ''
+}) => {
+  const uiMode = useFluencyModePreset();
+  const OperatorIcon = uiMode.operatorIcon;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H9,
+      style: styles.cardLabel,
+      children: "Type your answer"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.equationRow,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        style: styles.number,
+        children: leftOperand
+      }), /*#__PURE__*/_jsx(OperatorIcon, {
+        color: uiMode.accentColor,
+        size: 36
+      }), /*#__PURE__*/_jsx(Typography, {
+        style: styles.number,
+        children: rightOperand
+      }), /*#__PURE__*/_jsx(Typography, {
+        style: styles.equals,
+        children: "="
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.answerBox,
+        children: /*#__PURE__*/_jsx(Typography, {
+          style: [styles.number, styles.answerText, {
+            color: uiMode.accentColor
+          }],
+          children: input
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  cardLabel: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 1.3,
+    marginBottom: SPACING[300],
+    color: COLORS.NEUTRAL_7
+  },
+  equationRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    marginTop: SPACING[600]
+  },
+  number: {
+    fontSize: 60,
+    color: COLORS.NEUTRAL_10,
+    fontWeight: '700',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  equals: {
+    fontSize: 60,
+    color: COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  answerBox: {
+    width: 100,
+    height: 44,
+    alignItems: 'center',
+    borderBottomWidth: 8,
+    borderBottomColor: COLORS.NEUTRAL_10
+  },
+  answerText: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=EquationContent.js.map

package/dist/module/features/fluency/components/fluency-solving/EquationContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","COLORS","FONT_FAMILY","HeadingVariants","SPACING","Typography","useFluencyModePreset","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EquationContent","leftOperand","rightOperand","input","uiMode","OperatorIcon","operatorIcon","children","variant","H9","style","styles","cardLabel","equationRow","number","color","accentColor","size","equals","answerBox","answerText","create","fontSize","fontWeight","letterSpacing","marginBottom","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","buenosAires","width","height","borderBottomWidth","borderBottomColor","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/EquationContent.tsx"],"mappings":"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","ignoreList":[]}