@magmamath/students-features 1.2.1-rc.22 → 1.2.1-rc.23

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

@@ -14,6 +14,7 @@ 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 _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; }
@@ -74,32 +75,34 @@ const PmProgressHeader = () => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.nextUp,
-      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
+      children: [nextUp && /*#__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)(_reactNative.View, {
-        style: styles.arrow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchArrowRight.SketchArrowRight, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StartButton.StartButton, {
         onPress: async () => {
           model.solving.setLoaderOpeningId(_pmProgressConstants.OpeningLoaderId.START_BUTTON);
           const skill = await model.solving.start({
@@ -111,22 +114,7 @@ const PmProgressHeader = () => {
         disabled: loaderOpeningId !== null,
         isLoading: loaderOpeningId === _pmProgressConstants.OpeningLoaderId.START_BUTTON,
         isActive: loaderOpeningId === _pmProgressConstants.OpeningLoaderId.START_BUTTON,
-        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')
-        })
+        withPulsation: !!nextUp
       })]
     })]
   });
@@ -192,14 +180,6 @@ const styles = _reactNative.StyleSheet.create({
     transform: [{
       rotate: '358deg'
     }]
-  },
-  startButton: {
-    minWidth: 145
-  },
-  startButtonText: {
-    fontWeight: '700',
-    textTransform: 'uppercase',
-    color: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=PmProgressHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmProgressHeader","useText","model","onStartPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","grade","useUnit","tree","$grade","grades","useStoreMap","$grades","map","key","value","title","name","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isFluencyDomain","isCompleted","skillsCount","achieved","total","jsxs","View","style","styles","container","children","jsx","Typography","variant","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","Button","ButtonVariant","TERTIARY","onPress","prev","H8","formatGradeName","caret","CaretUpIcon","color","COLORS","NEUTRAL_9","CaretDownIcon","Menu","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","SliceDiamondIcon","arrow","SketchArrowRight","setLoaderOpeningId","OpeningLoaderId","START_BUTTON","skill","start","type","SolvingFlow","MAGMA","isLoading","isActive","icon","PlayIcon","size","NEUTRAL_1","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","startButton","H6","startButtonText","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_StartButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmProgressHeader","useText","model","onStartPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","grade","useUnit","tree","$grade","grades","useStoreMap","$grades","map","key","value","title","name","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isFluencyDomain","isCompleted","skillsCount","achieved","total","jsxs","View","style","styles","container","children","jsx","Typography","variant","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","Button","ButtonVariant","TERTIARY","onPress","prev","H8","formatGradeName","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","OpeningLoaderId","START_BUTTON","skill","start","type","SolvingFlow","MAGMA","isLoading","isActive","withPulsation","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","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/module/features/pmProgress/components/header/PmProgressHeader.js

@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Button, ButtonColor, ButtonSize, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, PlayIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { Button, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, 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";
@@ -10,7 +10,8 @@ import { useUnit, useStoreMap } from 'effector-react';
 import { usePmProgress } from "../../context/PmProgressContext.js";
 import { formatGradeName, isFluencyDomain } from "../../shared/pmProgress.helpers.js";
 import { OpeningLoaderId, SolvingFlow } from "../../shared/pmProgress.constants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StartButton } from "./StartButton.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const PmProgressHeader = () => {
   const t = useText();
   const {
@@ -68,32 +69,34 @@ export const PmProgressHeader = () => {
       })]
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.nextUp,
-      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
+      children: [nextUp && /*#__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(View, {
-        style: styles.arrow,
-        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
-      }), /*#__PURE__*/_jsx(Button, {
+      }), /*#__PURE__*/_jsx(StartButton, {
         onPress: async () => {
           model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON);
           const skill = await model.solving.start({
@@ -105,22 +108,7 @@ export const PmProgressHeader = () => {
         disabled: loaderOpeningId !== null,
         isLoading: loaderOpeningId === OpeningLoaderId.START_BUTTON,
         isActive: loaderOpeningId === OpeningLoaderId.START_BUTTON,
-        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')
-        })
+        withPulsation: !!nextUp
       })]
     })]
   });
