@magmamath/students-features 1.3.26-rc.6 → 1.3.26-rc.7

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","Typography","StreakDay","useFluencyModePreset","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","has","GAINED","TODAY","MISSED","DayStreakCounter","t","model","modePreset","statuses","streak","$stats","style","styles","container","children","label","streakDays","key","status","streakColor","colors","create","width","height","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":"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","ignoreList":[]}
+{"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":[]}

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

@@ -3,6 +3,7 @@
 import React, { useRef } from 'react';
 import { View, StyleSheet, TextInput, Platform } from 'react-native';
 import { COLORS, FONT_FAMILY, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../../i18n/i18n.js";
 import { useFluencySolvingPreset } from "../../../hooks/useFluencySolvingPreset.js";
 import { usePreventWebKeys } from "../../../hooks/usePreventWebKeys.js";
 import { MAX_INPUT_LENGTH } from "../../../fluency.constants.js";
@@ -15,6 +16,7 @@ export const EquationContent = ({
   readOnly = false,
   onChange
 }) => {
+  const t = useText();
   const modePreset = useFluencySolvingPreset();
   const inputRef = useRef(null);
   usePreventWebKeys({
@@ -26,7 +28,7 @@ export const EquationContent = ({
     children: [/*#__PURE__*/_jsx(Typography, {
       variant: HeadingVariants.H9,
       style: styles.cardLabel,
-      children: "Type your answer"
+      children: t('student.fluency.typeYourAnswer')
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.equationRow,
       children: [/*#__PURE__*/_jsx(Typography, {
@@ -75,7 +77,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: '700',
     letterSpacing: 1.3,
-    marginBottom: SPACING[300],
+    marginBottom: SPACING[500],
     color: COLORS.NEUTRAL_7
   },
   equationRow: {
@@ -85,20 +87,21 @@ const styles = StyleSheet.create({
     marginTop: SPACING[600]
   },
   number: {
-    fontSize: 60,
+    fontSize: 75,
     color: COLORS.NEUTRAL_10,
     fontWeight: '700',
     fontFamily: FONT_FAMILY.buenosAires
   },
   equals: {
-    fontSize: 60,
+    fontSize: 75,
     color: COLORS.NEUTRAL_7,
     fontWeight: '700',
     fontFamily: FONT_FAMILY.buenosAires
   },
   answerBox: {
-    width: 110,
+    width: 130,
     height: 44,
+    marginBottom: -SPACING[800],
     alignItems: 'center',
     borderBottomWidth: 8,
     borderBottomColor: COLORS.NEUTRAL_10

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","View","StyleSheet","TextInput","Platform","COLORS","FONT_FAMILY","HeadingVariants","SPACING","Typography","useFluencySolvingPreset","usePreventWebKeys","MAX_INPUT_LENGTH","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CURSOR_MOVE_KEYS","EquationContent","leftOperand","rightOperand","value","readOnly","onChange","modePreset","inputRef","ref","keys","enabled","children","variant","H9","style","styles","cardLabel","equationRow","number","color","colors","accent","symbol","equals","answerBox","length","borderBottomColor","onChangeText","keyboardType","maxLength","selection","start","end","answerInput","autoFocus","answerText","create","fontSize","fontWeight","letterSpacing","marginBottom","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","buenosAires","width","height","borderBottomWidth","position","bottom","textAlign","borderWidth","backgroundColor","OS","outlineStyle","caretColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/EquationContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","View","StyleSheet","TextInput","Platform","COLORS","FONT_FAMILY","HeadingVariants","SPACING","Typography","useText","useFluencySolvingPreset","usePreventWebKeys","MAX_INPUT_LENGTH","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CURSOR_MOVE_KEYS","EquationContent","leftOperand","rightOperand","value","readOnly","onChange","t","modePreset","inputRef","ref","keys","enabled","children","variant","H9","style","styles","cardLabel","equationRow","number","color","colors","accent","symbol","equals","answerBox","length","borderBottomColor","onChangeText","keyboardType","maxLength","selection","start","end","answerInput","autoFocus","answerText","create","fontSize","fontWeight","letterSpacing","marginBottom","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","buenosAires","width","height","borderBottomWidth","position","bottom","textAlign","borderWidth","backgroundColor","OS","outlineStyle","caretColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/EquationContent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,63 +3,79 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { COLORS, SPACING } from '@magmamath/react-native-ui';
-import { AttemptStatus } from "../../../fluency.constants.js";
+import { AttemptStatus, SESSION_LENGTH } from "../../../fluency.constants.js";
+import { FluencySolvingProgressDot } from "./FluencySolvingProgressDot.js";
+import { useFluency } from "../../../context/FluencyContext.js";
+import { useUnit } from 'effector-react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const FluencySolvingProgress = ({
-  total,
+const GROUP_SIZE = 5;
+const ProgressDot = ({
+  index,
   activeIndex,
-  outcomes
+  outcome
 }) => {
+  if (index === activeIndex) return /*#__PURE__*/_jsx(FluencySolvingProgressDot, {});
+  if (index < activeIndex && outcome) return /*#__PURE__*/_jsx(View, {
+    style: DOT_STYLE_BY_OUTCOME[outcome.status]
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.dot
+  });
+};
+export const FluencySolvingProgress = () => {
+  const {
+    model
+  } = useFluency();
+  const outcomes = useUnit(model.solving.$outcomes);
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: Array.from({
-      length: total
-    }).map((_, index) => {
-      if (index === activeIndex) return /*#__PURE__*/_jsx(View, {
-        style: styles.dotActive
-      }, index);
-      if (index < activeIndex) {
-        const outcome = outcomes[index];
-        return /*#__PURE__*/_jsx(View, {
-          style: outcome ? DOT_STYLE_BY_OUTCOME[outcome.status] : styles.dot
+      length: SESSION_LENGTH / GROUP_SIZE
+    }, (_, groupIndex) => /*#__PURE__*/_jsx(View, {
+      style: styles.group,
+      children: Array.from({
+        length: GROUP_SIZE
+      }, (_, dotIndex) => {
+        const index = groupIndex * GROUP_SIZE + dotIndex;
+        return /*#__PURE__*/_jsx(ProgressDot, {
+          index: index,
+          activeIndex: outcomes.length,
+          outcome: outcomes[index]
         }, index);
-      }
-      return /*#__PURE__*/_jsx(View, {
-        style: styles.dot
-      }, index);
-    })
+      })
+    }, groupIndex))
   });
 };
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    gap: SPACING[200],
+    gap: SPACING[500],
     paddingHorizontal: SPACING[600],
     paddingVertical: 14,
-    justifyContent: 'center'
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  group: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
   },
   dot: {
-    width: 12,
-    height: 12,
-    borderRadius: 6,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
     backgroundColor: COLORS.NEUTRAL_4
   },
-  dotActive: {
-    width: 34,
-    height: 12,
-    backgroundColor: COLORS.NEUTRAL_10,
-    borderRadius: 9999
-  },
   dotCorrect: {
-    width: 12,
-    height: 12,
-    borderRadius: 6,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
     backgroundColor: COLORS.PRIMARY_GREEN
   },
   dotWrong: {
-    width: 12,
-    height: 12,
-    borderRadius: 6,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
     backgroundColor: COLORS.PRIMARY_RED
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","COLORS","SPACING","AttemptStatus","jsx","_jsx","FluencySolvingProgress","total","activeIndex","outcomes","style","styles","container","children","Array","from","length","map","_","index","dotActive","outcome","DOT_STYLE_BY_OUTCOME","status","dot","create","flexDirection","gap","paddingHorizontal","paddingVertical","justifyContent","width","height","borderRadius","backgroundColor","NEUTRAL_4","NEUTRAL_10","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","CORRECT","INCORRECT","SKIPPED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,aAAa,QAAQ,+BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAS1D,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,oBACEJ,IAAA,CAACN,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAET;IAAM,CAAC,CAAC,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;MAC/C,IAAIA,KAAK,KAAKX,WAAW,EAAE,oBAAOH,IAAA,CAACN,IAAI;QAAaW,KAAK,EAAEC,MAAM,CAACS;MAAU,GAA/BD,KAAiC,CAAC;MAC/E,IAAIA,KAAK,GAAGX,WAAW,EAAE;QACvB,MAAMa,OAAO,GAAGZ,QAAQ,CAACU,KAAK,CAAC;QAC/B,oBACEd,IAAA,CAACN,IAAI;UAAaW,KAAK,EAAEW,OAAO,GAAGC,oBAAoB,CAACD,OAAO,CAACE,MAAM,CAAC,GAAGZ,MAAM,CAACa;QAAI,GAA1EL,KAA4E,CAAC;MAE5F;MACA,oBAAOd,IAAA,CAACN,IAAI;QAAaW,KAAK,EAAEC,MAAM,CAACa;MAAI,GAAzBL,KAA2B,CAAC;IAChD,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGX,UAAU,CAACyB,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACjB0B,iBAAiB,EAAE1B,OAAO,CAAC,GAAG,CAAC;IAC/B2B,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDN,GAAG,EAAE;IACHO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjC,MAAM,CAACkC;EAC1B,CAAC;EACDf,SAAS,EAAE;IACTW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVE,eAAe,EAAEjC,MAAM,CAACmC,UAAU;IAClCH,YAAY,EAAE;EAChB,CAAC;EACDI,UAAU,EAAE;IACVN,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjC,MAAM,CAACqC;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRR,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjC,MAAM,CAACuC;EAC1B;AACF,CAAC,CAAC;AAEF,MAAMlB,oBAAmD,GAAG;EAC1D,CAACnB,aAAa,CAACsC,OAAO,GAAG9B,MAAM,CAAC0B,UAAU;EAC1C,CAAClC,aAAa,CAACuC,SAAS,GAAG/B,MAAM,CAAC4B,QAAQ;EAC1C,CAACpC,aAAa,CAACwC,OAAO,GAAGhC,MAAM,CAACa;AAClC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","COLORS","SPACING","AttemptStatus","SESSION_LENGTH","FluencySolvingProgressDot","useFluency","useUnit","jsx","_jsx","GROUP_SIZE","ProgressDot","index","activeIndex","outcome","style","DOT_STYLE_BY_OUTCOME","status","styles","dot","FluencySolvingProgress","model","outcomes","solving","$outcomes","container","children","Array","from","length","_","groupIndex","group","dotIndex","create","flexDirection","gap","paddingHorizontal","paddingVertical","justifyContent","alignItems","width","height","borderRadius","backgroundColor","NEUTRAL_4","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","CORRECT","INCORRECT","SKIPPED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { cancelAnimation, Easing, interpolate, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { COLORS } from '@magmamath/react-native-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DOT_SIZE = 16;
+const RING_SPREAD_MIN = 4;
+const RING_SPREAD_MAX = 8;
+const RING_SIZE = DOT_SIZE + RING_SPREAD_MAX * 2;
+const RING_SCALE_MIN = (DOT_SIZE + RING_SPREAD_MIN * 2) / RING_SIZE;
+const RING_OPACITY_MIN = 0.06;
+const RING_OPACITY_MAX = 0.12;
+const PULSE_DURATION_MS = 800;
+export const FluencySolvingProgressDot = () => {
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    progress.value = withRepeat(withSequence(withTiming(1, {
+      duration: PULSE_DURATION_MS,
+      easing: Easing.inOut(Easing.ease)
+    }), withTiming(0, {
+      duration: PULSE_DURATION_MS,
+      easing: Easing.inOut(Easing.ease)
+    })), -1, false);
+    return () => cancelAnimation(progress);
+  }, [progress]);
+  const ringStyle = useAnimatedStyle(() => {
+    const scale = interpolate(progress.value, [0, 1], [RING_SCALE_MIN, 1]);
+    const opacity = interpolate(progress.value, [0, 1], [RING_OPACITY_MAX, RING_OPACITY_MIN]);
+    return {
+      opacity,
+      transform: [{
+        scale
+      }]
+    };
+  }, [progress]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.dot,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.ring, ringStyle]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  dot: {
+    width: DOT_SIZE,
+    height: DOT_SIZE,
+    borderRadius: DOT_SIZE / 2,
+    backgroundColor: COLORS.NEUTRAL_10
+  },
+  ring: {
+    position: 'absolute',
+    top: -RING_SPREAD_MAX,
+    left: -RING_SPREAD_MAX,
+    width: RING_SIZE,
+    height: RING_SIZE,
+    borderRadius: RING_SIZE / 2,
+    backgroundColor: COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=FluencySolvingProgressDot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","View","StyleSheet","Animated","cancelAnimation","Easing","interpolate","useAnimatedStyle","useSharedValue","withRepeat","withSequence","withTiming","COLORS","jsx","_jsx","DOT_SIZE","RING_SPREAD_MIN","RING_SPREAD_MAX","RING_SIZE","RING_SCALE_MIN","RING_OPACITY_MIN","RING_OPACITY_MAX","PULSE_DURATION_MS","FluencySolvingProgressDot","progress","value","duration","easing","inOut","ease","ringStyle","scale","opacity","transform","style","styles","dot","children","ring","create","width","height","borderRadius","backgroundColor","NEUTRAL_10","position","top","left"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/CellTooltip.js

@@ -31,13 +31,13 @@ const styles = StyleSheet.create({
   },
   label: {
     fontSize: 13,
-    lineHeight: 16,
     color: COLORS.NEUTRAL_9,
     textAlign: 'center'
   },
   arrow: {
     width: 0,
     height: 0,
+    marginTop: -4,
     borderLeftWidth: 9,
     borderRightWidth: 9,
     borderTopWidth: 12,

package/dist/module/features/fluency/components/matrix/components/CellTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","jsx","_jsx","jsxs","_jsxs","CellTooltip","label","style","styles","container","children","bubble","arrow","create","alignItems","backgroundColor","NEUTRAL_1","borderRadius","paddingHorizontal","paddingVertical","fontSize","lineHeight","color","NEUTRAL_9","textAlign","width","height","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpF,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrDF,KAAA,CAACV,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BR,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,MAAO;IAAAD,QAAA,eACzBR,IAAA,CAACP,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACF,KAAM;MAAAI,QAAA,EAAEJ;IAAK,CAAO;EAAC,CACrC,CAAC,eACPJ,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACI;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAED,MAAMJ,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,UAAU,EAAE;EACd,CAAC;EACDH,MAAM,EAAE;IACNI,eAAe,EAAEjB,MAAM,CAACkB,SAAS;IACjCC,YAAY,EAAEpB,aAAa,CAAC,GAAG,CAAC;IAChCqB,iBAAiB,EAAElB,OAAO,CAAC,GAAG,CAAC;IAC/BmB,eAAe,EAAEnB,OAAO,CAAC,GAAG,CAAC;IAC7B,GAAGD,OAAO,CAAC,CAAC;EACd,CAAC;EACDO,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAExB,MAAM,CAACyB,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDZ,KAAK,EAAE;IACLa,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAEnC,MAAM,CAACkB;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SHADOWS","SPACING","jsx","_jsx","jsxs","_jsxs","CellTooltip","label","style","styles","container","children","bubble","arrow","create","alignItems","backgroundColor","NEUTRAL_1","borderRadius","paddingHorizontal","paddingVertical","fontSize","color","NEUTRAL_9","textAlign","width","height","marginTop","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpF,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrDF,KAAA,CAACV,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BR,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACG,MAAO;IAAAD,QAAA,eACzBR,IAAA,CAACP,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACF,KAAM;MAAAI,QAAA,EAAEJ;IAAK,CAAO;EAAC,CACrC,CAAC,eACPJ,IAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACI;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAED,MAAMJ,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,UAAU,EAAE;EACd,CAAC;EACDH,MAAM,EAAE;IACNI,eAAe,EAAEjB,MAAM,CAACkB,SAAS;IACjCC,YAAY,EAAEpB,aAAa,CAAC,GAAG,CAAC;IAChCqB,iBAAiB,EAAElB,OAAO,CAAC,GAAG,CAAC;IAC/BmB,eAAe,EAAEnB,OAAO,CAAC,GAAG,CAAC;IAC7B,GAAGD,OAAO,CAAC,CAAC;EACd,CAAC;EACDO,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEvB,MAAM,CAACwB,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDX,KAAK,EAAE;IACLY,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAEnC,MAAM,CAACkB;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js

@@ -2,7 +2,8 @@
 
 import React, { useState } from 'react';
 import { Pressable, View, Text, StyleSheet } from 'react-native';
-import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
 import { getMasteryLevelByBox } from "../../../fluency.helpers.js";
 import { FluencyMasteryLevel } from "../../../fluency.constants.js";
 import { StarFillIcon } from "../../../assets/StarFillIcon.js";
@@ -28,9 +29,12 @@ export const MatrixCell = ({
   const deactivate = () => setIsActive(false);
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.wrapper, showTooltip && styles.wrapperActive],
-    children: [showTooltip && /*#__PURE__*/_jsx(View, {
-      style: styles.tooltipContainer,
-      pointerEvents: "none",
+    children: [showTooltip && /*#__PURE__*/_jsx(Animated.View, {
+      entering: FadeIn.duration(200),
+      exiting: FadeOut.duration(200),
+      style: [styles.tooltipContainer, {
+        pointerEvents: 'none'
+      }],
       children: /*#__PURE__*/_jsx(CellTooltip, {
         label: tooltipLabel
       })
@@ -66,16 +70,18 @@ const styles = StyleSheet.create({
   },
   tooltipContainer: {
     position: 'absolute',
-    bottom: '100%',
+    bottom: '80%',
     left: 0,
     right: 0,
     alignItems: 'center',
-    paddingBottom: SPACING[50]
+    paddingBottom: SPACING[50],
+    zIndex: 1
   },
   headerText: {
     fontSize: 12,
     fontWeight: '600',
-    color: COLORS.NEUTRAL_8
+    color: COLORS.NEUTRAL_2,
+    fontFamily: FONT_FAMILY.buenosAires
   },
   symbolText: {
     fontSize: 24,

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","View","Text","StyleSheet","BORDER_RADIUS","COLORS","SPACING","getMasteryLevelByBox","FluencyMasteryLevel","StarFillIcon","CellTooltip","jsx","_jsx","jsxs","_jsxs","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","style","styles","wrapper","wrapperActive","children","tooltipContainer","pointerEvents","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","color","PRIMARY_YELLOW","undefined","symbolText","headerText","create","flex","zIndex","borderRadius","alignItems","justifyContent","position","bottom","left","right","paddingBottom","fontSize","fontWeight","NEUTRAL_8","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC3E,SAASC,oBAAoB,QAAQ,6BAA0B;AAC/D,SAASC,mBAAmB,QAAQ,+BAA4B;AAChE,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,WAAW,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS3C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAA8B,CAAC,KAAK;EAClG,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMwB,YAAY,GAAGN,GAAG,GAAGV,oBAAoB,CAACU,GAAG,CAAC,GAAG,IAAI;EAC3D,MAAMO,UAAU,GAAGD,YAAY,KAAKf,mBAAmB,CAACiB,QAAQ;EAEhE,MAAMC,OAAO,GAAG,CAAC,MAAM;IACrB,IAAIH,YAAY,EAAE,OAAOJ,WAAW,CAACI,YAAY,CAAC;IAClD,IAAIL,QAAQ,EAAE,OAAOb,MAAM,CAACsB,SAAS;IACrC,OAAOtB,MAAM,CAACuB,SAAS;EACzB,CAAC,EAAE,CAAC;EAEJ,MAAMC,WAAW,GAAGR,QAAQ,IAAI,CAAC,CAACD,YAAY;EAE9C,MAAMU,QAAQ,GAAGA,CAAA,KAAMR,WAAW,CAAC,IAAI,CAAC;EACxC,MAAMS,UAAU,GAAGA,CAAA,KAAMT,WAAW,CAAC,KAAK,CAAC;EAE3C,oBACER,KAAA,CAACb,IAAI;IAAC+B,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEL,WAAW,IAAII,MAAM,CAACE,aAAa,CAAE;IAAAC,QAAA,GAChEP,WAAW,iBACVjB,IAAA,CAACX,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACI,gBAAiB;MAACC,aAAa,EAAC,MAAM;MAAAF,QAAA,eACxDxB,IAAA,CAACF,WAAW;QAACM,KAAK,EAAEI;MAAa,CAAE;IAAC,CAChC,CACP,eACDN,KAAA,CAACd,SAAS;MACRgC,KAAK,EAAE,CAACC,MAAM,CAACM,IAAI,EAAE;QAAEC,eAAe,EAAEd;MAAQ,CAAC,CAAE;MACnDe,SAAS,EAAEX,QAAS;MACpBY,UAAU,EAAEX,UAAW;MACvBY,SAAS,EAAEb,QAAS;MACpBc,UAAU,EAAEb,UAAW;MAAAK,QAAA,GAEtBZ,UAAU,iBAAIZ,IAAA,CAACH,YAAY;QAACoC,KAAK,EAAExB,QAAQ,GAAGhB,MAAM,CAACyC,cAAc,GAAGC;MAAU,CAAE,CAAC,EAEnF/B,KAAK,KAAK,IAAI,iBACbJ,IAAA,CAACV,IAAI;QAAC8B,KAAK,EAAE,OAAOhB,KAAK,KAAK,QAAQ,GAAGiB,MAAM,CAACe,UAAU,GAAGf,MAAM,CAACgB,UAAW;QAAAb,QAAA,EAC5EpB;MAAK,CACF,CACP;IAAA,CACQ,CAAC;EAAA,CACR,CAAC;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAG9B,UAAU,CAAC+C,MAAM,CAAC;EAC/BhB,OAAO,EAAE;IACPiB,IAAI,EAAE;EACR,CAAC;EACDhB,aAAa,EAAE;IACbiB,MAAM,EAAE;EACV,CAAC;EACDb,IAAI,EAAE;IACJY,IAAI,EAAE,CAAC;IACPE,YAAY,EAAEjD,aAAa,CAAC,GAAG,CAAC;IAChCkD,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,gBAAgB,EAAE;IAChBmB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRL,UAAU,EAAE,QAAQ;IACpBM,aAAa,EAAEtD,OAAO,CAAC,EAAE;EAC3B,CAAC;EACD2C,UAAU,EAAE;IACVY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBjB,KAAK,EAAExC,MAAM,CAAC0D;EAChB,CAAC;EACDf,UAAU,EAAE;IACVa,QAAQ,EAAE,EAAE;IACZhB,KAAK,EAAExC,MAAM,CAAC2D;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","Pressable","View","Text","StyleSheet","Animated","FadeIn","FadeOut","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","getMasteryLevelByBox","FluencyMasteryLevel","StarFillIcon","CellTooltip","jsx","_jsx","jsxs","_jsxs","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","style","styles","wrapper","wrapperActive","children","entering","duration","exiting","tooltipContainer","pointerEvents","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","color","PRIMARY_YELLOW","undefined","symbolText","headerText","create","flex","zIndex","borderRadius","alignItems","justifyContent","position","bottom","left","right","paddingBottom","fontSize","fontWeight","fontFamily","buenosAires","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,6 +3,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { BORDER_RADIUS, COLORS, HeadingVariants, SelectOptionColor, SPACING, Typography } from '@magmamath/react-native-ui';
+import { ProgressBarSparkles } from "./ProgressBarSparkles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREEN]: COLORS.PRIMARY_GREEN,
@@ -14,29 +15,44 @@ const PRIMARY_COLOR_MAP = {
   [SelectOptionColor.GREY]: COLORS.NEUTRAL_6,
   [SelectOptionColor.SUNSET]: COLORS.PRIMARY_RED
 };
+const SPARKLE_COLOR_MAP = {
+  [SelectOptionColor.GREEN]: COLORS.GREEN_3,
+  [SelectOptionColor.ORANGE]: COLORS.ORANGE_3,
+  [SelectOptionColor.BLUE]: COLORS.BLUE_3,
+  [SelectOptionColor.RED]: COLORS.RED_3,
+  [SelectOptionColor.YELLOW]: COLORS.YELLOW_3,
+  [SelectOptionColor.PURPLE]: COLORS.PURPLE_3,
+  [SelectOptionColor.GREY]: COLORS.NEUTRAL_4,
+  [SelectOptionColor.SUNSET]: COLORS.RED_3
+};
 export const ProgressBar = ({
   progress,
   color = SelectOptionColor.GREEN
 }) => {
-  const normalized = Math.round(Math.min(100, Math.max(0, progress)));
-  const fillColor = PRIMARY_COLOR_MAP[color];
-  const textColor = PRIMARY_COLOR_MAP[color];
+  const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
+  const variantColor = PRIMARY_COLOR_MAP[color];
+  const isComplete = progressRounded === 100;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.track,
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.fill, {
-          backgroundColor: fillColor,
-          width: `${normalized}%`
-        }]
-      })
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.trackWrapper,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.track,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.fill, {
+            backgroundColor: variantColor,
+            width: `${progressRounded}%`
+          }]
+        })
+      }), isComplete && /*#__PURE__*/_jsx(ProgressBarSparkles, {
+        color: SPARKLE_COLOR_MAP[color]
+      })]
     }), /*#__PURE__*/_jsxs(Typography, {
       variant: HeadingVariants.H10,
       style: {
-        color: textColor
+        color: variantColor
       },
-      children: [normalized, "%"]
+      children: [progressRounded, "%"]
     })]
   });
 };
@@ -47,8 +63,10 @@ const styles = StyleSheet.create({
     gap: SPACING[200],
     alignItems: 'center'
   },
+  trackWrapper: {
+    flex: 1
+  },
   track: {
-    flex: 1,
     height: 18,
     backgroundColor: COLORS.NEUTRAL_3,
     borderRadius: BORDER_RADIUS[450],

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","PRIMARY_COLOR_MAP","GREEN","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","ProgressBar","progress","color","normalized","Math","round","min","max","fillColor","textColor","style","styles","container","children","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,aAAa,EACbC,MAAM,EACNC,eAAe,EACfC,iBAAiB,EACjBC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,iBAAoD,GAAG;EAC3D,CAACP,iBAAiB,CAACQ,KAAK,GAAGV,MAAM,CAACW,aAAa;EAC/C,CAACT,iBAAiB,CAACU,MAAM,GAAGZ,MAAM,CAACa,cAAc;EACjD,CAACX,iBAAiB,CAACY,IAAI,GAAGd,MAAM,CAACe,YAAY;EAC7C,CAACb,iBAAiB,CAACc,GAAG,GAAGhB,MAAM,CAACiB,WAAW;EAC3C,CAACf,iBAAiB,CAACgB,MAAM,GAAGlB,MAAM,CAACmB,cAAc;EACjD,CAACjB,iBAAiB,CAACkB,MAAM,GAAGpB,MAAM,CAACqB,cAAc;EACjD,CAACnB,iBAAiB,CAACoB,IAAI,GAAGtB,MAAM,CAACuB,SAAS;EAC1C,CAACrB,iBAAiB,CAACsB,MAAM,GAAGxB,MAAM,CAACiB;AACrC,CAAC;AAOD,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAGzB,iBAAiB,CAACQ;AAAwB,CAAC,KAAK;EAC9F,MAAMkB,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,GAAG,CAAC,CAAC,EAAEN,QAAQ,CAAC,CAAC,CAAC;EACnE,MAAMO,SAAS,GAAGxB,iBAAiB,CAACkB,KAAK,CAAC;EAC1C,MAAMO,SAAS,GAAGzB,iBAAiB,CAACkB,KAAK,CAAC;EAC1C,oBACEnB,KAAA,CAACV,IAAI;IAACqC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BhC,IAAA,CAACR,IAAI;MAACqC,KAAK,EAAEC,MAAM,CAACG,KAAM;MAAAD,QAAA,eACxBhC,IAAA,CAACR,IAAI;QAACqC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAE;UAAEC,eAAe,EAAER,SAAS;UAAES,KAAK,EAAE,GAAGd,UAAU;QAAI,CAAC;MAAE,CAAE;IAAC,CACnF,CAAC,eACPpB,KAAA,CAACJ,UAAU;MAACuC,OAAO,EAAE1C,eAAe,CAAC2C,GAAI;MAACT,KAAK,EAAE;QAAER,KAAK,EAAEO;MAAU,CAAE;MAAAI,QAAA,GACnEV,UAAU,EAAC,GACd;IAAA,CAAY,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGvC,UAAU,CAACgD,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE5C,OAAO,CAAC,GAAG,CAAC;IACvB6C,GAAG,EAAE7C,OAAO,CAAC,GAAG,CAAC;IACjB8C,UAAU,EAAE;EACd,CAAC;EACDV,KAAK,EAAE;IACLW,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVV,eAAe,EAAEzC,MAAM,CAACoD,SAAS;IACjCC,YAAY,EAAEtD,aAAa,CAAC,GAAG,CAAC;IAChCuD,QAAQ,EAAE;EACZ,CAAC;EACDd,IAAI,EAAE;IACJW,MAAM,EAAE,MAAM;IACdE,YAAY,EAAEtD,aAAa,CAAC,GAAG;EACjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","ProgressBarSparkles","jsx","_jsx","jsxs","_jsxs","PRIMARY_COLOR_MAP","GREEN","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","SPARKLE_COLOR_MAP","GREEN_3","ORANGE_3","BLUE_3","RED_3","YELLOW_3","PURPLE_3","NEUTRAL_4","ProgressBar","progress","color","progressRounded","Math","round","min","max","variantColor","isComplete","style","styles","container","children","trackWrapper","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}