@magmamath/students-features 1.3.26-rc.20 → 1.3.26-rc.3

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CorrectAnswer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _AnimatedCard = require("./AnimatedCard.js");
+var _PracticeButtonGroup = require("../../ui/PracticeButtonGroup.js");
+var _constants = require("../../constants.js");
+var _types = require("../../types.js");
+var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
+var _constants2 = require("../../../../lib/constants.js");
+var _helpers = require("../../helpers.js");
+var _AssessmentScoreCard = require("../AssessmentScoreCard/AssessmentScoreCard.js");
+var _studentsQa = require("@magmamath/students-qa");
+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 CorrectAnswer = ({
+  textContent,
+  model,
+  onPracticePress
+}) => {
+  const popUpData = (0, _effectorReact.useUnit)(model.$popUpData);
+  const modalVariant = (0, _effectorReact.useUnit)(model.$modalVariant);
+  const [cardsAnimationCompleted, setCardsAnimationCompleted] = (0, _react.useState)(false);
+  const {
+    user,
+    stats,
+    hasRecommendations,
+    isExam = false,
+    isAssessment = false,
+    newerAssignmentAvailable
+  } = popUpData ?? {};
+  const isPracticeButtonVisible = !!(user?.practiceMode && user.practiceButtonVisible && !newerAssignmentAvailable && (isExam || hasRecommendations));
+  const handlePracticeButtonPress = () => {
+    onPracticePress?.();
+    model.hidePopUp();
+  };
+  const onCorrectAnswerAnimationEnd = (0, _react.useCallback)(() => {
+    if (stats?.goodDrawingAmount === 0) {
+      setCardsAnimationCompleted(true);
+    }
+  }, []);
+  const onGBDAnimationEnd = (0, _react.useCallback)(() => {
+    setCardsAnimationCompleted(true);
+  }, []);
+  (0, _useKeyboard.useKeyBoard)({
+    callback: event => {
+      if (event.key === _constants2.KeyboardKeys.ENTER) {
+        isPracticeButtonVisible ? handlePracticeButtonPress() : model.hidePopUpAndLeave();
+      }
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: _studentsQa.TEST_IDS.EOA_WITH_CORRECT_ANSWER,
+    style: [styles.wrapper, modalVariant !== _types.EOAModalVariant.HAS_GOOD_DRAWING && {
+      alignItems: 'center'
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: "large",
+        style: styles.title,
+        children: textContent?.title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: "h4",
+        style: styles.subtitle,
+        children: `${textContent?.subtitle} ${user?.firstName}!`
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.animationContainer,
+      children: [isAssessment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssessmentScoreCard.AssessmentScoreCard, {
+        textContent: textContent,
+        solvedAmount: stats?.solvedAmount,
+        problemsAmount: stats?.problemsAmount
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedCard.AnimatedCard, {
+        variant: _types.AnimatedCardVariant.CORRECT_ANSWER,
+        textContent: textContent,
+        solvedAmount: stats?.solvedAmount,
+        problemsAmount: stats?.problemsAmount,
+        shouldTriggerSparkles: cardsAnimationCompleted,
+        onAnimationEnd: onCorrectAnswerAnimationEnd
+      }), modalVariant === _types.EOAModalVariant.HAS_GOOD_DRAWING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedCard.AnimatedCard, {
+        variant: _types.AnimatedCardVariant.GOOD_DRAWING,
+        textContent: textContent,
+        gbdAmount: stats?.goodDrawingAmount,
+        shouldTriggerSparkles: cardsAnimationCompleted,
+        onAnimationEnd: onGBDAnimationEnd,
+        delay: _constants.GOOD_DRAWING_CARD_APPEARENCE_DELAY
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeButtonGroup.PracticeButtonGroup, {
+      textContent: textContent,
+      isPracticeButtonVisible: isPracticeButtonVisible,
+      onLeftButtonPress: model.hidePopUpAndLeave,
+      onRightButtonPress: handlePracticeButtonPress,
+      buttonColor: (0, _helpers.getEoaButtonColor)(popUpData)
+    })]
+  });
+};
+exports.CorrectAnswer = CorrectAnswer;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[400]
+  },
+  header: {
+    gap: _reactNativeUi.SPACING[100],
+    alignItems: 'center'
+  },
+  title: {
+    fontWeight: '900',
+    lineHeight: 54,
+    fontSize: 36,
+    paddingVertical: _reactNativeUi.SPACING[100],
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  subtitle: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    paddingVertical: _reactNativeUi.SPACING[100],
+    lineHeight: 25
+  },
+  animationContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    gap: _reactNativeUi.SPACING[800],
+    paddingTop: _reactNativeUi.SPACING[800],
+    paddingBottom: _reactNativeUi.SPACING[1600]
+  },
+  buttonsContainer: {
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=CorrectAnswer.js.map

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CorrectAnswerSparks = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Spark = require("./Spark.js");
+var _constants = require("../../constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CA_SPARKS_MAP = [{
+  id: '1',
+  x: 22,
+  y: 20,
+  size: 14,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.3
+}, {
+  id: '2',
+  x: 128,
+  y: 127,
+  size: 21,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.14
+}, {
+  id: '3',
+  x: 268,
+  y: 44,
+  size: 28,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.4
+}];
+const CorrectAnswerSparks = ({
+  color,
+  shouldStartAnimation
+}) => {
+  if (!shouldStartAnimation) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: CA_SPARKS_MAP.map(star => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spark.Spark, {
+      color: color,
+      ...star
+    }, star.id))
+  });
+};
+exports.CorrectAnswerSparks = CorrectAnswerSparks;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    zIndex: 110,
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=CorrectAnswerSparks.js.map

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoodDrawingSparks = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Spark = require("./Spark.js");
+var _constants = require("../../constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GD_SPARKS_MAP = [{
+  id: '1',
+  x: 20,
+  y: 135.5,
+  size: 14,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.25
+}, {
+  id: '2',
+  x: 25,
+  y: 19.5,
+  size: 21,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY
+}, {
+  id: '3',
+  x: 115,
+  y: 132,
+  size: 28,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.1
+}, {
+  id: '4',
+  x: 315,
+  y: 42,
+  size: 14,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.31
+}, {
+  id: '5',
+  x: 326,
+  y: 24.5,
+  size: 21,
+  initialDelay: _constants.SPARKS_ANIMATION_DELAY * 1.36
+}];
+const GoodDrawingSparks = ({
+  color,
+  shouldStartAnimation
+}) => {
+  if (!shouldStartAnimation) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: GD_SPARKS_MAP.map(star => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spark.Spark, {
+      color: color,
+      ...star
+    }, star.id))
+  });
+};
+exports.GoodDrawingSparks = GoodDrawingSparks;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    zIndex: 110,
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=GoodDrawingSparks.js.map

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/Spark.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spark = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _SparkIcon = require("../../ui/SparkIcon.js");
+var _useSparkAnimation = require("../../hooks/useSparkAnimation.js");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SPARKS_SPRING_CONFIG = {
+  mass: 1.8,
+  damping: 25,
+  stiffness: 293,
+  overshootClamping: false,
+  restDisplacementThreshold: 0.01,
+  restSpeedThreshold: 2
+};
+const HOLD_DELAY = 800;
+const ROTATION_ANGLE = 90;
+const Spark = ({
+  id,
+  x,
+  y,
+  size,
+  initialDelay = 350,
+  color = _reactNativeUi.COLORS.GREEN_3
+}) => {
+  const {
+    animatedStyle
+  } = (0, _useSparkAnimation.useSparkAnimation)({
+    id,
+    initialDelay,
+    rotationAngle: ROTATION_ANGLE,
+    holdDelay: HOLD_DELAY,
+    springConfig: SPARKS_SPRING_CONFIG,
+    x,
+    y,
+    size
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: animatedStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkIcon.SparkIcon, {
+      size: size,
+      color: color
+    })
+  });
+};
+exports.Spark = Spark;
+//# sourceMappingURL=Spark.js.map

