@magmamath/students-features 0.4.0-rc.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"EOAModal.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/components/EOAModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAgB,YAAY,EAAmB,MAAM,UAAU,CAAA;AA0BtE,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,QAAQ,CAAA;IACf,WAAW,EAAE,YAAY,CAAA;IACzB,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,QAAQ,4CAA6C,aAAa,6BA2B9E,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExamLeave.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamLeave/ExamLeave.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,SAAS,2BAA4B,oBAAoB,sBA0BrE,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EOAModalContentProps } from '../../types';
+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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type ExamSumitContentProps = {
+    problemsAmount: number;
+    description?: string;
+};
+export declare const ExamSubmitContent: ({ problemsAmount, description }: ExamSumitContentProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ExamSubmitContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExamSubmitContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/ExamSubmit/ExamSubmitContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,qBAAqB,GAAG;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAAqC,qBAAqB,sBAgBvF,CAAA"}

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

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export type ModalProps = {
+    isVisible: boolean;
+    content: ReactNode;
+    isDismissable: boolean;
+    onClose?: () => void;
+    hideCloseButton?: boolean;
+    withBackground?: boolean;
+    style?: {
+        overlay?: StyleProp<ViewStyle>;
+        container?: StyleProp<ViewStyle>;
+        header?: StyleProp<TextStyle> | StyleProp<ViewStyle>;
+        content?: StyleProp<TextStyle> | StyleProp<ViewStyle>;
+        footer?: StyleProp<ViewStyle>;
+        closeButton?: StyleProp<ViewStyle>;
+    };
+};
+export declare const Modal: ({ isVisible, isDismissable, onClose, style, content, withBackground }: ModalProps) => React.JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE7D,OAAO,EAGL,SAAS,EAET,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAA;AAcrB,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;QAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;QAChC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;QACpD,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;QACrD,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;QAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KACnC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,KAAK,0EAAkF,UAAU,6BA+B7G,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ModalBackground: () => React.JSX.Element;
+//# sourceMappingURL=ModalBackground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,eAAe,yBAS3B,CAAA"}

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

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

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

@@ -0,0 +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;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGtD,eAAO,MAAM,aAAa,UAAW,SAAS,sBA+L7C,CAAA"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Animated } from 'react-native';
+export declare class ModalModel {
+    private static ANIMATION_DURATION;
+    private static INITIAL_OPACITY;
+    private static createTimingAnimation;
+    animation: {
+        show: () => void;
+    };
+    animatedStyle: {
+        opacity: Animated.Value;
+    };
+    constructor();
+}
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/Modal/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAM;IACvC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAI;IAClC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAW7B,SAAS;;MAAA;IACT,aAAa;;MAAA;;CAerB"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type NoAnswerContentProps = {
+    solvedAmount: number;
+    problemsAmount: number;
+};
+export declare const NoAnswerContent: ({ solvedAmount, problemsAmount }: NoAnswerContentProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=NoAnswerContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoAnswerContent.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/endOfAssignment/components/NoAnswer/NoAnswerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAgBxC,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,qCAAsC,oBAAoB,sBAmCrF,CAAA"}

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

@@ -0,0 +1,41 @@
+import { AnimatedCardVariant, EOAModalVariant } from './types';
+export declare const SPARKS_ANIMATION_DELAY = 2000;
+export declare const GOOD_DRAWING_CARD_APPEARENCE_DELAY = 1800;
+export declare const MODALS_WITH_BACKGROUND: EOAModalVariant[];
+export declare const VARIANT_COLORS: Record<AnimatedCardVariant, {
+    initial: string;
+    final: string;
+    primary: string;
+}>;
+export declare const ANIMATION_DELAYS: {
+    step3: number;
+    celebrations: number;
+};
+export declare const CARD_DIMENSIONS: {
+    initialWidth: number;
+    finalWidth: number;
+    initialHeight: number;
+    finalHeight: number;
+};
+export declare const OPACITY: {
+    initial: number;
+    final: number;
+};
+export declare const BADGE_PARAMS: {
+    initialTranslateX: number;
+    intermediateTranslateX: number;
+    finalTranslateX: number;
+    initialRotation: number;
+    initialScale: number;
+};
+export declare const SPRING_CONFIG: {
+    stiffness: number;
+    damping: number;
+    mass: number;
+};
+export declare const SPRING_CONFIG_STEP_3: {
+    stiffness: number;
+    damping: number;
+    mass: number;
+};
+//# sourceMappingURL=constants.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import { EOAModalVariant } from './types';
+export declare const getModalContainerSize: (modalVariant: EOAModalVariant) => {
+    container: {
+        width: number;
+        height: number;
+    };
+};
+export declare const shouldDisplayModalBackground: (modalVariant: EOAModalVariant | null) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+import { SpringConfig } from 'react-native-reanimated/lib/typescript/animation/springUtils';
+type UseSparkAnimationProps = {
+    id: string;
+    initialDelay: number;
+    rotationAngle: number;
+    holdDelay: number;
+    springConfig: SpringConfig;
+    x: number;
+    y: number;
+    size: number;
+};
+export declare const useSparkAnimation: ({ id, initialDelay, rotationAngle, holdDelay, springConfig, x, y, size, }: UseSparkAnimationProps) => {
+    animatedStyle: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        opacity: number;
+        transform: {
+            rotate: string;
+        }[];
+        zIndex: number;
+    };
+};
+export {};
+//# sourceMappingURL=useSparkAnimation.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+export { EOAModal } from './components/EOAModal';
+export * from './types';
+export * from './model/model';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/endOfAssignment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,14 @@
+import { EOAModalVariant, EOAModalData, EOAEventType } from '../types';
+export declare class EOAModel {
+    readonly showPopUp: import("effector").EventCallable<EOAModalData>;
+    readonly hidePopUp: import("effector").EventCallable<void>;
+    readonly practicePressed: import("effector").EventCallable<void>;
+    readonly leavePressed: import("effector").EventCallable<void>;
+    readonly goToFirstProblemPressed: import("effector").EventCallable<void>;
+    readonly updateRecommendations: import("effector").EventCallable<boolean>;
+    readonly popUpTriggered: import("effector").EventCallable<EOAEventType>;
+    readonly $popUpData: import("effector").StoreWritable<EOAModalData | null>;
+    readonly $modalVariant: import("effector").StoreWritable<EOAModalVariant | null>;
+    readonly hidePopUpAndLeave: () => void;
+}
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +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,qBAAqB,4CAAyB;IAC9D,SAAgB,cAAc,iDAA8B;IAE5D,SAAgB,UAAU,wDAGF;IAEtB,SAAgB,aAAa,2DA8BN;IAGzB,SAAgB,iBAAiB,aAGhC;CAEF"}

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

