@magmamath/students-features 0.4.4 → 0.5.0-rc.0

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

@@ -1,14 +0,0 @@
-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 recommendationsUpdated: 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

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

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

@@ -1,60 +0,0 @@
-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

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

@@ -1,11 +0,0 @@
-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

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

@@ -1,10 +0,0 @@
-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

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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,mBAAmB,6FAM7B,wBAAwB,sBAiC1B,CAAA"}

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

@@ -1,4 +0,0 @@
-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

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/lib/constants.d.ts

@@ -1,4 +0,0 @@
-export declare enum KeyboardKeys {
-    ENTER = "Enter"
-}
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACpB,KAAK,UAAU;CAChB"}

package/dist/typescript/module/shared/hooks/useKeyDownListener.d.ts

@@ -1,3 +0,0 @@
-import { KeyboardKeys } from '../../lib/constants';
-export declare const useKeyDownListener: (callback: (event: KeyboardEvent) => void, overrideKeys?: KeyboardKeys[]) => void;
-//# sourceMappingURL=useKeyDownListener.d.ts.map

package/dist/typescript/module/shared/hooks/useKeyDownListener.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyDownListener.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyDownListener.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,eAAO,MAAM,kBAAkB,aACnB,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,wCAqBzC,CAAA"}

package/dist/typescript/module/shared/hooks/useKeyboard.d.ts

@@ -1,11 +0,0 @@
-/**
- * A cross-platform hook for handling keyboard events.
- *
- * - On native platforms (iOS, Android), it returns a no-op function because
- *   keyboard events are generally not applicable.
- *
- * - On web (default), it returns the `useKeyDownListener` hook, which allows you
- *   to register a callback that is triggered on keydown events.
- */
-export declare const useKeyBoard: (callback: (event: KeyboardEvent) => void, overrideKeys?: import("../../lib/constants").KeyboardKeys[]) => void;
-//# sourceMappingURL=useKeyboard.d.ts.map

package/dist/typescript/module/shared/hooks/useKeyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyboard.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,iHAGtB,CAAC"}

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

@@ -1,5 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/features/celebrations/components/Celebrations.tsx

@@ -1,62 +0,0 @@
-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

@@ -1,101 +0,0 @@
-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
-    gravity: number
-  }
-}
-
-export const Particle = ({
-  onAnimationEnd,
-  children,
-  initialPreset: {
-    xOffset,
-    velocity,
-    rotationSpeed,
-    rotation,
-    angularAcceleration,
-    friction,
-    life,
-    gravity,
-  },
-}: 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 + gravity) * 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',
-  },
-})

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

@@ -1,57 +0,0 @@
-import React, { useState, useEffect, ComponentType } from 'react'
-import { IconProps } from '@magmamath/react-native-ui'
-import { CELEBRATION_VARIANTS } from '../config'
-import { generateParticle } from '../helpers'
-import { Particle } from './Particle'
-import { CelebrationVariant } from '../types'
-
-export type ParticlesBatch = {
-  id: number
-  type: 'main' | 'spark'
-  angle: number
-  velocity: {
-    x: number
-    y: number
-  }
-  angularAcceleration: number
-  friction: number
-  Component: ComponentType<IconProps>
-  rotation: number
-  rotationSpeed: number
-  size: number
-  life: number
-}
-export type ParticleBatchProps = {
-  containerWidth: number
-  onAnimationEnd: () => void
-  variant: CelebrationVariant
-}
-
-export const ParticleBatch = ({ containerWidth, onAnimationEnd, variant }: ParticleBatchProps) => {
-  const [particles, setParticles] = useState<ParticlesBatch[]>([])
-  const { color, gravity } = CELEBRATION_VARIANTS[variant]
-  const xOffset = containerWidth ? containerWidth / 2 : 0
-
-  useEffect(() => {
-    setParticles(generateParticle(variant))
-  }, [])
-
-  return particles.map((p, i) => (
-    <Particle
-      key={p.id}
-      onAnimationEnd={i === 0 ? onAnimationEnd : undefined}
-      initialPreset={{
-        velocity: p.velocity,
-        angularAcceleration: p.angularAcceleration,
-        friction: p.friction,
-        rotationSpeed: p.rotationSpeed,
-        rotation: p.rotation,
-        life: p.life,
-        xOffset,
-        gravity,
-      }}
-    >
-      {<p.Component size={p.size} color={color} />}
-    </Particle>
-  ))
-}

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

@@ -1,14 +0,0 @@
-import { IconProps } from '@magmamath/react-native-ui';
-import React from 'react';
-import { View } from 'react-native';
-
-export const Spark = ({ size = 10, color }: IconProps) => (
-  <View
-    style={{
-      width: size,
-      height: size,
-      backgroundColor: color,
-      borderRadius: size / 2,
-    }}
-  />
-);