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

package/src/features/endOfAssignment/constants.ts

@@ -1,53 +0,0 @@
-import { COLORS } from '@magmamath/react-native-ui'
-
-import { AnimatedCardVariant, EOAModalVariant } from './types'
-
-export const SPARKS_ANIMATION_DELAY = 2000
-export const GOOD_DRAWING_CARD_APPEARENCE_DELAY = 1800
-
-export const MODALS_WITH_BACKGROUND = [
-  EOAModalVariant.HAS_CORRECT_ANSWERS,
-  EOAModalVariant.HAS_GOOD_DRAWING,
-  EOAModalVariant.EXAM_FINISHED_HAS_CORRECT_ANSWERS,
-]
-
-export const VARIANT_COLORS: Record<AnimatedCardVariant, { initial: string; final: string; primary: string }> = {
-  [AnimatedCardVariant.CORRECT_ANSWER]: {
-    initial: COLORS.GREEN_2,
-    final: COLORS.GREEN_4,
-    primary: COLORS.PRIMARY_GREEN,
-  },
-  [AnimatedCardVariant.GOOD_DRAWING]: {
-    initial: COLORS.ORANGE_2,
-    final: COLORS.ORANGE_4,
-    primary: COLORS.PRIMARY_ORANGE,
-  },
-}
-
-export const ANIMATION_DELAYS = {
-  step3: 500,
-  celebrations: 140
-}
-
-export const CARD_DIMENSIONS = {
-  initialWidth: 85,
-  finalWidth: 375,
-  initialHeight: 85,
-  finalHeight: 175,
-}
-
-export const OPACITY = {
-  initial: 0,
-  final: 1,
-}
-
-export const BADGE_PARAMS = {
-  initialTranslateX: -9,
-  intermediateTranslateX: 230,
-  finalTranslateX: 40,
-  initialRotation: -180,
-  initialScale: 0.5,
-}
-
-export const SPRING_CONFIG = { stiffness: 241, damping: 18, mass: 0.75 }
-export const SPRING_CONFIG_STEP_3 = { stiffness: 168.8, damping: 15, mass: 0.75 }

package/src/features/endOfAssignment/helpers.ts

@@ -1,28 +0,0 @@
-import { MODALS_WITH_BACKGROUND } from './constants'
-import { EOAModalVariant } from './types'
-
-export const getModalContainerSize = (modalVariant: EOAModalVariant) => {
-  switch (modalVariant) {
-    case EOAModalVariant.EXAM_SUBMIT:
-    case EOAModalVariant.EXAM_SAFE_MODE_SUBMIT:
-      return { container: { width: 600, height: 384 } }
-    case EOAModalVariant.EXAM_PAUSED:
-    case EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED:
-      return { container: { width: 560, height: 338 } }
-    case EOAModalVariant.EXAM_SAFE_MODE_LEAVE:
-      return { container: { width: 550, height: 280 } }
-    case EOAModalVariant.HAS_GOOD_DRAWING:
-      return { container: { width: 957, height: 550 } }
-    case EOAModalVariant.HAS_CORRECT_ANSWERS:
-    case EOAModalVariant.EXAM_FINISHED_HAS_CORRECT_ANSWERS:
-      return { container: { width: 957, height: 550 } }
-    default:
-      return { container: { width: 600, height: 429 } }
-  }
-}
-
-export const shouldDisplayModalBackground = (modalVariant: EOAModalVariant | null) => {
-  if (!modalVariant) return false
-
-  return MODALS_WITH_BACKGROUND.includes(modalVariant)
-}

package/src/features/endOfAssignment/hooks/useSparkAnimation.tsx

