@magmamath/students-features 1.2.1-rc.4 → 1.2.1-rc.41

package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js

@@ -0,0 +1,234 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmProgressHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _SketchArrowRight = require("../../../../shared/icons/SketchArrowRight.js");
+var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _StartButton = require("./StartButton.js");
+var _MenuIcon = require("../../../../shared/icons/MenuIcon.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 menuItemProps = {
+  style: {
+    text: {
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+const BURGER_MENU_BREAKPOINT = 1024;
+const PmProgressHeader = () => {
+  const t = (0, _index.useText)();
+  const {
+    model,
+    onStartPress,
+    customGradeLabels,
+    readOnly,
+    onMenuPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
+  const status = (0, _effectorReact.useUnit)(model.tree.$status);
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const withMenuButton = _commonConstants.isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
+  const grade = (0, _effectorReact.useUnit)(model.tree.$grade);
+  const grades = (0, _effectorReact.useStoreMap)({
+    store: model.tree.$grades,
+    keys: [customGradeLabels],
+    fn: grades => grades.map(grade => ({
+      key: grade.value,
+      title: (0, _pmProgressHelpers.formatGradeLabel)(grade.value, customGradeLabels),
+      disabled: grade.isLocked,
+      ...menuItemProps
+    }))
+  });
+  const loaderOpeningId = (0, _effectorReact.useUnit)(model.solving.$loaderOpeningId);
+  const nextUp = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.find(domain => {
+    const isFluency = (0, _pmProgressHelpers.isFluencyDomain)(domain.title);
+    const isDomainCompleted = domain.standards.every(standard => standard.isCompleted);
+    return !isFluency && !isDomainCompleted;
+  }));
+  const isLoading = loaderOpeningId === _pmProgressConstants.OpeningLoaderId.START_BUTTON;
+  const isSkillOpeningActionPending = !!(loaderOpeningId !== null || status);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.title,
+      children: [withMenuButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.burgerMenu,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+          onPress: onMenuPress,
+          variant: _reactNativeUi.ButtonVariant.TERTIARY,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuIcon.MenuIcon, {
+            size: 24
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H2,
+        style: styles.dark,
+        children: t('pmProgress.title')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Dropdown, {
+        isOpen: isDropdownOpen,
+        onDismiss: () => setIsDropdownOpen(false),
+        anchor: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Button, {
+          variant: _reactNativeUi.ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H8,
+            style: styles.dark,
+            children: grade !== null ? (0, _pmProgressHelpers.formatGradeLabel)(grade, customGradeLabels) : t('pmProgress.grade')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.caret,
+            children: isDropdownOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretUpIcon, {
+              color: _reactNativeUi.COLORS.NEUTRAL_9
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+              color: _reactNativeUi.COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
+          style: styles.menu,
+          items: grades,
+          onItemPress: item => {
+            model.tree.setGrade(item.key);
+            setIsDropdownOpen(false);
+          }
+        })
+      })]
+    }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.nextUp,
+      children: [nextUp && !status && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.content,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.subtitle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+              variant: _reactNativeUi.HeadingVariants.H2,
+              style: styles.dark,
+              children: t('pmProgress.nextUp')
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: [styles.row, styles.tilted],
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+              variant: _reactNativeUi.HeadingVariants.H7,
+              style: styles.muted,
+              children: nextUp?.title
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.diamond,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+                color: nextUp?.color
+              })
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.arrow,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchArrowRight.SketchArrowRight, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StartButton.StartButton, {
+        onPress: async () => {
+          try {
+            model.solving.setLoaderOpeningId(_pmProgressConstants.OpeningLoaderId.START_BUTTON);
+            const skill = await model.solving.start({
+              type: _pmProgressConstants.SolvingFlow.MAGMA
+            });
+            await onStartPress?.(skill);
+          } finally {
+            model.solving.setLoaderOpeningId(null);
+          }
+        },
+        disabled: isSkillOpeningActionPending,
+        isLoading: isLoading,
+        isActive: isLoading,
+        withPulsation: !!nextUp && !isLoading && !isSkillOpeningActionPending && !status
+      })]
+    })]
+  });
+};
+exports.PmProgressHeader = PmProgressHeader;
+const SMALL_SCREEN_THRESHOLD = 568;
+const SMALL_SCREEN_MENU_MAX_HEIGHT = 300;
+const WINDOW_HEIGHT = _reactNative.Dimensions.get('window').height;
+const MENU_MAX_HEIGHT = WINDOW_HEIGHT <= SMALL_SCREEN_THRESHOLD ? SMALL_SCREEN_MENU_MAX_HEIGHT : WINDOW_HEIGHT * 0.8;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: _reactNativeUi.SPACING[400],
+    zIndex: 1
+  },
+  burgerMenu: {
+    marginRight: _reactNativeUi.SPACING[200]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  dark: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[100]
+  },
+  menu: {
+    top: _reactNativeUi.SPACING[100],
+    minWidth: 110,
+    overflow: 'scroll',
+    maxHeight: MENU_MAX_HEIGHT,
+    ..._reactNative.Platform.select({
+      web: {
+        scrollbarWidth: 'none'
+      }
+    })
+  },
+  nextUp: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  subtitle: {
+    transform: [{
+      rotate: '355deg'
+    }],
+    marginRight: _reactNativeUi.SPACING[300]
+  },
+  tilted: {
+    transform: [{
+      rotate: '355deg'
+    }]
+  },
+  row: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  muted: {
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  diamond: {
+    bottom: 10,
+    transform: [{
+      rotate: '5deg'
+    }]
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  }
+});
+//# sourceMappingURL=PmProgressHeader.js.map

