@magmamath/students-features 1.3.4-rc.2 → 1.3.4

package/dist/module/features/pmProgress/components/chart/model/PieChartManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SliceShapeGenerator","OuterArcPatternGenerator","PieChartManager","constructor","config","shape","pattern","getCenter","x","size","y"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/PieChartManager.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,wBAAwB,QAAQ,0BAAuB;AAGhE,OAAO,MAAMC,eAAe,CAAC;EAI3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIL,mBAAmB,CAACI,MAAM,CAAC;IAC5C,IAAI,CAACE,OAAO,GAAG,IAAIL,wBAAwB,CAACG,MAAM,CAAC;EACrD;EAEOG,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACJ,MAAM,CAACK,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACK,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { arc, pie } from 'd3-shape';
+export class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = pie().value(({
+    value
+  }) => value).sort(null);
+  constructor(config) {
+    this.config = config;
+  }
+  generateSlices(data) {
+    this.innerRadius = this.getInnerRadius(data.length);
+    return this.d3Pie(data).map((datum, index) => ({
+      index,
+      startAngle: datum.startAngle,
+      endAngle: datum.endAngle,
+      fillPercent: datum.data.fillPercent ?? 0,
+      backgroundColor: datum.data.backgroundColor ?? this.config.colors.background,
+      fillColor: datum.data.fillColor,
+      borderColor: datum.data.borderColor,
+      data: datum.data
+    }));
+  }
+  generateSlicePath(slice) {
+    return this.buildArc(slice, this.config.outerRadius, this.getCornerRadius(100));
+  }
+  generateFillPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+
+    // Build with innerRadius 0 so d3 only rounds the outer corners.
+    // The slice clip path will cut the inner edge to the correct boundary.
+    return arc().outerRadius(fillRadius).innerRadius(0).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius: 0,
+      outerRadius: fillRadius
+    });
+  }
+  generateFillBorderPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+    return this.buildArc(slice, fillRadius, cornerRadius);
+  }
+  getFillRadius(slice) {
+    return this.innerRadius + (this.config.outerRadius - this.innerRadius) * (slice.fillPercent / 100);
+  }
+  getInnerRadius(sliceCount) {
+    const {
+      innerRadius
+    } = this.config;
+    return typeof innerRadius === 'function' ? innerRadius(sliceCount) : innerRadius;
+  }
+  getCornerRadius(fillPercent) {
+    const {
+      cornerRadius
+    } = this.config;
+    return typeof cornerRadius === 'function' ? cornerRadius(fillPercent) : cornerRadius;
+  }
+  get padAngle() {
+    return this.config.gapBetweenSlices / this.config.outerRadius;
+  }
+  buildArc(slice, outerRadius, cornerRadius) {
+    const innerRadius = this.innerRadius;
+    return arc().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+//# sourceMappingURL=SliceShapeGenerator.js.map

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["arc","pie","SliceShapeGenerator","innerRadius","d3Pie","value","sort","constructor","config","generateSlices","data","getInnerRadius","length","map","datum","index","startAngle","endAngle","fillPercent","backgroundColor","colors","background","fillColor","borderColor","generateSlicePath","slice","buildArc","outerRadius","getCornerRadius","generateFillPath","fillRadius","getFillRadius","cornerRadius","padAngle","padRadius","generateFillBorderPath","sliceCount","gapBetweenSlices"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/content/PmContent.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { PmTeacherRecs } from "../recs/PmTeacherRecs.js";
+import { PmDomainList } from "../list/PmDomainList.js";
+import { PmInsights } from "../insights/PmInsights.js";
+import { PmStatusOverlay } from "../locked/PmStatusOverlay.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmProgressContent = () => {
+  const {
+    model
+  } = usePmProgress();
+  const status = useUnit(model.tree.$status);
+  if (status) {
+    return /*#__PURE__*/_jsx(PmStatusOverlay, {
+      status: status
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.content,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.column,
+      children: [/*#__PURE__*/_jsx(PmTeacherRecs, {}), /*#__PURE__*/_jsx(PmDomainList, {})]
+    }), /*#__PURE__*/_jsx(PmInsights, {})]
+  });
+};
+const styles = StyleSheet.create({
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    overflow: 'hidden'
+  },
+  column: {
+    flex: 1,
+    overflow: 'hidden',
+    marginRight: SPACING[500],
+    gap: SPACING[200]
+  }
+});
+//# sourceMappingURL=PmContent.js.map