@@ -1,78 +0,0 @@
-import { useEffect } from 'react'
-import {
-  useSharedValue,
-  withDelay,
-  withRepeat,
-  withSequence,
-  withSpring,
-  useAnimatedReaction,
-  useAnimatedStyle,
-  interpolate,
-} from 'react-native-reanimated'
-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 const useSparkAnimation = ({
-  id,
-  initialDelay,
-  rotationAngle,
-  holdDelay,
-  springConfig,
-  x,
-  y,
-  size,
-}: UseSparkAnimationProps) => {
-  const progress = useSharedValue(0)
-  const rotation = useSharedValue(0)
-
-  useAnimatedReaction(
-    () => progress.value,
-    (current, previous) => {
-      if (typeof previous === 'number' && current < previous * 0.95) {
-        rotation.value = id === '2' ? -rotationAngle : rotationAngle
-      } else {
-        rotation.value = current * (id === '2' ? -rotationAngle : rotationAngle)
-      }
-    },
-    [rotation, progress],
-  )
-
-  useEffect(() => {
-    progress.value = withDelay(
-      initialDelay,
-      withRepeat(
-        withSequence(
-          withSpring(1, springConfig),
-          withDelay(holdDelay, withSpring(0, springConfig)),
-        ),
-        -1,
-      ),
-    )
-  }, [])
-
-  const animatedStyle = useAnimatedStyle(() => {
-    const opacity = interpolate(progress.value, [0, 1], [0, 1])
-    return {
-      position: 'absolute',
-      top: y,
-      left: x,
-      width: size,
-      height: size,
-      opacity,
-      transform: [{ rotate: `${rotation.value}deg` }],
-      zIndex: 10,
-    }
-  }, [progress, rotation])
-
-  return { animatedStyle }
-}

package/src/features/endOfAssignment/index.ts

@@ -1,3 +0,0 @@
-export { EOAModal } from './components/EOAModal'
-export * from './types'
-export * from './model/model'

package/src/features/endOfAssignment/model/model.ts

@@ -1,57 +0,0 @@
-import { createStore, createEvent } from 'effector'
-import { EOAModalVariant, EOAModalData, EOAEventType } from '../types'
-
-export class EOAModel {
-  public readonly showPopUp = createEvent<EOAModalData>()
-  public readonly hidePopUp = createEvent()
-
-  public readonly practicePressed = createEvent()
-  public readonly leavePressed = createEvent()
-  public readonly goToFirstProblemPressed = createEvent()
-  public readonly recommendationsUpdated = createEvent<boolean>()
-  public readonly popUpTriggered = createEvent<EOAEventType>()
-
-  public readonly $popUpData = createStore<EOAModalData | null>(null)
-    .on(this.showPopUp, (_, payload) => payload)
-    .on(this.recommendationsUpdated, (state, hasRecommendations) => (state ? { ...state, hasRecommendations } : state))
-    .reset(this.hidePopUp)
-
-    public readonly $modalVariant = createStore<EOAModalVariant | null>(null)
-    .on(this.showPopUp, (_, popUpData) => {
-      if (!popUpData) return null;
-
-      const { isExam, stats, examFinished, eventType, cheatDetection } = popUpData;
-      const solvedAmount = stats?.solvedAmount ?? 0;
-      const goodDrawingAmount = stats?.goodDrawingAmount ?? 0;
-
-      if (!isExam) {
-        if (solvedAmount === 0) return EOAModalVariant.NO_CORRECT_ANSWERS;
-        if (solvedAmount > 0 && goodDrawingAmount > 0) return EOAModalVariant.HAS_GOOD_DRAWING;
-        return EOAModalVariant.HAS_CORRECT_ANSWERS;
-      }
-
-      if (eventType === EOAEventType.EXAM_PAUSED) return EOAModalVariant.EXAM_PAUSED;
-      if (eventType === EOAEventType.CHEAT_DETECTED) return EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED;
-      if (eventType === EOAEventType.SUBMIT && !examFinished) {
-        return cheatDetection
-          ? EOAModalVariant.EXAM_SAFE_MODE_SUBMIT
-          : EOAModalVariant.EXAM_SUBMIT;
-      }
-
-      if (examFinished || eventType === EOAEventType.EXAM_FINISHED) {
-        return solvedAmount > 0
-          ? EOAModalVariant.EXAM_FINISHED_HAS_CORRECT_ANSWERS
-          : EOAModalVariant.EXAM_FINISHED_NO_CORRECT_ANSWERS;
-      }
-
-      return EOAModalVariant.EXAM_SAFE_MODE_LEAVE;
-    })
-    .reset(this.hidePopUp);
-
-
-  public readonly hidePopUpAndLeave = () => {
-    this.leavePressed()
-    this.hidePopUp()
-  }
-
-}

package/src/features/endOfAssignment/types.ts

@@ -1,65 +0,0 @@
-import { EOAModel } from "./model/model"
-
-export enum EOAEventType {
-  SUBMIT = 'SUBMIT',
-  EXAM_LEAVE = 'EXAM_LEAVE',
-  EXAM_PAUSED = 'EXAM_PAUSED',
-  EXAM_FINISHED = 'EXAM_FINISHED',
-  CHEAT_DETECTED = 'CHEAT_DETECTED',
-}
-
-export 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 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
-  }
-}

