@magmamath/students-features 1.5.0 → 1.5.1

package/dist/module/features/fluency/components/matrix/components/MatrixCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","View","Text","StyleSheet","Animated","FadeIn","FadeOut","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","FluencyMasteryLevel","StarFillIcon","CellTooltip","jsx","_jsx","jsxs","_jsxs","MatrixCell","label","box","isHeader","isEmpty","levelColors","tooltipLabel","isActive","setIsActive","masteryLevel","isMastered","MASTERED","bgColor","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","style","styles","wrapper","children","cell","emptyCell","emptyCellText","wrapperActive","entering","duration","exiting","tooltipContainer","pointerEvents","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","color","PRIMARY_YELLOW","undefined","symbolText","headerText","create","flex","zIndex","borderRadius","alignItems","justifyContent","position","bottom","left","right","paddingBottom","fontSize","fontFamily","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import { MatrixCell } from "./MatrixCell.js";
+import { useFluency } from "../../../context/FluencyContext.js";
+import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MatrixFill = () => {
+  const {
+    model
+  } = useFluency();
+  const modePreset = useFluencyModePreset();
+  const grid = useUnit(model.matrix.$matrix);
+  if (!grid) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.grid,
+    children: grid.map((row, rowIdx) => /*#__PURE__*/_jsx(View, {
+      style: styles.row,
+      children: row.map((cell, colIdx) => {
+        const isOriginCell = rowIdx === 0 && colIdx === 0;
+        const tooltipLabel = cell.numbers ? `${cell.numbers[0]}${modePreset.symbol}${cell.numbers[1]}` : null;
+        return /*#__PURE__*/_jsx(MatrixCell, {
+          ...cell,
+          label: isOriginCell ? modePreset.symbol : cell.label,
+          levelColors: modePreset.colors.level,
+          tooltipLabel: tooltipLabel
+        }, colIdx);
+      })
+    }, rowIdx))
+  });
+};
+const styles = StyleSheet.create({
+  grid: {
+    flex: 1,
+    gap: SPACING[100]
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    gap: SPACING[100]
+  }
+});
+//# sourceMappingURL=MatrixFill.js.map

