@magmamath/students-features 0.6.7-rc.1 → 0.6.7-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/endOfAssignment/components/Modal/Modal.js +1 -0
- package/dist/commonjs/features/endOfAssignment/components/Modal/Modal.js.map +1 -1
- package/dist/commonjs/index.js +0 -12
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/lib/effector/createControllerEffect.js.map +1 -1
- package/dist/commonjs/lib/helpers/helpers.js.map +1 -1
- package/dist/commonjs/shared/translation/localization/en.json +0 -5
- package/dist/commonjs/shared/translation/localization/gb.json +0 -5
- package/dist/commonjs/shared/translation/localization/sw.json +0 -5
- package/dist/module/features/endOfAssignment/components/Modal/Modal.js +2 -1
- package/dist/module/features/endOfAssignment/components/Modal/Modal.js.map +1 -1
- package/dist/module/index.js +0 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/lib/effector/createControllerEffect.js.map +1 -1
- package/dist/module/shared/translation/localization/en.json +0 -5
- package/dist/module/shared/translation/localization/gb.json +0 -5
- package/dist/module/shared/translation/localization/sw.json +0 -5
- package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/Modal.d.ts.map +1 -1
- package/dist/typescript/commonjs/index.d.ts +0 -1
- package/dist/typescript/commonjs/index.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/commonjs/lib/helpers/helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/constants.d.ts +0 -15
- package/dist/typescript/commonjs/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/model.d.ts +0 -10
- package/dist/typescript/commonjs/shared/translation/model.d.ts.map +1 -1
- package/dist/typescript/module/features/endOfAssignment/components/Modal/Modal.d.ts.map +1 -1
- package/dist/typescript/module/index.d.ts +0 -1
- package/dist/typescript/module/index.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/dist/typescript/module/lib/helpers/helpers.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/constants.d.ts +0 -15
- package/dist/typescript/module/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/model.d.ts +0 -10
- package/dist/typescript/module/shared/translation/model.d.ts.map +1 -1
- package/package.json +5 -3
- package/src/features/endOfAssignment/components/Modal/Modal.tsx +2 -1
- package/src/index.ts +0 -1
- package/src/lib/effector/createControllerEffect.ts +41 -41
- package/src/lib/helpers/helpers.ts +1 -1
- package/src/shared/translation/localization/en.json +0 -5
- package/src/shared/translation/localization/gb.json +0 -5
- package/src/shared/translation/localization/sw.json +0 -5
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js +0 -62
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/assets/confetti.webp +0 -0
- package/dist/commonjs/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js +0 -44
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js +0 -46
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/components/Gif.js +0 -91
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/components/Progress.js +0 -96
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/constants.js +0 -34
- package/dist/commonjs/features/gifCelebrations/constants.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/helpers.js +0 -114
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/index.js +0 -20
- package/dist/commonjs/features/gifCelebrations/index.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +0 -38
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +0 -150
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js +0 -14
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/types/model.types.js +0 -6
- package/dist/commonjs/features/gifCelebrations/types/model.types.js.map +0 -1
- package/dist/commonjs/react-app-env.d.js +0 -2
- package/dist/commonjs/react-app-env.d.js.map +0 -1
- package/dist/commonjs/shared/constants.js +0 -9
- package/dist/commonjs/shared/constants.js.map +0 -1
- package/dist/commonjs/types/common.types.js +0 -2
- package/dist/commonjs/types/common.types.js.map +0 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js +0 -55
- package/dist/module/features/gifCelebrations/GifCelebrations.js.map +0 -1
- package/dist/module/features/gifCelebrations/assets/confetti.webp +0 -0
- package/dist/module/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/dist/module/features/gifCelebrations/components/Backdrop.js +0 -36
- package/dist/module/features/gifCelebrations/components/Backdrop.js.map +0 -1
- package/dist/module/features/gifCelebrations/components/ContentContainer.js +0 -38
- package/dist/module/features/gifCelebrations/components/ContentContainer.js.map +0 -1
- package/dist/module/features/gifCelebrations/components/Gif.js +0 -83
- package/dist/module/features/gifCelebrations/components/Gif.js.map +0 -1
- package/dist/module/features/gifCelebrations/components/Progress.js +0 -88
- package/dist/module/features/gifCelebrations/components/Progress.js.map +0 -1
- package/dist/module/features/gifCelebrations/constants.js +0 -30
- package/dist/module/features/gifCelebrations/constants.js.map +0 -1
- package/dist/module/features/gifCelebrations/helpers.js +0 -103
- package/dist/module/features/gifCelebrations/helpers.js.map +0 -1
- package/dist/module/features/gifCelebrations/index.js +0 -5
- package/dist/module/features/gifCelebrations/index.js.map +0 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +0 -33
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +0 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +0 -145
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +0 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js +0 -9
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js.map +0 -1
- package/dist/module/features/gifCelebrations/types/model.types.js +0 -4
- package/dist/module/features/gifCelebrations/types/model.types.js.map +0 -1
- package/dist/module/react-app-env.d.js +0 -2
- package/dist/module/react-app-env.d.js.map +0 -1
- package/dist/module/shared/constants.js +0 -5
- package/dist/module/shared/constants.js.map +0 -1
- package/dist/module/types/common.types.js +0 -2
- package/dist/module/types/common.types.js.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts +0 -10
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts +0 -10
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts +0 -10
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts +0 -10
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts +0 -10
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +0 -26
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +0 -29
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts +0 -3
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts +0 -19
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts +0 -26
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts +0 -6
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +0 -45
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.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/commonjs/types/common.types.d.ts +0 -5
- package/dist/typescript/commonjs/types/common.types.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts +0 -10
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts +0 -10
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts +0 -10
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts +0 -10
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts +0 -10
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +0 -26
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +0 -29
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/index.d.ts +0 -3
- package/dist/typescript/module/features/gifCelebrations/index.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts +0 -19
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts +0 -26
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts +0 -6
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +0 -45
- package/dist/typescript/module/features/gifCelebrations/types/model.types.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/dist/typescript/module/types/common.types.d.ts +0 -5
- package/dist/typescript/module/types/common.types.d.ts.map +0 -1
- package/src/features/gifCelebrations/GifCelebrations.tsx +0 -75
- package/src/features/gifCelebrations/assets/confetti.webp +0 -0
- package/src/features/gifCelebrations/assets/gifFallback.gif +0 -0
- package/src/features/gifCelebrations/components/Backdrop.tsx +0 -41
- package/src/features/gifCelebrations/components/ContentContainer.tsx +0 -44
- package/src/features/gifCelebrations/components/Gif.tsx +0 -89
- package/src/features/gifCelebrations/components/Progress.tsx +0 -106
- package/src/features/gifCelebrations/constants.ts +0 -32
- package/src/features/gifCelebrations/helpers.ts +0 -144
- package/src/features/gifCelebrations/index.ts +0 -2
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +0 -51
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +0 -192
- package/src/features/gifCelebrations/model/GifCelebrationsApi.ts +0 -10
- package/src/features/gifCelebrations/types/model.types.ts +0 -53
- package/src/react-app-env.d.ts +0 -6
- package/src/shared/constants.ts +0 -3
- package/src/types/common.types.ts +0 -4
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.shouldRefreshGifs = exports.getProgressLineWidth = exports.getImagePath = exports.getGifLabel = exports.generateProblemsGifsTable = exports.generateGifsStructure = exports.findGroupForPercentage = exports.constrainDimension = void 0;
|
|
7
|
-
var _constants = require("./constants.js");
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
/**
|
|
10
|
-
* Number of problems When we show gif
|
|
11
|
-
* <6 Never
|
|
12
|
-
* 7-12 50% completion
|
|
13
|
-
* 13-18 33%, 66% completion
|
|
14
|
-
* 19-24 25%, 50%, 75 completion
|
|
15
|
-
* 25-30 20%, 40%, 60%, 80% completion
|
|
16
|
-
* .>30 15%, 30%, 45%, 60%, 75% completion
|
|
17
|
-
*
|
|
18
|
-
* We are also going to have different buckets with different gifs. The logic is as follows:
|
|
19
|
-
* Group 1: 15%, 20%, 25%, 30% - Early celebrations
|
|
20
|
-
* Group 2: 33%, 40%, 45%, 50% - Mid celebrations
|
|
21
|
-
* Group 3: 60%, 66%, 75%, 80% - Party
|
|
22
|
-
* or
|
|
23
|
-
* Group 1: <=30% - Early celebrations
|
|
24
|
-
* Group 2: >30% <60% - Mid celebrations
|
|
25
|
-
* Group 3: >=60% - Party
|
|
26
|
-
*/
|
|
27
|
-
const generateProblemsGifsTable = (problemsAmount, resolvedProblems, gifs) => {
|
|
28
|
-
const percentageMilestones = getPercentageMilestones(problemsAmount);
|
|
29
|
-
const result = {};
|
|
30
|
-
for (const percentage of percentageMilestones) {
|
|
31
|
-
const problemNumber = Math.ceil(problemsAmount * (percentage / 100));
|
|
32
|
-
if (problemNumber <= resolvedProblems) continue;
|
|
33
|
-
const groupKey = findGroupForPercentage(percentage);
|
|
34
|
-
const gifsInGroup = gifs[groupKey];
|
|
35
|
-
if (!gifsInGroup || gifsInGroup.length === 0) continue;
|
|
36
|
-
const unshownGif = gifsInGroup.find(gif => !gif.isShown);
|
|
37
|
-
const selectedGif = unshownGif || gifsInGroup[0];
|
|
38
|
-
if (selectedGif) {
|
|
39
|
-
result[problemNumber] = {
|
|
40
|
-
url: selectedGif.url,
|
|
41
|
-
group: groupKey
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return result;
|
|
46
|
-
};
|
|
47
|
-
exports.generateProblemsGifsTable = generateProblemsGifsTable;
|
|
48
|
-
const getPercentageMilestones = problemsAmount => {
|
|
49
|
-
if (problemsAmount <= 12) return [50];
|
|
50
|
-
if (problemsAmount <= 18) return [33, 66];
|
|
51
|
-
if (problemsAmount <= 24) return [25, 50, 75];
|
|
52
|
-
if (problemsAmount <= 30) return [20, 40, 60, 80];
|
|
53
|
-
return [15, 30, 45, 60, 75];
|
|
54
|
-
};
|
|
55
|
-
const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
|
|
56
|
-
url,
|
|
57
|
-
isShown: false,
|
|
58
|
-
group: key
|
|
59
|
-
}))]));
|
|
60
|
-
exports.generateGifsStructure = generateGifsStructure;
|
|
61
|
-
const getGifLabel = relatedGroup => {
|
|
62
|
-
if (relatedGroup === 2) {
|
|
63
|
-
return 'gifCelebrations.onTheWay';
|
|
64
|
-
}
|
|
65
|
-
if (relatedGroup === 3) {
|
|
66
|
-
return 'gifCelebrations.almostThere';
|
|
67
|
-
}
|
|
68
|
-
return 'gifCelebrations.greatStart';
|
|
69
|
-
};
|
|
70
|
-
exports.getGifLabel = getGifLabel;
|
|
71
|
-
const getProgressLineWidth = completedPercent => {
|
|
72
|
-
if (completedPercent <= 9) {
|
|
73
|
-
return _constants.MIN_WIDTH_FOR_ONE_DIGIT;
|
|
74
|
-
}
|
|
75
|
-
if (completedPercent <= 15) {
|
|
76
|
-
return _constants.MIN_WIDTH_FOR_TWO_DIGITS;
|
|
77
|
-
}
|
|
78
|
-
return completedPercent;
|
|
79
|
-
};
|
|
80
|
-
exports.getProgressLineWidth = getProgressLineWidth;
|
|
81
|
-
const findGroupForPercentage = percentage => {
|
|
82
|
-
if (percentage <= 30) {
|
|
83
|
-
return 'group1';
|
|
84
|
-
}
|
|
85
|
-
if (percentage < 60) {
|
|
86
|
-
return 'group2';
|
|
87
|
-
}
|
|
88
|
-
return 'group3';
|
|
89
|
-
};
|
|
90
|
-
exports.findGroupForPercentage = findGroupForPercentage;
|
|
91
|
-
const getImagePath = async (url, cacheMethod) => {
|
|
92
|
-
if (cacheMethod) {
|
|
93
|
-
const path = await cacheMethod(url);
|
|
94
|
-
if (path) return path;
|
|
95
|
-
} else {
|
|
96
|
-
// @ts-ignore - Image.queryCache works only in web
|
|
97
|
-
const isImagesStored = await _reactNative.Image.queryCache([url]).then(images => !!images[url]);
|
|
98
|
-
if (isImagesStored) return url;
|
|
99
|
-
}
|
|
100
|
-
throw new Error('Image not found in cache');
|
|
101
|
-
};
|
|
102
|
-
exports.getImagePath = getImagePath;
|
|
103
|
-
const constrainDimension = (value, min, max) => Math.max(min, Math.min(max, value));
|
|
104
|
-
exports.constrainDimension = constrainDimension;
|
|
105
|
-
const shouldRefreshGifs = timestamp => {
|
|
106
|
-
if (!timestamp) return true;
|
|
107
|
-
const REFRESH_INTERVAL_HOURS = 24;
|
|
108
|
-
const lastFetchedDate = new Date(timestamp);
|
|
109
|
-
const currentDate = new Date();
|
|
110
|
-
const diffInHours = (currentDate.getTime() - lastFetchedDate.getTime()) / (1000 * 60 * 60);
|
|
111
|
-
return diffInHours > REFRESH_INTERVAL_HOURS;
|
|
112
|
-
};
|
|
113
|
-
exports.shouldRefreshGifs = shouldRefreshGifs;
|
|
114
|
-
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_constants","require","_reactNative","generateProblemsGifsTable","problemsAmount","resolvedProblems","gifs","percentageMilestones","getPercentageMilestones","result","percentage","problemNumber","Math","ceil","groupKey","findGroupForPercentage","gifsInGroup","length","unshownGif","find","gif","isShown","selectedGif","url","group","exports","generateGifsStructure","Object","fromEntries","entries","map","key","value","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","getImagePath","cacheMethod","path","isImagesStored","Image","queryCache","then","images","Error","constrainDimension","min","max","shouldRefreshGifs","timestamp","REFRESH_INTERVAL_HOURS","lastFetchedDate","Date","currentDate","diffInHours","getTime"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "GifCelebrations", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _GifCelebrations.GifCelebrations;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "GifCelebrationsModel", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _GifCelebrationsModel.GifCelebrationsModel;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _GifCelebrations = require("./GifCelebrations.js");
|
|
19
|
-
var _GifCelebrationsModel = require("./model/GifCelebrations.model.js");
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_GifCelebrations","require","_GifCelebrationsModel"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.GifCelebrationsCache = void 0;
|
|
7
|
-
var _effector = require("effector");
|
|
8
|
-
var _helpers = require("../helpers.js");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
class GifCelebrationsCache {
|
|
11
|
-
initialSet = (0, _effector.createEvent)();
|
|
12
|
-
set = (0, _effector.createEvent)();
|
|
13
|
-
reset = (0, _effector.createEvent)();
|
|
14
|
-
prefetchAllGifs = (0, _effector.createEffect)(data => {
|
|
15
|
-
Object.values(data).forEach(group => {
|
|
16
|
-
group.forEach(gifUrl => {
|
|
17
|
-
this.prefetchMethod(gifUrl);
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
this.initialSet(data);
|
|
21
|
-
});
|
|
22
|
-
prefetchGifs = (0, _effector.createEffect)(gifs => {
|
|
23
|
-
if (!gifs || gifs.length === 0) return;
|
|
24
|
-
gifs.forEach(gifUrl => {
|
|
25
|
-
this.prefetchMethod(gifUrl);
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
$gifs = (0, _effector.createStore)(null).reset(this.reset).on(this.initialSet, (_, gifs) => (0, _helpers.generateGifsStructure)(gifs)).on(this.set, (_, gifs) => gifs);
|
|
29
|
-
constructor({
|
|
30
|
-
customGetCachePathMethod,
|
|
31
|
-
customPrefetchMethod
|
|
32
|
-
}) {
|
|
33
|
-
this.prefetchMethod = customPrefetchMethod || _reactNative.Image.prefetch;
|
|
34
|
-
this.getCachePathMethod = customGetCachePathMethod;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
exports.GifCelebrationsCache = GifCelebrationsCache;
|
|
38
|
-
//# sourceMappingURL=GifCelebrations.cache.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_helpers","_reactNative","GifCelebrationsCache","initialSet","createEvent","set","reset","prefetchAllGifs","createEffect","data","Object","values","forEach","group","gifUrl","prefetchMethod","prefetchGifs","gifs","length","$gifs","createStore","on","_","generateGifsStructure","constructor","customGetCachePathMethod","customPrefetchMethod","Image","prefetch","getCachePathMethod","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,MAAMG,oBAAoB,CAAC;EAChBC,UAAU,GAAG,IAAAC,qBAAW,EAAa,CAAC;EACtCC,GAAG,GAAG,IAAAD,qBAAW,EAAgB,CAAC;EAClCE,KAAK,GAAG,IAAAF,qBAAW,EAAC,CAAC;EAKrBG,eAAe,GAAG,IAAAC,sBAAY,EAAoBC,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;MAC7B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACX,UAAU,CAACM,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAG,IAAAR,sBAAY,EAAkBS,IAAI,IAAK;IACpE,IAAI,CAACA,IAAI,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IAEhCD,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvB,IAAI,CAACC,cAAc,CAACD,MAAM,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcK,KAAK,GAAG,IAAAC,qBAAW,EAAuB,IAAI,CAAC,CAC5Dd,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBe,EAAE,CAAC,IAAI,CAAClB,UAAU,EAAE,CAACmB,CAAC,EAAEL,IAAI,KAAK,IAAAM,8BAAqB,EAACN,IAAI,CAAC,CAAC,CAC7DI,EAAE,CAAC,IAAI,CAAChB,GAAG,EAAE,CAACiB,CAAC,EAAEL,IAAI,KAAKA,IAAI,CAAC;EAElCO,WAAWA,CAAC;IAAEC,wBAAwB;IAAEC;EAAgD,CAAC,EAAE;IACzF,IAAI,CAACX,cAAc,GAAGW,oBAAoB,IAAIC,kBAAK,CAACC,QAAQ;IAC5D,IAAI,CAACC,kBAAkB,GAAGJ,wBAAwB;EACpD;AACF;AAACK,OAAA,CAAA5B,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.GifCelebrationsModel = void 0;
|
|
7
|
-
var _effector = require("effector");
|
|
8
|
-
var _GifCelebrationsApi = require("./GifCelebrationsApi.js");
|
|
9
|
-
var _GifCelebrationsCache = require("./GifCelebrations.cache.js");
|
|
10
|
-
var _helpers = require("../helpers.js");
|
|
11
|
-
var _constants = require("../constants.js");
|
|
12
|
-
class GifCelebrationsModel {
|
|
13
|
-
play = (0, _effector.createEvent)();
|
|
14
|
-
stop = (0, _effector.createEvent)();
|
|
15
|
-
resetGifTriggerable = (0, _effector.createEvent)();
|
|
16
|
-
setGifTriggerable = (0, _effector.createEvent)();
|
|
17
|
-
$isGifTriggerable = (0, _effector.createStore)(false).reset(this.resetGifTriggerable).reset(this.stop).on(this.setGifTriggerable, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
|
|
18
|
-
resetProblemsGifsTable = (0, _effector.createEvent)();
|
|
19
|
-
$problemsGifsTable = (0, _effector.createStore)(null).reset(this.resetProblemsGifsTable);
|
|
20
|
-
setActiveGif = (0, _effector.createEvent)();
|
|
21
|
-
$activeGif = (0, _effector.createStore)(null).reset(this.stop).reset(this.resetGifTriggerable).on(this.setActiveGif, (_, gif) => gif);
|
|
22
|
-
initialize = (0, _effector.createEvent)();
|
|
23
|
-
constructor({
|
|
24
|
-
api,
|
|
25
|
-
problemsAmount,
|
|
26
|
-
resolvedProblemsAmount,
|
|
27
|
-
customLocalStorage,
|
|
28
|
-
customGetCachePathMethod,
|
|
29
|
-
customPrefetchMethod
|
|
30
|
-
}) {
|
|
31
|
-
this.api = new _GifCelebrationsApi.GifCelebrationsApi(api);
|
|
32
|
-
this.cache = new _GifCelebrationsCache.GifCelebrationsCache({
|
|
33
|
-
customGetCachePathMethod,
|
|
34
|
-
customPrefetchMethod
|
|
35
|
-
});
|
|
36
|
-
this.$problemsAmount = problemsAmount;
|
|
37
|
-
this.$resolvedProblemsAmount = resolvedProblemsAmount;
|
|
38
|
-
this.localStorage = customLocalStorage || localStorage;
|
|
39
|
-
this.setupEventHandlers();
|
|
40
|
-
}
|
|
41
|
-
failedGetGifxTimeout = null;
|
|
42
|
-
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
|
-
(0, _effector.sample)({
|
|
54
|
-
source: this.api.getGifsFx.doneData,
|
|
55
|
-
filter: response => response.ok,
|
|
56
|
-
fn: response => response.data,
|
|
57
|
-
target: this.cache.initialSet
|
|
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
|
-
})
|
|
65
|
-
});
|
|
66
|
-
(0, _effector.sample)({
|
|
67
|
-
clock: [this.initialize, this.api.getGifsFx.doneData],
|
|
68
|
-
source: {
|
|
69
|
-
gifs: this.cache.$gifs,
|
|
70
|
-
problemsAmount: this.$problemsAmount,
|
|
71
|
-
resolvedProblemsAmount: this.$resolvedProblemsAmount
|
|
72
|
-
},
|
|
73
|
-
filter: ({
|
|
74
|
-
problemsAmount,
|
|
75
|
-
gifs
|
|
76
|
-
}) => !!(problemsAmount >= _constants.MIN_PROBLEMS_TO_SHOW_GIF && gifs),
|
|
77
|
-
fn: ({
|
|
78
|
-
problemsAmount,
|
|
79
|
-
resolvedProblemsAmount,
|
|
80
|
-
gifs
|
|
81
|
-
}) => {
|
|
82
|
-
if (!gifs) return null;
|
|
83
|
-
return (0, _helpers.generateProblemsGifsTable)(problemsAmount, resolvedProblemsAmount, gifs);
|
|
84
|
-
},
|
|
85
|
-
target: this.$problemsGifsTable
|
|
86
|
-
});
|
|
87
|
-
(0, _effector.sample)({
|
|
88
|
-
source: this.$problemsGifsTable,
|
|
89
|
-
filter: problemsGifsTable => !!problemsGifsTable,
|
|
90
|
-
fn: problemsGifsTable => {
|
|
91
|
-
if (!problemsGifsTable) return [];
|
|
92
|
-
return Object.values(problemsGifsTable).map(gif => gif.url);
|
|
93
|
-
},
|
|
94
|
-
target: this.cache.prefetchGifs
|
|
95
|
-
});
|
|
96
|
-
(0, _effector.sample)({
|
|
97
|
-
clock: this.play,
|
|
98
|
-
source: {
|
|
99
|
-
isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
|
|
100
|
-
gifsGroups: this.cache.$gifs,
|
|
101
|
-
resolvedProblemsAmount: this.$resolvedProblemsAmount,
|
|
102
|
-
problemsGifsTable: this.$problemsGifsTable
|
|
103
|
-
},
|
|
104
|
-
filter: ({
|
|
105
|
-
isGifCelebrationMayBeTriggered,
|
|
106
|
-
gifsGroups,
|
|
107
|
-
resolvedProblemsAmount,
|
|
108
|
-
problemsGifsTable
|
|
109
|
-
}) => !!(isGifCelebrationMayBeTriggered && gifsGroups && resolvedProblemsAmount !== undefined && problemsGifsTable),
|
|
110
|
-
fn: sources => sources,
|
|
111
|
-
target: this.updateGifShownStatus
|
|
112
|
-
});
|
|
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
|
-
}
|
|
125
|
-
updateGifShownStatus = (0, _effector.createEffect)(({
|
|
126
|
-
gifsGroups,
|
|
127
|
-
resolvedProblemsAmount,
|
|
128
|
-
problemsGifsTable
|
|
129
|
-
}) => {
|
|
130
|
-
const gifToShow = problemsGifsTable[resolvedProblemsAmount];
|
|
131
|
-
const groupName = gifToShow.group;
|
|
132
|
-
const gifsInGroup = gifsGroups[groupName];
|
|
133
|
-
const selectedGifIndex = gifsInGroup?.findIndex(gif => gif.url === gifToShow.url);
|
|
134
|
-
if (!gifsInGroup || selectedGifIndex === -1) {
|
|
135
|
-
console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`);
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
|
|
139
|
-
...gif,
|
|
140
|
-
isShown: index === selectedGifIndex ? true : gif.isShown
|
|
141
|
-
}));
|
|
142
|
-
this.cache.set({
|
|
143
|
-
...gifsGroups,
|
|
144
|
-
[groupName]: updatedGifsInGroup
|
|
145
|
-
});
|
|
146
|
-
this.setActiveGif(gifToShow);
|
|
147
|
-
});
|
|
148
|
-
}
|
|
149
|
-
exports.GifCelebrationsModel = GifCelebrationsModel;
|
|
150
|
-
//# sourceMappingURL=GifCelebrations.model.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","play","createEvent","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","createStore","reset","on","_","isGifCelebrationMayBeTriggered","resetProblemsGifsTable","$problemsGifsTable","setActiveGif","$activeGif","gif","initialize","constructor","api","problemsAmount","resolvedProblemsAmount","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","GifCelebrationsApi","cache","GifCelebrationsCache","$problemsAmount","$resolvedProblemsAmount","localStorage","setupEventHandlers","failedGetGifxTimeout","sample","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","GIFS_FETCHED_KEY","shouldRefreshGifs","target","getGifsFx","doneData","response","ok","fn","data","initialSet","createEffect","setItem","Date","toISOString","MIN_PROBLEMS_TO_SHOW_GIF","generateProblemsGifsTable","problemsGifsTable","Object","values","map","url","prefetchGifs","gifsGroups","undefined","sources","updateGifShownStatus","fail","watch","setTimeout","GET_GIFS_TIMEOUT","done","clearTimeout","gifToShow","groupName","group","gifsInGroup","selectedGifIndex","findIndex","console","warn","updatedGifsInGroup","index","isShown","set","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.GifCelebrationsApi = void 0;
|
|
7
|
-
var _createControllerEffect = require("./../../../lib/effector/createControllerEffect.js");
|
|
8
|
-
class GifCelebrationsApi {
|
|
9
|
-
constructor(api) {
|
|
10
|
-
this.getGifsFx = (0, _createControllerEffect.createControllerEffect)(() => api.getGifs());
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
exports.GifCelebrationsApi = GifCelebrationsApi;
|
|
14
|
-
//# sourceMappingURL=GifCelebrationsApi.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,EAAC,MAAMF,GAAG,CAACG,OAAO,CAAC,CAAC,CAAC;EAC9D;AACF;AAACC,OAAA,CAAAN,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/types/model.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["react-app-env.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.IS_WEB = void 0;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
const IS_WEB = exports.IS_WEB = _reactNative.Platform.OS === 'web';
|
|
9
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","IS_WEB","exports","Platform","OS"],"sourceRoot":"../../../src","sources":["shared/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,qBAAQ,CAACC,EAAE,KAAK,KAAK","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/common.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { useEffect } from 'react';
|
|
4
|
-
import { Gif } from "./components/Gif.js";
|
|
5
|
-
import { Progress } from "./components/Progress.js";
|
|
6
|
-
import { ContentContainer } from "./components/ContentContainer.js";
|
|
7
|
-
import { Backdrop } from "./components/Backdrop.js";
|
|
8
|
-
import { Easing, runOnJS, useSharedValue, withSequence, withTiming } from 'react-native-reanimated';
|
|
9
|
-
import { useUnit } from 'effector-react';
|
|
10
|
-
import { ANIMATION_DURATION } from "./constants.js";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
export const GifCelebrations = ({
|
|
13
|
-
model,
|
|
14
|
-
TextComponent
|
|
15
|
-
}) => {
|
|
16
|
-
const [problemsAmount, resolvedProblemsAmount, activeGif] = useUnit([model.$problemsAmount, model.$resolvedProblemsAmount, model.$activeGif]);
|
|
17
|
-
const completedPercent = resolvedProblemsAmount && problemsAmount && Math.round(resolvedProblemsAmount / problemsAmount * 100);
|
|
18
|
-
const progress = useSharedValue(0);
|
|
19
|
-
const stopAnimation = () => {
|
|
20
|
-
model.stop();
|
|
21
|
-
progress.value = 0;
|
|
22
|
-
};
|
|
23
|
-
const playAnimation = () => {
|
|
24
|
-
progress.value = withSequence(withTiming(1, {
|
|
25
|
-
duration: ANIMATION_DURATION,
|
|
26
|
-
easing: Easing.bezier(0.52, 0.16, 0.26, 0.77)
|
|
27
|
-
}), withTiming(2, {
|
|
28
|
-
duration: ANIMATION_DURATION,
|
|
29
|
-
easing: Easing.bezier(0.71, 0.09, 0.49, 0.89)
|
|
30
|
-
}, () => runOnJS(stopAnimation)()));
|
|
31
|
-
};
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
if (activeGif) {
|
|
34
|
-
playAnimation();
|
|
35
|
-
}
|
|
36
|
-
}, [activeGif]);
|
|
37
|
-
if (!activeGif) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
return /*#__PURE__*/_jsx(Backdrop, {
|
|
41
|
-
progress: progress,
|
|
42
|
-
children: /*#__PURE__*/_jsxs(ContentContainer, {
|
|
43
|
-
progress: progress,
|
|
44
|
-
children: [/*#__PURE__*/_jsx(Gif, {
|
|
45
|
-
gifObject: activeGif,
|
|
46
|
-
getCachePathMethod: model.cache.getCachePathMethod,
|
|
47
|
-
TextComponent: TextComponent
|
|
48
|
-
}), /*#__PURE__*/_jsx(Progress, {
|
|
49
|
-
progress: progress,
|
|
50
|
-
completedPercent: completedPercent
|
|
51
|
-
})]
|
|
52
|
-
})
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
//# sourceMappingURL=GifCelebrations.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","problemsAmount","resolvedProblemsAmount","activeGif","$problemsAmount","$resolvedProblemsAmount","$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,cAAc,EAAEC,sBAAsB,EAAEC,SAAS,CAAC,GAAGX,OAAO,CAAC,CAClEO,KAAK,CAACK,eAAe,EACrBL,KAAK,CAACM,uBAAuB,EAC7BN,KAAK,CAACO,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,sBAAsB,IACtBD,cAAc,IACdO,IAAI,CAACC,KAAK,CAAEP,sBAAsB,GAAGD,cAAc,GAAI,GAAG,CAAC;EAE7D,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;IAAAQ,QAAA,eAC3BrB,KAAA,CAACZ,gBAAgB;MAACyB,QAAQ,EAAEA,QAAS;MAAAQ,QAAA,gBACnCvB,IAAA,CAACZ,GAAG;QACFoC,SAAS,EAAEhB,SAAU;QACrBiB,kBAAkB,EAAErB,KAAK,CAACsB,KAAK,CAACD,kBAAmB;QACnDpB,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":[]}
|
|
Binary file
|
|
Binary file
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { StyleSheet, useWindowDimensions } from 'react-native';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import Animated, { useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
|
|
6
|
-
import { BACKDROP_COLOR } from "../constants.js";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
export const Backdrop = ({
|
|
9
|
-
children,
|
|
10
|
-
progress
|
|
11
|
-
}) => {
|
|
12
|
-
const {
|
|
13
|
-
width,
|
|
14
|
-
height
|
|
15
|
-
} = useWindowDimensions();
|
|
16
|
-
const backdropAnimatedStyle = useAnimatedStyle(() => ({
|
|
17
|
-
backgroundColor: interpolateColor(progress.value, [0, 1, 2], [BACKDROP_COLOR.INITIAL, BACKDROP_COLOR.FINAL, BACKDROP_COLOR.INITIAL])
|
|
18
|
-
}), [progress]);
|
|
19
|
-
return /*#__PURE__*/_jsx(Animated.View, {
|
|
20
|
-
style: [styles.backdrop, {
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
23
|
-
}, backdropAnimatedStyle],
|
|
24
|
-
children: children
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
const styles = StyleSheet.create({
|
|
28
|
-
backdrop: {
|
|
29
|
-
position: 'absolute',
|
|
30
|
-
zIndex: 10100,
|
|
31
|
-
justifyContent: 'center',
|
|
32
|
-
alignItems: 'center',
|
|
33
|
-
backgroundColor: 'rgba(51, 51, 51, 0.33);'
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useWindowDimensions","React","Animated","useAnimatedStyle","interpolateColor","BACKDROP_COLOR","jsx","_jsx","Backdrop","children","progress","width","height","backdropAnimatedStyle","backgroundColor","value","INITIAL","FINAL","View","style","styles","backdrop","create","position","zIndex","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Backdrop.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAqB,yBAAyB;AACnG,SAASC,cAAc,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAE/C,MAAMa,qBAAqB,GAAGV,gBAAgB,CAC5C,OAAO;IACLW,eAAe,EAAEV,gBAAgB,CAC/BM,QAAQ,CAACK,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAACV,cAAc,CAACW,OAAO,EAAEX,cAAc,CAACY,KAAK,EAAEZ,cAAc,CAACW,OAAO,CACvE;EACF,CAAC,CAAC,EACF,CAACN,QAAQ,CACX,CAAC;EAED,oBACEH,IAAA,CAACL,QAAQ,CAACgB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAE;MAAEV,KAAK;MAAEC;IAAO,CAAC,EAAEC,qBAAqB,CAAE;IAAAJ,QAAA,EAC/EA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAED,MAAMW,MAAM,GAAGrB,UAAU,CAACuB,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IACRE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,KAAK;IACbC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBZ,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { StyleSheet, useWindowDimensions } from 'react-native';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { SPACING } from '@magmamath/react-native-ui';
|
|
6
|
-
import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
|
|
7
|
-
import { CONTENT_CONTAINER } from "../constants.js";
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export const ContentContainer = ({
|
|
10
|
-
children,
|
|
11
|
-
progress
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
width
|
|
15
|
-
} = useWindowDimensions();
|
|
16
|
-
const RIGHT_POSITION = width / 2 + CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + CONTENT_CONTAINER.ROTATION_PADDING;
|
|
17
|
-
const LEFT_POSITION = -RIGHT_POSITION - CONTENT_CONTAINER.ROTATION_PADDING;
|
|
18
|
-
const animatedStyles = useAnimatedStyle(() => ({
|
|
19
|
-
transform: [{
|
|
20
|
-
translateX: interpolate(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION])
|
|
21
|
-
}, {
|
|
22
|
-
rotate: `${interpolate(progress.value, [0, 1, 2], [-CONTENT_CONTAINER.ANGLE, 0, CONTENT_CONTAINER.ANGLE])}deg`
|
|
23
|
-
}]
|
|
24
|
-
}), [progress, RIGHT_POSITION, LEFT_POSITION]);
|
|
25
|
-
return /*#__PURE__*/_jsx(Animated.View, {
|
|
26
|
-
style: [styles.container, animatedStyles],
|
|
27
|
-
children: children
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
const styles = StyleSheet.create({
|
|
31
|
-
container: {
|
|
32
|
-
width: CONTENT_CONTAINER.CONTAINER_WIDTH,
|
|
33
|
-
alignItems: 'center',
|
|
34
|
-
gap: SPACING[800],
|
|
35
|
-
position: 'absolute'
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
//# sourceMappingURL=ContentContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useWindowDimensions","React","SPACING","Animated","useAnimatedStyle","interpolate","CONTENT_CONTAINER","jsx","_jsx","ContentContainer","children","progress","width","RIGHT_POSITION","CONTAINER_WIDTH","ROTATION_PADDING","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,gBAAgB;EACxF,MAAMC,aAAa,GAAG,CAACH,cAAc,GAAGP,iBAAiB,CAACS,gBAAgB;EAE1E,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":[]}
|