package/src/features/endOfAssignment/ui/EOABadge.tsx

@@ -1,47 +0,0 @@
-import React from 'react'
-import { View, StyleSheet } from 'react-native'
-
-import { CorrectIcon, COLORS } from '@magmamath/react-native-ui'
-import { ThumbUpIcon } from './ThumbUpIcon'
-import { AnimatedCardVariant } from '../types'
-
-type EOABadgeProps = {
-  variant: AnimatedCardVariant
-  size?: number
-  iconSize?: number
-  color?: string
-}
-
-export const EOABadge = ({
-  variant,
-  size = 70,
-  iconSize = 45,
-  color = COLORS.PRIMARY_GREEN,
-}: EOABadgeProps) => {
-  return (
-    <View
-      style={[
-        styles.container,
-        {
-          width: size,
-          height: size,
-          backgroundColor: color,
-        },
-      ]}
-    >
-      {variant === AnimatedCardVariant.CORRECT_ANSWER ? (
-        <CorrectIcon size={iconSize} color={COLORS.NEUTRAL_1} />
-      ) : (
-        <ThumbUpIcon size={iconSize} color={COLORS.NEUTRAL_1} />
-      )}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 50,
-  },
-})

package/src/features/endOfAssignment/ui/PracticeButton.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-
-import { Button, ButtonColor } from '@magmamath/react-native-ui'
-
-type PracticeButtonProps = {
-  onPress: () => void
-  text?: string
-  colorScheme?: ButtonColor
-}
-
-export const PracticeButton = ({
-  onPress,
-  text = '',
-  colorScheme = ButtonColor.YELLOW,
-}: PracticeButtonProps) => {
-  return (
-    <Button
-      variant="primary"
-      colorScheme={colorScheme}
-      size="large"
-      style={{ text: { textTransform: 'uppercase' } }}
-      onPress={onPress}
-    >
-      {text}
-    </Button>
-  )
-}

package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx

@@ -1,73 +0,0 @@
-import React, { useEffect } from 'react'
-import { StyleSheet } from 'react-native'
-
-import Animated, {
-  useSharedValue,
-  withDelay,
-  FadeInRight,
-  Easing,
-  FadeInUp,
-  withTiming,
-} from 'react-native-reanimated'
-import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui'
-
-import { PracticeButton } from './PracticeButton'
-
-type PracticeButtonGroupProps = {
-  textContent: { leftButtonText?: string; rightButtonText?: string }
-  isPracticeButtonVisible: boolean
-  onLeftButtonPress: () => void
-  onRightButtonPress: () => void
-  isExam: boolean
-}
-
-export const PracticeButtonGroup = ({
-  textContent,
-  isPracticeButtonVisible,
-  onLeftButtonPress,
-  onRightButtonPress,
-  isExam,
-}: PracticeButtonGroupProps) => {
-  const buttonsContainerOpacity = useSharedValue(0)
-
-  useEffect(() => {
-    buttonsContainerOpacity.value = withDelay(1000, withTiming(1, { duration: 500 }))
-  }, [])
-
-  return (
-    <Animated.View style={[styles.buttonsContainer, { opacity: buttonsContainerOpacity }]}>
-      <Animated.View
-        entering={
-          isPracticeButtonVisible
-            ? FadeInRight.delay(1000).duration(500).easing(Easing.ease)
-            : FadeInUp.duration(500)
-        }
-      >
-        <Button
-          variant={isPracticeButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY}
-          size={ButtonSize.LARGE}
-          colorScheme={isExam ? ButtonColor.PURPLE : ButtonColor.BLUE}
-          style={{ text: { textTransform: 'uppercase' } }}
-          onPress={onLeftButtonPress}
-        >
-          {textContent.leftButtonText}
-        </Button>
-      </Animated.View>
-      <Animated.View>
-        {isPracticeButtonVisible && (
-          <PracticeButton onPress={onRightButtonPress} text={textContent.rightButtonText} />
-        )}
-      </Animated.View>
-    </Animated.View>
-  )
-}
-
-const styles = StyleSheet.create({
-  buttonsContainer: {
-    height: 62,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: SPACING[300],
-  },
-})

