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

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

@@ -4,118 +4,121 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FluencySessionResults = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _fluencySolvingConstants = require("../fluency-solving/fluencySolving.constants.js");
+var _effectorReact = require("effector-react");
+var _studentsFeatures = require("@magmamath/students-features");
+var _FluencyContext = require("../../context/FluencyContext.js");
 var _fluencyConstants = require("../../fluency.constants.js");
+var _fluencySolvingHelpers = require("../fluency-solving/fluencySolving.helpers.js");
 var _SessionStatCard = require("./SessionStatCard.js");
-var _SkillProgressionRow = require("./SkillProgressionRow.js");
+var _FlameIcon = require("../../assets/FlameIcon.js");
+var _SnurrisnurrBg = require("../../assets/SnurrisnurrBg.js");
+var _TrophyBg = require("../../assets/TrophyBg.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const STATIC_OPERATION_ROWS = [{
-  symbol: '−',
-  symbolColor: _reactNativeUi.COLORS.PRIMARY_BLUE,
-  symbolBackground: _reactNativeUi.COLORS.BLUE_1,
-  operationName: 'Subtraction',
-  levelLabel: 'Strong ↑',
-  levelColor: _reactNativeUi.COLORS.PRIMARY_BLUE,
-  progressRate: 0.6,
-  progressColor: _reactNativeUi.COLORS.PRIMARY_BLUE
-}, {
-  symbol: '×',
-  symbolColor: _reactNativeUi.COLORS.PRIMARY_ORANGE,
-  symbolBackground: _reactNativeUi.COLORS.ORANGE_1,
-  operationName: 'Multiplication',
-  levelLabel: 'Growing ↑',
-  levelColor: _reactNativeUi.COLORS.PRIMARY_ORANGE,
-  progressRate: 0.4,
-  progressColor: _reactNativeUi.COLORS.PRIMARY_ORANGE
-}, {
-  symbol: '÷',
-  symbolColor: _reactNativeUi.COLORS.PRIMARY_PURPLE,
-  symbolBackground: _reactNativeUi.COLORS.PURPLE_1,
-  operationName: 'Division',
-  levelLabel: 'Learning ↑',
-  levelColor: _reactNativeUi.COLORS.PRIMARY_PURPLE,
-  progressRate: 0.2,
-  progressColor: _reactNativeUi.COLORS.PRIMARY_PURPLE
-}];
-function computeMaxStreak(outcomes) {
-  let max = 0;
-  let current = 0;
-  for (const outcome of outcomes) {
-    current = outcome === 'correct' ? current + 1 : 0;
-    max = Math.max(max, current);
-  }
-  return max;
-}
-function levelLabelFromRate(rate) {
-  if (rate >= 0.85) return 'Mastered ↑';
-  if (rate >= 0.65) return 'Confident ↑';
-  if (rate >= 0.45) return 'Strong ↑';
-  if (rate >= 0.25) return 'Growing ↑';
-  return 'Learning ↑';
-}
+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 = ({
-  outcomes,
-  sessionDurationMs,
-  facts,
+  studentName,
+  onClosePress,
   onEndModalPress
 }) => {
-  const correctCount = outcomes.filter(o => o === 'correct').length;
-  const streak = computeMaxStreak(outcomes);
-  const sessionSecs = Math.round(sessionDurationMs / 1000);
-  const additionRate = facts.length > 0 ? facts.reduce((sum, f) => sum + f.box, 0) / (facts.length * _fluencySolvingConstants.DEFAULT_PICKER_PARAMS.numBoxes) : 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.overlay,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      contentContainerStyle: styles.scroll,
-      showsVerticalScrollIndicator: false,
+  const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    outcomes,
+    completedDurationMs
+  } = (0, _effectorReact.useUnit)({
+    outcomes: model.solving.$outcomes,
+    completedDurationMs: model.solving.$completedDurationMs
+  });
+  const correctCount = outcomes.filter(o => o.status === _fluencyConstants.AttemptStatus.CORRECT).length;
+  const maxStreak = (0, _fluencySolvingHelpers.calculateMaxStreak)(outcomes);
+  const durationDisplay = (0, _fluencySolvingHelpers.formatSessionDuration)(completedDurationMs);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: isOpen,
+    transparent: true,
+    animationType: "fade",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.overlay,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.card,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-          style: styles.title,
-          children: "You leveled up!"
+        style: styles.container,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.snurrisnurrLayer,
+          pointerEvents: "none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnurrisnurrBg.SnurrisnurrBg, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.trophyLayer,
+          pointerEvents: "none",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrophyBg.TrophyBg, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.close,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+            onPress: () => {
+              setIsOpen(false);
+              onClosePress?.();
+            },
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_studentsFeatures.CloseIcon, {
+              width: 20,
+              height: 20,
+              color: _reactNativeUi.COLORS.NEUTRAL_7
+            }),
+            variant: _reactNativeUi.ButtonVariant.TERTIARY
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.titleContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: "Checked and done"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.subtitle,
+            children: ["Nice job ", studentName, "!"]
+          })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.statsRow,
+          style: styles.resultsContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
-            variant: "on-fire",
-            value: String(streak)
+            value: String(correctCount),
+            label: "Wow there!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
+              size: 30,
+              color: _reactNativeUi.COLORS.NEUTRAL_1
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_GREEN
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
-            variant: "speedy",
-            value: `${sessionSecs}s`
+            value: durationDisplay,
+            label: "Fast!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.timerIconOffset,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
+                size: 30,
+                color: _reactNativeUi.COLORS.NEUTRAL_1
+              })
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_PURPLE
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
-            variant: "amazing",
-            value: `${correctCount}/${_fluencyConstants.SESSION_LENGTH}`
+            value: String(maxStreak),
+            label: "Nice streak!",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlameIcon.FlameIcon, {
+              size: 30,
+              color: _reactNativeUi.COLORS.NEUTRAL_1
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_ORANGE
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-          style: styles.progressionHeader,
-          children: "Skill progression"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.progressionList,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SkillProgressionRow.SkillProgressionRow, {
-            symbol: "+",
-            symbolColor: _reactNativeUi.COLORS.PRIMARY_GREEN,
-            symbolBackground: _reactNativeUi.COLORS.GREEN_1,
-            operationName: "Addition",
-            levelLabel: levelLabelFromRate(additionRate),
-            levelColor: _reactNativeUi.COLORS.PRIMARY_GREEN,
-            progressRate: additionRate,
-            progressColor: _reactNativeUi.COLORS.PRIMARY_GREEN,
-            isActive: true
-          }), STATIC_OPERATION_ROWS.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkillProgressionRow.SkillProgressionRow, {
-            ...row
-          }, row.operationName))]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.homeButtonWrapper,
+          style: styles.claimProgressButtonContainer,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-            onPress: onEndModalPress,
+            onPress: () => {
+              setIsOpen(false);
+              onEndModalPress?.();
+            },
             variant: _reactNativeUi.ButtonVariant.PRIMARY,