package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_commonConstants","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_StartButton","_MenuIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuItemProps","style","text","whiteSpace","BURGER_MENU_BREAKPOINT","PmProgressHeader","useText","model","onStartPress","customGradeLabels","readOnly","onMenuPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","status","useUnit","tree","$status","dimensions","useWindowDimensions","withMenuButton","isWeb","width","grade","$grade","grades","useStoreMap","store","$grades","keys","fn","map","key","value","title","formatGradeLabel","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isFluencyDomain","isDomainCompleted","standards","every","standard","isCompleted","isLoading","OpeningLoaderId","START_BUTTON","isSkillOpeningActionPending","jsxs","View","styles","container","children","jsx","burgerMenu","Button","onPress","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","Typography","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","prev","H8","caret","CaretUpIcon","color","COLORS","NEUTRAL_9","CaretDownIcon","Menu","menu","items","onItemPress","item","setGrade","Fragment","content","subtitle","row","tilted","H7","muted","diamond","SliceDiamondIcon","arrow","SketchArrowRight","StartButton","setLoaderOpeningId","skill","start","type","SolvingFlow","MAGMA","isActive","withPulsation","exports","SMALL_SCREEN_THRESHOLD","SMALL_SCREEN_MENU_MAX_HEIGHT","WINDOW_HEIGHT","Dimensions","height","MENU_MAX_HEIGHT","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","Platform","select","web","scrollbarWidth","transform","rotate","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/header/StartButton.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StartButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _index = require("../../../../shared/translation/index.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 StartButton = ({
+  onPress,
+  disabled,
+  isLoading,
+  isActive,
+  withPulsation
+}) => {
+  const t = (0, _index.useText)();
+  const [sizes, setSizes] = (0, _react.useState)(null);
+  const [aspectRatio, setAspectRatio] = (0, _react.useState)(null);
+  const showPulsation = withPulsation && sizes && aspectRatio;
+  const scaleAnimValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const fadeAnimValue = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const scaleAnimation = _reactNative.Animated.timing(scaleAnimValue, {
+    toValue: 1,
+    duration: 1000,
+    useNativeDriver: true
+  });
+  const fadeOutAnimation = _reactNative.Animated.timing(fadeAnimValue, {
+    toValue: 0,
+    duration: 1000,
+    useNativeDriver: true
+  });
+  const pulsationAnimation = _reactNative.Animated.loop(_reactNative.Animated.sequence([scaleAnimation, _reactNative.Animated.delay(1000), fadeOutAnimation]));
+  (0, _react.useEffect)(() => {
+    if (sizes && withPulsation) {
+      pulsationAnimation.start();
+    }
+  }, [sizes, withPulsation]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    onLayout: event => {
+      setSizes({
+        width: event.nativeEvent.layout.width + 16,
+        height: event.nativeEvent.layout.height + 18
+      });
+      setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height);
+    },
+    children: [showPulsation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.animatedBackground, {
+        width: sizes.width,
+        height: sizes.height,
+        top: -6,
+        left: -8,
+        transform: [{
+          scaleX: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [aspectRatio / 10 > 0.7 ? 0.7 : aspectRatio / 10, 1]
+          })
+        }, {
+          scaleY: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, 1]
+          })
+        }],
+        opacity: fadeAnimValue
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      onPress: onPress,
+      disabled: disabled,
+      isLoading: isLoading,
+      isActive: isActive,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+        size: 16,
+        color: _reactNativeUi.COLORS.NEUTRAL_1
+      }),
+      variant: _reactNativeUi.ButtonVariant.PRIMARY,
+      size: _reactNativeUi.ButtonSize.LARGE,
+      colorScheme: _reactNativeUi.ButtonColor.YELLOW,
+      raiseLevel: 6,
+      style: {
+        container: styles.startButton
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H6,
+        style: styles.startButtonText,
+        children: t('pmProgress.startButton')
+      })
+    })]
+  });
+};
+exports.StartButton = StartButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginRight: 8
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  animatedBackground: {
+    backgroundColor: '#FFBE4E66',
+    position: 'absolute',
+    borderRadius: 50
+  }
+});
+//# sourceMappingURL=StartButton.js.map