package/src/features/endOfAssignment/ui/SparkIcon.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-
-import { IconProps } from '@magmamath/react-native-ui'
-import Svg, { Path } from 'react-native-svg'
-
-export const SparkIcon = ({ size = 12, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 22 22" fill="none">
-      <Path
-        d="M20.563 12.363c-3.688 1.348-6.782 4.42-8.24 8.244-.505 1.19-2.111 1.19-2.587 0-1.517-3.793-4.61-6.864-8.299-8.18-1.25-.502-1.25-2.352 0-2.79 3.688-1.348 6.782-4.42 8.24-8.244.505-1.19 2.111-1.19 2.587 0 1.517 3.793 4.61 6.864 8.299 8.18 1.25.502 1.25 2.352 0 2.79z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/features/endOfAssignment/ui/ThumbUpIcon.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-import Svg, { Path } from 'react-native-svg'
-
-export const ThumbUpIcon = ({ size = 57, color = COLORS.NEUTRAL_1 }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M23.22 49.594c-2.143 0-4.284-.72-6.027-1.862l-.071-.048-.296-.197-.158.319a4.28 4.28 0 01-3.837 2.382H9.466a4.279 4.279 0 01-4.278-4.28V23.306a4.279 4.279 0 014.278-4.279h3.365c1.479 0 2.782.75 3.551 1.89l.19.282.265-.212c5.975-4.77 8.052-10.642 8.495-13.38.277-1.717 1.289-2.983 2.692-3.609 1.329-.593 2.835-.542 4.145-.08 2.702.951 4.96 3.765 4.472 7.79-.403 3.328-1.348 6.402-2.075 8.692l-.129.407h10.805c3.133 0 5.975 2.24 6.322 5.54.239 2.271.405 5.292.016 7.948-.35 2.397-.956 6.096-2.536 9.219-1.62 3.203-4.436 6.08-9.153 6.08h-16.67zm7.662-42.021c-.566-.2-1.025-.15-1.279-.036a.636.636 0 00-.262.201c-.091.12-.15.279-.184.486-.621 3.847-3.536 11.617-11.909 17.265l-.138.093v16.407l.025.058c.363.867 1.115 1.744 2.184 2.445 1.184.777 2.596 1.227 3.902 1.227h16.67c1.36 0 2.483-.376 3.422-1.07.932-.69 1.665-1.681 2.273-2.884 1.263-2.497 1.807-5.619 2.16-8.031.318-2.173.192-4.812-.035-6.981-.12-1.141-1.125-2.071-2.47-2.071h-11.91c-1.994 0-3.56-1.904-2.936-3.938.123-.4.255-.817.393-1.252l.003-.009c.737-2.327 1.627-5.14 2.003-8.242.13-1.066-.08-1.894-.465-2.506a2.835 2.835 0 00-1.447-1.162zM9.466 22.903a.404.404 0 00-.403.403v22.602c0 .224.18.404.403.404h3.365a.403.403 0 00.404-.403V23.306a.404.404 0 00-.404-.404H9.466z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/lib/constants.ts

@@ -1,3 +0,0 @@
-export enum KeyboardKeys {
-    ENTER = 'Enter',
-  }

package/src/shared/hooks/useKeyDownListener.ts

@@ -1,27 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-import { KeyboardKeys } from '../../lib/constants'
-
-export const useKeyDownListener = (
-  callback: (event: KeyboardEvent) => void,
-  overrideKeys = [KeyboardKeys.ENTER],
-) => {
-  const callbackRef = useRef(callback)
-  callbackRef.current = callback
-
-  useEffect(() => {
-    const eventHandler = (event: KeyboardEvent) => {
-      if (overrideKeys.includes(event.key as KeyboardKeys)) {
-        event.preventDefault()
-        event.stopPropagation()
-      }
-
-      callbackRef.current(event)
-    }
-
-    document.addEventListener('keydown', eventHandler, true)
-    return () => {
-      document.removeEventListener('keydown', eventHandler, true)
-    }
-  }, [])
-}

package/src/shared/hooks/useKeyboard.ts

@@ -1,18 +0,0 @@
-import { Platform } from 'react-native';
-
-import { useKeyDownListener } from './useKeyDownListener';
-import { noop } from '../../lib/helpers/helpers';
-
-/**
- * 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 const useKeyBoard = Platform.select({
-  native: noop,         
-  default: useKeyDownListener,
-});

package/src/shared/icons/Halloween.tsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg'
-
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-
-function Halloween({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
-      <G clipPath="url(#clip0_1279_48)" fill={color}>
-        <Path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M48.971 21.733c-1.01-1.794.252-4.058 1.819-2.723 3.607 3.075 5.986 8.345 5.986 14.33 0 9.305-5.75 16.881-12.928 17.167 4.706-2.896 7.993-9.493 7.993-17.167 0-4.384-1.073-8.416-2.87-11.608zM8.58 21.733c1.01-1.794-.25-4.058-1.818-2.723C3.155 22.085.776 27.355.776 33.34c0 9.305 5.75 16.881 12.928 17.167-4.706-2.896-7.993-9.493-7.993-17.167 0-4.384 1.073-8.416 2.87-11.608z"
-        />
-        <Path d="M37.368 52.077c7.373 0 13.35-8.389 13.35-18.737 0-10.348-5.977-18.737-13.35-18.737-1.584 0-1.692 2.13-.517 3.191a15.07 15.07 0 012.386 2.786c2.38 3.539 3.717 8.338 3.717 13.343 0 5.005-1.337 9.805-3.717 13.343a15.084 15.084 0 01-2.36 2.763c-.772.7-.55 2.048.491 2.048zM20.184 52.077c-7.373 0-13.35-8.389-13.35-18.737 0-10.348 5.977-18.737 13.35-18.737 1.584 0 1.692 2.13.517 3.191a15.07 15.07 0 00-2.386 2.786c-2.38 3.539-3.717 8.338-3.717 13.343 0 5.005 1.337 9.805 3.717 13.343a15.084 15.084 0 002.36 2.763c.772.7.55 2.048-.491 2.048z" />
-        <Path d="M28.776 15.592c0-.298.242-.541.539-.523 3.17.2 6.182 2.161 8.434 5.51 2.38 3.54 3.717 8.34 3.717 13.344 0 5.005-1.337 9.805-3.717 13.343-2.252 3.35-5.264 5.31-8.434 5.51a.514.514 0 01-.539-.522V15.592z" />
-        <Path d="M28.776 15.592a.514.514 0 00-.539-.523c-3.17.2-6.182 2.161-8.434 5.51-2.38 3.54-3.717 8.34-3.717 13.344 0 5.005 1.337 9.805 3.717 13.343 2.252 3.35 5.264 5.31 8.434 5.51a.514.514 0 00.539-.522V15.592z" />
-        <Path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M30.231 10.322c.091.551.228.912.273.999a1.887 1.887 0 11-3.35 1.737c-.289-.556-.516-1.334-.646-2.12-.134-.808-.193-1.793-.032-2.772.16-.974.566-2.098 1.503-2.955.975-.893 2.277-1.272 3.762-1.187a1.887 1.887 0 01-.215 3.768c-.706-.04-.933.142-.999.202-.104.096-.25.316-.327.784-.076.462-.056 1.014.031 1.544z"
-        />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_1279_48">
-          <Path fill="#fff" transform="translate(.776 .26)" d="M0 0H56V56H0z" />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  )
-}
-
-export default Halloween

package/src/shared/icons/Pi.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-
-function Pi({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
-  return (
-    <Svg width={57} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
-      <Path
-        d="M2.311 10.528a5.23 5.23 0 00.244 7.63c2.166 1.926 5.52 1.836 7.572-.23l4.685-4.719a5.09 5.09 0 01.04-.04c.557-.55 1.37-.044 1.302.735a96.284 96.284 0 01-.666 5.732c-.546 3.688-1.358 7.523-2.543 10.924-1.209 3.468-2.669 6.084-4.272 7.7a5.23 5.23 0 00.246 7.63c2.167 1.925 5.52 1.835 7.572-.233 3.195-3.219 5.307-7.505 6.759-11.67 1.475-4.232 2.41-8.76 3.012-12.831.483-3.272.763-6.327.926-8.813a1.006 1.006 0 011.002-.942h2.357a1 1 0 011 1v23.505c0 6.436 5.464 11.367 11.84 11.367 7.233 0 13.389-5.587 13.389-12.831v-.872c0-3.093-2.6-5.315-5.443-5.315-2.843 0-5.443 2.222-5.443 5.315v.872c0 1.058-.958 2.202-2.502 2.202-.69 0-.955-.489-.955-.738V12.401a1 1 0 011-1h7.9c2.844 0 5.443-2.221 5.443-5.315 0-3.093-2.6-5.315-5.443-5.315H19.267c-4.614 0-9.059 1.803-12.27 5.038L2.31 10.528z"
-        fill={color}
-      />
-    </Svg>
-  )
-}
-
-export default Pi

package/src/shared/icons/Star.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-
-function Star({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
-      <Path
-        d="M54.277 31.895c-9.835 3.594-18.085 11.785-21.971 21.982-1.349 3.176-5.632 3.176-6.901 0C21.36 43.764 13.11 35.573 3.275 32.062c-3.332-1.337-3.332-6.268 0-7.439C13.11 21.03 21.36 12.838 25.246 2.641c1.349-3.176 5.632-3.176 6.901 0 4.045 10.114 12.295 18.305 22.13 21.815 3.332 1.338 3.332 6.269 0 7.439z"
-        fill={color}
-      />
-    </Svg>
-  )
-}
-
-export default Star

package/src/shared/icons/Valentine.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-
-function Valentine({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
-  return (
-    <Svg width={size} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
-      <Path
-        d="M52.473 24.947L29.763 47.5a1.4 1.4 0 01-1.973 0L5.08 24.947A14.57 14.57 0 013.567 6.032C8.604-.884 18.487-1.994 24.931 3.633l2.924 2.554a1.4 1.4 0 001.842 0l2.924-2.554c6.444-5.627 16.327-4.517 21.363 2.399a14.57 14.57 0 01-1.511 18.915z"
-        fill={color}
-      />
-    </Svg>
-  )
-}
-
-export default Valentine

package/src/shared/icons/Winter.tsx

@@ -1,19 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-
-import { COLORS, IconProps } from '@magmamath/react-native-ui'
-
-function Winter({ size = 50, color = COLORS.NEUTRAL_8 }: IconProps) {
-  return (
-    <Svg width={size} height={size * 1.14} viewBox="0 0 50 57" fill="none">
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M24.72.26a2.66 2.66 0 012.66 2.66v4.829l1.302-.814a2.66 2.66 0 012.82 4.513l-4.122 2.576v8.154a2.66 2.66 0 01-5.321 0v-8.154l-4.122-2.576a2.66 2.66 0 112.82-4.513l1.302.814v-4.83a2.66 2.66 0 012.66-2.66zM10.8 11.413a2.66 2.66 0 012.752 2.566l.17 4.857 7.061 4.077a2.66 2.66 0 11-2.66 4.609l-7.062-4.078-4.291 2.282A2.66 2.66 0 014.27 21.03l1.356-.72-4.182-2.415a2.66 2.66 0 112.66-4.609L8.287 15.7l-.053-1.534a2.66 2.66 0 012.566-2.752zm27.84 0a2.66 2.66 0 012.565 2.752l-.053 1.534 4.182-2.415a2.66 2.66 0 112.66 4.609l-4.182 2.414 1.355.72a2.66 2.66 0 11-2.498 4.7l-4.29-2.283-7.062 4.078a2.66 2.66 0 11-2.661-4.609l7.062-4.077.17-4.857a2.66 2.66 0 012.751-2.566zM21.756 29.97a2.66 2.66 0 01-.974 3.634l-7.062 4.077-.17 4.857a2.66 2.66 0 01-5.317-.185l.053-1.535-4.182 2.415a2.66 2.66 0 01-2.66-4.608l4.182-2.415-1.356-.72A2.66 2.66 0 116.77 30.79l4.29 2.282 7.062-4.077a2.66 2.66 0 013.635.974zm5.925 0a2.66 2.66 0 013.635-.974l7.061 4.077 4.291-2.282a2.66 2.66 0 012.498 4.698l-1.355.721 4.182 2.415a2.66 2.66 0 11-2.66 4.608l-4.182-2.414.053 1.533a2.66 2.66 0 11-5.318.186l-.17-4.857-7.061-4.077a2.66 2.66 0 01-.974-3.634zm-2.962 1.71a2.66 2.66 0 012.66 2.66v8.155l4.122 2.575a2.66 2.66 0 01-2.82 4.513l-1.302-.813v4.828a2.66 2.66 0 11-5.321 0V48.77l-1.302.813a2.66 2.66 0 01-2.82-4.513l4.122-2.575V34.34a2.66 2.66 0 012.66-2.661z"
-        fill={color}
-      />
-    </Svg>
-  )
-}
-
-export default Winter