@magmamath/students-features 0.6.6-rc.8 → 0.6.6
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/chatbot/components/ChatMessage/ChatMessage.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js +5 -3
- package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessages/ChatbotMessages.js +3 -1
- package/dist/commonjs/features/chatbot/components/ChatMessages/ChatbotMessages.js.map +1 -1
- package/dist/commonjs/features/feedback/model/comments.js +5 -3
- package/dist/commonjs/features/feedback/model/comments.js.map +1 -1
- package/dist/commonjs/features/feedback/model/model.js +7 -9
- package/dist/commonjs/features/feedback/model/model.js.map +1 -1
- package/dist/commonjs/index.js +0 -12
- package/dist/commonjs/index.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/chatbot/components/ChatMessage/ChatMessage.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js +5 -3
- package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js +3 -1
- package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js.map +1 -1
- package/dist/module/features/feedback/model/comments.js +5 -3
- package/dist/module/features/feedback/model/comments.js.map +1 -1
- package/dist/module/features/feedback/model/model.js +7 -9
- package/dist/module/features/feedback/model/model.js.map +1 -1
- package/dist/module/index.js +0 -1
- package/dist/module/index.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/chatbot/components/ChatMessage/ChatMessage.d.ts +2 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessages/ChatbotMessages.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/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/chatbot/components/ChatMessage/ChatMessage.d.ts +2 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessages/ChatbotMessages.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/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/chatbot/components/ChatMessage/ChatMessage.tsx +2 -1
- package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx +7 -4
- package/src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx +4 -2
- package/src/features/feedback/model/comments.ts +7 -7
- package/src/features/feedback/model/model.ts +6 -6
- package/src/index.ts +0 -1
- 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 -65
- 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 -94
- 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 -32
- package/dist/commonjs/features/gifCelebrations/constants.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/helpers.js +0 -111
- 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 -35
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +0 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +0 -120
- 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/module/features/gifCelebrations/GifCelebrations.js +0 -58
- 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 -86
- 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 -28
- package/dist/module/features/gifCelebrations/constants.js.map +0 -1
- package/dist/module/features/gifCelebrations/helpers.js +0 -101
- 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 -30
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +0 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +0 -115
- 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/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 -24
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +0 -28
- 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 -16
- 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 -24
- 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 -37
- 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/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 -24
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +0 -1
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +0 -28
- 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 -16
- 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 -24
- 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 -37
- 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/src/features/gifCelebrations/GifCelebrations.tsx +0 -77
- 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 -95
- package/src/features/gifCelebrations/components/Progress.tsx +0 -106
- package/src/features/gifCelebrations/constants.ts +0 -28
- package/src/features/gifCelebrations/helpers.ts +0 -123
- package/src/features/gifCelebrations/index.ts +0 -2
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +0 -41
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +0 -167
- package/src/features/gifCelebrations/model/GifCelebrationsApi.ts +0 -10
- package/src/features/gifCelebrations/types/model.types.ts +0 -45
- package/src/react-app-env.d.ts +0 -6
- package/src/shared/constants.ts +0 -3
|
@@ -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,EAACF,GAAG,CAACG,OAAO,CAAC;EACtD;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,58 +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 [totalProblems, resolvedProblems, activeGif] = useUnit([model.$totalProblems, model.$resolvedProblems, model.$activeGif]);
|
|
17
|
-
const completedPercent = resolvedProblems && totalProblems && Math.round(resolvedProblems / totalProblems * 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
|
-
model.initialize();
|
|
34
|
-
}, []);
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
if (activeGif) {
|
|
37
|
-
playAnimation();
|
|
38
|
-
}
|
|
39
|
-
}, [activeGif]);
|
|
40
|
-
if (!activeGif) {
|
|
41
|
-
return null;
|
|
42
|
-
}
|
|
43
|
-
return /*#__PURE__*/_jsx(Backdrop, {
|
|
44
|
-
progress: progress,
|
|
45
|
-
children: /*#__PURE__*/_jsxs(ContentContainer, {
|
|
46
|
-
progress: progress,
|
|
47
|
-
children: [/*#__PURE__*/_jsx(Gif, {
|
|
48
|
-
gifObject: activeGif,
|
|
49
|
-
getCachePathMethod: model.cache.getCachePathMethod,
|
|
50
|
-
TextComponent: TextComponent
|
|
51
|
-
}), /*#__PURE__*/_jsx(Progress, {
|
|
52
|
-
progress: progress,
|
|
53
|
-
completedPercent: completedPercent
|
|
54
|
-
})]
|
|
55
|
-
})
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
//# 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","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":[]}
|
|
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":[]}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { StyleSheet, View, Image } from 'react-native';
|
|
4
|
-
import React, { useLayoutEffect, useState } from 'react';
|
|
5
|
-
import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
|
|
6
|
-
import { MAX_GIF_SIZE, MIN_GIF_SIZE } from "../constants.js";
|
|
7
|
-
import { useText } from "../../../shared/translation/index.js";
|
|
8
|
-
import { constrainDimension, getGifLabel, getImagePath } from "../helpers.js";
|
|
9
|
-
import gifFallback from '../assets/gifFallback.gif';
|
|
10
|
-
import { IS_WEB } from "../../../shared/constants.js";
|
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
export const Gif = ({
|
|
13
|
-
gifObject,
|
|
14
|
-
getCachePathMethod,
|
|
15
|
-
TextComponent
|
|
16
|
-
}) => {
|
|
17
|
-
const [size, setSize] = useState(null);
|
|
18
|
-
const [pathOrUri, setPathOrUri] = useState('');
|
|
19
|
-
const t = useText();
|
|
20
|
-
const gifGroupNumber = Number(gifObject.group.replace('group', ''));
|
|
21
|
-
const gifLabel = getGifLabel(gifGroupNumber);
|
|
22
|
-
useLayoutEffect(() => {
|
|
23
|
-
const loadImageSize = async () => {
|
|
24
|
-
let localPath;
|
|
25
|
-
try {
|
|
26
|
-
// Get image path based on platform (React Native or Web)
|
|
27
|
-
localPath = await getImagePath(gifObject.url, getCachePathMethod);
|
|
28
|
-
} catch (error) {
|
|
29
|
-
// Use fallback if image not found in cache
|
|
30
|
-
localPath = IS_WEB ? gifFallback : Image.resolveAssetSource(gifFallback).uri;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// Get and set image dimensions
|
|
34
|
-
Image.getSize(localPath, (width, height) => {
|
|
35
|
-
setSize({
|
|
36
|
-
width: constrainDimension(width, MIN_GIF_SIZE, MAX_GIF_SIZE.WIDTH),
|
|
37
|
-
height: constrainDimension(height, MIN_GIF_SIZE, MAX_GIF_SIZE.HEIGHT)
|
|
38
|
-
});
|
|
39
|
-
setPathOrUri(localPath);
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
loadImageSize();
|
|
43
|
-
}, [gifObject.url]);
|
|
44
|
-
return /*#__PURE__*/_jsx(View, {
|
|
45
|
-
style: styles.backgroundContainer,
|
|
46
|
-
children: /*#__PURE__*/_jsxs(View, {
|
|
47
|
-
style: styles.container,
|
|
48
|
-
children: [size && pathOrUri && /*#__PURE__*/_jsx(Image, {
|
|
49
|
-
alt: "Funny celebration animated image",
|
|
50
|
-
source: {
|
|
51
|
-
uri: pathOrUri
|
|
52
|
-
},
|
|
53
|
-
width: size.width,
|
|
54
|
-
height: size.height,
|
|
55
|
-
style: [styles.image, {
|
|
56
|
-
width: size.width,
|
|
57
|
-
height: size.height
|
|
58
|
-
}] //this sizes duplication is needed for compatibility with web and rn
|
|
59
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
60
|
-
style: styles.textContainer,
|
|
61
|
-
children: TextComponent(t(gifLabel))
|
|
62
|
-
})]
|
|
63
|
-
})
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
const styles = StyleSheet.create({
|
|
67
|
-
backgroundContainer: {
|
|
68
|
-
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
69
|
-
borderRadius: 23,
|
|
70
|
-
padding: SPACING[200]
|
|
71
|
-
},
|
|
72
|
-
container: {
|
|
73
|
-
padding: SPACING[1600],
|
|
74
|
-
borderRadius: BORDER_RADIUS[400],
|
|
75
|
-
backgroundColor: COLORS.NEUTRAL_1
|
|
76
|
-
},
|
|
77
|
-
image: {
|
|
78
|
-
borderRadius: BORDER_RADIUS[100]
|
|
79
|
-
},
|
|
80
|
-
textContainer: {
|
|
81
|
-
position: 'absolute',
|
|
82
|
-
bottom: 74,
|
|
83
|
-
alignSelf: 'center'
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
//# sourceMappingURL=Gif.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","MAX_GIF_SIZE","MIN_GIF_SIZE","useText","constrainDimension","getGifLabel","getImagePath","gifFallback","IS_WEB","jsx","_jsx","jsxs","_jsxs","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","pathOrUri","setPathOrUri","t","gifGroupNumber","Number","group","replace","gifLabel","loadImageSize","localPath","url","error","resolveAssetSource","uri","getSize","width","height","WIDTH","HEIGHT","style","styles","backgroundContainer","children","container","alt","source","image","textContainer","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,kBAAkB,EAAEC,WAAW,EAAEC,YAAY,QAAQ,eAAY;AAC1E,OAAOC,WAAW,MAAM,2BAA2B;AACnD,SAASC,MAAM,QAAQ,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAalD,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEC,SAAS;EAAEC,kBAAkB;EAAEC;AAAwB,CAAC,KAAK;EACjF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGrB,QAAQ,CAAc,IAAI,CAAC;EACnD,MAAM,CAACsB,SAAS,EAAEC,YAAY,CAAC,GAAGvB,QAAQ,CAAS,EAAE,CAAC;EAEtD,MAAMwB,CAAC,GAAGlB,OAAO,CAAC,CAAC;EAEnB,MAAMmB,cAAc,GAAGC,MAAM,CAACT,SAAS,CAACU,KAAK,CAACC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;EACnE,MAAMC,QAAQ,GAAGrB,WAAW,CAACiB,cAAc,CAAC;EAE5C1B,eAAe,CAAC,MAAM;IACpB,MAAM+B,aAAa,GAAG,MAAAA,CAAA,KAAY;MAChC,IAAIC,SAAS;MAEb,IAAI;QACF;QACAA,SAAS,GAAG,MAAMtB,YAAY,CAACQ,SAAS,CAACe,GAAG,EAAEd,kBAAkB,CAAC;MACnE,CAAC,CAAC,OAAOe,KAAK,EAAE;QACd;QACAF,SAAS,GAAGpB,MAAM,GAAGD,WAAW,GAAGb,KAAK,CAACqC,kBAAkB,CAACxB,WAAW,CAAC,CAACyB,GAAG;MAC9E;;MAEA;MACAtC,KAAK,CAACuC,OAAO,CAACL,SAAS,EAAE,CAACM,KAAK,EAAEC,MAAM,KAAK;QAC1CjB,OAAO,CAAC;UACNgB,KAAK,EAAE9B,kBAAkB,CAAC8B,KAAK,EAAEhC,YAAY,EAAED,YAAY,CAACmC,KAAK,CAAC;UAClED,MAAM,EAAE/B,kBAAkB,CAAC+B,MAAM,EAAEjC,YAAY,EAAED,YAAY,CAACoC,MAAM;QACtE,CAAC,CAAC;QACFjB,YAAY,CAACQ,SAAS,CAAC;MACzB,CAAC,CAAC;IACJ,CAAC;IAEDD,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACb,SAAS,CAACe,GAAG,CAAC,CAAC;EAEnB,oBACEnB,IAAA,CAACjB,IAAI;IAAC6C,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtC7B,KAAA,CAACnB,IAAI;MAAC6C,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,GAC3BxB,IAAI,IAAIE,SAAS,iBAChBT,IAAA,CAAChB,KAAK;QACJiD,GAAG,EAAC,kCAAkC;QACtCC,MAAM,EAAE;UACNZ,GAAG,EAAEb;QACP,CAAE;QACFe,KAAK,EAAEjB,IAAI,CAACiB,KAAM;QAClBC,MAAM,EAAElB,IAAI,CAACkB,MAAO;QACpBG,KAAK,EAAE,CAACC,MAAM,CAACM,KAAK,EAAE;UAAEX,KAAK,EAAEjB,IAAI,CAACiB,KAAK;UAAEC,MAAM,EAAElB,IAAI,CAACkB;QAAO,CAAC,CAAE,CAAC;MAAA,CACpE,CACF,eACDzB,IAAA,CAACjB,IAAI;QAAC6C,KAAK,EAAEC,MAAM,CAACO,aAAc;QAAAL,QAAA,EAAEzB,aAAa,CAACK,CAAC,CAACK,QAAQ,CAAC;MAAC,CAAO,CAAC;IAAA,CAClE;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMa,MAAM,GAAG/C,UAAU,CAACuD,MAAM,CAAC;EAC/BP,mBAAmB,EAAE;IACnBQ,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAElD,OAAO,CAAC,GAAG;EACtB,CAAC;EACD0C,SAAS,EAAE;IACTQ,OAAO,EAAElD,OAAO,CAAC,IAAI,CAAC;IACtBiD,YAAY,EAAEnD,aAAa,CAAC,GAAG,CAAC;IAChCkD,eAAe,EAAEjD,MAAM,CAACoD;EAC1B,CAAC;EACDN,KAAK,EAAE;IACLI,YAAY,EAAEnD,aAAa,CAAC,GAAG;EACjC,CAAC;EACDgD,aAAa,EAAE;IACbM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { StyleSheet, View, Image } from 'react-native';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { BORDER_RADIUS, COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
6
|
-
import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
|
|
7
|
-
import confettiImage from '../assets/confetti.webp';
|
|
8
|
-
import { getProgressLineWidth } from "../helpers.js";
|
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
export const Progress = ({
|
|
11
|
-
progress,
|
|
12
|
-
completedPercent
|
|
13
|
-
}) => {
|
|
14
|
-
const progressLineWidth = getProgressLineWidth(completedPercent);
|
|
15
|
-
const animatedStyles = useAnimatedStyle(() => ({
|
|
16
|
-
width: `${interpolate(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
|
|
17
|
-
}), [progress, progressLineWidth]);
|
|
18
|
-
return /*#__PURE__*/_jsx(View, {
|
|
19
|
-
style: styles.backgroundContainer,
|
|
20
|
-
children: /*#__PURE__*/_jsxs(View, {
|
|
21
|
-
style: styles.container,
|
|
22
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
23
|
-
style: styles.progressContainer,
|
|
24
|
-
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
25
|
-
style: [styles.progress, animatedStyles],
|
|
26
|
-
children: /*#__PURE__*/_jsx(Typography, {
|
|
27
|
-
variant: HeadingVariants.H1,
|
|
28
|
-
style: styles.percent,
|
|
29
|
-
children: `${completedPercent}%`
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
}), /*#__PURE__*/_jsx(Image, {
|
|
33
|
-
source: IS_WEB ? {
|
|
34
|
-
uri: confettiImage
|
|
35
|
-
} : require('../assets/confetti.webp'),
|
|
36
|
-
style: styles.confetti
|
|
37
|
-
})]
|
|
38
|
-
})
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
const styles = StyleSheet.create({
|
|
42
|
-
backgroundContainer: {
|
|
43
|
-
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
44
|
-
borderRadius: 23,
|
|
45
|
-
padding: SPACING[200],
|
|
46
|
-
width: '100%'
|
|
47
|
-
},
|
|
48
|
-
container: {
|
|
49
|
-
width: '100%',
|
|
50
|
-
height: 116,
|
|
51
|
-
flexDirection: 'row',
|
|
52
|
-
alignItems: 'center',
|
|
53
|
-
borderRadius: BORDER_RADIUS[400],
|
|
54
|
-
backgroundColor: COLORS.NEUTRAL_1,
|
|
55
|
-
paddingLeft: SPACING[400],
|
|
56
|
-
paddingRight: SPACING[200],
|
|
57
|
-
gap: SPACING[100]
|
|
58
|
-
},
|
|
59
|
-
progressContainer: {
|
|
60
|
-
height: 50,
|
|
61
|
-
flexGrow: 1,
|
|
62
|
-
backgroundColor: COLORS.NEUTRAL_5,
|
|
63
|
-
borderRadius: 90,
|
|
64
|
-
overflow: 'hidden'
|
|
65
|
-
},
|
|
66
|
-
progress: {
|
|
67
|
-
position: 'absolute',
|
|
68
|
-
height: '100%',
|
|
69
|
-
backgroundColor: COLORS.PRIMARY_BLUE,
|
|
70
|
-
borderRadius: BORDER_RADIUS[200],
|
|
71
|
-
justifyContent: 'center',
|
|
72
|
-
alignItems: 'flex-end',
|
|
73
|
-
paddingRight: 10.6,
|
|
74
|
-
overflow: 'hidden'
|
|
75
|
-
},
|
|
76
|
-
confetti: {
|
|
77
|
-
width: 75,
|
|
78
|
-
height: 70,
|
|
79
|
-
marginHorizontal: SPACING[200]
|
|
80
|
-
},
|
|
81
|
-
percent: {
|
|
82
|
-
position: 'absolute',
|
|
83
|
-
paddingRight: 10,
|
|
84
|
-
color: COLORS.NEUTRAL_1,
|
|
85
|
-
fontWeight: '700'
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
//# sourceMappingURL=Progress.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","BORDER_RADIUS","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","getProgressLineWidth","jsx","_jsx","jsxs","_jsxs","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","source","uri","require","confetti","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
export const BACKDROP_COLOR = {
|
|
4
|
-
INITIAL: 'rgba(51, 51, 51, 0)',
|
|
5
|
-
FINAL: 'rgba(51, 51, 51, 0.66)'
|
|
6
|
-
};
|
|
7
|
-
export const CONTENT_CONTAINER = {
|
|
8
|
-
ANGLE: 5,
|
|
9
|
-
CONTAINER_WIDTH: 769,
|
|
10
|
-
ROTATION_PADDING: 44 // to be sure that the content is not cut off on the edges because of rotate transform
|
|
11
|
-
};
|
|
12
|
-
export const ANIMATION_DURATION = 1750;
|
|
13
|
-
export const MIN_PROBLEMS_TO_SHOW_GIF = 7;
|
|
14
|
-
export const MAX_GIF_SIZE = {
|
|
15
|
-
WIDTH: 480,
|
|
16
|
-
HEIGHT: 300
|
|
17
|
-
};
|
|
18
|
-
export const MIN_GIF_SIZE = 300;
|
|
19
|
-
export const GROUPS_PERCENTAGES = {
|
|
20
|
-
group1: [15, 20, 25, 30],
|
|
21
|
-
// Early celebrations
|
|
22
|
-
group2: [33, 40, 45, 50],
|
|
23
|
-
// Mid celebrations
|
|
24
|
-
group3: [60, 66, 75, 80] // Party
|
|
25
|
-
};
|
|
26
|
-
export const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
27
|
-
export const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
28
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["BACKDROP_COLOR","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","ROTATION_PADDING","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","MIN_GIF_SIZE","GROUPS_PERCENTAGES","group1","group2","group3","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS"],"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,gBAAgB,EAAE,EAAE,CAAE;AACxB,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;AAED,OAAO,MAAMC,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,wBAAwB,GAAG,EAAE","ignoreList":[]}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { MIN_WIDTH_FOR_ONE_DIGIT, MIN_WIDTH_FOR_TWO_DIGITS } from "./constants.js";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Number of problems When we show gif
|
|
7
|
-
* <6 Never
|
|
8
|
-
* 7-12 50% completion
|
|
9
|
-
* 13-18 33%, 66% completion
|
|
10
|
-
* 19-24 25%, 50%, 75 completion
|
|
11
|
-
* 25-30 20%, 40%, 60%, 80% completion
|
|
12
|
-
* .>30 15%, 30%, 45%, 60%, 75% completion
|
|
13
|
-
*
|
|
14
|
-
* We are also going to have different buckets with different gifs. The logic is as follows:
|
|
15
|
-
* Group 1: 15%, 20%, 25%, 30% - Early celebrations
|
|
16
|
-
* Group 2: 33%, 40%, 45%, 50% - Mid celebrations
|
|
17
|
-
* Group 3: 60%, 66%, 75%, 80% - Party
|
|
18
|
-
* or
|
|
19
|
-
* Group 1: <=30% - Early celebrations
|
|
20
|
-
* Group 2: >30% <60% - Mid celebrations
|
|
21
|
-
* Group 3: >=60% - Party
|
|
22
|
-
*/
|
|
23
|
-
export const calculatePercentageTable = totalProblems => {
|
|
24
|
-
if (totalProblems <= 12) return {
|
|
25
|
-
50: Math.ceil(totalProblems * 0.5)
|
|
26
|
-
};
|
|
27
|
-
if (totalProblems <= 18) {
|
|
28
|
-
return {
|
|
29
|
-
33: Math.ceil(totalProblems * 0.33),
|
|
30
|
-
66: Math.ceil(totalProblems * 0.66)
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
if (totalProblems <= 24) {
|
|
34
|
-
return {
|
|
35
|
-
25: Math.ceil(totalProblems * 0.25),
|
|
36
|
-
50: Math.ceil(totalProblems * 0.5),
|
|
37
|
-
75: Math.ceil(totalProblems * 0.75)
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
if (totalProblems <= 30) {
|
|
41
|
-
return {
|
|
42
|
-
20: Math.ceil(totalProblems * 0.2),
|
|
43
|
-
40: Math.ceil(totalProblems * 0.4),
|
|
44
|
-
60: Math.ceil(totalProblems * 0.6),
|
|
45
|
-
80: Math.ceil(totalProblems * 0.8)
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
return {
|
|
49
|
-
15: Math.ceil(totalProblems * 0.15),
|
|
50
|
-
30: Math.ceil(totalProblems * 0.3),
|
|
51
|
-
45: Math.ceil(totalProblems * 0.45),
|
|
52
|
-
60: Math.ceil(totalProblems * 0.6),
|
|
53
|
-
75: Math.ceil(totalProblems * 0.75)
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
export const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
|
|
57
|
-
url,
|
|
58
|
-
isShown: false,
|
|
59
|
-
group: key
|
|
60
|
-
}))]));
|
|
61
|
-
export 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
|
-
export const getProgressLineWidth = completedPercent => {
|
|
71
|
-
if (completedPercent <= 9) {
|
|
72
|
-
return MIN_WIDTH_FOR_ONE_DIGIT;
|
|
73
|
-
}
|
|
74
|
-
if (completedPercent <= 15) {
|
|
75
|
-
return MIN_WIDTH_FOR_TWO_DIGITS;
|
|
76
|
-
}
|
|
77
|
-
return completedPercent;
|
|
78
|
-
};
|
|
79
|
-
export const findGroupForPercentage = percentage => {
|
|
80
|
-
if (percentage <= 30) {
|
|
81
|
-
return 'group1';
|
|
82
|
-
}
|
|
83
|
-
if (percentage < 60) {
|
|
84
|
-
return 'group2';
|
|
85
|
-
}
|
|
86
|
-
return 'group3';
|
|
87
|
-
};
|
|
88
|
-
export const getImagePath = async (url, cacheMethod) => {
|
|
89
|
-
if (cacheMethod) {
|
|
90
|
-
const path = await cacheMethod(url);
|
|
91
|
-
if (path) return path;
|
|
92
|
-
} else {
|
|
93
|
-
// @ts-ignore - Image.queryCache works only in web
|
|
94
|
-
const cachedImage = await Image.queryCache([url]);
|
|
95
|
-
const path = cachedImage[url];
|
|
96
|
-
if (path) return path;
|
|
97
|
-
}
|
|
98
|
-
throw new Error('Image not found in cache');
|
|
99
|
-
};
|
|
100
|
-
export const constrainDimension = (value, min, max) => Math.max(min, Math.min(max, value));
|
|
101
|
-
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","calculatePercentageTable","totalProblems","Math","ceil","generateGifsStructure","gifs","Object","fromEntries","entries","map","key","value","url","isShown","group","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","findGroupForPercentage","percentage","getImagePath","cacheMethod","path","cachedImage","Image","queryCache","Error","constrainDimension","min","max"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["GifCelebrations","GifCelebrationsModel"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,oBAAoB,QAAQ,kCAA+B","ignoreList":[]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { createEffect, createEvent, createStore } from 'effector';
|
|
4
|
-
import { generateGifsStructure } from "../helpers.js";
|
|
5
|
-
import { Image } from 'react-native';
|
|
6
|
-
export class GifCelebrationsCache {
|
|
7
|
-
initialSet = createEvent();
|
|
8
|
-
set = createEvent();
|
|
9
|
-
reset = createEvent();
|
|
10
|
-
prefetchAllGifs = createEffect(data => {
|
|
11
|
-
Object.values(data).forEach(group => {
|
|
12
|
-
group.forEach(gifUrl => {
|
|
13
|
-
Image.prefetch(gifUrl);
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
this.initialSet(data);
|
|
17
|
-
});
|
|
18
|
-
prefetchGifs = createEffect(gifs => {
|
|
19
|
-
gifs.forEach(gifUrl => {
|
|
20
|
-
Image.prefetch(gifUrl);
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
$gifs = createStore(null).reset(this.reset).on(this.initialSet, (_, gifs) => generateGifsStructure(gifs)).on(this.set, (_, gifs) => gifs);
|
|
24
|
-
constructor({
|
|
25
|
-
customGetCachePathMethod
|
|
26
|
-
}) {
|
|
27
|
-
this.getCachePathMethod = customGetCachePathMethod;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=GifCelebrations.cache.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createEffect","createEvent","createStore","generateGifsStructure","Image","GifCelebrationsCache","initialSet","set","reset","prefetchAllGifs","data","Object","values","forEach","group","gifUrl","prefetch","prefetchGifs","gifs","$gifs","on","_","constructor","customGetCachePathMethod","getCachePathMethod"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAEjE,SAASC,qBAAqB,QAAQ,eAAY;AAClD,SAASC,KAAK,QAAQ,cAAc;AAMpC,OAAO,MAAMC,oBAAoB,CAAC;EAChBC,UAAU,GAAGL,WAAW,CAAa,CAAC;EACtCM,GAAG,GAAGN,WAAW,CAAgB,CAAC;EAClCO,KAAK,GAAGP,WAAW,CAAC,CAAC;EAIrBQ,eAAe,GAAGT,YAAY,CAAoBU,IAAI,IAAK;IACzEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxBX,KAAK,CAACY,QAAQ,CAACD,MAAM,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACT,UAAU,CAACI,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcO,YAAY,GAAGjB,YAAY,CAAkBkB,IAAI,IAAK;IACpEA,IAAI,CAACL,OAAO,CAAEE,MAAM,IAAK;MACvBX,KAAK,CAACY,QAAQ,CAACD,MAAM,CAAC;IACxB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEcI,KAAK,GAAGjB,WAAW,CAAuB,IAAI,CAAC,CAC5DM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBY,EAAE,CAAC,IAAI,CAACd,UAAU,EAAE,CAACe,CAAC,EAAEH,IAAI,KAAKf,qBAAqB,CAACe,IAAI,CAAC,CAAC,CAC7DE,EAAE,CAAC,IAAI,CAACb,GAAG,EAAE,CAACc,CAAC,EAAEH,IAAI,KAAKA,IAAI,CAAC;EAElCI,WAAWA,CAAC;IAAEC;EAAoD,CAAC,EAAE;IACnE,IAAI,CAACC,kBAAkB,GAAGD,wBAAwB;EACpD;AACF","ignoreList":[]}
|