@magmamath/students-features 0.6.6-rc.8 → 0.6.6

package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts

@@ -1,24 +0,0 @@
-import { Store } from 'effector';
-import { GifCelebrationsApi } from './GifCelebrationsApi';
-import { GifCelebrationsModelProps, GifObject, ProblemsPercentageTable } from '../types/model.types';
-import { GifCelebrationsCache } from './GifCelebrations.cache';
-export declare class GifCelebrationsModel {
-    readonly api: GifCelebrationsApi;
-    readonly cache: GifCelebrationsCache;
-    readonly $totalProblems: Store<number>;
-    readonly $resolvedProblems: Store<number>;
-    readonly play: import("effector").EventCallable<void>;
-    readonly stop: import("effector").EventCallable<void>;
-    readonly resetGifTriggerable: import("effector").EventCallable<void>;
-    readonly setGifTriggerable: import("effector").EventCallable<boolean>;
-    readonly $isGifTriggerable: import("effector").StoreWritable<boolean>;
-    readonly resetPercentageTable: import("effector").EventCallable<void>;
-    readonly $problemsPercentageTable: import("effector").StoreWritable<ProblemsPercentageTable | null>;
-    readonly setActiveGif: import("effector").EventCallable<GifObject>;
-    readonly $activeGif: import("effector").StoreWritable<GifObject | null>;
-    readonly initialize: import("effector").EventCallable<void>;
-    constructor({ api, totalProblems, resolvedProblems, customGetCachePathMethod, }: GifCelebrationsModelProps);
-    private setupEventHandlers;
-    private readonly handleGifSelection;
-}
-//# sourceMappingURL=GifCelebrations.model.d.ts.map

package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifCelebrations.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,EAAE,MAAM,UAAU,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,yBAAyB,EACzB,SAAS,EAET,uBAAuB,EACxB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAU9D,qBAAa,oBAAoB;IAC/B,SAAgB,GAAG,EAAE,kBAAkB,CAAA;IACvC,SAAgB,KAAK,EAAE,oBAAoB,CAAA;IAE3C,SAAgB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC7C,SAAgB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAEhD,SAAgB,IAAI,yCAAgB;IACpC,SAAgB,IAAI,yCAAgB;IAEpC,SAAgB,mBAAmB,yCAAgB;IACnD,SAAgB,iBAAiB,4CAAyB;IAC1D,SAAgB,iBAAiB,4CAM9B;IAEH,SAAgB,oBAAoB,yCAAgB;IACpD,SAAgB,wBAAwB,mEAEN;IAElC,SAAgB,YAAY,8CAA2B;IACvD,SAAgB,UAAU,qDAGe;IAEzC,SAAgB,UAAU,yCAAgB;gBAE9B,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,wBAAwB,GACzB,EAAE,yBAAyB;IAU5B,OAAO,CAAC,kBAAkB;IAyD1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA0ClC;CACF"}

package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts

@@ -1,6 +0,0 @@
-import { GifCelebrationApiRequests } from '../types/model.types';
-export declare class GifCelebrationsApi {
-    readonly getGifsFx: import("./../../../lib/effector/createControllerEffect").ControlledEffect<unknown, import("../types/model.types").GifResponse>;
-    constructor(api: GifCelebrationApiRequests);
-}
-//# sourceMappingURL=GifCelebrationsApi.d.ts.map

package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifCelebrationsApi.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrationsApi.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,qBAAa,kBAAkB;IAC7B,SAAgB,SAAS,iIAAA;gBAEb,GAAG,EAAE,yBAAyB;CAG3C"}

package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts

