@magmamath/students-features 0.3.3 → 0.4.0

package/dist/module/features/celebrations/helpers.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { Spark } from "./components/Spark.js";
+import { CELEBRATION_ICON_CONFIG, CELEBRATION_VARIANTS } from "./config.js";
+export const randomRange = (min, max) => Math.random() * (max - min) + min;
+const isDateInRange = (currentDate, startDateStr, endDateStr) => {
+  const [startDay, startMonth] = startDateStr.split('-').map(Number);
+  const [endDay, endMonth] = endDateStr.split('-').map(Number);
+  const currentYear = currentDate.getFullYear();
+  const startDate = new Date(currentYear, startMonth - 1, startDay);
+  const endDate = new Date(currentYear, endMonth - 1, endDay + 1);
+  return currentDate >= startDate && currentDate <= endDate;
+};
+export const getIconForCurrentDate = () => {
+  const currentDate = new Date();
+  for (const celebration of CELEBRATION_ICON_CONFIG) {
+    if (celebration.activePeriod) {
+      const {
+        start,
+        end
+      } = celebration.activePeriod;
+      if (isDateInRange(currentDate, start, end)) {
+        return celebration.Icon;
+      }
+    }
+  }
+  return CELEBRATION_ICON_CONFIG[0].Icon;
+};
+const MainIcon = getIconForCurrentDate();
+export const generateParticle = variant => {
+  const {
+    elementsCount,
+    angle,
+    rotation,
+    sparkSize,
+    mainSize,
+    velocityMultiplier,
+    friction,
+    life,
+    angularAcceleration
+  } = CELEBRATION_VARIANTS[variant];
+  const particles = [];
+  for (let i = 0; i < elementsCount.spark; i++) {
+    const randomAngle = randomRange(angle.from * Math.PI / 180, angle.to * Math.PI / 180);
+    const randomSpeed = randomRange(4, 18);
+    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to);
+    particles.push({
+      id: Math.random(),
+      size: randomRange(sparkSize.from, sparkSize.to),
+      type: 'spark',
+      angle: randomAngle,
+      velocity: {
+        x: Math.cos(randomAngle) * randomSpeed * velocityMultiplier,
+        y: Math.sin(randomAngle) * randomSpeed
+      },
+      rotation: 0,
+      rotationSpeed: 0,
+      angularAcceleration: randomAngularAcceleration,
+      friction,
+      Component: Spark,
+      life
+    });
+  }
+  for (let i = 0; i < elementsCount.star; i++) {
+    const randomAngle = randomRange(angle.from * Math.PI / 180, angle.to * Math.PI / 180);
+    const randomSpeed = randomRange(4, 18);
+    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to);
+    particles.push({
+      id: Math.random(),
+      size: randomRange(mainSize.from, mainSize.to),
+      type: 'main',
+      angle: randomAngle,
+      velocity: {
+        x: Math.cos(randomAngle) * randomSpeed * velocityMultiplier,
+        y: Math.sin(randomAngle) * randomSpeed
+      },
+      rotation: randomRange(rotation.from, rotation.to),
+      rotationSpeed: randomRange(-2, 2),
+      angularAcceleration: randomAngularAcceleration,
+      friction,
+      Component: MainIcon,
+      life
+    });
+  }
+  return particles;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/module/features/celebrations/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spark","CELEBRATION_ICON_CONFIG","CELEBRATION_VARIANTS","randomRange","min","max","Math","random","isDateInRange","currentDate","startDateStr","endDateStr","startDay","startMonth","split","map","Number","endDay","endMonth","currentYear","getFullYear","startDate","Date","endDate","getIconForCurrentDate","celebration","activePeriod","start","end","Icon","MainIcon","generateParticle","variant","elementsCount","angle","rotation","sparkSize","mainSize","velocityMultiplier","friction","life","angularAcceleration","particles","i","spark","randomAngle","from","PI","to","randomSpeed","randomAngularAcceleration","push","id","size","type","velocity","x","cos","y","sin","rotationSpeed","Component","star"],"sourceRoot":"../../../../src","sources":["features/celebrations/helpers.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/celebrations/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Celebrations } from "./components/Celebrations.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/celebrations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Celebrations"],"sourceRoot":"../../../../src","sources":["features/celebrations/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,cAAc,YAAS","ignoreList":[]}