package/dist/module/features/fluency/components/matrix/components/MatrixFill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","SPACING","useUnit","MatrixCell","useFluency","useFluencyModePreset","jsx","_jsx","MatrixFill","model","modePreset","grid","matrix","$matrix","style","styles","children","map","row","rowIdx","cell","colIdx","isOriginCell","tooltipLabel","numbers","symbol","label","levelColors","colors","level","create","flex","gap","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,UAAU,QAAQ,oCAAiC;AAC5D,SAASC,oBAAoB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE1E,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGL,UAAU,CAAC,CAAC;EAC9B,MAAMM,UAAU,GAAGL,oBAAoB,CAAC,CAAC;EACzC,MAAMM,IAAI,GAAGT,OAAO,CAACO,KAAK,CAACG,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACF,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEJ,IAAA,CAACR,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACJ,IAAK;IAAAK,QAAA,EACtBL,IAAI,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpBZ,IAAA,CAACR,IAAI;MAAce,KAAK,EAAEC,MAAM,CAACG,GAAI;MAAAF,QAAA,EAClCE,GAAG,CAACD,GAAG,CAAC,CAACG,IAAI,EAAEC,MAAM,KAAK;QACzB,MAAMC,YAAY,GAAGH,MAAM,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC;QACjD,MAAME,YAAY,GAAGH,IAAI,CAACI,OAAO,GAC7B,GAAGJ,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,GAAGd,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACEjB,IAAA,CAACJ,UAAU;UAAA,GAELiB,IAAI;UACRM,KAAK,EAAEJ,YAAY,GAAGZ,UAAU,CAACe,MAAM,GAAGL,IAAI,CAACM,KAAM;UACrDC,WAAW,EAAEjB,UAAU,CAACkB,MAAM,CAACC,KAAM;UACrCN,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGf,UAAU,CAAC8B,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,GAAG,EAAE;IACHa,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,KAAK;IACpBD,GAAG,EAAE/B,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { BORDER_RADIUS, Button, ButtonSize, ButtonVariant, COLORS, PlayIcon, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { useFluencyModePreset } from "../../../hooks/useFluencyModePreset.js";
+import { useFluency } from "../../../context/FluencyContext.js";
+import { useText } from "../../../../../i18n/i18n.js";
+import { useUnit } from 'effector-react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MatrixLegend = () => {
+  const t = useText();
+  const modePreset = useFluencyModePreset();
+  const {
+    model,
+    onPracticePress
+  } = useFluency();
+  const mode = useUnit(model.matrix.$mode);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.legendItems,
+      children: modePreset.legend.items.map(item => /*#__PURE__*/_jsxs(View, {
+        style: styles.legendItem,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.legendDot, {
+            backgroundColor: item.color
+          }, item.withBorder && styles.legendDotBorder]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.legendLabel,
+          children: item.label
+        })]
+      }, item.label))
+    }), /*#__PURE__*/_jsx(Button, {
+      onPress: () => {
+        model.solving.start(mode);
+        onPracticePress?.();
+      },
+      variant: ButtonVariant.PRIMARY,
+      size: ButtonSize.MEDIUM,
+      colorScheme: modePreset.colors.button,
+      icon: /*#__PURE__*/_jsx(PlayIcon, {
+        color: COLORS.NEUTRAL_1
+      }),
+      raiseLevel: 3,
+      style: {
+        container: styles.practiceButton,
+        text: styles.practiceButtonText
+      },
+      children: `${t('student.fluency.practice')} ${modePreset.label}`
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: 65,
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'space-between',
+    backgroundColor: COLORS.NEUTRAL_2,
+    borderBottomColor: COLORS.NEUTRAL_5,
+    paddingHorizontal: SPACING[300],
+    paddingVertical: SPACING[300],
+    borderTopLeftRadius: BORDER_RADIUS[400],
+    borderTopRightRadius: BORDER_RADIUS[400],
+    ...SHADOWS[1]
+  },
+  legendItems: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[400]
+  },
+  legendItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[150]
+  },
+  legendDot: {
+    width: 14,
+    height: 14,
+    borderRadius: 3
+  },
+  legendDotBorder: {
+    borderWidth: 0.5,
+    borderColor: COLORS.NEUTRAL_5
+  },
+  legendLabel: {
+    fontSize: 12,
+    color: COLORS.NEUTRAL_7
+  },
+  practiceButton: {
+    alignSelf: 'center'
+  },
+  practiceButtonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=MatrixLegend.js.map

