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

package/dist/commonjs/features/pmProgress/components/chart/model/PieChartManager.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieChartManager = void 0;
+var _SliceShapeGenerator = require("./SliceShapeGenerator.js");
+var _ArcPatternGenerator = require("./ArcPatternGenerator.js");
+var _SliceHighlight = require("./SliceHighlight.js");
+class PieChartManager {
+  constructor(config) {
+    this.config = config;
+    this.shape = new _SliceShapeGenerator.SliceShapeGenerator(config);
+    this.pattern = new _ArcPatternGenerator.OuterArcPatternGenerator(config);
+    this.highlight = new _SliceHighlight.SliceHighlight(config);
+  }
+  getCenter() {
+    return {
+      x: this.config.size / 2,
+      y: this.config.size / 2
+    };
+  }
+}
+exports.PieChartManager = PieChartManager;
+//# sourceMappingURL=PieChartManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_SliceShapeGenerator","require","_ArcPatternGenerator","_SliceHighlight","PieChartManager","constructor","config","shape","SliceShapeGenerator","pattern","OuterArcPatternGenerator","highlight","SliceHighlight","getCenter","x","size","y","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/PieChartManager.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGO,MAAMG,eAAe,CAAC;EAK3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIC,wCAAmB,CAACF,MAAM,CAAC;IAC5C,IAAI,CAACG,OAAO,GAAG,IAAIC,6CAAwB,CAACJ,MAAM,CAAC;IACnD,IAAI,CAACK,SAAS,GAAG,IAAIC,8BAAc,CAACN,MAAM,CAAC;EAC7C;EAEOO,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACR,MAAM,CAACS,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACV,MAAM,CAACS,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF;AAACE,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/chart/model/SliceHighlight.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceHighlight = void 0;
+var _effector = require("effector");
+class SliceHighlight {
+  set = (0, _effector.createEvent)();
+  reset = (0, _effector.createEvent)();
+  $highlightedIndex = (0, _effector.createStore)(null).on(this.set, (_, index) => index).reset(this.reset);
+  constructor(config) {
+    this.config = config;
+  }
+  getTranslateY(isHighlighted) {
+    return isHighlighted ? -this.config.pressOffset : 0;
+  }
+}
+exports.SliceHighlight = SliceHighlight;
+//# sourceMappingURL=SliceHighlight.js.map

package/dist/commonjs/features/pmProgress/components/chart/model/SliceHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_effector","require","SliceHighlight","set","createEvent","reset","$highlightedIndex","createStore","on","_","index","constructor","config","getTranslateY","isHighlighted","pressOffset","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceHighlight.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAGO,MAAMC,cAAc,CAAC;EACVC,GAAG,GAAG,IAAAC,qBAAW,EAAS,CAAC;EAC3BC,KAAK,GAAG,IAAAD,qBAAW,EAAC,CAAC;EAErBE,iBAAiB,GAAG,IAAAC,qBAAW,EAAgB,IAAI,CAAC,CACjEC,EAAE,CAAC,IAAI,CAACL,GAAG,EAAE,CAACM,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC,CACjCL,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAEpBM,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,aAAaA,CAACC,aAAsB,EAAU;IACnD,OAAOA,aAAa,GAAG,CAAC,IAAI,CAACF,MAAM,CAACG,WAAW,GAAG,CAAC;EACrD;AACF;AAACC,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceShapeGenerator = void 0;
+var _d3Shape = require("d3-shape");
+class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = (0, _d3Shape.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 (0, _d3Shape.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 (0, _d3Shape.arc)().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+exports.SliceShapeGenerator = SliceShapeGenerator;
+//# sourceMappingURL=SliceShapeGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_d3Shape","require","SliceShapeGenerator","innerRadius","d3Pie","pie","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","arc","padAngle","padRadius","generateFillBorderPath","sliceCount","gapBetweenSlices","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmProgressContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PmTeacherRecs = require("../recs/PmTeacherRecs.js");
+var _PmDomainList = require("../list/PmDomainList.js");
+var _PmInsights = require("../insights/PmInsights.js");
+var _PmStatusOverlay = require("../locked/PmStatusOverlay.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmProgressContent = () => {
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const status = (0, _effectorReact.useUnit)(model.tree.$status);
+  if (status) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmStatusOverlay.PmStatusOverlay, {
+      status: status
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.content,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.column,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PmTeacherRecs.PmTeacherRecs, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmDomainList.PmDomainList, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmInsights.PmInsights, {})]
+  });
+};
+exports.PmProgressContent = PmProgressContent;
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    overflow: 'hidden'
+  },
+  column: {
+    flex: 1,
+    overflow: 'hidden',
+    marginRight: _reactNativeUi.SPACING[500],
+    gap: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=PmContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeUi","_PmTeacherRecs","_PmDomainList","_PmInsights","_PmStatusOverlay","_PmProgressContext","_jsxRuntime","e","__esModule","default","PmProgressContent","model","usePmProgress","status","useUnit","tree","$status","jsx","PmStatusOverlay","jsxs","View","style","styles","content","children","column","PmTeacherRecs","PmDomainList","PmInsights","exports","StyleSheet","create","flex","flexDirection","overflow","marginRight","SPACING","gap"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/content/PmContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAA+D,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGxD,MAAMG,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAa,EAAC,CAAC;EACjC,MAAMC,MAAM,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,IAAI,CAACC,OAAO,CAAC;EAE1C,IAAIH,MAAM,EAAE;IACV,oBAAO,IAAAP,WAAA,CAAAW,GAAA,EAACb,gBAAA,CAAAc,eAAe;MAACL,MAAM,EAAEA;IAAO,CAAE,CAAC;EAC5C;EAEA,oBACE,IAAAP,WAAA,CAAAa,IAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1B,IAAAlB,WAAA,CAAAa,IAAA,EAACpB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,gBACzB,IAAAlB,WAAA,CAAAW,GAAA,EAAChB,cAAA,CAAAyB,aAAa,IAAE,CAAC,eACjB,IAAApB,WAAA,CAAAW,GAAA,EAACf,aAAA,CAAAyB,YAAY,IAAE,CAAC;IAAA,CACZ,CAAC,eAEP,IAAArB,WAAA,CAAAW,GAAA,EAACd,WAAA,CAAAyB,UAAU,IAAE,CAAC;EAAA,CACV,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA;AAED,MAAMY,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDT,MAAM,EAAE;IACNO,IAAI,EAAE,CAAC;IACPE,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACzBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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":[]}