package/dist/module/features/celebrations/types.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export let CelebrationVariant = /*#__PURE__*/function (CelebrationVariant) {
+  CelebrationVariant["FIRST_ATTEMPT"] = "firstAttempt";
+  CelebrationVariant["CORRECT"] = "correct";
+  CelebrationVariant["GBD"] = "gbd";
+  CelebrationVariant["CORRECT_FINISH_ASSIGNMENT"] = "correctFinishAssignment";
+  CelebrationVariant["GBD_FINISH_ASSIGNMENT"] = "gbdFinishAssignment";
+  return CelebrationVariant;
+}({});
+//# sourceMappingURL=types.js.map

package/dist/module/features/celebrations/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CelebrationVariant"],"sourceRoot":"../../../../src","sources":["features/celebrations/types.ts"],"mappings":";;AAAA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/CheatDetected/CheatDetected.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, SPACING, COLORS, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CheatDetected = ({
+  textContent,
+  model
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: "h2",
+      style: styles.title,
+      children: textContent.title
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      colorScheme: "red",
+      size: "large",
+      style: {
+        text: styles.buttonText
+      },
+      onPress: model.hidePopUpAndLeave,
+      children: textContent.leftButtonText
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: SPACING[800],
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    color: COLORS.NEUTRAL_9
+  },
+  description: {
+    color: COLORS.NEUTRAL_9,
+    textAlign: 'center',
+    fontWeight: '700'
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=CheatDetected.js.map

package/dist/module/features/endOfAssignment/components/CheatDetected/CheatDetected.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Button","SPACING","COLORS","Typography","jsx","_jsx","jsxs","_jsxs","CheatDetected","textContent","model","style","styles","container","children","variant","title","description","colorScheme","size","text","buttonText","onPress","hidePopUpAndLeave","leftButtonText","create","flex","gap","alignItems","justifyContent","color","NEUTRAL_9","textAlign","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CheatDetected/CheatDetected.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA4B,CAAC,KAAK;EAC7E,oBACEH,KAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACF,UAAU;MAACY,OAAO,EAAC,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACI,KAAM;MAAAF,QAAA,EAC1CL,WAAW,CAACO;IAAK,CACR,CAAC,eAEbX,IAAA,CAACF,UAAU;MAACY,OAAO,EAAC,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACK,WAAY;MAAAH,QAAA,EAChDL,WAAW,CAACQ;IAAW,CACd,CAAC,eAEbZ,IAAA,CAACL,MAAM;MACLe,OAAO,EAAC,SAAS;MACjBG,WAAW,EAAC,KAAK;MACjBC,IAAI,EAAC,OAAO;MACZR,KAAK,EAAE;QAAES,IAAI,EAAER,MAAM,CAACS;MAAW,CAAE;MACnCC,OAAO,EAAEZ,KAAK,CAACa,iBAAkB;MAAAT,QAAA,EAEhCL,WAAW,CAACe;IAAc,CACrB,CAAC;EAAA,CACL,CAAC;AAEX,CAAC;AAED,MAAMZ,MAAM,GAAGb,UAAU,CAAC0B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE1B,OAAO,CAAC,GAAG,CAAC;IACjB2B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDb,KAAK,EAAE;IACLc,KAAK,EAAE5B,MAAM,CAAC6B;EAChB,CAAC;EACDd,WAAW,EAAE;IACXa,KAAK,EAAE5B,MAAM,CAAC6B,SAAS;IACvBC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd,CAAC;EACDZ,UAAU,EAAE;IACVa,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.js

@@ -0,0 +1,241 @@
+"use strict";
+
+import React, { memo, useEffect, useRef } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming, withDelay, interpolate, interpolateColor, runOnUI, runOnJS } from 'react-native-reanimated';
+import { SPACING, Typography, COLORS, BORDER_RADIUS, IS_MOBILE } from '@magmamath/react-native-ui';
+import { GoodDrawingSparks } from "./GoodDrawingSparks.js";
+import { CorrectAnswerSparks } from "./CorrectAnswerSparks.js";
+import { EOABadge } from "../../ui/EOABadge.js";
+import { SparkIcon } from "../../ui/SparkIcon.js";
+import { AnimatedCardVariant } from "../../types.js";
+import { ANIMATION_DELAYS, BADGE_PARAMS, CARD_DIMENSIONS, OPACITY, SPRING_CONFIG, SPRING_CONFIG_STEP_3, VARIANT_COLORS } from "../../constants.js";
+import { CelebrationVariant } from "../../../celebrations/types.js";
+import { Celebrations } from "../../../celebrations/components/Celebrations.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AnimatedCard = /*#__PURE__*/memo(({
+  variant,
+  textContent,
+  shouldTriggerSparkles,
+  solvedAmount = 0,
+  problemsAmount = 0,
+  gbdAmount = 0,
+  delay = 0,
+  onAnimationEnd
+}) => {
+  const celebrationsRef = useRef(null);
+  const cardOpacity = useSharedValue(OPACITY.initial);
+  const cardWidth = useSharedValue(CARD_DIMENSIONS.initialWidth);
+  const badgeTranslateX = useSharedValue(BADGE_PARAMS.initialTranslateX);
+  const badgeRotation = useSharedValue(BADGE_PARAMS.initialRotation);
+  const badgeScale = useSharedValue(BADGE_PARAMS.initialScale);
+  const statsOpacity = useSharedValue(OPACITY.initial);
+  const delaySv = useSharedValue(0);
+  const animatedCardStyle = useAnimatedStyle(() => {
+    const progress = interpolate(statsOpacity.value, [OPACITY.initial, OPACITY.final], [OPACITY.initial, OPACITY.final]);
+    const backgroundColor = interpolateColor(progress, [OPACITY.initial, OPACITY.final], [VARIANT_COLORS[variant].initial, VARIANT_COLORS[variant].final]);
+    const height = interpolate(cardWidth.value, [CARD_DIMENSIONS.initialWidth, CARD_DIMENSIONS.finalWidth], [CARD_DIMENSIONS.initialHeight, CARD_DIMENSIONS.finalHeight]);
+    return {
+      opacity: cardOpacity.value,
+      width: cardWidth.value,
+      height,
+      backgroundColor
+    };
+  }, [statsOpacity, cardOpacity, cardWidth]);
+  const animatedBadgeStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: badgeTranslateX.value
+    }, {
+      rotate: `${badgeRotation.value}deg`
+    }, {
+      scale: badgeScale.value
+    }]
+  }), [badgeTranslateX, badgeRotation, badgeScale]);
+  const animatedStatsStyle = useAnimatedStyle(() => {
+    return {
+      opacity: statsOpacity.value
+    };
+  }, [statsOpacity]);
+  const statsSubtitle = (() => {
+    if (variant === AnimatedCardVariant.CORRECT_ANSWER) {
+      if (solvedAmount > 1) {
+        return textContent.stats?.correctAnswersPlural;
+      }
+      return textContent.stats?.correctAnswers;
+    } else {
+      if (gbdAmount > 1) {
+        return textContent.stats?.goodCalculationsPlural;
+      }
+      return textContent.stats?.goodCalculations;
+    }
+  })();
+  const runCelebration = () => {
+    if (variant === AnimatedCardVariant.CORRECT_ANSWER) {
+      celebrationsRef.current?.play(CelebrationVariant.CORRECT_FINISH_ASSIGNMENT);
+    } else {
+      celebrationsRef.current?.play(CelebrationVariant.GBD_FINISH_ASSIGNMENT);
+    }
+    onAnimationEnd?.();
+  };
+  useEffect(() => {
+    runOnUI(() => {
+      'worklet';
+
+      const step3 = () => {
+        badgeTranslateX.value = withSpring(BADGE_PARAMS.finalTranslateX, SPRING_CONFIG_STEP_3);
+        statsOpacity.value = withDelay(80, withSpring(OPACITY.final, SPRING_CONFIG_STEP_3));
+      };
+      const step2 = () => {
+        badgeTranslateX.value = withSpring(BADGE_PARAMS.intermediateTranslateX, SPRING_CONFIG);
+        cardWidth.value = withSpring(CARD_DIMENSIONS.finalWidth, SPRING_CONFIG);
+        badgeRotation.value = withSpring(0, SPRING_CONFIG);
+        badgeScale.value = withSpring(1, SPRING_CONFIG, () => {
+          delaySv.value = withTiming(1, {
+            duration: ANIMATION_DELAYS.step3
+          }, () => {
+            step3();
+            delaySv.value = withTiming(0, {
+              duration: 100
+            }, finished => {
+              if (finished) {
+                runOnJS(runCelebration)();
+              }
+            });
+          });
+        });
+      };
+      const step1 = () => {
+        cardOpacity.value = withDelay(delay, withSpring(OPACITY.final, SPRING_CONFIG, () => {
+          step2();
+        }));
+      };
+      step1();
+    })();
+  }, []);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: styles.cardContainer,
+    children: [variant === AnimatedCardVariant.CORRECT_ANSWER ? /*#__PURE__*/_jsx(CorrectAnswerSparks, {
+      color: COLORS.GREEN_3,
+      shouldStartAnimation: shouldTriggerSparkles
+    }) : /*#__PURE__*/_jsx(GoodDrawingSparks, {
+      color: COLORS.ORANGE_3,
+      shouldStartAnimation: shouldTriggerSparkles
+    }), /*#__PURE__*/_jsx(Celebrations, {
+      modelRef: celebrationsRef,
+      style: styles.celebrations
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.card, animatedCardStyle],
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: styles.cardContent,
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.badgeContainer, animatedBadgeStyle],
+          children: /*#__PURE__*/_jsx(EOABadge, {
+            variant: variant,
+            color: VARIANT_COLORS[variant].primary,
+            size: 88,
+            iconSize: 56
+          })
+        }), /*#__PURE__*/_jsxs(Animated.View, {
+          style: [styles.statsWrapper, animatedStatsStyle],
+          children: [variant === AnimatedCardVariant.GOOD_DRAWING && /*#__PURE__*/_jsxs(View, {
+            style: styles.starContainer,
+            children: [/*#__PURE__*/_jsx(SparkIcon, {
+              size: 20,
+              color: VARIANT_COLORS[variant].initial
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.starCircle
+            }), /*#__PURE__*/_jsx(SparkIcon, {
+              size: 12,
+              color: VARIANT_COLORS[variant].initial
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.statsValueContainer,
+            children: [/*#__PURE__*/_jsx(Typography, {
+              variant: "h1",
+              style: [styles.largeText, {
+                color: VARIANT_COLORS[variant].primary
+              }],
+              children: variant === AnimatedCardVariant.CORRECT_ANSWER ? solvedAmount : gbdAmount
+            }), variant === AnimatedCardVariant.CORRECT_ANSWER && /*#__PURE__*/_jsxs(Typography, {
+              variant: "h5",
+              style: styles.smallText,
+              children: ["/", problemsAmount]
+            })]
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "h3",
+            style: styles.cardTitle,
+            children: statsSubtitle
+          })]
+        })]
+      })
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  cardContainer: {
+    height: CARD_DIMENSIONS.finalHeight,
+    width: CARD_DIMENSIONS.finalWidth,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  card: {
+    padding: SPACING[200],
+    borderRadius: SPACING[400]
+  },
+  cardContent: {
+    flex: 1,
+    gap: SPACING[100],
+    borderRadius: BORDER_RADIUS[200],
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: COLORS.NEUTRAL_1
+  },
+  badgeContainer: {
+    borderRadius: BORDER_RADIUS[400],
+    marginRight: 50
+  },
+  statsWrapper: {
+    padding: SPACING[100],
+    gap: SPACING[100]
+  },
+  statsValueContainer: {
+    flexDirection: 'row',
+    height: IS_MOBILE ? 42 : 'auto',
+    paddingHorizontal: SPACING[100],
+    marginVertical: SPACING[100]
+  },
+  largeText: {
+    textAlign: 'center',
+    textAlignVertical: 'bottom',
+    fontSize: IS_MOBILE ? 56 : 60,
+    fontWeight: '700',
+    lineHeight: IS_MOBILE ? 54 : 46
+  },
+  smallText: {
+    fontSize: 16,
+    fontWeight: '700',
+    lineHeight: 16,
+    color: COLORS.NEUTRAL_6,
+    alignSelf: 'flex-end'
+  },
+  cardTitle: {
+    color: COLORS.NEUTRAL_7,
+    padding: SPACING[100]
+  },
+  starContainer: {
+    position: 'absolute',
+    left: 55,
+    top: 10
+  },
+  starCircle: {
+    width: 4,
+    height: 4,
+    borderRadius: 5,
+    backgroundColor: COLORS.ORANGE_2
+  },
+  celebrations: {
+    top: 0,
+    zIndex: 100000
+  }
+});
+//# sourceMappingURL=AnimatedCard.js.map

