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

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

@@ -0,0 +1,22 @@
+export declare const BACKDROP_COLOR: {
+    INITIAL: string;
+    FINAL: string;
+};
+export declare const CONTENT_CONTAINER: {
+    ANGLE: number;
+    CONTAINER_WIDTH: number;
+    SAFE_AREA: number;
+};
+export declare const ANIMATION_DURATION = 1750;
+export declare const MIN_PROBLEMS_TO_SHOW_GIF = 6;
+export declare const MAX_GIF_SIZE: {
+    WIDTH: number;
+    HEIGHT: number;
+};
+export declare const MIN_GIF_SIZE = 300;
+export declare const GROUPS_PERCENTAGES: {
+    group1: number[];
+    group2: number[];
+    group3: number[];
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,eAAO,MAAM,wBAAwB,IAAI,CAAA;AAEzC,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AACD,eAAO,MAAM,YAAY,MAAM,CAAA;AAE/B,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAA"}

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

@@ -0,0 +1,85 @@
+import { TranslationKeys } from 'src/shared/translation/types';
+import { GifsGroups, GifsStructure, GroupNumber } from './types/model.types';
+/**
+ * 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 declare const calculatePercentageTable: (totalProblems: number) => {
+    50: number;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    75?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    33: number;
+    66: number;
+    50?: undefined;
+    25?: undefined;
+    75?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    25: number;
+    50: number;
+    75: number;
+    33?: undefined;
+    66?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    20: number;
+    40: number;
+    60: number;
+    80: number;
+    50?: undefined;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    75?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    15: number;
+    30: number;
+    45: number;
+    60: number;
+    75: number;
+    50?: undefined;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    20?: undefined;
+    40?: undefined;
+    80?: undefined;
+};
+export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
+export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +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,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE5E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB,kBAAmB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC7D,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA"}

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

@@ -0,0 +1,3 @@
+export { GifCelebrations } from './GifCelebrations';
+export { GifCelebrationsModel } from './model/GifCelebrations.model';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA"}

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

@@ -0,0 +1,18 @@
+import { GifsGroups, GifsStructure, CustomPrefetchMethod, CustomGetCachePathMethod } from '../types/model.types';
+import { Image } from 'react-native';
+type GifCelebrationsCacheProps = {
+    customPrefetchMethod?: CustomPrefetchMethod;
+    customGetCachePathMethod?: CustomGetCachePathMethod;
+};
+export declare class GifCelebrationsCache {
+    readonly initialSet: import("effector").EventCallable<GifsGroups>;
+    readonly set: import("effector").EventCallable<GifsStructure>;
+    readonly reset: import("effector").EventCallable<void>;
+    readonly prefetchMethod: CustomPrefetchMethod | typeof Image.prefetch;
+    readonly getCachePathMethod?: CustomGetCachePathMethod;
+    readonly prefetchGifs: import("effector").Effect<GifsGroups, void, Error>;
+    readonly $gifs: import("effector").StoreWritable<GifsStructure | null>;
+    constructor({ customPrefetchMethod, customGetCachePathMethod }: GifCelebrationsCacheProps);
+}
+export {};
+//# sourceMappingURL=GifCelebrations.cache.d.ts.map

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

@@ -0,0 +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,oBAAoB,EACpB,wBAAwB,EACzB,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,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAC5E,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7D,SAAgB,YAAY,qDAQ1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,EAAE,yBAAyB;CAI1F"}

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

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

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

@@ -0,0 +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,EACL,yBAAyB,EACzB,SAAS,EAGT,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,WAAW,yCAAgB;IAC3C,SAAgB,IAAI,yCAAgB;IAEpC,SAAgB,mCAAmC,yCAAgB;IACnE,SAAgB,iCAAiC,4CAAyB;IAC1E,SAAgB,+BAA+B,4CAM5C;IAEH,SAAgB,oBAAoB,yCAAgB;IACpD,SAAgB,wBAAwB,mEAEN;IAElC,SAAgB,YAAY,8CAA2B;IACvD,SAAgB,UAAU,qDAGe;IAEzC,SAAgB,UAAU,yCAAgB;IAC1C,SAAgB,cAAc,2CAAwB;gBAE1C,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,EAAE,yBAAyB;IAU5B,OAAO,CAAC,kBAAkB;IAkD1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA+ClC;IAED,OAAO,CAAC,sBAAsB;CAK/B"}

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

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

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

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

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

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

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

@@ -0,0 +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,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;AAE9E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAA;CACpC,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC,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,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"}

package/dist/typescript/commonjs/index.d.ts

@@ -6,4 +6,5 @@ export * from './features/celebrations';
 export * from './features/endOfAssignment';
 export * from './features/formulaSheet';
 export * from './features/problemSelector';
+export * from './features/gifCelebrations';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA"}

package/dist/typescript/commonjs/lib/helpers/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,gBAAgB,cACsC,CAAA;AASnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,WAuB7C,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,YAAW,CAAA;AAE5B,eAAO,MAAM,gBAAgB,cACsC,CAAA;AASnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,WAuB7C,CAAA"}

package/dist/typescript/commonjs/shared/translation/constants.d.ts

@@ -20,6 +20,11 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
         };
+        gifCelebrations: {
+            greatStart: string;
+            onTheWay: string;
+            almostThere: string;
+        };
     };
     "en-GB": {
         "teacherFeedback.noComments": string;
@@ -42,6 +47,11 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
         };
+        gifCelebrations: {
+            greatStart: string;
+            onTheWay: string;
+            almostThere: string;
+        };
     };
     "sv-SE": {
         "teacherFeedback.noComments": string;
@@ -64,6 +74,11 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
         };
+        gifCelebrations: {
+            greatStart: string;
+            onTheWay: string;
+            almostThere: string;
+        };
     };
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/commonjs/shared/translation/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhC,CAAA"}

package/dist/typescript/commonjs/shared/translation/model.d.ts

@@ -21,6 +21,11 @@ export declare const setLocalization: import("effector").EventCallable<{
         howCanIHelp: string;
         showError: string;
     };
+    gifCelebrations: {
+        greatStart: string;
+        onTheWay: string;
+        almostThere: string;
+    };
 } | ((config: typeof LOCALIZATION_CONFIGS) => Translations)>;
 export declare const $localization: import("effector").StoreWritable<{
     "teacherFeedback.noComments": string;
@@ -43,5 +48,10 @@ export declare const $localization: import("effector").StoreWritable<{
         howCanIHelp: string;
         showError: string;
     };
+    gifCelebrations: {
+        greatStart: string;
+        onTheWay: string;
+        almostThere: string;
+    };
 }>;
 //# sourceMappingURL=model.d.ts.map

package/dist/typescript/commonjs/shared/translation/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}

package/dist/typescript/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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/module/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"}

package/dist/typescript/module/features/gifCelebrations/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const BACKDROP_COLOR: {
+    INITIAL: string;
+    FINAL: string;
+};
+export declare const CONTENT_CONTAINER: {
+    ANGLE: number;
+    CONTAINER_WIDTH: number;
+    SAFE_AREA: number;
+};
+export declare const ANIMATION_DURATION = 1750;
+export declare const MIN_PROBLEMS_TO_SHOW_GIF = 6;
+export declare const MAX_GIF_SIZE: {
+    WIDTH: number;
+    HEIGHT: number;
+};
+export declare const MIN_GIF_SIZE = 300;
+export declare const GROUPS_PERCENTAGES: {
+    group1: number[];
+    group2: number[];
+    group3: number[];
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,eAAO,MAAM,wBAAwB,IAAI,CAAA;AAEzC,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AACD,eAAO,MAAM,YAAY,MAAM,CAAA;AAE/B,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAA"}

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

@@ -0,0 +1,85 @@
+import { TranslationKeys } from 'src/shared/translation/types';
+import { GifsGroups, GifsStructure, GroupNumber } from './types/model.types';
+/**
+ * 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 declare const calculatePercentageTable: (totalProblems: number) => {
+    50: number;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    75?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    33: number;
+    66: number;
+    50?: undefined;
+    25?: undefined;
+    75?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    25: number;
+    50: number;
+    75: number;
+    33?: undefined;
+    66?: undefined;
+    20?: undefined;
+    40?: undefined;
+    60?: undefined;
+    80?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    20: number;
+    40: number;
+    60: number;
+    80: number;
+    50?: undefined;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    75?: undefined;
+    15?: undefined;
+    30?: undefined;
+    45?: undefined;
+} | {
+    15: number;
+    30: number;
+    45: number;
+    60: number;
+    75: number;
+    50?: undefined;
+    33?: undefined;
+    66?: undefined;
+    25?: undefined;
+    20?: undefined;
+    40?: undefined;
+    80?: undefined;
+};
+export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
+export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +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,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE5E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB,kBAAmB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC7D,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,UAAU,KAAG,aAUtD,CAAA;AAEH,eAAO,MAAM,WAAW,iBAAkB,WAAW,KAAG,eASvD,CAAA"}

package/dist/typescript/module/features/gifCelebrations/index.d.ts

@@ -0,0 +1,3 @@
+export { GifCelebrations } from './GifCelebrations';
+export { GifCelebrationsModel } from './model/GifCelebrations.model';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/gifCelebrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA"}

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

@@ -0,0 +1,18 @@
+import { GifsGroups, GifsStructure, CustomPrefetchMethod, CustomGetCachePathMethod } from '../types/model.types';
+import { Image } from 'react-native';
+type GifCelebrationsCacheProps = {
+    customPrefetchMethod?: CustomPrefetchMethod;
+    customGetCachePathMethod?: CustomGetCachePathMethod;
+};
+export declare class GifCelebrationsCache {
+    readonly initialSet: import("effector").EventCallable<GifsGroups>;
+    readonly set: import("effector").EventCallable<GifsStructure>;
+    readonly reset: import("effector").EventCallable<void>;
+    readonly prefetchMethod: CustomPrefetchMethod | typeof Image.prefetch;
+    readonly getCachePathMethod?: CustomGetCachePathMethod;
+    readonly prefetchGifs: import("effector").Effect<GifsGroups, void, Error>;
+    readonly $gifs: import("effector").StoreWritable<GifsStructure | null>;
+    constructor({ customPrefetchMethod, customGetCachePathMethod }: GifCelebrationsCacheProps);
+}
+export {};
+//# sourceMappingURL=GifCelebrations.cache.d.ts.map

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

@@ -0,0 +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,oBAAoB,EACpB,wBAAwB,EACzB,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,cAAc,EAAE,oBAAoB,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAA;IAC5E,SAAgB,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7D,SAAgB,YAAY,qDAQ1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,EAAE,yBAAyB;CAI1F"}

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

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

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

@@ -0,0 +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,EACL,yBAAyB,EACzB,SAAS,EAGT,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,WAAW,yCAAgB;IAC3C,SAAgB,IAAI,yCAAgB;IAEpC,SAAgB,mCAAmC,yCAAgB;IACnE,SAAgB,iCAAiC,4CAAyB;IAC1E,SAAgB,+BAA+B,4CAM5C;IAEH,SAAgB,oBAAoB,yCAAgB;IACpD,SAAgB,wBAAwB,mEAEN;IAElC,SAAgB,YAAY,8CAA2B;IACvD,SAAgB,UAAU,qDAGe;IAEzC,SAAgB,UAAU,yCAAgB;IAC1C,SAAgB,cAAc,2CAAwB;gBAE1C,EACV,GAAG,EACH,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,EAAE,yBAAyB;IAU5B,OAAO,CAAC,kBAAkB;IAkD1B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CA+ClC;IAED,OAAO,CAAC,sBAAsB;CAK/B"}

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

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

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

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