package/dist/module/features/pmProgress/components/content/PmContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","StyleSheet","View","SPACING","PmTeacherRecs","PmDomainList","PmInsights","PmStatusOverlay","usePmProgress","jsx","_jsx","jsxs","_jsxs","PmProgressContent","model","status","tree","$status","style","styles","content","children","column","create","flex","flexDirection","overflow","marginRight","gap"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/content/PmContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,aAAa,QAAQ,0BAAuB;AACrD,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,UAAU,QAAQ,2BAAwB;AACnD,SAASC,eAAe,QAAQ,8BAA2B;AAC3D,SAASC,aAAa,QAAQ,oCAAiC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,MAAM,GAAGf,OAAO,CAACc,KAAK,CAACE,IAAI,CAACC,OAAO,CAAC;EAE1C,IAAIF,MAAM,EAAE;IACV,oBAAOL,IAAA,CAACH,eAAe;MAACQ,MAAM,EAAEA;IAAO,CAAE,CAAC;EAC5C;EAEA,oBACEH,KAAA,CAACV,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1BT,KAAA,CAACV,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,gBACzBX,IAAA,CAACN,aAAa,IAAE,CAAC,eACjBM,IAAA,CAACL,YAAY,IAAE,CAAC;IAAA,CACZ,CAAC,eAEPK,IAAA,CAACJ,UAAU,IAAE,CAAC;EAAA,CACV,CAAC;AAEX,CAAC;AAED,MAAMa,MAAM,GAAGlB,UAAU,CAACsB,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDJ,MAAM,EAAE;IACNE,IAAI,EAAE,CAAC;IACPE,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAExB,OAAO,CAAC,GAAG,CAAC;IACzByB,GAAG,EAAEzB,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/header/NextUp.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { SketchArrowRight } from "../../../../shared/icons/SketchArrowRight.js";
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit, useStoreMap } from 'effector-react';
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { isFluencyDomain } from "../../shared/pmProgress.helpers.js";
+import { OpeningLoaderId, SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { StartButton } from "./StartButton.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const NextUp = () => {
+  const t = useText();
+  const {
+    model,
+    onStartPress
+  } = usePmProgress();
+  const status = useUnit(model.tree.$status);
+  const loaderOpeningId = useUnit(model.solving.$loaderOpeningId);
+  const nextUp = useStoreMap(model.tree.$domains, domains => domains.find(domain => {
+    const isFluency = isFluencyDomain(domain.title);
+    const isDomainCompleted = domain.standards.every(standard => standard.isCompleted);
+    return !isFluency && !isDomainCompleted;
+  }));
+  const isLoading = loaderOpeningId === OpeningLoaderId.START_BUTTON;
+  const isSkillOpeningActionPending = !!(loaderOpeningId !== null || status);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [nextUp && !status && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.subtitle,
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H2,
+            style: styles.dark,
+            children: t('pmProgress.nextUp')
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H7,
+            style: styles.muted,
+            children: nextUp?.title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+              color: nextUp?.color
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
+      })]
+    }), /*#__PURE__*/_jsx(StartButton, {
+      onPress: async () => {
+        try {
+          model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON);
+          const skill = await model.solving.start({
+            type: SolvingFlow.MAGMA
+          });
+          await onStartPress?.(skill);
+        } finally {
+          model.solving.setLoaderOpeningId(null);
+        }
+      },
+      disabled: isSkillOpeningActionPending,
+      isLoading: isLoading,
+      isActive: isLoading,
+      withPulsation: !!nextUp && !isLoading && !isSkillOpeningActionPending && !status
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  dark: {
+    color: COLORS.NEUTRAL_9
+  },
+  subtitle: {
+    transform: [{
+      rotate: '355deg'
+    }],
+    marginRight: SPACING[300]
+  },
+  tilted: {
+    transform: [{
+      rotate: '355deg'
+    }]
+  },
+  row: {
+    flexDirection: 'row',
+    gap: SPACING[100]
+  },
+  muted: {
+    color: COLORS.NEUTRAL_8
+  },
+  diamond: {
+    bottom: 10,
+    transform: [{
+      rotate: '5deg'
+    }]
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  }
+});
+//# sourceMappingURL=NextUp.js.map

