@magmamath/students-features 0.6.6-rc.14 → 0.6.6-rc.2
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/GifCelebrations.js +3 -0
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js +2 -2
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Gif.js +6 -17
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Progress.js +13 -3
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/constants.js +3 -7
- package/dist/commonjs/features/gifCelebrations/constants.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/helpers.js +33 -76
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +4 -10
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +66 -91
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -1
- package/dist/commonjs/lib/effector/createControllerEffect.js.map +1 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js +3 -0
- package/dist/module/features/gifCelebrations/GifCelebrations.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/ContentContainer.js +2 -2
- package/dist/module/features/gifCelebrations/components/ContentContainer.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Gif.js +7 -17
- package/dist/module/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Progress.js +14 -4
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/module/features/gifCelebrations/constants.js +2 -6
- package/dist/module/features/gifCelebrations/constants.js.map +1 -1
- package/dist/module/features/gifCelebrations/helpers.js +31 -70
- package/dist/module/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +4 -10
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +68 -93
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -1
- package/dist/module/lib/effector/createControllerEffect.js.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +2 -6
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +67 -11
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts +4 -5
- 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 +10 -10
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +9 -12
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/dist/typescript/commonjs/lib/effector/createControllerEffect.d.ts +1 -1
- package/dist/typescript/commonjs/lib/effector/createControllerEffect.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +2 -6
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +67 -11
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts +4 -5
- 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 +10 -10
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +9 -12
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/dist/typescript/module/lib/effector/createControllerEffect.d.ts +1 -1
- package/dist/typescript/module/lib/effector/createControllerEffect.d.ts.map +1 -1
- package/package.json +5 -3
- package/src/features/gifCelebrations/GifCelebrations.tsx +4 -0
- package/src/features/gifCelebrations/components/ContentContainer.tsx +2 -2
- package/src/features/gifCelebrations/components/Gif.tsx +13 -20
- package/src/features/gifCelebrations/components/Progress.tsx +14 -4
- package/src/features/gifCelebrations/constants.ts +2 -9
- package/src/features/gifCelebrations/helpers.ts +30 -99
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +5 -13
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +82 -100
- package/src/features/gifCelebrations/model/GifCelebrationsApi.ts +1 -1
- package/src/features/gifCelebrations/types/model.types.ts +9 -12
- package/src/lib/effector/createControllerEffect.ts +41 -41
- package/src/react-app-env.d.ts +0 -1
- package/dist/commonjs/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/dist/commonjs/shared/constants.js +0 -9
- package/dist/commonjs/shared/constants.js.map +0 -1
- package/dist/module/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/dist/module/shared/constants.js +0 -5
- package/dist/module/shared/constants.js.map +0 -1
- package/dist/typescript/commonjs/shared/constants.d.ts +0 -2
- package/dist/typescript/commonjs/shared/constants.d.ts.map +0 -1
- package/dist/typescript/module/shared/constants.d.ts +0 -2
- package/dist/typescript/module/shared/constants.d.ts.map +0 -1
- package/src/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/src/shared/constants.ts +0 -3
|
@@ -10,141 +10,116 @@ var _GifCelebrationsCache = require("./GifCelebrations.cache.js");
|
|
|
10
10
|
var _helpers = require("../helpers.js");
|
|
11
11
|
var _constants = require("../constants.js");
|
|
12
12
|
class GifCelebrationsModel {
|
|
13
|
-
|
|
13
|
+
triggerPlay = (0, _effector.createEvent)();
|
|
14
14
|
stop = (0, _effector.createEvent)();
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$
|
|
18
|
-
|
|
19
|
-
$
|
|
15
|
+
resetIsGifCelebrationMayBeTriggered = (0, _effector.createEvent)();
|
|
16
|
+
setIsGifCelebrationMayBeTriggered = (0, _effector.createEvent)();
|
|
17
|
+
$isGifCelebrationMayBeTriggered = (0, _effector.createStore)(false).reset(this.resetIsGifCelebrationMayBeTriggered).reset(this.stop).on(this.setIsGifCelebrationMayBeTriggered, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
|
|
18
|
+
resetPercentageTable = (0, _effector.createEvent)();
|
|
19
|
+
$problemsPercentageTable = (0, _effector.createStore)(null).reset(this.resetPercentageTable);
|
|
20
20
|
setActiveGif = (0, _effector.createEvent)();
|
|
21
|
-
$activeGif = (0, _effector.createStore)(null).reset(this.stop).reset(this.
|
|
21
|
+
$activeGif = (0, _effector.createStore)(null).reset(this.stop).reset(this.resetIsGifCelebrationMayBeTriggered).on(this.setActiveGif, (_, gif) => gif);
|
|
22
22
|
initialize = (0, _effector.createEvent)();
|
|
23
|
+
resetGroupGifs = (0, _effector.createEvent)();
|
|
23
24
|
constructor({
|
|
24
25
|
api,
|
|
25
26
|
totalProblems,
|
|
26
27
|
resolvedProblems,
|
|
27
|
-
|
|
28
|
-
customGetCachePathMethod
|
|
29
|
-
customPrefetchMethod
|
|
28
|
+
customPrefetchMethod,
|
|
29
|
+
customGetCachePathMethod
|
|
30
30
|
}) {
|
|
31
31
|
this.api = new _GifCelebrationsApi.GifCelebrationsApi(api);
|
|
32
32
|
this.cache = new _GifCelebrationsCache.GifCelebrationsCache({
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
customPrefetchMethod,
|
|
34
|
+
customGetCachePathMethod
|
|
35
35
|
});
|
|
36
36
|
this.$totalProblems = totalProblems;
|
|
37
37
|
this.$resolvedProblems = resolvedProblems;
|
|
38
|
-
this.localStorage = customLocalStorage || localStorage;
|
|
39
38
|
this.setupEventHandlers();
|
|
40
39
|
}
|
|
41
|
-
failedGetGifxTimeout = null;
|
|
42
40
|
setupEventHandlers() {
|
|
43
|
-
(0, _effector.sample)({
|
|
44
|
-
clock: this.initialize,
|
|
45
|
-
source: this.cache.$gifs,
|
|
46
|
-
filter: gifs => {
|
|
47
|
-
if (!gifs) return true;
|
|
48
|
-
const gifsFetchedTimestamp = this.localStorage.getItem(_constants.GIFS_FETCHED_KEY);
|
|
49
|
-
return (0, _helpers.shouldRefreshGifs)(gifsFetchedTimestamp);
|
|
50
|
-
},
|
|
51
|
-
target: this.api.getGifsFx
|
|
52
|
-
});
|
|
53
41
|
(0, _effector.sample)({
|
|
54
42
|
source: this.api.getGifsFx.doneData,
|
|
55
43
|
filter: response => response.ok,
|
|
56
44
|
fn: response => response.data,
|
|
57
|
-
target: this.cache.
|
|
58
|
-
});
|
|
59
|
-
(0, _effector.sample)({
|
|
60
|
-
source: this.api.getGifsFx.doneData,
|
|
61
|
-
filter: response => response.ok,
|
|
62
|
-
target: (0, _effector.createEffect)(() => {
|
|
63
|
-
this.localStorage.setItem(_constants.GIFS_FETCHED_KEY, new Date().toISOString());
|
|
64
|
-
})
|
|
45
|
+
target: this.cache.prefetchGifs
|
|
65
46
|
});
|
|
66
47
|
(0, _effector.sample)({
|
|
67
|
-
clock:
|
|
68
|
-
source:
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
resolvedProblems: this.$resolvedProblems
|
|
72
|
-
},
|
|
73
|
-
filter: ({
|
|
74
|
-
totalProblems,
|
|
75
|
-
gifs
|
|
76
|
-
}) => !!(totalProblems >= _constants.MIN_PROBLEMS_TO_SHOW_GIF && gifs),
|
|
77
|
-
fn: ({
|
|
78
|
-
totalProblems,
|
|
79
|
-
resolvedProblems,
|
|
80
|
-
gifs
|
|
81
|
-
}) => {
|
|
82
|
-
if (!gifs) return null;
|
|
83
|
-
return (0, _helpers.generateProblemsGifsTable)(totalProblems, resolvedProblems, gifs);
|
|
84
|
-
},
|
|
85
|
-
target: this.$problemsGifsTable
|
|
48
|
+
clock: this.initialize,
|
|
49
|
+
source: this.cache.$gifs,
|
|
50
|
+
filter: gifs => !gifs,
|
|
51
|
+
target: this.api.getGifsFx
|
|
86
52
|
});
|
|
87
53
|
(0, _effector.sample)({
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
target: this
|
|
54
|
+
//todo: fix types
|
|
55
|
+
//@ts-ignore
|
|
56
|
+
clock: [this.initialize, this.$totalProblems.updates],
|
|
57
|
+
source: this.$totalProblems,
|
|
58
|
+
filter: totalProblems => totalProblems && totalProblems >= _constants.MIN_PROBLEMS_TO_SHOW_GIF,
|
|
59
|
+
fn: totalProblems => (0, _helpers.calculatePercentageTable)(totalProblems),
|
|
60
|
+
target: this.$problemsPercentageTable
|
|
95
61
|
});
|
|
96
62
|
(0, _effector.sample)({
|
|
97
|
-
clock: this.
|
|
63
|
+
clock: this.triggerPlay,
|
|
98
64
|
source: {
|
|
99
|
-
isGifCelebrationMayBeTriggered: this.$
|
|
65
|
+
isGifCelebrationMayBeTriggered: this.$isGifCelebrationMayBeTriggered,
|
|
100
66
|
gifsGroups: this.cache.$gifs,
|
|
101
67
|
resolvedProblem: this.$resolvedProblems,
|
|
102
|
-
|
|
68
|
+
problemsPercentageTable: this.$problemsPercentageTable
|
|
103
69
|
},
|
|
104
70
|
filter: ({
|
|
105
71
|
isGifCelebrationMayBeTriggered,
|
|
106
72
|
gifsGroups,
|
|
107
73
|
resolvedProblem,
|
|
108
|
-
|
|
109
|
-
}) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined &&
|
|
74
|
+
problemsPercentageTable
|
|
75
|
+
}) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblem !== undefined && problemsPercentageTable),
|
|
110
76
|
fn: sources => sources,
|
|
111
77
|
target: this.handleGifSelection
|
|
112
78
|
});
|
|
113
|
-
this.api.getGifsFx.fail.watch(() => {
|
|
114
|
-
this.failedGetGifxTimeout = setTimeout(() => {
|
|
115
|
-
this.api.getGifsFx();
|
|
116
|
-
}, _constants.GET_GIFS_TIMEOUT);
|
|
117
|
-
});
|
|
118
|
-
this.api.getGifsFx.done.watch(() => {
|
|
119
|
-
if (this.failedGetGifxTimeout) {
|
|
120
|
-
clearTimeout(this.failedGetGifxTimeout);
|
|
121
|
-
this.failedGetGifxTimeout = null;
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
79
|
}
|
|
125
80
|
handleGifSelection = (0, _effector.createEffect)(({
|
|
126
81
|
gifsGroups,
|
|
127
82
|
resolvedProblem,
|
|
128
|
-
|
|
83
|
+
problemsPercentageTable
|
|
129
84
|
}) => {
|
|
130
|
-
const
|
|
131
|
-
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
85
|
+
const percentageMilestone = Object.keys(problemsPercentageTable).find(key => problemsPercentageTable[Number(key)] === resolvedProblem);
|
|
86
|
+
if (!percentageMilestone) return null;
|
|
87
|
+
const groupName = this.findGroupForPercentage(Number(percentageMilestone));
|
|
88
|
+
if (!groupName) return null;
|
|
89
|
+
const gifsForGroup = gifsGroups[groupName];
|
|
90
|
+
if (!gifsForGroup || gifsForGroup.length === 0) return null;
|
|
91
|
+
const unusedGifIndex = gifsForGroup.findIndex(gif => !gif.isShown);
|
|
92
|
+
if (unusedGifIndex === -1) {
|
|
93
|
+
const updatedGifsGroups = {
|
|
94
|
+
...gifsGroups
|
|
95
|
+
};
|
|
96
|
+
updatedGifsGroups[groupName] = gifsGroups[groupName].map(gif => ({
|
|
97
|
+
...gif,
|
|
98
|
+
isShown: false
|
|
99
|
+
}));
|
|
100
|
+
const gifObject = {
|
|
101
|
+
...updatedGifsGroups[groupName][0],
|
|
102
|
+
isShown: true
|
|
103
|
+
};
|
|
104
|
+
updatedGifsGroups[groupName][0].isShown = true;
|
|
105
|
+
this.setActiveGif(gifObject);
|
|
106
|
+
this.cache.set(updatedGifsGroups);
|
|
137
107
|
}
|
|
138
|
-
const
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
}
|
|
146
|
-
|
|
108
|
+
const selectedGif = gifsForGroup[unusedGifIndex];
|
|
109
|
+
const gifObject = {
|
|
110
|
+
...selectedGif,
|
|
111
|
+
isShown: true
|
|
112
|
+
};
|
|
113
|
+
const updatedGifsGroups = {
|
|
114
|
+
...gifsGroups
|
|
115
|
+
};
|
|
116
|
+
updatedGifsGroups[groupName][unusedGifIndex].isShown = true;
|
|
117
|
+
this.cache.set(updatedGifsGroups);
|
|
118
|
+
this.setActiveGif(gifObject);
|
|
147
119
|
});
|
|
120
|
+
findGroupForPercentage(percentage) {
|
|
121
|
+
return Object.keys(_constants.GROUPS_PERCENTAGES).find(key => _constants.GROUPS_PERCENTAGES[key].includes(percentage));
|
|
122
|
+
}
|
|
148
123
|
}
|
|
149
124
|
exports.GifCelebrationsModel = GifCelebrationsModel;
|
|
150
125
|
//# sourceMappingURL=GifCelebrations.model.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","
|
|
1
|
+
{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","triggerPlay","createEvent","stop","resetIsGifCelebrationMayBeTriggered","setIsGifCelebrationMayBeTriggered","$isGifCelebrationMayBeTriggered","createStore","reset","on","_","isGifCelebrationMayBeTriggered","resetPercentageTable","$problemsPercentageTable","setActiveGif","$activeGif","gif","initialize","resetGroupGifs","constructor","api","totalProblems","resolvedProblems","customPrefetchMethod","customGetCachePathMethod","GifCelebrationsApi","cache","GifCelebrationsCache","$totalProblems","$resolvedProblems","setupEventHandlers","sample","source","getGifsFx","doneData","filter","response","ok","fn","data","target","prefetchGifs","clock","$gifs","gifs","updates","MIN_PROBLEMS_TO_SHOW_GIF","calculatePercentageTable","gifsGroups","resolvedProblem","problemsPercentageTable","undefined","sources","handleGifSelection","createEffect","percentageMilestone","Object","keys","find","key","Number","groupName","findGroupForPercentage","gifsForGroup","length","unusedGifIndex","findIndex","isShown","updatedGifsGroups","map","gifObject","set","selectedGif","percentage","GROUPS_PERCENTAGES","includes","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.GifCelebrationsApi = void 0;
|
|
|
7
7
|
var _createControllerEffect = require("./../../../lib/effector/createControllerEffect.js");
|
|
8
8
|
class GifCelebrationsApi {
|
|
9
9
|
constructor(api) {
|
|
10
|
-
this.getGifsFx = (0, _createControllerEffect.createControllerEffect)(
|
|
10
|
+
this.getGifsFx = (0, _createControllerEffect.createControllerEffect)(api.getGifs);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
exports.GifCelebrationsApi = GifCelebrationsApi;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createControllerEffect","require","GifCelebrationsApi","constructor","api","getGifsFx","createControllerEffect","getGifs","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrationsApi.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAGO,MAAMC,kBAAkB,CAAC;EAG9BC,WAAWA,CAACC,GAA8B,EAAE;IAC1C,IAAI,CAACC,SAAS,GAAG,IAAAC,8CAAsB,
|
|
1
|
+
{"version":3,"names":["_createControllerEffect","require","GifCelebrationsApi","constructor","api","getGifsFx","createControllerEffect","getGifs","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrationsApi.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAGO,MAAMC,kBAAkB,CAAC;EAG9BC,WAAWA,CAACC,GAA8B,EAAE;IAC1C,IAAI,CAACC,SAAS,GAAG,IAAAC,8CAAsB,EAACF,GAAG,CAACG,OAAO,CAAC;EACtD;AACF;AAACC,OAAA,CAAAN,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","controlledRequest","request","data","controller","AbortController","abortAfter","timeout","setTimeout","abort","response","signal","clearTimeout","error","code","reason","Error","createControllerEffect","fn","effect","createEffect","fail","watch","exports"],"sourceRoot":"../../../../src","sources":["lib/effector/createControllerEffect.ts"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAkBO,SAASC,iBAAiBA,
|
|
1
|
+
{"version":3,"names":["_effector","require","controlledRequest","request","data","controller","AbortController","abortAfter","timeout","setTimeout","abort","response","signal","clearTimeout","error","code","reason","Error","createControllerEffect","fn","effect","createEffect","fail","watch","exports"],"sourceRoot":"../../../../src","sources":["lib/effector/createControllerEffect.ts"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAkBO,SAASC,iBAAiBA,CAC7BC,OAAiE,EACnE;EACE,OAAO,OAAO;IACVC,IAAI;IACJC,UAAU,GAAG,IAAIC,eAAe,CAAC,CAAC;IAClCC,UAAU,GAAG;EACU,CAAC,KAAK;IAC7B,IAAIC,OAA6C,GAAG,IAAI;IAExD,IAAID,UAAU,EAAE;MACZC,OAAO,GAAGC,UAAU,CAAC,MAAM;QACvBJ,UAAU,CAACK,KAAK,CAAC,SAAS,CAAC;MAC/B,CAAC,EAAEH,UAAU,CAAC;IAClB;IAEA,IAAI;MACA,MAAMI,QAAQ,GAAG,MAAMR,OAAO,CAACC,IAAI,EAAE;QAAEQ,MAAM,EAAEP,UAAU,EAAEO;MAAO,CAAC,CAAC;MACpE,IAAIJ,OAAO,KAAK,IAAI,EAAEK,YAAY,CAACL,OAAO,CAAC;MAC3C,OAAOG,QAAQ;IACnB,CAAC,CAAC,OAAOG,KAAc,EAAE;MACrB,IAAKA,KAAK,CAAuBC,IAAI,KAAK,cAAc,EAAE;QACtD,IAAIV,UAAU,CAACO,MAAM,CAACI,MAAM,KAAK,SAAS,EAAE;UACxC,MAAM,IAAIC,KAAK,CAAC,mBAAmB,CAAC;QACxC;QACA,MAAM,IAAIA,KAAK,CAAC,0BAA0B,CAAC;MAC/C;MAEA,MAAMH,KAAK;IACf;EACJ,CAAC;AACL;AAEO,MAAMI,sBAAsB,GAC/BC,EAA4D,IAC3D;EACD,MAAMhB,OAAO,GAAGD,iBAAiB,CAAOiB,EAAE,CAAC;EAC3C,MAAMC,MAAM,GAAG,IAAAC,sBAAY,EAAEjB,IAAO,IAChCD,OAAO,CAAC;IAAEC,IAAI;IAAEC,UAAU,EAAEe,MAAM,CAACf;EAAW,CAAC,CACnD,CAA2B;EAC3Be,MAAM,CAACf,UAAU,GAAG,IAAIC,eAAe,CAAC,CAAC;EAEzCc,MAAM,CAACE,IAAI,CAACC,KAAK,CAAC,MAAM;IACpBH,MAAM,CAACf,UAAU,GAAG,IAAIC,eAAe,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEF,OAAOc,MAAM;AACjB,CAAC;AAAAI,OAAA,CAAAN,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Gif","Progress","ContentContainer","Backdrop","Easing","runOnJS","useSharedValue","withSequence","withTiming","useUnit","ANIMATION_DURATION","jsx","_jsx","jsxs","_jsxs","GifCelebrations","model","TextComponent","totalProblems","resolvedProblems","activeGif","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","stopAnimation","stop","value","playAnimation","duration","easing","bezier","children","gifObject","getCachePathMethod","cache"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,GAAG,QAAQ,qBAAkB;AACtC,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,UAAU,QAAQ,yBAAyB;AACnG,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,kBAAkB,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACjF,MAAM,CAACC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS,CAAC,GAAGX,OAAO,CAAC,CAC3DO,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,iBAAiB,EACvBN,KAAK,CAACO,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,gBAAgB,IAAID,aAAa,IAAIO,IAAI,CAACC,KAAK,CAAEP,gBAAgB,GAAGD,aAAa,GAAI,GAAG,CAAC;EAE3F,MAAMS,QAAQ,GAAGrB,cAAc,CAAgB,CAAC,CAAC;EAEjD,MAAMsB,aAAa,GAAGA,CAAA,KAAM;IAC1BZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACZF,QAAQ,CAACG,KAAK,GAAG,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1BJ,QAAQ,CAACG,KAAK,GAAGvB,YAAY,CAC3BC,UAAU,CAAC,CAAC,EAAE;MACZwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,CAAC,EACF1B,UAAU,CACR,CAAC,EACD;MACEwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,EACD,MAAM7B,OAAO,CAACuB,aAAa,CAAC,CAAC,CAC/B,CACF,CAAC;EACH,CAAC;EAED7B,SAAS,CAAC,MAAM;IACd,IAAIqB,SAAS,EAAE;MACbW,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACER,IAAA,CAACT,QAAQ;IAACwB,QAAQ,EAAEA,QAAS;
|
|
1
|
+
{"version":3,"names":["React","useEffect","Gif","Progress","ContentContainer","Backdrop","Easing","runOnJS","useSharedValue","withSequence","withTiming","useUnit","ANIMATION_DURATION","jsx","_jsx","jsxs","_jsxs","GifCelebrations","model","TextComponent","totalProblems","resolvedProblems","activeGif","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","stopAnimation","stop","value","playAnimation","duration","easing","bezier","initialize","children","gifObject","getCachePathMethod","cache"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,GAAG,QAAQ,qBAAkB;AACtC,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,UAAU,QAAQ,yBAAyB;AACnG,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,kBAAkB,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACjF,MAAM,CAACC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS,CAAC,GAAGX,OAAO,CAAC,CAC3DO,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,iBAAiB,EACvBN,KAAK,CAACO,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,gBAAgB,IAAID,aAAa,IAAIO,IAAI,CAACC,KAAK,CAAEP,gBAAgB,GAAGD,aAAa,GAAI,GAAG,CAAC;EAE3F,MAAMS,QAAQ,GAAGrB,cAAc,CAAgB,CAAC,CAAC;EAEjD,MAAMsB,aAAa,GAAGA,CAAA,KAAM;IAC1BZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACZF,QAAQ,CAACG,KAAK,GAAG,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1BJ,QAAQ,CAACG,KAAK,GAAGvB,YAAY,CAC3BC,UAAU,CAAC,CAAC,EAAE;MACZwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,CAAC,EACF1B,UAAU,CACR,CAAC,EACD;MACEwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,EACD,MAAM7B,OAAO,CAACuB,aAAa,CAAC,CAAC,CAC/B,CACF,CAAC;EACH,CAAC;EAED7B,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACmB,UAAU,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAENpC,SAAS,CAAC,MAAM;IACd,IAAIqB,SAAS,EAAE;MACbW,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACER,IAAA,CAACT,QAAQ;IAACwB,QAAQ,EAAEA,QAAS;IAAAS,QAAA,eAC3BtB,KAAA,CAACZ,gBAAgB;MAACyB,QAAQ,EAAEA,QAAS;MAAAS,QAAA,gBACnCxB,IAAA,CAACZ,GAAG;QACFqC,SAAS,EAAEjB,SAAU;QACrBkB,kBAAkB,EAAEtB,KAAK,CAACuB,KAAK,CAACD,kBAAmB;QACnDrB,aAAa,EAAEA;MAAc,CAC9B,CAAC,eACFL,IAAA,CAACX,QAAQ;QAAC0B,QAAQ,EAAEA,QAAS;QAACH,gBAAgB,EAAEA;MAAiB,CAAE,CAAC;IAAA,CACpD;EAAC,CACX,CAAC;AAEf,CAAC","ignoreList":[]}
|
|
@@ -13,8 +13,8 @@ export const ContentContainer = ({
|
|
|
13
13
|
const {
|
|
14
14
|
width
|
|
15
15
|
} = useWindowDimensions();
|
|
16
|
-
const RIGHT_POSITION = width / 2 + CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + CONTENT_CONTAINER.
|
|
17
|
-
const LEFT_POSITION = -RIGHT_POSITION - CONTENT_CONTAINER.
|
|
16
|
+
const RIGHT_POSITION = width / 2 + CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + CONTENT_CONTAINER.SAFE_AREA;
|
|
17
|
+
const LEFT_POSITION = -RIGHT_POSITION - CONTENT_CONTAINER.SAFE_AREA;
|
|
18
18
|
const animatedStyles = useAnimatedStyle(() => ({
|
|
19
19
|
transform: [{
|
|
20
20
|
translateX: interpolate(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useWindowDimensions","React","SPACING","Animated","useAnimatedStyle","interpolate","CONTENT_CONTAINER","jsx","_jsx","ContentContainer","children","progress","width","RIGHT_POSITION","CONTAINER_WIDTH","
|
|
1
|
+
{"version":3,"names":["StyleSheet","useWindowDimensions","React","SPACING","Animated","useAnimatedStyle","interpolate","CONTENT_CONTAINER","jsx","_jsx","ContentContainer","children","progress","width","RIGHT_POSITION","CONTAINER_WIDTH","SAFE_AREA","LEFT_POSITION","animatedStyles","transform","translateX","value","rotate","ANGLE","View","style","styles","container","create","alignItems","gap","position"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/ContentContainer.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,4BAA4B;AACpD,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,WAAW,QAAqB,yBAAyB;AAC9F,SAASC,iBAAiB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQhD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EACjF,MAAM;IAAEC;EAAM,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAEvC,MAAMa,cAAc,GAClBD,KAAK,GAAG,CAAC,GAAGN,iBAAiB,CAACQ,eAAe,GAAG,CAAC,GAAGR,iBAAiB,CAACS,SAAS;EACjF,MAAMC,aAAa,GAAG,CAACH,cAAc,GAAGP,iBAAiB,CAACS,SAAS;EAEnE,MAAME,cAAc,GAAGb,gBAAgB,CACrC,OAAO;IACLc,SAAS,EAAE,CACT;MACEC,UAAU,EAAEd,WAAW,CAACM,QAAQ,CAACS,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAACJ,aAAa,EAAE,CAAC,EAAEH,cAAc,CAAC;IACvF,CAAC,EACD;MACEQ,MAAM,EAAE,GAAGhB,WAAW,CAACM,QAAQ,CAACS,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACd,iBAAiB,CAACgB,KAAK,EAAE,CAAC,EAAEhB,iBAAiB,CAACgB,KAAK,CAAC,CAAC;IAC3G,CAAC;EAEL,CAAC,CAAC,EACF,CAACX,QAAQ,EAAEE,cAAc,EAAEG,aAAa,CAC1C,CAAC;EAED,oBAAOR,IAAA,CAACL,QAAQ,CAACoB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAET,cAAc,CAAE;IAAAP,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAC7F,CAAC;AAED,MAAMe,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTd,KAAK,EAAEN,iBAAiB,CAACQ,eAAe;IACxCc,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE3B,OAAO,CAAC,GAAG,CAAC;IACjB4B,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,9 +5,7 @@ import React, { useLayoutEffect, useState } from 'react';
|
|
|
5
5
|
import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
|
|
6
6
|
import { MAX_GIF_SIZE, MIN_GIF_SIZE } from "../constants.js";
|
|
7
7
|
import { useText } from "../../../shared/translation/index.js";
|
|
8
|
-
import {
|
|
9
|
-
import gifFallback from '../assets/gifFallback.gif';
|
|
10
|
-
import { IS_WEB } from "../../../shared/constants.js";
|
|
8
|
+
import { getGifLabel } from "../helpers.js";
|
|
11
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
10
|
export const Gif = ({
|
|
13
11
|
gifObject,
|
|
@@ -17,23 +15,15 @@ export const Gif = ({
|
|
|
17
15
|
const [size, setSize] = useState(null);
|
|
18
16
|
const [pathOrUri, setPathOrUri] = useState('');
|
|
19
17
|
const t = useText();
|
|
20
|
-
const gifGroupNumber = Number(gifObject.group.replace('group', ''));
|
|
21
|
-
const gifLabel = getGifLabel(gifGroupNumber);
|
|
22
18
|
useLayoutEffect(() => {
|
|
23
19
|
const loadImageSize = async () => {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
localPath = await getImagePath(gifObject.url, getCachePathMethod);
|
|
27
|
-
} catch (error) {
|
|
28
|
-
localPath = IS_WEB ? gifFallback : Image.resolveAssetSource(gifFallback).uri;
|
|
29
|
-
console.error('Error fetching image from cache:', error);
|
|
30
|
-
}
|
|
31
|
-
Image.getSize(localPath, (width, height) => {
|
|
20
|
+
const path = getCachePathMethod ? (await getCachePathMethod(gifObject.url)) || gifObject.url : gifObject.url;
|
|
21
|
+
Image.getSize(path, (width, height) => {
|
|
32
22
|
setSize({
|
|
33
|
-
width:
|
|
34
|
-
height:
|
|
23
|
+
width: Math.max(MIN_GIF_SIZE, Math.min(MAX_GIF_SIZE.WIDTH, width)),
|
|
24
|
+
height: Math.max(MIN_GIF_SIZE, Math.min(MAX_GIF_SIZE.HEIGHT, height))
|
|
35
25
|
});
|
|
36
|
-
setPathOrUri(
|
|
26
|
+
setPathOrUri(path);
|
|
37
27
|
});
|
|
38
28
|
};
|
|
39
29
|
loadImageSize();
|
|
@@ -55,7 +45,7 @@ export const Gif = ({
|
|
|
55
45
|
}] //this sizes duplication is needed for compatibility with web and rn
|
|
56
46
|
}), /*#__PURE__*/_jsx(View, {
|
|
57
47
|
style: styles.textContainer,
|
|
58
|
-
children: TextComponent(t(
|
|
48
|
+
children: TextComponent(t(getGifLabel(Number(gifObject.group.replace('group', '')))))
|
|
59
49
|
})]
|
|
60
50
|
})
|
|
61
51
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","MAX_GIF_SIZE","MIN_GIF_SIZE","useText","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","MAX_GIF_SIZE","MIN_GIF_SIZE","useText","getGifLabel","jsx","_jsx","jsxs","_jsxs","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","pathOrUri","setPathOrUri","t","loadImageSize","path","url","getSize","width","height","Math","max","min","WIDTH","HEIGHT","style","styles","backgroundContainer","children","container","alt","source","uri","image","textContainer","Number","group","replace","create","backgroundColor","borderRadius","padding","NEUTRAL_1","position","bottom","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AACtD,OAAOC,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAE3E,SAASC,YAAY,EAAEC,YAAY,QAAQ,iBAAc;AACzD,SAASC,OAAO,QAAQ,sCAA6B;AACrD,SAASC,WAAW,QAAQ,eAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAaxC,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEC,SAAS;EAAEC,kBAAkB;EAAEC;AAAwB,CAAC,KAAK;EACjF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAAc,IAAI,CAAC;EACnD,MAAM,CAACkB,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAAS,EAAE,CAAC;EAEtD,MAAMoB,CAAC,GAAGd,OAAO,CAAC,CAAC;EAEnBP,eAAe,CAAC,MAAM;IACpB,MAAMsB,aAAa,GAAG,MAAAA,CAAA,KAAY;MAChC,MAAMC,IAAI,GAAGR,kBAAkB,GAC3B,CAAC,MAAMA,kBAAkB,CAACD,SAAS,CAACU,GAAG,CAAC,KAAKV,SAAS,CAACU,GAAG,GAC1DV,SAAS,CAACU,GAAG;MAEjB1B,KAAK,CAAC2B,OAAO,CAACF,IAAI,EAAE,CAACG,KAAK,EAAEC,MAAM,KAAK;QACrCT,OAAO,CAAC;UACNQ,KAAK,EAAEE,IAAI,CAACC,GAAG,CAACvB,YAAY,EAAEsB,IAAI,CAACE,GAAG,CAACzB,YAAY,CAAC0B,KAAK,EAAEL,KAAK,CAAC,CAAC;UAClEC,MAAM,EAAEC,IAAI,CAACC,GAAG,CAACvB,YAAY,EAAEsB,IAAI,CAACE,GAAG,CAACzB,YAAY,CAAC2B,MAAM,EAAEL,MAAM,CAAC;QACtE,CAAC,CAAC;QAEFP,YAAY,CAACG,IAAI,CAAC;MACpB,CAAC,CAAC;IACJ,CAAC;IAEDD,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACR,SAAS,CAACU,GAAG,CAAC,CAAC;EAEnB,oBACEd,IAAA,CAACb,IAAI;IAACoC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtCxB,KAAA,CAACf,IAAI;MAACoC,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,GAC3BnB,IAAI,IAAIE,SAAS,iBAChBT,IAAA,CAACZ,KAAK;QACJwC,GAAG,EAAC,kCAAkC;QACtCC,MAAM,EAAE;UACNC,GAAG,EAAErB;QACP,CAAE;QACFO,KAAK,EAAET,IAAI,CAACS,KAAM;QAClBC,MAAM,EAAEV,IAAI,CAACU,MAAO;QACpBM,KAAK,EAAE,CAACC,MAAM,CAACO,KAAK,EAAE;UAAEf,KAAK,EAAET,IAAI,CAACS,KAAK;UAAEC,MAAM,EAAEV,IAAI,CAACU;QAAO,CAAC,CAAE,CAAC;MAAA,CACpE,CACF,eACDjB,IAAA,CAACb,IAAI;QAACoC,KAAK,EAAEC,MAAM,CAACQ,aAAc;QAAAN,QAAA,EAC/BpB,aAAa,CAACK,CAAC,CAACb,WAAW,CAACmC,MAAM,CAAC7B,SAAS,CAAC8B,KAAK,CAACC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;MAAC,CACxE,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGtC,UAAU,CAACkD,MAAM,CAAC;EAC/BX,mBAAmB,EAAE;IACnBY,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE7C,OAAO,CAAC,GAAG;EACtB,CAAC;EACDiC,SAAS,EAAE;IACTY,OAAO,EAAE7C,OAAO,CAAC,IAAI,CAAC;IACtB4C,YAAY,EAAE9C,aAAa,CAAC,GAAG,CAAC;IAChC6C,eAAe,EAAE5C,MAAM,CAAC+C;EAC1B,CAAC;EACDT,KAAK,EAAE;IACLO,YAAY,EAAE9C,aAAa,CAAC,GAAG;EACjC,CAAC;EACDwC,aAAa,EAAE;IACbS,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,17 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { StyleSheet, View, Image } from 'react-native';
|
|
3
|
+
import { StyleSheet, View, Image, Platform } from 'react-native';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { BORDER_RADIUS, COLORS, HeadingVariants,
|
|
5
|
+
import { BORDER_RADIUS, COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
6
6
|
import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
|
|
7
7
|
import confettiImage from '../assets/confetti.webp';
|
|
8
|
-
import { getProgressLineWidth } from "../helpers.js";
|
|
9
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
10
|
+
const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
11
|
+
const IS_WEB = Platform.OS === 'web';
|
|
10
12
|
export const Progress = ({
|
|
11
13
|
progress,
|
|
12
14
|
completedPercent
|
|
13
15
|
}) => {
|
|
14
|
-
const progressLineWidth =
|
|
16
|
+
const progressLineWidth = (() => {
|
|
17
|
+
if (completedPercent <= 9) {
|
|
18
|
+
return MIN_WIDTH_FOR_ONE_DIGIT;
|
|
19
|
+
}
|
|
20
|
+
if (completedPercent <= 15) {
|
|
21
|
+
return MIN_WIDTH_FOR_TWO_DIGITS;
|
|
22
|
+
}
|
|
23
|
+
return completedPercent;
|
|
24
|
+
})();
|
|
15
25
|
const animatedStyles = useAnimatedStyle(() => ({
|
|
16
26
|
width: `${interpolate(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
|
|
17
27
|
}), [progress, progressLineWidth]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","BORDER_RADIUS","COLORS","HeadingVariants","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Image","Platform","React","BORDER_RADIUS","COLORS","HeadingVariants","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","jsx","_jsx","jsxs","_jsxs","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","IS_WEB","OS","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","source","uri","require","confetti","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,10 +7,10 @@ export const BACKDROP_COLOR = {
|
|
|
7
7
|
export const CONTENT_CONTAINER = {
|
|
8
8
|
ANGLE: 5,
|
|
9
9
|
CONTAINER_WIDTH: 769,
|
|
10
|
-
|
|
10
|
+
SAFE_AREA: 44 // to be sure that the content is not cut off on the edges because of rotate transform
|
|
11
11
|
};
|
|
12
12
|
export const ANIMATION_DURATION = 1750;
|
|
13
|
-
export const MIN_PROBLEMS_TO_SHOW_GIF =
|
|
13
|
+
export const MIN_PROBLEMS_TO_SHOW_GIF = 6;
|
|
14
14
|
export const MAX_GIF_SIZE = {
|
|
15
15
|
WIDTH: 480,
|
|
16
16
|
HEIGHT: 300
|
|
@@ -23,8 +23,4 @@ export const GROUPS_PERCENTAGES = {
|
|
|
23
23
|
// Mid celebrations
|
|
24
24
|
group3: [60, 66, 75, 80] // Party
|
|
25
25
|
};
|
|
26
|
-
export const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
27
|
-
export const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
28
|
-
export const GET_GIFS_TIMEOUT = 5000;
|
|
29
|
-
export const GIFS_FETCHED_KEY = 'gifsFetchedTimestamp';
|
|
30
26
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BACKDROP_COLOR","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","
|
|
1
|
+
{"version":3,"names":["BACKDROP_COLOR","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","SAFE_AREA","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","MIN_GIF_SIZE","GROUPS_PERCENTAGES","group1","group2","group3"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,OAAO,EAAE,qBAAqB;EAC9BC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,KAAK,EAAE,CAAC;EACRC,eAAe,EAAE,GAAG;EACpBC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,IAAI;AACtC,OAAO,MAAMC,wBAAwB,GAAG,CAAC;AAEzC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,YAAY,GAAG,GAAG;AAE/B,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAE;AAC5B,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { MIN_WIDTH_FOR_ONE_DIGIT, MIN_WIDTH_FOR_TWO_DIGITS } from "./constants.js";
|
|
4
|
-
import { Image } from 'react-native';
|
|
5
|
-
|
|
6
3
|
/**
|
|
7
4
|
* Number of problems When we show gif
|
|
8
5
|
* <6 Never
|
|
@@ -16,37 +13,39 @@ import { Image } from 'react-native';
|
|
|
16
13
|
* Group 1: 15%, 20%, 25%, 30% - Early celebrations
|
|
17
14
|
* Group 2: 33%, 40%, 45%, 50% - Mid celebrations
|
|
18
15
|
* Group 3: 60%, 66%, 75%, 80% - Party
|
|
19
|
-
* or
|
|
20
|
-
* Group 1: <=30% - Early celebrations
|
|
21
|
-
* Group 2: >30% <60% - Mid celebrations
|
|
22
|
-
* Group 3: >=60% - Party
|
|
23
16
|
*/
|
|
24
|
-
export const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const unshownGif = gifsInGroup.find(gif => !gif.isShown);
|
|
34
|
-
const selectedGif = unshownGif || gifsInGroup[0];
|
|
35
|
-
if (selectedGif) {
|
|
36
|
-
result[problemNumber] = {
|
|
37
|
-
url: selectedGif.url,
|
|
38
|
-
group: groupKey
|
|
39
|
-
};
|
|
40
|
-
}
|
|
17
|
+
export const calculatePercentageTable = totalProblems => {
|
|
18
|
+
if (totalProblems <= 12) return {
|
|
19
|
+
50: Math.ceil(totalProblems * 0.5)
|
|
20
|
+
};
|
|
21
|
+
if (totalProblems <= 18) {
|
|
22
|
+
return {
|
|
23
|
+
33: Math.ceil(totalProblems * 0.33),
|
|
24
|
+
66: Math.ceil(totalProblems * 0.66)
|
|
25
|
+
};
|
|
41
26
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
27
|
+
if (totalProblems <= 24) {
|
|
28
|
+
return {
|
|
29
|
+
25: Math.ceil(totalProblems * 0.25),
|
|
30
|
+
50: Math.ceil(totalProblems * 0.5),
|
|
31
|
+
75: Math.ceil(totalProblems * 0.75)
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
if (totalProblems <= 30) {
|
|
35
|
+
return {
|
|
36
|
+
20: Math.ceil(totalProblems * 0.2),
|
|
37
|
+
40: Math.ceil(totalProblems * 0.4),
|
|
38
|
+
60: Math.ceil(totalProblems * 0.6),
|
|
39
|
+
80: Math.ceil(totalProblems * 0.8)
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
return {
|
|
43
|
+
15: Math.ceil(totalProblems * 0.15),
|
|
44
|
+
30: Math.ceil(totalProblems * 0.3),
|
|
45
|
+
45: Math.ceil(totalProblems * 0.45),
|
|
46
|
+
60: Math.ceil(totalProblems * 0.6),
|
|
47
|
+
75: Math.ceil(totalProblems * 0.75)
|
|
48
|
+
};
|
|
50
49
|
};
|
|
51
50
|
export const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
|
|
52
51
|
url,
|
|
@@ -62,42 +61,4 @@ export const getGifLabel = relatedGroup => {
|
|
|
62
61
|
}
|
|
63
62
|
return 'gifCelebrations.greatStart';
|
|
64
63
|
};
|
|
65
|
-
export const getProgressLineWidth = completedPercent => {
|
|
66
|
-
if (completedPercent <= 9) {
|
|
67
|
-
return MIN_WIDTH_FOR_ONE_DIGIT;
|
|
68
|
-
}
|
|
69
|
-
if (completedPercent <= 15) {
|
|
70
|
-
return MIN_WIDTH_FOR_TWO_DIGITS;
|
|
71
|
-
}
|
|
72
|
-
return completedPercent;
|
|
73
|
-
};
|
|
74
|
-
export const findGroupForPercentage = percentage => {
|
|
75
|
-
if (percentage <= 30) {
|
|
76
|
-
return 'group1';
|
|
77
|
-
}
|
|
78
|
-
if (percentage < 60) {
|
|
79
|
-
return 'group2';
|
|
80
|
-
}
|
|
81
|
-
return 'group3';
|
|
82
|
-
};
|
|
83
|
-
export const getImagePath = async (url, cacheMethod) => {
|
|
84
|
-
if (cacheMethod) {
|
|
85
|
-
const path = await cacheMethod(url);
|
|
86
|
-
if (path) return path;
|
|
87
|
-
} else {
|
|
88
|
-
// @ts-ignore - Image.queryCache works only in web
|
|
89
|
-
const isImagesStored = await Image.queryCache([url]).then(images => !!images[url]);
|
|
90
|
-
if (isImagesStored) return url;
|
|
91
|
-
}
|
|
92
|
-
throw new Error('Image not found in cache');
|
|
93
|
-
};
|
|
94
|
-
export const constrainDimension = (value, min, max) => Math.max(min, Math.min(max, value));
|
|
95
|
-
export const shouldRefreshGifs = timestamp => {
|
|
96
|
-
if (!timestamp) return true;
|
|
97
|
-
const REFRESH_INTERVAL_HOURS = 24;
|
|
98
|
-
const lastFetchedDate = new Date(timestamp);
|
|
99
|
-
const currentDate = new Date();
|
|
100
|
-
const diffInHours = (currentDate.getTime() - lastFetchedDate.getTime()) / (1000 * 60 * 60);
|
|
101
|
-
return diffInHours > REFRESH_INTERVAL_HOURS;
|
|
102
|
-
};
|
|
103
64
|
//# sourceMappingURL=helpers.js.map
|