package/dist/module/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","PlayIcon","SHADOWS","SPACING","useFluencyModePreset","useFluency","useText","useUnit","jsx","_jsx","jsxs","_jsxs","MatrixLegend","t","modePreset","model","onPracticePress","mode","matrix","$mode","style","styles","container","children","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","legendLabel","label","onPress","solving","start","variant","PRIMARY","size","MEDIUM","colorScheme","colors","button","icon","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderTopRightRadius","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/mobile-menu/MobileMenu.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, useWindowDimensions } from 'react-native';
+import { Button, ButtonVariant, SPACING } from '@magmamath/react-native-ui';
+import { MenuIcon } from "../../../../shared/icons/MenuIcon.js";
+import { BURGER_MENU_BREAKPOINT, isWeb } from "../../../../shared/common.constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MobileMenu = ({
+  onPress
+}) => {
+  const dimensions = useWindowDimensions();
+  const isVisible = isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
+  if (!isVisible) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Button, {
+      onPress: onPress,
+      variant: ButtonVariant.TERTIARY,
+      icon: /*#__PURE__*/_jsx(MenuIcon, {
+        size: 24
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    marginRight: SPACING[200]
+  }
+});
+//# sourceMappingURL=MobileMenu.js.map

package/dist/module/features/fluency/components/mobile-menu/MobileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useWindowDimensions","Button","ButtonVariant","SPACING","MenuIcon","BURGER_MENU_BREAKPOINT","isWeb","jsx","_jsx","MobileMenu","onPress","dimensions","isVisible","width","style","styles","container","children","variant","TERTIARY","icon","size","create","marginRight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/mobile-menu/MobileMenu.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,MAAM,EAAEC,aAAa,EAAEC,OAAO,QAAQ,4BAA4B;AAC3E,SAASC,QAAQ,QAAQ,sCAAmC;AAC5D,SAASC,sBAAsB,EAAEC,KAAK,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMnF,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAMC,UAAU,GAAGX,mBAAmB,CAAC,CAAC;EACxC,MAAMY,SAAS,GAAGN,KAAK,IAAIK,UAAU,CAACE,KAAK,IAAIR,sBAAsB;EAErE,IAAI,CAACO,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACEJ,IAAA,CAACV,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BT,IAAA,CAACP,MAAM;MAACS,OAAO,EAAEA,OAAQ;MAACQ,OAAO,EAAEhB,aAAa,CAACiB,QAAS;MAACC,IAAI,eAAEZ,IAAA,CAACJ,QAAQ;QAACiB,IAAI,EAAE;MAAG,CAAE;IAAE,CAAE;EAAC,CACvF,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGhB,UAAU,CAACuB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,WAAW,EAAEpB,OAAO,CAAC,GAAG;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/MathOperatorRow.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SelectOption, SPACING } from '@magmamath/react-native-ui';
+import { ProgressBar } from "./ProgressBar.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MathOperatorRow = ({
+  title,
+  icon,
+  progress,
+  color,
+  selected,
+  onSelect,
+  showDivider = true
+}) => /*#__PURE__*/_jsxs(View, {
+  children: [/*#__PURE__*/_jsx(SelectOption, {
+    title: title,
+    icon: icon,
+    color: color,
+    selected: selected,
+    onPress: onSelect
+  }), /*#__PURE__*/_jsx(ProgressBar, {
+    progress: progress,
+    color: color
+  }), showDivider && /*#__PURE__*/_jsx(View, {
+    style: styles.divider
+  })]
+});
+const styles = StyleSheet.create({
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_3,
+    marginVertical: SPACING[600]
+  }
+});
+//# sourceMappingURL=MathOperatorRow.js.map