-            colorScheme: _reactNativeUi.ButtonColor.YELLOW,
             size: _reactNativeUi.ButtonSize.LARGE,
+            colorScheme: _reactNativeUi.ButtonColor.YELLOW,
             raiseLevel: 6,
-            children: "HOME"
+            children: "CLAIM PROGRESS"
           })
         })]
       })
@@ -125,54 +128,65 @@ const FluencySessionResults = ({
 exports.FluencySessionResults = FluencySessionResults;
 const styles = _reactNative.StyleSheet.create({
   overlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(242, 242, 244, 0.85)',
-    justifyContent: 'center',
-    padding: _reactNativeUi.SPACING[400]
-  },
-  scroll: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    alignItems: 'center',
+    justifyContent: 'center'
   },
-  card: {
-    width: '100%',
-    maxWidth: 560,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    borderRadius: _reactNativeUi.BORDER_RADIUS[450],
-    padding: _reactNativeUi.SPACING[500],
+  container: {
+    width: 700,
+    height: 440,
+    padding: _reactNativeUi.SPACING[800],
     gap: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden',
     ..._reactNativeUi.SHADOWS[5]
   },
+  close: {
+    position: 'absolute',
+    top: _reactNativeUi.SPACING[400],
+    right: _reactNativeUi.SPACING[400]
+  },
+  titleContainer: {
+    gap: _reactNativeUi.SPACING[200],
+    alignItems: 'center'
+  },
   title: {
-    fontSize: 32,
-    fontWeight: '700',
+    fontSize: 36,
+    fontWeight: '900',
     fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
-    color: _reactNativeUi.COLORS.NEUTRAL_9,
-    textAlign: 'center',
-    marginBottom: _reactNativeUi.SPACING[200]
+    color: _reactNativeUi.COLORS.NEUTRAL_9
   },
-  statsRow: {
+  subtitle: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  resultsContainer: {
     flexDirection: 'row',
-    gap: _reactNativeUi.SPACING[200]
+    height: 184,
+    gap: 10,
+    paddingTop: 32,
+    paddingBottom: 64
   },
-  progressionHeader: {
-    fontSize: 13,
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    textAlign: 'center'
+  snurrisnurrLayer: {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
   },
-  progressionList: {
-    gap: _reactNativeUi.SPACING[100]
+  trophyLayer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0
+  },
+  timerIconOffset: {
+    paddingBottom: 2,
+    paddingLeft: 2
   },
-  homeButtonWrapper: {
-    maxWidth: 320,
-    width: '100%',
-    alignSelf: 'center',
-    marginTop: _reactNativeUi.SPACING[200]
+  claimProgressButtonContainer: {
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=FluencySessionResults.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencySolvingConstants","_fluencyConstants","_SessionStatCard","_SkillProgressionRow","_jsxRuntime","e","__esModule","default","STATIC_OPERATION_ROWS","symbol","symbolColor","COLORS","PRIMARY_BLUE","symbolBackground","BLUE_1","operationName","levelLabel","levelColor","progressRate","progressColor","PRIMARY_ORANGE","ORANGE_1","PRIMARY_PURPLE","PURPLE_1","computeMaxStreak","outcomes","max","current","outcome","Math","levelLabelFromRate","rate","FluencySessionResults","sessionDurationMs","facts","onEndModalPress","correctCount","filter","o","length","streak","sessionSecs","round","additionRate","reduce","sum","f","box","DEFAULT_PICKER_PARAMS","numBoxes","jsx","View","style","styles","overlay","children","ScrollView","contentContainerStyle","scroll","showsVerticalScrollIndicator","jsxs","card","Typography","title","statsRow","SessionStatCard","variant","value","String","SESSION_LENGTH","progressionHeader","progressionList","SkillProgressionRow","PRIMARY_GREEN","GREEN_1","isActive","map","row","homeButtonWrapper","Button","onPress","ButtonVariant","PRIMARY","colorScheme","ButtonColor","YELLOW","size","ButtonSize","LARGE","raiseLevel","exports","StyleSheet","create","position","top","left","right","bottom","backgroundColor","justifyContent","padding","SPACING","flexGrow","alignItems","width","maxWidth","NEUTRAL_1","borderRadius","BORDER_RADIUS","gap","SHADOWS","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","NEUTRAL_9","textAlign","marginBottom","flexDirection","NEUTRAL_7","alignSelf","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/FluencySessionResults.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_studentsFeatures","_FluencyContext","_fluencyConstants","_fluencySolvingHelpers","_SessionStatCard","_FlameIcon","_SnurrisnurrBg","_TrophyBg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FluencySessionResults","studentName","onClosePress","onEndModalPress","isOpen","setIsOpen","useState","model","useFluency","outcomes","completedDurationMs","useUnit","solving","$outcomes","$completedDurationMs","correctCount","filter","o","status","AttemptStatus","CORRECT","length","maxStreak","calculateMaxStreak","durationDisplay","formatSessionDuration","jsx","Modal","visible","transparent","animationType","children","View","style","styles","overlay","jsxs","container","snurrisnurrLayer","pointerEvents","SnurrisnurrBg","trophyLayer","TrophyBg","close","Button","onPress","icon","CloseIcon","width","height","color","COLORS","NEUTRAL_7","variant","ButtonVariant","TERTIARY","titleContainer","Text","title","subtitle","resultsContainer","SessionStatCard","value","String","label","CorrectIcon","size","NEUTRAL_1","PRIMARY_GREEN","timerIconOffset","TimerIcon","PRIMARY_PURPLE","FlameIcon","PRIMARY_ORANGE","claimProgressButtonContainer","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","exports","StyleSheet","create","flex","backgroundColor","alignItems","justifyContent","padding","SPACING","gap","borderRadius","BORDER_RADIUS","overflow","SHADOWS","position","top","right","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","NEUTRAL_9","flexDirection","paddingTop","paddingBottom","left","bottom","paddingLeft"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/FluencySessionResults.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAaA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAIA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAAgD,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAa,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQzC,MAAMW,qBAAqB,GAAGA,CAAC;EACpCC,WAAW;EACXC,YAAY;EACZC;AAC0B,CAAC,KAAK;EAChC,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAC1C,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAM;IAAEC,QAAQ;IAAEC;EAAoB,CAAC,GAAG,IAAAC,sBAAO,EAAC;IAChDF,QAAQ,EAAEF,KAAK,CAACK,OAAO,CAACC,SAAS;IACjCH,mBAAmB,EAAEH,KAAK,CAACK,OAAO,CAACE;EACrC,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGN,QAAQ,CAACO,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,KAAKC,+BAAa,CAACC,OAAO,CAAC,CAACC,MAAM;EACtF,MAAMC,SAAS,GAAG,IAAAC,yCAAkB,EAACd,QAAQ,CAAC;EAC9C,MAAMe,eAAe,GAAG,IAAAC,4CAAqB,EAACf,mBAAmB,CAAC;EAElE,oBACE,IAAA/B,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAA2D,KAAK;IAACC,OAAO,EAAExB,MAAO;IAACyB,WAAW;IAACC,aAAa,EAAC,MAAM;IAAAC,QAAA,eACtD,IAAApD,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;MAAAJ,QAAA,eAC1B,IAAApD,WAAA,CAAAyD,IAAA,EAACpE,YAAA,CAAAgE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACG,SAAU;QAAAN,QAAA,gBAC5B,IAAApD,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACI,gBAAiB;UAACC,aAAa,EAAC,MAAM;UAAAR,QAAA,eACxD,IAAApD,WAAA,CAAA+C,GAAA,EAACjD,cAAA,CAAA+D,aAAa,IAAE;QAAC,CACb,CAAC,eACP,IAAA7D,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACO,WAAY;UAACF,aAAa,EAAC,MAAM;UAAAR,QAAA,eACnD,IAAApD,WAAA,CAAA+C,GAAA,EAAChD,SAAA,CAAAgE,QAAQ,IAAE;QAAC,CACR,CAAC,eACP,IAAA/D,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACS,KAAM;UAAAZ,QAAA,eACxB,IAAApD,WAAA,CAAA+C,GAAA,EAACzD,cAAA,CAAA2E,MAAM;YACLC,OAAO,EAAEA,CAAA,KAAM;cACbxC,SAAS,CAAC,KAAK,CAAC;cAChBH,YAAY,GAAG,CAAC;YAClB,CAAE;YACF4C,IAAI,eAAE,IAAAnE,WAAA,CAAA+C,GAAA,EAACvD,iBAAA,CAAA4E,SAAS;cAACC,KAAK,EAAE,EAAG;cAACC,MAAM,EAAE,EAAG;cAACC,KAAK,EAAEC,qBAAM,CAACC;YAAU,CAAE,CAAE;YACpEC,OAAO,EAAEC,4BAAa,CAACC;UAAS,CACjC;QAAC,CACE,CAAC,eAEP,IAAA5E,WAAA,CAAAyD,IAAA,EAACpE,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACsB,cAAe;UAAAzB,QAAA,gBACjC,IAAApD,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAyF,IAAI;YAACxB,KAAK,EAAEC,MAAM,CAACwB,KAAM;YAAA3B,QAAA,EAAC;UAAgB,CAAM,CAAC,eAClD,IAAApD,WAAA,CAAAyD,IAAA,EAACpE,YAAA,CAAAyF,IAAI;YAACxB,KAAK,EAAEC,MAAM,CAACyB,QAAS;YAAA5B,QAAA,GAAC,WAAS,EAAC9B,WAAW,EAAC,GAAC;UAAA,CAAM,CAAC;QAAA,CACxD,CAAC,eAEP,IAAAtB,WAAA,CAAAyD,IAAA,EAACpE,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAAC0B,gBAAiB;UAAA7B,QAAA,gBACnC,IAAApD,WAAA,CAAA+C,GAAA,EAACnD,gBAAA,CAAAsF,eAAe;YACdC,KAAK,EAAEC,MAAM,CAAChD,YAAY,CAAE;YAC5BiD,KAAK,EAAC,YAAY;YAClBlB,IAAI,eAAE,IAAAnE,WAAA,CAAA+C,GAAA,EAACzD,cAAA,CAAAgG,WAAW;cAACC,IAAI,EAAE,EAAG;cAAChB,KAAK,EAAEC,qBAAM,CAACgB;YAAU,CAAE,CAAE;YACzDjB,KAAK,EAAEC,qBAAM,CAACiB;UAAc,CAC7B,CAAC,eACF,IAAAzF,WAAA,CAAA+C,GAAA,EAACnD,gBAAA,CAAAsF,eAAe;YACdC,KAAK,EAAEtC,eAAgB;YACvBwC,KAAK,EAAC,OAAO;YACblB,IAAI,eACF,IAAAnE,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;cAACC,KAAK,EAAEC,MAAM,CAACmC,eAAgB;cAAAtC,QAAA,eAClC,IAAApD,WAAA,CAAA+C,GAAA,EAACzD,cAAA,CAAAqG,SAAS;gBAACJ,IAAI,EAAE,EAAG;gBAAChB,KAAK,EAAEC,qBAAM,CAACgB;cAAU,CAAE;YAAC,CAC5C,CACP;YACDjB,KAAK,EAAEC,qBAAM,CAACoB;UAAe,CAC9B,CAAC,eACF,IAAA5F,WAAA,CAAA+C,GAAA,EAACnD,gBAAA,CAAAsF,eAAe;YACdC,KAAK,EAAEC,MAAM,CAACzC,SAAS,CAAE;YACzB0C,KAAK,EAAC,cAAc;YACpBlB,IAAI,eAAE,IAAAnE,WAAA,CAAA+C,GAAA,EAAClD,UAAA,CAAAgG,SAAS;cAACN,IAAI,EAAE,EAAG;cAAChB,KAAK,EAAEC,qBAAM,CAACgB;YAAU,CAAE,CAAE;YACvDjB,KAAK,EAAEC,qBAAM,CAACsB;UAAe,CAC9B,CAAC;QAAA,CACE,CAAC,eAEP,IAAA9F,WAAA,CAAA+C,GAAA,EAAC1D,YAAA,CAAAgE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACwC,4BAA6B;UAAA3C,QAAA,eAC/C,IAAApD,WAAA,CAAA+C,GAAA,EAACzD,cAAA,CAAA2E,MAAM;YACLC,OAAO,EAAEA,CAAA,KAAM;cACbxC,SAAS,CAAC,KAAK,CAAC;cAChBF,eAAe,GAAG,CAAC;YACrB,CAAE;YACFkD,OAAO,EAAEC,4BAAa,CAACqB,OAAQ;YAC/BT,IAAI,EAAEU,yBAAU,CAACC,KAAM;YACvBC,WAAW,EAAEC,0BAAW,CAACC,MAAO;YAChCC,UAAU,EAAE,CAAE;YAAAlD,QAAA,EACf;UAED,CAAQ;QAAC,CACL,CAAC;MAAA,CACH;IAAC,CACH;EAAC,CACF,CAAC;AAEZ,CAAC;AAAAmD,OAAA,CAAAlF,qBAAA,GAAAA,qBAAA;AAED,MAAMkC,MAAM,GAAGiD,uBAAU,CAACC,MAAM,CAAC;EAC/BjD,OAAO,EAAE;IACPkD,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,oBAAoB;IACrCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDnD,SAAS,EAAE;IACTW,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXwC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,GAAG,EAAED,sBAAO,CAAC,GAAG,CAAC;IACjBJ,eAAe,EAAEnC,qBAAM,CAACgB,SAAS;IACjCyB,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDpD,KAAK,EAAE;IACLqD,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEP,sBAAO,CAAC,GAAG,CAAC;IACjBQ,KAAK,EAAER,sBAAO,CAAC,GAAG;EACpB,CAAC;EACDlC,cAAc,EAAE;IACdmC,GAAG,EAAED,sBAAO,CAAC,GAAG,CAAC;IACjBH,UAAU,EAAE;EACd,CAAC;EACD7B,KAAK,EAAE;IACLyC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCrD,KAAK,EAAEC,qBAAM,CAACqD;EAChB,CAAC;EACD7C,QAAQ,EAAE;IACRwC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCrD,KAAK,EAAEC,qBAAM,CAACC;EAChB,CAAC;EACDQ,gBAAgB,EAAE;IAChB6C,aAAa,EAAE,KAAK;IACpBxD,MAAM,EAAE,GAAG;IACX0C,GAAG,EAAE,EAAE;IACPe,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDrE,gBAAgB,EAAE;IAChB0D,QAAQ,EAAE,UAAU;IACpBY,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDpE,WAAW,EAAE;IACXuD,QAAQ,EAAE,UAAU;IACpBa,MAAM,EAAE,CAAC;IACTD,IAAI,EAAE;EACR,CAAC;EACDvC,eAAe,EAAE;IACfsC,aAAa,EAAE,CAAC;IAChBG,WAAW,EAAE;EACf,CAAC;EACDpC,4BAA4B,EAAE;IAC5Ba,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -9,55 +9,31 @@ var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const STAT_CARD_CONFIGS = {
-  'on-fire': {
-    kicker: 'ON FIRE',
-    icon: '🔥',
-    color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
-    background: _reactNativeUi.COLORS.ORANGE_1
-  },
-  speedy: {
-    kicker: 'SPEEDY',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimeIcon, {
-      color: _reactNativeUi.COLORS.PRIMARY_BLUE,
-      size: 20
-    }),
-    color: _reactNativeUi.COLORS.PRIMARY_BLUE,
-    background: _reactNativeUi.COLORS.BLUE_1
-  },
-  amazing: {
-    kicker: 'AMAZING',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
-      color: _reactNativeUi.COLORS.PRIMARY_GREEN,
-      size: 20
-    }),
-    color: _reactNativeUi.COLORS.PRIMARY_GREEN,
-    background: _reactNativeUi.COLORS.GREEN_1
-  }
-};
 const SessionStatCard = ({
-  variant,
-  value
+  value,
+  label,
+  icon,
+  color
 }) => {
-  const config = STAT_CARD_CONFIGS[variant];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.card, {
-      borderColor: config.color,
-      backgroundColor: config.background
+      borderColor: color
     }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-      style: [styles.kicker, {
-        color: config.color
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconCircle, {
+        backgroundColor: color
       }],
-      children: config.kicker
+      children: icon
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.body,
-      children: [typeof config.icon === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.iconEmoji,
-        children: config.icon
-      }) : config.icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.value,
+      style: styles.textContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.value, {
+          color
+        }],
         children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: label
       })]
     })]
   });
