@magmamath/students-features 0.3.3 → 0.4.0

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",
@@ -24,6 +24,7 @@
     "@magmamath/react-native-ui": "*",
     "react": "*",
     "react-native": "*",
+    "react-native-reanimated": ">=0.3.16",
     "react-native-svg": "^15.10.0"
   },
   "devDependencies": {
@@ -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%',
+  },
+})

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

@@ -0,0 +1,99 @@
+import React from 'react'
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  useAnimatedReaction,
+  runOnJS,
+} from 'react-native-reanimated'
+import { StyleSheet } from 'react-native'
+
+export type ParticleProps = {
+  onAnimationEnd?: () => void
+  children: React.ReactElement
+  initialPreset: {
+    xOffset: number
+    rotation: number
+    rotationSpeed: number
+    velocity: {
+      x: number
+      y: number
+    }
+    angularAcceleration: number
+    friction: number
+    life: number
+  }
+}
+
+export const Particle = ({
+  onAnimationEnd,
+  children,
+  initialPreset: {
+    xOffset,
+    velocity,
+    rotationSpeed,
+    rotation,
+    angularAcceleration,
+    friction,
+    life,
+  },
+}: ParticleProps) => {
+  const particleState = useSharedValue({
+    x: 0,
+    y: 0,
+    opacity: 1,
+    rotation,
+    velocity: { x: velocity.x, y: velocity.y },
+    life,
+  })
+
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      left: particleState.value.x + xOffset,
+      top: particleState.value.y,
+      opacity: particleState.value.opacity,
+      transform: [{ rotate: `${(particleState.value.rotation * Math.PI) / 180}rad` }],
+    }
+  }, [particleState])
+
+  const animationFinished = () => {
+    onAnimationEnd?.()
+  }
+
+  useAnimatedReaction(
+    () => particleState.value,
+    (state) => {
+      const newVelocity = {
+        x: state.velocity.x * friction,
+        y: state.velocity.y * friction,
+      }
+
+      const currentSpeed = Math.sqrt(newVelocity.x ** 2 + newVelocity.y ** 2)
+      const angle = Math.atan2(newVelocity.y, newVelocity.x)
+      const newAngle = angle + angularAcceleration
+      newVelocity.x = Math.cos(newAngle) * currentSpeed
+      newVelocity.y = Math.sin(newAngle) * currentSpeed
+
+      particleState.value = {
+        x: state.x + newVelocity.x,
+        y: state.y + newVelocity.y,
+        opacity: state.life / (life / 2),
+        rotation: state.rotation + rotationSpeed,
+        velocity: newVelocity,
+        life: state.life - 1,
+      }
+
+      if (state.opacity <= 0) {
+        runOnJS(animationFinished)()
+      }
+    },
+    [particleState],
+  )
+
+  return <Animated.View style={[styles.icon, animatedStyle]}>{children}</Animated.View>
+}
+
+const styles = StyleSheet.create({
+  icon: {
+    position: 'absolute',
+  },
+})