package/dist/module/features/fluency/components/select-math-operator/MathOperatorRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SelectOption","SPACING","ProgressBar","jsx","_jsx","jsxs","_jsxs","MathOperatorRow","title","icon","progress","color","selected","onSelect","showDivider","children","onPress","style","styles","divider","create","height","backgroundColor","NEUTRAL_3","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/MathOperatorRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,YAAY,EAAqBC,OAAO,QAAQ,4BAA4B;AAC7F,SAASC,WAAW,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY3C,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAG;AACM,CAAC,kBACrBR,KAAA,CAACR,IAAI;EAAAiB,QAAA,gBACHX,IAAA,CAACJ,YAAY;IAACQ,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACE,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACI,OAAO,EAAEH;EAAS,CAAE,CAAC,eAC/FT,IAAA,CAACF,WAAW;IAACQ,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,EAChDG,WAAW,iBAAIV,IAAA,CAACN,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC;EAAQ,CAAE,CAAC;AAAA,CAC3C,CACP;AAED,MAAMD,MAAM,GAAGrB,UAAU,CAACuB,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEvB,MAAM,CAACwB,SAAS;IACjCC,cAAc,EAAEvB,OAAO,CAAC,GAAG;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, HeadingVariants, SelectOptionColor, SPACING, Typography } from '@magmamath/react-native-ui';
+import { ProgressBarSparkles } from "./ProgressBarSparkles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PRIMARY_COLOR_MAP = {
+  [SelectOptionColor.GREEN]: COLORS.PRIMARY_GREEN,
+  [SelectOptionColor.ORANGE]: COLORS.PRIMARY_ORANGE,
+  [SelectOptionColor.BLUE]: COLORS.PRIMARY_BLUE,
+  [SelectOptionColor.RED]: COLORS.PRIMARY_RED,
+  [SelectOptionColor.YELLOW]: COLORS.PRIMARY_YELLOW,
+  [SelectOptionColor.PURPLE]: COLORS.PRIMARY_PURPLE,
+  [SelectOptionColor.GREY]: COLORS.NEUTRAL_6,
+  [SelectOptionColor.SUNSET]: COLORS.PRIMARY_RED
+};
+const SPARKLE_COLOR_MAP = {
+  [SelectOptionColor.GREEN]: COLORS.GREEN_3,
+  [SelectOptionColor.ORANGE]: COLORS.ORANGE_3,
+  [SelectOptionColor.BLUE]: COLORS.BLUE_3,
+  [SelectOptionColor.RED]: COLORS.RED_3,
+  [SelectOptionColor.YELLOW]: COLORS.YELLOW_3,
+  [SelectOptionColor.PURPLE]: COLORS.PURPLE_3,
+  [SelectOptionColor.GREY]: COLORS.NEUTRAL_4,
+  [SelectOptionColor.SUNSET]: COLORS.RED_3
+};
+export const ProgressBar = ({
+  progress,
+  color = SelectOptionColor.GREEN
+}) => {
+  const progressRounded = Math.round(Math.min(100, Math.max(0, progress)));
+  const variantColor = PRIMARY_COLOR_MAP[color];
+  const isComplete = progressRounded === 100;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.trackWrapper,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.track,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.fill, {
+            backgroundColor: variantColor,
+            width: `${progressRounded}%`
+          }]
+        })
+      }), isComplete && /*#__PURE__*/_jsx(ProgressBarSparkles, {
+        color: SPARKLE_COLOR_MAP[color]
+      })]
+    }), /*#__PURE__*/_jsxs(Typography, {
+      variant: HeadingVariants.H10,
+      style: {
+        color: variantColor
+      },
+      children: [progressRounded, "%"]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    marginTop: SPACING[200],
+    gap: SPACING[200],
+    alignItems: 'center'
+  },
+  trackWrapper: {
+    flex: 1
+  },
+  track: {
+    height: 18,
+    backgroundColor: COLORS.NEUTRAL_3,
+    borderRadius: BORDER_RADIUS[450],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: BORDER_RADIUS[450]
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

package/dist/module/features/fluency/components/select-math-operator/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SelectOptionColor","SPACING","Typography","ProgressBarSparkles","jsx","_jsx","jsxs","_jsxs","PRIMARY_COLOR_MAP","GREEN","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","SPARKLE_COLOR_MAP","GREEN_3","ORANGE_3","BLUE_3","RED_3","YELLOW_3","PURPLE_3","NEUTRAL_4","ProgressBar","progress","color","progressRounded","Math","round","min","max","variantColor","isComplete","style","styles","container","children","trackWrapper","track","fill","backgroundColor","width","variant","H10","create","flexDirection","marginTop","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/ProgressBarSparkles.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { cancelAnimation, Easing, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { SparkleIcon } from "../../assets/SparkleIcon.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const QUICK = Easing.bezier(0.2, 0, 0, 1);
+const END_HOLD_MS = 800;
+const SPARKLE_CONFIGS = [{
+  leftPercent: 6.5,
+  topOffset: -3,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 31.7,
+  topOffset: 7,
+  size: 14,
+  triggerDelay: 550,
+  appearDuration: 868,
+  dissolveDuration: 744
+}, {
+  leftPercent: 37.8,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}, {
+  leftPercent: 58.7,
+  topOffset: 5,
+  size: 20,
+  triggerDelay: 50,
+  appearDuration: 868,
+  dissolveDuration: 868
+}, {
+  leftPercent: 88.7,
+  topOffset: -5,
+  size: 14,
+  triggerDelay: 250,
+  appearDuration: 744,
+  dissolveDuration: 868
+}];
+const SparkleItem = ({
+  config,
+  color
+}) => {
+  const loop = useSharedValue(0);
+  useEffect(() => {
+    loop.value = withRepeat(withSequence(withDelay(config.triggerDelay, withTiming(1, {
+      duration: config.appearDuration,
+      easing: QUICK
+    })), withDelay(END_HOLD_MS, withTiming(2, {
+      duration: config.dissolveDuration,
+      easing: QUICK
+    })), withTiming(0, {
+      duration: 0
+    })), -1, false);
+    return () => cancelAnimation(loop);
+  }, []);
+  const animatedStyle = useAnimatedStyle(() => {
+    const v = loop.value;
+    if (v <= 1) {
+      return {
+        opacity: v,
+        transform: [{
+          scale: v
+        }, {
+          rotate: `${(-90 + v * 90).toFixed(1)}deg`
+        }]
+      };
+    }
+    return {
+      opacity: 2 - v,
+      transform: [{
+        scale: 1
+      }, {
+        rotate: '0deg'
+      }]
+    };
+  }, [loop]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.sparkle, animatedStyle, {
+      left: `${config.leftPercent}%`,
+      top: config.topOffset,
+      width: config.size,
+      height: config.size
+    }],
+    children: /*#__PURE__*/_jsx(SparkleIcon, {
+      size: config.size,
+      color: color
+    })
+  });
+};
+export const ProgressBarSparkles = ({
+  color
+}) => /*#__PURE__*/_jsx(_Fragment, {
+  children: SPARKLE_CONFIGS.map((config, index) => /*#__PURE__*/_jsx(SparkleItem, {
+    config: config,
+    color: color
+  }, index))
+});
+const styles = StyleSheet.create({
+  sparkle: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ProgressBarSparkles.js.map

package/dist/module/features/fluency/components/select-math-operator/ProgressBarSparkles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withDelay","withRepeat","withSequence","withTiming","SparkleIcon","jsx","_jsx","Fragment","_Fragment","QUICK","bezier","END_HOLD_MS","SPARKLE_CONFIGS","leftPercent","topOffset","size","triggerDelay","appearDuration","dissolveDuration","SparkleItem","config","color","loop","value","duration","easing","animatedStyle","v","opacity","transform","scale","rotate","toFixed","View","style","styles","sparkle","left","top","width","height","children","ProgressBarSparkles","map","index","create","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBarSparkles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,gBAAgB,EAChBC,cAAc,EACdC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAChC,SAASC,WAAW,QAAQ,6BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEtD,MAAMC,KAAK,GAAGZ,MAAM,CAACa,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzC,MAAMC,WAAW,GAAG,GAAG;AAWvB,MAAMC,eAAoC,GAAG,CAC3C;EACEC,WAAW,EAAE,GAAG;EAChBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC;EACZC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC;EACZC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,WAAW,EAAE,IAAI;EACjBC,SAAS,EAAE,CAAC,CAAC;EACbC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE,GAAG;EACjBC,cAAc,EAAE,GAAG;EACnBC,gBAAgB,EAAE;AACpB,CAAC,CACF;AAOD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAwB,CAAC,KAAK;EAC3D,MAAMC,IAAI,GAAGvB,cAAc,CAAC,CAAC,CAAC;EAE9BN,SAAS,CAAC,MAAM;IACd6B,IAAI,CAACC,KAAK,GAAGtB,UAAU,CACrBC,YAAY,CACVF,SAAS,CACPoB,MAAM,CAACJ,YAAY,EACnBb,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAEJ,MAAM,CAACH,cAAc;MAAEQ,MAAM,EAAEhB;IAAM,CAAC,CAClE,CAAC,EACDT,SAAS,CAACW,WAAW,EAAER,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAEJ,MAAM,CAACF,gBAAgB;MAAEO,MAAM,EAAEhB;IAAM,CAAC,CAAC,CAAC,EAC3FN,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAE;IAAE,CAAC,CAC/B,CAAC,EACD,CAAC,CAAC,EACF,KACF,CAAC;IACD,OAAO,MAAM5B,eAAe,CAAC0B,IAAI,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAG5B,gBAAgB,CAAC,MAAM;IAC3C,MAAM6B,CAAC,GAAGL,IAAI,CAACC,KAAK;IACpB,IAAII,CAAC,IAAI,CAAC,EAAE;MACV,OAAO;QACLC,OAAO,EAAED,CAAC;QACVE,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEH;QAAE,CAAC,EAAE;UAAEI,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGJ,CAAC,GAAG,EAAE,EAAEK,OAAO,CAAC,CAAC,CAAC;QAAM,CAAC;MACzE,CAAC;IACH;IACA,OAAO;MACLJ,OAAO,EAAE,CAAC,GAAGD,CAAC;MACdE,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAC,EAAE;QAAEC,MAAM,EAAE;MAAO,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACT,IAAI,CAAC,CAAC;EAEV,oBACEhB,IAAA,CAACX,QAAQ,CAACsC,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,OAAO,EACdV,aAAa,EACb;MACEW,IAAI,EAAE,GAAGjB,MAAM,CAACP,WAAW,GAAG;MAC9ByB,GAAG,EAAElB,MAAM,CAACN,SAAS;MACrByB,KAAK,EAAEnB,MAAM,CAACL,IAAI;MAClByB,MAAM,EAAEpB,MAAM,CAACL;IACjB,CAAC,CACD;IAAA0B,QAAA,eAEFnC,IAAA,CAACF,WAAW;MAACW,IAAI,EAAEK,MAAM,CAACL,IAAK;MAACM,KAAK,EAAEA;IAAM,CAAE;EAAC,CACnC,CAAC;AAEpB,CAAC;AAMD,OAAO,MAAMqB,mBAAmB,GAAGA,CAAC;EAAErB;AAAgC,CAAC,kBACrEf,IAAA,CAAAE,SAAA;EAAAiC,QAAA,EACG7B,eAAe,CAAC+B,GAAG,CAAC,CAACvB,MAAM,EAAEwB,KAAK,kBACjCtC,IAAA,CAACa,WAAW;IAAaC,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,GAApCuB,KAAsC,CACzD;AAAC,CACF,CACH;AAED,MAAMT,MAAM,GAAGzC,UAAU,CAACmD,MAAM,CAAC;EAC/BT,OAAO,EAAE;IACPU,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, HeadingVariants, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import { FLUENCY_MODES } from "../../shared/fluency.constants.js";
+import { MathOperatorRow } from "./MathOperatorRow.js";
+import { useFluency } from "../../context/FluencyContext.js";
+import { useText } from "../../../../i18n/i18n.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SelectMathOperator = () => {
+  const t = useText();
+  const {
+    model,
+    onModeSelectPress
+  } = useFluency();
+  const {
+    fluencyMode,
+    matrix
+  } = useUnit({
+    fluencyMode: model.matrix.$mode,
+    matrix: model.matrix.$data
+  });
+  const visibleModes = matrix ? FLUENCY_MODES.filter(({
+    mode
+  }) => Object.keys(matrix.operations?.[mode]?.facts ?? {}).length > 0) : FLUENCY_MODES;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: visibleModes.map(({
+      mode,
+      label,
+      symbol,
+      select
+    }, index) => {
+      const isSelectedMode = mode === fluencyMode;
+      const progress = (matrix?.operations?.[mode]?.completionRate ?? 0) * 100;
+      return /*#__PURE__*/_jsx(MathOperatorRow, {
+        title: t(label),
+        icon: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H6,
+          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
+          children: symbol
+        }),
+        progress: progress,
+        color: select,
+        selected: isSelectedMode,
+        onSelect: () => {
+          model.matrix.setMode(mode);
+          onModeSelectPress?.(mode);
+        },
+        showDivider: index < visibleModes.length - 1
+      }, mode);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: 'flex-start',
+    width: 270,
+    padding: SPACING[400],
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[1]
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100',
+    color: COLORS.NEUTRAL_9
+  },
+  symbolSelected: {
+    color: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=SelectMathOperator.js.map

package/dist/module/features/fluency/components/select-math-operator/SelectMathOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SHADOWS","SPACING","Typography","useUnit","FLUENCY_MODES","MathOperatorRow","useFluency","useText","jsx","_jsx","SelectMathOperator","t","model","onModeSelectPress","fluencyMode","matrix","$mode","$data","visibleModes","filter","mode","Object","keys","operations","facts","length","style","styles","container","children","map","label","symbol","select","index","isSelectedMode","progress","completionRate","title","icon","variant","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","create","alignSelf","width","padding","borderRadius","backgroundColor","NEUTRAL_1","fontSize","fontWeight","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}