@magmamath/students-features 0.6.5 → 0.6.6-rc.1

package/dist/module/features/gifCelebrations/components/Gif.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { StyleSheet, View, Image } from 'react-native';
+import React, { useLayoutEffect, useState } from 'react';
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { MAX_GIF_SIZE, MIN_GIF_SIZE } from "../constants.js";
+import { useText } from "../../../shared/translation/index.js";
+import { getGifLabel } from "../helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Gif = ({
+  gifObject,
+  getCachePathMethod,
+  TextComponent
+}) => {
+  const [size, setSize] = useState(null);
+  const [pathOrUri, setPathOrUri] = useState('');
+  const t = useText();
+  useLayoutEffect(() => {
+    const loadImageSize = async () => {
+      const path = getCachePathMethod ? (await getCachePathMethod(gifObject.url)) || gifObject.url : gifObject.url;
+      Image.getSize(path, (width, height) => {
+        setSize({
+          width: Math.max(MIN_GIF_SIZE, Math.min(MAX_GIF_SIZE.WIDTH, width)),
+          height: Math.max(MIN_GIF_SIZE, Math.min(MAX_GIF_SIZE.HEIGHT, height))
+        });
+        setPathOrUri(path);
+      });
+    };
+    loadImageSize();
+  }, [gifObject.url]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.backgroundContainer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [size && pathOrUri && /*#__PURE__*/_jsx(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
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.textContainer,
+        children: TextComponent(t(getGifLabel(Number(gifObject.group.replace('group', '')))))
+      })]
+    })
+  });
+};
+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'
+  }
+});
+//# sourceMappingURL=Gif.js.map

