@magmamath/students-features 1.5.0 → 1.5.1

package/dist/module/features/fluency/components/start-banner/StartBanner.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, Typography, COLORS, SHADOWS, SPACING, FONT_FAMILY, BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { GradientView } from "../../../../lib/components/GradientView.js";
+import { BannerFlashcards } from "./BannerFlashcards.js";
+import { useFluency } from "../../context/FluencyContext.js";
+import { useText } from "../../../../i18n/i18n.js";
+import { FlashIcon } from "../../assets/FlashIcon.js";
+import { SESSION_LENGTH } from "../../shared/fluency.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StartBanner = () => {
+  const t = useText();
+  const {
+    model,
+    onStartPress
+  } = useFluency();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.gradientClip,
+      children: /*#__PURE__*/_jsx(GradientView, {
+        colors: ['#FFFFFF', '#FFF7E9'],
+        locations: [0.231, 0.8173],
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: StyleSheet.absoluteFill,
+        pointerEvents: "none"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.buttonContainer,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.buttonGroup,
+        children: [/*#__PURE__*/_jsx(Button, {
+          icon: /*#__PURE__*/_jsx(FlashIcon, {
+            color: COLORS.NEUTRAL_1
+          }),
+          variant: ButtonVariant.PRIMARY,
+          size: ButtonSize.LARGE,
+          colorScheme: ButtonColor.YELLOW,
+          raiseLevel: 6,
+          style: {
+            container: styles.button
+          },
+          onPress: () => {
+            model.solving.start();
+            onStartPress?.();
+          },
+          children: t('student.fluency.startPractice')
+        }), /*#__PURE__*/_jsxs(Typography, {
+          style: styles.buttonSubtitle,
+          children: [SESSION_LENGTH, " ", t('student.fluency.cardsReady')]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(BannerFlashcards, {
+      examples: [{
+        left: '15*',
+        right: '=30'
+      }, {
+        left: '10-',
+        right: '=25'
+      }, {
+        left: '5+',
+        right: '=19'
+      }]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'center',
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[800],
+    borderRadius: BORDER_RADIUS[400],
+    ...SHADOWS[1]
+  },
+  gradientClip: {
+    ...StyleSheet.absoluteFillObject,
+    borderRadius: BORDER_RADIUS[400],
+    overflow: 'hidden'
+  },
+  buttonContainer: {
+    alignItems: 'flex-start',
+    zIndex: 4
+  },
+  buttonGroup: {
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  button: {
+    minWidth: 220,
+    maxWidth: 315,
+    textTransform: 'uppercase'
+  },
+  buttonSubtitle: {
+    fontSize: 13,
+    fontWeight: '700',
+    color: COLORS.BLACK,
+    fontFamily: FONT_FAMILY.buenosAires,
+    textTransform: 'uppercase'
+  },
+  flashcard: {
+    position: 'absolute',
+    backgroundColor: COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...SHADOWS[1]
+  },
+  springIcon: {
+    position: 'absolute',
+    bottom: -28,
+    right: 0,
+    marginTop: 6,
+    alignSelf: 'flex-end'
+  }
+});
+//# sourceMappingURL=StartBanner.js.map

package/dist/module/features/fluency/components/start-banner/StartBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Button","ButtonColor","ButtonSize","ButtonVariant","Typography","COLORS","SHADOWS","SPACING","FONT_FAMILY","BORDER_RADIUS","GradientView","BannerFlashcards","useFluency","useText","FlashIcon","SESSION_LENGTH","jsx","_jsx","jsxs","_jsxs","StartBanner","t","model","onStartPress","style","styles","container","children","gradientClip","colors","locations","start","x","y","end","absoluteFill","pointerEvents","buttonContainer","buttonGroup","icon","color","NEUTRAL_1","variant","PRIMARY","size","LARGE","colorScheme","YELLOW","raiseLevel","button","onPress","solving","buttonSubtitle","examples","left","right","create","flex","height","justifyContent","paddingVertical","paddingHorizontal","borderRadius","absoluteFillObject","overflow","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","fontFamily","buenosAires","flashcard","position","backgroundColor","springIcon","bottom","marginTop","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/context/FluencyContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const FluencyContext = /*#__PURE__*/createContext(null);
+export const useFluency = () => {
+  const value = useContext(FluencyContext);
+  if (!value) throw new Error('useFluency must be used within FluencyProvider');
+  return value;
+};
+export const FluencyProvider = FluencyContext.Provider;
+//# sourceMappingURL=FluencyContext.js.map

package/dist/module/features/fluency/context/FluencyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","FluencyContext","useFluency","value","Error","FluencyProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/fluency/context/FluencyContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAWjD,MAAMC,cAAc,gBAAGF,aAAa,CAA6B,IAAI,CAAC;AAEtE,OAAO,MAAMG,UAAU,GAAGA,CAAA,KAA2B;EACnD,MAAMC,KAAK,GAAGH,UAAU,CAACC,cAAc,CAAC;EACxC,IAAI,CAACE,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EAC7E,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAME,eAAe,GAAGJ,cAAc,CAACK,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,152 @@
+"use strict";
+
+import { useRef } from 'react';
+import { Dimensions } from 'react-native';
+import { useSharedValue, useAnimatedStyle, withTiming, withDelay, withSequence, Easing, runOnJS } from 'react-native-reanimated';
+const SHAKE_STEP_DURATION = 60;
+const SNAP_SUCCESS_DURATION = 300;
+const SNAP = {
+  duration: 240,
+  easing: Easing.bezier(0.6, 0, 0.4, 1),
+  rotate: 18,
+  scale: 0.85,
+  y: -40
+};
+const STEP_UP = {
+  delay: 80,
+  duration: 320,
+  easing: Easing.bezier(0.3, 0.9, 0.2, 1)
+};
+const L = [{
+  top: 12,
+  side: 20
+}, {
+  top: 24,
+  side: 40
+}, {
+  top: 36,
+  side: 60
+}];
+export const useCardSnapAnimation = (params = {}) => {
+  const isAnimating = useRef(false);
+  const onCompleteRef = useRef(params.onComplete);
+  onCompleteRef.current = params.onComplete;
+  const translateX = useSharedValue(0);
+  const translateY = useSharedValue(0);
+  const rotate = useSharedValue(0);
+  const scale = useSharedValue(1);
+  const opacity = useSharedValue(1);
+  const l1Top = useSharedValue(L[0].top);
+  const l1Side = useSharedValue(L[0].side);
+  const l2Top = useSharedValue(L[1].top);
+  const l2Side = useSharedValue(L[1].side);
+  const l3Top = useSharedValue(L[2].top);
+  const l3Side = useSharedValue(L[2].side);
+  const l3Opacity = useSharedValue(0);
+  const front = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }, {
+      translateY: translateY.value
+    }, {
+      rotate: `${rotate.value}deg`
+    }, {
+      scale: scale.value
+    }],
+    opacity: opacity.value
+  }), [translateX, translateY, rotate, scale, opacity]);
+  const near = useAnimatedStyle(() => ({
+    top: l1Top.value,
+    left: l1Side.value,
+    right: l1Side.value
+  }), [l1Top, l1Side]);
+  const mid = useAnimatedStyle(() => ({
+    top: l2Top.value,
+    left: l2Side.value,
+    right: l2Side.value
+  }), [l2Top, l2Side]);
+  const far = useAnimatedStyle(() => ({
+    top: l3Top.value,
+    left: l3Side.value,
+    right: l3Side.value,
+    opacity: l3Opacity.value
+  }), [l3Top, l3Side, l3Opacity]);
+  const complete = () => {
+    isAnimating.current = false;
+    onCompleteRef.current?.();
+  };
+  const resetBackingCards = () => {
+    l1Top.value = L[0].top;
+    l1Side.value = L[0].side;
+    l2Top.value = L[1].top;
+    l2Side.value = L[1].side;
+    l3Top.value = L[2].top;
+    l3Side.value = L[2].side;
+    l3Opacity.value = 0;
+  };
+  const resetFrontCard = () => {
+    translateX.value = 0;
+    translateY.value = 0;
+    rotate.value = 0;
+    scale.value = 1;
+    opacity.value = 1;
+  };
+  const snap = (toX, toRotate, duration = SNAP.duration) => {
+    const snapConfig = {
+      duration,
+      easing: SNAP.easing
+    };
+    const stepConfig = {
+      duration: STEP_UP.duration,
+      easing: STEP_UP.easing
+    };
+    translateX.value = withTiming(toX, snapConfig);
+    translateY.value = withTiming(SNAP.y, snapConfig);
+    rotate.value = withTiming(toRotate, snapConfig);
+    scale.value = withTiming(SNAP.scale, snapConfig);
+    opacity.value = withTiming(0, snapConfig);
+    l1Top.value = withDelay(STEP_UP.delay, withTiming(0, stepConfig, () => runOnJS(complete)()));
+    l1Side.value = withDelay(STEP_UP.delay, withTiming(0, stepConfig));
+    l2Top.value = withDelay(STEP_UP.delay, withTiming(L[0].top, stepConfig));
+    l2Side.value = withDelay(STEP_UP.delay, withTiming(L[0].side, stepConfig));
+    l3Top.value = withDelay(STEP_UP.delay, withTiming(L[1].top, stepConfig));
+    l3Side.value = withDelay(STEP_UP.delay, withTiming(L[1].side, stepConfig));
+    l3Opacity.value = withDelay(STEP_UP.delay, withTiming(1, stepConfig));
+  };
+  const trigger = direction => {
+    if (isAnimating.current) return false;
+    isAnimating.current = true;
+    resetFrontCard();
+    resetBackingCards();
+    const screenWidth = Dimensions.get('window').width;
+    const toX = direction === 'right' ? screenWidth * 1.6 : -screenWidth * 1.6;
+    const toRotate = direction === 'right' ? SNAP.rotate : -SNAP.rotate;
+    if (direction === 'right') {
+      snap(toX, toRotate, SNAP_SUCCESS_DURATION);
+      return true;
+    }
+    translateX.value = withSequence(withTiming(-10, {
+      duration: SHAKE_STEP_DURATION
+    }), withTiming(10, {
+      duration: SHAKE_STEP_DURATION
+    }), withTiming(-6, {
+      duration: SHAKE_STEP_DURATION
+    }), withTiming(6, {
+      duration: SHAKE_STEP_DURATION
+    }), withTiming(0, {
+      duration: SHAKE_STEP_DURATION
+    }, () => runOnJS(snap)(toX, toRotate)));
+    return true;
+  };
+  return {
+    snapStyles: {
+      front,
+      near,
+      mid,
+      far
+    },
+    trigger,
+    resetBackingCards
+  };
+};
+//# sourceMappingURL=useCardSnapAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","Dimensions","useSharedValue","useAnimatedStyle","withTiming","withDelay","withSequence","Easing","runOnJS","SHAKE_STEP_DURATION","SNAP_SUCCESS_DURATION","SNAP","duration","easing","bezier","rotate","scale","y","STEP_UP","delay","L","top","side","useCardSnapAnimation","params","isAnimating","onCompleteRef","onComplete","current","translateX","translateY","opacity","l1Top","l1Side","l2Top","l2Side","l3Top","l3Side","l3Opacity","front","transform","value","near","left","right","mid","far","complete","resetBackingCards","resetFrontCard","snap","toX","toRotate","snapConfig","stepConfig","trigger","direction","screenWidth","get","width","snapStyles"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useCardSnapAnimation.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { useCardSnapAnimation } from "./useCardSnapAnimation.js";
+export const useFluencyCardDeckAnimation = () => {
+  const [exitingCardContent, setExitingCardContent] = useState(null);
+  const [exitingCardStatus, setExitingCardStatus] = useState(null);
+  const [shouldResetBackingCards, setShouldResetBackingCards] = useState(false);
+  const clearExitingCard = useCallback(() => {
+    setExitingCardContent(null);
+    setExitingCardStatus(null);
+    setShouldResetBackingCards(true);
+  }, []);
+  const animation = useCardSnapAnimation({
+    onComplete: clearExitingCard
+  });
+  useLayoutEffect(() => {
+    if (!shouldResetBackingCards || exitingCardContent) return;
+    animation.resetBackingCards();
+    setShouldResetBackingCards(false);
+  });
+  const startCardExit = ({
+    cardContent,
+    direction,
+    status
+  }) => {
+    if (!animation.trigger(direction)) return false;
+    setExitingCardContent(cardContent);
+    setExitingCardStatus(status);
+    return true;
+  };
+  return {
+    exitingCardContent,
+    exitingCardStatus,
+    snapStyles: animation.snapStyles,
+    startCardExit
+  };
+};
+//# sourceMappingURL=useFluencyCardDeckAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useLayoutEffect","useState","useCardSnapAnimation","useFluencyCardDeckAnimation","exitingCardContent","setExitingCardContent","exitingCardStatus","setExitingCardStatus","shouldResetBackingCards","setShouldResetBackingCards","clearExitingCard","animation","onComplete","resetBackingCards","startCardExit","cardContent","direction","status","trigger","snapStyles"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyCardDeckAnimation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAE9D,SAASC,oBAAoB,QAA4B,2BAAwB;AAUjF,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGJ,QAAQ,CAC1D,IACF,CAAC;EACD,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGN,QAAQ,CAAuB,IAAI,CAAC;EACtF,MAAM,CAACO,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAE7E,MAAMS,gBAAgB,GAAGX,WAAW,CAAC,MAAM;IACzCM,qBAAqB,CAAC,IAAI,CAAC;IAC3BE,oBAAoB,CAAC,IAAI,CAAC;IAC1BE,0BAA0B,CAAC,IAAI,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,SAAS,GAAGT,oBAAoB,CAAC;IAAEU,UAAU,EAAEF;EAAiB,CAAC,CAAC;EAExEV,eAAe,CAAC,MAAM;IACpB,IAAI,CAACQ,uBAAuB,IAAIJ,kBAAkB,EAAE;IAEpDO,SAAS,CAACE,iBAAiB,CAAC,CAAC;IAC7BJ,0BAA0B,CAAC,KAAK,CAAC;EACnC,CAAC,CAAC;EAEF,MAAMK,aAAa,GAAGA,CAAC;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAA4B,CAAC,KAAK;IACjF,IAAI,CAACN,SAAS,CAACO,OAAO,CAACF,SAAS,CAAC,EAAE,OAAO,KAAK;IAE/CX,qBAAqB,CAACU,WAAW,CAAC;IAClCR,oBAAoB,CAACU,MAAM,CAAC;IAC5B,OAAO,IAAI;EACb,CAAC;EAED,OAAO;IACLb,kBAAkB;IAClBE,iBAAiB;IACjBa,UAAU,EAAER,SAAS,CAACQ,UAAU;IAChCL;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"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 useFluencyModePreset = () => {
+  const t = useText();
+  const {
+    model
+  } = useFluency();
+  const mode = useUnit(model.matrix.$mode);
+  const preset = FLUENCY_MODE_PRESETS[mode];
+  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=useFluencyModePreset.js.map

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

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