@magmamath/students-features 0.6.6-rc.12 → 0.6.6-rc.13

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldRefreshGifs = exports.getProgressLineWidth = exports.getImagePath = exports.getGifLabel = exports.generateGifsStructure = exports.findGroupForPercentage = exports.constrainDimension = exports.calculatePercentageTable = void 0;
+exports.shouldRefreshGifs = exports.getProgressLineWidth = exports.getImagePath = exports.getGifLabel = exports.generateProblemsGifsTable = exports.generateGifsStructure = exports.findGroupForPercentage = exports.constrainDimension = void 0;
 var _constants = require("./constants.js");
 var _reactNative = require("react-native");
 /**
@@ -24,40 +24,34 @@ var _reactNative = require("react-native");
  * Group 2: >30% <60% - Mid celebrations
  * Group 3: >=60% - Party
  */
-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)
-    };
+const generateProblemsGifsTable = (totalProblems, resolvedProblems, gifs) => {
+  const percentageMilestones = getPercentageMilestones(totalProblems);
+  const result = {};
+  for (const percentage of percentageMilestones) {
+    const problemNumber = Math.ceil(totalProblems * (percentage / 100));
+    if (problemNumber <= resolvedProblems) continue;
+    const groupKey = findGroupForPercentage(percentage);
+    const gifsInGroup = gifs[groupKey];
+    if (!gifsInGroup || gifsInGroup.length === 0) continue;
+    const unshownGif = gifsInGroup.find(gif => !gif.isShown);
+    const selectedGif = unshownGif || gifsInGroup[0];
+    if (selectedGif) {
+      result[problemNumber] = {
+        url: selectedGif.url,
+        group: groupKey
+      };
+    }
   }
-  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)
-  };
+  return result;
+};
+exports.generateProblemsGifsTable = generateProblemsGifsTable;
+const getPercentageMilestones = totalProblems => {
+  if (totalProblems <= 12) return [50];
+  if (totalProblems <= 18) return [33, 66];
+  if (totalProblems <= 24) return [25, 50, 75];
+  if (totalProblems <= 30) return [20, 40, 60, 80];
+  return [15, 30, 45, 60, 75];
 };
-exports.calculatePercentageTable = calculatePercentageTable;
 const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
   url,
   isShown: false,

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

