@magmamath/students-features 1.5.0 → 1.5.1

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

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectMathOperator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _fluencyConstants = require("../../shared/fluency.constants.js");
+var _MathOperatorRow = require("./MathOperatorRow.js");
+var _FluencyContext = require("../../context/FluencyContext.js");
+var _i18n = require("../../../../i18n/i18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SelectMathOperator = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model,
+    onModeSelectPress
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    fluencyMode,
+    matrix
+  } = (0, _effectorReact.useUnit)({
+    fluencyMode: model.matrix.$mode,
+    matrix: model.matrix.$data
+  });
+  const visibleModes = matrix ? _fluencyConstants.FLUENCY_MODES.filter(({
+    mode
+  }) => Object.keys(matrix.operations?.[mode]?.facts ?? {}).length > 0) : _fluencyConstants.FLUENCY_MODES;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: visibleModes.map(({
+      mode,
+      label,
+      symbol,
+      select
+    }, index) => {
+      const isSelectedMode = mode === fluencyMode;
+      const progress = (matrix?.operations?.[mode]?.completionRate ?? 0) * 100;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathOperatorRow.MathOperatorRow, {
+        title: t(label),
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H6,
+          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
+          children: symbol
+        }),
+        progress: progress,
+        color: select,
+        selected: isSelectedMode,
+        onSelect: () => {
+          model.matrix.setMode(mode);
+          onModeSelectPress?.(mode);
+        },
+        showDivider: index < visibleModes.length - 1
+      }, mode);
+    })
+  });
+};
+exports.SelectMathOperator = SelectMathOperator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: 'flex-start',
+    width: 270,
+    padding: _reactNativeUi.SPACING[400],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100',
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  symbolSelected: {
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=SelectMathOperator.js.map

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

@@ -0,0 +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","matrix","useUnit","$mode","$data","visibleModes","FLUENCY_MODES","filter","mode","Object","keys","operations","facts","length","jsx","View","style","styles","container","children","map","label","symbol","select","index","isSelectedMode","progress","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","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

@@ -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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BannerFlashcards = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MathFlashcard = require("./MathFlashcard.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CARD_LAYOUTS = [{
+  card: {
+    width: 175,
+    height: 106,
+    radius: 8
+  },
+  answer: {
+    width: 24,
+    height: 34,
+    radius: 5
+  },
+  fontSize: 31,
+  position: {
+    right: 69,
+    top: 84,
+    zIndex: 1
+  },
+  rotation: '5.63deg'
+}, {
+  card: {
+    width: 234,
+    height: 141,
+    radius: 10
+  },
+  answer: {
+    width: 32,
+    height: 46,
+    radius: 7
+  },
+  fontSize: 41,
+  position: {
+    right: 35,
+    top: 37,
+    zIndex: 2
+  },
+  rotation: '-2.47deg'
+}, {
+  card: {
+    width: 286,
+    height: 172,
+    radius: 13
+  },
+  answer: {
+    width: 39,
+    height: 56,
+    radius: 8
+  },
+  fontSize: 51,
+  position: {
+    right: 9,
+    top: -5,
+    zIndex: 3
+  },
+  rotation: '3.07deg'
+}];
+const BannerFlashcards = ({
+  examples
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: CARD_LAYOUTS.map((layout, index) => {
+    const example = examples[index];
+    if (!example) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathFlashcard.MathFlashcard, {
+      left: example.left,
+      right: example.right,
+      layout: layout
+    }, index);
+  })
+});
+exports.BannerFlashcards = BannerFlashcards;
+//# sourceMappingURL=BannerFlashcards.js.map

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

@@ -0,0 +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;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":[]}