@@ -0,0 +1,60 @@
+import { EOAModel } from "./model/model";
+export declare enum EOAEventType {
+    SUBMIT = "SUBMIT",
+    EXAM_LEAVE = "EXAM_LEAVE",
+    EXAM_PAUSED = "EXAM_PAUSED",
+    EXAM_FINISHED = "EXAM_FINISHED",
+    CHEAT_DETECTED = "CHEAT_DETECTED"
+}
+export declare enum EOAModalVariant {
+    NO_CORRECT_ANSWERS = "NO_CORRECT_ANSWERS",
+    HAS_CORRECT_ANSWERS = "HAS_CORRECT_ANSWERS",
+    HAS_GOOD_DRAWING = "HAS_GOOD_DRAWING",
+    EXAM_PAUSED = "EXAM_PAUSED",
+    EXAM_SUBMIT = "EXAM_SUBMIT",
+    EXAM_SAFE_MODE_SUBMIT = "EXAM_SAFE_MODE_SUBMIT",
+    EXAM_SAFE_MODE_LEAVE = "EXAM_SAFE_MODE_LEAVE",
+    EXAM_SAFE_MODE_CHEAT_DETECTED = "EXAM_SAFE_MODE_CHEAT_DETECTED",
+    EXAM_FINISHED_HAS_CORRECT_ANSWERS = "EXAM_FINISHED_HAS_CORRECT_ANSWERS",
+    EXAM_FINISHED_NO_CORRECT_ANSWERS = "EXAM_FINISHED_NO_CORRECT_ANSWERS"
+}
+export declare enum AnimatedCardVariant {
+    GOOD_DRAWING = "goodDrawing",
+    CORRECT_ANSWER = "correctAnswers"
+}
+export type EOAModalContentProps = {
+    textContent: EOAModalText;
+    model: EOAModel;
+    onPracticePress?: () => void;
+};
+export type EOAModalData = {
+    isExam: boolean;
+    newerAssignmentAvailable?: boolean;
+    examFinished?: boolean;
+    cheatDetection?: boolean;
+    eventType?: EOAEventType;
+    stats: {
+        solvedAmount: number;
+        goodDrawingAmount: number;
+        problemsAmount: number;
+    };
+    hasRecommendations?: boolean;
+    user: {
+        firstName: string;
+        practiceMode: boolean;
+    };
+};
+export type EOAModalText = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    leftButtonText?: string;
+    rightButtonText?: string;
+    stats?: {
+        correctAnswers?: string;
+        correctAnswersPlural?: string;
+        goodCalculations?: string;
+        goodCalculationsPlural?: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AnimatedCardVariant } from '../types';
+type EOABadgeProps = {
+    variant: AnimatedCardVariant;
+    size?: number;
+    iconSize?: number;
+    color?: string;
+};
+export declare const EOABadge: ({ variant, size, iconSize, color, }: EOABadgeProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=EOABadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EOABadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/EOABadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,wCAKlB,aAAa,sBAmBf,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ButtonColor } from '@magmamath/react-native-ui';
+type PracticeButtonProps = {
+    onPress: () => void;
+    text?: string;
+    colorScheme?: ButtonColor;
+};
+export declare const PracticeButton: ({ onPress, text, colorScheme, }: PracticeButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=PracticeButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PracticeButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAEhE,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,cAAc,oCAIxB,mBAAmB,sBAYrB,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+type PracticeButtonGroupProps = {
+    textContent: {
+        leftButtonText?: string;
+        rightButtonText?: string;
+    };
+    isPracticeButtonVisible: boolean;
+    onLeftButtonPress: () => void;
+    onRightButtonPress: () => void;
+    isExam?: boolean;
+};
+export declare const PracticeButtonGroup: ({ textContent, isPracticeButtonVisible, onLeftButtonPress, onRightButtonPress, isExam, }: PracticeButtonGroupProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=PracticeButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,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,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,mBAAmB,6FAM7B,wBAAwB,sBAmC1B,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbUpIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/ThumbUpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,WAAW,oBAA6C,SAAS,sBAW7E,CAAA"}

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

@@ -3,4 +3,6 @@ export type { LocalizationConfig } from './shared/translation';
 export { generateRandomId } from './lib/helpers/helpers';
 export * from './features/chatbot';
 export * from './features/feedback';
+export * from './features/celebrations';
+export * from './features/endOfAssignment';
 //# 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,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,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,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA"}

package/dist/typescript/module/lib/effector/createEntityFieldStore.d.ts

@@ -1,4 +1,3 @@
-import { Event } from 'effector';
 type UpdateField<T> = {
     key: string;
 } & ({
@@ -12,7 +11,6 @@ export declare class EntityFieldStore<T> {
     readonly setField: import("effector").EventCallable<UpdateField<T>>;
     readonly reset: import("effector").EventCallable<void>;
     readonly $state: import("effector").StoreWritable<Record<string, T>>;
-    on<EV>(event: Event<EV>, fn: (state: Record<string, T>, payload: EV) => Record<string, T> | void): this;
 }
 export declare function createEntityFieldStore<T>(): EntityFieldStore<T>;
 export {};

package/dist/typescript/module/lib/effector/createEntityFieldStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createEntityFieldStore.d.ts","sourceRoot":"","sources":["../../../../../src/lib/effector/createEntityFieldStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1D,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEnF,qBAAa,gBAAgB,CAAC,CAAC;IAC7B,SAAgB,QAAQ,mDAAgC;IACxD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,MAAM,sDAUF;IAEb,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAChB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,IAAI;CAK1E;AAED,wBAAgB,sBAAsB,CAAC,CAAC,yBAEvC"}
+{"version":3,"file":"createEntityFieldStore.d.ts","sourceRoot":"","sources":["../../../../../src/lib/effector/createEntityFieldStore.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEnF,qBAAa,gBAAgB,CAAC,CAAC;IAC7B,SAAgB,QAAQ,mDAAgC;IACxD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,MAAM,sDAUF;CACrB;AAED,wBAAgB,sBAAsB,CAAC,CAAC,yBAEvC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/typescript/module/shared/icons/icon.types.d.ts

@@ -1,4 +1,3 @@
-import { StyleProp, ViewStyle } from 'react-native';
 export type IconProps = {
     color?: string;
     className?: string;
@@ -6,6 +5,5 @@ export type IconProps = {
     strokeWidth?: string;
     width?: number;
     height?: number;
-    style?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=icon.types.d.ts.map

package/dist/typescript/module/shared/icons/icon.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/icon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.4.0-rc.0",
+  "version": "0.4.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",
@@ -24,10 +24,11 @@
     "@magmamath/react-native-ui": "*",
     "react": "*",
     "react-native": "*",
+    "react-native-reanimated": ">=0.3.16",
     "react-native-svg": "^15.10.0"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.4.1-rc.0",
+    "@magmamath/react-native-ui": "0.3.22",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",
@@ -41,6 +42,7 @@
     "react": "18.3.1",
     "react-native": "0.76.3",
     "react-native-builder-bob": "^0.33.3",
+    "react-native-reanimated": "^3.17.2",
     "react-native-svg": "^15.10.0",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2"

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

@@ -0,0 +1,62 @@
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
+import React, { memo, Ref, useImperativeHandle, useRef, useState } from 'react'
+import { ParticleBatch } from './ParticleBatch'
+import { CelebrationsRef, CelebrationVariant } from '../types'
+
+type CelebrationsProps = {
+  style?: StyleProp<ViewStyle>
+  modelRef: Ref<CelebrationsRef>
+}
+
+export const Celebrations = memo(({ style, modelRef }: CelebrationsProps) => {
+  const activeBatchesIds = useRef(new Set<number>())
+  const [particlesBatches, setParticlesBatches] = useState<
+    React.ReactElement<typeof ParticleBatch>[]
+  >([])
+  const [containerWidth, setContainerWidth] = useState(0)
+
+  const addParticlesBatch = (variant: CelebrationVariant) => {
+    const batchId = Math.random()
+    activeBatchesIds.current.add(batchId)
+    setParticlesBatches((prev) => [
+      ...prev,
+      <ParticleBatch
+        key={batchId}
+        onAnimationEnd={() => {
+          activeBatchesIds.current.delete(batchId)
+          setParticlesBatches((prev) => prev.filter((batch) => batch.key !== batchId.toString()))
+        }}
+        containerWidth={containerWidth}
+        variant={variant}
+      />,
+    ])
+  }
+
+  useImperativeHandle(
+    modelRef,
+    () => ({
+      play: addParticlesBatch,
+    }),
+    [containerWidth],
+  )
+
+  return (
+    <View
+      style={[styles.container, style]}
+      onLayout={(event) => {
+        setContainerWidth(event.nativeEvent.layout.width)
+      }}
+      pointerEvents="box-none"
+    >
+      {particlesBatches}
+    </View>
+  )
+})
+
+const styles = StyleSheet.create({
+  container: {
+    zIndex: 0,
+    position: 'absolute',
+    width: '100%',
+  },
+})