package/dist/commonjs/features/endOfAssignment/components/ExamLeave/ExamLeave.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExamLeave = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
+var _constants = require("../../../../lib/constants.js");
+var _studentsQa = require("@magmamath/students-qa");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExamLeave = ({
+  textContent,
+  model
+}) => {
+  const handleDismiss = () => model.hidePopUp();
+  (0, _useKeyboard.useKeyBoard)({
+    callback: event => {
+      if (event.key === _constants.KeyboardKeys.ENTER) {
+        model.hidePopUpAndLeave();
+      }
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: _studentsQa.TEST_IDS.EOA_EXAM_LEAVE,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.buttonsContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        variant: _reactNativeUi.ButtonVariant.TERTIARY,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        style: {
+          text: styles.buttonText
+        },
+        onPress: handleDismiss,
+        testID: _studentsQa.TEST_IDS.EOA_EXAM_STAY_BUTTON,
+        children: textContent.leftButtonText
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        variant: _reactNativeUi.ButtonVariant.PRIMARY,
+        colorScheme: _reactNativeUi.ButtonColor.RED,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        style: {
+          text: styles.buttonText
+        },
+        onPress: model.hidePopUpAndLeave,
+        testID: _studentsQa.TEST_IDS.EOA_LEAVE_BUTTON,
+        children: textContent.rightButtonText
+      })]
+    })]
+  });
+};
+exports.ExamLeave = ExamLeave;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[800],
+    paddingTop: _reactNativeUi.SPACING[800],
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  description: {
+    textAlign: 'center',
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamLeave.js.map

package/dist/commonjs/features/endOfAssignment/components/ExamPaused/ExamPaused.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExamPaused = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
+var _constants = require("../../../../lib/constants.js");
+var _helpers = require("../../helpers.js");
+var _effectorReact = require("effector-react");
+var _studentsQa = require("@magmamath/students-qa");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExamPaused = ({
+  textContent,
+  model
+}) => {
+  const popUpData = (0, _effectorReact.useUnit)(model.$popUpData);
+  (0, _useKeyboard.useKeyBoard)({
+    callback: event => {
+      if (event.key === _constants.KeyboardKeys.ENTER) {
+        model.hidePopUpAndLeave();
+      }
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: _studentsQa.TEST_IDS.EOA_EXAM_PAUSED,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: "h2",
+      style: styles.title,
+      children: textContent.title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      variant: _reactNativeUi.ButtonVariant.PRIMARY,
+      colorScheme: (0, _helpers.getEoaButtonColor)(popUpData),
+      size: _reactNativeUi.ButtonSize.LARGE,
+      style: {
+        text: styles.buttonText
+      },
+      onPress: model.hidePopUpAndLeave,
+      testID: _studentsQa.TEST_IDS.EOA_LEAVE_BUTTON,
+      children: textContent.leftButtonText
+    })]
+  });
+};
+exports.ExamPaused = ExamPaused;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    gap: _reactNativeUi.SPACING[800],
+    alignItems: 'center'
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  description: {
+    textAlign: 'center',
+    fontWeight: '700'
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamPaused.js.map

package/dist/commonjs/features/endOfAssignment/components/ExamSubmit/ExamSubmit.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExamSubmit = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ExamSubmitContent = require("./ExamSubmitContent.js");
+var _PracticeButton = require("../../ui/PracticeButton.js");
+var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
+var _constants = require("../../../../lib/constants.js");
+var _helpers = require("../../helpers.js");
+var _studentsQa = require("@magmamath/students-qa");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExamSubmit = ({
+  textContent,
+  model,
+  onPracticePress
+}) => {
+  const popUpData = (0, _effectorReact.useUnit)(model.$popUpData);
+  const isPracticeButtonVisible = !!popUpData?.user?.practiceMode && popUpData.user.practiceButtonVisible && !popUpData.newerAssignmentAvailable;
+  const handlePracticePress = () => {
+    onPracticePress?.();
+    model.hidePopUp();
+  };
+  (0, _useKeyboard.useKeyBoard)({
+    callback: event => {
+      if (event.key === _constants.KeyboardKeys.ENTER) {
+        isPracticeButtonVisible ? handlePracticePress() : model.hidePopUpAndLeave();
+      }
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: _studentsQa.TEST_IDS.EOA_EXAM,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.contentBackground,
+      children: _reactNativeUi.IS_MOBILE ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: require('./blurred-card.png')
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExamSubmitContent.ExamSubmitContent, {
+        problemsAmount: popUpData?.stats?.problemsAmount ?? 0
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: "h2",
+      style: styles.title,
+      children: textContent.title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.buttonsContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        variant: isPracticeButtonVisible ? _reactNativeUi.ButtonVariant.TERTIARY : _reactNativeUi.ButtonVariant.PRIMARY,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        colorScheme: (0, _helpers.getEoaButtonColor)(popUpData),
+        style: {
+          text: {
+            textTransform: 'uppercase'
+          }
+        },
+        onPress: model.hidePopUpAndLeave,
+        testID: _studentsQa.TEST_IDS.EOA_LEAVE_BUTTON,
+        children: textContent.leftButtonText ?? ''
+      }), isPracticeButtonVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeButton.PracticeButton, {
+        onPress: handlePracticePress,
+        text: textContent.rightButtonText
+      })]
+    })]
+  });
+};
+exports.ExamSubmit = ExamSubmit;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[400],
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    paddingVertical: _reactNativeUi.SPACING[100]
+  },
+  description: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    textAlign: 'center',
+    fontWeight: 700,
+    paddingTop: _reactNativeUi.SPACING[800],
+    paddingBottom: _reactNativeUi.SPACING[1600]
+  },
+  contentBackground: {
+    position: 'absolute',
+    zIndex: -1,
+    top: '22%',
+    ...(_reactNative.Platform.OS === 'web' && {
+      filter: 'blur(4px)'
+    })
+  },
+  buttonsContainer: {
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamSubmit.js.map

package/dist/commonjs/features/endOfAssignment/components/ExamSubmit/ExamSubmitContent.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExamSubmitContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExamSubmitContent = ({
+  problemsAmount,
+  description
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.iconContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CorrectIcon, {
+          size: 70,
+          color: _reactNativeUi.COLORS.NEUTRAL_1
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: "xxl",
+          style: styles.largeText,
+          children: description || '?'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+          style: styles.text,
+          children: ["/", problemsAmount]
+        })]
+      })]
+    })
+  });
+};
+exports.ExamSubmitContent = ExamSubmitContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    opacity: 0.4,
+    paddingHorizontal: _reactNativeUi.SPACING[100],
+    paddingTop: _reactNativeUi.SPACING[100],
+    paddingBottom: 38,
+    marginBottom: _reactNativeUi.SPACING[800],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400]
+  },
+  content: {
+    flexDirection: 'row',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[800],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    gap: _reactNativeUi.SPACING[500]
+  },
+  iconContainer: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: 100,
+    height: 70,
+    width: 70,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  textContainer: {
+    flexDirection: 'row'
+  },
+  text: {
+    fontWeight: '700',
+    color: _reactNativeUi.COLORS.NEUTRAL_5,
+    alignSelf: 'flex-end'
+  },
+  largeText: {
+    fontSize: 48,
+    fontWeight: '700',
+    lineHeight: 48,
+    color: _reactNativeUi.COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=ExamSubmitContent.js.map