@magmamath/students-features 0.6.6-rc.10 → 0.6.6-rc.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/gifCelebrations/constants.js +2 -1
- package/dist/commonjs/features/gifCelebrations/constants.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/helpers.js +36 -33
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +70 -52
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/module/features/gifCelebrations/constants.js +1 -0
- package/dist/module/features/gifCelebrations/constants.js.map +1 -1
- package/dist/module/features/gifCelebrations/helpers.js +33 -31
- package/dist/module/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +72 -54
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +3 -2
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts +6 -5
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +11 -5
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +1 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +3 -2
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts +6 -5
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +11 -5
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/gifCelebrations/components/Progress.tsx +1 -1
- package/src/features/gifCelebrations/constants.ts +2 -0
- package/src/features/gifCelebrations/helpers.ts +51 -30
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +2 -0
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +77 -62
- package/src/features/gifCelebrations/types/model.types.ts +11 -5
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
import { createEffect, createEvent, createStore, sample } from 'effector';
|
|
4
4
|
import { GifCelebrationsApi } from "./GifCelebrationsApi.js";
|
|
5
5
|
import { GifCelebrationsCache } from "./GifCelebrations.cache.js";
|
|
6
|
-
import {
|
|
7
|
-
import { GET_GIFS_TIMEOUT, MIN_PROBLEMS_TO_SHOW_GIF } from "../constants.js";
|
|
6
|
+
import { generateProblemsGifsTable, shouldRefreshGifs } from "../helpers.js";
|
|
7
|
+
import { GET_GIFS_TIMEOUT, MIN_PROBLEMS_TO_SHOW_GIF, GIFS_FETCHED_KEY } from "../constants.js";
|
|
8
8
|
export class GifCelebrationsModel {
|
|
9
9
|
play = createEvent();
|
|
10
10
|
stop = createEvent();
|
|
11
11
|
resetGifTriggerable = createEvent();
|
|
12
12
|
setGifTriggerable = createEvent();
|
|
13
13
|
$isGifTriggerable = createStore(false).reset(this.resetGifTriggerable).reset(this.stop).on(this.setGifTriggerable, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
|
|
14
|
-
|
|
15
|
-
$
|
|
14
|
+
resetProblemsGifsTable = createEvent();
|
|
15
|
+
$problemsGifsTable = createStore(null).reset(this.resetProblemsGifsTable);
|
|
16
16
|
setActiveGif = createEvent();
|
|
17
17
|
$activeGif = createStore(null).reset(this.stop).reset(this.resetGifTriggerable).on(this.setActiveGif, (_, gif) => gif);
|
|
18
18
|
initialize = createEvent();
|
|
@@ -20,6 +20,7 @@ export class GifCelebrationsModel {
|
|
|
20
20
|
api,
|
|
21
21
|
totalProblems,
|
|
22
22
|
resolvedProblems,
|
|
23
|
+
customLocalStorage,
|
|
23
24
|
customGetCachePathMethod,
|
|
24
25
|
customPrefetchMethod
|
|
25
26
|
}) {
|
|
@@ -30,32 +31,63 @@ export class GifCelebrationsModel {
|
|
|
30
31
|
});
|
|
31
32
|
this.$totalProblems = totalProblems;
|
|
32
33
|
this.$resolvedProblems = resolvedProblems;
|
|
34
|
+
this.localStorage = customLocalStorage || localStorage;
|
|
33
35
|
this.setupEventHandlers();
|
|
34
36
|
}
|
|
35
|
-
|
|
37
|
+
failedGetGifxTimeout = null;
|
|
36
38
|
setupEventHandlers() {
|
|
37
39
|
sample({
|
|
38
40
|
clock: this.initialize,
|
|
39
41
|
source: this.cache.$gifs,
|
|
40
|
-
filter: gifs =>
|
|
42
|
+
filter: gifs => {
|
|
43
|
+
if (!gifs) return true;
|
|
44
|
+
const gifsFetchedTimestamp = this.localStorage.getItem(GIFS_FETCHED_KEY);
|
|
45
|
+
return shouldRefreshGifs(gifsFetchedTimestamp);
|
|
46
|
+
},
|
|
41
47
|
target: this.api.getGifsFx
|
|
42
48
|
});
|
|
43
49
|
sample({
|
|
44
50
|
source: this.api.getGifsFx.doneData,
|
|
45
51
|
filter: response => response.ok,
|
|
46
52
|
fn: response => response.data,
|
|
47
|
-
target: this.cache.
|
|
53
|
+
target: this.cache.initialSet
|
|
54
|
+
});
|
|
55
|
+
sample({
|
|
56
|
+
source: this.api.getGifsFx.doneData,
|
|
57
|
+
filter: response => response.ok,
|
|
58
|
+
target: createEffect(() => {
|
|
59
|
+
this.localStorage.setItem(GIFS_FETCHED_KEY, new Date().toISOString());
|
|
60
|
+
})
|
|
61
|
+
});
|
|
62
|
+
sample({
|
|
63
|
+
clock: [this.cache.$gifs, this.$totalProblems],
|
|
64
|
+
source: {
|
|
65
|
+
gifs: this.cache.$gifs,
|
|
66
|
+
totalProblems: this.$totalProblems,
|
|
67
|
+
resolvedProblems: this.$resolvedProblems
|
|
68
|
+
},
|
|
69
|
+
filter: ({
|
|
70
|
+
totalProblems,
|
|
71
|
+
gifs
|
|
72
|
+
}) => !!(totalProblems >= MIN_PROBLEMS_TO_SHOW_GIF && gifs),
|
|
73
|
+
fn: ({
|
|
74
|
+
totalProblems,
|
|
75
|
+
resolvedProblems,
|
|
76
|
+
gifs
|
|
77
|
+
}) => {
|
|
78
|
+
if (!gifs) return null;
|
|
79
|
+
return generateProblemsGifsTable(totalProblems, resolvedProblems, gifs);
|
|
80
|
+
},
|
|
81
|
+
target: this.$problemsGifsTable
|
|
48
82
|
});
|
|
49
83
|
sample({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
fn:
|
|
53
|
-
if (
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
return null;
|
|
84
|
+
source: this.$problemsGifsTable,
|
|
85
|
+
filter: problemsGifsTable => !!problemsGifsTable,
|
|
86
|
+
fn: problemsGifsTable => {
|
|
87
|
+
if (!problemsGifsTable) return [];
|
|
88
|
+
return Object.values(problemsGifsTable).map(gif => gif.url);
|
|
57
89
|
},
|
|
58
|
-
target: this
|
|
90
|
+
target: this.cache.prefetchGifs
|
|
59
91
|
});
|
|
60
92
|
sample({
|
|
61
93
|
clock: this.play,
|
|
@@ -63,66 +95,52 @@ export class GifCelebrationsModel {
|
|
|
63
95
|
isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
|
|
64
96
|
gifsGroups: this.cache.$gifs,
|
|
65
97
|
resolvedProblem: this.$resolvedProblems,
|
|
66
|
-
|
|
98
|
+
problemsGifsTable: this.$problemsGifsTable
|
|
67
99
|
},
|
|
68
100
|
filter: ({
|
|
69
101
|
isGifCelebrationMayBeTriggered,
|
|
70
102
|
gifsGroups,
|
|
71
103
|
resolvedProblem,
|
|
72
|
-
|
|
73
|
-
}) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined &&
|
|
104
|
+
problemsGifsTable
|
|
105
|
+
}) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsGifsTable),
|
|
74
106
|
fn: sources => sources,
|
|
75
107
|
target: this.handleGifSelection
|
|
76
108
|
});
|
|
77
109
|
this.api.getGifsFx.fail.watch(() => {
|
|
78
|
-
this.
|
|
110
|
+
this.failedGetGifxTimeout = setTimeout(() => {
|
|
79
111
|
this.api.getGifsFx();
|
|
80
112
|
}, GET_GIFS_TIMEOUT);
|
|
81
113
|
});
|
|
82
114
|
this.api.getGifsFx.done.watch(() => {
|
|
83
|
-
if (this.
|
|
84
|
-
clearTimeout(this.
|
|
85
|
-
this.
|
|
115
|
+
if (this.failedGetGifxTimeout) {
|
|
116
|
+
clearTimeout(this.failedGetGifxTimeout);
|
|
117
|
+
this.failedGetGifxTimeout = null;
|
|
86
118
|
}
|
|
87
119
|
});
|
|
88
120
|
}
|
|
89
121
|
handleGifSelection = createEffect(({
|
|
90
122
|
gifsGroups,
|
|
91
123
|
resolvedProblem,
|
|
92
|
-
|
|
124
|
+
problemsGifsTable
|
|
93
125
|
}) => {
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
const
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
...gifsGroups
|
|
102
|
-
};
|
|
103
|
-
updatedGifsGroups[groupName] = gifsGroups[groupName].map(gif => ({
|
|
104
|
-
...gif,
|
|
105
|
-
isShown: false
|
|
106
|
-
}));
|
|
107
|
-
const gifObject = {
|
|
108
|
-
...updatedGifsGroups[groupName][0],
|
|
109
|
-
isShown: true
|
|
110
|
-
};
|
|
111
|
-
updatedGifsGroups[groupName][0].isShown = true;
|
|
112
|
-
this.setActiveGif(gifObject);
|
|
113
|
-
this.cache.set(updatedGifsGroups);
|
|
126
|
+
const gifToShow = problemsGifsTable[resolvedProblem];
|
|
127
|
+
const groupName = gifToShow.group;
|
|
128
|
+
const gifsInGroup = gifsGroups[groupName];
|
|
129
|
+
const selectedGifIndex = gifsInGroup?.findIndex(gif => gif.url === gifToShow.url);
|
|
130
|
+
if (!gifsInGroup || selectedGifIndex === -1) {
|
|
131
|
+
console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`);
|
|
132
|
+
return;
|
|
114
133
|
}
|
|
115
|
-
const
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
...gifsGroups
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
this.
|
|
125
|
-
this.setActiveGif(gifObject);
|
|
134
|
+
const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
|
|
135
|
+
...gif,
|
|
136
|
+
isShown: index === selectedGifIndex ? true : gif.isShown
|
|
137
|
+
}));
|
|
138
|
+
console.log('updatedGifsInGroup: ', updatedGifsInGroup);
|
|
139
|
+
this.cache.set({
|
|
140
|
+
...gifsGroups,
|
|
141
|
+
[groupName]: updatedGifsInGroup
|
|
142
|
+
});
|
|
143
|
+
this.setActiveGif(gifToShow);
|
|
126
144
|
});
|
|
127
145
|
}
|
|
128
146
|
//# sourceMappingURL=GifCelebrations.model.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createEffect","createEvent","createStore","sample","GifCelebrationsApi","GifCelebrationsCache","
|
|
1
|
+
{"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":[]}
|
|
@@ -22,4 +22,5 @@ export declare const GROUPS_PERCENTAGES: {
|
|
|
22
22
|
export declare const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
23
23
|
export declare const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
24
24
|
export declare const GET_GIFS_TIMEOUT = 5000;
|
|
25
|
+
export declare const GIFS_FETCHED_KEY = "gifsFetchedTimestamp";
|
|
25
26
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,gBAAgB,OAAO,CAAA"}
|
|
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;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,gBAAgB,yBAAyB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TranslationKeys } from 'src/shared/translation/types';
|
|
2
|
-
import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber,
|
|
2
|
+
import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsGifsTable } from './types/model.types';
|
|
3
3
|
/**
|
|
4
4
|
* Number of problems When we show gif
|
|
5
5
|
* <6 Never
|
|
@@ -18,11 +18,12 @@ import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, Probl
|
|
|
18
18
|
* Group 2: >30% <60% - Mid celebrations
|
|
19
19
|
* Group 3: >=60% - Party
|
|
20
20
|
*/
|
|
21
|
-
export declare const
|
|
21
|
+
export declare const generateProblemsGifsTable: (totalProblems: number, resolvedProblems: number, gifs: GifsStructure) => ProblemsGifsTable;
|
|
22
22
|
export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
|
|
23
23
|
export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
|
|
24
24
|
export declare const getProgressLineWidth: (completedPercent: number) => number;
|
|
25
25
|
export declare const findGroupForPercentage: (percentage: number) => "group1" | "group2" | "group3";
|
|
26
26
|
export declare const getImagePath: (url: string, cacheMethod?: CustomGetCachePathMethod) => Promise<string>;
|
|
27
27
|
export declare const constrainDimension: (value: number, min: number, max: number) => number;
|
|
28
|
+
export declare const shouldRefreshGifs: (timestamp: string | null) => boolean;
|
|
28
29
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1 +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,
|
|
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,mDAM1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Store } from 'effector';
|
|
2
2
|
import { GifCelebrationsApi } from './GifCelebrationsApi';
|
|
3
|
-
import { GifCelebrationsModelProps, GifObject,
|
|
3
|
+
import { GifCelebrationsModelProps, GifObject, ProblemsGifsTable } from '../types/model.types';
|
|
4
4
|
import { GifCelebrationsCache } from './GifCelebrations.cache';
|
|
5
5
|
export declare class GifCelebrationsModel {
|
|
6
6
|
readonly api: GifCelebrationsApi;
|
|
@@ -12,13 +12,14 @@ export declare class GifCelebrationsModel {
|
|
|
12
12
|
readonly resetGifTriggerable: import("effector").EventCallable<void>;
|
|
13
13
|
readonly setGifTriggerable: import("effector").EventCallable<boolean>;
|
|
14
14
|
readonly $isGifTriggerable: import("effector").StoreWritable<boolean>;
|
|
15
|
-
readonly
|
|
16
|
-
readonly $
|
|
15
|
+
readonly resetProblemsGifsTable: import("effector").EventCallable<void>;
|
|
16
|
+
readonly $problemsGifsTable: import("effector").StoreWritable<ProblemsGifsTable | null>;
|
|
17
17
|
readonly setActiveGif: import("effector").EventCallable<GifObject>;
|
|
18
18
|
readonly $activeGif: import("effector").StoreWritable<GifObject | null>;
|
|
19
|
+
private readonly localStorage;
|
|
19
20
|
readonly initialize: import("effector").EventCallable<void>;
|
|
20
|
-
constructor({ api, totalProblems, resolvedProblems, customGetCachePathMethod, customPrefetchMethod, }: GifCelebrationsModelProps);
|
|
21
|
-
private
|
|
21
|
+
constructor({ api, totalProblems, resolvedProblems, customLocalStorage, customGetCachePathMethod, customPrefetchMethod, }: GifCelebrationsModelProps);
|
|
22
|
+
private failedGetGifxTimeout;
|
|
22
23
|
private setupEventHandlers;
|
|
23
24
|
private readonly handleGifSelection;
|
|
24
25
|
}
|
package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GifCelebrations.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.model.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { Store } from 'effector';
|
|
2
2
|
export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>;
|
|
3
3
|
export type CustomPrefetchMethod = (gifs: string[] | string) => Promise<unknown>;
|
|
4
|
+
export type CustomLocalStorage = {
|
|
5
|
+
setItem: (key: string, value: string) => void;
|
|
6
|
+
getItem: (key: string) => string | null | undefined;
|
|
7
|
+
};
|
|
4
8
|
export type GroupNumber = number;
|
|
5
9
|
export type GifCelebrationApiRequests = {
|
|
6
10
|
getGifs: () => Promise<GifResponse>;
|
|
@@ -9,17 +13,19 @@ export type GifCelebrationsModelProps = {
|
|
|
9
13
|
api: GifCelebrationApiRequests;
|
|
10
14
|
totalProblems: Store<number>;
|
|
11
15
|
resolvedProblems: Store<number>;
|
|
16
|
+
customLocalStorage?: CustomLocalStorage;
|
|
12
17
|
customPrefetchMethod?: CustomPrefetchMethod;
|
|
13
18
|
customGetCachePathMethod?: CustomGetCachePathMethod;
|
|
14
19
|
};
|
|
15
20
|
export type GifsGroup = string[];
|
|
16
|
-
export type
|
|
21
|
+
export type GroupNumberString = `group${GroupNumber}`;
|
|
22
|
+
export type GifsGroups = Record<GroupNumberString, GifsGroup>;
|
|
17
23
|
export type GifObject = {
|
|
18
24
|
url: string;
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
group: GroupNumberString;
|
|
26
|
+
isShown?: boolean;
|
|
21
27
|
};
|
|
22
|
-
export type GifsStructure = Record
|
|
28
|
+
export type GifsStructure = Record<GroupNumberString, GifObject[]>;
|
|
23
29
|
/**
|
|
24
30
|
* Usually, the response contains 3 groups of gifs:
|
|
25
31
|
* - group1: early celebrations
|
|
@@ -33,7 +39,7 @@ export type GifResponse = {
|
|
|
33
39
|
export type GifsPayload = {
|
|
34
40
|
group: number;
|
|
35
41
|
};
|
|
36
|
-
export type
|
|
42
|
+
export type ProblemsGifsTable = Record<number, GifObject>;
|
|
37
43
|
export type ProgressValue = 0 | 1 | 2;
|
|
38
44
|
export type TextComponentType = (text: string) => React.ReactNode;
|
|
39
45
|
//# sourceMappingURL=model.types.d.ts.map
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -22,4 +22,5 @@ export declare const GROUPS_PERCENTAGES: {
|
|
|
22
22
|
export declare const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
23
23
|
export declare const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
24
24
|
export declare const GET_GIFS_TIMEOUT = 5000;
|
|
25
|
+
export declare const GIFS_FETCHED_KEY = "gifsFetchedTimestamp";
|
|
25
26
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,gBAAgB,OAAO,CAAA"}
|
|
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;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,gBAAgB,yBAAyB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TranslationKeys } from 'src/shared/translation/types';
|
|
2
|
-
import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber,
|
|
2
|
+
import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, ProblemsGifsTable } from './types/model.types';
|
|
3
3
|
/**
|
|
4
4
|
* Number of problems When we show gif
|
|
5
5
|
* <6 Never
|
|
@@ -18,11 +18,12 @@ import { CustomGetCachePathMethod, GifsGroups, GifsStructure, GroupNumber, Probl
|
|
|
18
18
|
* Group 2: >30% <60% - Mid celebrations
|
|
19
19
|
* Group 3: >=60% - Party
|
|
20
20
|
*/
|
|
21
|
-
export declare const
|
|
21
|
+
export declare const generateProblemsGifsTable: (totalProblems: number, resolvedProblems: number, gifs: GifsStructure) => ProblemsGifsTable;
|
|
22
22
|
export declare const generateGifsStructure: (gifs: GifsGroups) => GifsStructure;
|
|
23
23
|
export declare const getGifLabel: (relatedGroup: GroupNumber) => TranslationKeys;
|
|
24
24
|
export declare const getProgressLineWidth: (completedPercent: number) => number;
|
|
25
25
|
export declare const findGroupForPercentage: (percentage: number) => "group1" | "group2" | "group3";
|
|
26
26
|
export declare const getImagePath: (url: string, cacheMethod?: CustomGetCachePathMethod) => Promise<string>;
|
|
27
27
|
export declare const constrainDimension: (value: number, min: number, max: number) => number;
|
|
28
|
+
export declare const shouldRefreshGifs: (timestamp: string | null) => boolean;
|
|
28
29
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1 +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,
|
|
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,mDAM1B;IAEF,SAAgB,KAAK,yDAGa;gBAEtB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAAE,yBAAyB;CAI1F"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Store } from 'effector';
|
|
2
2
|
import { GifCelebrationsApi } from './GifCelebrationsApi';
|
|
3
|
-
import { GifCelebrationsModelProps, GifObject,
|
|
3
|
+
import { GifCelebrationsModelProps, GifObject, ProblemsGifsTable } from '../types/model.types';
|
|
4
4
|
import { GifCelebrationsCache } from './GifCelebrations.cache';
|
|
5
5
|
export declare class GifCelebrationsModel {
|
|
6
6
|
readonly api: GifCelebrationsApi;
|
|
@@ -12,13 +12,14 @@ export declare class GifCelebrationsModel {
|
|
|
12
12
|
readonly resetGifTriggerable: import("effector").EventCallable<void>;
|
|
13
13
|
readonly setGifTriggerable: import("effector").EventCallable<boolean>;
|
|
14
14
|
readonly $isGifTriggerable: import("effector").StoreWritable<boolean>;
|
|
15
|
-
readonly
|
|
16
|
-
readonly $
|
|
15
|
+
readonly resetProblemsGifsTable: import("effector").EventCallable<void>;
|
|
16
|
+
readonly $problemsGifsTable: import("effector").StoreWritable<ProblemsGifsTable | null>;
|
|
17
17
|
readonly setActiveGif: import("effector").EventCallable<GifObject>;
|
|
18
18
|
readonly $activeGif: import("effector").StoreWritable<GifObject | null>;
|
|
19
|
+
private readonly localStorage;
|
|
19
20
|
readonly initialize: import("effector").EventCallable<void>;
|
|
20
|
-
constructor({ api, totalProblems, resolvedProblems, customGetCachePathMethod, customPrefetchMethod, }: GifCelebrationsModelProps);
|
|
21
|
-
private
|
|
21
|
+
constructor({ api, totalProblems, resolvedProblems, customLocalStorage, customGetCachePathMethod, customPrefetchMethod, }: GifCelebrationsModelProps);
|
|
22
|
+
private failedGetGifxTimeout;
|
|
22
23
|
private setupEventHandlers;
|
|
23
24
|
private readonly handleGifSelection;
|
|
24
25
|
}
|
package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GifCelebrations.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/model/GifCelebrations.model.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { Store } from 'effector';
|
|
2
2
|
export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>;
|
|
3
3
|
export type CustomPrefetchMethod = (gifs: string[] | string) => Promise<unknown>;
|
|
4
|
+
export type CustomLocalStorage = {
|
|
5
|
+
setItem: (key: string, value: string) => void;
|
|
6
|
+
getItem: (key: string) => string | null | undefined;
|
|
7
|
+
};
|
|
4
8
|
export type GroupNumber = number;
|
|
5
9
|
export type GifCelebrationApiRequests = {
|
|
6
10
|
getGifs: () => Promise<GifResponse>;
|
|
@@ -9,17 +13,19 @@ export type GifCelebrationsModelProps = {
|
|
|
9
13
|
api: GifCelebrationApiRequests;
|
|
10
14
|
totalProblems: Store<number>;
|
|
11
15
|
resolvedProblems: Store<number>;
|
|
16
|
+
customLocalStorage?: CustomLocalStorage;
|
|
12
17
|
customPrefetchMethod?: CustomPrefetchMethod;
|
|
13
18
|
customGetCachePathMethod?: CustomGetCachePathMethod;
|
|
14
19
|
};
|
|
15
20
|
export type GifsGroup = string[];
|
|
16
|
-
export type
|
|
21
|
+
export type GroupNumberString = `group${GroupNumber}`;
|
|
22
|
+
export type GifsGroups = Record<GroupNumberString, GifsGroup>;
|
|
17
23
|
export type GifObject = {
|
|
18
24
|
url: string;
|
|
19
|
-
|
|
20
|
-
|
|
25
|
+
group: GroupNumberString;
|
|
26
|
+
isShown?: boolean;
|
|
21
27
|
};
|
|
22
|
-
export type GifsStructure = Record
|
|
28
|
+
export type GifsStructure = Record<GroupNumberString, GifObject[]>;
|
|
23
29
|
/**
|
|
24
30
|
* Usually, the response contains 3 groups of gifs:
|
|
25
31
|
* - group1: early celebrations
|
|
@@ -33,7 +39,7 @@ export type GifResponse = {
|
|
|
33
39
|
export type GifsPayload = {
|
|
34
40
|
group: number;
|
|
35
41
|
};
|
|
36
|
-
export type
|
|
42
|
+
export type ProblemsGifsTable = Record<number, GifObject>;
|
|
37
43
|
export type ProgressValue = 0 | 1 | 2;
|
|
38
44
|
export type TextComponentType = (text: string) => React.ReactNode;
|
|
39
45
|
//# sourceMappingURL=model.types.d.ts.map
|
|
@@ -1 +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;
|
|
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,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
CHANGED