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

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

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySessionResults = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _i18n = require("../../../../i18n/i18n.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
+var _fluencySolvingHelpers = require("../../shared/fluencySolving.helpers.js");
+var _SessionStatCard = require("./SessionStatCard.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 _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 = ({
+  onClosePress,
+  onEndModalPress
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    outcomes,
+    completedDurationMs,
+    isSessionComplete,
+    config
+  } = (0, _effectorReact.useUnit)({
+    outcomes: model.solving.$outcomes,
+    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);
+  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.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)(_reactNativeUi.CrossIcon, {
+              size: 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: t('student.fluency.resultTitle')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.subtitle,
+            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: t('student.fluency.resultCorrectCardLabel'),
+            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, {
+            value: durationDisplay,
+            label: t('student.fluency.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, {
+            value: String(maxStreak),
+            label: t('student.fluency.resultStreakCardLabel'),
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlameIcon.FlameIcon, {
+              size: 30,
+              color: _reactNativeUi.COLORS.NEUTRAL_1
+            }),
+            color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.claimProgressButtonContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+            onPress: () => {
+              setIsOpen(false);
+              onEndModalPress?.();
+            },
+            variant: _reactNativeUi.ButtonVariant.PRIMARY,
+            size: _reactNativeUi.ButtonSize.LARGE,
+            colorScheme: _reactNativeUi.ButtonColor.YELLOW,
+            style: {
+              text: styles.buttonText
+            },
+            raiseLevel: 6,
+            children: t('student.fluency.claimProgress')
+          })
+        })]
+      })
+    })
+  });
+};
+exports.FluencySessionResults = FluencySessionResults;
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  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: 36,
+    fontWeight: '900',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  subtitle: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  resultsContainer: {
+    flexDirection: 'row',
+    height: 184,
+    gap: 10,
+    paddingTop: 32,
+    paddingBottom: 64
+  },
+  snurrisnurrLayer: {
+    position: 'absolute',
+    left: 0,
+    bottom: 0
+  },
+  trophyLayer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0
+  },
+  timerIconOffset: {
+    paddingBottom: 2,
+    paddingLeft: 2
+  },
+  claimProgressButtonContainer: {
+    alignItems: 'center'
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=FluencySessionResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_i18n","_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","onClosePress","onEndModalPress","isOpen","setIsOpen","useState","useText","model","useFluency","outcomes","completedDurationMs","isSessionComplete","config","useUnit","solving","$outcomes","$completedDurationMs","$isSessionComplete","$config","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","CrossIcon","size","color","COLORS","NEUTRAL_7","variant","ButtonVariant","TERTIARY","titleContainer","Text","title","subtitle","name","resultsContainer","SessionStatCard","value","String","label","CorrectIcon","NEUTRAL_1","PRIMARY_GREEN","timerIconOffset","TimerIcon","PRIMARY_PURPLE","FlameIcon","PRIMARY_ORANGE","claimProgressButtonContainer","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","text","buttonText","raiseLevel","exports","StyleSheet","create","flex","backgroundColor","alignItems","justifyContent","width","height","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","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/FluencySessionResults.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionStatCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+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 SessionStatCard = ({
+  value,
+  label,
+  icon,
+  color
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconCircle, {
+        backgroundColor: color
+      }],
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      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
+      })]
+    })]
+  });
+};
+exports.SessionStatCard = SessionStatCard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderWidth: 4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    padding: _reactNativeUi.SPACING[400],
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300]
+  },
+  textContainer: {
+    gap: _reactNativeUi.SPACING[50]
+  },
+  iconCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: 1000,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  value: {
+    fontSize: 32,
+    lineHeight: 34,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '700'
+  },
+  label: {
+    fontSize: 16,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=SessionStatCard.js.map

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

@@ -0,0 +1 @@
+{"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/session-results/SkillProgressionRow.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkillProgressionRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+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 BAR_WIDTH = 80;
+const SkillProgressionRow = ({
+  symbol,
+  symbolColor,
+  symbolBackground,
+  operationName,
+  levelLabel,
+  levelColor,
+  progressRate,
+  progressColor,
+  isActive
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.row, isActive && {
+      borderWidth: 1.5,
+      borderColor: progressColor,
+      backgroundColor: symbolBackground
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.symbolCircle, {
+        backgroundColor: symbolBackground
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: [styles.symbol, {
+          color: symbolColor
+        }],
+        children: symbol
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.col,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: styles.name,
+        children: operationName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: [styles.level, {
+          color: levelColor
+        }],
+        children: levelLabel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.barTrack,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.barFill, {
+          width: BAR_WIDTH * progressRate,
+          backgroundColor: progressColor
+        }]
+      })
+    })]
+  });
+};
+exports.SkillProgressionRow = SkillProgressionRow;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderRadius: 14
+  },
+  symbolCircle: {
+    width: 36,
+    height: 36,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[250],
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  symbol: {
+    fontSize: 18,
+    fontWeight: '900',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  col: {
+    flex: 1,
+    gap: 2
+  },
+  name: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    textAlign: 'center'
+  },
+  level: {
+    fontSize: 12,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  barTrack: {
+    width: BAR_WIDTH,
+    height: 6,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[100],
+    overflow: 'hidden'
+  },
+  barFill: {
+    height: 6,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[100]
+  }
+});
+//# sourceMappingURL=SkillProgressionRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","BAR_WIDTH","SkillProgressionRow","symbol","symbolColor","symbolBackground","operationName","levelLabel","levelColor","progressRate","progressColor","isActive","jsxs","View","style","styles","row","borderWidth","borderColor","backgroundColor","children","jsx","symbolCircle","Typography","color","col","name","level","barTrack","barFill","width","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","paddingVertical","paddingHorizontal","COLORS","NEUTRAL_2","borderRadius","height","BORDER_RADIUS","justifyContent","flexShrink","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","flex","NEUTRAL_10","textAlign","NEUTRAL_4","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SkillProgressionRow.tsx"],"mappings":"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","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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_MathFlashcard","_jsxRuntime","e","__esModule","default","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","jsx","Fragment","children","map","layout","index","example","MathFlashcard","left","exports"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAAgE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhE,MAAMG,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMM,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClE,IAAAjB,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;EAAAC,QAAA,EACGhB,YAAY,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGP,QAAQ,CAACM,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAO,IAAAxB,WAAA,CAAAkB,GAAA,EAACnB,cAAA,CAAA0B,aAAa;MAAaC,IAAI,EAAEF,OAAO,CAACE,IAAK;MAACd,KAAK,EAAEY,OAAO,CAACZ,KAAM;MAACU,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH;AAAAI,OAAA,CAAAX,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_MathFlashcard","_jsxRuntime","e","__esModule","default","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","jsx","Fragment","children","map","layout","index","example","MathFlashcard","left","exports"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/C,MAAMG,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMM,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClE,IAAAjB,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;EAAAC,QAAA,EACGhB,YAAY,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGP,QAAQ,CAACM,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAO,IAAAxB,WAAA,CAAAkB,GAAA,EAACnB,cAAA,CAAA0B,aAAa;MAAaC,IAAI,EAAEF,OAAO,CAACE,IAAK;MAACd,KAAK,EAAEY,OAAO,CAACZ,KAAM;MAACU,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH;AAAAI,OAAA,CAAAX,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -62,6 +62,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   text: {
     fontWeight: 'bold',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
     color: _reactNativeUi.COLORS.BLACK
   },
   answerBox: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","MathFlashcard","left","right","layout","jsx","View","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","jsxs","row","Text","text","fontSize","answerBox","answer","exports","StyleSheet","create","backgroundColor","COLORS","NEUTRAL_1","alignItems","justifyContent","SHADOWS","flexDirection","gap","fontWeight","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA4D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBrD,MAAMG,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;EACHC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEN,MAAM,CAACK,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEP,MAAM,CAACK,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAER,MAAM,CAACK,IAAI,CAACI,MAAM;IAChCV,KAAK,EAAEC,MAAM,CAACU,QAAQ,CAACX,KAAK;IAC5BY,GAAG,EAAEX,MAAM,CAACU,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEZ,MAAM,CAACU,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEd,MAAM,CAACe;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEF,IAAAvB,WAAA,CAAAwB,IAAA,EAAC1B,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACc,GAAI;IAAAF,QAAA,gBACtB,IAAAvB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAA4B,IAAI;MAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,IAAI,EAAE;QAAEC,QAAQ,EAAErB,MAAM,CAACqB;MAAS,CAAC,CAAE;MAAAL,QAAA,EAAElB;IAAI,CAAO,CAAC,eACxE,IAAAL,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;MACHC,KAAK,EAAE,CACLC,MAAM,CAACkB,SAAS,EAChB;QAAEhB,KAAK,EAAEN,MAAM,CAACuB,MAAM,CAACjB,KAAK;QAAEC,MAAM,EAAEP,MAAM,CAACuB,MAAM,CAAChB,MAAM;QAAEC,YAAY,EAAER,MAAM,CAACuB,MAAM,CAACd;MAAO,CAAC;IAChG,CACH,CAAC,eACF,IAAAhB,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAA4B,IAAI;MAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,IAAI,EAAE;QAAEC,QAAQ,EAAErB,MAAM,CAACqB;MAAS,CAAC,CAAE;MAAAL,QAAA,EAAEjB;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAAAyB,OAAA,CAAA3B,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBiB,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDd,GAAG,EAAE;IACHe,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,QAAQ;IACpBI,GAAG,EAAE;EACP,CAAC;EACDd,IAAI,EAAE;IACJe,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAER,qBAAM,CAACS;EAChB,CAAC;EACDf,SAAS,EAAE;IACTK,eAAe,EAAEC,qBAAM,CAACU,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEZ,qBAAM,CAACa;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","MathFlashcard","left","right","layout","jsx","View","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","jsxs","row","Text","text","fontSize","answerBox","answer","exports","StyleSheet","create","backgroundColor","COLORS","NEUTRAL_1","alignItems","justifyContent","SHADOWS","flexDirection","gap","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,29 +7,44 @@ exports.StartBanner = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