@@ -1 +1 @@
-{"version":3,"names":["_constants","require","_reactNative","calculatePercentageTable","totalProblems","Math","ceil","exports","generateGifsStructure","gifs","Object","fromEntries","entries","map","key","value","url","isShown","group","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","findGroupForPercentage","percentage","getImagePath","cacheMethod","path","isImagesStored","Image","queryCache","then","images","Error","constrainDimension","min","max","shouldRefreshGifs","timestamp","REFRESH_INTERVAL_HOURS","lastFetchedDate","Date","currentDate","diffInHours","getTime"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_constants","require","_reactNative","generateProblemsGifsTable","totalProblems","resolvedProblems","gifs","percentageMilestones","getPercentageMilestones","result","percentage","problemNumber","Math","ceil","groupKey","findGroupForPercentage","gifsInGroup","length","unshownGif","find","gif","isShown","selectedGif","url","group","exports","generateGifsStructure","Object","fromEntries","entries","map","key","value","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","getImagePath","cacheMethod","path","isImagesStored","Image","queryCache","then","images","Error","constrainDimension","min","max","shouldRefreshGifs","timestamp","REFRESH_INTERVAL_HOURS","lastFetchedDate","Date","currentDate","diffInHours","getTime"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}

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

@@ -20,6 +20,7 @@ class GifCelebrationsCache {
     this.initialSet(data);
   });
   prefetchGifs = (0, _effector.createEffect)(gifs => {
+    if (!gifs || gifs.length === 0) return;
     gifs.forEach(gifUrl => {
       this.prefetchMethod(gifUrl);
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_effector","require","_helpers","_reactNative","GifCelebrationsCache","initialSet","createEvent","set","reset","prefetchAllGifs","createEffect","data","Object","values","forEach","group","gifUrl","prefetchMethod","prefetchGifs","gifs","$gifs","createStore","on","_","generateGifsStructure","constructor","customGetCachePathMethod","customPrefetchMethod","Image","prefetch","getCachePathMethod","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,MAAMG,oBAAoB,CAAC;EAChBC,UAAU,GAAG,IAAAC,qBAAW,EAAa,CAAC;EACtCC,GAAG,GAAG,IAAAD,qBAAW,EAAgB,CAAC;EAClCE,KAAK,GAAG,IAAAF,qBAAW,EAAC,CAAC;EAKrBG,eAAe,GAAG,IAAAC,sBAAY,EAAoBC,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;MAC7B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACX,UAAU,CAACM,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAG,IAAAR,sBAAY,EAAkBS,IAAI,IAAK;IACpEA,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcI,KAAK,GAAG,IAAAC,qBAAW,EAAuB,IAAI,CAAC,CAC5Db,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBc,EAAE,CAAC,IAAI,CAACjB,UAAU,EAAE,CAACkB,CAAC,EAAEJ,IAAI,KAAK,IAAAK,8BAAqB,EAACL,IAAI,CAAC,CAAC,CAC7DG,EAAE,CAAC,IAAI,CAACf,GAAG,EAAE,CAACgB,CAAC,EAAEJ,IAAI,KAAKA,IAAI,CAAC;EAElCM,WAAWA,CAAC;IAAEC,wBAAwB;IAAEC;EAAgD,CAAC,EAAE;IACzF,IAAI,CAACV,cAAc,GAAGU,oBAAoB,IAAIC,kBAAK,CAACC,QAAQ;IAC5D,IAAI,CAACC,kBAAkB,GAAGJ,wBAAwB;EACpD;AACF;AAACK,OAAA,CAAA3B,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_effector","require","_helpers","_reactNative","GifCelebrationsCache","initialSet","createEvent","set","reset","prefetchAllGifs","createEffect","data","Object","values","forEach","group","gifUrl","prefetchMethod","prefetchGifs","gifs","length","$gifs","createStore","on","_","generateGifsStructure","constructor","customGetCachePathMethod","customPrefetchMethod","Image","prefetch","getCachePathMethod","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,MAAMG,oBAAoB,CAAC;EAChBC,UAAU,GAAG,IAAAC,qBAAW,EAAa,CAAC;EACtCC,GAAG,GAAG,IAAAD,qBAAW,EAAgB,CAAC;EAClCE,KAAK,GAAG,IAAAF,qBAAW,EAAC,CAAC;EAKrBG,eAAe,GAAG,IAAAC,sBAAY,EAAoBC,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;MAC7B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACX,UAAU,CAACM,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAG,IAAAR,sBAAY,EAAkBS,IAAI,IAAK;IACpE,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IAEhCD,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcK,KAAK,GAAG,IAAAC,qBAAW,EAAuB,IAAI,CAAC,CAC5Dd,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBe,EAAE,CAAC,IAAI,CAAClB,UAAU,EAAE,CAACmB,CAAC,EAAEL,IAAI,KAAK,IAAAM,8BAAqB,EAACN,IAAI,CAAC,CAAC,CAC7DI,EAAE,CAAC,IAAI,CAAChB,GAAG,EAAE,CAACiB,CAAC,EAAEL,IAAI,KAAKA,IAAI,CAAC;EAElCO,WAAWA,CAAC;IAAEC,wBAAwB;IAAEC;EAAgD,CAAC,EAAE;IACzF,IAAI,CAACX,cAAc,GAAGW,oBAAoB,IAAIC,kBAAK,CAACC,QAAQ;IAC5D,IAAI,CAACC,kBAAkB,GAAGJ,wBAAwB;EACpD;AACF;AAACK,OAAA,CAAA5B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -15,8 +15,8 @@ class GifCelebrationsModel {
   resetGifTriggerable = (0, _effector.createEvent)();
   setGifTriggerable = (0, _effector.createEvent)();
   $isGifTriggerable = (0, _effector.createStore)(false).reset(this.resetGifTriggerable).reset(this.stop).on(this.setGifTriggerable, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
-  resetPercentageTable = (0, _effector.createEvent)();
-  $problemsPercentageTable = (0, _effector.createStore)(null).reset(this.resetPercentageTable);
+  resetProblemsGifsTable = (0, _effector.createEvent)();
+  $problemsGifsTable = (0, _effector.createStore)(null).reset(this.resetProblemsGifsTable);
   setActiveGif = (0, _effector.createEvent)();
   $activeGif = (0, _effector.createStore)(null).reset(this.stop).reset(this.resetGifTriggerable).on(this.setActiveGif, (_, gif) => gif);
   initialize = (0, _effector.createEvent)();
@@ -54,7 +54,7 @@ class GifCelebrationsModel {
       source: this.api.getGifsFx.doneData,
       filter: response => response.ok,
       fn: response => response.data,
-      target: this.cache.prefetchAllGifs
+      target: this.cache.initialSet
     });
     (0, _effector.sample)({
       source: this.api.getGifsFx.doneData,
@@ -64,15 +64,34 @@ class GifCelebrationsModel {
       })
     });
     (0, _effector.sample)({
-      clock: [this.initialize, this.$totalProblems.updates],
-      source: this.$totalProblems,
-      fn: totalProblems => {
-        if (totalProblems && totalProblems >= _constants.MIN_PROBLEMS_TO_SHOW_GIF) {
-          return (0, _helpers.calculatePercentageTable)(totalProblems);
-        }
-        return null;
+      clock: [this.cache.$gifs, this.$totalProblems],
+      source: {
+        gifs: this.cache.$gifs,
+        totalProblems: this.$totalProblems,
+        resolvedProblems: this.$resolvedProblems
+      },
+      filter: ({
+        totalProblems,
+        gifs
+      }) => !!(totalProblems >= _constants.MIN_PROBLEMS_TO_SHOW_GIF && gifs),
+      fn: ({
+        totalProblems,
+        resolvedProblems,
+        gifs
+      }) => {
+        if (!gifs) return null;
+        return (0, _helpers.generateProblemsGifsTable)(totalProblems, resolvedProblems, gifs);
       },
-      target: this.$problemsPercentageTable
+      target: this.$problemsGifsTable
+    });
+    (0, _effector.sample)({
+      source: this.$problemsGifsTable,
+      filter: problemsGifsTable => !!problemsGifsTable,
+      fn: problemsGifsTable => {
+        if (!problemsGifsTable) return [];
+        return Object.values(problemsGifsTable).map(gif => gif.url);
+      },
+      target: this.cache.prefetchGifs
     });
     (0, _effector.sample)({
       clock: this.play,
@@ -80,14 +99,14 @@ class GifCelebrationsModel {
         isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
         gifsGroups: this.cache.$gifs,
         resolvedProblem: this.$resolvedProblems,
-        problemsPercentageTable: this.$problemsPercentageTable
+        problemsGifsTable: this.$problemsGifsTable
       },
       filter: ({
         isGifCelebrationMayBeTriggered,
         gifsGroups,
         resolvedProblem,
-        problemsPercentageTable
-      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsPercentageTable),
+        problemsGifsTable
+      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsGifsTable),
       fn: sources => sources,
       target: this.handleGifSelection
     });
@@ -106,40 +125,26 @@ class GifCelebrationsModel {
   handleGifSelection = (0, _effector.createEffect)(({
     gifsGroups,
     resolvedProblem,
-    problemsPercentageTable
+    problemsGifsTable
   }) => {
-    const percentageMilestone = Object.keys(problemsPercentageTable).find(key => problemsPercentageTable[Number(key)] === resolvedProblem);
-    if (!percentageMilestone) return null;
-    const groupName = (0, _helpers.findGroupForPercentage)(Number(percentageMilestone));
-    const gifsForGroup = gifsGroups[groupName];
-    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 gifToShow = problemsGifsTable[resolvedProblem];
+    const groupName = gifToShow.group;
+    const gifsInGroup = gifsGroups[groupName];
+    const selectedGifIndex = gifsInGroup?.findIndex(gif => gif.url === gifToShow.url);
+    if (!gifsInGroup || selectedGifIndex === -1) {
+      console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`);
+      return;
     }
-    const selectedGif = gifsForGroup[unusedGifIndex];
-    const gifObject = {
-      ...selectedGif,
-      isShown: true
-    };
-    const updatedGifsGroups = {
-      ...gifsGroups
-    };
-    updatedGifsGroups[groupName][unusedGifIndex].isShown = true;
-    this.cache.set(updatedGifsGroups);
-    this.setActiveGif(gifObject);
+    const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
+      ...gif,
+      isShown: index === selectedGifIndex ? true : gif.isShown
+    }));
+    console.log('updatedGifsInGroup: ', updatedGifsInGroup);
+    this.cache.set({
+      ...gifsGroups,
+      [groupName]: updatedGifsInGroup
+    });
+    this.setActiveGif(gifToShow);
   });
 }
 exports.GifCelebrationsModel = GifCelebrationsModel;

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

@@ -1 +1 @@
-{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","play","createEvent","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","createStore","reset","on","_","isGifCelebrationMayBeTriggered","resetPercentageTable","$problemsPercentageTable","setActiveGif","$activeGif","gif","initialize","constructor","api","totalProblems","resolvedProblems","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","GifCelebrationsApi","cache","GifCelebrationsCache","$totalProblems","$resolvedProblems","localStorage","setupEventHandlers","failedGetGifxTimeout","sample","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","GIFS_FETCHED_KEY","shouldRefreshGifs","target","getGifsFx","doneData","response","ok","fn","data","prefetchAllGifs","createEffect","setItem","Date","toISOString","updates","MIN_PROBLEMS_TO_SHOW_GIF","calculatePercentageTable","gifsGroups","resolvedProblem","problemsPercentageTable","undefined","sources","handleGifSelection","fail","watch","setTimeout","GET_GIFS_TIMEOUT","done","clearTimeout","percentageMilestone","Object","keys","find","key","Number","groupName","findGroupForPercentage","gifsForGroup","unusedGifIndex","findIndex","isShown","updatedGifsGroups","map","gifObject","set","selectedGif","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","play","createEvent","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","createStore","reset","on","_","isGifCelebrationMayBeTriggered","resetProblemsGifsTable","$problemsGifsTable","setActiveGif","$activeGif","gif","initialize","constructor","api","totalProblems","resolvedProblems","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","GifCelebrationsApi","cache","GifCelebrationsCache","$totalProblems","$resolvedProblems","localStorage","setupEventHandlers","failedGetGifxTimeout","sample","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","GIFS_FETCHED_KEY","shouldRefreshGifs","target","getGifsFx","doneData","response","ok","fn","data","initialSet","createEffect","setItem","Date","toISOString","MIN_PROBLEMS_TO_SHOW_GIF","generateProblemsGifsTable","problemsGifsTable","Object","values","map","url","prefetchGifs","gifsGroups","resolvedProblem","undefined","sources","handleGifSelection","fail","watch","setTimeout","GET_GIFS_TIMEOUT","done","clearTimeout","gifToShow","groupName","group","gifsInGroup","selectedGifIndex","findIndex","console","warn","updatedGifsInGroup","index","isShown","log","set","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","Image","React","BORDER_RADIUS","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","getProgressLineWidth","jsx","_jsx","jsxs","_jsxs","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":[]}
+{"version":3,"names":["StyleSheet","View","Image","React","BORDER_RADIUS","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","getProgressLineWidth","jsx","_jsx","jsxs","_jsxs","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/helpers.js

@@ -21,38 +21,32 @@ import { Image } from 'react-native';
  * Group 2: >30% <60% - Mid celebrations
  * Group 3: >=60% - 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)
-    };
+export const generateProblemsGifsTable = (totalProblems, resolvedProblems, gifs) => {
+  const percentageMilestones = getPercentageMilestones(totalProblems);
+  const result = {};
+  for (const percentage of percentageMilestones) {
+    const problemNumber = Math.ceil(totalProblems * (percentage / 100));
+    if (problemNumber <= resolvedProblems) continue;
+    const groupKey = findGroupForPercentage(percentage);
+    const gifsInGroup = gifs[groupKey];
+    if (!gifsInGroup || gifsInGroup.length === 0) continue;
+    const unshownGif = gifsInGroup.find(gif => !gif.isShown);
+    const selectedGif = unshownGif || gifsInGroup[0];
+    if (selectedGif) {
+      result[problemNumber] = {
+        url: selectedGif.url,
+        group: groupKey
+      };
+    }
   }
-  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)
-  };
+  return result;
+};
+const getPercentageMilestones = totalProblems => {
+  if (totalProblems <= 12) return [50];
+  if (totalProblems <= 18) return [33, 66];
+  if (totalProblems <= 24) return [25, 50, 75];
+  if (totalProblems <= 30) return [20, 40, 60, 80];
+  return [15, 30, 45, 60, 75];
 };
 export const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
   url,

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

@@ -1 +1 @@
-{"version":3,"names":["MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","Image","calculatePercentageTable","totalProblems","Math","ceil","generateGifsStructure","gifs","Object","fromEntries","entries","map","key","value","url","isShown","group","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","findGroupForPercentage","percentage","getImagePath","cacheMethod","path","isImagesStored","queryCache","then","images","Error","constrainDimension","min","max","shouldRefreshGifs","timestamp","REFRESH_INTERVAL_HOURS","lastFetchedDate","Date","currentDate","diffInHours","getTime"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","Image","generateProblemsGifsTable","totalProblems","resolvedProblems","gifs","percentageMilestones","getPercentageMilestones","result","percentage","problemNumber","Math","ceil","groupKey","findGroupForPercentage","gifsInGroup","length","unshownGif","find","gif","isShown","selectedGif","url","group","generateGifsStructure","Object","fromEntries","entries","map","key","value","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","getImagePath","cacheMethod","path","isImagesStored","queryCache","then","images","Error","constrainDimension","min","max","shouldRefreshGifs","timestamp","REFRESH_INTERVAL_HOURS","lastFetchedDate","Date","currentDate","diffInHours","getTime"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}

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

@@ -16,6 +16,7 @@ export class GifCelebrationsCache {
     this.initialSet(data);
   });
   prefetchGifs = createEffect(gifs => {
+    if (!gifs || gifs.length === 0) return;
     gifs.forEach(gifUrl => {
       this.prefetchMethod(gifUrl);
     });

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

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createEvent","createStore","generateGifsStructure","Image","GifCelebrationsCache","initialSet","set","reset","prefetchAllGifs","data","Object","values","forEach","group","gifUrl","prefetchMethod","prefetchGifs","gifs","$gifs","on","_","constructor","customGetCachePathMethod","customPrefetchMethod","prefetch","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,eAAe,GAAGT,YAAY,CAAoBU,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;MAC7B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACT,UAAU,CAACI,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAGjB,YAAY,CAAkBkB,IAAI,IAAK;IACpEA,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcI,KAAK,GAAGjB,WAAW,CAAuB,IAAI,CAAC,CAC5DM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBY,EAAE,CAAC,IAAI,CAACd,UAAU,EAAE,CAACe,CAAC,EAAEH,IAAI,KAAKf,qBAAqB,CAACe,IAAI,CAAC,CAAC,CAC7DE,EAAE,CAAC,IAAI,CAACb,GAAG,EAAE,CAACc,CAAC,EAAEH,IAAI,KAAKA,IAAI,CAAC;EAElCI,WAAWA,CAAC;IAAEC,wBAAwB;IAAEC;EAAgD,CAAC,EAAE;IACzF,IAAI,CAACR,cAAc,GAAGQ,oBAAoB,IAAIpB,KAAK,CAACqB,QAAQ;IAC5D,IAAI,CAACC,kBAAkB,GAAGH,wBAAwB;EACpD;AACF","ignoreList":[]}
+{"version":3,"names":["createEffect","createEvent","createStore","generateGifsStructure","Image","GifCelebrationsCache","initialSet","set","reset","prefetchAllGifs","data","Object","values","forEach","group","gifUrl","prefetchMethod","prefetchGifs","gifs","length","$gifs","on","_","constructor","customGetCachePathMethod","customPrefetchMethod","prefetch","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,eAAe,GAAGT,YAAY,CAAoBU,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;MAC7B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACT,UAAU,CAACI,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAGjB,YAAY,CAAkBkB,IAAI,IAAK;IACpE,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IAEhCD,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcK,KAAK,GAAGlB,WAAW,CAAuB,IAAI,CAAC,CAC5DM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBa,EAAE,CAAC,IAAI,CAACf,UAAU,EAAE,CAACgB,CAAC,EAAEJ,IAAI,KAAKf,qBAAqB,CAACe,IAAI,CAAC,CAAC,CAC7DG,EAAE,CAAC,IAAI,CAACd,GAAG,EAAE,CAACe,CAAC,EAAEJ,IAAI,KAAKA,IAAI,CAAC;EAElCK,WAAWA,CAAC;IAAEC,wBAAwB;IAAEC;EAAgD,CAAC,EAAE;IACzF,IAAI,CAACT,cAAc,GAAGS,oBAAoB,IAAIrB,KAAK,CAACsB,QAAQ;IAC5D,IAAI,CAACC,kBAAkB,GAAGH,wBAAwB;EACpD;AACF","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 import { createEffect, createEvent, createStore, sample } from 'effector';
 import { GifCelebrationsApi } from "./GifCelebrationsApi.js";
 import { GifCelebrationsCache } from "./GifCelebrations.cache.js";
-import { calculatePercentageTable, findGroupForPercentage, shouldRefreshGifs } from "../helpers.js";
+import { generateProblemsGifsTable, shouldRefreshGifs } from "../helpers.js";
 import { GET_GIFS_TIMEOUT, MIN_PROBLEMS_TO_SHOW_GIF, GIFS_FETCHED_KEY } from "../constants.js";
 export class GifCelebrationsModel {
   play = createEvent();
@@ -11,8 +11,8 @@ export class GifCelebrationsModel {
   resetGifTriggerable = createEvent();
   setGifTriggerable = createEvent();
   $isGifTriggerable = createStore(false).reset(this.resetGifTriggerable).reset(this.stop).on(this.setGifTriggerable, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
-  resetPercentageTable = createEvent();
-  $problemsPercentageTable = createStore(null).reset(this.resetPercentageTable);
+  resetProblemsGifsTable = createEvent();
+  $problemsGifsTable = createStore(null).reset(this.resetProblemsGifsTable);
   setActiveGif = createEvent();
   $activeGif = createStore(null).reset(this.stop).reset(this.resetGifTriggerable).on(this.setActiveGif, (_, gif) => gif);
   initialize = createEvent();
@@ -50,7 +50,7 @@ export class GifCelebrationsModel {
       source: this.api.getGifsFx.doneData,
       filter: response => response.ok,
       fn: response => response.data,
-      target: this.cache.prefetchAllGifs
+      target: this.cache.initialSet
     });
     sample({
       source: this.api.getGifsFx.doneData,
@@ -60,15 +60,34 @@ export class GifCelebrationsModel {
       })
     });
     sample({
-      clock: [this.initialize, this.$totalProblems.updates],
-      source: this.$totalProblems,
-      fn: totalProblems => {
-        if (totalProblems && totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF) {
-          return calculatePercentageTable(totalProblems);
-        }
-        return null;
+      clock: [this.cache.$gifs, this.$totalProblems],
+      source: {
+        gifs: this.cache.$gifs,
+        totalProblems: this.$totalProblems,
+        resolvedProblems: this.$resolvedProblems
+      },
+      filter: ({
+        totalProblems,
+        gifs
+      }) => !!(totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF && gifs),
+      fn: ({
+        totalProblems,
+        resolvedProblems,
+        gifs
+      }) => {
+        if (!gifs) return null;
+        return generateProblemsGifsTable(totalProblems, resolvedProblems, gifs);
       },
-      target: this.$problemsPercentageTable
+      target: this.$problemsGifsTable
+    });
+    sample({
+      source: this.$problemsGifsTable,
+      filter: problemsGifsTable => !!problemsGifsTable,
+      fn: problemsGifsTable => {
+        if (!problemsGifsTable) return [];
+        return Object.values(problemsGifsTable).map(gif => gif.url);
+      },
+      target: this.cache.prefetchGifs
     });
     sample({
       clock: this.play,
@@ -76,14 +95,14 @@ export class GifCelebrationsModel {
         isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
         gifsGroups: this.cache.$gifs,
         resolvedProblem: this.$resolvedProblems,
-        problemsPercentageTable: this.$problemsPercentageTable
+        problemsGifsTable: this.$problemsGifsTable
       },
       filter: ({
         isGifCelebrationMayBeTriggered,
         gifsGroups,
         resolvedProblem,
-        problemsPercentageTable
-      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsPercentageTable),
+        problemsGifsTable
+      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsGifsTable),
       fn: sources => sources,
       target: this.handleGifSelection
     });
@@ -102,40 +121,26 @@ export class GifCelebrationsModel {
   handleGifSelection = createEffect(({
     gifsGroups,
     resolvedProblem,
-    problemsPercentageTable
+    problemsGifsTable
   }) => {
-    const percentageMilestone = Object.keys(problemsPercentageTable).find(key => problemsPercentageTable[Number(key)] === resolvedProblem);
-    if (!percentageMilestone) return null;
-    const groupName = findGroupForPercentage(Number(percentageMilestone));
-    const gifsForGroup = gifsGroups[groupName];
-    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 gifToShow = problemsGifsTable[resolvedProblem];
+    const groupName = gifToShow.group;
+    const gifsInGroup = gifsGroups[groupName];
+    const selectedGifIndex = gifsInGroup?.findIndex(gif => gif.url === gifToShow.url);
+    if (!gifsInGroup || selectedGifIndex === -1) {
+      console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`);
+      return;
     }
-    const selectedGif = gifsForGroup[unusedGifIndex];
-    const gifObject = {
-      ...selectedGif,
-      isShown: true
-    };
-    const updatedGifsGroups = {
-      ...gifsGroups
-    };
-    updatedGifsGroups[groupName][unusedGifIndex].isShown = true;
-    this.cache.set(updatedGifsGroups);
-    this.setActiveGif(gifObject);
+    const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
+      ...gif,
+      isShown: index === selectedGifIndex ? true : gif.isShown
+    }));
+    console.log('updatedGifsInGroup: ', updatedGifsInGroup);
+    this.cache.set({
+      ...gifsGroups,
+      [groupName]: updatedGifsInGroup
+    });
+    this.setActiveGif(gifToShow);
   });
 }
 //# sourceMappingURL=GifCelebrations.model.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createEvent","createStore","sample","GifCelebrationsApi","GifCelebrationsCache","calculatePercentageTable","findGroupForPercentage","shouldRefreshGifs","GET_GIFS_TIMEOUT","MIN_PROBLEMS_TO_SHOW_GIF","GIFS_FETCHED_KEY","GifCelebrationsModel","play","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","reset","on","_","isGifCelebrationMayBeTriggered","resetPercentageTable","$problemsPercentageTable","setActiveGif","$activeGif","gif","initialize","constructor","api","totalProblems","resolvedProblems","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","cache","$totalProblems","$resolvedProblems","localStorage","setupEventHandlers","failedGetGifxTimeout","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","target","getGifsFx","doneData","response","ok","fn","data","prefetchAllGifs","setItem","Date","toISOString","updates","gifsGroups","resolvedProblem","problemsPercentageTable","undefined","sources","handleGifSelection","fail","watch","setTimeout","done","clearTimeout","percentageMilestone","Object","keys","find","key","Number","groupName","gifsForGroup","unusedGifIndex","findIndex","isShown","updatedGifsGroups","map","gifObject","set","selectedGif"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createEffect","createEvent","createStore","sample","GifCelebrationsApi","GifCelebrationsCache","generateProblemsGifsTable","shouldRefreshGifs","GET_GIFS_TIMEOUT","MIN_PROBLEMS_TO_SHOW_GIF","GIFS_FETCHED_KEY","GifCelebrationsModel","play","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","reset","on","_","isGifCelebrationMayBeTriggered","resetProblemsGifsTable","$problemsGifsTable","setActiveGif","$activeGif","gif","initialize","constructor","api","totalProblems","resolvedProblems","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","cache","$totalProblems","$resolvedProblems","localStorage","setupEventHandlers","failedGetGifxTimeout","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","target","getGifsFx","doneData","response","ok","fn","data","initialSet","setItem","Date","toISOString","problemsGifsTable","Object","values","map","url","prefetchGifs","gifsGroups","resolvedProblem","undefined","sources","handleGifSelection","fail","watch","setTimeout","done","clearTimeout","gifToShow","groupName","group","gifsInGroup","selectedGifIndex","findIndex","console","warn","updatedGifsInGroup","index","isShown","log","set"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import { TranslationKeys } from 'src/shared/translation/types';
-import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsPercentageTable } from './types/model.types';
+import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsGifsTable } from './types/model.types';
 /**
  * Number of problems	When we show gif
  * <6	Never
@@ -18,7 +18,7 @@ import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, Probl
  * Group 2: >30% <60% - Mid celebrations
  * Group 3: >=60% - Party
  */
