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

package/dist/typescript/module/features/keyboard/components/BasicLayout/keyboardGroups.d.ts

@@ -6,5 +6,4 @@ export declare const MATH_TIME_US_KEYBOARD_GROUP: KeyboardGroup;
 export declare const MATH_CURRENCY_SW_KEYBOARD_GROUP: KeyboardGroup;
 export declare const MATH_CURRENCY_UK_KEYBOARD_GROUP: KeyboardGroup;
 export declare const MATH_CURRENCY_US_KEYBOARD_GROUP: KeyboardGroup;
-export declare const MATH_CURRENCY_DE_KEYBOARD_GROUP: KeyboardGroup;
 //# sourceMappingURL=keyboardGroups.d.ts.map

package/dist/typescript/module/features/keyboard/components/BasicLayout/keyboardGroups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/BasicLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAKjD,eAAO,MAAM,+BAA+B,EAAE,aAU7C,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,aAUhD,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,aAIzC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,aAWzC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA"}
+{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/BasicLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAKjD,eAAO,MAAM,+BAA+B,EAAE,aAU7C,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,aAUhD,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,aAIzC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,aAWzC,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,aAG7C,CAAA"}

package/dist/typescript/module/features/keyboard/components/Keyboard.d.ts

@@ -9,6 +9,7 @@ type KeyboardProps = {
     color?: SelectOptionColor;
     isVisible?: boolean;
     isDisabled?: boolean;
+    showUnderlinedKeys?: boolean;
     disabledKeys?: KeyboardKey[];
 };
 export declare const Keyboard: ({ style, characterType, isVisible, ...props }: KeyboardProps) => React.JSX.Element;

package/dist/typescript/module/features/keyboard/components/Keyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAqB,iBAAiB,EAAW,MAAM,4BAA4B,CAAA;AAE1F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAU9D,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,kDAA0D,aAAa,sBAuC3F,CAAA"}
+{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAqB,iBAAiB,EAAW,MAAM,4BAA4B,CAAA;AAC1F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAW9D,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,kDAA0D,aAAa,sBAsC3F,CAAA"}

package/dist/typescript/module/features/keyboard/components/MainLayout.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SelectOptionColor } from '@magmamath/react-native-ui';
+import { KeyboardKey, KeyboardKeyValue } from '../types/types';
+type LayoutProps = {
+    onKeyPress: (key: KeyboardKeyValue) => void;
+    characterType?: number;
+    color?: SelectOptionColor;
+    isVisible?: boolean;
+    isDisabled?: boolean;
+    showUnderlinedKeys?: boolean;
+    disabledKeys?: KeyboardKey[];
+};
+export declare const MainLayout: ({ characterType, showUnderlinedKeys, ...props }: LayoutProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=MainLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/MainLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/MainLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,iBAAiB,EAAqB,MAAM,4BAA4B,CAAA;AAEjF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAI9D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,oDAIpB,WAAW,sBAiDb,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnderlinedLayout/UnderlinedLayout.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { KeyboardLayoutProps } from '../../types/types';
+export declare const UnderlinedLayout: (props: KeyboardLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=UnderlinedLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/UnderlinedLayout/UnderlinedLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnderlinedLayout/UnderlinedLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAIrE,eAAO,MAAM,gBAAgB,UAAW,mBAAmB,sBAK1D,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnderlinedLayout/keyboardGroups.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardGroup } from '../../types/types';
+export declare const MATH_ENTRY_UNDERLINED_KEYBOARD_GROUP: KeyboardGroup;
+//# sourceMappingURL=keyboardGroups.d.ts.map

package/dist/typescript/module/features/keyboard/components/UnderlinedLayout/keyboardGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnderlinedLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAIjD,eAAO,MAAM,oCAAoC,EAAE,aAOlD,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnitsLayout/UnitsLayout.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { KeyboardLayoutProps } from '../../types/types';
-export declare const UnitsLayout: (props: KeyboardLayoutProps) => React.JSX.Element;
+export declare const UnitsLayout: ({ onLayoutChange, ...props }: KeyboardLayoutProps) => React.JSX.Element;
 //# sourceMappingURL=UnitsLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/UnitsLayout/UnitsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnitsLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAQrE,eAAO,MAAM,WAAW,UAAW,mBAAmB,sBAwCrD,CAAA"}
+{"version":3,"file":"UnitsLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAQrE,eAAO,MAAM,WAAW,iCAAkC,mBAAmB,sBAyC5E,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnitsLayout/helpers.d.ts

@@ -4,8 +4,9 @@ type UseLayoutSelectOptionsProps = {
     activeTabKey: KeyboardUnitsGroupType;
     selectedLayout: SelectedLayout;
     setSelectedLayout: (layout: SelectedLayout) => void;
+    onLayoutChange?: (isSecondaryLayout: boolean) => void;
 };
-export declare const getSelectOptions: ({ activeTabKey, selectedLayout, setSelectedLayout, }: UseLayoutSelectOptionsProps) => {
+export declare const getSelectOptions: ({ activeTabKey, selectedLayout, setSelectedLayout, onLayoutChange, }: UseLayoutSelectOptionsProps) => {
     key: SelectedLayout;
     title: React.JSX.Element;
     onPressIn: () => void;

package/dist/typescript/module/features/keyboard/components/UnitsLayout/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGhE,KAAK,2BAA2B,GAAG;IACjC,YAAY,EAAE,sBAAsB,CAAA;IACpC,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,gBAAgB,yDAI1B,2BAA2B;;;;GA2B7B,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGhE,KAAK,2BAA2B,GAAG;IACjC,YAAY,EAAE,sBAAsB,CAAA;IACpC,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,gBAAgB,yEAK1B,2BAA2B;;;;GAiC7B,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keyboardGroupsByLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardGroupsByLocale.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardGroupsByLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAuC5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAiC5F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAuCzF,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAwBnD,CAAA"}
+{"version":3,"file":"keyboardGroupsByLocale.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardGroupsByLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAsC5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAmC5F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAyBzF,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAkBnD,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keyboardLayouts.d.ts

@@ -1,7 +1,7 @@
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes';
 export declare const KEYBOARD_LAYOUTS: {
     AlgebraAdvanced: {
-        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: ({ onLayoutChange, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
     };
     Basic: {
@@ -21,7 +21,7 @@ export declare const KEYBOARD_LAYOUTS: {
         characterTypes: MyScriptMathCharacterTypes[];
     };
     BasicUnits: {
-        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: ({ onLayoutChange, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
     };
     BasicPlusPlus: {

package/dist/typescript/module/features/keyboard/types/MathKeysGroups/basicOperators.d.ts

@@ -222,5 +222,23 @@ export declare const MATH_BASIC_OPERATORS: {
         mathliveValue: string;
         katexValue: string;
     };
+    UNDERLINED_TEN: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
+    UNDERLINED_ONE: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
+    UNDERLINED_U: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
 };
 //# sourceMappingURL=basicOperators.d.ts.map

package/dist/typescript/module/features/keyboard/types/MathKeysGroups/basicOperators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicOperators.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/basicOperators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6CzB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+N/B,CAAA"}
+{"version":3,"file":"basicOperators.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/basicOperators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgDzB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiP/B,CAAA"}

package/dist/typescript/module/features/keyboard/types/keyboardGroupIds.d.ts

@@ -27,6 +27,6 @@ export declare enum MathEntryKeyboardGroupId {
     CURRENCY_SW = "math-entry-currency-sw",
     CURRENCY_UK = "math-entry-currency-uk",
     CURRENCY_US = "math-entry-currency-us",
-    CURRENCY_DE = "math-entry-currency-de"
+    UNDERLINED = "math-entry-underlined"
 }
 //# sourceMappingURL=keyboardGroupIds.d.ts.map

package/dist/typescript/module/features/keyboard/types/keyboardGroupIds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardGroupIds.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/keyboardGroupIds.ts"],"names":[],"mappings":"AAAA,oBAAY,wBAAwB;IAClC,eAAe,+BAA+B;IAC9C,sBAAsB,sCAAsC;IAC5D,kBAAkB,kCAAkC;IACpD,yBAAyB,yCAAyC;IAClE,aAAa,6BAA6B;IAC1C,oBAAoB,oCAAoC;IACxD,aAAa,6BAA6B;IAC1C,iBAAiB,iCAAiC;IAClD,OAAO,uBAAuB;IAC9B,UAAU,0BAA0B;IACpC,UAAU,0BAA0B;IACpC,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,KAAK,qBAAqB;IAC1B,QAAQ,wBAAwB;IAChC,OAAO,uBAAuB;IAC9B,OAAO,uBAAuB;IAC9B,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;CACvC"}
+{"version":3,"file":"keyboardGroupIds.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/keyboardGroupIds.ts"],"names":[],"mappings":"AAAA,oBAAY,wBAAwB;IAClC,eAAe,+BAA+B;IAC9C,sBAAsB,sCAAsC;IAC5D,kBAAkB,kCAAkC;IACpD,yBAAyB,yCAAyC;IAClE,aAAa,6BAA6B;IAC1C,oBAAoB,oCAAoC;IACxD,aAAa,6BAA6B;IAC1C,iBAAiB,iCAAiC;IAClD,OAAO,uBAAuB;IAC9B,UAAU,0BAA0B;IACpC,UAAU,0BAA0B;IACpC,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,KAAK,qBAAqB;IAC1B,QAAQ,wBAAwB;IAChC,OAAO,uBAAuB;IAC9B,OAAO,uBAAuB;IAC9B,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,UAAU,0BAA0B;CACrC"}

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

@@ -11,7 +11,8 @@ export declare const enum KeyboardType {
     BasicUnits = "BasicUnits",
     BasicPlusPlus = "BasicPlusPlus",
     BasicPlusPlusMobile = "BasicPlusPlusMobile",
-    Numpad = "Numpad"
+    Numpad = "Numpad",
+    Underlined = "Underlined"
 }
 export type KeyboardKey = {
     katexValue: string;
@@ -39,6 +40,7 @@ export type KeyboardGroup = {
 };
 export type KeyboardLayoutProps = {
     onKeyPress: (key: KeyboardKeyValue) => void;
+    onLayoutChange?: (isSecondaryLayout: boolean) => void;
     color?: SelectOptionColor;
     isDisabled?: boolean;
     disabledKeys?: KeyboardKey[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,0BAAkB,YAAY;IAC5B,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KAC3D,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;CACpC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,0BAAkB,YAAY;IAC5B,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,MAAM,WAAW;IACjB,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KAC3D,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;CACpC,CAAA"}

package/dist/typescript/module/lib/helpers/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,YAAW,CAAA;AAE5B,eAAO,MAAM,gBAAgB,cACsC,CAAA;AASnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,WAsC7C,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,YAAW,CAAA;AAE5B,eAAO,MAAM,gBAAgB,cACsC,CAAA;AASnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,WAuB7C,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedOneIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAYhE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedTenIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAehE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedUIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAe9D,CAAA"}

package/dist/typescript/module/shared/translation/constants.d.ts

@@ -209,47 +209,5 @@ export declare const LOCALIZATION_CONFIGS: {
             weight: string;
         };
     };
-    "de-DE": {
-        locale: string;
-        "teacherFeedback.noComments": string;
-        "time.justNow": string;
-        "time.minuteAgo": string;
-        "time.minutesAgo": string;
-        "time.hourAgo": string;
-        "time.hoursAgo": string;
-        "time.dayAgo": string;
-        "time.daysAgo": string;
-        "time.monthAgo": string;
-        "time.monthsAgo": string;
-        "time.yearAgo": string;
-        "time.yearsAgo": string;
-        chat: {
-            anotherHint: string;
-            giveHint: string;
-            giveHintOpenChat: string;
-            answerAgain: string;
-            errorMessage: string;
-            howCanIHelp: string;
-            showError: string;
-            inputPlaceholder: string;
-        };
-        gifCelebrations: {
-            greatStart: string;
-            onTheWay: string;
-            almostThere: string;
-        };
-        exampleSolution: {
-            exampleSolution: string;
-            letMeThink: string;
-            aha: string;
-            errorMessage: string;
-        };
-        keyboard: {
-            length: string;
-            area: string;
-            volume: string;
-            weight: string;
-        };
-    };
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/shared/translation/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMhC,CAAA"}

package/dist/typescript/module/shared/translation/types.d.ts

@@ -8,7 +8,6 @@ export declare enum Locale {
     SW = "sv-SE",
     GB = "en-GB",
     CA = "en-CA",
-    SCT = "en-SCT",
-    DE = "de-DE"
+    SCT = "en-SCT"
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/shared/translation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA;AAE5F,oBAAY,MAAM;IAChB,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,GAAG,WAAW;IACd,EAAE,UAAU;CACb"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAKnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA;AAE5F,oBAAY,MAAM;IAChB,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,GAAG,WAAW;CACf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.5-rc.1",
+  "version": "0.9.5",
   "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.61",
     "@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,6 +1,5 @@
 import React, { useCallback, useState } from 'react'
 import { View, StyleSheet } from 'react-native'
-
 import { useUnit } from 'effector-react'
 import { SPACING, Typography, COLORS, FONT_FAMILY } from '@magmamath/react-native-ui'
 
@@ -11,6 +10,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 +23,7 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
     stats,
     hasRecommendations,
     isExam = false,
+    isAssessment = false,
     newerAssignmentAvailable,
   } = popUpData ?? {}
 
@@ -72,14 +74,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 +106,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
+}