package/dist/module/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","View","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","withTiming","withDelay","interpolate","interpolateColor","runOnUI","runOnJS","SPACING","Typography","COLORS","BORDER_RADIUS","IS_MOBILE","GoodDrawingSparks","CorrectAnswerSparks","EOABadge","SparkIcon","AnimatedCardVariant","ANIMATION_DELAYS","BADGE_PARAMS","CARD_DIMENSIONS","OPACITY","SPRING_CONFIG","SPRING_CONFIG_STEP_3","VARIANT_COLORS","CelebrationVariant","Celebrations","jsx","_jsx","jsxs","_jsxs","AnimatedCard","variant","textContent","shouldTriggerSparkles","solvedAmount","problemsAmount","gbdAmount","delay","onAnimationEnd","celebrationsRef","cardOpacity","initial","cardWidth","initialWidth","badgeTranslateX","initialTranslateX","badgeRotation","initialRotation","badgeScale","initialScale","statsOpacity","delaySv","animatedCardStyle","progress","value","final","backgroundColor","height","finalWidth","initialHeight","finalHeight","opacity","width","animatedBadgeStyle","transform","translateX","rotate","scale","animatedStatsStyle","statsSubtitle","CORRECT_ANSWER","stats","correctAnswersPlural","correctAnswers","goodCalculationsPlural","goodCalculations","runCelebration","current","play","CORRECT_FINISH_ASSIGNMENT","GBD_FINISH_ASSIGNMENT","step3","finalTranslateX","step2","intermediateTranslateX","duration","finished","step1","style","styles","cardContainer","children","color","GREEN_3","shouldStartAnimation","ORANGE_3","modelRef","celebrations","card","cardContent","badgeContainer","primary","size","iconSize","statsWrapper","GOOD_DRAWING","starContainer","starCircle","statsValueContainer","largeText","smallText","cardTitle","create","justifyContent","alignItems","padding","borderRadius","flex","gap","flexDirection","NEUTRAL_1","marginRight","paddingHorizontal","marginVertical","textAlign","textAlignVertical","fontSize","fontWeight","lineHeight","NEUTRAL_6","alignSelf","NEUTRAL_7","position","left","top","ORANGE_2","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useUnit } from 'effector-react';
+import { SPACING, Typography, COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { AnimatedCard } from "./AnimatedCard.js";
+import { PracticeButtonGroup } from "../../ui/PracticeButtonGroup.js";
+import { GOOD_DRAWING_CARD_APPEARENCE_DELAY } from "../../constants.js";
+import { AnimatedCardVariant, EOAModalVariant } from "../../types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CorrectAnswer = ({
+  textContent,
+  model,
+  onPracticePress
+}) => {
+  const popUpData = useUnit(model.$popUpData);
+  const modalVariant = useUnit(model.$modalVariant);
+  const [cardsAnimationCompleted, setCardsAnimationCompleted] = useState(false);
+  const {
+    user,
+    stats,
+    hasRecommendations,
+    isExam,
+    newerAssignmentAvailable
+  } = popUpData ?? {};
+  const {
+    solvedAmount,
+    problemsAmount,
+    goodDrawingAmount
+  } = stats ?? {};
+  const isPracticeButtonVisible = !!(user?.practiceMode && !newerAssignmentAvailable && (isExam || hasRecommendations));
+  const handlePracticePress = () => {
+    onPracticePress?.();
+    model.hidePopUp();
+  };
+  const onCorrectAnswerAnimationEnd = useCallback(() => {
+    if (goodDrawingAmount === 0) {
+      setCardsAnimationCompleted(true);
+    }
+  }, []);
+  const onGBDAnimationEnd = useCallback(() => {
+    setCardsAnimationCompleted(true);
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, modalVariant !== EOAModalVariant.HAS_GOOD_DRAWING && {
+      alignItems: 'center'
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: "large",
+        style: styles.title,
+        children: textContent?.title
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h4",
+        style: styles.subtitle,
+        children: `${textContent?.subtitle} ${user?.firstName}!`
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.animationContainer,
+      children: [/*#__PURE__*/_jsx(AnimatedCard, {
+        variant: AnimatedCardVariant.CORRECT_ANSWER,
+        textContent: textContent,
+        solvedAmount: solvedAmount,
+        problemsAmount: problemsAmount,
+        shouldTriggerSparkles: cardsAnimationCompleted,
+        onAnimationEnd: onCorrectAnswerAnimationEnd
+      }), modalVariant === EOAModalVariant.HAS_GOOD_DRAWING && /*#__PURE__*/_jsx(AnimatedCard, {
+        variant: AnimatedCardVariant.GOOD_DRAWING,
+        textContent: textContent,
+        gbdAmount: goodDrawingAmount,
+        shouldTriggerSparkles: cardsAnimationCompleted,
+        onAnimationEnd: onGBDAnimationEnd,
+        delay: GOOD_DRAWING_CARD_APPEARENCE_DELAY
+      })]
+    }), /*#__PURE__*/_jsx(PracticeButtonGroup, {
+      textContent: textContent,
+      isPracticeButtonVisible: isPracticeButtonVisible,
+      isExam: isExam,
+      onLeftButtonPress: model.hidePopUpAndLeave,
+      onRightButtonPress: handlePracticePress
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    gap: SPACING[400]
+  },
+  header: {
+    gap: SPACING[100],
+    alignItems: 'center'
+  },
+  title: {
+    fontWeight: '900',
+    lineHeight: 54,
+    fontSize: 36,
+    paddingVertical: SPACING[100],
+    color: COLORS.NEUTRAL_9,
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  subtitle: {
+    color: COLORS.NEUTRAL_7,
+    paddingVertical: SPACING[100],
+    lineHeight: 25
+  },
+  animationContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    gap: SPACING[800],
+    paddingTop: SPACING[800],
+    paddingBottom: SPACING[1600]
+  },
+  buttonsContainer: {
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    paddingVertical: SPACING[300]
+  }
+});
+//# sourceMappingURL=CorrectAnswer.js.map

package/dist/module/features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","View","StyleSheet","useUnit","SPACING","Typography","COLORS","FONT_FAMILY","AnimatedCard","PracticeButtonGroup","GOOD_DRAWING_CARD_APPEARENCE_DELAY","AnimatedCardVariant","EOAModalVariant","jsx","_jsx","jsxs","_jsxs","CorrectAnswer","textContent","model","onPracticePress","popUpData","$popUpData","modalVariant","$modalVariant","cardsAnimationCompleted","setCardsAnimationCompleted","user","stats","hasRecommendations","isExam","newerAssignmentAvailable","solvedAmount","problemsAmount","goodDrawingAmount","isPracticeButtonVisible","practiceMode","handlePracticePress","hidePopUp","onCorrectAnswerAnimationEnd","onGBDAnimationEnd","style","styles","wrapper","HAS_GOOD_DRAWING","alignItems","children","header","variant","title","subtitle","firstName","animationContainer","CORRECT_ANSWER","shouldTriggerSparkles","onAnimationEnd","GOOD_DRAWING","gbdAmount","delay","onLeftButtonPress","hidePopUpAndLeave","onRightButtonPress","create","flex","gap","fontWeight","lineHeight","fontSize","paddingVertical","color","NEUTRAL_9","fontFamily","buenosAires","NEUTRAL_7","flexDirection","justifyContent","paddingTop","paddingBottom","buttonsContainer","height"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Spark } from "./Spark.js";
+import { SPARKS_ANIMATION_DELAY } from "../../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CA_SPARKS_MAP = [{
+  id: '1',
+  x: 22,
+  y: 20,
+  size: 14,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.3
+}, {
+  id: '2',
+  x: 128,
+  y: 127,
+  size: 21,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.14
+}, {
+  id: '3',
+  x: 268,
+  y: 44,
+  size: 28,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.4
+}];
+export const CorrectAnswerSparks = ({
+  color,
+  shouldStartAnimation
+}) => {
+  if (!shouldStartAnimation) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: CA_SPARKS_MAP.map(star => /*#__PURE__*/_jsx(Spark, {
+      color: color,
+      ...star
+    }, star.id))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    zIndex: 110,
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=CorrectAnswerSparks.js.map

package/dist/module/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Spark","SPARKS_ANIMATION_DELAY","jsx","_jsx","CA_SPARKS_MAP","id","x","y","size","initialDelay","CorrectAnswerSparks","color","shouldStartAnimation","style","styles","container","children","map","star","create","position","zIndex","width","height"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,sBAAsB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOxD,MAAMC,aAAa,GAAG,CACpB;EAAEC,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAI,CAAC,EAC/E;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EAClF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAI,CAAC,CACjF;AAED,OAAO,MAAMS,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,KAAK;EAC1F,IAAI,CAACA,oBAAoB,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,oBACET,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BZ,aAAa,CAACa,GAAG,CAAEC,IAAI,iBACtBf,IAAA,CAACH,KAAK;MAAeW,KAAK,EAAEA,KAAM;MAAA,GAAKO;IAAI,GAA/BA,IAAI,CAACb,EAA6B,CAC/C;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}