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

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingProgressDot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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;
+const FluencySolvingProgressDot = () => {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
+      duration: PULSE_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: PULSE_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(progress);
+  }, [progress]);
+  const ringStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_SCALE_MIN, 1]);
+    const opacity = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_OPACITY_MAX, RING_OPACITY_MIN]);
+    return {
+      opacity,
+      transform: [{
+        scale
+      }]
+    };
+  }, [progress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.dot,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.ring, ringStyle]
+    })
+  });
+};
+exports.FluencySolvingProgressDot = FluencySolvingProgressDot;
+const styles = _reactNative.StyleSheet.create({
+  dot: {
+    width: DOT_SIZE,
+    height: DOT_SIZE,
+    borderRadius: DOT_SIZE / 2,
+    backgroundColor: _reactNativeUi.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: _reactNativeUi.COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=FluencySolvingProgressDot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DOT_SIZE","RING_SPREAD_MIN","RING_SPREAD_MAX","RING_SIZE","RING_SCALE_MIN","RING_OPACITY_MIN","RING_OPACITY_MAX","PULSE_DURATION_MS","FluencySolvingProgressDot","progress","useSharedValue","useEffect","value","withRepeat","withSequence","withTiming","duration","easing","Easing","inOut","ease","cancelAnimation","ringStyle","useAnimatedStyle","scale","interpolate","opacity","transform","jsx","View","style","styles","dot","children","ring","exports","StyleSheet","create","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_10","position","top","left"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEV,qBAAM,CAACW,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDlB,KAAK,EAAE;IACLmB,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,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAET,qBAAM,CAACU,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDjB,KAAK,EAAE;IACLkB,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,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MatrixCell = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _fluencyHelpers = require("../../../fluency.helpers.js");
 var _fluencyConstants = require("../../../fluency.constants.js");
@@ -34,9 +35,12 @@ const MatrixCell = ({
   const deactivate = () => setIsActive(false);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.wrapper, showTooltip && styles.wrapperActive],
-    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tooltipContainer,
-      pointerEvents: "none",
+    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      entering: _reactNativeReanimated.FadeIn.duration(200),
+      exiting: _reactNativeReanimated.FadeOut.duration(200),
+      style: [styles.tooltipContainer, {
+        pointerEvents: 'none'
+      }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellTooltip.CellTooltip, {
         label: tooltipLabel
       })
@@ -73,16 +77,18 @@ const styles = _reactNative.StyleSheet.create({
   },
   tooltipContainer: {
     position: 'absolute',
-    bottom: '100%',
+    bottom: '80%',
     left: 0,
     right: 0,
     alignItems: 'center',
-    paddingBottom: _reactNativeUi.SPACING[50]
+    paddingBottom: _reactNativeUi.SPACING[50],
+    zIndex: 1
   },
   headerText: {
     fontSize: 12,
     fontWeight: '600',
-    color: _reactNativeUi.COLORS.NEUTRAL_8
+    color: _reactNativeUi.COLORS.NEUTRAL_2,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
   },
   symbolText: {
     fontSize: 24,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","NEUTRAL_8","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","entering","FadeIn","duration","exiting","FadeOut","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.ProgressBar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ProgressBarSparkles = require("./ProgressBarSparkles.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PRIMARY_COLOR_MAP = {
@@ -19,29 +20,44 @@ const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
   [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
 };
+const SPARKLE_COLOR_MAP = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.GREEN_3,
+  [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.ORANGE_3,
+  [_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.BLUE_3,
+  [_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.RED_3,
+  [_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.YELLOW_3,
+  [_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PURPLE_3,
+  [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_4,
+  [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.RED_3
+};
 const ProgressBar = ({
   progress,
   color = _reactNativeUi.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.track,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.fill, {
-          backgroundColor: fillColor,
-          width: `${normalized}%`
-        }]
-      })
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.trackWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.track,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.fill, {
+            backgroundColor: variantColor,
+            width: `${progressRounded}%`
+          }]
+        })
+      }), isComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBarSparkles.ProgressBarSparkles, {
+        color: SPARKLE_COLOR_MAP[color]
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
       variant: _reactNativeUi.HeadingVariants.H10,
       style: {
-        color: textColor
+        color: variantColor
       },
-      children: [normalized, "%"]
+      children: [progressRounded, "%"]
     })]
   });
 };
@@ -53,8 +69,10 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[200],
     alignItems: 'center'
   },
+  trackWrapper: {
+    flex: 1
+  },
   track: {
-    flex: 1,
     height: 18,
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
     borderRadius: _reactNativeUi.BORDER_RADIUS[450],

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","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","jsxs","View","style","styles","container","children","jsx","track","fill","backgroundColor","width","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBarSparkles","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","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","jsxs","View","style","styles","container","children","trackWrapper","jsx","track","fill","backgroundColor","width","ProgressBarSparkles","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBarSparkles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _SparkleIcon = require("../../assets/SparkleIcon.js");
+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; }
+// QUICK easing from Figma ≈ cubic-bezier(0.2, 0, 0, 1)
+const QUICK = _reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1);
+
+// Hold duration at End state before dissolving back to Start
+const END_HOLD_MS = 800;
+// Positions derived from Figma (15,73,87,135,204 px within ~230 px container)
+// Timing values from Figma interaction table
+const SPARKLE_CONFIGS = [{
+  leftPercent: 6.5,
+  topOffset: -3,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 31.7,
+  topOffset: 7,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 37.8,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}, {
+  leftPercent: 58.7,
+  topOffset: 5,
+  size: 20,
+  triggerDelay: 50,
+  appearDuration: 868,
+  dissolveDuration: 868
+}, {
+  leftPercent: 88.7,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}];
+const SparkleItem = ({
+  config,
+  color
+}) => {
+  const loop = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    // Loop value: 0 = Start (invisible), 1 = End (visible), 2 = dissolved back to Start
+    // Cycle: wait → SMART_ANIMATE to End → hold → DISSOLVE back → instant reset → repeat
+    loop.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withDelay)(config.triggerDelay, (0, _reactNativeReanimated.withTiming)(1, {
+      duration: config.appearDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withDelay)(END_HOLD_MS, (0, _reactNativeReanimated.withTiming)(2, {
+      duration: config.dissolveDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 0
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(loop);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const v = loop.value;
+    if (v <= 1) {
+      // SMART_ANIMATE phase: scale + rotation morph from Start → End
+      return {
+        opacity: v,
+        transform: [{
+          scale: v
+        }, {
+          rotate: `${(-90 + v * 90).toFixed(1)}deg`
+        }]
+      };
+    }
+    // DISSOLVE phase: fade out only, shape stays at End
+    return {
+      opacity: 2 - v,
+      transform: [{
+        scale: 1
+      }, {
+        rotate: '0deg'
+      }]
+    };
+  }, [loop]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.sparkle, animatedStyle, {
+      left: `${config.leftPercent}%`,
+      top: config.topOffset,
+      width: config.size,
+      height: config.size
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkleIcon.SparkleIcon, {
+      size: config.size,
+      color: color
+    })
+  });
+};
+const ProgressBarSparkles = ({
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: SPARKLE_CONFIGS.map((config, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(SparkleItem, {
+    config: config,
+    color: color
+  }, index))
+});
+exports.ProgressBarSparkles = ProgressBarSparkles;
+const styles = _reactNative.StyleSheet.create({
+  sparkle: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ProgressBarSparkles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_SparkleIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QUICK","Easing","bezier","END_HOLD_MS","SPARKLE_CONFIGS","leftPercent","topOffset","size","triggerDelay","appearDuration","dissolveDuration","SparkleItem","config","color","loop","useSharedValue","useEffect","value","withRepeat","withSequence","withDelay","withTiming","duration","easing","cancelAnimation","animatedStyle","useAnimatedStyle","v","opacity","transform","scale","rotate","toFixed","jsx","View","style","styles","sparkle","left","top","width","height","children","SparkleIcon","ProgressBarSparkles","Fragment","map","index","exports","StyleSheet","create","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBarSparkles.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -63,7 +63,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   symbol: {
     fontSize: 32,
-    fontWeight: '100'
+    fontWeight: '100',
+    color: _reactNativeUi.COLORS.NEUTRAL_9
   },
   symbolSelected: {
     color: _reactNativeUi.COLORS.NEUTRAL_1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _effectorReact = require("effector-react");
 var _studentsFeatures = require("@magmamath/students-features");
+var _i18n = require("../../../../i18n/i18n.js");
 var _FluencyContext = require("../../context/FluencyContext.js");
 var _fluencyConstants = require("../../fluency.constants.js");
 var _fluencySolvingHelpers = require("../fluency-solving/fluencySolving.helpers.js");
@@ -20,21 +21,26 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FluencySessionResults = ({
-  studentName,
   onClosePress,
   onEndModalPress
 }) => {
   const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const t = (0, _i18n.useText)();
   const {
     model
   } = (0, _FluencyContext.useFluency)();
   const {
     outcomes,
-    completedDurationMs
+    completedDurationMs,
+    isSessionComplete,
+    config
   } = (0, _effectorReact.useUnit)({
     outcomes: model.solving.$outcomes,
-    completedDurationMs: model.solving.$completedDurationMs
+    completedDurationMs: model.solving.$completedDurationMs,
+    isSessionComplete: model.solving.$isSessionComplete,
+    config: model.$config
   });
+  if (!isSessionComplete) return null;
   const correctCount = outcomes.filter(o => o.status === _fluencyConstants.AttemptStatus.CORRECT).length;
   const maxStreak = (0, _fluencySolvingHelpers.calculateMaxStreak)(outcomes);
   const durationDisplay = (0, _fluencySolvingHelpers.formatSessionDuration)(completedDurationMs);
@@ -47,12 +53,14 @@ const FluencySessionResults = ({
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.container,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.snurrisnurrLayer,
-          pointerEvents: "none",
+          style: [styles.snurrisnurrLayer, {
+            pointerEvents: 'none'
+          }],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnurrisnurrBg.SnurrisnurrBg, {})
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.trophyLayer,
-          pointerEvents: "none",
+          style: [styles.trophyLayer, {
+            pointerEvents: 'none'
+          }],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrophyBg.TrophyBg, {})
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.close,
@@ -72,16 +80,18 @@ const FluencySessionResults = ({
           style: styles.titleContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.title,
-            children: "Checked and done"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            children: t('student.fluency.resultTitle')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.subtitle,
-            children: ["Nice job ", studentName, "!"]
+            children: t('student.fluency.resultSubtitle', {
+              name: config?.name ?? ''
+            })
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.resultsContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
             value: String(correctCount),
-            label: "Wow there!",
+            label: t('student.fluency.resultCorrectCardLabel'),
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
               size: 30,
               color: _reactNativeUi.COLORS.NEUTRAL_1
@@ -89,7 +99,7 @@ const FluencySessionResults = ({
             color: _reactNativeUi.COLORS.PRIMARY_GREEN
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
             value: durationDisplay,
-            label: "Fast!",
+            label: t('student.fluency.fast'),
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: styles.timerIconOffset,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
@@ -100,7 +110,7 @@ const FluencySessionResults = ({
             color: _reactNativeUi.COLORS.PRIMARY_PURPLE
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
             value: String(maxStreak),
-            label: "Nice streak!",
+            label: t('student.fluency.resultStreakCardLabel'),
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlameIcon.FlameIcon, {
               size: 30,
               color: _reactNativeUi.COLORS.NEUTRAL_1
@@ -118,7 +128,7 @@ const FluencySessionResults = ({
             size: _reactNativeUi.ButtonSize.LARGE,
             colorScheme: _reactNativeUi.ButtonColor.YELLOW,
             raiseLevel: 6,
-            children: "CLAIM PROGRESS"
+            children: t('student.fluency.claimProgress')
           })
         })]
       })