package/dist/module/features/gifCelebrations/components/Gif.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","MAX_GIF_SIZE","MIN_GIF_SIZE","useText","getGifLabel","jsx","_jsx","jsxs","_jsxs","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","pathOrUri","setPathOrUri","t","loadImageSize","path","url","getSize","width","height","Math","max","min","WIDTH","HEIGHT","style","styles","backgroundContainer","children","container","alt","source","uri","image","textContainer","Number","group","replace","create","backgroundColor","borderRadius","padding","NEUTRAL_1","position","bottom","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/gifCelebrations/components/Progress.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { StyleSheet, View, Image, Platform } from 'react-native';
+import React from 'react';
+import { BORDER_RADIUS, COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
+import confettiImage from '../assets/confetti.webp';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MIN_WIDTH_FOR_ONE_DIGIT = 12;
+const MIN_WIDTH_FOR_TWO_DIGITS = 15;
+const IS_WEB = Platform.OS === 'web';
+export const Progress = ({
+  progress,
+  completedPercent
+}) => {
+  const progressLineWidth = (() => {
+    if (completedPercent <= 9) {
+      return MIN_WIDTH_FOR_ONE_DIGIT;
+    }
+    if (completedPercent <= 15) {
+      return MIN_WIDTH_FOR_TWO_DIGITS;
+    }
+    return completedPercent;
+  })();
+  const animatedStyles = useAnimatedStyle(() => ({
+    width: `${interpolate(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
+  }), [progress, progressLineWidth]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.backgroundContainer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.progressContainer,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.progress, animatedStyles],
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H1,
+            style: styles.percent,
+            children: `${completedPercent}%`
+          })
+        })
+      }), /*#__PURE__*/_jsx(Image, {
+        source: IS_WEB ? {
+          uri: confettiImage
+        } : require('../assets/confetti.webp'),
+        style: styles.confetti
+      })]
+    })
+  });
+};
+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'
+  }
+});
+//# sourceMappingURL=Progress.js.map

package/dist/module/features/gifCelebrations/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Image","Platform","React","BORDER_RADIUS","COLORS","HeadingVariants","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","jsx","_jsx","jsxs","_jsxs","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","IS_WEB","OS","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","source","uri","require","confetti","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/gifCelebrations/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+
+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,
+  SAFE_AREA: 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 = 6;
+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
+};
+//# sourceMappingURL=constants.js.map

package/dist/module/features/gifCelebrations/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BACKDROP_COLOR","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","SAFE_AREA","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","MIN_GIF_SIZE","GROUPS_PERCENTAGES","group1","group2","group3"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,OAAO,EAAE,qBAAqB;EAC9BC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,KAAK,EAAE,CAAC;EACRC,eAAe,EAAE,GAAG;EACpBC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,IAAI;AACtC,OAAO,MAAMC,wBAAwB,GAAG,CAAC;AAEzC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,YAAY,GAAG,GAAG;AAE/B,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAE;AAC5B,CAAC","ignoreList":[]}

package/dist/module/features/gifCelebrations/helpers.js

@@ -0,0 +1,64 @@
+"use strict";
+
+/**
+ * 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
+ */
+export const calculatePercentageTable = totalProblems => {
+  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 => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
+  url,
+  isShown: false,
+  group: key
+}))]));
+export const getGifLabel = relatedGroup => {
+  if (relatedGroup === 2) {
+    return 'gifCelebrations.onTheWay';
+  }
+  if (relatedGroup === 3) {
+    return 'gifCelebrations.almostThere';
+  }
+  return 'gifCelebrations.greatStart';
+};
+//# sourceMappingURL=helpers.js.map

package/dist/module/features/gifCelebrations/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculatePercentageTable","totalProblems","Math","ceil","generateGifsStructure","gifs","Object","fromEntries","entries","map","key","value","url","isShown","group","getGifLabel","relatedGroup"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,wBAAwB,GAAIC,aAAqB,IAAK;EACjE,IAAIA,aAAa,IAAI,EAAE,EAAE,OAAO;IAAE,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG;EAAE,CAAC;EAEtE,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;MACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;IACpC,CAAC;EACH;EAEA,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;MACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;IACpC,CAAC;EACH;EAEA,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG;IACnC,CAAC;EACH;EAEA,OAAO;IACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;IACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;IAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;IACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;IAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;EACpC,CAAC;AACH,CAAC;AAED,OAAO,MAAMG,qBAAqB,GAAIC,IAAgB,IACpDC,MAAM,CAACC,WAAW,CAChBD,MAAM,CAACE,OAAO,CAACH,IAAI,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK,CACzCD,GAAG,EACHC,KAAK,CAACF,GAAG,CAAEG,GAAG,KAAM;EAClBA,GAAG;EACHC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAEJ;AACT,CAAC,CAAC,CAAC,CACJ,CACH,CAAC;AAEH,OAAO,MAAMK,WAAW,GAAIC,YAAyB,IAAsB;EACzE,IAAIA,YAAY,KAAK,CAAC,EAAE;IACtB,OAAO,0BAA0B;EACnC;EACA,IAAIA,YAAY,KAAK,CAAC,EAAE;IACtB,OAAO,6BAA6B;EACtC;EAEA,OAAO,4BAA4B;AACrC,CAAC","ignoreList":[]}

package/dist/module/features/gifCelebrations/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { GifCelebrations } from "./GifCelebrations.js";
+export { GifCelebrationsModel } from "./model/GifCelebrations.model.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/gifCelebrations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GifCelebrations","GifCelebrationsModel"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,oBAAoB,QAAQ,kCAA+B","ignoreList":[]}

package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { createEffect, createEvent, createStore } from 'effector';
+import { generateGifsStructure } from "../helpers.js";
+import { Image } from 'react-native';
+export class GifCelebrationsCache {
+  initialSet = createEvent();
+  set = createEvent();
+  reset = createEvent();
+  prefetchGifs = createEffect(data => {
+    Object.values(data).forEach(group => {
+      group.forEach(gifUrl => {
+        Image.prefetch(gifUrl);
+      });
+    });
+    this.initialSet(data);
+  });
+  $gifs = createStore(null).reset(this.reset).on(this.initialSet, (_, gifs) => generateGifsStructure(gifs)).on(this.set, (_, gifs) => gifs);
+  constructor({
+    customPrefetchMethod,
+    customGetCachePathMethod
+  }) {
+    this.prefetchMethod = customPrefetchMethod || Image.prefetch;
+    this.getCachePathMethod = customGetCachePathMethod;
+  }
+}
+//# sourceMappingURL=GifCelebrations.cache.js.map

package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","createStore","generateGifsStructure","Image","GifCelebrationsCache","initialSet","set","reset","prefetchGifs","data","Object","values","forEach","group","gifUrl","prefetch","$gifs","on","_","gifs","constructor","customPrefetchMethod","customGetCachePathMethod","prefetchMethod","getCachePathMethod"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAOjE,SAASC,qBAAqB,QAAQ,eAAY;AAClD,SAASC,KAAK,QAAQ,cAAc;AAOpC,OAAO,MAAMC,oBAAoB,CAAC;EAChBC,UAAU,GAAGL,WAAW,CAAa,CAAC;EACtCM,GAAG,GAAGN,WAAW,CAAgB,CAAC;EAClCO,KAAK,GAAGP,WAAW,CAAC,CAAC;EAKrBQ,YAAY,GAAGT,YAAY,CAAoBU,IAAI,IAAK;IACtEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxBX,KAAK,CAACY,QAAQ,CAACD,MAAM,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACT,UAAU,CAACI,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,KAAK,GAAGf,WAAW,CAAuB,IAAI,CAAC,CAC5DM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBU,EAAE,CAAC,IAAI,CAACZ,UAAU,EAAE,CAACa,CAAC,EAAEC,IAAI,KAAKjB,qBAAqB,CAACiB,IAAI,CAAC,CAAC,CAC7DF,EAAE,CAAC,IAAI,CAACX,GAAG,EAAE,CAACY,CAAC,EAAEC,IAAI,KAAKA,IAAI,CAAC;EAElCC,WAAWA,CAAC;IAAEC,oBAAoB;IAAEC;EAAoD,CAAC,EAAE;IACzF,IAAI,CAACC,cAAc,GAAGF,oBAAoB,IAAIlB,KAAK,CAACY,QAAQ;IAC5D,IAAI,CAACS,kBAAkB,GAAGF,wBAAwB;EACpD;AACF","ignoreList":[]}

package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import { createEffect, createEvent, createStore, sample } from 'effector';
+import { GifCelebrationsApi } from "./GifCelebrationsApi.js";
+import { GifCelebrationsCache } from "./GifCelebrations.cache.js";
+import { calculatePercentageTable } from "../helpers.js";
+import { GROUPS_PERCENTAGES, MIN_PROBLEMS_TO_SHOW_GIF } from "../constants.js";
+export class GifCelebrationsModel {
+  triggerPlay = createEvent();
+  stop = createEvent();
+  resetIsGifCelebrationMayBeTriggered = createEvent();
+  setIsGifCelebrationMayBeTriggered = createEvent();
+  $isGifCelebrationMayBeTriggered = createStore(false).reset(this.resetIsGifCelebrationMayBeTriggered).reset(this.stop).on(this.setIsGifCelebrationMayBeTriggered, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
+  resetPercentageTable = createEvent();
+  $problemsPercentageTable = createStore(null).reset(this.resetPercentageTable);
+  setActiveGif = createEvent();
+  $activeGif = createStore(null).reset(this.stop).reset(this.resetIsGifCelebrationMayBeTriggered).on(this.setActiveGif, (_, gif) => gif);
+  initialize = createEvent();
+  resetGroupGifs = createEvent();
+  constructor({
+    api,
+    totalProblems,
+    resolvedProblems,
+    customPrefetchMethod,
+    customGetCachePathMethod
+  }) {
+    this.api = new GifCelebrationsApi(api);
+    this.cache = new GifCelebrationsCache({
+      customPrefetchMethod,
+      customGetCachePathMethod
+    });
+    this.$totalProblems = totalProblems;
+    this.$resolvedProblems = resolvedProblems;
+    this.setupEventHandlers();
+  }
+  setupEventHandlers() {
+    sample({
+      source: this.api.getGifsFx.doneData,
+      filter: response => response.ok,
+      fn: response => response.data,
+      target: this.cache.prefetchGifs
+    });
+    sample({
+      clock: this.initialize,
+      source: this.cache.$gifs,
+      filter: gifs => !gifs,
+      target: this.api.getGifsFx
+    });
+    sample({
+      //todo: fix types
+      //@ts-ignore
+      clock: [this.initialize, this.$totalProblems.updates],
+      source: this.$totalProblems,
+      filter: totalProblems => totalProblems && totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF,
+      fn: totalProblems => calculatePercentageTable(totalProblems),
+      target: this.$problemsPercentageTable
+    });
+    sample({
+      clock: this.triggerPlay,
+      source: {
+        isGifCelebrationMayBeTriggered: this.$isGifCelebrationMayBeTriggered,
+        gifsGroups: this.cache.$gifs,
+        resolvedProblem: this.$resolvedProblems,
+        problemsPercentageTable: this.$problemsPercentageTable
+      },
+      filter: ({
+        isGifCelebrationMayBeTriggered,
+        gifsGroups,
+        resolvedProblem,
+        problemsPercentageTable
+      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsPercentageTable),
+      fn: sources => sources,
+      target: this.handleGifSelection
+    });
+  }
+  handleGifSelection = createEffect(({
+    gifsGroups,
+    resolvedProblem,
+    problemsPercentageTable
+  }) => {
+    const percentageMilestone = Object.keys(problemsPercentageTable).find(key => problemsPercentageTable[Number(key)] === resolvedProblem);
+    if (!percentageMilestone) return null;
+    const groupName = this.findGroupForPercentage(Number(percentageMilestone));
+    if (!groupName) return null;
+    const gifsForGroup = gifsGroups[groupName];
+    if (!gifsForGroup || gifsForGroup.length === 0) return null;
+    const unusedGifIndex = gifsForGroup.findIndex(gif => !gif.isShown);
+    if (unusedGifIndex === -1) {
+      const updatedGifsGroups = {
+        ...gifsGroups
+      };
+      updatedGifsGroups[groupName] = gifsGroups[groupName].map(gif => ({
+        ...gif,
+        isShown: false
+      }));
+      const gifObject = {
+        ...updatedGifsGroups[groupName][0],
+        isShown: true
+      };
+      updatedGifsGroups[groupName][0].isShown = true;
+      this.setActiveGif(gifObject);
+      this.cache.set(updatedGifsGroups);
+    }
+    const selectedGif = gifsForGroup[unusedGifIndex];
+    const gifObject = {
+      ...selectedGif,
+      isShown: true
+    };
+    const updatedGifsGroups = {
+      ...gifsGroups
+    };
+    updatedGifsGroups[groupName][unusedGifIndex].isShown = true;
+    this.cache.set(updatedGifsGroups);
+    this.setActiveGif(gifObject);
+  });
+  findGroupForPercentage(percentage) {
+    return Object.keys(GROUPS_PERCENTAGES).find(key => GROUPS_PERCENTAGES[key].includes(percentage));
+  }
+}
+//# sourceMappingURL=GifCelebrations.model.js.map

package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","createStore","sample","GifCelebrationsApi","GifCelebrationsCache","calculatePercentageTable","GROUPS_PERCENTAGES","MIN_PROBLEMS_TO_SHOW_GIF","GifCelebrationsModel","triggerPlay","stop","resetIsGifCelebrationMayBeTriggered","setIsGifCelebrationMayBeTriggered","$isGifCelebrationMayBeTriggered","reset","on","_","isGifCelebrationMayBeTriggered","resetPercentageTable","$problemsPercentageTable","setActiveGif","$activeGif","gif","initialize","resetGroupGifs","constructor","api","totalProblems","resolvedProblems","customPrefetchMethod","customGetCachePathMethod","cache","$totalProblems","$resolvedProblems","setupEventHandlers","source","getGifsFx","doneData","filter","response","ok","fn","data","target","prefetchGifs","clock","$gifs","gifs","updates","gifsGroups","resolvedProblem","problemsPercentageTable","undefined","sources","handleGifSelection","percentageMilestone","Object","keys","find","key","Number","groupName","findGroupForPercentage","gifsForGroup","length","unusedGifIndex","findIndex","isShown","updatedGifsGroups","map","gifObject","set","selectedGif","percentage","includes"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { createControllerEffect } from "./../../../lib/effector/createControllerEffect.js";
+export class GifCelebrationsApi {
+  constructor(api) {
+    this.getGifsFx = createControllerEffect(api.getGifs);
+  }
+}
+//# sourceMappingURL=GifCelebrationsApi.js.map

package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createControllerEffect","GifCelebrationsApi","constructor","api","getGifsFx","getGifs"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrationsApi.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,mDAAgD;AAGvF,OAAO,MAAMC,kBAAkB,CAAC;EAG9BC,WAAWA,CAACC,GAA8B,EAAE;IAC1C,IAAI,CAACC,SAAS,GAAGJ,sBAAsB,CAACG,GAAG,CAACE,OAAO,CAAC;EACtD;AACF","ignoreList":[]}

package/dist/module/features/gifCelebrations/types/model.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=model.types.js.map

package/dist/module/features/gifCelebrations/types/model.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/types/model.types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/index.js

@@ -8,4 +8,5 @@ export * from "./features/celebrations/index.js";
 export * from "./features/endOfAssignment/index.js";
 export * from "./features/formulaSheet/index.js";
 export * from "./features/problemSelector/index.js";
+export * from "./features/gifCelebrations/index.js";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFeaturesLocalization","setFeaturesLocalization","Locale","generateRandomId"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,EAAEC,uBAAuB,EAAEC,MAAM,QAAQ,+BAAsB;AAC/F,SAASC,gBAAgB,QAAQ,0BAAuB;AACxD,cAAc,6BAAoB;AAClC,cAAc,8BAAqB;AACnC,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,kCAAyB;AACvC,cAAc,qCAA4B","ignoreList":[]}
+{"version":3,"names":["useFeaturesLocalization","setFeaturesLocalization","Locale","generateRandomId"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,uBAAuB,EAAEC,uBAAuB,EAAEC,MAAM,QAAQ,+BAAsB;AAC/F,SAASC,gBAAgB,QAAQ,0BAAuB;AACxD,cAAc,6BAAoB;AAClC,cAAc,8BAAqB;AACnC,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,kCAAyB;AACvC,cAAc,qCAA4B;AAC1C,cAAc,qCAA4B","ignoreList":[]}

package/dist/module/react-app-env.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-app-env.d.js.map

package/dist/module/react-app-env.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["react-app-env.d.ts"],"mappings":"","ignoreList":[]}

package/dist/module/shared/translation/localization/en.json

@@ -18,5 +18,10 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error"
+  },
+  "gifCelebrations": {
+    "greatStart": "Great start!",
+    "onTheWay": "On the way!",
+    "almostThere": "Almost there"
   }
 }

package/dist/module/shared/translation/localization/gb.json

@@ -18,5 +18,10 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error"
+  },
+  "gifCelebrations": {
+    "greatStart": "Great start!",
+    "onTheWay": "On the way!",
+    "almostThere": "Almost there"
   }
 }

package/dist/module/shared/translation/localization/sw.json

@@ -18,5 +18,10 @@
     "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
     "showError": "Visa fel"
+  },
+  "gifCelebrations": {
+    "greatStart": "Bra start!",
+    "onTheWay": "På god väg!",
+    "almostThere": "Nästan där"
   }
 }

package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GifCelebrationsModel } from './model/GifCelebrations.model';
+import { TextComponentType } from './types/model.types';
+type GifCelebrationsProps = {
+    model: GifCelebrationsModel;
+    TextComponent: TextComponentType;
+};
+export declare const GifCelebrations: ({ model, TextComponent }: GifCelebrationsProps) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=GifCelebrations.d.ts.map

package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GifCelebrations.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/GifCelebrations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEtE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,oBAAoB,CAAA;IAC3B,aAAa,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,eAAe,6BAA8B,oBAAoB,6BA4D7E,CAAA"}

package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { ProgressValue } from '../types/model.types';
+type BackdropProps = {
+    children: React.ReactNode;
+    progress: SharedValue<ProgressValue>;
+};
+export declare const Backdrop: ({ children, progress }: BackdropProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Backdrop.d.ts.map

package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Backdrop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAiB,EAAsC,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEnG,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,QAAQ,2BAA4B,aAAa,sBAmB7D,CAAA"}

package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { ProgressValue } from '../types/model.types';
+type ContentContainerProps = {
+    children: React.ReactNode;
+    progress: SharedValue<ProgressValue>;
+};
+export declare const ContentContainer: ({ children, progress }: ContentContainerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ContentContainer.d.ts.map

package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/ContentContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAiB,EAAiC,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE9F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,gBAAgB,2BAA4B,qBAAqB,sBAsB7E,CAAA"}

package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CustomGetCachePathMethod, GifObject, TextComponentType } from '../types/model.types';
+type GifProps = {
+    gifObject: GifObject;
+    getCachePathMethod?: CustomGetCachePathMethod;
+    TextComponent: TextComponentType;
+};
+export declare const Gif: ({ gifObject, getCachePathMethod, TextComponent }: GifProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Gif.d.ts.map

package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Gif.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAK7F,KAAK,QAAQ,GAAG;IACd,SAAS,EAAE,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAC7C,aAAa,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAOD,eAAO,MAAM,GAAG,qDAAsD,QAAQ,sBA6C7E,CAAA"}

package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { ProgressValue } from '../types/model.types';
+type ProgressProps = {
+    progress: SharedValue<ProgressValue>;
+    completedPercent: number;
+};
+export declare const Progress: ({ progress, completedPercent }: ProgressProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Progress.d.ts.map

package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Progress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAiB,EAAoB,WAAW,EAAe,MAAM,yBAAyB,CAAA;AAE9F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAMpD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACpC,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,QAAQ,mCAAoC,aAAa,sBA6CrE,CAAA"}