@@ -185,14 +173,6 @@ const styles = StyleSheet.create({
     transform: [{
       rotate: '358deg'
     }]
-  },
-  startButton: {
-    minWidth: 145
-  },
-  startButtonText: {
-    fontWeight: '700',
-    textTransform: 'uppercase',
-    color: COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=PmProgressHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","PlayIcon","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useUnit","useStoreMap","usePmProgress","formatGradeName","isFluencyDomain","OpeningLoaderId","SolvingFlow","jsx","_jsx","jsxs","_jsxs","PmProgressHeader","t","model","onStartPress","isDropdownOpen","setIsDropdownOpen","grade","tree","$grade","grades","$grades","map","key","value","title","name","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isCompleted","skillsCount","achieved","total","style","styles","container","children","variant","H2","dark","isOpen","onDismiss","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","arrow","setLoaderOpeningId","START_BUTTON","skill","start","type","MAGMA","isLoading","isActive","icon","size","NEUTRAL_1","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","StyleSheet","View","Button","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useUnit","useStoreMap","usePmProgress","formatGradeName","isFluencyDomain","OpeningLoaderId","SolvingFlow","StartButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PmProgressHeader","t","model","onStartPress","isDropdownOpen","setIsDropdownOpen","grade","tree","$grade","grades","$grades","map","key","value","title","name","disabled","isLocked","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","isCompleted","skillsCount","achieved","total","style","styles","container","children","variant","H2","dark","isOpen","onDismiss","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","arrow","setLoaderOpeningId","START_BUTTON","skill","start","type","MAGMA","isLoading","isActive","withPulsation","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom"],"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,107 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, COLORS, HeadingVariants, PlayIcon, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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;
+  const scaleAnimation = Animated.timing(scaleAnimValue, {
+    toValue: 1,
+    duration: 1000,
+    useNativeDriver: true
+  });
+  const fadeOutAnimation = Animated.timing(fadeAnimValue, {
+    toValue: 0,
+    duration: 1000,
+    useNativeDriver: true
+  });
+  const pulsationAnimation = Animated.loop(Animated.sequence([scaleAnimation, Animated.delay(1000), fadeOutAnimation]));
+  useEffect(() => {
+    if (sizes && withPulsation) {
+      pulsationAnimation.start();
+    }
+  }, [sizes, withPulsation]);
+  return /*#__PURE__*/_jsxs(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__*/_jsx(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__*/_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: 8
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1
+  },
+  animatedBackground: {
+    backgroundColor: '#FFBE4E66',
+    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","Typography","useText","jsx","_jsx","jsxs","_jsxs","StartButton","onPress","disabled","isLoading","isActive","withPulsation","t","sizes","setSizes","aspectRatio","setAspectRatio","showPulsation","scaleAnimValue","Value","current","fadeAnimValue","scaleAnimation","timing","toValue","duration","useNativeDriver","fadeOutAnimation","pulsationAnimation","loop","sequence","delay","start","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/typescript/commonjs/features/pmProgress/components/header/PmProgressHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,eAAO,MAAM,gBAAgB,yBAyG5B,CAAA"}
+{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAuBvC,eAAO,MAAM,gBAAgB,yBAqG5B,CAAA"}

package/dist/typescript/commonjs/features/pmProgress/components/header/StartButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type StartButtonProps = {
+    onPress: () => void;
+    disabled: boolean;
+    isLoading: boolean;
+    isActive: boolean;
+    withPulsation?: boolean;
+};
+export declare const StartButton: ({ onPress, disabled, isLoading, isActive, withPulsation, }: StartButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StartButton.d.ts.map

package/dist/typescript/commonjs/features/pmProgress/components/header/StartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/StartButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAmB1D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,+DAMrB,gBAAgB,sBAwFlB,CAAA"}

package/dist/typescript/module/features/pmProgress/components/header/PmProgressHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,eAAO,MAAM,gBAAgB,yBAyG5B,CAAA"}
+{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAuBvC,eAAO,MAAM,gBAAgB,yBAqG5B,CAAA"}

package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type StartButtonProps = {
+    onPress: () => void;
+    disabled: boolean;
+    isLoading: boolean;
+    isActive: boolean;
+    withPulsation?: boolean;
+};
+export declare const StartButton: ({ onPress, disabled, isLoading, isActive, withPulsation, }: StartButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StartButton.d.ts.map

package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/StartButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAmB1D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,+DAMrB,gBAAgB,sBAwFlB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.2.1-rc.22",
+  "version": "1.2.1-rc.23",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/pmProgress/components/header/PmProgressHeader.tsx

@@ -2,8 +2,6 @@ import React, { useState } from 'react'
 import { StyleSheet, View } from 'react-native'
 import {
   Button,
-  ButtonColor,
-  ButtonSize,
   ButtonVariant,
   CaretDownIcon,
   CaretUpIcon,
@@ -11,7 +9,6 @@ import {
   Dropdown,
   HeadingVariants,
   Menu,
-  PlayIcon,
   SPACING,
   Typography,
 } from '@magmamath/react-native-ui'
@@ -22,6 +19,7 @@ import { useUnit, useStoreMap } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { formatGradeName, isFluencyDomain } from '../../shared/pmProgress.helpers'
 import { OpeningLoaderId, SolvingFlow } from '../../shared/pmProgress.constants'
+import { StartButton } from './StartButton'
 
 export const PmProgressHeader = () => {
   const t = useText()
@@ -86,25 +84,30 @@ export const PmProgressHeader = () => {
       </View>
 
       <View style={styles.nextUp}>
-        <View style={styles.content}>
-          <View style={styles.subtitle}>
-            <Typography variant={HeadingVariants.H2} style={styles.dark}>
-              {t('pmProgress.nextUp')}
-            </Typography>
-          </View>
-          <View style={[styles.row, styles.tilted]}>
-            <Typography variant={HeadingVariants.H7} style={styles.muted}>
-              {nextUp?.title}
-            </Typography>
-            <View style={styles.diamond}>
-              <SliceDiamondIcon color={nextUp?.color} />
+        {nextUp && (
+          <>
+            <View style={styles.content}>
+              <View style={styles.subtitle}>
+                <Typography variant={HeadingVariants.H2} style={styles.dark}>
+                  {t('pmProgress.nextUp')}
+                </Typography>
+              </View>
+              <View style={[styles.row, styles.tilted]}>
+                <Typography variant={HeadingVariants.H7} style={styles.muted}>
+                  {nextUp?.title}
+                </Typography>
+                <View style={styles.diamond}>
+                  <SliceDiamondIcon color={nextUp?.color} />
+                </View>
+              </View>
             </View>
-          </View>
-        </View>
-        <View style={styles.arrow}>
-          <SketchArrowRight />
-        </View>
-        <Button
+            <View style={styles.arrow}>
+              <SketchArrowRight />
+            </View>
+          </>
+        )}
+
+        <StartButton
           onPress={async () => {
             model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON)
             const skill = await model.solving.start({ type: SolvingFlow.MAGMA })
@@ -114,17 +117,8 @@ export const PmProgressHeader = () => {
           disabled={loaderOpeningId !== null}
           isLoading={loaderOpeningId === OpeningLoaderId.START_BUTTON}
           isActive={loaderOpeningId === OpeningLoaderId.START_BUTTON}
-          icon={<PlayIcon size={16} color={COLORS.NEUTRAL_1} />}
-          variant={ButtonVariant.PRIMARY}
-          size={ButtonSize.LARGE}
-          colorScheme={ButtonColor.YELLOW}
-          raiseLevel={6}
-          style={{ container: styles.startButton }}
-        >
-          <Typography variant={HeadingVariants.H6} style={styles.startButtonText}>
-            {t('pmProgress.startButton')}
-          </Typography>
-        </Button>
+          withPulsation={!!nextUp}
+        />
       </View>
     </View>
   )
@@ -183,12 +177,4 @@ const styles = StyleSheet.create({
   arrow: {
     transform: [{ rotate: '358deg' }],
   },
-  startButton: {
-    minWidth: 145,
-  },
-  startButtonText: {
-    fontWeight: '700',
-    textTransform: 'uppercase',
-    color: COLORS.NEUTRAL_1,
-  },
 })

package/src/features/pmProgress/components/header/StartButton.tsx

@@ -0,0 +1,141 @@
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated, StyleSheet, View } from 'react-native'
+import {
+  Button,
+  ButtonColor,
+  ButtonSize,
+  ButtonVariant,
+  COLORS,
+  HeadingVariants,
+  PlayIcon,
+  Typography,
+} from '@magmamath/react-native-ui'
+import { useText } from '../../../../shared/translation'
+
+type Sizes = {
+  width: number
+  height: number
+}
+
+type StartButtonProps = {
+  onPress: () => void
+  disabled: boolean
+  isLoading: boolean
+  isActive: boolean
+  withPulsation?: boolean
+}
+
+export const StartButton = ({
+  onPress,
+  disabled,
+  isLoading,
+  isActive,
+  withPulsation,
+}: StartButtonProps) => {
+  const t = useText()
+  const [sizes, setSizes] = useState<Sizes | null>(null)
+  const [aspectRatio, setAspectRatio] = useState<number | null>(null)
+  const showPulsation = withPulsation && sizes && aspectRatio
+
+  const scaleAnimValue = useRef(new Animated.Value(0)).current
+  const fadeAnimValue = useRef(new Animated.Value(1)).current
+
+  const scaleAnimation = Animated.timing(scaleAnimValue, {
+    toValue: 1,
+    duration: 1000,
+    useNativeDriver: true,
+  })
+
+  const fadeOutAnimation = Animated.timing(fadeAnimValue, {
+    toValue: 0,
+    duration: 1000,
+    useNativeDriver: true,
+  })
+
+  const pulsationAnimation = Animated.loop(
+    Animated.sequence([scaleAnimation, Animated.delay(1000), fadeOutAnimation]),
+  )
+
+  useEffect(() => {
+    if (sizes && withPulsation) {
+      pulsationAnimation.start()
+    }
+  }, [sizes, withPulsation])
+
+  return (
+    <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)
+      }}
+    >
+      {showPulsation && (
+        <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,
+            },
+          ]}
+        />
+      )}
+      <Button
+        onPress={onPress}
+        disabled={disabled}
+        isLoading={isLoading}
+        isActive={isActive}
+        icon={<PlayIcon size={16} color={COLORS.NEUTRAL_1} />}
+        variant={ButtonVariant.PRIMARY}
+        size={ButtonSize.LARGE}
+        colorScheme={ButtonColor.YELLOW}
+        raiseLevel={6}
+        style={{ container: styles.startButton }}
+      >
+        <Typography variant={HeadingVariants.H6} style={styles.startButtonText}>
+          {t('pmProgress.startButton')}
+        </Typography>
+      </Button>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginRight: 8,
+  },
+  startButton: {
+    minWidth: 145,
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1,
+  },
+  animatedBackground: {
+    backgroundColor: '#FFBE4E66',
+    position: 'absolute',
+    borderRadius: 50,
+  },
+})