-export declare const calculatePercentageTable: (totalProblems: number) => ProblemsPercentageTable;
+export declare const generateProblemsGifsTable: (totalProblems: number, resolvedProblems: number, gifs: GifsStructure) => ProblemsGifsTable;
 export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
 export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
 export declare const getProgressLineWidth: (completedPercent: number) => number;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,WAAW,EACX,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAI5B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,wBAAwB,kBAAmB,MAAM,KAAG,uBAkChE,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB,MAAM,WAQ5D,CAAA;AAED,eAAO,MAAM,sBAAsB,eAAgB,MAAM,mCAQxD,CAAA;AAED,eAAO,MAAM,YAAY,QAAe,MAAM,gBAAgB,wBAAwB,oBAWrF,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACrC,CAAA;AAErC,eAAO,MAAM,iBAAiB,cAAe,MAAM,GAAG,IAAI,KAAG,OAS5D,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,WAAW,EAEX,iBAAiB,EAClB,MAAM,qBAAqB,CAAA;AAI5B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,yBAAyB,kBACrB,MAAM,oBACH,MAAM,QAClB,aAAa,KAClB,iBA4BF,CAAA;AAaD,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB,MAAM,WAQ5D,CAAA;AAED,eAAO,MAAM,sBAAsB,eAAgB,MAAM,mCAQxD,CAAA;AAED,eAAO,MAAM,YAAY,QAAe,MAAM,gBAAgB,wBAAwB,oBAWrF,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACrC,CAAA;AAErC,eAAO,MAAM,iBAAiB,cAAe,MAAM,GAAG,IAAI,KAAG,OAS5D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"GifCelebrations.cache.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.cache.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,aAAa,EACb,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,KAAK,yBAAyB,GAAG;IAC/B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,UAAU,+CAA4B;IACtD,SAAgB,GAAG,kDAA+B;IAClD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAC7D,SAAgB,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAE5E,SAAgB,eAAe,qDAQ7B;IAEF,SAAgB,YAAY,mDAI1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}
