@magmamath/students-features 0.5.7 → 0.5.8-rc-0

package/dist/module/shared/icons/Winter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Svg","Path","COLORS","jsx","_jsx","Winter","size","color","NEUTRAL_8","width","height","viewBox","fill","children","fillRule","clipRule","d"],"sourceRoot":"../../../../src","sources":["shared/icons/Winter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGnD,SAASC,MAAMA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGL,MAAM,CAACM;AAAqB,CAAC,EAAE;EAClE,oBACEJ,IAAA,CAACJ,GAAG;IAACS,KAAK,EAAEH,IAAK;IAACI,MAAM,EAAEJ,IAAI,GAAG,IAAK;IAACK,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACpET,IAAA,CAACH,IAAI;MACHa,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yzCAAyzC;MAC3zCJ,IAAI,EAAEL;IAAM,CACb;EAAC,CACC,CAAC;AAEV;AAEA,eAAeF,MAAM","ignoreList":[]}
+{"version":3,"names":["React","Svg","Path","COLORS","jsx","_jsx","Winter","size","color","NEUTRAL_8","actualSize","height","width","viewBox","fill","children","fillRule","clipRule","d"],"sourceRoot":"../../../../src","sources":["shared/icons/Winter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGnD,SAASC,MAAMA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGL,MAAM,CAACM;AAAqB,CAAC,EAAE;EAClE,MAAMC,UAAU,GAAG,OAAOH,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,CAAC;EAEtD,MAAMI,MAAM,GAAGD,UAAU,GAAG,IAAI;EAEhC,oBACEL,IAAA,CAACJ,GAAG;IAACW,KAAK,EAAEL,IAAK;IAACI,MAAM,EAAEA,MAAO;IAACE,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC/DV,IAAA,CAACH,IAAI;MACHc,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,yzCAAyzC;MAC3zCJ,IAAI,EAAEN;IAAM,CACb;EAAC,CACC,CAAC;AAEV;AAEA,eAAeF,MAAM","ignoreList":[]}

package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/assets/SunrisingIcon.d.ts

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

package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/assets/SunrisingIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SunrisingIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/SunrisingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,aAAa,UAAW,SAAS,sBA+L7C,CAAA"}
+{"version":3,"file":"SunrisingIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/SunrisingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,aAAa,aAAc,SAAS,sBAwNhD,CAAA"}

package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/assets/TrophyIcon.d.ts

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

package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/assets/TrophyIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrophyIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/TrophyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,UAAU,UAAW,SAAS,sBAyD1C,CAAA"}
+{"version":3,"file":"TrophyIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/TrophyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,UAAU,aAAc,SAAS,sBA0D7C,CAAA"}

package/dist/typescript/commonjs/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;AAazB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAMlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBA0DrF,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;AAKlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBAqFrF,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProblemSelectorButtonProps } from '../types';
+type ProblemSelectorProps = {
+    buttons: ProblemSelectorButtonProps[];
+};
+export declare const ProblemSelector: ({ buttons }: ProblemSelectorProps) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=ProblemSelector.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,0BAA0B,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,eAAe,gBAAiB,oBAAoB,6BAYhE,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelectorButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProblemSelectorButtonProps } from '../types';
+export declare const ProblemSelectorButton: ({ text, state, onClick, badgeValue, locked, }: ProblemSelectorButtonProps) => React.JSX.Element;
+//# sourceMappingURL=ProblemSelectorButton.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelectorButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB,kDAM/B,0BAA0B,sBA+C5B,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/constants.d.ts

@@ -0,0 +1,22 @@
+import { ButtonColorPreset } from '@magmamath/react-native-ui';
+import { ProblemSelectorButtonState } from './types';
+export declare const BUTTON_SIZE = 49.5;
+export declare const BADGE_COORDINATES: {
+    top: number;
+    right: number;
+};
+export declare const ICON_SIZE: {
+    width: number;
+    height: number;
+};
+export declare const PROBLEM_SELECTOR_CONTENT_WIDTH = 265;
+export declare const PROBLEM_SELECTOR_BUTTON_STATE: {
+    readonly SELECTED: "selected";
+    readonly SOLVED: "solved";
+    readonly SOLVED_FIRST_ATTEMPT: "solved-first-attempt";
+    readonly NOT_SOLVED: "not-solved";
+    readonly MISTAKE: "mistake";
+    readonly EXAM: "exam";
+};
+export declare const COLOR_SCHEME_MAP: Record<ProblemSelectorButtonState, ButtonColorPreset>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,4BAA4B,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,iBAAiB;;;CAAuB,CAAA;AACrD,eAAO,MAAM,SAAS;;;CAA4B,CAAA;AAClD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AAEjD,eAAO,MAAM,6BAA6B;;;;;;;CAOhC,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAsMlF,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/index.d.ts