+var _GradientView = require("../../../../lib/components/GradientView.js");
 var _BannerFlashcards = require("./BannerFlashcards.js");
 var _FluencyContext = require("../../context/FluencyContext.js");
 var _i18n = require("../../../../i18n/i18n.js");
-var _SpringIcon = require("../../assets/SpringIcon.js");
+var _FlashIcon = require("../../assets/FlashIcon.js");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StartBanner = () => {
   const t = (0, _i18n.useText)();
   const {
+    model,
     onStartPress
   } = (0, _FluencyContext.useFluency)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.gradientClip,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientView.GradientView, {
+        colors: ['#FFFFFF', '#FFF7E9'],
+        locations: [0.231, 0.8173],
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: _reactNative.StyleSheet.absoluteFill,
+        pointerEvents: "none"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.buttonContainer,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.buttonGroup,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-          onPress: onStartPress,
-          disabled: false,
-          isLoading: false,
-          isActive: false,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlashIcon.FlashIcon, {
             color: _reactNativeUi.COLORS.NEUTRAL_1
           }),
           variant: _reactNativeUi.ButtonVariant.PRIMARY,
@@ -39,13 +54,14 @@ const StartBanner = () => {
           style: {
             container: styles.button
           },
+          onPress: () => {
+            model.solving.start();
+            onStartPress?.();
+          },
           children: t('student.fluency.startPractice')
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
           style: styles.buttonSubtitle,
-          children: ["0 ", t('student.fluency.cardsReady')]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.springIcon,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpringIcon.SpringIcon, {})
+          children: [_fluencyConstants.SESSION_LENGTH, " ", t('student.fluency.cardsReady')]
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerFlashcards.BannerFlashcards, {
@@ -71,9 +87,13 @@ const styles = _reactNative.StyleSheet.create({
     paddingVertical: _reactNativeUi.SPACING[400],
     paddingHorizontal: _reactNativeUi.SPACING[800],
     borderRadius: _reactNativeUi.BORDER_RADIUS[400],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
     ..._reactNativeUi.SHADOWS[1]
   },
+  gradientClip: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden'
+  },
   buttonContainer: {
     alignItems: 'flex-start',
     zIndex: 4
@@ -89,9 +109,10 @@ const styles = _reactNative.StyleSheet.create({
   },
   buttonSubtitle: {
     fontSize: 13,
-    fontWeight: '400',
+    fontWeight: '700',
     color: _reactNativeUi.COLORS.BLACK,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    textTransform: 'uppercase'
   },
   flashcard: {
     position: 'absolute',