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

package/dist/module/features/fluency/hooks/useFluencyModePreset.js

@@ -2,7 +2,7 @@
 
 import { useUnit } from 'effector-react';
 import { COLORS } from '@magmamath/react-native-ui';
-import { FLUENCY_MODE_PRESETS, FluencyMasteryLevel } from "../fluency.constants.js";
+import { FLUENCY_MODE_PRESETS, FluencyMasteryLevel } from "../shared/fluency.constants.js";
 import { useFluency } from "../context/FluencyContext.js";
 import { useText } from "../../../i18n/i18n.js";
 export const useFluencyModePreset = () => {
@@ -10,7 +10,7 @@ export const useFluencyModePreset = () => {
   const {
     model
   } = useFluency();
-  const mode = useUnit(model.$mode);
+  const mode = useUnit(model.matrix.$mode);
   const preset = FLUENCY_MODE_PRESETS[mode];
   const legendItems = [{
     label: t('student.fluency.notStarted'),
@@ -18,20 +18,29 @@ export const useFluencyModePreset = () => {
     withBorder: true
   }, {
     label: t('student.fluency.masteryLearning'),
-    color: preset.matrix.mastery[FluencyMasteryLevel.LEARNING]
+    color: preset.matrix.levelColors[FluencyMasteryLevel.LEARNING]
   }, {
     label: t('student.fluency.masteryGrowing'),
-    color: preset.matrix.mastery[FluencyMasteryLevel.GROWING]
+    color: preset.matrix.levelColors[FluencyMasteryLevel.GROWING]
   }, {
     label: t('student.fluency.masteryStrong'),
-    color: preset.matrix.mastery[FluencyMasteryLevel.STRONG]
+    color: preset.matrix.levelColors[FluencyMasteryLevel.STRONG]
   }, {
     label: t('student.fluency.masteryMastered'),
-    color: preset.matrix.mastery[FluencyMasteryLevel.MASTERED]
+    color: preset.matrix.levelColors[FluencyMasteryLevel.MASTERED]
   }];
   return {
-    ...preset,
-    legendItems
+    symbol: preset.symbol,
+    label: t(preset.matrix.operatorLabel),
+    colors: {
+      level: preset.matrix.levelColors,
+      accent: preset.accentColor,
+      streak: preset.header.streakColor,
+      button: preset.buttonColor
+    },
+    legend: {
+      items: legendItems
+    }
   };
 };
 //# sourceMappingURL=useFluencyModePreset.js.map

package/dist/module/features/fluency/hooks/useFluencyModePreset.js.map

@@ -1 +1 @@
-{"version":3,"names":["useUnit","COLORS","FLUENCY_MODE_PRESETS","FluencyMasteryLevel","useFluency","useText","useFluencyModePreset","t","model","mode","$mode","preset","legendItems","label","color","NEUTRAL_2","withBorder","matrix","mastery","LEARNING","GROWING","STRONG","MASTERED"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyModePreset.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,yBAAsB;AAEhF,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,uBAAoB;AAI5C,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAkC;EACpE,MAAMC,CAAC,GAAGF,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEG;EAAM,CAAC,GAAGJ,UAAU,CAAC,CAAC;EAC9B,MAAMK,IAAI,GAAGT,OAAO,CAACQ,KAAK,CAACE,KAAK,CAAC;EACjC,MAAMC,MAAM,GAAGT,oBAAoB,CAACO,IAAI,CAAC;EAEzC,MAAMG,WAAyB,GAAG,CAChC;IAAEC,KAAK,EAAEN,CAAC,CAAC,4BAA4B,CAAC;IAAEO,KAAK,EAAEb,MAAM,CAACc,SAAS;IAAEC,UAAU,EAAE;EAAK,CAAC,EACrF;IACEH,KAAK,EAAEN,CAAC,CAAC,iCAAiC,CAAC;IAC3CO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACgB,QAAQ;EAC3D,CAAC,EACD;IACEN,KAAK,EAAEN,CAAC,CAAC,gCAAgC,CAAC;IAC1CO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACiB,OAAO;EAC1D,CAAC,EACD;IACEP,KAAK,EAAEN,CAAC,CAAC,+BAA+B,CAAC;IACzCO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACkB,MAAM;EACzD,CAAC,EACD;IACER,KAAK,EAAEN,CAAC,CAAC,iCAAiC,CAAC;IAC3CO,KAAK,EAAEH,MAAM,CAACM,MAAM,CAACC,OAAO,CAACf,mBAAmB,CAACmB,QAAQ;EAC3D,CAAC,CACF;EAED,OAAO;IAAE,GAAGX,MAAM;IAAEC;EAAY,CAAC;AACnC,CAAC","ignoreList":[]}
+{"version":3,"names":["useUnit","COLORS","FLUENCY_MODE_PRESETS","FluencyMasteryLevel","useFluency","useText","useFluencyModePreset","t","model","mode","matrix","$mode","preset","legendItems","label","color","NEUTRAL_2","withBorder","levelColors","LEARNING","GROWING","STRONG","MASTERED","symbol","operatorLabel","colors","level","accent","accentColor","streak","header","streakColor","button","buttonColor","legend","items"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyModePreset.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,gCAA6B;AAEvF,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,uBAAoB;AAc5C,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAkC;EACpE,MAAMC,CAAC,GAAGF,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEG;EAAM,CAAC,GAAGJ,UAAU,CAAC,CAAC;EAC9B,MAAMK,IAAI,GAAGT,OAAO,CAACQ,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;EACxC,MAAMC,MAAM,GAAGV,oBAAoB,CAACO,IAAI,CAAC;EAEzC,MAAMI,WAAyB,GAAG,CAChC;IAAEC,KAAK,EAAEP,CAAC,CAAC,4BAA4B,CAAC;IAAEQ,KAAK,EAAEd,MAAM,CAACe,SAAS;IAAEC,UAAU,EAAE;EAAK,CAAC,EACrF;IACEH,KAAK,EAAEP,CAAC,CAAC,iCAAiC,CAAC;IAC3CQ,KAAK,EAAEH,MAAM,CAACF,MAAM,CAACQ,WAAW,CAACf,mBAAmB,CAACgB,QAAQ;EAC/D,CAAC,EACD;IACEL,KAAK,EAAEP,CAAC,CAAC,gCAAgC,CAAC;IAC1CQ,KAAK,EAAEH,MAAM,CAACF,MAAM,CAACQ,WAAW,CAACf,mBAAmB,CAACiB,OAAO;EAC9D,CAAC,EACD;IACEN,KAAK,EAAEP,CAAC,CAAC,+BAA+B,CAAC;IACzCQ,KAAK,EAAEH,MAAM,CAACF,MAAM,CAACQ,WAAW,CAACf,mBAAmB,CAACkB,MAAM;EAC7D,CAAC,EACD;IACEP,KAAK,EAAEP,CAAC,CAAC,iCAAiC,CAAC;IAC3CQ,KAAK,EAAEH,MAAM,CAACF,MAAM,CAACQ,WAAW,CAACf,mBAAmB,CAACmB,QAAQ;EAC/D,CAAC,CACF;EAED,OAAO;IACLC,MAAM,EAAEX,MAAM,CAACW,MAAM;IACrBT,KAAK,EAAEP,CAAC,CAACK,MAAM,CAACF,MAAM,CAACc,aAAa,CAAC;IACrCC,MAAM,EAAE;MACNC,KAAK,EAAEd,MAAM,CAACF,MAAM,CAACQ,WAAW;MAChCS,MAAM,EAAEf,MAAM,CAACgB,WAAW;MAC1BC,MAAM,EAAEjB,MAAM,CAACkB,MAAM,CAACC,WAAW;MACjCC,MAAM,EAAEpB,MAAM,CAACqB;IACjB,CAAC;IACDC,MAAM,EAAE;MAAEC,KAAK,EAAEtB;IAAY;EAC/B,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/fluency/hooks/useFluencyNumpad.js

@@ -0,0 +1,164 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { COLORS } from '@magmamath/react-native-ui';
+import { ButtonStates } from '@magmamath/react-native-ui';
+import { BackspaceIcon } from "../../../shared/icons/keyboard/BackspaceIcon.js";
+import { useUnit } from 'effector-react';
+import { isWeb } from "../../../shared/common.constants.js";
+import { KeyboardKeys } from "../../../lib/constants.js";
+import { useText } from "../../../i18n/i18n.js";
+import { useFluency } from "../context/FluencyContext.js";
+import { MAX_INPUT_LENGTH } from "../shared/fluency.constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ACTION_KEY_COLOR_SCHEME = {
+  [ButtonStates.DEFAULT]: {
+    backgroundColor: COLORS.NEUTRAL_3,
+    borderColor: COLORS.NEUTRAL_5,
+    raiseColor: COLORS.NEUTRAL_5,
+    color: COLORS.NEUTRAL_9
+  },
+  [ButtonStates.HOVER]: {
+    backgroundColor: COLORS.NEUTRAL_2,
+    borderColor: COLORS.NEUTRAL_4,
+    raiseColor: COLORS.NEUTRAL_4,
+    color: COLORS.NEUTRAL_9
+  }
+};
+const NUMPAD_KEYS = [{
+  key: '1',
+  title: '1',
+  value: 1
+}, {
+  key: '2',
+  title: '2',
+  value: 2
+}, {
+  key: '3',
+  title: '3',
+  value: 3
+}, {
+  key: '4',
+  title: '4',
+  value: 4
+}, {
+  key: '5',
+  title: '5',
+  value: 5
+}, {
+  key: '6',
+  title: '6',
+  value: 6
+}, {
+  key: '7',
+  title: '7',
+  value: 7
+}, {
+  key: '8',
+  title: '8',
+  value: 8
+}, {
+  key: '9',
+  title: '9',
+  value: 9
+}, {
+  key: KeyboardKeys.BACKSPACE,
+  title: /*#__PURE__*/_jsx(BackspaceIcon, {
+    size: 20,
+    color: COLORS.NEUTRAL_9
+  }),
+  value: KeyboardKeys.BACKSPACE,
+  customColorScheme: ACTION_KEY_COLOR_SCHEME
+}, {
+  key: '0',
+  title: '0',
+  value: 0
+}, {
+  key: KeyboardKeys.ENTER,
+  title: 'Enter',
+  value: KeyboardKeys.ENTER,
+  customColorScheme: ACTION_KEY_COLOR_SCHEME
+}];
+const ENTER_COLOR_SCHEME = {
+  [ButtonStates.DEFAULT]: {
+    backgroundColor: COLORS.PRIMARY_GREEN,
+    borderColor: COLORS.GREEN_6,
+    raiseColor: COLORS.GREEN_6,
+    color: COLORS.NEUTRAL_1
+  },
+  [ButtonStates.HOVER]: {
+    backgroundColor: COLORS.PRIMARY_GREEN,
+    borderColor: COLORS.GREEN_6,
+    raiseColor: COLORS.GREEN_6,
+    color: COLORS.NEUTRAL_1
+  },
+  [ButtonStates.PRESSED]: {
+    backgroundColor: COLORS.PRIMARY_GREEN,
+    borderColor: COLORS.GREEN_6,
+    raiseColor: COLORS.GREEN_6,
+    color: COLORS.NEUTRAL_1
+  },
+  [ButtonStates.ACTIVE]: {
+    backgroundColor: COLORS.PRIMARY_GREEN,
+    borderColor: COLORS.GREEN_6,
+    raiseColor: COLORS.GREEN_6,
+    color: COLORS.NEUTRAL_1
+  }
+};
+export const useFluencyNumpad = ({
+  onSubmit
+}) => {
+  const t = useText();
+  const {
+    model
+  } = useFluency();
+  const answer = useUnit(model.solving.$answer);
+  const [pressedKey, setPressedKey] = useState(null);
+  const pressedKeyTimeoutRef = useRef();
+  const onSubmitRef = useRef(onSubmit);
+  onSubmitRef.current = onSubmit;
+  const pressKey = key => {
+    if (key === KeyboardKeys.ENTER) {
+      onSubmitRef.current();
+      return;
+    }
+    if (key === KeyboardKeys.BACKSPACE) {
+      model.solving.setAnswer(answer === null || answer.length <= 1 ? null : answer.slice(0, -1));
+      return;
+    }
+    if (answer !== null && answer.length >= MAX_INPUT_LENGTH) return;
+    model.solving.setAnswer(answer === null ? key : answer + key);
+  };
+  useEffect(() => {
+    if (!isWeb) return;
+    const handleKeyDown = event => {
+      const {
+        key
+      } = event;
+      if (!/^\d$/.test(key) && key !== KeyboardKeys.ENTER && key !== KeyboardKeys.BACKSPACE) return;
+      clearTimeout(pressedKeyTimeoutRef.current);
+      setPressedKey(key);
+      pressedKeyTimeoutRef.current = setTimeout(() => setPressedKey(null), 175);
+      pressKey(key);
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [answer]);
+  const options = NUMPAD_KEYS.map(({
+    value,
+    customColorScheme,
+    ...props
+  }) => ({
+    ...props,
+    title: props.key === KeyboardKeys.ENTER ? t('student.fluency.enter') : props.title,
+    selected: pressedKey === props.key,
+    customColorScheme: props.key === KeyboardKeys.ENTER && answer !== null ? ENTER_COLOR_SCHEME : customColorScheme,
+    onPressIn: () => pressKey(props.key)
+  }));
+  return {
+    options
+  };
+};
+//# sourceMappingURL=useFluencyNumpad.js.map

package/dist/module/features/fluency/hooks/useFluencyNumpad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","COLORS","ButtonStates","BackspaceIcon","useUnit","isWeb","KeyboardKeys","useText","useFluency","MAX_INPUT_LENGTH","jsx","_jsx","ACTION_KEY_COLOR_SCHEME","DEFAULT","backgroundColor","NEUTRAL_3","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_9","HOVER","NEUTRAL_2","NEUTRAL_4","NUMPAD_KEYS","key","title","value","BACKSPACE","size","customColorScheme","ENTER","ENTER_COLOR_SCHEME","PRIMARY_GREEN","GREEN_6","NEUTRAL_1","PRESSED","ACTIVE","useFluencyNumpad","onSubmit","t","model","answer","solving","$answer","pressedKey","setPressedKey","pressedKeyTimeoutRef","onSubmitRef","current","pressKey","setAnswer","length","slice","handleKeyDown","event","test","clearTimeout","setTimeout","window","addEventListener","removeEventListener","options","map","props","selected","onPressIn"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyNumpad.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/hooks/useFluencySolvingPreset.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { useUnit } from 'effector-react';
+import { COLORS } from '@magmamath/react-native-ui';
+import { FLUENCY_MODE_PRESETS, FluencyMasteryLevel } from "../shared/fluency.constants.js";
+import { useFluency } from "../context/FluencyContext.js";
+import { useText } from "../../../i18n/i18n.js";
+export const useFluencySolvingPreset = params => {
+  const t = useText();
+  const {
+    model
+  } = useFluency();
+  const {
+    matrixMode,
+    current
+  } = useUnit({
+    matrixMode: model.matrix.$mode,
+    current: model.solving.$current
+  });
+  const preset = FLUENCY_MODE_PRESETS[params?.mode ?? current?.mode ?? matrixMode];
+  const legendItems = [{
+    label: t('student.fluency.notStarted'),
+    color: COLORS.NEUTRAL_2,
+    withBorder: true
+  }, {
+    label: t('student.fluency.masteryLearning'),
+    color: preset.matrix.levelColors[FluencyMasteryLevel.LEARNING]
+  }, {
+    label: t('student.fluency.masteryGrowing'),
+    color: preset.matrix.levelColors[FluencyMasteryLevel.GROWING]
+  }, {
+    label: t('student.fluency.masteryStrong'),
+    color: preset.matrix.levelColors[FluencyMasteryLevel.STRONG]
+  }, {
+    label: t('student.fluency.masteryMastered'),
+    color: preset.matrix.levelColors[FluencyMasteryLevel.MASTERED]
+  }];
+  return {
+    symbol: preset.symbol,
+    label: t(preset.matrix.operatorLabel),
+    colors: {
+      level: preset.matrix.levelColors,
+      accent: preset.accentColor,
+      streak: preset.header.streakColor,
+      button: preset.buttonColor
+    },
+    legend: {
+      items: legendItems
+    }
+  };
+};
+//# sourceMappingURL=useFluencySolvingPreset.js.map

package/dist/module/features/fluency/hooks/useFluencySolvingPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useUnit","COLORS","FLUENCY_MODE_PRESETS","FluencyMasteryLevel","useFluency","useText","useFluencySolvingPreset","params","t","model","matrixMode","current","matrix","$mode","solving","$current","preset","mode","legendItems","label","color","NEUTRAL_2","withBorder","levelColors","LEARNING","GROWING","STRONG","MASTERED","symbol","operatorLabel","colors","level","accent","accentColor","streak","header","streakColor","button","buttonColor","legend","items"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencySolvingPreset.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SACEC,oBAAoB,EACpBC,mBAAmB,QAEd,gCAA6B;AAEpC,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,OAAO,QAAQ,uBAAoB;AAkB5C,OAAO,MAAMC,uBAAuB,GAClCC,MAAsC,IACJ;EAClC,MAAMC,CAAC,GAAGH,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEI;EAAM,CAAC,GAAGL,UAAU,CAAC,CAAC;EAC9B,MAAM;IAAEM,UAAU;IAAEC;EAAQ,CAAC,GAAGX,OAAO,CAAC;IACtCU,UAAU,EAAED,KAAK,CAACG,MAAM,CAACC,KAAK;IAC9BF,OAAO,EAAEF,KAAK,CAACK,OAAO,CAACC;EACzB,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGd,oBAAoB,CAACK,MAAM,EAAEU,IAAI,IAAIN,OAAO,EAAEM,IAAI,IAAIP,UAAU,CAAC;EAEhF,MAAMQ,WAAyB,GAAG,CAChC;IAAEC,KAAK,EAAEX,CAAC,CAAC,4BAA4B,CAAC;IAAEY,KAAK,EAAEnB,MAAM,CAACoB,SAAS;IAAEC,UAAU,EAAE;EAAK,CAAC,EACrF;IACEH,KAAK,EAAEX,CAAC,CAAC,iCAAiC,CAAC;IAC3CY,KAAK,EAAEJ,MAAM,CAACJ,MAAM,CAACW,WAAW,CAACpB,mBAAmB,CAACqB,QAAQ;EAC/D,CAAC,EACD;IACEL,KAAK,EAAEX,CAAC,CAAC,gCAAgC,CAAC;IAC1CY,KAAK,EAAEJ,MAAM,CAACJ,MAAM,CAACW,WAAW,CAACpB,mBAAmB,CAACsB,OAAO;EAC9D,CAAC,EACD;IACEN,KAAK,EAAEX,CAAC,CAAC,+BAA+B,CAAC;IACzCY,KAAK,EAAEJ,MAAM,CAACJ,MAAM,CAACW,WAAW,CAACpB,mBAAmB,CAACuB,MAAM;EAC7D,CAAC,EACD;IACEP,KAAK,EAAEX,CAAC,CAAC,iCAAiC,CAAC;IAC3CY,KAAK,EAAEJ,MAAM,CAACJ,MAAM,CAACW,WAAW,CAACpB,mBAAmB,CAACwB,QAAQ;EAC/D,CAAC,CACF;EAED,OAAO;IACLC,MAAM,EAAEZ,MAAM,CAACY,MAAM;IACrBT,KAAK,EAAEX,CAAC,CAACQ,MAAM,CAACJ,MAAM,CAACiB,aAAa,CAAC;IACrCC,MAAM,EAAE;MACNC,KAAK,EAAEf,MAAM,CAACJ,MAAM,CAACW,WAAW;MAChCS,MAAM,EAAEhB,MAAM,CAACiB,WAAW;MAC1BC,MAAM,EAAElB,MAAM,CAACmB,MAAM,CAACC,WAAW;MACjCC,MAAM,EAAErB,MAAM,CAACsB;IACjB,CAAC;IACDC,MAAM,EAAE;MAAEC,KAAK,EAAEtB;IAAY;EAC/B,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/fluency/hooks/usePreventPageLeave.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { Platform } from 'react-native';
+export const usePreventPageLeave = () => {
+  useEffect(() => {
+    if (Platform.OS !== 'web') return;
+    const handleBeforeUnload = event => event.preventDefault();
+    window.addEventListener('beforeunload', handleBeforeUnload);
+    return () => window.removeEventListener('beforeunload', handleBeforeUnload);
+  }, []);
+};
+//# sourceMappingURL=usePreventPageLeave.js.map

package/dist/module/features/fluency/hooks/usePreventPageLeave.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Platform","usePreventPageLeave","OS","handleBeforeUnload","event","preventDefault","window","addEventListener","removeEventListener"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/usePreventPageLeave.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvCF,SAAS,CAAC,MAAM;IACd,IAAIC,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;IAC3B,MAAMC,kBAAkB,GAAIC,KAAwB,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAC;IAC/EC,MAAM,CAACC,gBAAgB,CAAC,cAAc,EAAEJ,kBAAkB,CAAC;IAC3D,OAAO,MAAMG,MAAM,CAACE,mBAAmB,CAAC,cAAc,EAAEL,kBAAkB,CAAC;EAC7E,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

package/dist/module/features/fluency/hooks/usePreventWebKeys.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { Platform } from 'react-native';
+export const usePreventWebKeys = ({
+  ref,
+  keys,
+  enabled
+}) => {
+  useEffect(() => {
+    if (Platform.OS !== 'web' || !enabled) return;
+    const element = ref.current;
+    if (!element) return;
+    const preventKeys = event => {
+      if (keys.includes(event.key)) event.preventDefault();
+    };
+    element.addEventListener('keydown', preventKeys);
+    return () => element.removeEventListener('keydown', preventKeys);
+  }, [ref, keys, enabled]);
+};
+//# sourceMappingURL=usePreventWebKeys.js.map

package/dist/module/features/fluency/hooks/usePreventWebKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Platform","usePreventWebKeys","ref","keys","enabled","OS","element","current","preventKeys","event","includes","key","preventDefault","addEventListener","removeEventListener"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/usePreventWebKeys.ts"],"mappings":";;AAAA,SAAoBA,SAAS,QAAQ,OAAO;AAC5C,SAASC,QAAQ,QAAQ,cAAc;AAQvC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAgC,CAAC,KAAK;EACnFL,SAAS,CAAC,MAAM;IACd,IAAIC,QAAQ,CAACK,EAAE,KAAK,KAAK,IAAI,CAACD,OAAO,EAAE;IAEvC,MAAME,OAAO,GAAGJ,GAAG,CAACK,OAAsC;IAC1D,IAAI,CAACD,OAAO,EAAE;IAEd,MAAME,WAAW,GAAIC,KAAoB,IAAK;MAC5C,IAAIN,IAAI,CAACO,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAEF,KAAK,CAACG,cAAc,CAAC,CAAC;IACtD,CAAC;IAEDN,OAAO,CAACO,gBAAgB,CAAC,SAAS,EAAEL,WAAW,CAAC;IAChD,OAAO,MAAMF,OAAO,CAACQ,mBAAmB,CAAC,SAAS,EAAEN,WAAW,CAAC;EAClE,CAAC,EAAE,CAACN,GAAG,EAAEC,IAAI,EAAEC,OAAO,CAAC,CAAC;AAC1B,CAAC","ignoreList":[]}

package/dist/module/features/fluency/hooks/useSuccessSound.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { createAudioPlayer } from 'expo-audio';
+import SUCCESS_SOUND from '../assets/success.mp3';
+export const useSuccessSound = () => {
+  const playerRef = useRef(null);
+  useEffect(() => {
+    const player = createAudioPlayer(SUCCESS_SOUND);
+    playerRef.current = player;
+    return () => player.remove();
+  }, []);
+  const play = () => {
+    playerRef.current?.seekTo(0);
+    playerRef.current?.play();
+  };
+  return {
+    play
+  };
+};
+//# sourceMappingURL=useSuccessSound.js.map

package/dist/module/features/fluency/hooks/useSuccessSound.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","createAudioPlayer","SUCCESS_SOUND","useSuccessSound","playerRef","player","current","remove","play","seekTo"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useSuccessSound.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAAsBC,iBAAiB,QAAQ,YAAY;AAC3D,OAAOC,aAAa,MAAM,uBAAuB;AAEjD,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,SAAS,GAAGJ,MAAM,CAAqB,IAAI,CAAC;EAElDD,SAAS,CAAC,MAAM;IACd,MAAMM,MAAM,GAAGJ,iBAAiB,CAACC,aAAa,CAAC;IAC/CE,SAAS,CAACE,OAAO,GAAGD,MAAM;IAC1B,OAAO,MAAMA,MAAM,CAACE,MAAM,CAAC,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAGA,CAAA,KAAM;IACjBJ,SAAS,CAACE,OAAO,EAAEG,MAAM,CAAC,CAAC,CAAC;IAC5BL,SAAS,CAACE,OAAO,EAAEE,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,OAAO;IAAEA;EAAK,CAAC;AACjB,CAAC","ignoreList":[]}

package/dist/module/features/fluency/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-export * from "./fluency.constants.js";
-export * from "./fluency.types.js";
-export * from "./fluency.helpers.js";
+export * from "./shared/fluency.constants.js";
+export * from "./shared/fluency.types.js";
+export * from "./shared/fluency.helpers.js";
 export { Fluency } from "./components/Fluency.js";
 export { FluencySolving } from "./components/FluencySolving.js";
 export { FluencyModel } from "./model/FluencyModel.js";

package/dist/module/features/fluency/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Fluency","FluencySolving","FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,oBAAiB;AAC/B,cAAc,sBAAmB;AACjC,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,YAAY,QAAQ,yBAAsB","ignoreList":[]}
+{"version":3,"names":["Fluency","FluencySolving","FluencyModel"],"sourceRoot":"../../../../src","sources":["features/fluency/index.ts"],"mappings":";;AAAA,cAAc,+BAA4B;AAC1C,cAAc,2BAAwB;AACtC,cAAc,6BAA0B;AACxC,SAASA,OAAO,QAAQ,yBAAsB;AAC9C,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,SAASC,YAAY,QAAQ,yBAAsB","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyApiModel.js

@@ -1,6 +1,11 @@
 "use strict";
 
+import { createEffect } from 'effector';
 export class FluencyApiModel {
-  constructor({}) {}
+  constructor(api) {
+    this.getMatrixFx = createEffect(api.getMatrix);
+    this.getWeeklyStatsFx = createEffect(() => api.getWeeklyStats());
+    this.postAttemptFx = createEffect(api.postAttempt);
+  }
 }
 //# sourceMappingURL=FluencyApiModel.js.map

package/dist/module/features/fluency/model/FluencyApiModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["FluencyApiModel","constructor"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyApiModel.ts"],"mappings":";;AAEA,OAAO,MAAMA,eAAe,CAAC;EAC3BC,WAAWA,CAAC,CAAkB,CAAC,EAAE,CAAC;AACpC","ignoreList":[]}
+{"version":3,"names":["createEffect","FluencyApiModel","constructor","api","getMatrixFx","getMatrix","getWeeklyStatsFx","getWeeklyStats","postAttemptFx","postAttempt"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyApiModel.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgB,UAAU;AAS/C,OAAO,MAAMC,eAAe,CAAC;EAK3BC,WAAWA,CAACC,GAA6B,EAAE;IACzC,IAAI,CAACC,WAAW,GAAGJ,YAAY,CAACG,GAAG,CAACE,SAAS,CAAC;IAC9C,IAAI,CAACC,gBAAgB,GAAGN,YAAY,CAAC,MAAMG,GAAG,CAACI,cAAc,CAAC,CAAC,CAAC;IAChE,IAAI,CAACC,aAAa,GAAGR,YAAY,CAACG,GAAG,CAACM,WAAW,CAAC;EACpD;AACF","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyDaysStreakModel.js

@@ -1,4 +1,11 @@
 "use strict";
 
-export class FluencyDaysStreakModel {}
+import { createStore } from 'effector';
+export class FluencyDaysStreakModel {
+  $stats = createStore(null);
+  constructor(api) {
+    this.api = api;
+    this.$stats.on(this.api.getWeeklyStatsFx.doneData, (_, data) => data);
+  }
+}
 //# sourceMappingURL=FluencyDaysStreakModel.js.map

package/dist/module/features/fluency/model/FluencyDaysStreakModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["FluencyDaysStreakModel"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyDaysStreakModel.ts"],"mappings":";;AAAA,OAAO,MAAMA,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["createStore","FluencyDaysStreakModel","$stats","constructor","api","on","getWeeklyStatsFx","doneData","_","data"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyDaysStreakModel.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,UAAU;AAItC,OAAO,MAAMC,sBAAsB,CAAC;EAClBC,MAAM,GAAGF,WAAW,CAAgC,IAAI,CAAC;EAEzEG,WAAWA,CAAkBC,GAAoB,EAAE;IAAA,KAAtBA,GAAoB,GAApBA,GAAoB;IAC/C,IAAI,CAACF,MAAM,CAACG,EAAE,CAAC,IAAI,CAACD,GAAG,CAACE,gBAAgB,CAACC,QAAQ,EAAE,CAACC,CAAC,EAAEC,IAAI,KAAKA,IAAI,CAAC;EACvE;AACF","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyMatrixModel.js

@@ -1,4 +1,18 @@
 "use strict";
 
-export class FluencyMatrixModel {}
+import { combine, createEvent, createStore, restore } from 'effector';
+import { FluencyMode } from "../shared/fluency.constants.js";
+import { buildMatrixGrid } from "../shared/fluency.helpers.js";
+export class FluencyMatrixModel {
+  setMode = createEvent();
+  $mode = restore(this.setMode, FluencyMode.ADDITION);
+  $data = createStore(null);
+  $matrix = combine(this.$data, this.$mode, (data, mode) => {
+    if (!data) return null;
+    return buildMatrixGrid(data, mode);
+  });
+  constructor(api) {
+    this.$data.on(api.getMatrixFx.doneData, (_, data) => data);
+  }
+}
 //# sourceMappingURL=FluencyMatrixModel.js.map

package/dist/module/features/fluency/model/FluencyMatrixModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["FluencyMatrixModel"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyMatrixModel.ts"],"mappings":";;AAAA,OAAO,MAAMA,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["combine","createEvent","createStore","restore","FluencyMode","buildMatrixGrid","FluencyMatrixModel","setMode","$mode","ADDITION","$data","$matrix","data","mode","constructor","api","on","getMatrixFx","doneData","_"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyMatrixModel.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,WAAW,EAAEC,WAAW,EAAEC,OAAO,QAAQ,UAAU;AACrE,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,eAAe,QAAQ,8BAA2B;AAI3D,OAAO,MAAMC,kBAAkB,CAAC;EACdC,OAAO,GAAGN,WAAW,CAAc,CAAC;EACpCO,KAAK,GAAGL,OAAO,CAAC,IAAI,CAACI,OAAO,EAAEH,WAAW,CAACK,QAAQ,CAAC;EAEnDC,KAAK,GAAGR,WAAW,CAA2B,IAAI,CAAC;EACnDS,OAAO,GAAGX,OAAO,CAAC,IAAI,CAACU,KAAK,EAAE,IAAI,CAACF,KAAK,EAAE,CAACI,IAAI,EAAEC,IAAI,KAAwB;IAC3F,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI;IACtB,OAAOP,eAAe,CAACO,IAAI,EAAEC,IAAI,CAAC;EACpC,CAAC,CAAC;EAEFC,WAAWA,CAACC,GAAoB,EAAE;IAChC,IAAI,CAACL,KAAK,CAACM,EAAE,CAACD,GAAG,CAACE,WAAW,CAACC,QAAQ,EAAE,CAACC,CAAC,EAAEP,IAAI,KAAKA,IAAI,CAAC;EAC5D;AACF","ignoreList":[]}

package/dist/module/features/fluency/model/FluencyModel.js

@@ -1,41 +1,58 @@
 "use strict";
 
-import { attach, createEvent, restore, sample } from 'effector';
-import { FluencyMode } from "../fluency.constants.js";
+import { createStore, sample } from 'effector';
+import { createGate } from 'effector-react';
+import { not } from 'patronum/not';
 import { FluencyDaysStreakModel } from "./FluencyDaysStreakModel.js";
 import { FluencyMatrixModel } from "./FluencyMatrixModel.js";
 import { FluencyApiModel } from "./FluencyApiModel.js";
 import { FluencySolvingModel } from "./FluencySolvingModel.js";
-import { FluencyInputModel } from "./FluencyInputModel.js";
+import { MatrixConfig } from "../shared/fluency.constants.js";
 export class FluencyModel {
-  setMode = createEvent();
-  $mode = restore(this.setMode, FluencyMode.ADDITION);
+  gate = createGate();
+  $config = createStore(null);
   constructor({
     api
   }) {
     this.api = new FluencyApiModel(api);
-    this.streak = new FluencyDaysStreakModel();
-    this.matrix = new FluencyMatrixModel();
-    this.solving = new FluencySolvingModel();
-    this.input = new FluencyInputModel();
-    this.submitFx = attach({
-      source: {
-        input: this.input.$state,
-        problem: this.solving.$problem
-      },
-      effect: ({
-        input,
-        problem
+    this.streak = new FluencyDaysStreakModel(this.api);
+    this.matrix = new FluencyMatrixModel(this.api);
+    this.solving = new FluencySolvingModel(this.matrix, this.$config);
+    this.init();
+  }
+  init() {
+    sample({
+      clock: this.gate.open,
+      fn: ({
+        config
+      }) => config,
+      target: this.$config
+    });
+    sample({
+      clock: this.gate.open,
+      filter: not(this.api.getMatrixFx.pending),
+      fn: ({
+        config
       }) => ({
-        isCorrect: Number(input) === problem.answer
-      })
+        grade: config.grade
+      }),
+      target: this.api.getMatrixFx
+    });
+    sample({
+      clock: this.gate.open,
+      filter: not(this.api.getWeeklyStatsFx.pending),
+      target: this.api.getWeeklyStatsFx
     });
     sample({
-      clock: this.submitFx.done,
-      fn: () => ({
-        erase: 'all'
+      clock: this.solving.flushAttempts,
+      source: this.$config,
+      filter: Boolean,
+      fn: (config, attempts) => ({
+        grade: config.grade,
+        attempts,
+        matrixConfig: MatrixConfig.STANDARD
       }),
-      target: this.input.set
+      target: this.api.postAttemptFx
     });
   }
 }

package/dist/module/features/fluency/model/FluencyModel.js.map

@@ -1 +1 @@
-{"version":3,"names":["attach","createEvent","restore","sample","FluencyMode","FluencyDaysStreakModel","FluencyMatrixModel","FluencyApiModel","FluencySolvingModel","FluencyInputModel","FluencyModel","setMode","$mode","ADDITION","constructor","api","streak","matrix","solving","input","submitFx","source","$state","problem","$problem","effect","isCorrect","Number","answer","clock","done","fn","erase","target","set"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyModel.ts"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,UAAU;AAE/D,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,wBAAqB;AAQvD,OAAO,MAAMC,YAAY,CAAC;EAQRC,OAAO,GAAGV,WAAW,CAAc,CAAC;EACpCW,KAAK,GAAGV,OAAO,CAAC,IAAI,CAACS,OAAO,EAAEP,WAAW,CAACS,QAAQ,CAAC;EAEnEC,WAAWA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IACtC,IAAI,CAACA,GAAG,GAAG,IAAIR,eAAe,CAACQ,GAAG,CAAC;IACnC,IAAI,CAACC,MAAM,GAAG,IAAIX,sBAAsB,CAAC,CAAC;IAC1C,IAAI,CAACY,MAAM,GAAG,IAAIX,kBAAkB,CAAC,CAAC;IACtC,IAAI,CAACY,OAAO,GAAG,IAAIV,mBAAmB,CAAC,CAAC;IACxC,IAAI,CAACW,KAAK,GAAG,IAAIV,iBAAiB,CAAC,CAAC;IAEpC,IAAI,CAACW,QAAQ,GAAGpB,MAAM,CAAC;MACrBqB,MAAM,EAAE;QAAEF,KAAK,EAAE,IAAI,CAACA,KAAK,CAACG,MAAM;QAAEC,OAAO,EAAE,IAAI,CAACL,OAAO,CAACM;MAAS,CAAC;MACpEC,MAAM,EAAEA,CAAC;QAAEN,KAAK;QAAEI;MAAQ,CAAC,MAAM;QAAEG,SAAS,EAAEC,MAAM,CAACR,KAAK,CAAC,KAAKI,OAAO,CAACK;MAAO,CAAC;IAClF,CAAC,CAAC;IAEFzB,MAAM,CAAC;MACL0B,KAAK,EAAE,IAAI,CAACT,QAAQ,CAACU,IAAI;MACzBC,EAAE,EAAEA,CAAA,MAAO;QAAEC,KAAK,EAAE;MAAe,CAAC,CAAC;MACrCC,MAAM,EAAE,IAAI,CAACd,KAAK,CAACe;IACrB,CAAC,CAAC;EACJ;AACF","ignoreList":[]}
+{"version":3,"names":["createStore","sample","createGate","not","FluencyDaysStreakModel","FluencyMatrixModel","FluencyApiModel","FluencySolvingModel","MatrixConfig","FluencyModel","gate","$config","constructor","api","streak","matrix","solving","init","clock","open","fn","config","target","filter","getMatrixFx","pending","grade","getWeeklyStatsFx","flushAttempts","source","Boolean","attempts","matrixConfig","STANDARD","postAttemptFx"],"sourceRoot":"../../../../../src","sources":["features/fluency/model/FluencyModel.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,UAAU;AAC9C,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,YAAY,QAAQ,gCAA6B;AAQ1D,OAAO,MAAMC,YAAY,CAAC;EACRC,IAAI,GAAGR,UAAU,CAAwB,CAAC;EAC1CS,OAAO,GAAGX,WAAW,CAAuB,IAAI,CAAC;EAOjEY,WAAWA,CAAC;IAAEC;EAAuB,CAAC,EAAE;IACtC,IAAI,CAACA,GAAG,GAAG,IAAIP,eAAe,CAACO,GAAG,CAAC;IACnC,IAAI,CAACC,MAAM,GAAG,IAAIV,sBAAsB,CAAC,IAAI,CAACS,GAAG,CAAC;IAClD,IAAI,CAACE,MAAM,GAAG,IAAIV,kBAAkB,CAAC,IAAI,CAACQ,GAAG,CAAC;IAC9C,IAAI,CAACG,OAAO,GAAG,IAAIT,mBAAmB,CAAC,IAAI,CAACQ,MAAM,EAAE,IAAI,CAACJ,OAAO,CAAC;IAEjE,IAAI,CAACM,IAAI,CAAC,CAAC;EACb;EAEQA,IAAIA,CAAA,EAAG;IACbhB,MAAM,CAAC;MACLiB,KAAK,EAAE,IAAI,CAACR,IAAI,CAACS,IAAI;MACrBC,EAAE,EAAEA,CAAC;QAAEC;MAAO,CAAC,KAAKA,MAAM;MAC1BC,MAAM,EAAE,IAAI,CAACX;IACf,CAAC,CAAC;IAEFV,MAAM,CAAC;MACLiB,KAAK,EAAE,IAAI,CAACR,IAAI,CAACS,IAAI;MACrBI,MAAM,EAAEpB,GAAG,CAAC,IAAI,CAACU,GAAG,CAACW,WAAW,CAACC,OAAO,CAAC;MACzCL,EAAE,EAAEA,CAAC;QAAEC;MAAO,CAAC,MAAM;QAAEK,KAAK,EAAEL,MAAM,CAACK;MAAM,CAAC,CAAC;MAC7CJ,MAAM,EAAE,IAAI,CAACT,GAAG,CAACW;IACnB,CAAC,CAAC;IAEFvB,MAAM,CAAC;MACLiB,KAAK,EAAE,IAAI,CAACR,IAAI,CAACS,IAAI;MACrBI,MAAM,EAAEpB,GAAG,CAAC,IAAI,CAACU,GAAG,CAACc,gBAAgB,CAACF,OAAO,CAAC;MAC9CH,MAAM,EAAE,IAAI,CAACT,GAAG,CAACc;IACnB,CAAC,CAAC;IAEF1B,MAAM,CAAC;MACLiB,KAAK,EAAE,IAAI,CAACF,OAAO,CAACY,aAAa;MACjCC,MAAM,EAAE,IAAI,CAAClB,OAAO;MACpBY,MAAM,EAAEO,OAAO;MACfV,EAAE,EAAEA,CAACC,MAAM,EAAEU,QAAQ,MAA6B;QAChDL,KAAK,EAAEL,MAAM,CAACK,KAAK;QACnBK,QAAQ;QACRC,YAAY,EAAExB,YAAY,CAACyB;MAC7B,CAAC,CAAC;MACFX,MAAM,EAAE,IAAI,CAACT,GAAG,CAACqB;IACnB,CAAC,CAAC;EACJ;AACF","ignoreList":[]}