@magmamath/students-features 1.5.0 → 1.5.1

package/dist/commonjs/features/fluency/components/start-banner/MathFlashcard.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MathFlashcard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MathFlashcard = ({
+  left,
+  right,
+  layout
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.card, {
+    width: layout.card.width,
+    height: layout.card.height,
+    borderRadius: layout.card.radius,
+    right: layout.position.right,
+    top: layout.position.top,
+    zIndex: layout.position.zIndex,
+    transform: [{
+      rotate: layout.rotation
+    }]
+  }],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: left
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.answerBox, {
+        width: layout.answer.width,
+        height: layout.answer.height,
+        borderRadius: layout.answer.radius
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        fontSize: layout.fontSize
+      }],
+      children: right
+    })]
+  })
+});
+exports.MathFlashcard = MathFlashcard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    position: 'absolute',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 1
+  },
+  text: {
+    fontWeight: 'bold',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.BLACK
+  },
+  answerBox: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=MathFlashcard.js.map

package/dist/commonjs/features/fluency/components/start-banner/MathFlashcard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","MathFlashcard","left","right","layout","jsx","View","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","jsxs","row","Text","text","fontSize","answerBox","answer","exports","StyleSheet","create","backgroundColor","COLORS","NEUTRAL_1","alignItems","justifyContent","SHADOWS","flexDirection","gap","fontWeight","fontFamily","FONT_FAMILY","buenosAires","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFluency = exports.FluencyProvider = void 0;
+var _react = require("react");
+const FluencyContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useFluency = () => {
+  const value = (0, _react.useContext)(FluencyContext);
+  if (!value) throw new Error('useFluency must be used within FluencyProvider');
+  return value;
+};
+exports.useFluency = useFluency;
+const FluencyProvider = exports.FluencyProvider = FluencyContext.Provider;
+//# sourceMappingURL=FluencyContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","FluencyContext","createContext","useFluency","value","useContext","Error","exports","FluencyProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/fluency/context/FluencyContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA,MAAMC,cAAc,gBAAG,IAAAC,oBAAa,EAA6B,IAAI,CAAC;AAE/D,MAAMC,UAAU,GAAGA,CAAA,KAA2B;EACnD,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACJ,cAAc,CAAC;EACxC,IAAI,CAACG,KAAK,EAAE,MAAM,IAAIE,KAAK,CAAC,gDAAgD,CAAC;EAC7E,OAAOF,KAAK;AACd,CAAC;AAAAG,OAAA,CAAAJ,UAAA,GAAAA,UAAA;AAEM,MAAMK,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAGP,cAAc,CAACQ,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCardSnapAnimation = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+const SHAKE_STEP_DURATION = 60;
+const SNAP_SUCCESS_DURATION = 300;
+const SNAP = {
+  duration: 240,
+  easing: _reactNativeReanimated.Easing.bezier(0.6, 0, 0.4, 1),
+  rotate: 18,
+  scale: 0.85,
+  y: -40
+};
+const STEP_UP = {
+  delay: 80,
+  duration: 320,
+  easing: _reactNativeReanimated.Easing.bezier(0.3, 0.9, 0.2, 1)
+};
+const L = [{
+  top: 12,
+  side: 20
+}, {
+  top: 24,
+  side: 40
+}, {
+  top: 36,
+  side: 60
+}];
+const useCardSnapAnimation = (params = {}) => {
+  const isAnimating = (0, _react.useRef)(false);
+  const onCompleteRef = (0, _react.useRef)(params.onComplete);
+  onCompleteRef.current = params.onComplete;
+  const translateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const rotate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  const l1Top = (0, _reactNativeReanimated.useSharedValue)(L[0].top);
+  const l1Side = (0, _reactNativeReanimated.useSharedValue)(L[0].side);
+  const l2Top = (0, _reactNativeReanimated.useSharedValue)(L[1].top);
+  const l2Side = (0, _reactNativeReanimated.useSharedValue)(L[1].side);
+  const l3Top = (0, _reactNativeReanimated.useSharedValue)(L[2].top);
+  const l3Side = (0, _reactNativeReanimated.useSharedValue)(L[2].side);
+  const l3Opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const front = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    top: l1Top.value,
+    left: l1Side.value,
+    right: l1Side.value
+  }), [l1Top, l1Side]);
+  const mid = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    top: l2Top.value,
+    left: l2Side.value,
+    right: l2Side.value
+  }), [l2Top, l2Side]);
+  const far = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.withTiming)(toX, snapConfig);
+    translateY.value = (0, _reactNativeReanimated.withTiming)(SNAP.y, snapConfig);
+    rotate.value = (0, _reactNativeReanimated.withTiming)(toRotate, snapConfig);
+    scale.value = (0, _reactNativeReanimated.withTiming)(SNAP.scale, snapConfig);
+    opacity.value = (0, _reactNativeReanimated.withTiming)(0, snapConfig);
+    l1Top.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(0, stepConfig, () => (0, _reactNativeReanimated.runOnJS)(complete)()));
+    l1Side.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(0, stepConfig));
+    l2Top.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(L[0].top, stepConfig));
+    l2Side.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(L[0].side, stepConfig));
+    l3Top.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(L[1].top, stepConfig));
+    l3Side.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(L[1].side, stepConfig));
+    l3Opacity.value = (0, _reactNativeReanimated.withDelay)(STEP_UP.delay, (0, _reactNativeReanimated.withTiming)(1, stepConfig));
+  };
+  const trigger = direction => {
+    if (isAnimating.current) return false;
+    isAnimating.current = true;
+    resetFrontCard();
+    resetBackingCards();
+    const screenWidth = _reactNative.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 = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-10, {
+      duration: SHAKE_STEP_DURATION
+    }), (0, _reactNativeReanimated.withTiming)(10, {
+      duration: SHAKE_STEP_DURATION
+    }), (0, _reactNativeReanimated.withTiming)(-6, {
+      duration: SHAKE_STEP_DURATION
+    }), (0, _reactNativeReanimated.withTiming)(6, {
+      duration: SHAKE_STEP_DURATION
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: SHAKE_STEP_DURATION
+    }, () => (0, _reactNativeReanimated.runOnJS)(snap)(toX, toRotate)));
+    return true;
+  };
+  return {
+    snapStyles: {
+      front,
+      near,
+      mid,
+      far
+    },
+    trigger,
+    resetBackingCards
+  };
+};
+exports.useCardSnapAnimation = useCardSnapAnimation;
+//# sourceMappingURL=useCardSnapAnimation.js.map

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFluencyCardDeckAnimation = void 0;
+var _react = require("react");
+var _useCardSnapAnimation = require("./useCardSnapAnimation.js");
+const useFluencyCardDeckAnimation = () => {
+  const [exitingCardContent, setExitingCardContent] = (0, _react.useState)(null);
+  const [exitingCardStatus, setExitingCardStatus] = (0, _react.useState)(null);
+  const [shouldResetBackingCards, setShouldResetBackingCards] = (0, _react.useState)(false);
+  const clearExitingCard = (0, _react.useCallback)(() => {
+    setExitingCardContent(null);
+    setExitingCardStatus(null);
+    setShouldResetBackingCards(true);
+  }, []);
+  const animation = (0, _useCardSnapAnimation.useCardSnapAnimation)({
+    onComplete: clearExitingCard
+  });
+  (0, _react.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
+  };
+};
+exports.useFluencyCardDeckAnimation = useFluencyCardDeckAnimation;
+//# sourceMappingURL=useFluencyCardDeckAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useCardSnapAnimation","useFluencyCardDeckAnimation","exitingCardContent","setExitingCardContent","useState","exitingCardStatus","setExitingCardStatus","shouldResetBackingCards","setShouldResetBackingCards","clearExitingCard","useCallback","animation","useCardSnapAnimation","onComplete","useLayoutEffect","resetBackingCards","startCardExit","cardContent","direction","status","trigger","snapStyles","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyCardDeckAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AAUO,MAAME,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAC1D,IACF,CAAC;EACD,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAF,eAAQ,EAAuB,IAAI,CAAC;EACtF,MAAM,CAACG,uBAAuB,EAAEC,0BAA0B,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EAE7E,MAAMK,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACzCP,qBAAqB,CAAC,IAAI,CAAC;IAC3BG,oBAAoB,CAAC,IAAI,CAAC;IAC1BE,0BAA0B,CAAC,IAAI,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,SAAS,GAAG,IAAAC,0CAAoB,EAAC;IAAEC,UAAU,EAAEJ;EAAiB,CAAC,CAAC;EAExE,IAAAK,sBAAe,EAAC,MAAM;IACpB,IAAI,CAACP,uBAAuB,IAAIL,kBAAkB,EAAE;IAEpDS,SAAS,CAACI,iBAAiB,CAAC,CAAC;IAC7BP,0BAA0B,CAAC,KAAK,CAAC;EACnC,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGA,CAAC;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAA4B,CAAC,KAAK;IACjF,IAAI,CAACR,SAAS,CAACS,OAAO,CAACF,SAAS,CAAC,EAAE,OAAO,KAAK;IAE/Cf,qBAAqB,CAACc,WAAW,CAAC;IAClCX,oBAAoB,CAACa,MAAM,CAAC;IAC5B,OAAO,IAAI;EACb,CAAC;EAED,OAAO;IACLjB,kBAAkB;IAClBG,iBAAiB;IACjBgB,UAAU,EAAEV,SAAS,CAACU,UAAU;IAChCL;EACF,CAAC;AACH,CAAC;AAAAM,OAAA,CAAArB,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFluencyModePreset = void 0;
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyConstants = require("../shared/fluency.constants.js");
+var _FluencyContext = require("../context/FluencyContext.js");
+var _i18n = require("../../../i18n/i18n.js");
+const useFluencyModePreset = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const mode = (0, _effectorReact.useUnit)(model.matrix.$mode);
+  const preset = _fluencyConstants.FLUENCY_MODE_PRESETS[mode];
+  const legendItems = [{
+    label: t('student.fluency.notStarted'),
+    color: _reactNativeUi.COLORS.NEUTRAL_2,
+    withBorder: true
+  }, {
+    label: t('student.fluency.masteryLearning'),
+    color: preset.matrix.levelColors[_fluencyConstants.FluencyMasteryLevel.LEARNING]
+  }, {
+    label: t('student.fluency.masteryGrowing'),
+    color: preset.matrix.levelColors[_fluencyConstants.FluencyMasteryLevel.GROWING]
+  }, {
+    label: t('student.fluency.masteryStrong'),
+    color: preset.matrix.levelColors[_fluencyConstants.FluencyMasteryLevel.STRONG]
+  }, {
+    label: t('student.fluency.masteryMastered'),
+    color: preset.matrix.levelColors[_fluencyConstants.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
+    }
+  };
+};
+exports.useFluencyModePreset = useFluencyModePreset;
+//# sourceMappingURL=useFluencyModePreset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_effectorReact","require","_reactNativeUi","_fluencyConstants","_FluencyContext","_i18n","useFluencyModePreset","t","useText","model","useFluency","mode","useUnit","matrix","$mode","preset","FLUENCY_MODE_PRESETS","legendItems","label","color","COLORS","NEUTRAL_2","withBorder","levelColors","FluencyMasteryLevel","LEARNING","GROWING","STRONG","MASTERED","symbol","operatorLabel","colors","level","accent","accentColor","streak","header","streakColor","button","buttonColor","legend","items","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyModePreset.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAcO,MAAMK,oBAAoB,GAAGA,CAAA,KAAkC;EACpE,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,MAAM,CAACC,KAAK,CAAC;EACxC,MAAMC,MAAM,GAAGC,sCAAoB,CAACL,IAAI,CAAC;EAEzC,MAAMM,WAAyB,GAAG,CAChC;IAAEC,KAAK,EAAEX,CAAC,CAAC,4BAA4B,CAAC;IAAEY,KAAK,EAAEC,qBAAM,CAACC,SAAS;IAAEC,UAAU,EAAE;EAAK,CAAC,EACrF;IACEJ,KAAK,EAAEX,CAAC,CAAC,iCAAiC,CAAC;IAC3CY,KAAK,EAAEJ,MAAM,CAACF,MAAM,CAACU,WAAW,CAACC,qCAAmB,CAACC,QAAQ;EAC/D,CAAC,EACD;IACEP,KAAK,EAAEX,CAAC,CAAC,gCAAgC,CAAC;IAC1CY,KAAK,EAAEJ,MAAM,CAACF,MAAM,CAACU,WAAW,CAACC,qCAAmB,CAACE,OAAO;EAC9D,CAAC,EACD;IACER,KAAK,EAAEX,CAAC,CAAC,+BAA+B,CAAC;IACzCY,KAAK,EAAEJ,MAAM,CAACF,MAAM,CAACU,WAAW,CAACC,qCAAmB,CAACG,MAAM;EAC7D,CAAC,EACD;IACET,KAAK,EAAEX,CAAC,CAAC,iCAAiC,CAAC;IAC3CY,KAAK,EAAEJ,MAAM,CAACF,MAAM,CAACU,WAAW,CAACC,qCAAmB,CAACI,QAAQ;EAC/D,CAAC,CACF;EAED,OAAO;IACLC,MAAM,EAAEd,MAAM,CAACc,MAAM;IACrBX,KAAK,EAAEX,CAAC,CAACQ,MAAM,CAACF,MAAM,CAACiB,aAAa,CAAC;IACrCC,MAAM,EAAE;MACNC,KAAK,EAAEjB,MAAM,CAACF,MAAM,CAACU,WAAW;MAChCU,MAAM,EAAElB,MAAM,CAACmB,WAAW;MAC1BC,MAAM,EAAEpB,MAAM,CAACqB,MAAM,CAACC,WAAW;MACjCC,MAAM,EAAEvB,MAAM,CAACwB;IACjB,CAAC;IACDC,MAAM,EAAE;MAAEC,KAAK,EAAExB;IAAY;EAC/B,CAAC;AACH,CAAC;AAAAyB,OAAA,CAAApC,oBAAA,GAAAA,oBAAA","ignoreList":[]}