package/dist/commonjs/features/pmProgress/components/header/StartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StartButton","onPress","disabled","isLoading","isActive","withPulsation","useText","sizes","setSizes","useState","aspectRatio","setAspectRatio","showPulsation","scaleAnimValue","useRef","Animated","Value","current","fadeAnimValue","scaleAnimation","timing","toValue","duration","useNativeDriver","fadeOutAnimation","pulsationAnimation","loop","sequence","delay","useEffect","start","jsxs","View","style","styles","container","onLayout","event","width","nativeEvent","layout","height","children","jsx","animatedBackground","top","left","transform","scaleX","interpolate","inputRange","outputRange","scaleY","opacity","Button","icon","PlayIcon","size","color","COLORS","NEUTRAL_1","variant","ButtonVariant","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","startButton","Typography","HeadingVariants","H6","startButtonText","exports","StyleSheet","create","marginRight","minWidth","fontWeight","textTransform","backgroundColor","position","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/StartButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/insights/PmInsights.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmInsights = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PracticeProgressPieChart = require("../chart/components/PracticeProgressPieChart.js");
+var _PmTimeframeStats = require("./PmTimeframeStats.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.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 PmInsights = () => {
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const [chartSize, setChartSize] = (0, _react.useState)(_pmProgressConstants.MAX_PIE_CHART_SIZE);
+  const chartData = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.map(domain => ({
+    value: 1,
+    fillPercent: Math.round(domain.scorePercentage),
+    fillColor: domain.color,
+    borderColor: domain.borderColor,
+    backgroundColor: domain.backgroundColor
+  })));
+  const chartConfig = (0, _react.useMemo)(() => {
+    const size = Math.max(0, chartSize - _reactNativeUi.SPACING[400]);
+    return (0, _pmProgressHelpers.createChartConfig)(size);
+  }, [chartSize]);
+  const measureLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    const size = Math.min(height - _pmProgressConstants.STATS_MAX_HEIGHT - _reactNativeUi.SPACING[800], _pmProgressConstants.MAX_PIE_CHART_SIZE);
+    setChartSize(size);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    onLayout: measureLayout,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.chart, {
+        width: chartSize,
+        height: chartSize
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressPieChart.PracticeProgressPieChart, {
+        data: chartData.length > 0 ? chartData : _pmProgressConstants.EMPTY_PIE_CHART_DATA,
+        config: chartConfig
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmTimeframeStats.PmTimeframeStats, {})]
+  });
+};
+exports.PmInsights = PmInsights;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[250],
+    padding: _reactNativeUi.SPACING[400],
+    marginBottom: _reactNativeUi.SPACING[400],
+    marginTop: _reactNativeUi.SPACING[400]
+  }
+});
+//# sourceMappingURL=PmInsights.js.map