@@ -1,37 +0,0 @@
-import { Store } from 'effector';
-export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>;
-export type GroupNumber = number;
-export type GifCelebrationApiRequests = {
-    getGifs: () => Promise<GifResponse>;
-};
-export type GifCelebrationsModelProps = {
-    api: GifCelebrationApiRequests;
-    totalProblems: Store<number>;
-    resolvedProblems: Store<number>;
-    customGetCachePathMethod?: CustomGetCachePathMethod;
-};
-export type GifsGroup = string[];
-export type GifsGroups = Record<`group${GroupNumber}`, GifsGroup>;
-export type GifObject = {
-    url: string;
-    isShown: boolean;
-    group: `group${GroupNumber}`;
-};
-export type GifsStructure = Record<`group${GroupNumber}`, GifObject[]>;
-/**
- * Usually, the response contains 3 groups of gifs:
- * - group1: early celebrations
- * - group2: mid celebrations
- * - group3: party
- */
-export type GifResponse = {
-    data: GifsGroups;
-    ok: boolean;
-};
-export type GifsPayload = {
-    group: number;
-};
-export type ProblemsPercentageTable = Record<number, number>;
-export type ProgressValue = 0 | 1 | 2;
-export type TextComponentType = (text: string) => React.ReactNode;
-//# sourceMappingURL=model.types.d.ts.map

package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/types/model.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;AAE9E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,yBAAyB,CAAA;IAC9B,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC5B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;AAChC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,WAAW,EAAE,EAAE,SAAS,CAAC,CAAA;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,QAAQ,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;AACtE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,EAAE,EAAE,OAAO,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA"}

package/dist/typescript/module/shared/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const IS_WEB: boolean;
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/shared/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,SAAwB,CAAA"}

package/src/features/gifCelebrations/GifCelebrations.tsx

@@ -1,77 +0,0 @@
-import React, { useEffect } from 'react'
-import { Gif } from './components/Gif'
-import { Progress } from './components/Progress'
-import { ContentContainer } from './components/ContentContainer'
-import { Backdrop } from './components/Backdrop'
-import { Easing, runOnJS, useSharedValue, withSequence, withTiming } from 'react-native-reanimated'
-import { useUnit } from 'effector-react'
-import { ANIMATION_DURATION } from './constants'
-import { GifCelebrationsModel } from './model/GifCelebrations.model'
-import { ProgressValue, TextComponentType } from './types/model.types'
-
-type GifCelebrationsProps = {
-  model: GifCelebrationsModel
-  TextComponent: TextComponentType
-}
-
-export const GifCelebrations = ({ model, TextComponent }: GifCelebrationsProps) => {
-  const [totalProblems, resolvedProblems, activeGif] = useUnit([
-    model.$totalProblems,
-    model.$resolvedProblems,
-    model.$activeGif,
-  ])
-
-  const completedPercent =
-    resolvedProblems && totalProblems && Math.round((resolvedProblems / totalProblems) * 100)
-
-  const progress = useSharedValue<ProgressValue>(0)
-
-  const stopAnimation = () => {
-    model.stop()
-    progress.value = 0
-  }
-
-  const playAnimation = () => {
-    progress.value = withSequence(
-      withTiming(1, {
-        duration: ANIMATION_DURATION,
-        easing: Easing.bezier(0.52, 0.16, 0.26, 0.77),
-      }),
-      withTiming(
-        2,
-        {
-          duration: ANIMATION_DURATION,
-          easing: Easing.bezier(0.71, 0.09, 0.49, 0.89),
-        },
-        () => runOnJS(stopAnimation)(),
-      ),
-    )
-  }
-
-  useEffect(() => {
-    model.initialize()
-  }, [])
-
-  useEffect(() => {
-    if (activeGif) {
-      playAnimation()
-    }
-  }, [activeGif])
-
-  if (!activeGif) {
-    return null
-  }
-
-  return (
-    <Backdrop progress={progress}>
-      <ContentContainer progress={progress}>
-        <Gif
-          gifObject={activeGif}
-          getCachePathMethod={model.cache.getCachePathMethod}
-          TextComponent={TextComponent}
-        />
-        <Progress progress={progress} completedPercent={completedPercent} />
-      </ContentContainer>
-    </Backdrop>
-  )
-}

package/src/features/gifCelebrations/components/Backdrop.tsx