@@ -66,34 +42,36 @@ exports.SessionStatCard = SessionStatCard;
 const styles = _reactNative.StyleSheet.create({
   card: {
     flex: 1,
-    maxWidth: 180,
-    borderWidth: 2,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderWidth: 4,
     borderRadius: _reactNativeUi.BORDER_RADIUS[400],
-    paddingVertical: 10,
-    paddingHorizontal: 14,
-    gap: _reactNativeUi.SPACING[200]
-  },
-  kicker: {
-    fontSize: 11,
-    fontWeight: '800',
-    letterSpacing: 1.1,
-    textAlign: 'center',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  body: {
+    padding: _reactNativeUi.SPACING[400],
     flexDirection: 'row',
     alignItems: 'center',
-    gap: _reactNativeUi.SPACING[200]
+    gap: _reactNativeUi.SPACING[300]
+  },
+  textContainer: {
+    gap: _reactNativeUi.SPACING[50]
   },
-  iconEmoji: {
-    fontSize: 18
+  iconCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: 1000,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
   },
   value: {
-    fontSize: 24,
-    fontWeight: '900',
-    letterSpacing: -0.48,
+    fontSize: 32,
+    lineHeight: 34,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '700'
+  },
+  label: {
+    fontSize: 16,
     fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
-    color: _reactNativeUi.COLORS.NEUTRAL_10
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_7
   }
 });
 //# sourceMappingURL=SessionStatCard.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","STAT_CARD_CONFIGS","kicker","icon","color","COLORS","PRIMARY_ORANGE","background","ORANGE_1","speedy","jsx","TimeIcon","PRIMARY_BLUE","size","BLUE_1","amazing","CorrectIcon","PRIMARY_GREEN","GREEN_1","SessionStatCard","variant","value","config","jsxs","View","style","styles","card","borderColor","backgroundColor","children","Typography","body","iconEmoji","exports","StyleSheet","create","flex","maxWidth","borderWidth","borderRadius","BORDER_RADIUS","paddingVertical","paddingHorizontal","gap","SPACING","fontSize","fontWeight","letterSpacing","textAlign","fontFamily","FONT_FAMILY","buenosAires","flexDirection","alignItems","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SessionStatCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","SessionStatCard","value","label","icon","color","jsxs","View","style","styles","card","borderColor","children","jsx","iconCircle","backgroundColor","textContainer","Text","exports","StyleSheet","create","flex","COLORS","NEUTRAL_1","borderWidth","borderRadius","BORDER_RADIUS","padding","SPACING","flexDirection","alignItems","gap","width","height","justifyContent","SHADOWS","fontSize","lineHeight","fontFamily","FONT_FAMILY","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SessionStatCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAiG,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1F,MAAMG,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACtF,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAEN;IAAM,CAAC,CAAE;IAAAO,QAAA,gBACjD,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACK,UAAU,EAAE;QAAEC,eAAe,EAAEV;MAAM,CAAC,CAAE;MAAAO,QAAA,EAAER;IAAI,CAAO,CAAC,eAC3E,IAAAP,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACO,aAAc;MAAAJ,QAAA,gBAChC,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAsB,IAAI;QAACT,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;UAAEG;QAAM,CAAC,CAAE;QAAAO,QAAA,EAAEV;MAAK,CAAO,CAAC,eACtD,IAAAL,WAAA,CAAAgB,GAAA,EAAClB,YAAA,CAAAsB,IAAI;QAACT,KAAK,EAAEC,MAAM,CAACN,KAAM;QAAAS,QAAA,EAAET;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAjB,eAAA,GAAAA,eAAA;AAED,MAAMQ,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,IAAI,EAAE,CAAC;IACPN,eAAe,EAAEO,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDZ,aAAa,EAAE;IACbe,GAAG,EAAEH,sBAAO,CAAC,EAAE;EACjB,CAAC;EACDd,UAAU,EAAE;IACVkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVR,YAAY,EAAE,IAAI;IAClBK,UAAU,EAAE,QAAQ;IACpBI,cAAc,EAAE,QAAQ;IACxB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDjC,KAAK,EAAE;IACLkC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE;EACd,CAAC;EACDtC,KAAK,EAAE;IACLiC,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBpC,KAAK,EAAEiB,qBAAM,CAACoB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/start-banner/BannerFlashcards.js

@@ -10,58 +10,58 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CARD_LAYOUTS = [{
   card: {
-    width: 146,
-    height: 88,
-    radius: 6
+    width: 175,
+    height: 106,
+    radius: 8
   },
   answer: {
-    width: 20,
-    height: 29,
-    radius: 4
+    width: 24,
+    height: 34,
+    radius: 5
   },
-  fontSize: 26,
+  fontSize: 31,
   position: {
-    right: 283,
-    top: 31,
+    right: 69,
+    top: 84,
     zIndex: 1
   },
-  rotation: '21.3deg'
+  rotation: '5.63deg'
 }, {
   card: {
-    width: 195,
-    height: 118,
-    radius: 9
+    width: 234,
+    height: 141,
+    radius: 10
   },
   answer: {
-    width: 27,
-    height: 38,
-    radius: 6
+    width: 32,
+    height: 46,
+    radius: 7
   },
-  fontSize: 35,
+  fontSize: 41,
   position: {
-    right: 148,
-    top: -6,
+    right: 35,
+    top: 37,
     zIndex: 2
   },
-  rotation: '-15.43deg'
+  rotation: '-2.47deg'
 }, {
   card: {
-    width: 260,
-    height: 157,
-    radius: 12
+    width: 286,
+    height: 172,
+    radius: 13
   },
   answer: {
-    width: 36,
-    height: 51,
+    width: 39,
+    height: 56,
     radius: 8
   },
-  fontSize: 46,
+  fontSize: 51,
   position: {
-    right: 0,
-    top: -11,
+    right: 9,
+    top: -5,
     zIndex: 3
   },
-  rotation: '8.83deg'
+  rotation: '3.07deg'
 }];
 const BannerFlashcards = ({
   examples