@magmamath/students-features 0.5.4-rc.1 → 0.5.4

package/dist/typescript/module/features/endOfAssignment/types.d.ts

@@ -1,4 +1,4 @@
-import { EOAModel } from "./model/model";
+import { EOAModel } from './model/model';
 export declare enum EOAEventType {
     SUBMIT = "SUBMIT",
     EXAM_LEAVE = "EXAM_LEAVE",
@@ -42,6 +42,7 @@ export type EOAModalData = {
     user: {
         firstName: string;
         practiceMode: boolean;
+        practiceButtonVisible: boolean;
     };
 };
 export type EOAModalText = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;CAClC;AAED,oBAAY,eAAe;IACzB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;IAErC,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAE3B,qBAAqB,0BAA0B;IAC/C,oBAAoB,yBAAyB;IAC7C,6BAA6B,kCAAkC;IAE/D,iCAAiC,sCAAsC;IACvE,gCAAgC,qCAAqC;CACtE;AAED,oBAAY,mBAAmB;IAC7B,YAAY,gBAAgB;IAC5B,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,YAAY,CAAA;IACzB,KAAK,EAAE,QAAQ,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;QACzB,cAAc,EAAE,MAAM,CAAA;KACvB,CAAA;IACD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,OAAO,CAAA;KAAE,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;KAChC,CAAA;CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;CAClC;AAED,oBAAY,eAAe;IACzB,kBAAkB,uBAAuB;IACzC,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;IAErC,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAE3B,qBAAqB,0BAA0B;IAC/C,oBAAoB,yBAAyB;IAC7C,6BAA6B,kCAAkC;IAE/D,iCAAiC,sCAAsC;IACvE,gCAAgC,qCAAqC;CACtE;AAED,oBAAY,mBAAmB;IAC7B,YAAY,gBAAgB;IAC5B,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,YAAY,CAAA;IACzB,KAAK,EAAE,QAAQ,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;QACzB,cAAc,EAAE,MAAM,CAAA;KACvB,CAAA;IACD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,OAAO,CAAA;KAAE,CAAA;CACnF,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;KAChC,CAAA;CACF,CAAA"}

package/dist/typescript/module/features/endOfAssignment/ui/SparkIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { IconProps } from '../../../shared/icons/icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 export declare const SparkIcon: ({ size, color }: IconProps) => React.JSX.Element;
 //# sourceMappingURL=SparkIcon.d.ts.map

package/dist/typescript/module/features/endOfAssignment/ui/SparkIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SparkIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/SparkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAE5D,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}
+{"version":3,"file":"SparkIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/SparkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGtD,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}

package/dist/typescript/module/index.d.ts

@@ -4,5 +4,4 @@ export * from './features/chatbot';
 export * from './features/feedback';
 export * from './features/celebrations';
 export * from './features/endOfAssignment';
-export * from './features/formulaSheet';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA"}

package/dist/typescript/module/shared/icons/Halloween.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from './icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 declare function Halloween({ size, color }: IconProps): React.JSX.Element;
 export default Halloween;
 //# sourceMappingURL=Halloween.d.ts.map

package/dist/typescript/module/shared/icons/Halloween.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Halloween.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Halloween.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAyBpE;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Halloween.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Halloween.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE9D,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAyBpE;AAED,eAAe,SAAS,CAAA"}

package/dist/typescript/module/shared/icons/HighlighterIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlighterIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/HighlighterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,KAAK,EAAE,EAAE,SAAS,qBAexF"}
+{"version":3,"file":"HighlighterIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/HighlighterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,KAAK,EAAE,EAAE,SAAS,qBAexF"}

package/dist/typescript/module/shared/icons/Pi.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from './icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 declare function Pi({ size, color }: IconProps): React.JSX.Element;
 export default Pi;
 //# sourceMappingURL=Pi.d.ts.map

package/dist/typescript/module/shared/icons/Pi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pi.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Pi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,EAAE,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAS7D;AAED,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Pi.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Pi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE9D,iBAAS,EAAE,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAS7D;AAED,eAAe,EAAE,CAAA"}

package/dist/typescript/module/shared/icons/Star.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from './icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 declare function Star({ size, color }: IconProps): React.JSX.Element;
 export default Star;
 //# sourceMappingURL=Star.d.ts.map

package/dist/typescript/module/shared/icons/Star.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Star.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Star.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAS/D;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Star.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Star.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE9D,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAS/D;AAED,eAAe,IAAI,CAAA"}

package/dist/typescript/module/shared/icons/Valentine.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from './icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 declare function Valentine({ size, color }: IconProps): React.JSX.Element;
 export default Valentine;
 //# sourceMappingURL=Valentine.d.ts.map

package/dist/typescript/module/shared/icons/Valentine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Valentine.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Valentine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBASpE;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Valentine.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Valentine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE9D,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBASpE;AAED,eAAe,SAAS,CAAA"}

package/dist/typescript/module/shared/icons/Winter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from './icon.types';
+import { IconProps } from '@magmamath/react-native-ui';
 declare function Winter({ size, color }: IconProps): React.JSX.Element;
 export default Winter;
 //# sourceMappingURL=Winter.d.ts.map

package/dist/typescript/module/shared/icons/Winter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Winter.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Winter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,MAAM,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAWjE;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Winter.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/Winter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE9D,iBAAS,MAAM,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAWjE;AAED,eAAe,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.5.4-rc.1",
+  "version": "0.5.4",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -29,7 +29,7 @@
     "react-native-svg": "^15.10.0"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.4.12",
+    "@magmamath/react-native-ui": "0.4.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

package/src/features/celebrations/components/Spark.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import { View } from 'react-native'
-import { IconProps } from '../../../shared/icons/icon.types'
+import { IconProps } from '@magmamath/react-native-ui';
+import React from 'react';
+import { View } from 'react-native';
 
 export const Spark = ({ size = 10, color }: IconProps) => (
   <View
@@ -11,4 +11,4 @@ export const Spark = ({ size = 10, color }: IconProps) => (
       borderRadius: size / 2,
     }}
   />
-)
+);

