@magmamath/students-features 1.2.0-rc-0000 → 1.2.0

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import React, { memo } from 'react';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Spark } from "./Spark.js";
 import { SPARKS_ANIMATION_DELAY } from "../../constants.js";
@@ -24,7 +24,7 @@ const CA_SPARKS_MAP = [{
   size: 28,
   initialDelay: SPARKS_ANIMATION_DELAY * 1.4
 }];
-export const CorrectAnswerSparks = /*#__PURE__*/memo(({
+export const CorrectAnswerSparks = ({
   color,
   shouldStartAnimation
 }) => {
@@ -38,7 +38,7 @@ export const CorrectAnswerSparks = /*#__PURE__*/memo(({
       ...star
     }, star.id))
   });
-});
+};
 const styles = StyleSheet.create({
   container: {
     position: 'absolute',

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","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,IAAIC,IAAI,QAAQ,OAAO;AACnC,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,gBAAGb,IAAI,CAAC,CAAC;EAAEc,KAAK;EAAEC;AAAyC,CAAC,KAAK;EAC/F,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,CAAC;AAEF,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":[]}
+{"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":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import React, { memo } from 'react';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Spark } from "./Spark.js";
 import { SPARKS_ANIMATION_DELAY } from "../../constants.js";
@@ -36,7 +36,7 @@ const GD_SPARKS_MAP = [{
   size: 21,
   initialDelay: SPARKS_ANIMATION_DELAY * 1.36
 }];
-export const GoodDrawingSparks = /*#__PURE__*/memo(({
+export const GoodDrawingSparks = ({
   color,
   shouldStartAnimation
 }) => {
@@ -50,7 +50,7 @@ export const GoodDrawingSparks = /*#__PURE__*/memo(({
       ...star
     }, star.id))
   });
-});
+};
 const styles = StyleSheet.create({
   container: {
     position: 'absolute',

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","StyleSheet","View","Spark","SPARKS_ANIMATION_DELAY","jsx","_jsx","GD_SPARKS_MAP","id","x","y","size","initialDelay","GoodDrawingSparks","color","shouldStartAnimation","style","styles","container","children","map","star","create","position","zIndex","width","height"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,sBAAsB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,aAAa,GAAG,CACpB;EAAEC,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,KAAK;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACnF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER;AAAuB,CAAC,EAC3E;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAI,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,CACpF;AAOD,OAAO,MAAMS,iBAAiB,gBAAGb,IAAI,CAAC,CAAC;EAAEc,KAAK;EAAEC;AAA6C,CAAC,KAAK;EACjG,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,CAAC;AAEF,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":[]}
+{"version":3,"names":["React","StyleSheet","View","Spark","SPARKS_ANIMATION_DELAY","jsx","_jsx","GD_SPARKS_MAP","id","x","y","size","initialDelay","GoodDrawingSparks","color","shouldStartAnimation","style","styles","container","children","map","star","create","position","zIndex","width","height"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,sBAAsB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,aAAa,GAAG,CACpB;EAAEC,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,KAAK;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACnF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER;AAAuB,CAAC,EAC3E;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAI,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,CACpF;AAOD,OAAO,MAAMS,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6C,CAAC,KAAK;EAC5F,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":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import React, { memo } from 'react';
+import React from 'react';
 import { COLORS } from '@magmamath/react-native-ui';
 import { SparkIcon } from "../../ui/SparkIcon.js";
 import { useSparkAnimation } from "../../hooks/useSparkAnimation.js";
@@ -16,7 +16,7 @@ const SPARKS_SPRING_CONFIG = {
 };
 const HOLD_DELAY = 800;
 const ROTATION_ANGLE = 90;
-export const Spark = /*#__PURE__*/memo(({
+export const Spark = ({
   id,
   x,
   y,
@@ -25,7 +25,6 @@ export const Spark = /*#__PURE__*/memo(({
   color = COLORS.GREEN_3
 }) => {
   const {
-    staticStyle,
     animatedStyle
   } = useSparkAnimation({
     id,
@@ -38,11 +37,11 @@ export const Spark = /*#__PURE__*/memo(({
     size
   });
   return /*#__PURE__*/_jsx(Animated.View, {
-    style: [staticStyle, animatedStyle],
+    style: animatedStyle,
     children: /*#__PURE__*/_jsx(SparkIcon, {
       size: size,
       color: color
     })
   });
-});
+};
 //# sourceMappingURL=Spark.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","COLORS","SparkIcon","useSparkAnimation","Animated","jsx","_jsx","SPARKS_SPRING_CONFIG","mass","damping","stiffness","overshootClamping","restDisplacementThreshold","restSpeedThreshold","HOLD_DELAY","ROTATION_ANGLE","Spark","id","x","y","size","initialDelay","color","GREEN_3","staticStyle","animatedStyle","rotationAngle","holdDelay","springConfig","View","style","children"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,SAAS,QAAQ,uBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,OAAOC,QAAQ,MAAM,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW9C,MAAMC,oBAAoB,GAAG;EAC3BC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,GAAG;EACdC,iBAAiB,EAAE,KAAK;EACxBC,yBAAyB,EAAE,IAAI;EAC/BC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,cAAc,GAAG,EAAE;AAEzB,OAAO,MAAMC,KAAK,gBAAGhB,IAAI,CACvB,CAAC;EAAEiB,EAAE;EAAEC,CAAC;EAAEC,CAAC;EAAEC,IAAI;EAAEC,YAAY,GAAG,GAAG;EAAEC,KAAK,GAAGrB,MAAM,CAACsB;AAAoB,CAAC,KAAK;EAC9E,MAAM;IAAEC,WAAW;IAAEC;EAAc,CAAC,GAAGtB,iBAAiB,CAAC;IACvDc,EAAE;IACFI,YAAY;IACZK,aAAa,EAAEX,cAAc;IAC7BY,SAAS,EAAEb,UAAU;IACrBc,YAAY,EAAErB,oBAAoB;IAClCW,CAAC;IACDC,CAAC;IACDC;EACF,CAAC,CAAC;EAEF,oBACEd,IAAA,CAACF,QAAQ,CAACyB,IAAI;IAACC,KAAK,EAAE,CAACN,WAAW,EAAEC,aAAa,CAAE;IAAAM,QAAA,eACjDzB,IAAA,CAACJ,SAAS;MAACkB,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC1B,CAAC;AAEpB,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","COLORS","SparkIcon","useSparkAnimation","Animated","jsx","_jsx","SPARKS_SPRING_CONFIG","mass","damping","stiffness","overshootClamping","restDisplacementThreshold","restSpeedThreshold","HOLD_DELAY","ROTATION_ANGLE","Spark","id","x","y","size","initialDelay","color","GREEN_3","animatedStyle","rotationAngle","holdDelay","springConfig","View","style","children"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,SAAS,QAAQ,uBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,OAAOC,QAAQ,MAAM,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW9C,MAAMC,oBAAoB,GAAG;EAC3BC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,GAAG;EACdC,iBAAiB,EAAE,KAAK;EACxBC,yBAAyB,EAAE,IAAI;EAC/BC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,cAAc,GAAG,EAAE;AAEzB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,EAAE;EAAEC,CAAC;EAAEC,CAAC;EAAEC,IAAI;EAAEC,YAAY,GAAG,GAAG;EAAEC,KAAK,GAAGrB,MAAM,CAACsB;AAAoB,CAAC,KAAK;EACnG,MAAM;IAAEC;EAAc,CAAC,GAAGrB,iBAAiB,CAAC;IAC1Cc,EAAE;IACFI,YAAY;IACZI,aAAa,EAAEV,cAAc;IAC7BW,SAAS,EAAEZ,UAAU;IACrBa,YAAY,EAAEpB,oBAAoB;IAClCW,CAAC;IACDC,CAAC;IACDC;EACF,CAAC,CAAC;EAEF,oBACEd,IAAA,CAACF,QAAQ,CAACwB,IAAI;IAACC,KAAK,EAAEL,aAAc;IAAAM,QAAA,eAClCxB,IAAA,CAACJ,SAAS;MAACkB,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC1B,CAAC;AAEpB,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/constants.js

@@ -40,12 +40,12 @@ export const BADGE_PARAMS = {
 };
 export const SPRING_CONFIG = {
   stiffness: 241,
-  damping: 20,
+  damping: 18,
   mass: 0.75
 };
 export const SPRING_CONFIG_STEP_3 = {
   stiffness: 168.8,
-  damping: 17,
+  damping: 15,
   mass: 0.75
 };
 //# sourceMappingURL=constants.js.map

package/dist/module/features/endOfAssignment/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["COLORS","AnimatedCardVariant","EOAModalVariant","SPARKS_ANIMATION_DELAY","GOOD_DRAWING_CARD_APPEARENCE_DELAY","MODALS_WITH_BACKGROUND","HAS_CORRECT_ANSWERS","HAS_GOOD_DRAWING","EXAM_FINISHED_HAS_CORRECT_ANSWERS","VARIANT_COLORS","CORRECT_ANSWER","initial","GREEN_2","final","GREEN_4","primary","PRIMARY_GREEN","GOOD_DRAWING","ORANGE_2","ORANGE_4","PRIMARY_ORANGE","ANIMATION_DELAYS","step3","celebrations","CARD_DIMENSIONS","initialWidth","finalWidth","initialHeight","finalHeight","OPACITY","BADGE_PARAMS","initialTranslateX","intermediateTranslateX","finalTranslateX","initialRotation","initialScale","SPRING_CONFIG","stiffness","damping","mass","SPRING_CONFIG_STEP_3"],"sourceRoot":"../../../../src","sources":["features/endOfAssignment/constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,YAAS;AAE9D,OAAO,MAAMC,sBAAsB,GAAG,IAAI;AAC1C,OAAO,MAAMC,kCAAkC,GAAG,IAAI;AAEtD,OAAO,MAAMC,sBAAsB,GAAG,CACpCH,eAAe,CAACI,mBAAmB,EACnCJ,eAAe,CAACK,gBAAgB,EAChCL,eAAe,CAACM,iCAAiC,CAClD;AAED,OAAO,MAAMC,cAGZ,GAAG;EACF,CAACR,mBAAmB,CAACS,cAAc,GAAG;IACpCC,OAAO,EAAEX,MAAM,CAACY,OAAO;IACvBC,KAAK,EAAEb,MAAM,CAACc,OAAO;IACrBC,OAAO,EAAEf,MAAM,CAACgB;EAClB,CAAC;EACD,CAACf,mBAAmB,CAACgB,YAAY,GAAG;IAClCN,OAAO,EAAEX,MAAM,CAACkB,QAAQ;IACxBL,KAAK,EAAEb,MAAM,CAACmB,QAAQ;IACtBJ,OAAO,EAAEf,MAAM,CAACoB;EAClB;AACF,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,KAAK,EAAE,GAAG;EACVC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG;EAC7BC,YAAY,EAAE,EAAE;EAChBC,UAAU,EAAE,GAAG;EACfC,aAAa,EAAE,EAAE;EACjBC,WAAW,EAAE;AACf,CAAC;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBlB,OAAO,EAAE,CAAC;EACVE,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMiB,YAAY,GAAG;EAC1BC,iBAAiB,EAAE,CAAC,CAAC;EACrBC,sBAAsB,EAAE,GAAG;EAC3BC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAE,CAAC,GAAG;EACrBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAAEC,SAAS,EAAE,GAAG;EAAEC,OAAO,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAK,CAAC;AACxE,OAAO,MAAMC,oBAAoB,GAAG;EAAEH,SAAS,EAAE,KAAK;EAAEC,OAAO,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAK,CAAC","ignoreList":[]}
+{"version":3,"names":["COLORS","AnimatedCardVariant","EOAModalVariant","SPARKS_ANIMATION_DELAY","GOOD_DRAWING_CARD_APPEARENCE_DELAY","MODALS_WITH_BACKGROUND","HAS_CORRECT_ANSWERS","HAS_GOOD_DRAWING","EXAM_FINISHED_HAS_CORRECT_ANSWERS","VARIANT_COLORS","CORRECT_ANSWER","initial","GREEN_2","final","GREEN_4","primary","PRIMARY_GREEN","GOOD_DRAWING","ORANGE_2","ORANGE_4","PRIMARY_ORANGE","ANIMATION_DELAYS","step3","celebrations","CARD_DIMENSIONS","initialWidth","finalWidth","initialHeight","finalHeight","OPACITY","BADGE_PARAMS","initialTranslateX","intermediateTranslateX","finalTranslateX","initialRotation","initialScale","SPRING_CONFIG","stiffness","damping","mass","SPRING_CONFIG_STEP_3"],"sourceRoot":"../../../../src","sources":["features/endOfAssignment/constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,YAAS;AAE9D,OAAO,MAAMC,sBAAsB,GAAG,IAAI;AAC1C,OAAO,MAAMC,kCAAkC,GAAG,IAAI;AAEtD,OAAO,MAAMC,sBAAsB,GAAG,CACpCH,eAAe,CAACI,mBAAmB,EACnCJ,eAAe,CAACK,gBAAgB,EAChCL,eAAe,CAACM,iCAAiC,CAClD;AAED,OAAO,MAAMC,cAAgG,GAAG;EAC9G,CAACR,mBAAmB,CAACS,cAAc,GAAG;IACpCC,OAAO,EAAEX,MAAM,CAACY,OAAO;IACvBC,KAAK,EAAEb,MAAM,CAACc,OAAO;IACrBC,OAAO,EAAEf,MAAM,CAACgB;EAClB,CAAC;EACD,CAACf,mBAAmB,CAACgB,YAAY,GAAG;IAClCN,OAAO,EAAEX,MAAM,CAACkB,QAAQ;IACxBL,KAAK,EAAEb,MAAM,CAACmB,QAAQ;IACtBJ,OAAO,EAAEf,MAAM,CAACoB;EAClB;AACF,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,KAAK,EAAE,GAAG;EACVC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,eAAe,GAAG;EAC7BC,YAAY,EAAE,EAAE;EAChBC,UAAU,EAAE,GAAG;EACfC,aAAa,EAAE,EAAE;EACjBC,WAAW,EAAE;AACf,CAAC;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBlB,OAAO,EAAE,CAAC;EACVE,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMiB,YAAY,GAAG;EAC1BC,iBAAiB,EAAE,CAAC,CAAC;EACrBC,sBAAsB,EAAE,GAAG;EAC3BC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAE,CAAC,GAAG;EACrBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAAEC,SAAS,EAAE,GAAG;EAAEC,OAAO,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAK,CAAC;AACxE,OAAO,MAAMC,oBAAoB,GAAG;EAAEH,SAAS,EAAE,KAAK;EAAEC,OAAO,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAK,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/hooks/useSparkAnimation.js

@@ -1,9 +1,7 @@
 "use strict";
 
-import { useEffect, useMemo } from 'react';
-import { useSharedValue, withDelay, withRepeat, withSequence, withSpring, useAnimatedStyle, cancelAnimation } from 'react-native-reanimated';
-const FADE_OUT_THRESHOLD = 1;
-const CYCLE_RESET_THRESHOLD = 0.1;
+import { useEffect } from 'react';
+import { useSharedValue, withDelay, withRepeat, withSequence, withSpring, useAnimatedReaction, useAnimatedStyle, interpolate } from 'react-native-reanimated';
 export const useSparkAnimation = ({
   id,
   initialDelay,
@@ -15,43 +13,33 @@ export const useSparkAnimation = ({
   size
 }) => {
   const progress = useSharedValue(0);
-  const prevProgress = useSharedValue(0);
-  const isFadingOut = useSharedValue(false);
-  const signedAngle = (id === '2' ? -1 : 1) * rotationAngle;
-  const staticStyle = useMemo(() => ({
-    position: 'absolute',
-    top: y,
-    left: x,
-    width: size,
-    height: size,
-    zIndex: 10
-  }), [x, y, size]);
-  const animatedStyle = useAnimatedStyle(() => {
-    const p = progress.value;
-    const passedPeak = prevProgress.value >= FADE_OUT_THRESHOLD && p < FADE_OUT_THRESHOLD;
-    const newCycleStarted = p < CYCLE_RESET_THRESHOLD;
-    if (passedPeak) {
-      isFadingOut.value = true;
-    } else if (newCycleStarted) {
-      isFadingOut.value = false;
+  const rotation = useSharedValue(0);
+  useAnimatedReaction(() => progress.value, (current, previous) => {
+    if (typeof previous === 'number' && current < previous * 0.95) {
+      rotation.value = id === '2' ? -rotationAngle : rotationAngle;
+    } else {
+      rotation.value = current * (id === '2' ? -rotationAngle : rotationAngle);
     }
-    prevProgress.value = p;
-
-    // When fading out, lock rotation at full angle so the star doesn't spin back
-    const rotation = isFadingOut.value ? signedAngle : p * signedAngle;
-    return {
-      opacity: p,
-      transform: [{
-        rotate: `${rotation}deg`
-      }]
-    };
-  }, [progress]);
+  }, [rotation, progress]);
   useEffect(() => {
     progress.value = withDelay(initialDelay, withRepeat(withSequence(withSpring(1, springConfig), withDelay(holdDelay, withSpring(0, springConfig))), -1));
-    return () => cancelAnimation(progress);
   }, []);
+  const animatedStyle = useAnimatedStyle(() => {
+    const opacity = interpolate(progress.value, [0, 1], [0, 1]);
+    return {
+      position: 'absolute',
+      top: y,
+      left: x,
+      width: size,
+      height: size,
+      opacity,
+      transform: [{
+        rotate: `${rotation.value}deg`
+      }],
+      zIndex: 10
+    };
+  }, [progress, rotation]);
   return {
-    staticStyle,
     animatedStyle
   };
 };

package/dist/module/features/endOfAssignment/hooks/useSparkAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useSharedValue","withDelay","withRepeat","withSequence","withSpring","useAnimatedStyle","cancelAnimation","FADE_OUT_THRESHOLD","CYCLE_RESET_THRESHOLD","useSparkAnimation","id","initialDelay","rotationAngle","holdDelay","springConfig","x","y","size","progress","prevProgress","isFadingOut","signedAngle","staticStyle","position","top","left","width","height","zIndex","animatedStyle","p","value","passedPeak","newCycleStarted","rotation","opacity","transform","rotate"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/hooks/useSparkAnimation.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,SACEC,cAAc,EACdC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAchC,MAAMC,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,EAAE;EACFC,YAAY;EACZC,aAAa;EACbC,SAAS;EACTC,YAAY;EACZC,CAAC;EACDC,CAAC;EACDC;AACsB,CAAC,KAAK;EAC5B,MAAMC,QAAQ,GAAGlB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMmB,YAAY,GAAGnB,cAAc,CAAC,CAAC,CAAC;EACtC,MAAMoB,WAAW,GAAGpB,cAAc,CAAC,KAAK,CAAC;EAEzC,MAAMqB,WAAW,GAAG,CAACX,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAIE,aAAa;EAEzD,MAAMU,WAAW,GAAGvB,OAAO,CACzB,OAAO;IACLwB,QAAQ,EAAE,UAAmB;IAC7BC,GAAG,EAAER,CAAC;IACNS,IAAI,EAAEV,CAAC;IACPW,KAAK,EAAET,IAAI;IACXU,MAAM,EAAEV,IAAI;IACZW,MAAM,EAAE;EACV,CAAC,CAAC,EACF,CAACb,CAAC,EAAEC,CAAC,EAAEC,IAAI,CACb,CAAC;EAED,MAAMY,aAAa,GAAGxB,gBAAgB,CAAC,MAAM;IAC3C,MAAMyB,CAAC,GAAGZ,QAAQ,CAACa,KAAK;IACxB,MAAMC,UAAU,GAAGb,YAAY,CAACY,KAAK,IAAIxB,kBAAkB,IAAIuB,CAAC,GAAGvB,kBAAkB;IACrF,MAAM0B,eAAe,GAAGH,CAAC,GAAGtB,qBAAqB;IAEjD,IAAIwB,UAAU,EAAE;MACdZ,WAAW,CAACW,KAAK,GAAG,IAAI;IAC1B,CAAC,MAAM,IAAIE,eAAe,EAAE;MAC1Bb,WAAW,CAACW,KAAK,GAAG,KAAK;IAC3B;IACAZ,YAAY,CAACY,KAAK,GAAGD,CAAC;;IAEtB;IACA,MAAMI,QAAQ,GAAGd,WAAW,CAACW,KAAK,GAAGV,WAAW,GAAGS,CAAC,GAAGT,WAAW;IAElE,OAAO;MACLc,OAAO,EAAEL,CAAC;MACVM,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAGH,QAAQ;MAAM,CAAC;IAC1C,CAAC;EACH,CAAC,EAAE,CAAChB,QAAQ,CAAC,CAAC;EAEdpB,SAAS,CAAC,MAAM;IACdoB,QAAQ,CAACa,KAAK,GAAG9B,SAAS,CACxBU,YAAY,EACZT,UAAU,CACRC,YAAY,CACVC,UAAU,CAAC,CAAC,EAAEU,YAAY,CAAC,EAC3Bb,SAAS,CAACY,SAAS,EAAET,UAAU,CAAC,CAAC,EAAEU,YAAY,CAAC,CAClD,CAAC,EACD,CAAC,CACH,CACF,CAAC;IAED,OAAO,MAAMR,eAAe,CAACY,QAAQ,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,WAAW;IAAEO;EAAc,CAAC;AACvC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useSharedValue","withDelay","withRepeat","withSequence","withSpring","useAnimatedReaction","useAnimatedStyle","interpolate","useSparkAnimation","id","initialDelay","rotationAngle","holdDelay","springConfig","x","y","size","progress","rotation","value","current","previous","animatedStyle","opacity","position","top","left","width","height","transform","rotate","zIndex"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/hooks/useSparkAnimation.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SACEC,cAAc,EACdC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,mBAAmB,EACnBC,gBAAgB,EAChBC,WAAW,QACN,yBAAyB;AAchC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,EAAE;EACFC,YAAY;EACZC,aAAa;EACbC,SAAS;EACTC,YAAY;EACZC,CAAC;EACDC,CAAC;EACDC;AACsB,CAAC,KAAK;EAC5B,MAAMC,QAAQ,GAAGjB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMkB,QAAQ,GAAGlB,cAAc,CAAC,CAAC,CAAC;EAElCK,mBAAmB,CACjB,MAAMY,QAAQ,CAACE,KAAK,EACpB,CAACC,OAAO,EAAEC,QAAQ,KAAK;IACrB,IAAI,OAAOA,QAAQ,KAAK,QAAQ,IAAID,OAAO,GAAGC,QAAQ,GAAG,IAAI,EAAE;MAC7DH,QAAQ,CAACC,KAAK,GAAGV,EAAE,KAAK,GAAG,GAAG,CAACE,aAAa,GAAGA,aAAa;IAC9D,CAAC,MAAM;MACLO,QAAQ,CAACC,KAAK,GAAGC,OAAO,IAAIX,EAAE,KAAK,GAAG,GAAG,CAACE,aAAa,GAAGA,aAAa,CAAC;IAC1E;EACF,CAAC,EACD,CAACO,QAAQ,EAAED,QAAQ,CACrB,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACdkB,QAAQ,CAACE,KAAK,GAAGlB,SAAS,CACxBS,YAAY,EACZR,UAAU,CACRC,YAAY,CACVC,UAAU,CAAC,CAAC,EAAES,YAAY,CAAC,EAC3BZ,SAAS,CAACW,SAAS,EAAER,UAAU,CAAC,CAAC,EAAES,YAAY,CAAC,CAClD,CAAC,EACD,CAAC,CACH,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMiB,OAAO,GAAGhB,WAAW,CAACU,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,OAAO;MACLK,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAEV,CAAC;MACNW,IAAI,EAAEZ,CAAC;MACPa,KAAK,EAAEX,IAAI;MACXY,MAAM,EAAEZ,IAAI;MACZO,OAAO;MACPM,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAGZ,QAAQ,CAACC,KAAK;MAAM,CAAC,CAAC;MAC/CY,MAAM,EAAE;IACV,CAAC;EACH,CAAC,EAAE,CAACd,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,OAAO;IAAEI;EAAc,CAAC;AAC1B,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAoBtD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAa/D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,WAAW,EAAE,YAAY,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,YAAY,+IAUpB,iBAAiB,uBAwKrB,CAAA"}
+{"version":3,"file":"AnimatedCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAqBtD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAa/D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,WAAW,EAAE,YAAY,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,YAAY,+IAUpB,iBAAiB,uBA4KrB,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.d.ts

@@ -3,6 +3,6 @@ type CorrectAnswerProps = {
     shouldStartAnimation: boolean;
     color: string;
 };
-export declare const CorrectAnswerSparks: React.MemoExoticComponent<({ color, shouldStartAnimation }: CorrectAnswerProps) => React.JSX.Element | null>;
+export declare const CorrectAnswerSparks: ({ color, shouldStartAnimation }: CorrectAnswerProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=CorrectAnswerSparks.d.ts.map

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorrectAnswerSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,kBAAkB,GAAG;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAQD,eAAO,MAAM,mBAAmB,8DAA0C,kBAAkB,8BAY1F,CAAA"}
+{"version":3,"file":"CorrectAnswerSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,kBAAkB,GAAG;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAQD,eAAO,MAAM,mBAAmB,oCAAqC,kBAAkB,6BAYtF,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.d.ts

@@ -3,6 +3,6 @@ type GoodDrawingSparksProps = {
     shouldStartAnimation: boolean;
     color: string;
 };
-export declare const GoodDrawingSparks: React.MemoExoticComponent<({ color, shouldStartAnimation }: GoodDrawingSparksProps) => React.JSX.Element | null>;
+export declare const GoodDrawingSparks: ({ color, shouldStartAnimation }: GoodDrawingSparksProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=GoodDrawingSparks.d.ts.map

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoodDrawingSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAanC,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,iBAAiB,8DAA0C,sBAAsB,8BAY5F,CAAA"}
+{"version":3,"file":"GoodDrawingSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAAqC,sBAAsB,6BAYxF,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/Spark.d.ts

@@ -7,6 +7,6 @@ type SparkProps = {
     color: string;
     initialDelay: number;
 };
-export declare const Spark: React.MemoExoticComponent<({ id, x, y, size, initialDelay, color }: SparkProps) => React.JSX.Element>;
+export declare const Spark: ({ id, x, y, size, initialDelay, color }: SparkProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Spark.d.ts.map

package/dist/typescript/commonjs/features/endOfAssignment/components/CorrectAnswer/Spark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,KAAK,sEACiD,UAAU,uBAkB5E,CAAA"}
+{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,KAAK,4CAAoE,UAAU,sBAiB/F,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAC1C,eAAO,MAAM,kCAAkC,OAAO,CAAA;AAEtD,eAAO,MAAM,sBAAsB,mBAIlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,mBAAmB,EACnB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAYpD,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAA8C,CAAA;AACxE,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAC1C,eAAO,MAAM,kCAAkC,OAAO,CAAA;AAEtD,eAAO,MAAM,sBAAsB,mBAIlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,mBAAmB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAW3G,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAA8C,CAAA;AACxE,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/hooks/useSparkAnimation.d.ts

@@ -10,19 +10,17 @@ type UseSparkAnimationProps = {
     size: number;
 };
 export declare const useSparkAnimation: ({ id, initialDelay, rotationAngle, holdDelay, springConfig, x, y, size, }: UseSparkAnimationProps) => {
-    staticStyle: {
+    animatedStyle: {
         position: "absolute";
         top: number;
         left: number;
         width: number;
         height: number;
-        zIndex: number;
-    };
-    animatedStyle: {
         opacity: number;
         transform: {
             rotate: string;
         }[];
+        zIndex: number;
     };
 };
 export {};

package/dist/typescript/commonjs/features/endOfAssignment/hooks/useSparkAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSparkAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/hooks/useSparkAnimation.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAE3F,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,YAAY,CAAA;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,eAAO,MAAM,iBAAiB,8EAS3B,sBAAsB;;;;;;;;;;;;;;;CAwDxB,CAAA"}
+{"version":3,"file":"useSparkAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/hooks/useSparkAnimation.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAE3F,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,YAAY,CAAA;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,iBAAiB,8EAS3B,sBAAsB;;;;;;;;;;;;;CA4CxB,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAoBtD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAa/D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,WAAW,EAAE,YAAY,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,YAAY,+IAUpB,iBAAiB,uBAwKrB,CAAA"}
+{"version":3,"file":"AnimatedCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAqBtD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAa/D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,WAAW,EAAE,YAAY,CAAA;IACzB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,YAAY,+IAUpB,iBAAiB,uBA4KrB,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.d.ts

@@ -3,6 +3,6 @@ type CorrectAnswerProps = {
     shouldStartAnimation: boolean;
     color: string;
 };
-export declare const CorrectAnswerSparks: React.MemoExoticComponent<({ color, shouldStartAnimation }: CorrectAnswerProps) => React.JSX.Element | null>;
+export declare const CorrectAnswerSparks: ({ color, shouldStartAnimation }: CorrectAnswerProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=CorrectAnswerSparks.d.ts.map

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorrectAnswerSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,kBAAkB,GAAG;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAQD,eAAO,MAAM,mBAAmB,8DAA0C,kBAAkB,8BAY1F,CAAA"}
+{"version":3,"file":"CorrectAnswerSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,kBAAkB,GAAG;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAQD,eAAO,MAAM,mBAAmB,oCAAqC,kBAAkB,6BAYtF,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.d.ts

@@ -3,6 +3,6 @@ type GoodDrawingSparksProps = {
     shouldStartAnimation: boolean;
     color: string;
 };
-export declare const GoodDrawingSparks: React.MemoExoticComponent<({ color, shouldStartAnimation }: GoodDrawingSparksProps) => React.JSX.Element | null>;
+export declare const GoodDrawingSparks: ({ color, shouldStartAnimation }: GoodDrawingSparksProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=GoodDrawingSparks.d.ts.map

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoodDrawingSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAanC,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,iBAAiB,8DAA0C,sBAAsB,8BAY5F,CAAA"}
+{"version":3,"file":"GoodDrawingSparks.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAAqC,sBAAsB,6BAYxF,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/Spark.d.ts

@@ -7,6 +7,6 @@ type SparkProps = {
     color: string;
     initialDelay: number;
 };
-export declare const Spark: React.MemoExoticComponent<({ id, x, y, size, initialDelay, color }: SparkProps) => React.JSX.Element>;
+export declare const Spark: ({ id, x, y, size, initialDelay, color }: SparkProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Spark.d.ts.map

package/dist/typescript/module/features/endOfAssignment/components/CorrectAnswer/Spark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAMnC,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,KAAK,sEACiD,UAAU,uBAkB5E,CAAA"}
+{"version":3,"file":"Spark.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,KAAK,4CAAoE,UAAU,sBAiB/F,CAAA"}

package/dist/typescript/module/features/endOfAssignment/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAC1C,eAAO,MAAM,kCAAkC,OAAO,CAAA;AAEtD,eAAO,MAAM,sBAAsB,mBAIlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,mBAAmB,EACnB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAYpD,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAA8C,CAAA;AACxE,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAC1C,eAAO,MAAM,kCAAkC,OAAO,CAAA;AAEtD,eAAO,MAAM,sBAAsB,mBAIlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,mBAAmB,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAW3G,CAAA;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;;CAA8C,CAAA;AACxE,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAA"}

package/dist/typescript/module/features/endOfAssignment/hooks/useSparkAnimation.d.ts

@@ -10,19 +10,17 @@ type UseSparkAnimationProps = {
     size: number;
 };
 export declare const useSparkAnimation: ({ id, initialDelay, rotationAngle, holdDelay, springConfig, x, y, size, }: UseSparkAnimationProps) => {
-    staticStyle: {
+    animatedStyle: {
         position: "absolute";
         top: number;
         left: number;
         width: number;
         height: number;
-        zIndex: number;
-    };
-    animatedStyle: {
         opacity: number;
         transform: {
             rotate: string;
         }[];
+        zIndex: number;
     };
 };
 export {};

package/dist/typescript/module/features/endOfAssignment/hooks/useSparkAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSparkAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/hooks/useSparkAnimation.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAE3F,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,YAAY,CAAA;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,eAAO,MAAM,iBAAiB,8EAS3B,sBAAsB;;;;;;;;;;;;;;;CAwDxB,CAAA"}
+{"version":3,"file":"useSparkAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/hooks/useSparkAnimation.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAE3F,KAAK,sBAAsB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,YAAY,CAAA;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,iBAAiB,8EAS3B,sBAAsB;;;;;;;;;;;;;CA4CxB,CAAA"}

package/package.json

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

package/src/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.tsx

@@ -8,6 +8,7 @@ import Animated, {
   withTiming,
   withDelay,
   interpolate,
+  interpolateColor,
   runOnUI,
   runOnJS,
 } from 'react-native-reanimated'
@@ -66,6 +67,16 @@ export const AnimatedCard = memo(
     const starOffsetLeft = gbdAmount > 9 ? 70 : 55
 
     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],
@@ -75,16 +86,9 @@ export const AnimatedCard = memo(
         opacity: cardOpacity.value,
         width: cardWidth.value,
         height,
-        backgroundColor: VARIANT_COLORS[variant].initial,
+        backgroundColor,
       }
-    }, [variant, cardOpacity, cardWidth])
-
-    const animatedStatsStyle = useAnimatedStyle(
-      () => ({
-        opacity: statsOpacity.value,
-      }),
-      [statsOpacity],
-    )
+    }, [statsOpacity, cardOpacity, cardWidth])
 
     const animatedBadgeStyle = useAnimatedStyle(
       () => ({
@@ -97,16 +101,24 @@ export const AnimatedCard = memo(
       [badgeTranslateX, badgeRotation, badgeScale],
     )
 
+    const animatedStatsStyle = useAnimatedStyle(() => {
+      return {
+        opacity: statsOpacity.value,
+      }
+    }, [statsOpacity])
+
     const statsSubtitle = (() => {
       if (variant === AnimatedCardVariant.CORRECT_ANSWER) {
-        return solvedAmount > 1
-          ? textContent.stats?.correctAnswersPlural
-          : textContent.stats?.correctAnswers
+        if (solvedAmount > 1) {
+          return textContent.stats?.correctAnswersPlural
+        }
+        return textContent.stats?.correctAnswers
+      } else {
+        if (gbdAmount > 1) {
+          return textContent.stats?.goodCalculationsPlural
+        }
+        return textContent.stats?.goodCalculations
       }
-
-      return gbdAmount > 1
-        ? textContent.stats?.goodCalculationsPlural
-        : textContent.stats?.goodCalculations
     })()
 
     const runCelebration = () => {
@@ -170,13 +182,6 @@ export const AnimatedCard = memo(
         <Celebrations modelRef={celebrationsRef} style={styles.celebrations} />
 
         <Animated.View style={[styles.card, animatedCardStyle]}>
-          <Animated.View
-            style={[
-              styles.colorOverlay,
-              { backgroundColor: VARIANT_COLORS[variant].final },
-              animatedStatsStyle,
-            ]}
-          />
           <Animated.View style={styles.cardContent}>
             <Animated.View style={[styles.badgeContainer, animatedBadgeStyle]}>
               <EOABadge
@@ -232,10 +237,6 @@ const styles = StyleSheet.create({
   card: {
     padding: SPACING[200],
     borderRadius: SPACING[400],
-    overflow: 'hidden',
-  },
-  colorOverlay: {
-    ...StyleSheet.absoluteFillObject,
   },
   cardContent: {
     flex: 1,

package/src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswerSparks.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react'
+import React from 'react'
 import { StyleSheet, View } from 'react-native'
 
 import { Spark } from './Spark'
@@ -15,7 +15,7 @@ const CA_SPARKS_MAP = [
   { id: '3', x: 268, y: 44, size: 28, initialDelay: SPARKS_ANIMATION_DELAY * 1.4 },
 ]
 
-export const CorrectAnswerSparks = memo(({ color, shouldStartAnimation }: CorrectAnswerProps) => {
+export const CorrectAnswerSparks = ({ color, shouldStartAnimation }: CorrectAnswerProps) => {
   if (!shouldStartAnimation) {
     return null
   }
@@ -27,7 +27,7 @@ export const CorrectAnswerSparks = memo(({ color, shouldStartAnimation }: Correc
       ))}
     </View>
   )
-})
+}
 
 const styles = StyleSheet.create({
   container: {

package/src/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from 'react'
+import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { Spark } from './Spark'
 import { SPARKS_ANIMATION_DELAY } from '../../constants'
@@ -16,7 +16,7 @@ type GoodDrawingSparksProps = {
   color: string
 }
 
-export const GoodDrawingSparks = memo(({ color, shouldStartAnimation }: GoodDrawingSparksProps) => {
+export const GoodDrawingSparks = ({ color, shouldStartAnimation }: GoodDrawingSparksProps) => {
   if (!shouldStartAnimation) {
     return null
   }
@@ -28,7 +28,7 @@ export const GoodDrawingSparks = memo(({ color, shouldStartAnimation }: GoodDraw
       ))}
     </View>
   )
-})
+}
 
 const styles = StyleSheet.create({
   container: {