@magmamath/students-features 0.9.0 → 0.9.1-rc.1

package/dist/typescript/module/features/endOfAssignment/components/ExamPaused/ExamPaused.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { EOAModalContentProps } from '../../types';
-export declare const ExamPaused: ({ textContent, model, buttonColor, }: EOAModalContentProps) => React.JSX.Element;
+export declare const ExamPaused: ({ textContent, model }: EOAModalContentProps) => React.JSX.Element;
 //# sourceMappingURL=ExamPaused.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExamPaused.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamPaused/ExamPaused.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAIlD,eAAO,MAAM,UAAU,yCAIpB,oBAAoB,sBA8BtB,CAAA"}
+{"version":3,"file":"ExamPaused.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamPaused/ExamPaused.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAMlD,eAAO,MAAM,UAAU,2BAA4B,oBAAoB,sBAgCtE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExamSubmit.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAKlD,eAAO,MAAM,UAAU,4CAA6C,oBAAoB,sBAqDvF,CAAA"}
+{"version":3,"file":"ExamSubmit.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAMlD,eAAO,MAAM,UAAU,4CAA6C,oBAAoB,sBAqDvF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"NoAnswer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/NoAnswer/NoAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAKlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBAuFrF,CAAA"}
+{"version":3,"file":"NoAnswer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/NoAnswer/NoAnswer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAOlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBAgGrF,CAAA"}

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

@@ -1,4 +1,5 @@
-import { EOAModalVariant } from './types';
+import { EOAModalData, EOAModalVariant } from './types';
+import { ButtonColor } from '@magmamath/react-native-ui';
 export declare const getModalContainerSize: (modalVariant: EOAModalVariant) => {
     container: {
         width: number;
@@ -6,4 +7,5 @@ export declare const getModalContainerSize: (modalVariant: EOAModalVariant) => {
     };
 };
 export declare const shouldDisplayModalBackground: (modalVariant: EOAModalVariant | null) => boolean;
+export declare const getEoaButtonColor: (popupData: EOAModalData | null) => ButtonColor;
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,qBAAqB,iBAAkB,eAAe;;;;;CAkBlE,CAAA;AAED,eAAO,MAAM,4BAA4B,iBAAkB,eAAe,GAAG,IAAI,YAIhF,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,eAAO,MAAM,qBAAqB,iBAAkB,eAAe;;;;;CAkBlE,CAAA;AAED,eAAO,MAAM,4BAA4B,iBAAkB,eAAe,GAAG,IAAI,YAIhF,CAAA;AAED,eAAO,MAAM,iBAAiB,cAAe,YAAY,GAAG,IAAI,KAAG,WAIlE,CAAA"}

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

@@ -6,6 +6,7 @@ export declare class EOAModel {
     readonly leavePressed: import("effector").EventCallable<void>;
     readonly goToFirstProblemPressed: import("effector").EventCallable<void>;
     readonly recommendationsUpdated: import("effector").EventCallable<boolean>;
+    readonly popUpStatsUpdated: import("effector").EventCallable<any>;
     readonly popUpTriggered: import("effector").EventCallable<EOAEventType>;
     readonly $popUpData: import("effector").StoreWritable<EOAModalData | null>;
     readonly $modalVariant: import("effector").StoreWritable<EOAModalVariant | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/model/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtE,qBAAa,QAAQ;IACnB,SAAgB,SAAS,iDAA8B;IACvD,SAAgB,SAAS,yCAAgB;IAEzC,SAAgB,eAAe,yCAAgB;IAC/C,SAAgB,YAAY,yCAAgB;IAC5C,SAAgB,uBAAuB,yCAAgB;IACvD,SAAgB,sBAAsB,4CAAyB;IAC/D,SAAgB,cAAc,iDAA8B;IAE5D,SAAgB,UAAU,wDAKF;IAExB,SAAgB,aAAa,2DAgCL;IAExB,SAAgB,iBAAiB,aAGhC;CACF"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/model/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtE,qBAAa,QAAQ;IACnB,SAAgB,SAAS,iDAA8B;IACvD,SAAgB,SAAS,yCAAgB;IAEzC,SAAgB,eAAe,yCAAgB;IAC/C,SAAgB,YAAY,yCAAgB;IAC5C,SAAgB,uBAAuB,yCAAgB;IACvD,SAAgB,sBAAsB,4CAAyB;IAC/D,SAAgB,iBAAiB,wCAAqB;IACtD,SAAgB,cAAc,iDAA8B;IAE5D,SAAgB,UAAU,wDAQF;IAExB,SAAgB,aAAa,2DAgCL;IAExB,SAAgB,iBAAiB,aAGhC;CACF"}

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

@@ -1,5 +1,4 @@
 import { EOAModel } from './model/model';
-import { ButtonColor } from '@magmamath/react-native-ui';
 export declare enum EOAEventType {
     SUBMIT = "SUBMIT",
     EXAM_LEAVE = "EXAM_LEAVE",
@@ -27,10 +26,10 @@ export type EOAModalContentProps = {
     textContent: EOAModalText;
     model: EOAModel;
     onPracticePress?: () => void;
-    buttonColor?: ButtonColor;
 };
 export type EOAModalData = {
     isExam: boolean;
+    isAssessment: boolean;
     newerAssignmentAvailable?: boolean;
     examFinished?: boolean;
     cheatDetection?: boolean;
@@ -58,6 +57,7 @@ export type EOAModalText = {
         correctAnswersPlural?: string;
         goodCalculations?: string;
         goodCalculationsPlural?: string;
+        score?: string;
     };
 };
 //# sourceMappingURL=types.d.ts.map

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;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,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;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,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,YAAY,EAAE,OAAO,CAAA;IACrB,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;QAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ButtonColor } from '@magmamath/react-native-ui';
 type PracticeButtonGroupProps = {
     textContent: {
         leftButtonText?: string;
@@ -7,8 +8,8 @@ type PracticeButtonGroupProps = {
     isPracticeButtonVisible: boolean;
     onLeftButtonPress: () => void;
     onRightButtonPress: () => void;
-    isExam: boolean;
+    buttonColor: ButtonColor;
 };
-export declare const PracticeButtonGroup: ({ textContent, isPracticeButtonVisible, onLeftButtonPress, onRightButtonPress, isExam, }: PracticeButtonGroupProps) => React.JSX.Element;
+export declare const PracticeButtonGroup: ({ textContent, isPracticeButtonVisible, onLeftButtonPress, onRightButtonPress, buttonColor, }: PracticeButtonGroupProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=PracticeButtonGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAcxC,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClE,uBAAuB,EAAE,OAAO,CAAA;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,mBAAmB,6FAM7B,wBAAwB,sBAiC1B,CAAA"}
+{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,OAAO,EAA8C,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAKpG,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClE,uBAAuB,EAAE,OAAO,CAAA;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,mBAAmB,kGAM7B,wBAAwB,sBAiC1B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.0",
+  "version": "0.9.1-rc.1",
   "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.44",
+    "@magmamath/react-native-ui": "0.4.42-rc.12",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

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

@@ -0,0 +1,43 @@
+import React from 'react'
+import { StyleSheet, Text, View } from 'react-native'
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui'
+import { EOAModalText } from '@magmamath/students-features'
+
+type AssessmentScoreCardProps = {
+  textContent: EOAModalText
+  solvedAmount?: number
+  problemsAmount?: number
+}
+
+export const AssessmentScoreCard = ({
+  textContent,
+  solvedAmount = 0,
+  problemsAmount = 0,
+}: AssessmentScoreCardProps) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>
+        {solvedAmount} / {problemsAmount} {textContent.stats?.score ?? 'pt'}
+      </Text>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: 130,
+    minWidth: 410,
+    padding: SPACING['400'],
+    borderRadius: BORDER_RADIUS['400'],
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS['1'],
+  },
+  text: {
+    fontSize: 96,
+    fontWeight: '700',
+    color: COLORS.NEUTRAL_9,
+    fontFamily: 'Buenos Aires',
+  },
+})

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

@@ -1,8 +1,15 @@
 import React, { useCallback, useState } from 'react'
-import { View, StyleSheet } from 'react-native'
+import { View, StyleSheet, Text } from 'react-native'
 
 import { useUnit } from 'effector-react'
-import { SPACING, Typography, COLORS, FONT_FAMILY } from '@magmamath/react-native-ui'
+import {
+  SPACING,
+  Typography,
+  COLORS,
+  FONT_FAMILY,
+  BORDER_RADIUS,
+  SHADOWS,
+} from '@magmamath/react-native-ui'
 
 import { AnimatedCard } from './AnimatedCard'
 
@@ -11,6 +18,8 @@ import { GOOD_DRAWING_CARD_APPEARENCE_DELAY } from '../../constants'
 import { AnimatedCardVariant, EOAModalContentProps, EOAModalVariant } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
+import { getEoaButtonColor } from '../../helpers'
+import { AssessmentScoreCard } from '../AssessmentScoreCard/AssessmentScoreCard'
 
 export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -22,6 +31,7 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
     stats,
     hasRecommendations,
     isExam = false,
+    isAssessment = false,
     newerAssignmentAvailable,
   } = popUpData ?? {}
 
@@ -72,14 +82,22 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
       </View>
 
       <View style={styles.animationContainer}>
-        <AnimatedCard
-          variant={AnimatedCardVariant.CORRECT_ANSWER}
-          textContent={textContent}
-          solvedAmount={stats?.solvedAmount}
-          problemsAmount={stats?.problemsAmount}
-          shouldTriggerSparkles={cardsAnimationCompleted}
-          onAnimationEnd={onCorrectAnswerAnimationEnd}
-        />
+        {isAssessment ? (
+          <AssessmentScoreCard
+            textContent={textContent}
+            solvedAmount={stats?.solvedAmount}
+            problemsAmount={stats?.problemsAmount}
+          />
+        ) : (
+          <AnimatedCard
+            variant={AnimatedCardVariant.CORRECT_ANSWER}
+            textContent={textContent}
+            solvedAmount={stats?.solvedAmount}
+            problemsAmount={stats?.problemsAmount}
+            shouldTriggerSparkles={cardsAnimationCompleted}
+            onAnimationEnd={onCorrectAnswerAnimationEnd}
+          />
+        )}
 
         {modalVariant === EOAModalVariant.HAS_GOOD_DRAWING && (
           <AnimatedCard
@@ -96,9 +114,9 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
       <PracticeButtonGroup
         textContent={textContent}
         isPracticeButtonVisible={isPracticeButtonVisible}
-        isExam={isExam}
         onLeftButtonPress={model.hidePopUpAndLeave}
         onRightButtonPress={handlePracticeButtonPress}
+        buttonColor={getEoaButtonColor(popUpData)}
       />
     </View>
   )

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

@@ -14,7 +14,6 @@ import { ExamPaused } from './ExamPaused/ExamPaused'
 import { ExamSubmit } from './ExamSubmit/ExamSubmit'
 
 import { getModalContainerSize, shouldDisplayModalBackground } from '../helpers'
-import { ButtonColor } from '@magmamath/react-native-ui'
 
 const MODAL_CONTENT_VARIANTS_MAP = new Map([
   [EOAModalVariant.NO_CORRECT_ANSWERS, NoAnswer],
@@ -33,7 +32,6 @@ type EOAModalProps = {
   model: EOAModel
   textContent: EOAModalText
   onPracticePress: () => void
-  buttonColor?: ButtonColor
 }
 
 /**
@@ -42,7 +40,7 @@ type EOAModalProps = {
  * 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, buttonColor }: EOAModalProps) => {
+export const EOAModal = ({ model, textContent, onPracticePress }: EOAModalProps) => {
   const popUpData = useUnit(model.$popUpData)
   const modalVariant = useUnit(model.$modalVariant)
 
@@ -64,12 +62,7 @@ export const EOAModal = ({ model, textContent, onPracticePress, buttonColor }: E
       style={getModalContainerSize(modalVariant)}
       onClose={model.hidePopUp}
       content={
-        <ModalContent
-          model={model}
-          textContent={textContent}
-          onPracticePress={onPracticePress}
-          buttonColor={buttonColor}
-        />
+        <ModalContent model={model} textContent={textContent} onPracticePress={onPracticePress} />
       }
       withBackground={withBackground}
     />

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

@@ -13,12 +13,12 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
+import { getEoaButtonColor } from '../../helpers'
+import { useUnit } from 'effector-react'
+
+export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
+  const popUpData = useUnit(model.$popUpData)
 
-export const ExamPaused = ({
-  textContent,
-  model,
-  buttonColor = ButtonColor.PURPLE,
-}: EOAModalContentProps) => {
   useKeyBoard({
     callback: (event) => {
       if (event.key === KeyboardKeys.ENTER) {
@@ -39,7 +39,7 @@ export const ExamPaused = ({
 
       <Button
         variant={ButtonVariant.PRIMARY}
-        colorScheme={buttonColor}
+        colorScheme={getEoaButtonColor(popUpData)}
         size={ButtonSize.LARGE}
         style={{ text: styles.buttonText }}
         onPress={model.hidePopUpAndLeave}

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

@@ -4,7 +4,6 @@ import { View, StyleSheet, Platform, Image } from 'react-native'
 import { useUnit } from 'effector-react'
 import {
   Button,
-  ButtonColor,
   ButtonSize,
   ButtonVariant,
   COLORS,
@@ -18,6 +17,7 @@ import { EOAModalContentProps } from '../../types'
 import { PracticeButton } from '../../ui/PracticeButton'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
+import { getEoaButtonColor } from '../../helpers'
 
 export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -60,7 +60,7 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
         <Button
           variant={isPracticeButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY}
           size={ButtonSize.LARGE}
-          colorScheme={popUpData?.isExam ? ButtonColor.PURPLE : ButtonColor.BLUE}
+          colorScheme={getEoaButtonColor(popUpData)}
           style={{ text: { textTransform: 'uppercase' } }}
           onPress={model.hidePopUpAndLeave}
         >

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

@@ -16,17 +16,19 @@ import { EOAModalContentProps } from '../../types'
 import { NoAnswerContent } from './NoAnswerContent'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
+import { getEoaButtonColor } from '../../helpers'
+import { AssessmentScoreCard } from '../AssessmentScoreCard/AssessmentScoreCard'
 
 export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
 
-  const { stats, isExam, user } = popUpData ?? {}
+  const { stats, isExam, isAssessment, user } = popUpData ?? {}
 
   function getButtons() {
     const buttons = [
       {
         text: textContent.leftButtonText ?? '',
-        colorScheme: isExam ? ButtonColor.PURPLE : ButtonColor.BLUE,
+        colorScheme: getEoaButtonColor(popUpData),
         onPress: () => model.hidePopUpAndLeave(),
       },
     ]
@@ -84,10 +86,19 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
           </Typography>
         )}
       </View>
-      <NoAnswerContent
-        solvedAmount={stats?.solvedAmount ?? 0}
-        problemsAmount={stats?.problemsAmount ?? 0}
-      />
+      {isAssessment ? (
+        <AssessmentScoreCard
+          textContent={textContent}
+          solvedAmount={stats?.solvedAmount}
+          problemsAmount={stats?.problemsAmount}
+        />
+      ) : (
+        <NoAnswerContent
+          solvedAmount={stats?.solvedAmount ?? 0}
+          problemsAmount={stats?.problemsAmount ?? 0}
+        />
+      )}
+
       <View style={styles.buttonsContainer}>
         {buttons.map((button, index) => (
           <Button

package/src/features/endOfAssignment/helpers.ts

@@ -1,16 +1,17 @@
 import { MODALS_WITH_BACKGROUND } from './constants'
-import { EOAModalVariant } from './types'
+import { EOAModalData, EOAModalVariant } from './types'
+import { ButtonColor } from '@magmamath/react-native-ui'
 
 export const getModalContainerSize = (modalVariant: EOAModalVariant) => {
   switch (modalVariant) {
     case EOAModalVariant.EXAM_SUBMIT:
     case EOAModalVariant.EXAM_SAFE_MODE_SUBMIT:
-      return { container: { width: 600, height: 384 } }
+      return { container: { width: 620, height: 384 } }
     case EOAModalVariant.EXAM_PAUSED:
     case EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED:
       return { container: { width: 560, height: 338 } }
     case EOAModalVariant.EXAM_SAFE_MODE_LEAVE:
-      return { container: { width: 550, height: 280 } }
+      return { container: { width: 550, height: 325 } }
     case EOAModalVariant.HAS_GOOD_DRAWING:
       return { container: { width: 957, height: 550 } }
     case EOAModalVariant.HAS_CORRECT_ANSWERS:
@@ -26,3 +27,9 @@ export const shouldDisplayModalBackground = (modalVariant: EOAModalVariant | nul
 
   return MODALS_WITH_BACKGROUND.includes(modalVariant)
 }
+
+export const getEoaButtonColor = (popupData: EOAModalData | null): ButtonColor => {
+  if (popupData?.isAssessment) return ButtonColor.SUNSET
+  if (popupData?.isExam) return ButtonColor.PURPLE
+  return ButtonColor.BLUE
+}

package/src/features/endOfAssignment/model/model.ts

@@ -9,6 +9,7 @@ export class EOAModel {
   public readonly leavePressed = createEvent()
   public readonly goToFirstProblemPressed = createEvent()
   public readonly recommendationsUpdated = createEvent<boolean>()
+  public readonly popUpStatsUpdated = createEvent<any>()
   public readonly popUpTriggered = createEvent<EOAEventType>()
 
   public readonly $popUpData = createStore<EOAModalData | null>(null)
@@ -16,6 +17,9 @@ export class EOAModel {
     .on(this.recommendationsUpdated, (state, hasRecommendations) =>
       state ? { ...state, hasRecommendations } : state,
     )
+    .on(this.popUpStatsUpdated, (state, payload) =>
+      state ? { ...state, stats: { ...state.stats, ...payload } } : state,
+    )
     .reset(this.hidePopUp)
 
   public readonly $modalVariant = createStore<EOAModalVariant | null>(null)
@@ -33,7 +37,7 @@ export class EOAModel {
       }
 
       if (eventType === EOAEventType.EXAM_PAUSED) return EOAModalVariant.EXAM_PAUSED
-      
+
       if (eventType === EOAEventType.CHEAT_DETECTED) {
         return EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED
       }

package/src/features/endOfAssignment/types.ts

@@ -34,11 +34,11 @@ export type EOAModalContentProps = {
   textContent: EOAModalText
   model: EOAModel
   onPracticePress?: () => void
-  buttonColor?: ButtonColor
 }
 
 export type EOAModalData = {
   isExam: boolean
+  isAssessment: boolean
   newerAssignmentAvailable?: boolean
   examFinished?: boolean
   cheatDetection?: boolean
@@ -63,5 +63,6 @@ export type EOAModalText = {
     correctAnswersPlural?: string
     goodCalculations?: string
     goodCalculationsPlural?: string
+    score?: string
   }
 }

package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx

@@ -11,13 +11,14 @@ import Animated, {
 import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui'
 
 import { PracticeButton } from './PracticeButton'
+import { getEoaButtonColor } from '../helpers'
 
 type PracticeButtonGroupProps = {
   textContent: { leftButtonText?: string; rightButtonText?: string }
   isPracticeButtonVisible: boolean
   onLeftButtonPress: () => void
   onRightButtonPress: () => void
-  isExam: boolean
+  buttonColor: ButtonColor
 }
 
 export const PracticeButtonGroup = ({
@@ -25,7 +26,7 @@ export const PracticeButtonGroup = ({
   isPracticeButtonVisible,
   onLeftButtonPress,
   onRightButtonPress,
-  isExam,
+  buttonColor = ButtonColor.BLUE,
 }: PracticeButtonGroupProps) => {
   const buttonsContainerOpacity = useSharedValue(0)
 
@@ -45,7 +46,7 @@ export const PracticeButtonGroup = ({
         <Button
           variant={isPracticeButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY}
           size={ButtonSize.LARGE}
-          colorScheme={isExam ? ButtonColor.PURPLE : ButtonColor.BLUE}
+          colorScheme={buttonColor}
           style={{ text: { textTransform: 'uppercase' } }}
           onPress={onLeftButtonPress}
         >