package/dist/module/features/pmProgress/components/header/NextUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useUnit","useStoreMap","usePmProgress","isFluencyDomain","OpeningLoaderId","SolvingFlow","StartButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NextUp","t","model","onStartPress","status","tree","$status","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","title","isDomainCompleted","standards","every","standard","isCompleted","isLoading","START_BUTTON","isSkillOpeningActionPending","style","styles","container","children","content","subtitle","variant","H2","dark","row","tilted","H7","muted","diamond","color","arrow","onPress","setLoaderOpeningId","skill","start","type","MAGMA","disabled","isActive","withPulsation","create","flexDirection","alignItems","gap","NEUTRAL_9","transform","rotate","marginRight","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/NextUp.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,126 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { Button, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, SPACING, Typography } from '@magmamath/react-native-ui';
+import { isWeb } from "../../../../shared/common.constants.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit, useStoreMap } from 'effector-react';
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { formatGradeLabel } from "../../shared/pmProgress.helpers.js";
+import { MenuIcon } from "../../../../shared/icons/MenuIcon.js";
+import { NextUp } from "./NextUp.js";
+import { BURGER_MENU_BREAKPOINT, MENU_MAX_HEIGHT } from '@magmamath/students-features';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const menuItemProps = {
+  style: {
+    text: {
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+export const PmProgressHeader = () => {
+  const t = useText();
+  const {
+    model,
+    customGradeLabels,
+    readOnly,
+    onMenuPress
+  } = usePmProgress();
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const dimensions = useWindowDimensions();
+  const withMenuButton = isWeb && dimensions.width <= BURGER_MENU_BREAKPOINT;
+  const grade = useUnit(model.tree.$grade);
+  const grades = useStoreMap({
+    store: model.tree.$grades,
+    keys: [customGradeLabels],
+    fn: grades => grades.map(grade => ({
+      key: grade.value,
+      title: formatGradeLabel(grade.value, customGradeLabels),
+      disabled: grade.isLocked,
+      ...menuItemProps
+    }))
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.title,
+      children: [withMenuButton && /*#__PURE__*/_jsx(View, {
+        style: styles.burgerMenu,
+        children: /*#__PURE__*/_jsx(Button, {
+          onPress: onMenuPress,
+          variant: ButtonVariant.TERTIARY,
+          icon: /*#__PURE__*/_jsx(MenuIcon, {
+            size: 24
+          })
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H2,
+        style: styles.dark,
+        children: t('pmProgress.title')
+      }), /*#__PURE__*/_jsx(Dropdown, {
+        isOpen: isDropdownOpen,
+        onDismiss: () => setIsDropdownOpen(false),
+        anchor: /*#__PURE__*/_jsxs(Button, {
+          variant: ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H8,
+            style: styles.dark,
+            children: grade !== null ? formatGradeLabel(grade, customGradeLabels) : t('pmProgress.grade')
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.caret,
+            children: isDropdownOpen ? /*#__PURE__*/_jsx(CaretUpIcon, {
+              color: COLORS.NEUTRAL_9
+            }) : /*#__PURE__*/_jsx(CaretDownIcon, {
+              color: COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/_jsx(Menu, {
+          style: styles.menu,
+          items: grades,
+          onItemPress: item => {
+            model.tree.setGrade(item.key);
+            setIsDropdownOpen(false);
+          }
+        })
+      })]
+    }), !readOnly && /*#__PURE__*/_jsx(NextUp, {})]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: SPACING[400],
+    zIndex: 1
+  },
+  burgerMenu: {
+    marginRight: SPACING[200]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  dark: {
+    color: COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: SPACING[100]
+  },
+  menu: {
+    top: SPACING[100],
+    minWidth: 110,
+    overflow: 'scroll',
+    maxHeight: MENU_MAX_HEIGHT,
+    ...Platform.select({
+      web: {
+        scrollbarWidth: 'none'
+      }
+    })
+  }
+});
+//# sourceMappingURL=PmProgressHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Platform","StyleSheet","useWindowDimensions","View","Button","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","SPACING","Typography","isWeb","useText","useUnit","useStoreMap","usePmProgress","formatGradeLabel","MenuIcon","NextUp","BURGER_MENU_BREAKPOINT","MENU_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","menuItemProps","style","text","whiteSpace","PmProgressHeader","t","model","customGradeLabels","readOnly","onMenuPress","isDropdownOpen","setIsDropdownOpen","dimensions","withMenuButton","width","grade","tree","$grade","grades","store","$grades","keys","fn","map","key","value","title","disabled","isLocked","styles","container","children","burgerMenu","onPress","variant","TERTIARY","icon","size","H2","dark","isOpen","onDismiss","anchor","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","select","web","scrollbarWidth"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, COLORS, HeadingVariants, PlayIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PULSATION_COLOR = '#FFBE4E66';
+const PULSE_OVERFLOW_X = 16;
+const PULSE_OVERFLOW_Y = 18;
+const PULSE_OFFSET_TOP = -6;
+const PULSE_OFFSET_LEFT = -8;
+const PULSE_DURATION = 1000;
+const PULSE_DELAY = 1000;
+const MIN_SCALE_X = 0.7;
+export const StartButton = ({
+  onPress,
+  disabled,
+  isLoading,
+  isActive,
+  withPulsation
+}) => {
+  const t = useText();
+  const [sizes, setSizes] = useState(null);
+  const [aspectRatio, setAspectRatio] = useState(null);
+  const showPulsation = withPulsation && sizes && aspectRatio;
+  const scaleAnimValue = useRef(new Animated.Value(0)).current;
+  const fadeAnimValue = useRef(new Animated.Value(1)).current;
+  useEffect(() => {
+    if (!sizes || !withPulsation) return;
+    const scaleAnimation = Animated.timing(scaleAnimValue, {
+      toValue: 1,
+      duration: PULSE_DURATION,
+      useNativeDriver: true
+    });
+    const fadeOutAnimation = Animated.timing(fadeAnimValue, {
+      toValue: 0,
+      duration: PULSE_DURATION,
+      useNativeDriver: true
+    });
+    const pulsation = Animated.loop(Animated.sequence([scaleAnimation, Animated.delay(PULSE_DELAY), fadeOutAnimation]));
+    pulsation.start();
+    return () => {
+      pulsation.stop();
+      scaleAnimValue.setValue(0);
+      fadeAnimValue.setValue(1);
+    };
+  }, [sizes, withPulsation]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    onLayout: event => {
+      setSizes({
+        width: event.nativeEvent.layout.width + PULSE_OVERFLOW_X,
+        height: event.nativeEvent.layout.height + PULSE_OVERFLOW_Y
+      });
+      setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height);
+    },
+    children: [showPulsation && /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.animatedBackground, {
+        width: sizes.width,
+        height: sizes.height,
+        top: PULSE_OFFSET_TOP,
+        left: PULSE_OFFSET_LEFT,
+        transform: [{
+          scaleX: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [aspectRatio / 10 > MIN_SCALE_X ? MIN_SCALE_X : aspectRatio / 10, 1]
+          })
+        }, {
+          scaleY: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, 1]
+          })
+        }],
+        opacity: fadeAnimValue
+      }]
+    }), /*#__PURE__*/_jsx(Button, {
+      onPress: onPress,
+      disabled: disabled,
+      isLoading: isLoading,
+      isActive: isActive,
+      icon: /*#__PURE__*/_jsx(PlayIcon, {
+        size: 16,
+        color: COLORS.NEUTRAL_1
+      }),
+      variant: ButtonVariant.PRIMARY,
+      size: ButtonSize.LARGE,
+      colorScheme: ButtonColor.YELLOW,
+      raiseLevel: 6,
+      style: {
+        container: styles.startButton
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H6,
+        style: styles.startButtonText,
+        children: t('pmProgress.startButton')
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    marginRight: SPACING[200]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1
+  },
+  animatedBackground: {
+    backgroundColor: PULSATION_COLOR,
+    position: 'absolute',
+    borderRadius: 50
+  }
+});
+//# sourceMappingURL=StartButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","HeadingVariants","PlayIcon","SPACING","Typography","useText","jsx","_jsx","jsxs","_jsxs","PULSATION_COLOR","PULSE_OVERFLOW_X","PULSE_OVERFLOW_Y","PULSE_OFFSET_TOP","PULSE_OFFSET_LEFT","PULSE_DURATION","PULSE_DELAY","MIN_SCALE_X","StartButton","onPress","disabled","isLoading","isActive","withPulsation","t","sizes","setSizes","aspectRatio","setAspectRatio","showPulsation","scaleAnimValue","Value","current","fadeAnimValue","scaleAnimation","timing","toValue","duration","useNativeDriver","fadeOutAnimation","pulsation","loop","sequence","delay","start","stop","setValue","style","styles","container","onLayout","event","width","nativeEvent","layout","height","children","animatedBackground","top","left","transform","scaleX","interpolate","inputRange","outputRange","scaleY","opacity","icon","size","color","NEUTRAL_1","variant","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","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/module/features/pmProgress/components/insights/PmInsights.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { useStoreMap } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { PracticeProgressPieChart } from "../chart/components/PracticeProgressPieChart.js";
+import { PmTimeframeStats } from "./PmTimeframeStats.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { createChartConfig } from "../../shared/pmProgress.helpers.js";
+import { EMPTY_PIE_CHART_DATA, MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmInsights = () => {
+  const {
+    model
+  } = usePmProgress();
+  const [chartSize, setChartSize] = useState(MAX_PIE_CHART_SIZE);
+  const chartData = 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 = useMemo(() => {
+    const size = Math.max(0, chartSize - SPACING[400]);
+    return createChartConfig(size);
+  }, [chartSize]);
+  const measureLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    const size = Math.min(height - STATS_MAX_HEIGHT - SPACING[800], MAX_PIE_CHART_SIZE);
+    setChartSize(size);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    onLayout: measureLayout,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.chart, {
+        width: chartSize,
+        height: chartSize
+      }],
+      children: /*#__PURE__*/_jsx(PracticeProgressPieChart, {
+        data: chartData.length > 0 ? chartData : EMPTY_PIE_CHART_DATA,
+        config: chartConfig
+      })
+    }), /*#__PURE__*/_jsx(PmTimeframeStats, {})]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[250],
+    padding: SPACING[400],
+    marginBottom: SPACING[400],
+    marginTop: SPACING[400]
+  }
+});
+//# sourceMappingURL=PmInsights.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","useStoreMap","StyleSheet","View","BORDER_RADIUS","COLORS","SPACING","PracticeProgressPieChart","PmTimeframeStats","usePmProgress","createChartConfig","EMPTY_PIE_CHART_DATA","MAX_PIE_CHART_SIZE","STATS_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","PmInsights","model","chartSize","setChartSize","chartData","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","size","max","measureLayout","event","height","nativeEvent","layout","min","style","styles","container","onLayout","children","chart","width","data","length","config","create","alignItems","justifyContent","NEUTRAL_1","borderRadius","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}