package/src/features/celebrations/helpers.ts

@@ -1,38 +1,39 @@
-import { ParticlesBatch } from './components/ParticleBatch'
-import { Spark } from './components/Spark'
-import { CELEBRATION_ICON_CONFIG, CELEBRATION_VARIANTS } from './config'
-import { CelebrationVariant } from './types'
+import { ParticlesBatch } from './components/ParticleBatch';
+import { Spark } from './components/Spark';
+import { CELEBRATION_ICON_CONFIG, CELEBRATION_VARIANTS } from './config';
+import { CelebrationVariant } from './types';
 
-export const randomRange = (min: number, max: number) => Math.random() * (max - min) + min
+export const randomRange = (min: number, max: number) => Math.random() * (max - min) + min;
 
 const isDateInRange = (currentDate: Date, startDateStr: string, endDateStr: string) => {
-  const [startDay, startMonth] = startDateStr.split('-').map(Number)
-  const [endDay, endMonth] = endDateStr.split('-').map(Number)
+  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)
+  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
-}
+  return currentDate >= startDate && currentDate <= endDate;
+};
 
 export const getIconForCurrentDate = () => {
-  const currentDate = new Date()
+  const currentDate = new Date();
 
   for (const celebration of CELEBRATION_ICON_CONFIG) {
     if (celebration.activePeriod) {
-      const { start, end } = celebration.activePeriod
+      const { start, end } = celebration.activePeriod;
       if (isDateInRange(currentDate, start, end)) {
-        return celebration.Icon
+        return celebration.Icon;
       }
     }
   }
 
-  return CELEBRATION_ICON_CONFIG[0].Icon
-}
+  return CELEBRATION_ICON_CONFIG[0].Icon;
+};
 
-const MainIcon = getIconForCurrentDate()
-export const generateParticle = (variant: CelebrationVariant) => {
+const MainIcon = getIconForCurrentDate();
+export const generateParticle = (variant: CelebrationVariant
+) => {
   const {
     elementsCount,
     angle,
@@ -43,20 +44,20 @@ export const generateParticle = (variant: CelebrationVariant) => {
     friction,
     life,
     angularAcceleration,
-    speedRange,
-  } = CELEBRATION_VARIANTS[variant]
+    speedRange
+  } = CELEBRATION_VARIANTS[variant];
 
   const sparkSpeedMin = speedRange?.spark?.[0]
   const sparkSpeedMax = speedRange?.spark?.[1]
   const mainSpeedMin = speedRange?.main?.[0]
   const mainSpeedMax = speedRange?.main?.[1]
 
-  const particles: ParticlesBatch[] = []
+  const particles: ParticlesBatch[] = [];
 
   for (let i = 0; i < elementsCount.spark; i++) {
-    const randomAngle = randomRange((angle.from * Math.PI) / 180, (angle.to * Math.PI) / 180)
-    const randomSpeed = randomRange(sparkSpeedMin, sparkSpeedMax)
-    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to)
+    const randomAngle = randomRange((angle.from * Math.PI) / 180, (angle.to * Math.PI) / 180);
+    const randomSpeed = randomRange(sparkSpeedMin, sparkSpeedMax);
+    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to);
 
     particles.push({
       id: Math.random(),
@@ -71,14 +72,14 @@ export const generateParticle = (variant: CelebrationVariant) => {
       rotationSpeed: 0,
       angularAcceleration: randomAngularAcceleration,
       friction,
-      Component: Spark as any,
+      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(mainSpeedMin, mainSpeedMax)
-    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to)
+    const randomAngle = randomRange((angle.from * Math.PI) / 180, (angle.to * Math.PI) / 180);
+    const randomSpeed = randomRange(mainSpeedMin, mainSpeedMax);
+    const randomAngularAcceleration = randomRange(angularAcceleration.from, angularAcceleration.to);
 
     particles.push({
       id: Math.random(),
@@ -93,10 +94,10 @@ export const generateParticle = (variant: CelebrationVariant) => {
       rotationSpeed: randomRange(-2, 2),
       angularAcceleration: randomAngularAcceleration,
       friction,
-      Component: MainIcon as any,
+      Component: MainIcon,
       life,
-    })
+    });
   }
 
-  return particles
-}
+  return particles;
+};

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

