@magmamath/students-features 1.3.26-rc.6 → 1.3.26-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/fluency/assets/SparkleIcon.js +30 -0
- package/dist/commonjs/features/fluency/assets/SparkleIcon.js.map +1 -0
- package/dist/commonjs/features/fluency/components/FluencySolving.js +6 -27
- package/dist/commonjs/features/fluency/components/FluencySolving.js.map +1 -1
- package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreak.js +48 -42
- package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreak.js.map +1 -1
- package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.js +8 -7
- package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.js.map +1 -1
- package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.js +45 -21
- package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.js.map +1 -1
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyCardDeck.js +113 -0
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyCardDeck.js.map +1 -0
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyEquationCard.js +22 -81
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyEquationCard.js.map +1 -1
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingCard.js +32 -15
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingCard.js.map +1 -1
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js +50 -34
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js.map +1 -1
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.js +69 -0
- package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.js.map +1 -0
- package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js +1 -1
- package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js.map +1 -1
- package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js +12 -6
- package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js.map +1 -1
- package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBar.js +32 -14
- package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBar.js.map +1 -1
- package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBarSparkles.js +127 -0
- package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBarSparkles.js.map +1 -0
- package/dist/commonjs/features/fluency/components/select-math-operator/SelectMathOperator.js +2 -1
- package/dist/commonjs/features/fluency/components/select-math-operator/SelectMathOperator.js.map +1 -1
- package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js +24 -14
- package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js.map +1 -1
- package/dist/commonjs/features/fluency/components/start-banner/StartBanner.js +26 -30
- package/dist/commonjs/features/fluency/components/start-banner/StartBanner.js.map +1 -1
- package/dist/commonjs/features/fluency/fluency.constants.js +1 -0
- package/dist/commonjs/features/fluency/fluency.constants.js.map +1 -1
- package/dist/commonjs/features/fluency/fluency.helpers.js +6 -1
- package/dist/commonjs/features/fluency/fluency.helpers.js.map +1 -1
- package/dist/commonjs/features/fluency/hooks/useCardSnapAnimation.js +33 -22
- package/dist/commonjs/features/fluency/hooks/useCardSnapAnimation.js.map +1 -1
- package/dist/commonjs/features/fluency/hooks/useFluencyCardDeckAnimation.js +44 -0
- package/dist/commonjs/features/fluency/hooks/useFluencyCardDeckAnimation.js.map +1 -0
- package/dist/commonjs/features/fluency/hooks/useFluencyNumpad.js +3 -0
- package/dist/commonjs/features/fluency/hooks/useFluencyNumpad.js.map +1 -1
- package/dist/commonjs/features/fluency/hooks/useFluencySolvingPreset.js +2 -2
- package/dist/commonjs/features/fluency/hooks/useFluencySolvingPreset.js.map +1 -1
- package/dist/commonjs/features/fluency/hooks/usePreventPageLeave.js +18 -0
- package/dist/commonjs/features/fluency/hooks/usePreventPageLeave.js.map +1 -0
- package/dist/commonjs/lib/components/GradientView.js +57 -0
- package/dist/commonjs/lib/components/GradientView.js.map +1 -0
- package/dist/module/features/fluency/assets/SparkleIcon.js +22 -0
- package/dist/module/features/fluency/assets/SparkleIcon.js.map +1 -0
- package/dist/module/features/fluency/components/FluencySolving.js +6 -26
- package/dist/module/features/fluency/components/FluencySolving.js.map +1 -1
- package/dist/module/features/fluency/components/day-streak-counter/DayStreak.js +48 -42
- package/dist/module/features/fluency/components/day-streak-counter/DayStreak.js.map +1 -1
- package/dist/module/features/fluency/components/day-streak-counter/DayStreakCounter.js +9 -8
- package/dist/module/features/fluency/components/day-streak-counter/DayStreakCounter.js.map +1 -1
- package/dist/module/features/fluency/components/fluency-solving/components/EquationContent.js +46 -22
- package/dist/module/features/fluency/components/fluency-solving/components/EquationContent.js.map +1 -1
- package/dist/module/features/fluency/components/fluency-solving/components/FluencyCardDeck.js +107 -0
- package/dist/module/features/fluency/components/fluency-solving/components/FluencyCardDeck.js.map +1 -0
- package/dist/module/features/fluency/components/fluency-solving/components/FluencyEquationCard.js +23 -82
- package/dist/module/features/fluency/components/fluency-solving/components/FluencyEquationCard.js.map +1 -1
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingCard.js +32 -15
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingCard.js.map +1 -1
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js +51 -35
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.js.map +1 -1
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.js +62 -0
- package/dist/module/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.js.map +1 -0
- package/dist/module/features/fluency/components/matrix/components/CellTooltip.js +1 -1
- package/dist/module/features/fluency/components/matrix/components/CellTooltip.js.map +1 -1
- package/dist/module/features/fluency/components/matrix/components/MatrixCell.js +13 -7
- package/dist/module/features/fluency/components/matrix/components/MatrixCell.js.map +1 -1
- package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js +32 -14
- package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js.map +1 -1
- package/dist/module/features/fluency/components/select-math-operator/ProgressBarSparkles.js +121 -0
- package/dist/module/features/fluency/components/select-math-operator/ProgressBarSparkles.js.map +1 -0
- package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js +2 -1
- package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js.map +1 -1
- package/dist/module/features/fluency/components/session-results/FluencySessionResults.js +24 -14
- package/dist/module/features/fluency/components/session-results/FluencySessionResults.js.map +1 -1
- package/dist/module/features/fluency/components/start-banner/StartBanner.js +27 -31
- package/dist/module/features/fluency/components/start-banner/StartBanner.js.map +1 -1
- package/dist/module/features/fluency/fluency.constants.js +1 -0
- package/dist/module/features/fluency/fluency.constants.js.map +1 -1
- package/dist/module/features/fluency/fluency.helpers.js +6 -1
- package/dist/module/features/fluency/fluency.helpers.js.map +1 -1
- package/dist/module/features/fluency/hooks/useCardSnapAnimation.js +33 -22
- package/dist/module/features/fluency/hooks/useCardSnapAnimation.js.map +1 -1
- package/dist/module/features/fluency/hooks/useFluencyCardDeckAnimation.js +39 -0
- package/dist/module/features/fluency/hooks/useFluencyCardDeckAnimation.js.map +1 -0
- package/dist/module/features/fluency/hooks/useFluencyNumpad.js +3 -0
- package/dist/module/features/fluency/hooks/useFluencyNumpad.js.map +1 -1
- package/dist/module/features/fluency/hooks/useFluencySolvingPreset.js +2 -2
- package/dist/module/features/fluency/hooks/useFluencySolvingPreset.js.map +1 -1
- package/dist/module/features/fluency/hooks/usePreventPageLeave.js +13 -0
- package/dist/module/features/fluency/hooks/usePreventPageLeave.js.map +1 -0
- package/dist/module/lib/components/GradientView.js +51 -0
- package/dist/module/lib/components/GradientView.js.map +1 -0
- package/dist/typescript/commonjs/features/fluency/assets/SparkleIcon.d.ts +4 -0
- package/dist/typescript/commonjs/features/fluency/assets/SparkleIcon.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/fluency/components/FluencySolving.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/day-streak-counter/DayStreak.d.ts +1 -5
- package/dist/typescript/commonjs/features/fluency/components/day-streak-counter/DayStreak.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/EquationContent.d.ts +5 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/EquationContent.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencyCardDeck.d.ts +14 -0
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencyCardDeck.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencyEquationCard.d.ts +7 -3
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencyEquationCard.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingCard.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgress.d.ts +1 -8
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgress.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.d.ts +3 -0
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/fluencySolving.types.d.ts +4 -0
- package/dist/typescript/commonjs/features/fluency/components/fluency-solving/fluencySolving.types.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/matrix/components/MatrixCell.d.ts +1 -1
- package/dist/typescript/commonjs/features/fluency/components/matrix/components/MatrixCell.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/select-math-operator/ProgressBar.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/select-math-operator/ProgressBarSparkles.d.ts +6 -0
- package/dist/typescript/commonjs/features/fluency/components/select-math-operator/ProgressBarSparkles.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/fluency/components/session-results/FluencySessionResults.d.ts +1 -2
- package/dist/typescript/commonjs/features/fluency/components/session-results/FluencySessionResults.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/components/start-banner/StartBanner.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/fluency.constants.d.ts +2 -1
- package/dist/typescript/commonjs/features/fluency/fluency.constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/fluency.helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/hooks/useCardSnapAnimation.d.ts +7 -2
- package/dist/typescript/commonjs/features/fluency/hooks/useCardSnapAnimation.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencyCardDeckAnimation.d.ts +16 -0
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencyCardDeckAnimation.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencyNumpad.d.ts +1 -1
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencyNumpad.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencySolvingPreset.d.ts +5 -2
- package/dist/typescript/commonjs/features/fluency/hooks/useFluencySolvingPreset.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/fluency/hooks/usePreventPageLeave.d.ts +2 -0
- package/dist/typescript/commonjs/features/fluency/hooks/usePreventPageLeave.d.ts.map +1 -0
- package/dist/typescript/commonjs/lib/components/GradientView.d.ts +18 -0
- package/dist/typescript/commonjs/lib/components/GradientView.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/assets/SparkleIcon.d.ts +4 -0
- package/dist/typescript/module/features/fluency/assets/SparkleIcon.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/components/FluencySolving.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/day-streak-counter/DayStreak.d.ts +1 -5
- package/dist/typescript/module/features/fluency/components/day-streak-counter/DayStreak.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/day-streak-counter/DayStreakCounter.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/EquationContent.d.ts +5 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/EquationContent.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencyCardDeck.d.ts +14 -0
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencyCardDeck.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencyEquationCard.d.ts +7 -3
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencyEquationCard.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencySolvingCard.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.d.ts +1 -8
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencySolvingProgress.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.d.ts +3 -0
- package/dist/typescript/module/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/components/fluency-solving/fluencySolving.types.d.ts +4 -0
- package/dist/typescript/module/features/fluency/components/fluency-solving/fluencySolving.types.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/matrix/components/MatrixCell.d.ts +1 -1
- package/dist/typescript/module/features/fluency/components/matrix/components/MatrixCell.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/select-math-operator/ProgressBar.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/select-math-operator/ProgressBarSparkles.d.ts +6 -0
- package/dist/typescript/module/features/fluency/components/select-math-operator/ProgressBarSparkles.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/components/session-results/FluencySessionResults.d.ts +1 -2
- package/dist/typescript/module/features/fluency/components/session-results/FluencySessionResults.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/components/start-banner/StartBanner.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/fluency.constants.d.ts +2 -1
- package/dist/typescript/module/features/fluency/fluency.constants.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/fluency.helpers.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/hooks/useCardSnapAnimation.d.ts +7 -2
- package/dist/typescript/module/features/fluency/hooks/useCardSnapAnimation.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/hooks/useFluencyCardDeckAnimation.d.ts +16 -0
- package/dist/typescript/module/features/fluency/hooks/useFluencyCardDeckAnimation.d.ts.map +1 -0
- package/dist/typescript/module/features/fluency/hooks/useFluencyNumpad.d.ts +1 -1
- package/dist/typescript/module/features/fluency/hooks/useFluencyNumpad.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/hooks/useFluencySolvingPreset.d.ts +5 -2
- package/dist/typescript/module/features/fluency/hooks/useFluencySolvingPreset.d.ts.map +1 -1
- package/dist/typescript/module/features/fluency/hooks/usePreventPageLeave.d.ts +2 -0
- package/dist/typescript/module/features/fluency/hooks/usePreventPageLeave.d.ts.map +1 -0
- package/dist/typescript/module/lib/components/GradientView.d.ts +18 -0
- package/dist/typescript/module/lib/components/GradientView.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/features/fluency/assets/SparkleIcon.tsx +14 -0
- package/src/features/fluency/components/FluencySolving.tsx +7 -31
- package/src/features/fluency/components/day-streak-counter/DayStreak.tsx +35 -35
- package/src/features/fluency/components/day-streak-counter/DayStreakCounter.tsx +16 -12
- package/src/features/fluency/components/fluency-solving/components/EquationContent.tsx +53 -29
- package/src/features/fluency/components/fluency-solving/components/FluencyCardDeck.tsx +128 -0
- package/src/features/fluency/components/fluency-solving/components/FluencyEquationCard.tsx +37 -72
- package/src/features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx +32 -13
- package/src/features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx +50 -35
- package/src/features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.tsx +71 -0
- package/src/features/fluency/components/fluency-solving/fluencySolving.types.ts +5 -0
- package/src/features/fluency/components/matrix/components/CellTooltip.tsx +1 -1
- package/src/features/fluency/components/matrix/components/MatrixCell.tsx +19 -6
- package/src/features/fluency/components/select-math-operator/ProgressBar.tsx +27 -8
- package/src/features/fluency/components/select-math-operator/ProgressBarSparkles.tsx +114 -0
- package/src/features/fluency/components/select-math-operator/SelectMathOperator.tsx +1 -0
- package/src/features/fluency/components/session-results/FluencySessionResults.tsx +17 -11
- package/src/features/fluency/components/start-banner/StartBanner.tsx +19 -28
- package/src/features/fluency/fluency.constants.ts +1 -0
- package/src/features/fluency/fluency.helpers.ts +9 -1
- package/src/features/fluency/hooks/useCardSnapAnimation.ts +41 -21
- package/src/features/fluency/hooks/useFluencyCardDeckAnimation.ts +49 -0
- package/src/features/fluency/hooks/useFluencyNumpad.tsx +3 -0
- package/src/features/fluency/hooks/useFluencySolvingPreset.ts +25 -7
- package/src/features/fluency/hooks/usePreventPageLeave.ts +11 -0
- package/src/i18n/.generated/schema.json +9 -1
- package/src/lib/components/GradientView.tsx +63 -0
|
@@ -7,6 +7,7 @@ exports.ProgressBar = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _ProgressBarSparkles = require("./ProgressBarSparkles.js");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
const PRIMARY_COLOR_MAP = {
|
|
@@ -19,29 +20,44 @@ const PRIMARY_COLOR_MAP = {
|
|
|
19
20
|
[_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
|
|
20
21
|
[_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
|
|
21
22
|
};
|
|
23
|
+
const SPARKLE_COLOR_MAP = {
|
|
24
|
+
[_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.GREEN_3,
|
|
25
|
+
[_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.ORANGE_3,
|
|
26
|
+
[_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.BLUE_3,
|
|
27
|
+
[_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.RED_3,
|
|
28
|
+
[_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.YELLOW_3,
|
|
29
|
+
[_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PURPLE_3,
|
|
30
|
+
[_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_4,
|
|
31
|
+
[_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.RED_3
|
|
32
|
+
};
|
|
22
33
|
const ProgressBar = ({
|
|
23
34
|
progress,
|
|
24
35
|
color = _reactNativeUi.SelectOptionColor.GREEN
|
|
25
36
|
}) => {
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
37
|
+
const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
|
|
38
|
+
const variantColor = PRIMARY_COLOR_MAP[color];
|
|
39
|
+
const isComplete = progressRounded === 100;
|
|
29
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
30
41
|
style: styles.container,
|
|
31
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
32
|
-
style: styles.
|
|
33
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
34
|
-
style:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
43
|
+
style: styles.trackWrapper,
|
|
44
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
45
|
+
style: styles.track,
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
47
|
+
style: [styles.fill, {
|
|
48
|
+
backgroundColor: variantColor,
|
|
49
|
+
width: `${progressRounded}%`
|
|
50
|
+
}]
|
|
51
|
+
})
|
|
52
|
+
}), isComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBarSparkles.ProgressBarSparkles, {
|
|
53
|
+
color: SPARKLE_COLOR_MAP[color]
|
|
54
|
+
})]
|
|
39
55
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
|
|
40
56
|
variant: _reactNativeUi.HeadingVariants.H10,
|
|
41
57
|
style: {
|
|
42
|
-
color:
|
|
58
|
+
color: variantColor
|
|
43
59
|
},
|
|
44
|
-
children: [
|
|
60
|
+
children: [progressRounded, "%"]
|
|
45
61
|
})]
|
|
46
62
|
});
|
|
47
63
|
};
|
|
@@ -53,8 +69,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
53
69
|
gap: _reactNativeUi.SPACING[200],
|
|
54
70
|
alignItems: 'center'
|
|
55
71
|
},
|
|
72
|
+
trackWrapper: {
|
|
73
|
+
flex: 1
|
|
74
|
+
},
|
|
56
75
|
track: {
|
|
57
|
-
flex: 1,
|
|
58
76
|
height: 18,
|
|
59
77
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
|
|
60
78
|
borderRadius: _reactNativeUi.BORDER_RADIUS[450],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","ProgressBar","progress","color","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBarSparkles","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","SPARKLE_COLOR_MAP","GREEN_3","ORANGE_3","BLUE_3","RED_3","YELLOW_3","PURPLE_3","NEUTRAL_4","ProgressBar","progress","color","progressRounded","Math","round","min","max","variantColor","isComplete","jsxs","View","style","styles","container","children","trackWrapper","jsx","track","fill","backgroundColor","width","ProgressBarSparkles","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ProgressBarSparkles = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _SparkleIcon = require("../../assets/SparkleIcon.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
// QUICK easing from Figma ≈ cubic-bezier(0.2, 0, 0, 1)
|
|
15
|
+
const QUICK = _reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1);
|
|
16
|
+
|
|
17
|
+
// Hold duration at End state before dissolving back to Start
|
|
18
|
+
const END_HOLD_MS = 800;
|
|
19
|
+
// Positions derived from Figma (15,73,87,135,204 px within ~230 px container)
|
|
20
|
+
// Timing values from Figma interaction table
|
|
21
|
+
const SPARKLE_CONFIGS = [{
|
|
22
|
+
leftPercent: 6.5,
|
|
23
|
+
topOffset: -3,
|
|
24
|
+
size: 14,
|
|
25
|
+
triggerDelay: 550,
|
|
26
|
+
appearDuration: 868,
|
|
27
|
+
dissolveDuration: 744
|
|
28
|
+
}, {
|
|
29
|
+
leftPercent: 31.7,
|
|
30
|
+
topOffset: 7,
|
|
31
|
+
size: 14,
|
|
32
|
+
triggerDelay: 550,
|
|
33
|
+
appearDuration: 868,
|
|
34
|
+
dissolveDuration: 744
|
|
35
|
+
}, {
|
|
36
|
+
leftPercent: 37.8,
|
|
37
|
+
topOffset: -5,
|
|
38
|
+
size: 14,
|
|
39
|
+
triggerDelay: 250,
|
|
40
|
+
appearDuration: 744,
|
|
41
|
+
dissolveDuration: 868
|
|
42
|
+
}, {
|
|
43
|
+
leftPercent: 58.7,
|
|
44
|
+
topOffset: 5,
|
|
45
|
+
size: 20,
|
|
46
|
+
triggerDelay: 50,
|
|
47
|
+
appearDuration: 868,
|
|
48
|
+
dissolveDuration: 868
|
|
49
|
+
}, {
|
|
50
|
+
leftPercent: 88.7,
|
|
51
|
+
topOffset: -5,
|
|
52
|
+
size: 14,
|
|
53
|
+
triggerDelay: 250,
|
|
54
|
+
appearDuration: 744,
|
|
55
|
+
dissolveDuration: 868
|
|
56
|
+
}];
|
|
57
|
+
const SparkleItem = ({
|
|
58
|
+
config,
|
|
59
|
+
color
|
|
60
|
+
}) => {
|
|
61
|
+
const loop = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
62
|
+
(0, _react.useEffect)(() => {
|
|
63
|
+
// Loop value: 0 = Start (invisible), 1 = End (visible), 2 = dissolved back to Start
|
|
64
|
+
// Cycle: wait → SMART_ANIMATE to End → hold → DISSOLVE back → instant reset → repeat
|
|
65
|
+
loop.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withDelay)(config.triggerDelay, (0, _reactNativeReanimated.withTiming)(1, {
|
|
66
|
+
duration: config.appearDuration,
|
|
67
|
+
easing: QUICK
|
|
68
|
+
})), (0, _reactNativeReanimated.withDelay)(END_HOLD_MS, (0, _reactNativeReanimated.withTiming)(2, {
|
|
69
|
+
duration: config.dissolveDuration,
|
|
70
|
+
easing: QUICK
|
|
71
|
+
})), (0, _reactNativeReanimated.withTiming)(0, {
|
|
72
|
+
duration: 0
|
|
73
|
+
})), -1, false);
|
|
74
|
+
return () => (0, _reactNativeReanimated.cancelAnimation)(loop);
|
|
75
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
76
|
+
}, []);
|
|
77
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
78
|
+
const v = loop.value;
|
|
79
|
+
if (v <= 1) {
|
|
80
|
+
// SMART_ANIMATE phase: scale + rotation morph from Start → End
|
|
81
|
+
return {
|
|
82
|
+
opacity: v,
|
|
83
|
+
transform: [{
|
|
84
|
+
scale: v
|
|
85
|
+
}, {
|
|
86
|
+
rotate: `${(-90 + v * 90).toFixed(1)}deg`
|
|
87
|
+
}]
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
// DISSOLVE phase: fade out only, shape stays at End
|
|
91
|
+
return {
|
|
92
|
+
opacity: 2 - v,
|
|
93
|
+
transform: [{
|
|
94
|
+
scale: 1
|
|
95
|
+
}, {
|
|
96
|
+
rotate: '0deg'
|
|
97
|
+
}]
|
|
98
|
+
};
|
|
99
|
+
}, [loop]);
|
|
100
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
101
|
+
style: [styles.sparkle, animatedStyle, {
|
|
102
|
+
left: `${config.leftPercent}%`,
|
|
103
|
+
top: config.topOffset,
|
|
104
|
+
width: config.size,
|
|
105
|
+
height: config.size
|
|
106
|
+
}],
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkleIcon.SparkleIcon, {
|
|
108
|
+
size: config.size,
|
|
109
|
+
color: color
|
|
110
|
+
})
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
const ProgressBarSparkles = ({
|
|
114
|
+
color
|
|
115
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
116
|
+
children: SPARKLE_CONFIGS.map((config, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(SparkleItem, {
|
|
117
|
+
config: config,
|
|
118
|
+
color: color
|
|
119
|
+
}, index))
|
|
120
|
+
});
|
|
121
|
+
exports.ProgressBarSparkles = ProgressBarSparkles;
|
|
122
|
+
const styles = _reactNative.StyleSheet.create({
|
|
123
|
+
sparkle: {
|
|
124
|
+
position: 'absolute'
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
//# sourceMappingURL=ProgressBarSparkles.js.map
|
package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBarSparkles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_SparkleIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QUICK","Easing","bezier","END_HOLD_MS","SPARKLE_CONFIGS","leftPercent","topOffset","size","triggerDelay","appearDuration","dissolveDuration","SparkleItem","config","color","loop","useSharedValue","useEffect","value","withRepeat","withSequence","withDelay","withTiming","duration","easing","cancelAnimation","animatedStyle","useAnimatedStyle","v","opacity","transform","scale","rotate","toFixed","jsx","View","style","styles","sparkle","left","top","width","height","children","SparkleIcon","ProgressBarSparkles","Fragment","map","index","exports","StyleSheet","create","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBarSparkles.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/commonjs/features/fluency/components/select-math-operator/SelectMathOperator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,KAAK;IAAEC;EAAkB,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EACjD,MAAMC,WAAW,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAAC;EAC/C,MAAMD,MAAM,GAAG,IAAAD,sBAAO,EAACJ,KAAK,CAACK,MAAM,CAACE,KAAK,CAAC;EAE1C,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,+BAAa,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MAC7D,MAAMC,cAAc,GAAGL,IAAI,KAAKb,WAAW;MAC3C,MAAMmB,QAAQ,GAAG,CAACjB,MAAM,EAAEkB,UAAU,CAACP,IAAI,CAAC,CAACQ,cAAc,IAAI,CAAC,IAAI,GAAG;MAErE,oBACE,IAAA/B,WAAA,CAAAe,GAAA,EAAClB,gBAAA,CAAAmC,eAAe;QAEdC,KAAK,EAAE5B,CAAC,CAACmB,KAAK,CAAE;QAChBU,IAAI,eACF,IAAAlC,WAAA,CAAAe,GAAA,EAACrB,cAAA,CAAAyC,UAAU;UACTC,OAAO,EAAEC,8BAAe,CAACC,EAAG;UAC5BrB,KAAK,EAAE,CAACC,MAAM,CAACO,MAAM,EAAEG,cAAc,IAAIV,MAAM,CAACqB,cAAc,CAAE;UAAAnB,QAAA,EAE/DK;QAAM,CACG,CACb;QACDI,QAAQ,EAAEA,QAAS;QACnBW,KAAK,EAAEd,MAAO;QACde,QAAQ,EAAEb,cAAe;QACzBc,QAAQ,EAAEA,CAAA,KAAM;UACdnC,KAAK,CAACK,MAAM,CAAC+B,OAAO,CAACpB,IAAI,CAAC;UAC1Bf,iBAAiB,GAAGe,IAAI,CAAC;QAC3B,CAAE;QACFqB,WAAW,EAAEjB,KAAK,GAAGN,+BAAa,CAACwB,MAAM,GAAG;MAAE,GAjBzCtB,IAkBN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAuB,OAAA,CAAA1C,kBAAA,GAAAA,kBAAA;AAED,MAAMc,MAAM,GAAG6B,uBAAU,CAACC,MAAM,CAAC;EAC/B7B,SAAS,EAAE;IACT8B,SAAS,EAAE,YAAY;IACvBC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjC,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDjC,MAAM,EAAE;IACNkC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
10
|
var _effectorReact = require("effector-react");
|
|
11
11
|
var _studentsFeatures = require("@magmamath/students-features");
|
|
12
|
+
var _i18n = require("../../../../i18n/i18n.js");
|
|
12
13
|
var _FluencyContext = require("../../context/FluencyContext.js");
|
|
13
14
|
var _fluencyConstants = require("../../fluency.constants.js");
|
|
14
15
|
var _fluencySolvingHelpers = require("../fluency-solving/fluencySolving.helpers.js");
|
|
@@ -20,21 +21,26 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
20
21
|
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); }
|
|
21
22
|
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; }
|
|
22
23
|
const FluencySessionResults = ({
|
|
23
|
-
studentName,
|
|
24
24
|
onClosePress,
|
|
25
25
|
onEndModalPress
|
|
26
26
|
}) => {
|
|
27
27
|
const [isOpen, setIsOpen] = (0, _react.useState)(true);
|
|
28
|
+
const t = (0, _i18n.useText)();
|
|
28
29
|
const {
|
|
29
30
|
model
|
|
30
31
|
} = (0, _FluencyContext.useFluency)();
|
|
31
32
|
const {
|
|
32
33
|
outcomes,
|
|
33
|
-
completedDurationMs
|
|
34
|
+
completedDurationMs,
|
|
35
|
+
isSessionComplete,
|
|
36
|
+
config
|
|
34
37
|
} = (0, _effectorReact.useUnit)({
|
|
35
38
|
outcomes: model.solving.$outcomes,
|
|
36
|
-
completedDurationMs: model.solving.$completedDurationMs
|
|
39
|
+
completedDurationMs: model.solving.$completedDurationMs,
|
|
40
|
+
isSessionComplete: model.solving.$isSessionComplete,
|
|
41
|
+
config: model.$config
|
|
37
42
|
});
|
|
43
|
+
if (!isSessionComplete) return null;
|
|
38
44
|
const correctCount = outcomes.filter(o => o.status === _fluencyConstants.AttemptStatus.CORRECT).length;
|
|
39
45
|
const maxStreak = (0, _fluencySolvingHelpers.calculateMaxStreak)(outcomes);
|
|
40
46
|
const durationDisplay = (0, _fluencySolvingHelpers.formatSessionDuration)(completedDurationMs);
|
|
@@ -47,12 +53,14 @@ const FluencySessionResults = ({
|
|
|
47
53
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
48
54
|
style: styles.container,
|
|
49
55
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
50
|
-
style: styles.snurrisnurrLayer,
|
|
51
|
-
|
|
56
|
+
style: [styles.snurrisnurrLayer, {
|
|
57
|
+
pointerEvents: 'none'
|
|
58
|
+
}],
|
|
52
59
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnurrisnurrBg.SnurrisnurrBg, {})
|
|
53
60
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
54
|
-
style: styles.trophyLayer,
|
|
55
|
-
|
|
61
|
+
style: [styles.trophyLayer, {
|
|
62
|
+
pointerEvents: 'none'
|
|
63
|
+
}],
|
|
56
64
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TrophyBg.TrophyBg, {})
|
|
57
65
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
58
66
|
style: styles.close,
|
|
@@ -72,16 +80,18 @@ const FluencySessionResults = ({
|
|
|
72
80
|
style: styles.titleContainer,
|
|
73
81
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
74
82
|
style: styles.title,
|
|
75
|
-
children:
|
|
76
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
83
|
+
children: t('student.fluency.resultTitle')
|
|
84
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
77
85
|
style: styles.subtitle,
|
|
78
|
-
children:
|
|
86
|
+
children: t('student.fluency.resultSubtitle', {
|
|
87
|
+
name: config?.name ?? ''
|
|
88
|
+
})
|
|
79
89
|
})]
|
|
80
90
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
81
91
|
style: styles.resultsContainer,
|
|
82
92
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
|
|
83
93
|
value: String(correctCount),
|
|
84
|
-
label:
|
|
94
|
+
label: t('student.fluency.resultCorrectCardLabel'),
|
|
85
95
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
|
|
86
96
|
size: 30,
|
|
87
97
|
color: _reactNativeUi.COLORS.NEUTRAL_1
|
|
@@ -89,7 +99,7 @@ const FluencySessionResults = ({
|
|
|
89
99
|
color: _reactNativeUi.COLORS.PRIMARY_GREEN
|
|
90
100
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
|
|
91
101
|
value: durationDisplay,
|
|
92
|
-
label:
|
|
102
|
+
label: t('student.fluency.fast'),
|
|
93
103
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
94
104
|
style: styles.timerIconOffset,
|
|
95
105
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
|
|
@@ -100,7 +110,7 @@ const FluencySessionResults = ({
|
|
|
100
110
|
color: _reactNativeUi.COLORS.PRIMARY_PURPLE
|
|
101
111
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionStatCard.SessionStatCard, {
|
|
102
112
|
value: String(maxStreak),
|
|
103
|
-
label:
|
|
113
|
+
label: t('student.fluency.resultStreakCardLabel'),
|
|
104
114
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FlameIcon.FlameIcon, {
|
|
105
115
|
size: 30,
|
|
106
116
|
color: _reactNativeUi.COLORS.NEUTRAL_1
|
|
@@ -118,7 +128,7 @@ const FluencySessionResults = ({
|
|
|
118
128
|
size: _reactNativeUi.ButtonSize.LARGE,
|
|
119
129
|
colorScheme: _reactNativeUi.ButtonColor.YELLOW,
|
|
120
130
|
raiseLevel: 6,
|
|
121
|
-
children:
|
|
131
|
+
children: t('student.fluency.claimProgress')
|
|
122
132
|
})
|
|
123
133
|
})]
|
|
124
134
|
})
|
package/dist/commonjs/features/fluency/components/session-results/FluencySessionResults.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_studentsFeatures","_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","CloseIcon","width","height","color","COLORS","NEUTRAL_7","variant","ButtonVariant","TERTIARY","titleContainer","Text","title","subtitle","name","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":"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","ignoreList":[]}
|
|
@@ -7,39 +7,13 @@ exports.StartBanner = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _GradientView = require("../../../../lib/components/GradientView.js");
|
|
10
11
|
var _BannerFlashcards = require("./BannerFlashcards.js");
|
|
11
12
|
var _FluencyContext = require("../../context/FluencyContext.js");
|
|
12
13
|
var _i18n = require("../../../../i18n/i18n.js");
|
|
13
14
|
var _FlashIcon = require("../../assets/FlashIcon.js");
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
const GradientBackground = _reactNative.Platform.select({
|
|
17
|
-
web: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
18
|
-
pointerEvents: "none",
|
|
19
|
-
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
20
|
-
backgroundImage: 'linear-gradient(90deg, #FFFFFF 23.1%, #FFF7E9 81.73%)'
|
|
21
|
-
}]
|
|
22
|
-
}),
|
|
23
|
-
default: () => {
|
|
24
|
-
const {
|
|
25
|
-
LinearGradient
|
|
26
|
-
} = require('expo-linear-gradient');
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
|
|
28
|
-
colors: ['#FFFFFF', '#FFF7E9'],
|
|
29
|
-
locations: [0.231, 0.8173],
|
|
30
|
-
start: {
|
|
31
|
-
x: 0,
|
|
32
|
-
y: 0
|
|
33
|
-
},
|
|
34
|
-
end: {
|
|
35
|
-
x: 1,
|
|
36
|
-
y: 0
|
|
37
|
-
},
|
|
38
|
-
style: _reactNative.StyleSheet.absoluteFill,
|
|
39
|
-
pointerEvents: "none"
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
17
|
const StartBanner = () => {
|
|
44
18
|
const t = (0, _i18n.useText)();
|
|
45
19
|
const {
|
|
@@ -48,7 +22,23 @@ const StartBanner = () => {
|
|
|
48
22
|
} = (0, _FluencyContext.useFluency)();
|
|
49
23
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
50
24
|
style: styles.container,
|
|
51
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
25
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
26
|
+
style: styles.gradientClip,
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientView.GradientView, {
|
|
28
|
+
colors: ['#FFFFFF', '#FFF7E9'],
|
|
29
|
+
locations: [0.231, 0.8173],
|
|
30
|
+
start: {
|
|
31
|
+
x: 0,
|
|
32
|
+
y: 0
|
|
33
|
+
},
|
|
34
|
+
end: {
|
|
35
|
+
x: 1,
|
|
36
|
+
y: 0
|
|
37
|
+
},
|
|
38
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
39
|
+
pointerEvents: "none"
|
|
40
|
+
})
|
|
41
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
52
42
|
style: styles.buttonContainer,
|
|
53
43
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
54
44
|
style: styles.buttonGroup,
|
|
@@ -101,6 +91,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
101
91
|
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
102
92
|
..._reactNativeUi.SHADOWS[1]
|
|
103
93
|
},
|
|
94
|
+
gradientClip: {
|
|
95
|
+
..._reactNative.StyleSheet.absoluteFillObject,
|
|
96
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
97
|
+
overflow: 'hidden'
|
|
98
|
+
},
|
|
104
99
|
buttonContainer: {
|
|
105
100
|
alignItems: 'flex-start',
|
|
106
101
|
zIndex: 4
|
|
@@ -116,9 +111,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
116
111
|
},
|
|
117
112
|
buttonSubtitle: {
|
|
118
113
|
fontSize: 13,
|
|
119
|
-
fontWeight: '
|
|
114
|
+
fontWeight: '700',
|
|
120
115
|
color: _reactNativeUi.COLORS.BLACK,
|
|
121
|
-
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
|
|
116
|
+
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
|
|
117
|
+
textTransform: 'uppercase'
|
|
122
118
|
},
|
|
123
119
|
flashcard: {
|
|
124
120
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_BannerFlashcards","_FluencyContext","_i18n","_FlashIcon","_jsxRuntime","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_GradientView","_BannerFlashcards","_FluencyContext","_i18n","_FlashIcon","_jsxRuntime","e","__esModule","default","StartBanner","t","useText","model","onStartPress","useFluency","jsxs","View","style","styles","container","children","jsx","gradientClip","GradientView","colors","locations","start","x","y","end","StyleSheet","absoluteFill","pointerEvents","buttonContainer","buttonGroup","Button","onPress","solving","disabled","isLoading","isActive","icon","FlashIcon","color","COLORS","NEUTRAL_1","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","button","Typography","buttonSubtitle","BannerFlashcards","examples","left","right","exports","create","flex","height","justifyContent","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","SHADOWS","absoluteFillObject","overflow","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","fontFamily","FONT_FAMILY","buenosAires","flashcard","position","backgroundColor","springIcon","bottom","marginTop","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAaA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAkD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3C,MAAMG,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAE5C,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAf,WAAA,CAAAgB,GAAA,EAACvB,YAAA,CAAAkB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,YAAa;MAAAF,QAAA,eAC/B,IAAAf,WAAA,CAAAgB,GAAA,EAACrB,aAAA,CAAAuB,YAAY;QACXC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;QAC/BC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,CAAE;QAC3BC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBX,KAAK,EAAEa,uBAAU,CAACC,YAAa;QAC/BC,aAAa,EAAC;MAAM,CACrB;IAAC,CACE,CAAC,eAEP,IAAA3B,WAAA,CAAAgB,GAAA,EAACvB,YAAA,CAAAkB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACe,eAAgB;MAAAb,QAAA,eAClC,IAAAf,WAAA,CAAAU,IAAA,EAACjB,YAAA,CAAAkB,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACgB,WAAY;QAAAd,QAAA,gBAC9B,IAAAf,WAAA,CAAAgB,GAAA,EAACtB,cAAA,CAAAoC,MAAM;UACLC,OAAO,EAAEA,CAAA,KAAM;YACbxB,KAAK,CAACyB,OAAO,CAACX,KAAK,CAAC,CAAC;YACrBb,YAAY,GAAG,CAAC;UAClB,CAAE;UACFyB,QAAQ,EAAE,KAAM;UAChBC,SAAS,EAAE,KAAM;UACjBC,QAAQ,EAAE,KAAM;UAChBC,IAAI,eAAE,IAAApC,WAAA,CAAAgB,GAAA,EAACjB,UAAA,CAAAsC,SAAS;YAACC,KAAK,EAAEC,qBAAM,CAACC;UAAU,CAAE,CAAE;UAC7CC,OAAO,EAAEC,4BAAa,CAACC,OAAQ;UAC/BC,IAAI,EAAEC,yBAAU,CAACC,KAAM;UACvBC,WAAW,EAAEC,0BAAW,CAACC,MAAO;UAChCC,UAAU,EAAE,CAAE;UACdtC,KAAK,EAAE;YAAEE,SAAS,EAAED,MAAM,CAACsC;UAAO,CAAE;UAAApC,QAAA,EAEnCV,CAAC,CAAC,+BAA+B;QAAC,CAC7B,CAAC,eACT,IAAAL,WAAA,CAAAU,IAAA,EAAChB,cAAA,CAAA0D,UAAU;UAACxC,KAAK,EAAEC,MAAM,CAACwC,cAAe;UAAAtC,QAAA,GAAC,KACrC,EAACV,CAAC,CAAC,4BAA4B,CAAC;QAAA,CACzB,CAAC;MAAA,CACT;IAAC,CACH,CAAC,eAEP,IAAAL,WAAA,CAAAgB,GAAA,EAACpB,iBAAA,CAAA0D,gBAAgB;MACfC,QAAQ,EAAE,CACR;QAAEC,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC,EAC7B;QAAED,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC,EAC7B;QAAED,IAAI,EAAE,IAAI;QAAEC,KAAK,EAAE;MAAM,CAAC;IAC5B,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAtD,WAAA,GAAAA,WAAA;AAED,MAAMS,MAAM,GAAGY,uBAAU,CAACkC,MAAM,CAAC;EAC/B7C,SAAS,EAAE;IACT8C,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChC,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDnD,YAAY,EAAE;IACZ,GAAGQ,uBAAU,CAAC4C,kBAAkB;IAChCH,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCG,QAAQ,EAAE;EACZ,CAAC;EACD1C,eAAe,EAAE;IACf2C,UAAU,EAAE,YAAY;IACxBC,MAAM,EAAE;EACV,CAAC;EACD3C,WAAW,EAAE;IACX0C,UAAU,EAAE,QAAQ;IACpBE,GAAG,EAAET,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDb,MAAM,EAAE;IACNuB,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,aAAa,EAAE;EACjB,CAAC;EACDvB,cAAc,EAAE;IACdwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBxC,KAAK,EAAEC,qBAAM,CAACwC,KAAK;IACnBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCN,aAAa,EAAE;EACjB,CAAC;EACDO,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAE9C,qBAAM,CAACC,SAAS;IACjC+B,UAAU,EAAE,QAAQ;IACpBT,cAAc,EAAE,QAAQ;IACxB,GAAGM,sBAAO,CAAC,CAAC;EACd,CAAC;EACDkB,UAAU,EAAE;IACVF,QAAQ,EAAE,UAAU;IACpBG,MAAM,EAAE,CAAC,EAAE;IACX9B,KAAK,EAAE,CAAC;IACR+B,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -36,6 +36,7 @@ let StreakStatus = exports.StreakStatus = /*#__PURE__*/function (StreakStatus) {
|
|
|
36
36
|
StreakStatus["MISSED"] = "missed";
|
|
37
37
|
StreakStatus["GAINED"] = "gained";
|
|
38
38
|
StreakStatus["TODAY"] = "today";
|
|
39
|
+
StreakStatus["TODAY_GAINED"] = "today_gained";
|
|
39
40
|
return StreakStatus;
|
|
40
41
|
}({});
|
|
41
42
|
let AttemptStatus = exports.AttemptStatus = /*#__PURE__*/function (AttemptStatus) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeUi","require","_fluencyHelpers","FALLBACK_MATRIX_SIZE","exports","MAX_INPUT_LENGTH","SESSION_LENGTH","TIME_THRESHOLD_MS","FLUSH_ATTEMPTS_COUNT","FluencyMode","FluencyMasteryLevel","FluencyColorFamily","StreakStatus","AttemptStatus","MatrixConfig","COLOR_FAMILY_PALETTES","GREEN","shades","COLORS","GREEN_2","GREEN_3","PRIMARY_GREEN","GREEN_6","button","ButtonColor","select","SelectOptionColor","ORANGE","ORANGE_2","ORANGE_3","PRIMARY_ORANGE","ORANGE_6","BLUE","BLUE_2","BLUE_3","PRIMARY_BLUE","BLUE_6","PURPLE","PURPLE_2","PURPLE_3","PRIMARY_PURPLE","PURPLE_6","FLUENCY_MODES","createFluencyMode","mode","ADDITION","label","symbol","colorFamily","SUBTRACTION","MULTIPLICATION","DIVISION","FLUENCY_MODE_PRESETS","Object","fromEntries","map","preset"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,EAAE;AAC/B,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,CAAC;AAC1B,MAAMC,cAAc,GAAAF,OAAA,CAAAE,cAAA,GAAG,EAAE;AACzB,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,IAAI;AAC9B,MAAMC,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAG,CAAC;AAAA,IAEzBC,WAAW,GAAAL,OAAA,CAAAK,WAAA,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAAA,IAOXC,mBAAmB,GAAAN,OAAA,CAAAM,mBAAA,0BAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAAA,IAOnBC,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAAA,IAOlBC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAAA,
|
|
1
|
+
{"version":3,"names":["_reactNativeUi","require","_fluencyHelpers","FALLBACK_MATRIX_SIZE","exports","MAX_INPUT_LENGTH","SESSION_LENGTH","TIME_THRESHOLD_MS","FLUSH_ATTEMPTS_COUNT","FluencyMode","FluencyMasteryLevel","FluencyColorFamily","StreakStatus","AttemptStatus","MatrixConfig","COLOR_FAMILY_PALETTES","GREEN","shades","COLORS","GREEN_2","GREEN_3","PRIMARY_GREEN","GREEN_6","button","ButtonColor","select","SelectOptionColor","ORANGE","ORANGE_2","ORANGE_3","PRIMARY_ORANGE","ORANGE_6","BLUE","BLUE_2","BLUE_3","PRIMARY_BLUE","BLUE_6","PURPLE","PURPLE_2","PURPLE_3","PRIMARY_PURPLE","PURPLE_6","FLUENCY_MODES","createFluencyMode","mode","ADDITION","label","symbol","colorFamily","SUBTRACTION","MULTIPLICATION","DIVISION","FLUENCY_MODE_PRESETS","Object","fromEntries","map","preset"],"sourceRoot":"../../../../src","sources":["features/fluency/fluency.constants.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -55,6 +55,7 @@ const buildMatrixGrid = (data, mode) => {
|
|
|
55
55
|
const maxRow = Math.max(0, ...facts.map(f => f.position.row));
|
|
56
56
|
const maxColumn = Math.max(0, ...facts.map(f => f.position.column));
|
|
57
57
|
const isDivision = mode === _fluencyConstants.FluencyMode.DIVISION;
|
|
58
|
+
const isCommutative = mode === _fluencyConstants.FluencyMode.ADDITION || mode === _fluencyConstants.FluencyMode.MULTIPLICATION;
|
|
58
59
|
const factAt = (row, col) => facts.find(f => f.position.row === row && f.position.column === col);
|
|
59
60
|
|
|
60
61
|
// Division columns are 1-indexed in the API (÷1, ÷2...); all others are 0-indexed
|
|
@@ -84,11 +85,15 @@ const buildMatrixGrid = (data, mode) => {
|
|
|
84
85
|
numbers: null
|
|
85
86
|
}, ...columnNumbers.map(col => {
|
|
86
87
|
const fact = factAt(row, col);
|
|
88
|
+
const mirrorFact = isCommutative ? factAt(col, row) : null;
|
|
89
|
+
const primaryBox = fact?.box ?? null;
|
|
90
|
+
const mirrorBox = mirrorFact?.box ?? null;
|
|
91
|
+
const effectiveBox = primaryBox !== null && mirrorBox !== null ? Math.max(primaryBox, mirrorBox) : primaryBox ?? mirrorBox;
|
|
87
92
|
const numbers = fact?.numbers ?? (isDivision ? [row * col, col] : [row, col]);
|
|
88
93
|
return {
|
|
89
94
|
isHeader: false,
|
|
90
95
|
label: null,
|
|
91
|
-
box:
|
|
96
|
+
box: effectiveBox,
|
|
92
97
|
numbers
|
|
93
98
|
};
|
|
94
99
|
})]);
|