@magmamath/students-features 1.3.26-rc.6 → 1.3.26-rc.7
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 +8 -5
- package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.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 +17 -7
- 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/useFluencyNumpad.js +3 -0
- package/dist/commonjs/features/fluency/hooks/useFluencyNumpad.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/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 +8 -5
- package/dist/module/features/fluency/components/fluency-solving/components/EquationContent.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 +17 -7
- 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/useFluencyNumpad.js +3 -0
- package/dist/module/features/fluency/hooks/useFluencyNumpad.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/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.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/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/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/usePreventPageLeave.d.ts +2 -0
- package/dist/typescript/commonjs/features/fluency/hooks/usePreventPageLeave.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.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/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/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/usePreventPageLeave.d.ts +2 -0
- package/dist/typescript/module/features/fluency/hooks/usePreventPageLeave.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 +15 -7
- 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/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 +15 -6
- package/src/features/fluency/fluency.constants.ts +1 -0
- package/src/features/fluency/fluency.helpers.ts +9 -1
- package/src/features/fluency/hooks/useFluencyNumpad.tsx +3 -0
- package/src/features/fluency/hooks/usePreventPageLeave.ts +11 -0
- package/src/i18n/.generated/schema.json +9 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SparkleIcon = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
const SparkleIcon = ({
|
|
15
|
+
size = 20,
|
|
16
|
+
color = _reactNativeUi.COLORS.NEUTRAL_9
|
|
17
|
+
}) => {
|
|
18
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
|
|
19
|
+
width: size,
|
|
20
|
+
height: size,
|
|
21
|
+
viewBox: "0 0 21 21",
|
|
22
|
+
fill: "none",
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
24
|
+
d: "M20.063 11.863c-3.688 1.348-6.782 4.42-8.24 8.244-.505 1.19-2.111 1.19-2.587 0-1.517-3.793-4.61-6.864-8.299-8.18-1.25-.502-1.25-2.352 0-2.79 3.688-1.348 6.782-4.42 8.24-8.244.505-1.19 2.111-1.19 2.587 0 1.517 3.793 4.61 6.864 8.299 8.18 1.25.502 1.25 2.352 0 2.79z",
|
|
25
|
+
fill: color
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
exports.SparkleIcon = SparkleIcon;
|
|
30
|
+
//# sourceMappingURL=SparkleIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SparkleIcon","size","color","COLORS","NEUTRAL_9","jsx","width","height","viewBox","fill","children","Path","d","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/SparkleIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEvD,MAAMmB,WAAW,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGC,qBAAM,CAACC;AAAqB,CAAC,KAAK;EACjF,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAU,OAAG;IAACoB,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC7D,IAAA/B,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAmC,IAAI;MACHC,CAAC,EAAC,0QAA0Q;MAC5QH,IAAI,EAAEP;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAAAW,OAAA,CAAAb,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -4,39 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.FluencySolving = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
-
var _effectorReact = require("effector-react");
|
|
11
|
-
var _fluencyConstants = require("../fluency.constants.js");
|
|
12
10
|
var _FluencyContext = require("../context/FluencyContext.js");
|
|
13
11
|
var _FluencySolvingHeader = require("./fluency-solving/components/FluencySolvingHeader.js");
|
|
14
12
|
var _FluencySolvingProgress = require("./fluency-solving/components/FluencySolvingProgress.js");
|
|
15
13
|
var _FluencySolvingCard = require("./fluency-solving/components/FluencySolvingCard.js");
|
|
16
14
|
var _FluencySessionResults = require("./session-results/FluencySessionResults.js");
|
|
15
|
+
var _usePreventPageLeave = require("../hooks/usePreventPageLeave.js");
|
|
17
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
function
|
|
19
|
-
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; }
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
18
|
const FluencySolving = ({
|
|
21
19
|
model,
|
|
22
20
|
onClosePress,
|
|
23
21
|
onEndModalPress
|
|
24
22
|
}) => {
|
|
25
|
-
|
|
26
|
-
outcomes,
|
|
27
|
-
isSessionComplete,
|
|
28
|
-
config
|
|
29
|
-
} = (0, _effectorReact.useUnit)({
|
|
30
|
-
outcomes: model.solving.$outcomes,
|
|
31
|
-
isSessionComplete: model.solving.$isSessionComplete,
|
|
32
|
-
config: model.$config
|
|
33
|
-
});
|
|
34
|
-
(0, _react.useEffect)(() => {
|
|
35
|
-
if (_reactNative.Platform.OS !== 'web' || isSessionComplete) return;
|
|
36
|
-
const handleBeforeUnload = event => event.preventDefault();
|
|
37
|
-
window.addEventListener('beforeunload', handleBeforeUnload);
|
|
38
|
-
return () => window.removeEventListener('beforeunload', handleBeforeUnload);
|
|
39
|
-
}, []);
|
|
23
|
+
(0, _usePreventPageLeave.usePreventPageLeave)();
|
|
40
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FluencyContext.FluencyProvider, {
|
|
41
25
|
value: {
|
|
42
26
|
model
|
|
@@ -45,13 +29,8 @@ const FluencySolving = ({
|
|
|
45
29
|
style: styles.container,
|
|
46
30
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingHeader.FluencySolvingHeader, {
|
|
47
31
|
onClosePress: onClosePress
|
|
48
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgress.FluencySolvingProgress, {
|
|
49
|
-
|
|
50
|
-
activeIndex: outcomes.length,
|
|
51
|
-
outcomes: outcomes
|
|
52
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
|
|
53
|
-
}), isSessionComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySessionResults.FluencySessionResults, {
|
|
54
|
-
studentName: config?.name ?? '',
|
|
32
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgress.FluencySolvingProgress, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingCard.FluencySolvingCard, {})]
|
|
33
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySessionResults.FluencySessionResults, {
|
|
55
34
|
onClosePress: onClosePress,
|
|
56
35
|
onEndModalPress: onEndModalPress
|
|
57
36
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_FluencyContext","_FluencySolvingHeader","_FluencySolvingProgress","_FluencySolvingCard","_FluencySessionResults","_usePreventPageLeave","_jsxRuntime","e","__esModule","default","FluencySolving","model","onClosePress","onEndModalPress","usePreventPageLeave","jsxs","FluencyProvider","value","children","View","style","styles","container","jsx","FluencySolvingHeader","FluencySolvingProgress","FluencySolvingCard","FluencySessionResults","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/fluency/components/FluencySolving.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AAAkE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3D,MAAMG,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAqC,CAAC,KAAK;EAC/F,IAAAC,wCAAmB,EAAC,CAAC;EAErB,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACf,eAAA,CAAAgB,eAAe;IAACC,KAAK,EAAE;MAAEN;IAAM,CAAE;IAAAO,QAAA,gBAChC,IAAAZ,WAAA,CAAAS,IAAA,EAACjB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAJ,QAAA,gBAC5B,IAAAZ,WAAA,CAAAiB,GAAA,EAACtB,qBAAA,CAAAuB,oBAAoB;QAACZ,YAAY,EAAEA;MAAa,CAAE,CAAC,eACpD,IAAAN,WAAA,CAAAiB,GAAA,EAACrB,uBAAA,CAAAuB,sBAAsB,IAAE,CAAC,eAC1B,IAAAnB,WAAA,CAAAiB,GAAA,EAACpB,mBAAA,CAAAuB,kBAAkB,IAAE,CAAC;IAAA,CAClB,CAAC,eAEP,IAAApB,WAAA,CAAAiB,GAAA,EAACnB,sBAAA,CAAAuB,qBAAqB;MAACf,YAAY,EAAEA,YAAa;MAACC,eAAe,EAAEA;IAAgB,CAAE,CAAC;EAAA,CACxE,CAAC;AAEtB,CAAC;AAAAe,OAAA,CAAAlB,cAAA,GAAAA,cAAA;AAED,MAAMW,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -10,55 +10,61 @@ var _reactNative = require("react-native");
|
|
|
10
10
|
var _fluencyConstants = require("../../fluency.constants.js");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
backgroundColor: streakColor.gained,
|
|
20
|
-
borderWidth: 1,
|
|
21
|
-
borderColor: _reactNativeUi.COLORS.NEUTRAL_3
|
|
22
|
-
},
|
|
23
|
-
label: {
|
|
24
|
-
color: streakColor.gained
|
|
25
|
-
},
|
|
26
|
-
hasIcon: true
|
|
13
|
+
const STATUS_STYLES = {
|
|
14
|
+
[_fluencyConstants.StreakStatus.GAINED]: {
|
|
15
|
+
circle: {
|
|
16
|
+
backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
|
|
17
|
+
borderWidth: 1,
|
|
18
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_3
|
|
27
19
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
|
|
31
|
-
borderWidth: 3,
|
|
32
|
-
borderColor: streakColor.todayBorder
|
|
33
|
-
},
|
|
34
|
-
label: {
|
|
35
|
-
color: streakColor.todayBorder
|
|
36
|
-
},
|
|
37
|
-
hasIcon: false
|
|
20
|
+
label: {
|
|
21
|
+
color: _reactNativeUi.COLORS.PRIMARY_YELLOW
|
|
38
22
|
},
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
|
|
23
|
+
hasIcon: true
|
|
24
|
+
},
|
|
25
|
+
[_fluencyConstants.StreakStatus.TODAY]: {
|
|
26
|
+
circle: {
|
|
27
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
|
|
28
|
+
borderWidth: 3,
|
|
29
|
+
borderColor: _reactNativeUi.COLORS.YELLOW_6
|
|
30
|
+
},
|
|
31
|
+
label: {
|
|
32
|
+
color: _reactNativeUi.COLORS.YELLOW_6
|
|
33
|
+
},
|
|
34
|
+
hasIcon: false
|
|
35
|
+
},
|
|
36
|
+
[_fluencyConstants.StreakStatus.TODAY_GAINED]: {
|
|
37
|
+
circle: {
|
|
38
|
+
backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
|
|
39
|
+
borderWidth: 3,
|
|
40
|
+
borderColor: _reactNativeUi.COLORS.YELLOW_6
|
|
41
|
+
},
|
|
42
|
+
label: {
|
|
43
|
+
color: _reactNativeUi.COLORS.YELLOW_6
|
|
44
|
+
},
|
|
45
|
+
hasIcon: true
|
|
46
|
+
},
|
|
47
|
+
[_fluencyConstants.StreakStatus.MISSED]: {
|
|
48
|
+
circle: {
|
|
49
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
|
|
50
|
+
borderWidth: 1,
|
|
51
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_3
|
|
52
|
+
},
|
|
53
|
+
label: {
|
|
54
|
+
color: _reactNativeUi.COLORS.NEUTRAL_4
|
|
55
|
+
},
|
|
56
|
+
hasIcon: false
|
|
57
|
+
}
|
|
51
58
|
};
|
|
52
59
|
const StreakDay = ({
|
|
53
60
|
label,
|
|
54
|
-
status
|
|
55
|
-
streakColor
|
|
61
|
+
status
|
|
56
62
|
}) => {
|
|
57
63
|
const {
|
|
58
64
|
circle,
|
|
59
65
|
label: labelStyle,
|
|
60
66
|
hasIcon
|
|
61
|
-
} =
|
|
67
|
+
} = STATUS_STYLES[status];
|
|
62
68
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
63
69
|
style: styles.container,
|
|
64
70
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
@@ -80,9 +86,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
80
86
|
gap: _reactNativeUi.SPACING[100]
|
|
81
87
|
},
|
|
82
88
|
circle: {
|
|
83
|
-
width:
|
|
84
|
-
height:
|
|
85
|
-
borderRadius:
|
|
89
|
+
width: _reactNativeUi.SPACING[800],
|
|
90
|
+
height: _reactNativeUi.SPACING[800],
|
|
91
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
86
92
|
alignItems: 'center',
|
|
87
93
|
justifyContent: 'center'
|
|
88
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_fluencyConstants","_jsxRuntime","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_reactNativeUi","require","_react","_interopRequireDefault","_reactNative","_fluencyConstants","_jsxRuntime","e","__esModule","default","STATUS_STYLES","StreakStatus","GAINED","circle","backgroundColor","COLORS","PRIMARY_YELLOW","borderWidth","borderColor","NEUTRAL_3","label","color","hasIcon","TODAY","NEUTRAL_2","YELLOW_6","TODAY_GAINED","MISSED","NEUTRAL_4","StreakDay","status","labelStyle","jsxs","View","style","styles","container","children","jsx","CorrectIcon","NEUTRAL_1","Typography","variant","HeadingVariants","H3","exports","StyleSheet","create","alignItems","gap","SPACING","width","height","borderRadius","BORDER_RADIUS","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreak.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
10
|
var _DayStreak = require("./DayStreak.js");
|
|
11
|
-
var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
|
|
12
11
|
var _i18n = require("../../../../i18n/i18n.js");
|
|
13
12
|
var _FluencyContext = require("../../context/FluencyContext.js");
|
|
14
13
|
var _effectorReact = require("effector-react");
|
|
@@ -23,8 +22,11 @@ const generateStreakDates = stats => {
|
|
|
23
22
|
const practiced = new Set(stats.practicedDates.map(d => new Date(d).setHours(0, 0, 0, 0)));
|
|
24
23
|
return [0, 1, 2, 3, 4].map(i => {
|
|
25
24
|
const dayMs = startMs + i * ONE_DAY_MS;
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
const isPracticed = practiced.has(dayMs);
|
|
26
|
+
const isToday = dayMs === todayMs;
|
|
27
|
+
if (isPracticed && isToday) return _fluencyConstants.StreakStatus.TODAY_GAINED;
|
|
28
|
+
if (isPracticed) return _fluencyConstants.StreakStatus.GAINED;
|
|
29
|
+
if (isToday) return _fluencyConstants.StreakStatus.TODAY;
|
|
28
30
|
return _fluencyConstants.StreakStatus.MISSED;
|
|
29
31
|
});
|
|
30
32
|
};
|
|
@@ -33,7 +35,6 @@ const DayStreakCounter = () => {
|
|
|
33
35
|
const {
|
|
34
36
|
model
|
|
35
37
|
} = (0, _FluencyContext.useFluency)();
|
|
36
|
-
const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
|
|
37
38
|
const statuses = (0, _effectorReact.useStoreMap)(model.streak.$stats, stats => stats ? generateStreakDates(stats) : []);
|
|
38
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
39
40
|
style: styles.container,
|
|
@@ -44,8 +45,7 @@ const DayStreakCounter = () => {
|
|
|
44
45
|
style: styles.streakDays,
|
|
45
46
|
children: DAY_LABEL_KEYS.map((key, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayStreak.StreakDay, {
|
|
46
47
|
label: t(key),
|
|
47
|
-
status: statuses[i] ?? _fluencyConstants.StreakStatus.MISSED
|
|
48
|
-
streakColor: modePreset.colors.streak
|
|
48
|
+
status: statuses[i] ?? _fluencyConstants.StreakStatus.MISSED
|
|
49
49
|
}, key))
|
|
50
50
|
})]
|
|
51
51
|
});
|
|
@@ -62,8 +62,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
62
62
|
..._reactNativeUi.SHADOWS[1]
|
|
63
63
|
},
|
|
64
64
|
label: {
|
|
65
|
-
fontSize:
|
|
65
|
+
fontSize: 12,
|
|
66
66
|
fontWeight: '700',
|
|
67
|
+
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
|
|
67
68
|
color: _reactNativeUi.COLORS.NEUTRAL_8
|
|
68
69
|
},
|
|
69
70
|
streakDays: {
|
package/dist/commonjs/features/fluency/components/day-streak-counter/DayStreakCounter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DayStreak","_i18n","_FluencyContext","_effectorReact","_fluencyConstants","_jsxRuntime","e","__esModule","default","ONE_DAY_MS","DAY_LABEL_KEYS","generateStreakDates","stats","todayMs","Date","setHours","startMs","weekStart","practiced","Set","practicedDates","map","d","i","dayMs","isPracticed","has","isToday","StreakStatus","TODAY_GAINED","GAINED","TODAY","MISSED","DayStreakCounter","t","useText","model","useFluency","statuses","useStoreMap","streak","$stats","jsxs","View","style","styles","container","children","jsx","Typography","label","streakDays","key","StreakDay","status","exports","StyleSheet","create","width","height","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","NEUTRAL_8","flexDirection","marginTop","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/day-streak-counter/DayStreakCounter.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.EquationContent = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _i18n = require("../../../../../i18n/i18n.js");
|
|
10
11
|
var _useFluencySolvingPreset = require("../../../hooks/useFluencySolvingPreset.js");
|
|
11
12
|
var _usePreventWebKeys = require("../../../hooks/usePreventWebKeys.js");
|
|
12
13
|
var _fluencyConstants = require("../../../fluency.constants.js");
|
|
@@ -21,6 +22,7 @@ const EquationContent = ({
|
|
|
21
22
|
readOnly = false,
|
|
22
23
|
onChange
|
|
23
24
|
}) => {
|
|
25
|
+
const t = (0, _i18n.useText)();
|
|
24
26
|
const modePreset = (0, _useFluencySolvingPreset.useFluencySolvingPreset)();
|
|
25
27
|
const inputRef = (0, _react.useRef)(null);
|
|
26
28
|
(0, _usePreventWebKeys.usePreventWebKeys)({
|
|
@@ -32,7 +34,7 @@ const EquationContent = ({
|
|
|
32
34
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
33
35
|
variant: _reactNativeUi.HeadingVariants.H9,
|
|
34
36
|
style: styles.cardLabel,
|
|
35
|
-
children:
|
|
37
|
+
children: t('student.fluency.typeYourAnswer')
|
|
36
38
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
37
39
|
style: styles.equationRow,
|
|
38
40
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
@@ -82,7 +84,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
82
84
|
fontSize: 11,
|
|
83
85
|
fontWeight: '700',
|
|
84
86
|
letterSpacing: 1.3,
|
|
85
|
-
marginBottom: _reactNativeUi.SPACING[
|
|
87
|
+
marginBottom: _reactNativeUi.SPACING[500],
|
|
86
88
|
color: _reactNativeUi.COLORS.NEUTRAL_7
|
|
87
89
|
},
|
|
88
90
|
equationRow: {
|
|
@@ -92,20 +94,21 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
92
94
|
marginTop: _reactNativeUi.SPACING[600]
|
|
93
95
|
},
|
|
94
96
|
number: {
|
|
95
|
-
fontSize:
|
|
97
|
+
fontSize: 75,
|
|
96
98
|
color: _reactNativeUi.COLORS.NEUTRAL_10,
|
|
97
99
|
fontWeight: '700',
|
|
98
100
|
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
|
|
99
101
|
},
|
|
100
102
|
equals: {
|
|
101
|
-
fontSize:
|
|
103
|
+
fontSize: 75,
|
|
102
104
|
color: _reactNativeUi.COLORS.NEUTRAL_7,
|
|
103
105
|
fontWeight: '700',
|
|
104
106
|
fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
|
|
105
107
|
},
|
|
106
108
|
answerBox: {
|
|
107
|
-
width:
|
|
109
|
+
width: 130,
|
|
108
110
|
height: 44,
|
|
111
|
+
marginBottom: -_reactNativeUi.SPACING[800],
|
|
109
112
|
alignItems: 'center',
|
|
110
113
|
borderBottomWidth: 8,
|
|
111
114
|
borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_10
|
package/dist/commonjs/features/fluency/components/fluency-solving/components/EquationContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_useFluencySolvingPreset","_usePreventWebKeys","_fluencyConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CURSOR_MOVE_KEYS","EquationContent","leftOperand","rightOperand","value","readOnly","onChange","modePreset","useFluencySolvingPreset","inputRef","useRef","usePreventWebKeys","ref","keys","enabled","jsxs","Fragment","children","jsx","Typography","variant","HeadingVariants","H9","style","styles","cardLabel","View","equationRow","number","color","colors","accent","symbol","equals","answerBox","length","borderBottomColor","TextInput","onChangeText","keyboardType","maxLength","MAX_INPUT_LENGTH","selection","start","end","answerInput","autoFocus","answerText","exports","StyleSheet","create","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","COLORS","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","width","height","borderBottomWidth","position","bottom","textAlign","borderWidth","backgroundColor","Platform","OS","outlineStyle","caretColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/EquationContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOA,IAAAG,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_i18n","_useFluencySolvingPreset","_usePreventWebKeys","_fluencyConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CURSOR_MOVE_KEYS","EquationContent","leftOperand","rightOperand","value","readOnly","onChange","useText","modePreset","useFluencySolvingPreset","inputRef","useRef","usePreventWebKeys","ref","keys","enabled","jsxs","Fragment","children","jsx","Typography","variant","HeadingVariants","H9","style","styles","cardLabel","View","equationRow","number","color","colors","accent","symbol","equals","answerBox","length","borderBottomColor","TextInput","onChangeText","keyboardType","maxLength","MAX_INPUT_LENGTH","selection","start","end","answerInput","autoFocus","answerText","exports","StyleSheet","create","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","COLORS","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","width","height","borderBottomWidth","position","bottom","textAlign","borderWidth","backgroundColor","Platform","OS","outlineStyle","caretColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/EquationContent.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":[]}
|