@@ -27,6 +27,7 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
 
   const isPracticeButtonVisible = !!(
     user?.practiceMode &&
+    user.practiceButtonVisible &&
     !newerAssignmentAvailable &&
     (isExam || hasRecommendations)
   )

package/src/features/endOfAssignment/components/EOAModal.tsx

@@ -34,6 +34,12 @@ type EOAModalProps = {
   onPracticePress: () => void
 }
 
+/**
+ * EOAModal — End Of Assignment modal component.
+ *
+ * Dynamically renders a modal UI after an assignment ends, using the current `modalVariant`
+ * to determine which specific view to display (e.g., `NoAnswer`, `CorrectAnswer`, `CheatDetected`).
+ */
 export const EOAModal = ({ model, textContent, onPracticePress }: EOAModalProps) => {
   const popUpData = useUnit(model.$popUpData)
   const modalVariant = useUnit(model.$modalVariant)

package/src/features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx

@@ -22,10 +22,10 @@ import { KeyboardKeys } from '../../../../lib/constants'
 export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
 
-  const problemsAmount = popUpData?.stats?.problemsAmount ?? 0
-  const practiceModeEnabled = popUpData?.user.practiceMode
-
-  const isPracticeButtonVisible = !!practiceModeEnabled && !popUpData?.newerAssignmentAvailable
+  const isPracticeButtonVisible =
+    !!popUpData?.user?.practiceMode &&
+    popUpData.user.practiceButtonVisible &&
+    !popUpData.newerAssignmentAvailable
 
   const handlePracticePress = () => {
     onPracticePress?.()
@@ -44,7 +44,7 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
         {IS_MOBILE ? (
           <Image source={require('./blurred-card.png')} />
         ) : (
-          <ExamSubmitContent problemsAmount={problemsAmount} />
+          <ExamSubmitContent problemsAmount={popUpData?.stats?.problemsAmount ?? 0} />
         )}
       </View>
       <Typography variant="h2" style={styles.title}>

package/src/features/endOfAssignment/components/Modal/assets/SunrisingIcon.tsx

@@ -1,194 +1,194 @@
 import * as React from 'react'
+import { IconProps } from '@magmamath/react-native-ui'
 import Svg, { G, Path, Defs, LinearGradient, Stop } from 'react-native-svg'
-import { IconProps } from '../../../../../shared/icons/icon.types'
 
 export const SunrisingIcon = (props: IconProps) => {
   const height = (props.size ?? 0) * 0.606
 
   return (
-    <Svg width={props.size} height={height} viewBox="0 0 909 551" fill="none" {...props}>
+    <Svg width={props.size} height={height} viewBox='0 0 909 551' fill='none' {...props}>
       <G opacity={0.1}>
         <Path
-          d="M164.04-598.854a893.984 893.984 0 01222.319 28.085L164.04 295.106v-893.96z"
-          fill="url(#paint0_linear_3505_1308)"
+          d='M164.04-598.854a893.984 893.984 0 01222.319 28.085L164.04 295.106v-893.96z'
+          fill='url(#paint0_linear_3505_1308)'
         />
         <Path
-          d="M-282.94-479.086a893.954 893.954 0 01206.577-86.837L164.04 295.106l-446.98-774.192z"
-          fill="url(#paint1_linear_3505_1308)"
+          d='M-282.94-479.086a893.954 893.954 0 01206.577-86.837L164.04 295.106l-446.98-774.192z'
+          fill='url(#paint1_linear_3505_1308)'
         />
         <Path
-          d="M-610.152-151.874A893.997 893.997 0 01-474.67-330.365l638.71 625.471-774.192-446.98z"
-          fill="url(#paint2_linear_3505_1308)"
+          d='M-610.152-151.874A893.997 893.997 0 01-474.67-330.365l638.71 625.471-774.192-446.98z'
+          fill='url(#paint2_linear_3505_1308)'
         />
         <Path
-          d="M-729.92 295.106a893.938 893.938 0 0128.086-222.319L164.04 295.106h-893.96z"
-          fill="url(#paint3_linear_3505_1308)"
+          d='M-729.92 295.106a893.938 893.938 0 0128.086-222.319L164.04 295.106h-893.96z'
+          fill='url(#paint3_linear_3505_1308)'
         />
         <Path
-          d="M-610.152 742.086a893.994 893.994 0 01-86.837-206.577L164.04 295.106l-774.192 446.98z"
-          fill="url(#paint4_linear_3505_1308)"
+          d='M-610.152 742.086a893.994 893.994 0 01-86.837-206.577L164.04 295.106l-774.192 446.98z'
+          fill='url(#paint4_linear_3505_1308)'
         />
         <Path
-          d="M-282.94 1069.3a894.157 894.157 0 01-178.491-135.484l625.471-638.71-446.98 774.194z"
-          fill="url(#paint5_linear_3505_1308)"
+          d='M-282.94 1069.3a894.157 894.157 0 01-178.491-135.484l625.471-638.71-446.98 774.194z'
+          fill='url(#paint5_linear_3505_1308)'
         />
         <Path
-          d="M611.02-479.086a893.96 893.96 0 01178.491 135.482L164.04 295.106l446.98-774.192z"
-          fill="url(#paint6_linear_3505_1308)"
+          d='M611.02-479.086a893.96 893.96 0 01178.491 135.482L164.04 295.106l446.98-774.192z'
+          fill='url(#paint6_linear_3505_1308)'
         />
         <Path
-          d="M938.232-151.874a894.096 894.096 0 0186.838 206.577L164.04 295.106l774.192-446.98z"
-          fill="url(#paint7_linear_3505_1308)"
+          d='M938.232-151.874a894.096 894.096 0 0186.838 206.577L164.04 295.106l774.192-446.98z'
+          fill='url(#paint7_linear_3505_1308)'
         />
         <Path
-          d="M1058 295.106c0 74.991-9.44 149.684-28.09 222.319L164.04 295.106H1058z"
-          fill="url(#paint8_linear_3505_1308)"
+          d='M1058 295.106c0 74.991-9.44 149.684-28.09 222.319L164.04 295.106H1058z'
+          fill='url(#paint8_linear_3505_1308)'
         />
         <Path
-          d="M938.232 742.086A893.96 893.96 0 01802.75 920.577L164.04 295.106l774.192 446.98z"
-          fill="url(#paint9_linear_3505_1308)"
+          d='M938.232 742.086A893.96 893.96 0 01802.75 920.577L164.04 295.106l774.192 446.98z'
+          fill='url(#paint9_linear_3505_1308)'
         />
         <Path
-          d="M611.02 1069.3a893.885 893.885 0 01-206.577 86.83L164.04 295.106 611.02 1069.3z"
-          fill="url(#paint10_linear_3505_1308)"
+          d='M611.02 1069.3a893.885 893.885 0 01-206.577 86.83L164.04 295.106 611.02 1069.3z'
+          fill='url(#paint10_linear_3505_1308)'
         />
         <Path
-          d="M164.04 1189.07a893.941 893.941 0 01-222.319-28.09L164.04 295.106v893.964z"
-          fill="url(#paint11_linear_3505_1308)"
+          d='M164.04 1189.07a893.941 893.941 0 01-222.319-28.09L164.04 295.106v893.964z'
+          fill='url(#paint11_linear_3505_1308)'
         />
       </G>
       <Defs>
         <LinearGradient
-          id="paint0_linear_3505_1308"
+          id='paint0_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint1_linear_3505_1308"
+          id='paint1_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint2_linear_3505_1308"
+          id='paint2_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint3_linear_3505_1308"
+          id='paint3_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint4_linear_3505_1308"
+          id='paint4_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint5_linear_3505_1308"
+          id='paint5_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint6_linear_3505_1308"
+          id='paint6_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint7_linear_3505_1308"
+          id='paint7_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint8_linear_3505_1308"
+          id='paint8_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint9_linear_3505_1308"
+          id='paint9_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint10_linear_3505_1308"
+          id='paint10_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
         <LinearGradient
-          id="paint11_linear_3505_1308"
+          id='paint11_linear_3505_1308'
           x1={164.04}
           y1={383.036}
           x2={930.076}
           y2={383.036}
-          gradientUnits="userSpaceOnUse"
+          gradientUnits='userSpaceOnUse'
         >
-          <Stop stopColor="#FF245F" />
-          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor='#FF245F' />
+          <Stop offset={1} stopColor='#FF7917' stopOpacity={0} />
         </LinearGradient>
       </Defs>
     </Svg>