@@ -1,41 +0,0 @@
-import { StyleSheet, useWindowDimensions } from 'react-native'
-import React from 'react'
-import Animated, { useAnimatedStyle, interpolateColor, SharedValue } from 'react-native-reanimated'
-import { BACKDROP_COLOR } from '../constants'
-import { ProgressValue } from '../types/model.types'
-
-type BackdropProps = {
-  children: React.ReactNode
-  progress: SharedValue<ProgressValue>
-}
-
-export const Backdrop = ({ children, progress }: BackdropProps) => {
-  const { width, height } = useWindowDimensions()
-
-  const backdropAnimatedStyle = useAnimatedStyle(
-    () => ({
-      backgroundColor: interpolateColor(
-        progress.value,
-        [0, 1, 2],
-        [BACKDROP_COLOR.INITIAL, BACKDROP_COLOR.FINAL, BACKDROP_COLOR.INITIAL],
-      ),
-    }),
-    [progress],
-  )
-
-  return (
-    <Animated.View style={[styles.backdrop, { width, height }, backdropAnimatedStyle]}>
-      {children}
-    </Animated.View>
-  )
-}
-
-const styles = StyleSheet.create({
-  backdrop: {
-    position: 'absolute',
-    zIndex: 10100,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'rgba(51, 51, 51, 0.33);',
-  },
-})

package/src/features/gifCelebrations/components/ContentContainer.tsx

@@ -1,44 +0,0 @@
-import { StyleSheet, useWindowDimensions } from 'react-native'
-import React from 'react'
-import { SPACING } from '@magmamath/react-native-ui'
-import Animated, { useAnimatedStyle, interpolate, SharedValue } from 'react-native-reanimated'
-import { CONTENT_CONTAINER } from '../constants'
-import { ProgressValue } from '../types/model.types'
-
-type ContentContainerProps = {
-  children: React.ReactNode
-  progress: SharedValue<ProgressValue>
-}
-
-export const ContentContainer = ({ children, progress }: ContentContainerProps) => {
-  const { width } = useWindowDimensions()
-
-  const RIGHT_POSITION =
-    width / 2 + CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + CONTENT_CONTAINER.ROTATION_PADDING
-  const LEFT_POSITION = -RIGHT_POSITION - CONTENT_CONTAINER.ROTATION_PADDING
-
-  const animatedStyles = useAnimatedStyle(
-    () => ({
-      transform: [
-        {
-          translateX: interpolate(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION]),
-        },
-        {
-          rotate: `${interpolate(progress.value, [0, 1, 2], [-CONTENT_CONTAINER.ANGLE, 0, CONTENT_CONTAINER.ANGLE])}deg`,
-        },
-      ],
-    }),
-    [progress, RIGHT_POSITION, LEFT_POSITION],
-  )
-
-  return <Animated.View style={[styles.container, animatedStyles]}>{children}</Animated.View>
-}
-
-const styles = StyleSheet.create({
-  container: {
-    width: CONTENT_CONTAINER.CONTAINER_WIDTH,
-    alignItems: 'center',
-    gap: SPACING[800],
-    position: 'absolute',
-  },
-})

package/src/features/gifCelebrations/components/Gif.tsx