@@ -0,0 +1,4 @@
+export { ProblemSelector } from './components/ProblemSelector';
+export { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
+export type { ProblemSelectorButtonProps, ProblemSelectorButtonState } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAC3D,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/types.d.ts

@@ -0,0 +1,11 @@
+import { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
+export type ProblemSelectorButtonState = (typeof PROBLEM_SELECTOR_BUTTON_STATE)[keyof typeof PROBLEM_SELECTOR_BUTTON_STATE];
+export type ProblemSelectorButtonProps = {
+    key: string;
+    text: string;
+    state: ProblemSelectorButtonState;
+    locked: boolean;
+    onClick: () => void;
+    badgeValue?: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAE3D,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAA;AAEpF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,0BAA0B,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

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

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

package/dist/typescript/commonjs/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;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA"}

package/dist/typescript/commonjs/shared/icons/LockIcon.d.ts

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

package/dist/typescript/commonjs/shared/icons/LockIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,6BAA2D,SAAS,sBASxF,CAAA"}

package/dist/typescript/commonjs/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;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,EAAE,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAY7D;AAED,eAAe,EAAE,CAAA"}

package/dist/typescript/commonjs/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;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAYpE;AAED,eAAe,SAAS,CAAA"}

package/dist/typescript/commonjs/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,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,MAAM,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAejE;AAED,eAAe,MAAM,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/Modal/assets/SunrisingIcon.d.ts

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

package/dist/typescript/module/features/endOfAssignment/components/Modal/assets/SunrisingIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SunrisingIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/SunrisingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,aAAa,UAAW,SAAS,sBA+L7C,CAAA"}
+{"version":3,"file":"SunrisingIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/SunrisingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,aAAa,aAAc,SAAS,sBAwNhD,CAAA"}

package/dist/typescript/module/features/endOfAssignment/components/Modal/assets/TrophyIcon.d.ts

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

package/dist/typescript/module/features/endOfAssignment/components/Modal/assets/TrophyIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrophyIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/TrophyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,UAAU,UAAW,SAAS,sBAyD1C,CAAA"}
+{"version":3,"file":"TrophyIcon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/endOfAssignment/components/Modal/assets/TrophyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAElE,eAAO,MAAM,UAAU,aAAc,SAAS,sBA0D7C,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;AAazB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAMlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBA0DrF,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;AAKlD,eAAO,MAAM,QAAQ,4CAA6C,oBAAoB,sBAqFrF,CAAA"}

package/dist/typescript/module/features/problemSelector/components/ProblemSelector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProblemSelectorButtonProps } from '../types';
+type ProblemSelectorProps = {
+    buttons: ProblemSelectorButtonProps[];
+};
+export declare const ProblemSelector: ({ buttons }: ProblemSelectorProps) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=ProblemSelector.d.ts.map

package/dist/typescript/module/features/problemSelector/components/ProblemSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,0BAA0B,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,eAAe,gBAAiB,oBAAoB,6BAYhE,CAAA"}

package/dist/typescript/module/features/problemSelector/components/ProblemSelectorButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProblemSelectorButtonProps } from '../types';
+export declare const ProblemSelectorButton: ({ text, state, onClick, badgeValue, locked, }: ProblemSelectorButtonProps) => React.JSX.Element;
+//# sourceMappingURL=ProblemSelectorButton.d.ts.map

package/dist/typescript/module/features/problemSelector/components/ProblemSelectorButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB,kDAM/B,0BAA0B,sBA+C5B,CAAA"}

package/dist/typescript/module/features/problemSelector/constants.d.ts

@@ -0,0 +1,22 @@
+import { ButtonColorPreset } from '@magmamath/react-native-ui';
+import { ProblemSelectorButtonState } from './types';
+export declare const BUTTON_SIZE = 49.5;
+export declare const BADGE_COORDINATES: {
+    top: number;
+    right: number;
+};
+export declare const ICON_SIZE: {
+    width: number;
+    height: number;
+};
+export declare const PROBLEM_SELECTOR_CONTENT_WIDTH = 265;
+export declare const PROBLEM_SELECTOR_BUTTON_STATE: {
+    readonly SELECTED: "selected";
+    readonly SOLVED: "solved";
+    readonly SOLVED_FIRST_ATTEMPT: "solved-first-attempt";
+    readonly NOT_SOLVED: "not-solved";
+    readonly MISTAKE: "mistake";
+    readonly EXAM: "exam";
+};
+export declare const COLOR_SCHEME_MAP: Record<ProblemSelectorButtonState, ButtonColorPreset>;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,4BAA4B,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,iBAAiB;;;CAAuB,CAAA;AACrD,eAAO,MAAM,SAAS;;;CAA4B,CAAA;AAClD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AAEjD,eAAO,MAAM,6BAA6B;;;;;;;CAOhC,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAsMlF,CAAA"}

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

@@ -0,0 +1,4 @@
+export { ProblemSelector } from './components/ProblemSelector';
+export { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
+export type { ProblemSelectorButtonProps, ProblemSelectorButtonState } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAC3D,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,11 @@
+import { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
+export type ProblemSelectorButtonState = (typeof PROBLEM_SELECTOR_BUTTON_STATE)[keyof typeof PROBLEM_SELECTOR_BUTTON_STATE];
+export type ProblemSelectorButtonProps = {
+    key: string;
+    text: string;
+    state: ProblemSelectorButtonState;
+    locked: boolean;
+    onClick: () => void;
+    badgeValue?: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAE3D,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAA;AAEpF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,0BAA0B,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

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

@@ -5,4 +5,5 @@ export * from './features/feedback';
 export * from './features/celebrations';
 export * from './features/endOfAssignment';
 export * from './features/formulaSheet';
+export * from './features/problemSelector';
 //# 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;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,6BAA2D,SAAS,sBASxF,CAAA"}

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;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,EAAE,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAY7D;AAED,eAAe,EAAE,CAAA"}

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;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,SAAS,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAYpE;AAED,eAAe,SAAS,CAAA"}

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,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,iBAAS,MAAM,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,EAAE,SAAS,qBAejE;AAED,eAAe,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.5.7",
+  "version": "0.5.8-rc-0",
   "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.17",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

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

@@ -2,11 +2,12 @@ import * as React from 'react'
 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
+export const SunrisingIcon = ({ size }: IconProps) => {
+  const actualSize = typeof size === 'number' ? size : 0
+  const height = actualSize * 0.606
 
   return (
-    <Svg width={props.size} height={height} viewBox="0 0 909 551" fill="none" {...props}>
+    <Svg width={size} height={height} viewBox="0 0 909 551" fill="none">
       <G opacity={0.1}>
         <Path
           d="M164.04-598.854a893.984 893.984 0 01222.319 28.085L164.04 295.106v-893.96z"
@@ -68,6 +69,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -79,6 +82,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -90,6 +95,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -101,6 +108,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -112,6 +121,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -123,6 +134,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -134,6 +147,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -145,6 +160,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -156,6 +173,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -167,6 +186,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -178,6 +199,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <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"
@@ -189,6 +212,8 @@ export const SunrisingIcon = (props: IconProps) => {
         >
           <Stop stopColor="#FF245F" />
           <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
+          <Stop stopColor="#FF245F" />
+          <Stop offset={1} stopColor="#FF7917" stopOpacity={0} />
         </LinearGradient>
       </Defs>
     </Svg>

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

@@ -2,11 +2,12 @@ import * as React from 'react'
 import Svg, { Path } from 'react-native-svg'
 import { IconProps } from '../../../../../shared/icons/icon.types'
 
-export const TrophyIcon = (props: IconProps) => {
-  const height = (props.size ?? 0) * 0.982
+export const TrophyIcon = ({ size }: IconProps) => {
+  const actualSize = typeof size === 'number' ? size : 0
+  const height = actualSize * 0.982
 
   return (
-    <Svg width={props.size} height={height} viewBox="0 0 466 458" fill="none" {...props}>
+    <Svg width={size} height={height} viewBox="0 0 466 458" fill="none">
       <Path
         d="M258.454 244.45l-5.731 32.767 16.384 2.86c8.047 1.407 15.796 2.106 23.222 2.106 15.697.011 29.985-3.137 42.766-9.389 6.728-3.292 13.025-7.438 18.9-12.449 44.672-38.12 50.247-115.859 49.604-158.813-.288-18.467-9.466-35.848-24.575-46.49-9.355-6.606-20.23-10.209-31.348-10.575a57.996 57.996 0 00-17.935 2.206c-14.355 4.09-26.36 13.38-33.875 25.994l-32.379-14.332L250.03 88.75l39.162 17.326c6.274 2.771 13.247 2.916 19.632.388 6.374-2.516 11.373-7.382 14.055-13.7a24.56 24.56 0 0115.974-14.112c2.993-.853 6.052-1.13 9.056-.853a24.578 24.578 0 0111.961 4.422c6.44 4.534 10.353 11.95 10.475 19.82 1.164 76.841-18.822 112.224-32.024 127.144-2.195 2.494-4.213 4.412-5.909 5.864-14.632 12.47-33.465 16.483-57.586 12.271l-16.372-2.871zM37.623 282.187c7.429 0 15.173-.703 23.223-2.111l16.379-2.864-5.73-32.757-16.378 2.865c-24.126 4.221-42.953.202-57.575-12.274-11.858-10.119-39.295-43.336-37.936-133.006.119-7.871 4.036-15.28 10.476-19.82a24.601 24.601 0 0121.015-3.57A24.606 24.606 0 017.075 92.764c2.683 6.318 7.675 11.186 14.058 13.709 6.384 2.522 13.355 2.38 19.63-.396l39.152-17.329-13.46-30.41-32.37 14.328C26.57 60.055 14.57 50.762.213 46.67c-16.936-4.828-34.901-1.777-49.293 8.369-15.102 10.647-24.286 28.03-24.565 46.498-.652 42.947 4.926 120.686 49.6 158.806 17.036 14.535 37.71 21.844 61.668 21.844z"
         fill="#FFD690"

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

@@ -5,6 +5,7 @@ import { useUnit } from 'effector-react'
 import {
   Button,
   ButtonColor,
+  ButtonSize,
   ButtonVariant,
   COLORS,
   SPACING,
@@ -13,7 +14,6 @@ import {
 
 import { EOAModalContentProps } from '../../types'
 import { NoAnswerContent } from './NoAnswerContent'
-import { PracticeButton } from '../../ui/PracticeButton'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 
@@ -22,17 +22,49 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
 
   const { stats, isExam, user } = popUpData ?? {}
 
-  const buttonColorScheme = isExam ? ButtonColor.YELLOW : ButtonColor.BLUE
-  const practiceButtonVisible = user?.practiceButtonVisible && (!isExam || !!user?.practiceMode)
+  function getButtons() {
+    const buttons = [
+      {
+        text: textContent.leftButtonText ?? '',
+        colorScheme: isExam ? ButtonColor.PURPLE : ButtonColor.BLUE,
+        onPress: () => model.hidePopUpAndLeave(),
+      },
+    ]
 
-  const handlePrimaryButtonPress = () => {
-    isExam ? onPracticePress?.() : model.goToFirstProblemPressed()
-    model.hidePopUp()
+    if (!isExam) {
+      buttons.push({
+        text: textContent.rightButtonText ?? '',
+        colorScheme: ButtonColor.BLUE,
+        onPress: () => {
+          model.goToFirstProblemPressed()
+          model.hidePopUp()
+        },
+      })
+      return buttons
+    }
+
+    const isPracticeAvailable = !!user?.practiceMode && user?.practiceButtonVisible
+
+    if (isPracticeAvailable) {
+      buttons.push({
+        text: textContent.rightButtonText ?? '',
+        colorScheme: ButtonColor.YELLOW,
+        onPress: () => {
+          onPracticePress?.()
+          model.hidePopUp()
+        },
+      })
+    }
+
+    return buttons
   }
 
+  const buttons = getButtons()
+
   useKeyBoard((event) => {
     if (event.key === KeyboardKeys.ENTER) {
-      practiceButtonVisible ? handlePrimaryButtonPress() : model.hidePopUpAndLeave()
+      const primaryButton = buttons.at(-1)
+      primaryButton?.onPress()
     }
   })
 
@@ -44,7 +76,7 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
             {textContent.title}
           </Typography>
         )}
-        {!!textContent.subtitle && practiceButtonVisible && (
+        {!!textContent.subtitle && buttons.length === 2 && (
           <Typography variant="h4" style={styles.subtitle}>
             {textContent.subtitle}
           </Typography>
@@ -55,23 +87,18 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
         problemsAmount={stats?.problemsAmount ?? 0}
       />
       <View style={styles.buttonsContainer}>
-        <Button
-          variant={practiceButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY}
-          size="large"
-          colorScheme={popUpData?.isExam ? ButtonColor.PURPLE : ButtonColor.BLUE}
-          style={{ text: { textTransform: 'uppercase' } }}
-          onPress={model.hidePopUpAndLeave}
-        >
-          {textContent.leftButtonText ?? ''}
-        </Button>
-
-        {practiceButtonVisible && (
-          <PracticeButton
-            onPress={handlePrimaryButtonPress}
-            text={textContent.rightButtonText}
-            colorScheme={buttonColorScheme}
-          />
-        )}
+        {buttons.map((button, index) => (
+          <Button
+            key={index}
+            variant={index === buttons.length - 1 ? ButtonVariant.PRIMARY : ButtonVariant.TERTIARY}
+            size={ButtonSize.LARGE}
+            colorScheme={button.colorScheme}
+            style={{ text: { textTransform: 'uppercase' } }}
+            onPress={button.onPress}
+          >
+            {button.text}
+          </Button>
+        ))}
       </View>
     </View>
   )