@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
package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyCardDeck.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_GradientView","_FluencyEquationCard","_fluencyConstants","_jsxRuntime","e","__esModule","default","CARD_GRADIENT_COLORS","AttemptStatus","CORRECT","INCORRECT","hideAnswer","cardContent","answer","FluencyCardDeck","currentCardContent","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","backingCardContent","jsxs","View","style","styles","stack","children","jsx","card","cardFar","far","cardMid","mid","cardNear","near","FluencyEquationCard","readOnly","cardFront","front","cardIncorrect","cardCorrect","GradientView","colors","StyleSheet","absoluteFill","borderRadius","BORDER_RADIUS","pointerEvents","status","undefined","exports","create","width","maxWidth","height","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","position","top","left","right","opacity","alignItems","justifyContent","borderWidth","borderColor","PRIMARY_GREEN","PRIMARY_RED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyCardDeck.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AAEA,IAAAM,iBAAA,GAAAN,OAAA;AAA0D,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG1D,MAAMG,oBAA+F,GAAG;EACtG,CAACC,+BAAa,CAACC,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;EAC/C,CAACD,+BAAa,CAACE,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS;AAClD,CAAC;AAUD,MAAMC,UAAU,GAAIC,WAAsC,KAAiC;EACzF,GAAGA,WAAW;EACdC,MAAM,EAAE;AACV,CAAC,CAAC;AAEK,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,kBAAkB;EAClBC,kBAAkB;EAClBC,iBAAiB;EACjBC,UAAU;EACVC;AACoB,CAAC,KAAK;EAC1B,MAAMC,kBAAkB,GAAGT,UAAU,CAACI,kBAAkB,CAAC;EAEzD,oBACE,IAAAZ,WAAA,CAAAkB,IAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;IAAAC,QAAA,gBACxB,IAAAvB,WAAA,CAAAwB,GAAA,EAAC7B,sBAAA,CAAAQ,OAAQ,CAACgB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEJ,MAAM,CAACK,OAAO,EAAEX,UAAU,CAACY,GAAG;IAAE,CAAE,CAAC,eACvE,IAAA3B,WAAA,CAAAwB,GAAA,EAAC7B,sBAAA,CAAAQ,OAAQ,CAACgB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEJ,MAAM,CAACO,OAAO,EAAEb,UAAU,CAACc,GAAG;IAAE,CAAE,CAAC,eAEvE,IAAA7B,WAAA,CAAAwB,GAAA,EAAC7B,sBAAA,CAAAQ,OAAQ,CAACgB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEJ,MAAM,CAACS,QAAQ,EAAEf,UAAU,CAACgB,IAAI,CAAE;MAAAR,QAAA,eACpE,IAAAvB,WAAA,CAAAwB,GAAA,EAAC1B,oBAAA,CAAAkC,mBAAmB;QAACvB,WAAW,EAAEQ,kBAAmB;QAACgB,QAAQ;MAAA,CAAE;IAAC,CACpD,CAAC,EAEf,CAACpB,kBAAkB,iBAClB,IAAAb,WAAA,CAAAwB,GAAA,EAAC7B,sBAAA,CAAAQ,OAAQ,CAACgB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEJ,MAAM,CAACa,SAAS,CAAE;MAAAX,QAAA,eACpD,IAAAvB,WAAA,CAAAwB,GAAA,EAAC1B,oBAAA,CAAAkC,mBAAmB;QAACvB,WAAW,EAAEG,kBAAmB;QAACI,cAAc,EAAEA;MAAe,CAAE;IAAC,CAC3E,CAChB,EAEAH,kBAAkB,iBACjB,IAAAb,WAAA,CAAAkB,IAAA,EAACvB,sBAAA,CAAAQ,OAAQ,CAACgB,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACI,IAAI,EACXJ,MAAM,CAACa,SAAS,EAChBnB,UAAU,CAACoB,KAAK,EAChBrB,iBAAiB,KAAKT,+BAAa,CAACE,SAAS,IAAIc,MAAM,CAACe,aAAa,EACrEtB,iBAAiB,KAAKT,+BAAa,CAACC,OAAO,IAAIe,MAAM,CAACgB,WAAW,CACjE;MAAAd,QAAA,GAED,CAACT,iBAAiB,KAAKT,+BAAa,CAACC,OAAO,IAC3CQ,iBAAiB,KAAKT,+BAAa,CAACE,SAAS,kBAC7C,IAAAP,WAAA,CAAAwB,GAAA,EAAC3B,aAAA,CAAAyC,YAAY;QACXC,MAAM,EAAEnC,oBAAoB,CAACU,iBAAiB,CAAE;QAChDM,KAAK,EAAE,CAACoB,uBAAU,CAACC,YAAY,EAAE;UAAEC,YAAY,EAAEC,4BAAa,CAAC,GAAG;QAAE,CAAC,CAAE;QACvEC,aAAa,EAAC;MAAM,CACrB,CACF,eACD,IAAA5C,WAAA,CAAAwB,GAAA,EAAC1B,oBAAA,CAAAkC,mBAAmB;QAClBvB,WAAW,EAAEI,kBAAmB;QAChCgC,MAAM,EAAE/B,iBAAiB,IAAIgC,SAAU;QACvCb,QAAQ;MAAA,CACT,CAAC;IAAA,CACW,CAChB;EAAA,CACG,CAAC;AAEX,CAAC;AAAAc,OAAA,CAAApC,eAAA,GAAAA,eAAA;AAED,MAAMU,MAAM,GAAGmB,uBAAU,CAACQ,MAAM,CAAC;EAC/B1B,KAAK,EAAE;IACL2B,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDzB,IAAI,EAAE;IACJ0B,MAAM,EAAE,GAAG;IACXT,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCS,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjC,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACD7B,OAAO,EAAE;IACP8B,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE;EACX,CAAC;EACDhC,OAAO,EAAE;IACP4B,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE;EACT,CAAC;EACD7B,QAAQ,EAAE;IACR0B,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGP,sBAAO,CAAC,CAAC;EACd,CAAC;EACDrB,SAAS,EAAE;IACT2B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDzB,WAAW,EAAE;IACX0B,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAEX,qBAAM,CAACY;EACtB,CAAC;EACD7B,aAAa,EAAE;IACb2B,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAEX,qBAAM,CAACa;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencyEquationCard.js
CHANGED
|
@@ -5,94 +5,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.FluencyEquationCard = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _effectorReact = require("effector-react");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
11
|
-
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
12
8
|
var _EquationContent = require("./EquationContent.js");
|
|
13
|
-
var _FluencyContext = require("../../../context/FluencyContext.js");
|
|
14
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
const
|
|
17
|
-
animationStyles
|
|
18
|
-
}) => {
|
|
19
|
-
const {
|
|
20
|
-
model
|
|
21
|
-
} = (0, _FluencyContext.useFluency)();
|
|
22
|
-
const {
|
|
23
|
-
answer,
|
|
24
|
-
fact
|
|
25
|
-
} = (0, _effectorReact.useUnit)({
|
|
26
|
-
answer: model.solving.$answer,
|
|
27
|
-
fact: model.solving.$current
|
|
28
|
-
});
|
|
11
|
+
const getDisplayedEquation = fact => {
|
|
29
12
|
const left = fact?.numbers[0] ?? 0;
|
|
30
13
|
const right = fact?.numbers[1] ?? 0;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
14
|
+
return {
|
|
15
|
+
leftOperand: left,
|
|
16
|
+
rightOperand: right,
|
|
17
|
+
mode: fact?.mode
|
|
34
18
|
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
rightOperand: right,
|
|
53
|
-
value: answer ?? '',
|
|
54
|
-
onChange: updateAnswer
|
|
55
|
-
})
|
|
56
|
-
})]
|
|
19
|
+
};
|
|
20
|
+
const FluencyEquationCard = ({
|
|
21
|
+
cardContent,
|
|
22
|
+
readOnly = false,
|
|
23
|
+
status,
|
|
24
|
+
onAnswerChange
|
|
25
|
+
}) => {
|
|
26
|
+
const equation = getDisplayedEquation(cardContent.fact);
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
|
|
28
|
+
leftOperand: equation.leftOperand,
|
|
29
|
+
rightOperand: equation.rightOperand,
|
|
30
|
+
mode: equation.mode,
|
|
31
|
+
value: cardContent.answer,
|
|
32
|
+
readOnly: readOnly,
|
|
33
|
+
status: status,
|
|
34
|
+
correctAnswer: cardContent.fact?.answer,
|
|
35
|
+
onChange: onAnswerChange
|
|
57
36
|
});
|
|
58
37
|
};
|
|
59
38
|
exports.FluencyEquationCard = FluencyEquationCard;
|
|
60
|
-
const styles = _reactNative.StyleSheet.create({
|
|
61
|
-
stack: {
|
|
62
|
-
width: '100%',
|
|
63
|
-
maxWidth: 560
|
|
64
|
-
},
|
|
65
|
-
card: {
|
|
66
|
-
height: 260,
|
|
67
|
-
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
68
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
69
|
-
..._reactNativeUi.SHADOWS[5]
|
|
70
|
-
},
|
|
71
|
-
cardFar: {
|
|
72
|
-
position: 'absolute',
|
|
73
|
-
top: 36,
|
|
74
|
-
left: 60,
|
|
75
|
-
right: 60,
|
|
76
|
-
opacity: 0
|
|
77
|
-
},
|
|
78
|
-
cardMid: {
|
|
79
|
-
position: 'absolute',
|
|
80
|
-
top: 24,
|
|
81
|
-
left: 40,
|
|
82
|
-
right: 40
|
|
83
|
-
},
|
|
84
|
-
cardNear: {
|
|
85
|
-
position: 'absolute',
|
|
86
|
-
top: 12,
|
|
87
|
-
left: 20,
|
|
88
|
-
right: 20,
|
|
89
|
-
alignItems: 'center',
|
|
90
|
-
justifyContent: 'center',
|
|
91
|
-
..._reactNativeUi.SHADOWS[5]
|
|
92
|
-
},
|
|
93
|
-
cardFront: {
|
|
94
|
-
alignItems: 'center',
|
|
95
|
-
justifyContent: 'center'
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
39
|
//# sourceMappingURL=FluencyEquationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_EquationContent","_jsxRuntime","e","__esModule","default","getDisplayedEquation","fact","left","numbers","right","leftOperand","rightOperand","mode","FluencyEquationCard","cardContent","readOnly","status","onAnswerChange","equation","jsx","EquationContent","value","answer","correctAnswer","onChange","exports"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyEquationCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiBnD,MAAMG,oBAAoB,GAAIC,IAAwB,IAAwB;EAC5E,MAAMC,IAAI,GAAGD,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAClC,MAAMC,KAAK,GAAGH,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAEnC,OAAO;IACLE,WAAW,EAAEH,IAAI;IACjBI,YAAY,EAAEF,KAAK;IACnBG,IAAI,EAAEN,IAAI,EAAEM;EACd,CAAC;AACH,CAAC;AAEM,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC;AACwB,CAAC,KAAK;EAC9B,MAAMC,QAAQ,GAAGb,oBAAoB,CAACS,WAAW,CAACR,IAAI,CAAC;EAEvD,oBACE,IAAAL,WAAA,CAAAkB,GAAA,EAACnB,gBAAA,CAAAoB,eAAe;IACdV,WAAW,EAAEQ,QAAQ,CAACR,WAAY;IAClCC,YAAY,EAAEO,QAAQ,CAACP,YAAa;IACpCC,IAAI,EAAEM,QAAQ,CAACN,IAAK;IACpBS,KAAK,EAAEP,WAAW,CAACQ,MAAO;IAC1BP,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfO,aAAa,EAAET,WAAW,CAACR,IAAI,EAAEgB,MAAO;IACxCE,QAAQ,EAAEP;EAAe,CAC1B,CAAC;AAEN,CAAC;AAAAQ,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
package/dist/commonjs/features/fluency/components/fluency-solving/components/FluencySolvingCard.js
CHANGED
|
@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.FluencySolvingCard = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
9
|
var _effectorReact = require("effector-react/effector-react.mjs");
|
|
10
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
11
11
|
var _FluencyNumpad = require("./FluencyNumpad.js");
|
|
12
|
-
var
|
|
12
|
+
var _FluencyCardDeck = require("./FluencyCardDeck.js");
|
|
13
13
|
var _FluencyContext = require("../../../context/FluencyContext.js");
|
|
14
|
-
var
|
|
14
|
+
var _useFluencyCardDeckAnimation = require("../../../hooks/useFluencyCardDeckAnimation.js");
|
|
15
15
|
var _useSuccessSound = require("../../../hooks/useSuccessSound.js");
|
|
16
|
+
var _fluencyConstants = require("../../../fluency.constants.js");
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
19
|
const FluencySolvingCard = () => {
|
|
@@ -20,30 +21,46 @@ const FluencySolvingCard = () => {
|
|
|
20
21
|
model
|
|
21
22
|
} = (0, _FluencyContext.useFluency)();
|
|
22
23
|
const {
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
currentAnswer,
|
|
25
|
+
currentFact
|
|
25
26
|
} = (0, _effectorReact.useUnit)({
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
currentAnswer: model.solving.$answer,
|
|
28
|
+
currentFact: model.solving.$current
|
|
28
29
|
});
|
|
29
|
-
const
|
|
30
|
+
const cardDeckAnimation = (0, _useFluencyCardDeckAnimation.useFluencyCardDeckAnimation)();
|
|
30
31
|
const successSound = (0, _useSuccessSound.useSuccessSound)();
|
|
32
|
+
const currentCardContent = {
|
|
33
|
+
fact: currentFact,
|
|
34
|
+
answer: currentAnswer ?? ''
|
|
35
|
+
};
|
|
36
|
+
const updateAnswer = text => {
|
|
37
|
+
const digits = text.replace(/\D/g, '');
|
|
38
|
+
model.solving.setAnswer(digits || null);
|
|
39
|
+
};
|
|
31
40
|
const submit = () => {
|
|
32
|
-
if (!
|
|
33
|
-
const isCorrect =
|
|
41
|
+
if (!currentFact) return;
|
|
42
|
+
const isCorrect = currentAnswer !== null && Number(currentAnswer) === currentFact.answer;
|
|
43
|
+
const direction = isCorrect ? 'right' : 'left';
|
|
44
|
+
const status = isCorrect ? _fluencyConstants.AttemptStatus.CORRECT : _fluencyConstants.AttemptStatus.INCORRECT;
|
|
45
|
+
if (!cardDeckAnimation.startCardExit({
|
|
46
|
+
cardContent: currentCardContent,
|
|
47
|
+
direction,
|
|
48
|
+
status
|
|
49
|
+
})) return;
|
|
34
50
|
if (isCorrect) {
|
|
35
51
|
successSound.play();
|
|
36
|
-
animation.trigger('right');
|
|
37
|
-
} else {
|
|
38
|
-
animation.trigger('left');
|
|
39
52
|
}
|
|
40
53
|
model.solving.submit();
|
|
41
54
|
};
|
|
42
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
43
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
44
57
|
style: styles.wrapper,
|
|
45
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
46
|
-
|
|
58
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyCardDeck.FluencyCardDeck, {
|
|
59
|
+
currentCardContent: currentCardContent,
|
|
60
|
+
exitingCardContent: cardDeckAnimation.exitingCardContent,
|
|
61
|
+
exitingCardStatus: cardDeckAnimation.exitingCardStatus,
|
|
62
|
+
snapStyles: cardDeckAnimation.snapStyles,
|
|
63
|
+
onAnswerChange: updateAnswer
|
|
47
64
|
})
|
|
48
65
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyNumpad.FluencyNumpad, {
|
|
49
66
|
onSubmit: submit
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_FluencyNumpad","_FluencyCardDeck","_FluencyContext","_useFluencyCardDeckAnimation","_useSuccessSound","_fluencyConstants","_jsxRuntime","e","__esModule","default","FluencySolvingCard","model","useFluency","currentAnswer","currentFact","useUnit","solving","$answer","$current","cardDeckAnimation","useFluencyCardDeckAnimation","successSound","useSuccessSound","currentCardContent","fact","answer","updateAnswer","text","digits","replace","setAnswer","submit","isCorrect","Number","direction","status","AttemptStatus","CORRECT","INCORRECT","startCardExit","cardContent","play","jsxs","View","children","jsx","style","styles","wrapper","FluencyCardDeck","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","FluencyNumpad","onSubmit","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,64 +8,80 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
10
|
var _fluencyConstants = require("../../../fluency.constants.js");
|
|
11
|
+
var _FluencySolvingProgressDot = require("./FluencySolvingProgressDot.js");
|
|
12
|
+
var _FluencyContext = require("../../../context/FluencyContext.js");
|
|
13
|
+
var _effectorReact = require("effector-react");
|
|
11
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
const
|
|
14
|
-
|
|
16
|
+
const GROUP_SIZE = 5;
|
|
17
|
+
const ProgressDot = ({
|
|
18
|
+
index,
|
|
15
19
|
activeIndex,
|
|
16
|
-
|
|
20
|
+
outcome
|
|
17
21
|
}) => {
|
|
22
|
+
if (index === activeIndex) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgressDot.FluencySolvingProgressDot, {});
|
|
23
|
+
if (index < activeIndex && outcome) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
24
|
+
style: DOT_STYLE_BY_OUTCOME[outcome.status]
|
|
25
|
+
});
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
|
+
style: styles.dot
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
const FluencySolvingProgress = () => {
|
|
31
|
+
const {
|
|
32
|
+
model
|
|
33
|
+
} = (0, _FluencyContext.useFluency)();
|
|
34
|
+
const outcomes = (0, _effectorReact.useUnit)(model.solving.$outcomes);
|
|
18
35
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
19
36
|
style: styles.container,
|
|
20
37
|
children: Array.from({
|
|
21
|
-
length:
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
const
|
|
28
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
29
|
-
|
|
38
|
+
length: _fluencyConstants.SESSION_LENGTH / GROUP_SIZE
|
|
39
|
+
}, (_, groupIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
40
|
+
style: styles.group,
|
|
41
|
+
children: Array.from({
|
|
42
|
+
length: GROUP_SIZE
|
|
43
|
+
}, (_, dotIndex) => {
|
|
44
|
+
const index = groupIndex * GROUP_SIZE + dotIndex;
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressDot, {
|
|
46
|
+
index: index,
|
|
47
|
+
activeIndex: outcomes.length,
|
|
48
|
+
outcome: outcomes[index]
|
|
30
49
|
}, index);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
style: styles.dot
|
|
34
|
-
}, index);
|
|
35
|
-
})
|
|
50
|
+
})
|
|
51
|
+
}, groupIndex))
|
|
36
52
|
});
|
|
37
53
|
};
|
|
38
54
|
exports.FluencySolvingProgress = FluencySolvingProgress;
|
|
39
55
|
const styles = _reactNative.StyleSheet.create({
|
|
40
56
|
container: {
|
|
41
57
|
flexDirection: 'row',
|
|
42
|
-
gap: _reactNativeUi.SPACING[
|
|
58
|
+
gap: _reactNativeUi.SPACING[500],
|
|
43
59
|
paddingHorizontal: _reactNativeUi.SPACING[600],
|
|
44
60
|
paddingVertical: 14,
|
|
45
|
-
justifyContent: 'center'
|
|
61
|
+
justifyContent: 'center',
|
|
62
|
+
alignItems: 'center'
|
|
63
|
+
},
|
|
64
|
+
group: {
|
|
65
|
+
flexDirection: 'row',
|
|
66
|
+
gap: 8,
|
|
67
|
+
alignItems: 'center'
|
|
46
68
|
},
|
|
47
69
|
dot: {
|
|
48
|
-
width:
|
|
49
|
-
height:
|
|
50
|
-
borderRadius:
|
|
70
|
+
width: 10,
|
|
71
|
+
height: 10,
|
|
72
|
+
borderRadius: 5,
|
|
51
73
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4
|
|
52
74
|
},
|
|
53
|
-
dotActive: {
|
|
54
|
-
width: 34,
|
|
55
|
-
height: 12,
|
|
56
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10,
|
|
57
|
-
borderRadius: 9999
|
|
58
|
-
},
|
|
59
75
|
dotCorrect: {
|
|
60
|
-
width:
|
|
61
|
-
height:
|
|
62
|
-
borderRadius:
|
|
76
|
+
width: 10,
|
|
77
|
+
height: 10,
|
|
78
|
+
borderRadius: 5,
|
|
63
79
|
backgroundColor: _reactNativeUi.COLORS.PRIMARY_GREEN
|
|
64
80
|
},
|
|
65
81
|
dotWrong: {
|
|
66
|
-
width:
|
|
67
|
-
height:
|
|
68
|
-
borderRadius:
|
|
82
|
+
width: 10,
|
|
83
|
+
height: 10,
|
|
84
|
+
borderRadius: 5,
|
|
69
85
|
backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
|
|
70
86
|
}
|
|
71
87
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyConstants","_jsxRuntime","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyConstants","_FluencySolvingProgressDot","_FluencyContext","_effectorReact","_jsxRuntime","e","__esModule","default","GROUP_SIZE","ProgressDot","index","activeIndex","outcome","jsx","FluencySolvingProgressDot","View","style","DOT_STYLE_BY_OUTCOME","status","styles","dot","FluencySolvingProgress","model","useFluency","outcomes","useUnit","solving","$outcomes","container","children","Array","from","length","SESSION_LENGTH","_","groupIndex","group","dotIndex","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingHorizontal","paddingVertical","justifyContent","alignItems","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_4","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","AttemptStatus","CORRECT","INCORRECT","SKIPPED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FluencySolvingProgressDot = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
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
|
+
const DOT_SIZE = 16;
|
|
15
|
+
const RING_SPREAD_MIN = 4;
|
|
16
|
+
const RING_SPREAD_MAX = 8;
|
|
17
|
+
const RING_SIZE = DOT_SIZE + RING_SPREAD_MAX * 2;
|
|
18
|
+
const RING_SCALE_MIN = (DOT_SIZE + RING_SPREAD_MIN * 2) / RING_SIZE;
|
|
19
|
+
const RING_OPACITY_MIN = 0.06;
|
|
20
|
+
const RING_OPACITY_MAX = 0.12;
|
|
21
|
+
const PULSE_DURATION_MS = 800;
|
|
22
|
+
const FluencySolvingProgressDot = () => {
|
|
23
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
24
|
+
(0, _react.useEffect)(() => {
|
|
25
|
+
progress.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
|
|
26
|
+
duration: PULSE_DURATION_MS,
|
|
27
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
28
|
+
}), (0, _reactNativeReanimated.withTiming)(0, {
|
|
29
|
+
duration: PULSE_DURATION_MS,
|
|
30
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
|
|
31
|
+
})), -1, false);
|
|
32
|
+
return () => (0, _reactNativeReanimated.cancelAnimation)(progress);
|
|
33
|
+
}, [progress]);
|
|
34
|
+
const ringStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
35
|
+
const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_SCALE_MIN, 1]);
|
|
36
|
+
const opacity = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_OPACITY_MAX, RING_OPACITY_MIN]);
|
|
37
|
+
return {
|
|
38
|
+
opacity,
|
|
39
|
+
transform: [{
|
|
40
|
+
scale
|
|
41
|
+
}]
|
|
42
|
+
};
|
|
43
|
+
}, [progress]);
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
45
|
+
style: styles.dot,
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
47
|
+
style: [styles.ring, ringStyle]
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
exports.FluencySolvingProgressDot = FluencySolvingProgressDot;
|
|
52
|
+
const styles = _reactNative.StyleSheet.create({
|
|
53
|
+
dot: {
|
|
54
|
+
width: DOT_SIZE,
|
|
55
|
+
height: DOT_SIZE,
|
|
56
|
+
borderRadius: DOT_SIZE / 2,
|
|
57
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10
|
|
58
|
+
},
|
|
59
|
+
ring: {
|
|
60
|
+
position: 'absolute',
|
|
61
|
+
top: -RING_SPREAD_MAX,
|
|
62
|
+
left: -RING_SPREAD_MAX,
|
|
63
|
+
width: RING_SIZE,
|
|
64
|
+
height: RING_SIZE,
|
|
65
|
+
borderRadius: RING_SIZE / 2,
|
|
66
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=FluencySolvingProgressDot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DOT_SIZE","RING_SPREAD_MIN","RING_SPREAD_MAX","RING_SIZE","RING_SCALE_MIN","RING_OPACITY_MIN","RING_OPACITY_MAX","PULSE_DURATION_MS","FluencySolvingProgressDot","progress","useSharedValue","useEffect","value","withRepeat","withSequence","withTiming","duration","easing","Easing","inOut","ease","cancelAnimation","ringStyle","useAnimatedStyle","scale","interpolate","opacity","transform","jsx","View","style","styles","dot","children","ring","exports","StyleSheet","create","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_10","position","top","left"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -37,13 +37,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
37
37
|
},
|
|
38
38
|
label: {
|
|
39
39
|
fontSize: 13,
|
|
40
|
-
lineHeight: 16,
|
|
41
40
|
color: _reactNativeUi.COLORS.NEUTRAL_9,
|
|
42
41
|
textAlign: 'center'
|
|
43
42
|
},
|
|
44
43
|
arrow: {
|
|
45
44
|
width: 0,
|
|
46
45
|
height: 0,
|
|
46
|
+
marginTop: -4,
|
|
47
47
|
borderLeftWidth: 9,
|
|
48
48
|
borderRightWidth: 9,
|
|
49
49
|
borderTopWidth: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","fontSize","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","fontSize","color","NEUTRAL_9","textAlign","width","height","marginTop","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAET,qBAAM,CAACU,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDjB,KAAK,EAAE;IACLkB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.MatrixCell = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
10
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
11
|
var _fluencyHelpers = require("../../../fluency.helpers.js");
|
|
11
12
|
var _fluencyConstants = require("../../../fluency.constants.js");
|
|
@@ -34,9 +35,12 @@ const MatrixCell = ({
|
|
|
34
35
|
const deactivate = () => setIsActive(false);
|
|
35
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
36
37
|
style: [styles.wrapper, showTooltip && styles.wrapperActive],
|
|
37
|
-
children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
39
|
+
entering: _reactNativeReanimated.FadeIn.duration(200),
|
|
40
|
+
exiting: _reactNativeReanimated.FadeOut.duration(200),
|
|
41
|
+
style: [styles.tooltipContainer, {
|
|
42
|
+
pointerEvents: 'none'
|
|
43
|
+
}],
|
|
40
44
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellTooltip.CellTooltip, {
|
|
41
45
|
label: tooltipLabel
|
|
42
46
|
})
|
|
@@ -73,16 +77,18 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
73
77
|
},
|
|
74
78
|
tooltipContainer: {
|
|
75
79
|
position: 'absolute',
|
|
76
|
-
bottom: '
|
|
80
|
+
bottom: '80%',
|
|
77
81
|
left: 0,
|
|
78
82
|
right: 0,
|
|
79
83
|
alignItems: 'center',
|
|
80
|
-
paddingBottom: _reactNativeUi.SPACING[50]
|
|
84
|
+
paddingBottom: _reactNativeUi.SPACING[50],
|
|
85
|
+
zIndex: 1
|
|
81
86
|
},
|
|
82
87
|
headerText: {
|
|
83
88
|
fontSize: 12,
|
|
84
89
|
fontWeight: '600',
|
|
85
|
-
color: _reactNativeUi.COLORS.
|
|
90
|
+
color: _reactNativeUi.COLORS.NEUTRAL_2,
|
|
91
|
+
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
|
|
86
92
|
},
|
|
87
93
|
symbolText: {
|
|
88
94
|
fontSize: 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","entering","FadeIn","duration","exiting","FadeOut","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}
|