@@ -1,95 +0,0 @@
-import { StyleSheet, View, Image } from 'react-native'
-import React, { useLayoutEffect, useState } from 'react'
-import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui'
-import { CustomGetCachePathMethod, GifObject, TextComponentType } from '../types/model.types'
-import { MAX_GIF_SIZE, MIN_GIF_SIZE } from '../constants'
-import { useText } from '../../../shared/translation'
-import { constrainDimension, getGifLabel, getImagePath } from '../helpers'
-import gifFallback from '../assets/gifFallback.gif'
-import { IS_WEB } from '../../../shared/constants'
-
-type GifProps = {
-  gifObject: GifObject
-  getCachePathMethod?: CustomGetCachePathMethod //it is used for RN
-  TextComponent: TextComponentType
-}
-
-type Size = {
-  width: number
-  height: number
-}
-
-export const Gif = ({ gifObject, getCachePathMethod, TextComponent }: GifProps) => {
-  const [size, setSize] = useState<Size | null>(null)
-  const [pathOrUri, setPathOrUri] = useState<string>('')
-
-  const t = useText()
-
-  const gifGroupNumber = Number(gifObject.group.replace('group', ''))
-  const gifLabel = getGifLabel(gifGroupNumber)
-
-  useLayoutEffect(() => {
-    const loadImageSize = async () => {
-      let localPath
-
-      try {
-        // Get image path based on platform (React Native or Web)
-        localPath = await getImagePath(gifObject.url, getCachePathMethod)
-      } catch (error) {
-        // Use fallback if image not found in cache
-        localPath = IS_WEB ? gifFallback : Image.resolveAssetSource(gifFallback).uri
-      }
-
-      // Get and set image dimensions
-      Image.getSize(localPath, (width, height) => {
-        setSize({
-          width: constrainDimension(width, MIN_GIF_SIZE, MAX_GIF_SIZE.WIDTH),
-          height: constrainDimension(height, MIN_GIF_SIZE, MAX_GIF_SIZE.HEIGHT),
-        })
-        setPathOrUri(localPath)
-      })
-    }
-
-    loadImageSize()
-  }, [gifObject.url])
-
-  return (
-    <View style={styles.backgroundContainer}>
-      <View style={styles.container}>
-        {size && pathOrUri && (
-          <Image
-            alt="Funny celebration animated image"
-            source={{
-              uri: pathOrUri,
-            }}
-            width={size.width}
-            height={size.height}
-            style={[styles.image, { width: size.width, height: size.height }]} //this sizes duplication is needed for compatibility with web and rn
-          />
-        )}
-        <View style={styles.textContainer}>{TextComponent(t(gifLabel))}</View>
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  backgroundContainer: {
-    backgroundColor: 'rgba(255, 255, 255, 0.6)',
-    borderRadius: 23,
-    padding: SPACING[200],
-  },
-  container: {
-    padding: SPACING[1600],
-    borderRadius: BORDER_RADIUS[400],
-    backgroundColor: COLORS.NEUTRAL_1,
-  },
-  image: {
-    borderRadius: BORDER_RADIUS[100],
-  },
-  textContainer: {
-    position: 'absolute',
-    bottom: 74,
-    alignSelf: 'center',
-  },
-})

package/src/features/gifCelebrations/components/Progress.tsx

@@ -1,106 +0,0 @@
-import { StyleSheet, View, Image, Platform } from 'react-native'
-import React from 'react'
-import {
-  BORDER_RADIUS,
-  COLORS,
-  HeadingVariants,
-  IS_WEB,
-  SPACING,
-  Typography,
-} from '@magmamath/react-native-ui'
-import Animated, { useAnimatedStyle, SharedValue, interpolate } from 'react-native-reanimated'
-import confettiImage from '../assets/confetti.webp'
-import { ProgressValue } from '../types/model.types'
-import { getProgressLineWidth } from '../helpers'
-
-type ProgressProps = {
-  progress: SharedValue<ProgressValue>
-  completedPercent: number
-}
-
-export const Progress = ({ progress, completedPercent }: ProgressProps) => {
-  const progressLineWidth = getProgressLineWidth(completedPercent)
-
-  const animatedStyles = useAnimatedStyle(
-    () => ({
-      width: `${interpolate(
-        progress.value,
-        [0, 1, 2],
-        [0, progressLineWidth, progressLineWidth],
-      )}%`,
-    }),
-    [progress, progressLineWidth],
-  )
-
-  return (
-    <View style={styles.backgroundContainer}>
-      <View style={styles.container}>
-        <View style={styles.progressContainer}>
-          <Animated.View style={[styles.progress, animatedStyles]}>
-            <Typography variant={HeadingVariants.H1} style={styles.percent}>
-              {`${completedPercent}%`}
-            </Typography>
-          </Animated.View>
-        </View>
-        <Image
-          source={
-            IS_WEB
-              ? {
-                  uri: confettiImage,
-                }
-              : require('../assets/confetti.webp')
-          }
-          style={styles.confetti}
-        />
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  backgroundContainer: {
-    backgroundColor: 'rgba(255, 255, 255, 0.6)',
-    borderRadius: 23,
-    padding: SPACING[200],
-    width: '100%',
-  },
-  container: {
-    width: '100%',
-    height: 116,
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderRadius: BORDER_RADIUS[400],
-    backgroundColor: COLORS.NEUTRAL_1,
-    paddingLeft: SPACING[400],
-    paddingRight: SPACING[200],
-    gap: SPACING[100],
-  },
-  progressContainer: {
-    height: 50,
-    flexGrow: 1,
-    backgroundColor: COLORS.NEUTRAL_5,
-    borderRadius: 90,
-    overflow: 'hidden',
-  },
-  progress: {
-    position: 'absolute',
-    height: '100%',
-    backgroundColor: COLORS.PRIMARY_BLUE,
-    borderRadius: BORDER_RADIUS[200],
-    justifyContent: 'center',
-    alignItems: 'flex-end',
-    paddingRight: 10.6,
-    overflow: 'hidden',
-  },
-  confetti: {
-    width: 75,
-    height: 70,
-    marginHorizontal: SPACING[200],
-  },
-  percent: {
-    position: 'absolute',
-    paddingRight: 10,
-    color: COLORS.NEUTRAL_1,
-    fontWeight: '700',
-  },
-})

