@magmamath/students-features 1.5.0 → 1.5.1

package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixCell = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyConstants = require("../../../shared/fluency.constants.js");
+var _StarFillIcon = require("../../../assets/StarFillIcon.js");
+var _CellTooltip = require("./CellTooltip.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const MatrixCell = ({
+  label,
+  box,
+  isHeader,
+  isEmpty,
+  levelColors,
+  tooltipLabel
+}) => {
+  const [isActive, setIsActive] = (0, _react.useState)(false);
+  const masteryLevel = box || null;
+  const isMastered = masteryLevel === _fluencyConstants.FluencyMasteryLevel.MASTERED;
+  const bgColor = (() => {
+    if (masteryLevel) return levelColors[masteryLevel];
+    if (isHeader) return _reactNativeUi.COLORS.NEUTRAL_5;
+    return _reactNativeUi.COLORS.NEUTRAL_2;
+  })();
+  const showTooltip = isActive && !!tooltipLabel;
+  const activate = () => setIsActive(true);
+  const deactivate = () => setIsActive(false);
+  if (isEmpty) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.wrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.cell, styles.emptyCell],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.emptyCellText,
+          children: "\u2212"
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, showTooltip && styles.wrapperActive],
+    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      entering: _reactNativeReanimated.FadeIn.duration(200),
+      exiting: _reactNativeReanimated.FadeOut.duration(200),
+      style: [styles.tooltipContainer, {
+        pointerEvents: 'none'
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellTooltip.CellTooltip, {
+        label: tooltipLabel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.cell, {
+        backgroundColor: bgColor
+      }],
+      onHoverIn: activate,
+      onHoverOut: deactivate,
+      onPressIn: activate,
+      onPressOut: deactivate,
+      children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {
+        color: isActive ? _reactNativeUi.COLORS.PRIMARY_YELLOW : undefined
+      }), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: typeof label === 'string' ? styles.symbolText : styles.headerText,
+        children: label
+      })]
+    })]
+  });
+};
+exports.MatrixCell = MatrixCell;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1
+  },
+  wrapperActive: {
+    zIndex: 1
+  },
+  cell: {
+    flex: 1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[100],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  tooltipContainer: {
+    position: 'absolute',
+    bottom: '80%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    paddingBottom: _reactNativeUi.SPACING[50],
+    zIndex: 1
+  },
+  emptyCell: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+  },
+  emptyCellText: {
+    fontSize: 12,
+    color: _reactNativeUi.COLORS.NEUTRAL_5,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  headerText: {
+    fontSize: 12,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_2,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  symbolText: {
+    fontSize: 24,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=MatrixCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","isEmpty","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsx","View","style","styles","wrapper","children","cell","emptyCell","Text","emptyCellText","jsxs","wrapperActive","entering","FadeIn","duration","exiting","FadeOut","tooltipContainer","pointerEvents","CellTooltip","Pressable","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontFamily","FONT_FAMILY","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixFill = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _MatrixCell = require("./MatrixCell.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
+var _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MatrixFill = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
+  const grid = (0, _effectorReact.useUnit)(model.matrix.$matrix);
+  if (!grid) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.grid,
+    children: grid.map((row, rowIdx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+          ...cell,
+          label: isOriginCell ? modePreset.symbol : cell.label,
+          levelColors: modePreset.colors.level,
+          tooltipLabel: tooltipLabel
+        }, colIdx);
+      })
+    }, rowIdx))
+  });
+};
+exports.MatrixFill = MatrixFill;
+const styles = _reactNative.StyleSheet.create({
+  grid: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[100]
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[100]
+  }
+});
+//# sourceMappingURL=MatrixFill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_MatrixCell","_FluencyContext","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MatrixFill","model","useFluency","modePreset","useFluencyModePreset","grid","useUnit","matrix","$matrix","jsx","View","style","styles","children","map","row","rowIdx","cell","colIdx","isOriginCell","tooltipLabel","numbers","symbol","MatrixCell","label","levelColors","colors","level","exports","StyleSheet","create","flex","gap","SPACING","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACzC,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACL,KAAK,CAACM,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACH,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACE,IAAAT,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACP,IAAK;IAAAQ,QAAA,EACtBR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpB,IAAApB,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;MAAcC,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,GAAGlB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACE,IAAAzB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA8B,UAAU;UAAA,GAELN,IAAI;UACRO,KAAK,EAAEL,YAAY,GAAGhB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACO,KAAM;UACrDC,WAAW,EAAEtB,UAAU,CAACuB,MAAM,CAACC,KAAM;UACrCP,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAY,OAAA,CAAA5B,UAAA,GAAAA,UAAA;AAED,MAAMY,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,IAAI,EAAE;IACJ0B,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDlB,GAAG,EAAE;IACHgB,IAAI,EAAE,CAAC;IACPG,aAAa,EAAE,KAAK;IACpBF,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_effectorReact","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","modePreset","useFluencyModePreset","model","onPracticePress","useFluency","mode","useUnit","matrix","$mode","jsxs","View","style","styles","container","children","jsx","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","solving","start","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","colors","button","icon","PlayIcon","COLORS","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","SHADOWS","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/commonjs/features/fluency/components/mobile-menu/MobileMenu.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileMenu = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MenuIcon = require("../../../../shared/icons/MenuIcon.js");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MobileMenu = ({
+  onPress
+}) => {
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const isVisible = _commonConstants.isWeb && dimensions.width <= _commonConstants.BURGER_MENU_BREAKPOINT;
+  if (!isVisible) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      onPress: onPress,
+      variant: _reactNativeUi.ButtonVariant.TERTIARY,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuIcon.MenuIcon, {
+        size: 24
+      })
+    })
+  });
+};
+exports.MobileMenu = MobileMenu;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginRight: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=MobileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MenuIcon","_commonConstants","_jsxRuntime","e","__esModule","default","MobileMenu","onPress","dimensions","useWindowDimensions","isVisible","isWeb","width","BURGER_MENU_BREAKPOINT","jsx","View","style","styles","container","children","Button","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","exports","StyleSheet","create","marginRight","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/mobile-menu/MobileMenu.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAmF,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5E,MAAMG,UAAU,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,SAAS,GAAGC,sBAAK,IAAIH,UAAU,CAACI,KAAK,IAAIC,uCAAsB;EAErE,IAAI,CAACH,SAAS,EAAE,OAAO,IAAI;EAE3B,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAjB,WAAA,CAAAY,GAAA,EAACf,cAAA,CAAAqB,MAAM;MAACb,OAAO,EAAEA,OAAQ;MAACc,OAAO,EAAEC,4BAAa,CAACC,QAAS;MAACC,IAAI,eAAE,IAAAtB,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAyB,QAAQ;QAACC,IAAI,EAAE;MAAG,CAAE;IAAE,CAAE;EAAC,CACvF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAArB,UAAA,GAAAA,UAAA;AAED,MAAMW,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,WAAW,EAAEC,sBAAO,CAAC,GAAG;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MathOperatorRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ProgressBar = require("./ProgressBar.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MathOperatorRow = ({
+  title,
+  icon,
+  progress,
+  color,
+  selected,
+  onSelect,
+  showDivider = true
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectOption, {
+    title: title,
+    icon: icon,
+    color: color,
+    selected: selected,
+    onPress: onSelect
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
+    progress: progress,
+    color: color
+  }), showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.divider
+  })]
+});
+exports.MathOperatorRow = MathOperatorRow;
+const styles = _reactNative.StyleSheet.create({
+  divider: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    marginVertical: _reactNativeUi.SPACING[600]
+  }
+});
+//# sourceMappingURL=MathOperatorRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBar","_jsxRuntime","e","__esModule","default","MathOperatorRow","title","icon","progress","color","selected","onSelect","showDivider","jsxs","View","children","jsx","SelectOption","onPress","ProgressBar","style","styles","divider","exports","StyleSheet","create","height","backgroundColor","COLORS","NEUTRAL_3","marginVertical","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/MathOperatorRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYpC,MAAMG,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAG;AACM,CAAC,kBACrB,IAAAX,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;EAAAC,QAAA,gBACH,IAAAd,WAAA,CAAAe,GAAA,EAACjB,cAAA,CAAAkB,YAAY;IAACX,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACE,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACQ,OAAO,EAAEP;EAAS,CAAE,CAAC,eAC/F,IAAAV,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAmB,WAAW;IAACX,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,EAChDG,WAAW,iBAAI,IAAAX,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAgB,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC;EAAQ,CAAE,CAAC;AAAA,CAC3C,CACP;AAAAC,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAED,MAAMgB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,cAAc,EAAEC,sBAAO,CAAC,GAAG;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ProgressBarSparkles = require("./ProgressBarSparkles.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PRIMARY_COLOR_MAP = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.PRIMARY_GREEN,
+  [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+  [_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.PRIMARY_BLUE,
+  [_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.PRIMARY_RED,
+  [_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+  [_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+  [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
+  [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
+};
+const SPARKLE_COLOR_MAP = {
+  [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.GREEN_3,
+  [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.ORANGE_3,
+  [_reactNativeUi.SelectOptionColor.BLUE]: _reactNativeUi.COLORS.BLUE_3,
+  [_reactNativeUi.SelectOptionColor.RED]: _reactNativeUi.COLORS.RED_3,
+  [_reactNativeUi.SelectOptionColor.YELLOW]: _reactNativeUi.COLORS.YELLOW_3,
+  [_reactNativeUi.SelectOptionColor.PURPLE]: _reactNativeUi.COLORS.PURPLE_3,
+  [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_4,
+  [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.RED_3
+};
+const ProgressBar = ({
+  progress,
+  color = _reactNativeUi.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.trackWrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.track,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.fill, {
+            backgroundColor: variantColor,
+            width: `${progressRounded}%`
+          }]
+        })
+      }), isComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBarSparkles.ProgressBarSparkles, {
+        color: SPARKLE_COLOR_MAP[color]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H10,
+      style: {
+        color: variantColor
+      },
+      children: [progressRounded, "%"]
+    })]
+  });
+};
+exports.ProgressBar = ProgressBar;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    marginTop: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[200],
+    alignItems: 'center'
+  },
+  trackWrapper: {
+    flex: 1
+  },
+  track: {
+    height: 18,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[450],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[450]
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_ProgressBarSparkles","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","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","jsxs","View","style","styles","container","children","trackWrapper","jsx","track","fill","backgroundColor","width","ProgressBarSparkles","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBarSparkles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _SparkleIcon = require("../../assets/SparkleIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const QUICK = _reactNativeReanimated.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 = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    loop.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withDelay)(config.triggerDelay, (0, _reactNativeReanimated.withTiming)(1, {
+      duration: config.appearDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withDelay)(END_HOLD_MS, (0, _reactNativeReanimated.withTiming)(2, {
+      duration: config.dissolveDuration,
+      easing: QUICK
+    })), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 0
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(loop);
+  }, []);
+  const animatedStyle = (0, _reactNativeReanimated.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.sparkle, animatedStyle, {
+      left: `${config.leftPercent}%`,
+      top: config.topOffset,
+      width: config.size,
+      height: config.size
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkleIcon.SparkleIcon, {
+      size: config.size,
+      color: color
+    })
+  });
+};
+const ProgressBarSparkles = ({
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: SPARKLE_CONFIGS.map((config, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(SparkleItem, {
+    config: config,
+    color: color
+  }, index))
+});
+exports.ProgressBarSparkles = ProgressBarSparkles;
+const styles = _reactNative.StyleSheet.create({
+  sparkle: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ProgressBarSparkles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_SparkleIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QUICK","Easing","bezier","END_HOLD_MS","SPARKLE_CONFIGS","leftPercent","topOffset","size","triggerDelay","appearDuration","dissolveDuration","SparkleItem","config","color","loop","useSharedValue","useEffect","value","withRepeat","withSequence","withDelay","withTiming","duration","easing","cancelAnimation","animatedStyle","useAnimatedStyle","v","opacity","transform","scale","rotate","toFixed","jsx","View","style","styles","sparkle","left","top","width","height","children","SparkleIcon","ProgressBarSparkles","Fragment","map","index","exports","StyleSheet","create","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBarSparkles.tsx"],"mappings":"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","ignoreList":[]}