+{"version":3,"file":"GifCelebrations.cache.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.cache.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,aAAa,EACb,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,KAAK,yBAAyB,GAAG;IAC/B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,UAAU,+CAA4B;IACtD,SAAgB,GAAG,kDAA+B;IAClD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAC7D,SAAgB,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAE5E,SAAgB,eAAe,qDAQ7B;IAEF,SAAgB,YAAY,mDAM1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}

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

@@ -1,6 +1,6 @@
 import { Store } from 'effector';
 import { GifCelebrationsApi } from './GifCelebrationsApi';
-import { GifCelebrationsModelProps, GifObject, ProblemsPercentageTable } from '../types/model.types';
+import { GifCelebrationsModelProps, GifObject, ProblemsGifsTable } from '../types/model.types';
 import { GifCelebrationsCache } from './GifCelebrations.cache';
 export declare class GifCelebrationsModel {
     readonly api: GifCelebrationsApi;
@@ -12,8 +12,8 @@ export declare class GifCelebrationsModel {
     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 resetProblemsGifsTable: import("effector").EventCallable<void>;
+    readonly $problemsGifsTable: import("effector").StoreWritable<ProblemsGifsTable | null>;
     readonly setActiveGif: import("effector").EventCallable<GifObject>;
     readonly $activeGif: import("effector").StoreWritable<GifObject | null>;
     private readonly localStorage;

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

@@ -1 +1 @@
-{"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,EAEL,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,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0C;IAEvE,SAAgB,UAAU,yCAAgB;gBAE9B,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,yBAAyB;IAW5B,OAAO,CAAC,oBAAoB,CAA8B;IAE1D,OAAO,CAAC,kBAAkB;IA8E1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA0ClC;CACF"}
+{"version":3,"file":"GifCelebrations.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,KAAK,EAAE,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAEL,yBAAyB,EACzB,SAAS,EAET,iBAAiB,EAClB,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,sBAAsB,yCAAgB;IACtD,SAAgB,kBAAkB,6DAEjC;IAED,SAAgB,YAAY,8CAA2B;IACvD,SAAgB,UAAU,qDAGe;IAEzC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0C;IAEvE,SAAgB,UAAU,yCAAgB;gBAE9B,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,yBAAyB;IAW5B,OAAO,CAAC,oBAAoB,CAA8B;IAE1D,OAAO,CAAC,kBAAkB;IA2F1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA0BlC;CACF"}

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

@@ -18,13 +18,14 @@ export type GifCelebrationsModelProps = {
     customGetCachePathMethod?: CustomGetCachePathMethod;
 };
 export type GifsGroup = string[];
-export type GifsGroups = Record<`group${GroupNumber}`, GifsGroup>;
+export type GroupNumberString = `group${GroupNumber}`;
+export type GifsGroups = Record<GroupNumberString, GifsGroup>;
 export type GifObject = {
     url: string;
-    isShown: boolean;
-    group: `group${GroupNumber}`;
+    group: GroupNumberString;
+    isShown?: boolean;
 };
-export type GifsStructure = Record<`group${GroupNumber}`, GifObject[]>;
+export type GifsStructure = Record<GroupNumberString, GifObject[]>;
 /**
  * Usually, the response contains 3 groups of gifs:
  * - group1: early celebrations
@@ -38,7 +39,7 @@ export type GifResponse = {
 export type GifsPayload = {
     group: number;
 };
-export type ProblemsPercentageTable = Record<number, number>;
+export type ProblemsGifsTable = Record<number, GifObject>;
 export type ProgressValue = 0 | 1 | 2;
 export type TextComponentType = (text: string) => React.ReactNode;
 //# sourceMappingURL=model.types.d.ts.map

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

@@ -1 +1 @@
-{"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;AAC9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,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,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,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"}
+{"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;AAC9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,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,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;AAChC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,WAAW,EAAE,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,iBAAiB,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAA;AAClE;;;;;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,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;AACzD,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/features/gifCelebrations/helpers.d.ts

@@ -1,5 +1,5 @@
 import { TranslationKeys } from 'src/shared/translation/types';
-import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsPercentageTable } from './types/model.types';
+import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsGifsTable } from './types/model.types';
 /**
  * Number of problems	When we show gif
  * <6	Never
@@ -18,7 +18,7 @@ import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, Probl
  * Group 2: >30% <60% - Mid celebrations
  * Group 3: >=60% - Party
  */
-export declare const calculatePercentageTable: (totalProblems: number) => ProblemsPercentageTable;
+export declare const generateProblemsGifsTable: (totalProblems: number, resolvedProblems: number, gifs: GifsStructure) => ProblemsGifsTable;
 export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
 export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
 export declare const getProgressLineWidth: (completedPercent: number) => number;

package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,WAAW,EACX,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAI5B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,wBAAwB,kBAAmB,MAAM,KAAG,uBAkChE,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB,MAAM,WAQ5D,CAAA;AAED,eAAO,MAAM,sBAAsB,eAAgB,MAAM,mCAQxD,CAAA;AAED,eAAO,MAAM,YAAY,QAAe,MAAM,gBAAgB,wBAAwB,oBAWrF,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACrC,CAAA;AAErC,eAAO,MAAM,iBAAiB,cAAe,MAAM,GAAG,IAAI,KAAG,OAS5D,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EACL,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,WAAW,EAEX,iBAAiB,EAClB,MAAM,qBAAqB,CAAA;AAI5B;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,yBAAyB,kBACrB,MAAM,oBACH,MAAM,QAClB,aAAa,KAClB,iBA4BF,CAAA;AAaD,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA;AAED,eAAO,MAAM,oBAAoB,qBAAsB,MAAM,WAQ5D,CAAA;AAED,eAAO,MAAM,sBAAsB,eAAgB,MAAM,mCAQxD,CAAA;AAED,eAAO,MAAM,YAAY,QAAe,MAAM,gBAAgB,wBAAwB,oBAWrF,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACrC,CAAA;AAErC,eAAO,MAAM,iBAAiB,cAAe,MAAM,GAAG,IAAI,KAAG,OAS5D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"GifCelebrations.cache.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.cache.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,aAAa,EACb,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,KAAK,yBAAyB,GAAG;IAC/B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,UAAU,+CAA4B;IACtD,SAAgB,GAAG,kDAA+B;IAClD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAC7D,SAAgB,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAE5E,SAAgB,eAAe,qDAQ7B;IAEF,SAAgB,YAAY,mDAI1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}
+{"version":3,"file":"GifCelebrations.cache.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.cache.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,aAAa,EACb,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,KAAK,yBAAyB,GAAG;IAC/B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,UAAU,+CAA4B;IACtD,SAAgB,GAAG,kDAA+B;IAClD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAC7D,SAAgB,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAE5E,SAAgB,eAAe,qDAQ7B;IAEF,SAAgB,YAAY,mDAM1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}

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

@@ -1,6 +1,6 @@
 import { Store } from 'effector';
 import { GifCelebrationsApi } from './GifCelebrationsApi';
-import { GifCelebrationsModelProps, GifObject, ProblemsPercentageTable } from '../types/model.types';
+import { GifCelebrationsModelProps, GifObject, ProblemsGifsTable } from '../types/model.types';
 import { GifCelebrationsCache } from './GifCelebrations.cache';
 export declare class GifCelebrationsModel {
     readonly api: GifCelebrationsApi;
@@ -12,8 +12,8 @@ export declare class GifCelebrationsModel {
     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 resetProblemsGifsTable: import("effector").EventCallable<void>;
+    readonly $problemsGifsTable: import("effector").StoreWritable<ProblemsGifsTable | null>;
     readonly setActiveGif: import("effector").EventCallable<GifObject>;
     readonly $activeGif: import("effector").StoreWritable<GifObject | null>;
     private readonly localStorage;

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

@@ -1 +1 @@
-{"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,EAEL,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,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0C;IAEvE,SAAgB,UAAU,yCAAgB;gBAE9B,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,yBAAyB;IAW5B,OAAO,CAAC,oBAAoB,CAA8B;IAE1D,OAAO,CAAC,kBAAkB;IA8E1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA0ClC;CACF"}
+{"version":3,"file":"GifCelebrations.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,KAAK,EAAE,MAAM,UAAU,CAAA;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAEL,yBAAyB,EACzB,SAAS,EAET,iBAAiB,EAClB,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,sBAAsB,yCAAgB;IACtD,SAAgB,kBAAkB,6DAEjC;IAED,SAAgB,YAAY,8CAA2B;IACvD,SAAgB,UAAU,qDAGe;IAEzC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0C;IAEvE,SAAgB,UAAU,yCAAgB;gBAE9B,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,yBAAyB;IAW5B,OAAO,CAAC,oBAAoB,CAA8B;IAE1D,OAAO,CAAC,kBAAkB;IA2F1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA0BlC;CACF"}

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

@@ -18,13 +18,14 @@ export type GifCelebrationsModelProps = {
     customGetCachePathMethod?: CustomGetCachePathMethod;
 };
 export type GifsGroup = string[];
-export type GifsGroups = Record<`group${GroupNumber}`, GifsGroup>;
+export type GroupNumberString = `group${GroupNumber}`;
+export type GifsGroups = Record<GroupNumberString, GifsGroup>;
 export type GifObject = {
     url: string;
-    isShown: boolean;
-    group: `group${GroupNumber}`;
+    group: GroupNumberString;
+    isShown?: boolean;
 };
-export type GifsStructure = Record<`group${GroupNumber}`, GifObject[]>;
+export type GifsStructure = Record<GroupNumberString, GifObject[]>;
 /**
  * Usually, the response contains 3 groups of gifs:
  * - group1: early celebrations
@@ -38,7 +39,7 @@ export type GifResponse = {
 export type GifsPayload = {
     group: number;
 };
-export type ProblemsPercentageTable = Record<number, number>;
+export type ProblemsGifsTable = Record<number, GifObject>;
 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 +1 @@
-{"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;AAC9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,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,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,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"}
+{"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;AAC9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,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,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;AAChC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,WAAW,EAAE,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,iBAAiB,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAA;AAClE;;;;;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,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;AACzD,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.6.6-rc.12",
+  "version": "0.6.6-rc.13",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

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

@@ -1,4 +1,4 @@
-import { StyleSheet, View, Image, Platform } from 'react-native'
+import { StyleSheet, View, Image } from 'react-native'
 import React from 'react'
 import {
   BORDER_RADIUS,

package/src/features/gifCelebrations/helpers.ts

@@ -4,7 +4,8 @@ import {
   GifsGroups,
   GifsStructure,
   GroupNumber,
-  ProblemsPercentageTable,
+  GroupNumberString,
+  ProblemsGifsTable,
 } from './types/model.types'
 import { MIN_WIDTH_FOR_ONE_DIGIT, MIN_WIDTH_FOR_TWO_DIGITS } from './constants'
 import { Image } from 'react-native'
@@ -27,40 +28,49 @@ import { Image } from 'react-native'
  * 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) }
+export const generateProblemsGifsTable = (
+  totalProblems: number,
+  resolvedProblems: number,
+  gifs: GifsStructure,
+): ProblemsGifsTable => {
+  const percentageMilestones = getPercentageMilestones(totalProblems)
 
-  if (totalProblems <= 18) {
-    return {
-      33: Math.ceil(totalProblems * 0.33),
-      66: Math.ceil(totalProblems * 0.66),
-    }
-  }
+  const result: ProblemsGifsTable = {}
 
-  if (totalProblems <= 24) {
-    return {
-      25: Math.ceil(totalProblems * 0.25),
-      50: Math.ceil(totalProblems * 0.5),
-      75: Math.ceil(totalProblems * 0.75),
-    }
-  }
+  for (const percentage of percentageMilestones) {
+    const problemNumber = Math.ceil(totalProblems * (percentage / 100))
+
+    if (problemNumber <= resolvedProblems) continue
+
+    const groupKey = findGroupForPercentage(percentage)
+    const gifsInGroup = gifs[groupKey]
+
+    if (!gifsInGroup || gifsInGroup.length === 0) continue
+
+    const unshownGif = gifsInGroup.find((gif) => !gif.isShown)
 
-  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),
+    const selectedGif = unshownGif || gifsInGroup[0]
+
+    if (selectedGif) {
+      result[problemNumber] = {
+        url: selectedGif.url,
+        group: groupKey,
+      }
     }
   }
 
-  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),
-  }
+  return result
+}
+const getPercentageMilestones = (totalProblems: number): number[] => {
+  if (totalProblems <= 12) return [50]
+
+  if (totalProblems <= 18) return [33, 66]
+
+  if (totalProblems <= 24) return [25, 50, 75]
+
+  if (totalProblems <= 30) return [20, 40, 60, 80]
+
+  return [15, 30, 45, 60, 75]
 }
 
 export const generateGifsStructure = (gifs: GifsGroups): GifsStructure =>
@@ -70,7 +80,7 @@ export const generateGifsStructure = (gifs: GifsGroups): GifsStructure =>
       value.map((url) => ({
         url,
         isShown: false,
-        group: key as `group${GroupNumber}`,
+        group: key as GroupNumberString,
       })),
     ]),
   )

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

@@ -32,6 +32,8 @@ export class GifCelebrationsCache {
   })
 
   public readonly prefetchGifs = createEffect<string[], void>((gifs) => {
+    if (!gifs || gifs.length === 0) return
+
     gifs.forEach((gifUrl) => {
       this.prefetchMethod(gifUrl)
     })

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

@@ -1,20 +1,20 @@
-import { createEffect, createEvent, createStore, sample, Store } from 'effector'
+import { createEffect, createEvent, createStore, merge, sample, Store } from 'effector'
 import { GifCelebrationsApi } from './GifCelebrationsApi'
 import {
   CustomLocalStorage,
   GifCelebrationsModelProps,
   GifObject,
   GifsStructure,
-  ProblemsPercentageTable,
+  ProblemsGifsTable,
 } from '../types/model.types'
 import { GifCelebrationsCache } from './GifCelebrations.cache'
-import { calculatePercentageTable, findGroupForPercentage, shouldRefreshGifs } from '../helpers'
+import { generateProblemsGifsTable, shouldRefreshGifs } from '../helpers'
 import { GET_GIFS_TIMEOUT, MIN_PROBLEMS_TO_SHOW_GIF, GIFS_FETCHED_KEY } from '../constants'
 
 type HandleGifSelectionProps = {
   gifsGroups: GifsStructure
   resolvedProblem: number
-  problemsPercentageTable: ProblemsPercentageTable
+  problemsGifsTable: ProblemsGifsTable
 }
 
 export class GifCelebrationsModel {
@@ -37,10 +37,10 @@ export class GifCelebrationsModel {
       (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered,
     )
 
-  public readonly resetPercentageTable = createEvent()
-  public readonly $problemsPercentageTable = createStore<ProblemsPercentageTable | null>(
-    null,
-  ).reset(this.resetPercentageTable)
+  public readonly resetProblemsGifsTable = createEvent()
+  public readonly $problemsGifsTable = createStore<ProblemsGifsTable | null>(null).reset(
+    this.resetProblemsGifsTable,
+  )
 
   public readonly setActiveGif = createEvent<GifObject>()
   public readonly $activeGif = createStore<GifObject | null>(null)
@@ -89,7 +89,7 @@ export class GifCelebrationsModel {
       source: this.api.getGifsFx.doneData,
       filter: (response) => response.ok,
       fn: (response) => response.data,
-      target: this.cache.prefetchAllGifs,
+      target: this.cache.initialSet,
     })
 
     sample({
@@ -101,15 +101,28 @@ export class GifCelebrationsModel {
     })
 
     sample({
-      clock: [this.initialize, this.$totalProblems.updates],
-      source: this.$totalProblems,
-      fn: (totalProblems) => {
-        if (totalProblems && totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF) {
-          return calculatePercentageTable(totalProblems)
-        }
-        return null
+      clock: [this.cache.$gifs, this.$totalProblems],
+      source: {
+        gifs: this.cache.$gifs,
+        totalProblems: this.$totalProblems,
+        resolvedProblems: this.$resolvedProblems,
+      },
+      filter: ({ totalProblems, gifs }) => !!(totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF && gifs),
+      fn: ({ totalProblems, resolvedProblems, gifs }) => {
+        if (!gifs) return null
+        return generateProblemsGifsTable(totalProblems, resolvedProblems, gifs)
       },
-      target: this.$problemsPercentageTable,
+      target: this.$problemsGifsTable,
+    })
+
+    sample({
+      source: this.$problemsGifsTable,
+      filter: (problemsGifsTable) => !!problemsGifsTable,
+      fn: (problemsGifsTable) => {
+        if (!problemsGifsTable) return []
+        return Object.values(problemsGifsTable).map((gif) => gif.url)
+      },
+      target: this.cache.prefetchGifs,
     })
 
     sample({
@@ -118,19 +131,19 @@ export class GifCelebrationsModel {
         isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
         gifsGroups: this.cache.$gifs,
         resolvedProblem: this.$resolvedProblems,
-        problemsPercentageTable: this.$problemsPercentageTable,
+        problemsGifsTable: this.$problemsGifsTable,
       },
       filter: ({
         isGifCelebrationMayBeTriggered,
         gifsGroups,
         resolvedProblem,
-        problemsPercentageTable,
+        problemsGifsTable,
       }) =>
         !!(
           isGifCelebrationMayBeTriggered &&
           gifsGroups &&
           resolvedProblem !== undefined &&
-          problemsPercentageTable
+          problemsGifsTable
         ),
       fn: (sources) => sources as HandleGifSelectionProps,
       target: this.handleGifSelection,
@@ -151,46 +164,30 @@ export class GifCelebrationsModel {
   }
 
   private readonly handleGifSelection = createEffect(
-    ({ gifsGroups, resolvedProblem, problemsPercentageTable }: HandleGifSelectionProps) => {
-      const percentageMilestone = Object.keys(problemsPercentageTable).find(
-        (key) => problemsPercentageTable[Number(key)] === resolvedProblem,
-      )
-
-      if (!percentageMilestone) return null
-
-      const groupName = findGroupForPercentage(Number(percentageMilestone))
-
-      const gifsForGroup = gifsGroups[groupName]
-      const unusedGifIndex = gifsForGroup.findIndex((gif) => !gif.isShown)
-
-      if (unusedGifIndex === -1) {
-        const updatedGifsGroups = { ...gifsGroups }
-        updatedGifsGroups[groupName] = gifsGroups[groupName].map((gif) => ({
-          ...gif,
-          isShown: false,
-        }))
-        const gifObject: GifObject = {
-          ...updatedGifsGroups[groupName][0],
-          isShown: true,
-        }
-        updatedGifsGroups[groupName][0].isShown = true
-
-        this.setActiveGif(gifObject)
-        this.cache.set(updatedGifsGroups)
-      }
+    ({ gifsGroups, resolvedProblem, problemsGifsTable }: HandleGifSelectionProps) => {
+      const gifToShow = problemsGifsTable[resolvedProblem]
+      const groupName = gifToShow.group
 
-      const selectedGif = gifsForGroup[unusedGifIndex]
+      const gifsInGroup = gifsGroups[groupName]
+      const selectedGifIndex = gifsInGroup?.findIndex((gif) => gif.url === gifToShow.url)
 
-      const gifObject: GifObject = {
-        ...selectedGif,
-        isShown: true,
+      if (!gifsInGroup || selectedGifIndex === -1) {
+        console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`)
+        return
       }
 
-      const updatedGifsGroups = { ...gifsGroups }
-      updatedGifsGroups[groupName][unusedGifIndex].isShown = true
-      this.cache.set(updatedGifsGroups)
+      const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
+        ...gif,
+        isShown: index === selectedGifIndex ? true : gif.isShown,
+      }))
+      console.log('updatedGifsInGroup: ', updatedGifsInGroup)
+
+      this.cache.set({
+        ...gifsGroups,
+        [groupName]: updatedGifsInGroup,
+      })
 
-      this.setActiveGif(gifObject)
+      this.setActiveGif(gifToShow)
     },
   )
 }

package/src/features/gifCelebrations/types/model.types.ts

@@ -23,15 +23,16 @@ export type GifCelebrationsModelProps = {
 }
 
 export type GifsGroup = string[]
-export type GifsGroups = Record<`group${GroupNumber}`, GifsGroup>
+export type GroupNumberString = `group${GroupNumber}`
+export type GifsGroups = Record<GroupNumberString, GifsGroup>
 
 export type GifObject = {
   url: string
-  isShown: boolean
-  group: `group${GroupNumber}`
+  group: GroupNumberString
+  isShown?: boolean
 }
 
-export type GifsStructure = Record<`group${GroupNumber}`, GifObject[]>
+export type GifsStructure = Record<GroupNumberString, GifObject[]>
 /**
  * Usually, the response contains 3 groups of gifs:
  * - group1: early celebrations
@@ -46,7 +47,7 @@ export type GifsPayload = {
   group: number
 }
 
-export type ProblemsPercentageTable = Record<number, number>
+export type ProblemsGifsTable = Record<number, GifObject>
 export type ProgressValue = 0 | 1 | 2
 
 export type TextComponentType = (text: string) => React.ReactNode