package/src/features/gifCelebrations/constants.ts

@@ -1,28 +0,0 @@
-export const BACKDROP_COLOR = {
-  INITIAL: 'rgba(51, 51, 51, 0)',
-  FINAL: 'rgba(51, 51, 51, 0.66)',
-}
-
-export const CONTENT_CONTAINER = {
-  ANGLE: 5,
-  CONTAINER_WIDTH: 769,
-  ROTATION_PADDING: 44, // to be sure that the content is not cut off on the edges because of rotate transform
-}
-
-export const ANIMATION_DURATION = 1750
-export const MIN_PROBLEMS_TO_SHOW_GIF = 7
-
-export const MAX_GIF_SIZE = {
-  WIDTH: 480,
-  HEIGHT: 300,
-}
-export const MIN_GIF_SIZE = 300
-
-export const GROUPS_PERCENTAGES = {
-  group1: [15, 20, 25, 30], // Early celebrations
-  group2: [33, 40, 45, 50], // Mid celebrations
-  group3: [60, 66, 75, 80], // Party
-}
-
-export const MIN_WIDTH_FOR_ONE_DIGIT = 12
-export const MIN_WIDTH_FOR_TWO_DIGITS = 15

package/src/features/gifCelebrations/helpers.ts

@@ -1,123 +0,0 @@
-import { TranslationKeys } from 'src/shared/translation/types'
-import {
-  CustomGetCachePathMethod,
-  GifsGroups,
-  GifsStructure,
-  GroupNumber,
-  ProblemsPercentageTable,
-} from './types/model.types'
-import { MIN_WIDTH_FOR_ONE_DIGIT, MIN_WIDTH_FOR_TWO_DIGITS } from './constants'
-
-/**
- * Number of problems	When we show gif
- * <6	Never
- * 7-12	50% completion
- * 13-18	33%, 66% completion
- * 19-24	25%, 50%, 75 completion
- * 25-30	20%, 40%, 60%, 80% completion
- * .>30	15%, 30%, 45%, 60%, 75% completion
- *
- * We are also going to have different buckets with different gifs. The logic is as follows:
- * Group 1: 15%, 20%, 25%, 30% - Early celebrations
- * Group 2: 33%, 40%, 45%, 50% - Mid celebrations
- * Group 3: 60%, 66%, 75%, 80% - Party
- * or
- * Group 1: <=30% - Early celebrations
- * Group 2: >30% <60% - Mid celebrations
- * Group 3: >=60% - Party
- */
-export const calculatePercentageTable = (totalProblems: number): ProblemsPercentageTable => {
-  if (totalProblems <= 12) return { 50: Math.ceil(totalProblems * 0.5) }
-
-  if (totalProblems <= 18) {
-    return {
-      33: Math.ceil(totalProblems * 0.33),
-      66: Math.ceil(totalProblems * 0.66),
-    }
-  }
-
-  if (totalProblems <= 24) {
-    return {
-      25: Math.ceil(totalProblems * 0.25),
-      50: Math.ceil(totalProblems * 0.5),
-      75: Math.ceil(totalProblems * 0.75),
-    }
-  }
-
-  if (totalProblems <= 30) {
-    return {
-      20: Math.ceil(totalProblems * 0.2),
-      40: Math.ceil(totalProblems * 0.4),
-      60: Math.ceil(totalProblems * 0.6),
-      80: Math.ceil(totalProblems * 0.8),
-    }
-  }
-
-  return {
-    15: Math.ceil(totalProblems * 0.15),
-    30: Math.ceil(totalProblems * 0.3),
-    45: Math.ceil(totalProblems * 0.45),
-    60: Math.ceil(totalProblems * 0.6),
-    75: Math.ceil(totalProblems * 0.75),
-  }
-}
-
-export const generateGifsStructure = (gifs: GifsGroups): GifsStructure =>
-  Object.fromEntries(
-    Object.entries(gifs).map(([key, value]) => [
-      key,
-      value.map((url) => ({
-        url,
-        isShown: false,
-        group: key as `group${GroupNumber}`,
-      })),
-    ]),
-  )
-
-export const getGifLabel = (relatedGroup: GroupNumber): TranslationKeys => {
-  if (relatedGroup === 2) {
-    return 'gifCelebrations.onTheWay'
-  }
-  if (relatedGroup === 3) {
-    return 'gifCelebrations.almostThere'
-  }
-
-  return 'gifCelebrations.greatStart'
-}
-
-export const getProgressLineWidth = (completedPercent: number) => {
-  if (completedPercent <= 9) {
-    return MIN_WIDTH_FOR_ONE_DIGIT
-  }
-  if (completedPercent <= 15) {
-    return MIN_WIDTH_FOR_TWO_DIGITS
-  }
-  return completedPercent
-}
-
-export const findGroupForPercentage = (percentage: number) => {
-  if (percentage <= 30) {
-    return 'group1'
-  }
-  if (percentage < 60) {
-    return 'group2'
-  }
-  return 'group3'
-}
-
-export const getImagePath = async (url: string, cacheMethod?: CustomGetCachePathMethod) => {
-  if (cacheMethod) {
-    const path = await cacheMethod(url)
-    if (path) return path
-  } else {
-    // @ts-ignore - Image.queryCache works only in web
-    const cachedImage = await Image.queryCache([url])
-    const path = cachedImage[url]
-    if (path) return path
-  }
-
-  throw new Error('Image not found in cache')
-}
-
-export const constrainDimension = (value: number, min: number, max: number) =>
-  Math.max(min, Math.min(max, value))