package/dist/commonjs/features/pmProgress/components/insights/PmInsights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNative","_reactNativeUi","_PracticeProgressPieChart","_PmTimeframeStats","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmInsights","model","usePmProgress","chartSize","setChartSize","useState","MAX_PIE_CHART_SIZE","chartData","useStoreMap","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","useMemo","size","max","SPACING","createChartConfig","measureLayout","event","height","nativeEvent","layout","min","STATS_MAX_HEIGHT","jsxs","View","style","styles","container","onLayout","children","jsx","chart","width","PracticeProgressPieChart","data","length","EMPTY_PIE_CHART_DATA","config","PmTimeframeStats","exports","StyleSheet","create","alignItems","justifyContent","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/insights/PmTimeframeStats.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmTimeframeStats = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _StatsCard = require("./StatsCard.js");
+var _StarIcon = require("../../../../shared/icons/StarIcon.js");
+var _TimerIcon = require("../../../../shared/icons/TimerIcon.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmTimeframeStats = () => {
+  const t = (0, _index.useText)();
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const timeframe = (0, _effectorReact.useUnit)(model.insights.$timeframe);
+  const insights = (0, _effectorReact.useUnit)(model.insights.$insights);
+  const OPTIONS = [{
+    key: _pmProgressConstants.InsightsTimeframe.WEEK,
+    title: t('pmProgress.thisWeek')
+  }, {
+    key: _pmProgressConstants.InsightsTimeframe.LAST_WEEK,
+    title: t('pmProgress.lastWeek')
+  }, {
+    key: _pmProgressConstants.InsightsTimeframe.ALL,
+    title: t('pmProgress.allTime')
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.cards,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatsCard.StatsCard, {
+          value: insights?.numberOfStars ?? 0,
+          label: t('pmProgress.stars'),
+          color: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarIcon.StarIcon, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatsCard.StatsCard, {
+          value: (0, _pmProgressHelpers.formatTime)(insights?.timeInPracticeMs ?? 0),
+          label: t('pmProgress.time'),
+          color: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+          iconStyle: styles.timeIcon,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimerIcon.TimerIcon, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+        color: _reactNativeUi.SelectOptionColor.GREY,
+        options: OPTIONS,
+        selectedOptions: OPTIONS.filter(({
+          key
+        }) => key === timeframe),
+        onOptionChange: ({
+          key
+        }) => model.insights.setTimeframe(key)
+      })]
+    })
+  });
+};
+exports.PmTimeframeStats = PmTimeframeStats;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    maxHeight: _pmProgressConstants.STATS_MAX_HEIGHT,
+    height: '100%',
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    shadowColor: _reactNativeUi.COLORS.NEUTRAL_9,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  content: {
+    gap: _reactNativeUi.SPACING[100],
+    marginBottom: 4
+  },
+  cards: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: _reactNativeUi.SPACING[300]
+  },
+  timeIcon: {
+    paddingBottom: 2,
+    paddingLeft: 2
+  }
+});
+//# sourceMappingURL=PmTimeframeStats.js.map

package/dist/commonjs/features/pmProgress/components/insights/PmTimeframeStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_StatsCard","_StarIcon","_TimerIcon","_index","_effectorReact","_pmProgressHelpers","_pmProgressConstants","_PmProgressContext","_jsxRuntime","e","__esModule","default","PmTimeframeStats","t","useText","model","usePmProgress","timeframe","useUnit","insights","$timeframe","$insights","OPTIONS","key","InsightsTimeframe","WEEK","title","LAST_WEEK","ALL","jsx","View","style","styles","container","children","jsxs","content","cards","StatsCard","value","numberOfStars","label","color","COLORS","PRIMARY_YELLOW","icon","StarIcon","formatTime","timeInPracticeMs","PRIMARY_PURPLE","iconStyle","timeIcon","TimerIcon","SelectGroup","SelectOptionColor","GREY","options","selectedOptions","filter","onOptionChange","setTimeframe","exports","StyleSheet","create","maxHeight","STATS_MAX_HEIGHT","height","padding","SPACING","backgroundColor","NEUTRAL_1","borderRadius","BORDER_RADIUS","shadowColor","NEUTRAL_9","shadowOffset","width","shadowOpacity","shadowRadius","elevation","gap","marginBottom","flexDirection","justifyContent","paddingBottom","paddingLeft"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmTimeframeStats.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/insights/StatsCard.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatsCard = 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 StatsCard = ({
+  value,
+  label,
+  color,
+  icon,
+  iconStyle
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconContainer, {
+        backgroundColor: color
+      }, iconStyle],
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.value, {
+          color
+        }],
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: label
+      })]
+    })]
+  });
+};
+exports.StatsCard = StatsCard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flex: 1,
+    height: 65,
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderRadius: 12,
+    borderWidth: 4,
+    padding: 8,
+    gap: 8
+  },
+  iconContainer: {
+    width: 42,
+    height: 42,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 100
+  },
+  value: {
+    fontSize: 32,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_8,
+    fontSize: 12,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    top: -6
+  }
+});
+//# sourceMappingURL=StatsCard.js.map