package/src/features/gifCelebrations/index.ts

@@ -1,2 +0,0 @@
-export { GifCelebrations } from './GifCelebrations'
-export { GifCelebrationsModel } from './model/GifCelebrations.model'

package/src/features/gifCelebrations/model/GifCelebrations.cache.ts

@@ -1,41 +0,0 @@
-import { createEffect, createEvent, createStore } from 'effector'
-import { GifsGroups, GifsStructure, CustomGetCachePathMethod } from '../types/model.types'
-import { generateGifsStructure } from '../helpers'
-import { Image } from 'react-native'
-
-type GifCelebrationsCacheProps = {
-  customGetCachePathMethod?: CustomGetCachePathMethod
-}
-
-export class GifCelebrationsCache {
-  public readonly initialSet = createEvent<GifsGroups>()
-  public readonly set = createEvent<GifsStructure>()
-  public readonly reset = createEvent()
-
-  public readonly getCachePathMethod?: CustomGetCachePathMethod
-
-  public readonly prefetchAllGifs = createEffect<GifsGroups, void>((data) => {
-    Object.values(data).forEach((group) => {
-      group.forEach((gifUrl) => {
-        Image.prefetch(gifUrl)
-      })
-    })
-
-    this.initialSet(data)
-  })
-
-  public readonly prefetchGifs = createEffect<string[], void>((gifs) => {
-    gifs.forEach((gifUrl) => {
-      Image.prefetch(gifUrl)
-    })
-  })
-
-  public readonly $gifs = createStore<GifsStructure | null>(null)
-    .reset(this.reset)
-    .on(this.initialSet, (_, gifs) => generateGifsStructure(gifs))
-    .on(this.set, (_, gifs) => gifs)
-
-  constructor({ customGetCachePathMethod }: GifCelebrationsCacheProps) {
-    this.getCachePathMethod = customGetCachePathMethod
-  }
-}