@magmamath/students-features 0.6.7-rc.2 → 0.6.7-rc.4
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 +0 -1
- package/dist/commonjs/features/endOfAssignment/components/Modal/Modal.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js +62 -0
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js.map +1 -0
- 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 +44 -0
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js +46 -0
- package/dist/commonjs/features/gifCelebrations/components/ContentContainer.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/Gif.js +90 -0
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/components/Progress.js +96 -0
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/constants.js +34 -0
- package/dist/commonjs/features/gifCelebrations/constants.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/helpers.js +114 -0
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/index.js +20 -0
- package/dist/commonjs/features/gifCelebrations/index.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +30 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +138 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js +27 -0
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -0
- package/dist/commonjs/features/gifCelebrations/types/model.types.js +6 -0
- package/dist/commonjs/features/gifCelebrations/types/model.types.js.map +1 -0
- package/dist/commonjs/index.js +12 -0
- 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/react-app-env.d.js +2 -0
- package/dist/commonjs/react-app-env.d.js.map +1 -0
- package/dist/commonjs/shared/translation/localization/en.json +5 -0
- package/dist/commonjs/shared/translation/localization/gb.json +5 -0
- package/dist/commonjs/shared/translation/localization/sw.json +5 -0
- package/dist/commonjs/types/common.types.js +2 -0
- package/dist/commonjs/types/common.types.js.map +1 -0
- package/dist/module/features/endOfAssignment/components/Modal/Modal.js +1 -2
- package/dist/module/features/endOfAssignment/components/Modal/Modal.js.map +1 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js +55 -0
- package/dist/module/features/gifCelebrations/GifCelebrations.js.map +1 -0
- 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 +36 -0
- package/dist/module/features/gifCelebrations/components/Backdrop.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/ContentContainer.js +38 -0
- package/dist/module/features/gifCelebrations/components/ContentContainer.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/Gif.js +82 -0
- package/dist/module/features/gifCelebrations/components/Gif.js.map +1 -0
- package/dist/module/features/gifCelebrations/components/Progress.js +88 -0
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -0
- package/dist/module/features/gifCelebrations/constants.js +30 -0
- package/dist/module/features/gifCelebrations/constants.js.map +1 -0
- package/dist/module/features/gifCelebrations/helpers.js +103 -0
- package/dist/module/features/gifCelebrations/helpers.js.map +1 -0
- package/dist/module/features/gifCelebrations/index.js +5 -0
- package/dist/module/features/gifCelebrations/index.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +25 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +133 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js +22 -0
- package/dist/module/features/gifCelebrations/model/GifCelebrationsApi.js.map +1 -0
- package/dist/module/features/gifCelebrations/types/model.types.js +4 -0
- package/dist/module/features/gifCelebrations/types/model.types.js.map +1 -0
- package/dist/module/index.js +1 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/lib/effector/createControllerEffect.js.map +1 -1
- package/dist/module/react-app-env.d.js +2 -0
- package/dist/module/react-app-env.d.js.map +1 -0
- package/dist/module/shared/translation/localization/en.json +5 -0
- package/dist/module/shared/translation/localization/gb.json +5 -0
- package/dist/module/shared/translation/localization/sw.json +5 -0
- package/dist/module/types/common.types.js +2 -0
- package/dist/module/types/common.types.js.map +1 -0
- package/dist/typescript/commonjs/features/endOfAssignment/components/Modal/Modal.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/GifCelebrations.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Backdrop.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/ContentContainer.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts +10 -0
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +26 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +29 -0
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts +3 -0
- package/dist/typescript/commonjs/features/gifCelebrations/index.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts +18 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts +25 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts +7 -0
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +45 -0
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.map +1 -0
- package/dist/typescript/commonjs/index.d.ts +1 -0
- 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 +15 -0
- package/dist/typescript/commonjs/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/shared/translation/model.d.ts +10 -0
- package/dist/typescript/commonjs/shared/translation/model.d.ts.map +1 -1
- package/dist/typescript/commonjs/types/common.types.d.ts +5 -0
- package/dist/typescript/commonjs/types/common.types.d.ts.map +1 -0
- package/dist/typescript/module/features/endOfAssignment/components/Modal/Modal.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/GifCelebrations.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Backdrop.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/ContentContainer.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts +10 -0
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +26 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +29 -0
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/index.d.ts +3 -0
- package/dist/typescript/module/features/gifCelebrations/index.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts +18 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts +25 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts +7 -0
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrationsApi.d.ts.map +1 -0
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +45 -0
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map +1 -0
- package/dist/typescript/module/index.d.ts +1 -0
- 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 +15 -0
- package/dist/typescript/module/shared/translation/constants.d.ts.map +1 -1
- package/dist/typescript/module/shared/translation/model.d.ts +10 -0
- package/dist/typescript/module/shared/translation/model.d.ts.map +1 -1
- package/dist/typescript/module/types/common.types.d.ts +5 -0
- package/dist/typescript/module/types/common.types.d.ts.map +1 -0
- package/package.json +3 -5
- package/src/features/endOfAssignment/components/Modal/Modal.tsx +1 -2
- package/src/features/gifCelebrations/GifCelebrations.tsx +75 -0
- 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 +41 -0
- package/src/features/gifCelebrations/components/ContentContainer.tsx +44 -0
- package/src/features/gifCelebrations/components/Gif.tsx +88 -0
- package/src/features/gifCelebrations/components/Progress.tsx +106 -0
- package/src/features/gifCelebrations/constants.ts +32 -0
- package/src/features/gifCelebrations/helpers.ts +144 -0
- package/src/features/gifCelebrations/index.ts +2 -0
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +41 -0
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +177 -0
- package/src/features/gifCelebrations/model/GifCelebrationsApi.ts +26 -0
- package/src/features/gifCelebrations/types/model.types.ts +53 -0
- package/src/index.ts +1 -0
- package/src/lib/effector/createControllerEffect.ts +41 -41
- package/src/lib/helpers/helpers.ts +1 -1
- package/src/react-app-env.d.ts +6 -0
- package/src/shared/translation/localization/en.json +5 -0
- package/src/shared/translation/localization/gb.json +5 -0
- package/src/shared/translation/localization/sw.json +5 -0
- package/src/types/common.types.ts +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_model","_ModalBackground","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","stopPropagation","onTouchStart","event","onMouseDown","Modal","isVisible","isDismissable","onClose","style","content","withBackground","modalModel","useState","ModalModel","useEffect","animation","show","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_model","_ModalBackground","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","stopPropagation","onTouchStart","event","onMouseDown","Modal","isVisible","isDismissable","onClose","style","content","withBackground","modalModel","useState","ModalModel","useEffect","animation","show","jsx","TouchableWithoutFeedback","onPress","children","Animated","View","styles","overlay","animatedStyle","jsxs","container","backgroundWrapper","ModalBackground","closeButton","Button","variant","ButtonVariant","TERTIARY","icon","CrossIcon","size","color","COLORS","NEUTRAL_7","exports","StyleSheet","create","absoluteFillObject","justifyContent","alignItems","backgroundColor","zIndex","position","NEUTRAL_1","minWidth","maxWidth","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","gap","SHADOWS","top","right"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/Modal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GifCelebrations = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _Gif = require("./components/Gif.js");
|
|
9
|
+
var _Progress = require("./components/Progress.js");
|
|
10
|
+
var _ContentContainer = require("./components/ContentContainer.js");
|
|
11
|
+
var _Backdrop = require("./components/Backdrop.js");
|
|
12
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
13
|
+
var _effectorReact = require("effector-react");
|
|
14
|
+
var _constants = require("./constants.js");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const GifCelebrations = ({
|
|
19
|
+
model,
|
|
20
|
+
TextComponent
|
|
21
|
+
}) => {
|
|
22
|
+
const [problemsAmount, resolvedProblemsAmount, activeGif] = (0, _effectorReact.useUnit)([model.$problemsAmount, model.$resolvedProblemsAmount, model.$activeGif]);
|
|
23
|
+
const completedPercent = resolvedProblemsAmount && problemsAmount && Math.round(resolvedProblemsAmount / problemsAmount * 100);
|
|
24
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
25
|
+
const stopAnimation = () => {
|
|
26
|
+
model.stop();
|
|
27
|
+
progress.value = 0;
|
|
28
|
+
};
|
|
29
|
+
const playAnimation = () => {
|
|
30
|
+
progress.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
|
|
31
|
+
duration: _constants.ANIMATION_DURATION,
|
|
32
|
+
easing: _reactNativeReanimated.Easing.bezier(0.52, 0.16, 0.26, 0.77)
|
|
33
|
+
}), (0, _reactNativeReanimated.withTiming)(2, {
|
|
34
|
+
duration: _constants.ANIMATION_DURATION,
|
|
35
|
+
easing: _reactNativeReanimated.Easing.bezier(0.71, 0.09, 0.49, 0.89)
|
|
36
|
+
}, () => (0, _reactNativeReanimated.runOnJS)(stopAnimation)()));
|
|
37
|
+
};
|
|
38
|
+
(0, _react.useEffect)(() => {
|
|
39
|
+
if (activeGif) {
|
|
40
|
+
playAnimation();
|
|
41
|
+
}
|
|
42
|
+
}, [activeGif]);
|
|
43
|
+
if (!activeGif) {
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.Backdrop, {
|
|
47
|
+
progress: progress,
|
|
48
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContentContainer.ContentContainer, {
|
|
49
|
+
progress: progress,
|
|
50
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Gif.Gif, {
|
|
51
|
+
gifObject: activeGif,
|
|
52
|
+
getCachePathMethod: model.cache.getCachePathMethod,
|
|
53
|
+
TextComponent: TextComponent
|
|
54
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.Progress, {
|
|
55
|
+
progress: progress,
|
|
56
|
+
completedPercent: completedPercent
|
|
57
|
+
})]
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
exports.GifCelebrations = GifCelebrations;
|
|
62
|
+
//# sourceMappingURL=GifCelebrations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_Gif","_Progress","_ContentContainer","_Backdrop","_reactNativeReanimated","_effectorReact","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GifCelebrations","model","TextComponent","problemsAmount","resolvedProblemsAmount","activeGif","useUnit","$problemsAmount","$resolvedProblemsAmount","$activeGif","completedPercent","Math","round","progress","useSharedValue","stopAnimation","stop","value","playAnimation","withSequence","withTiming","duration","ANIMATION_DURATION","easing","Easing","bezier","runOnJS","useEffect","jsx","Backdrop","children","jsxs","ContentContainer","Gif","gifObject","getCachePathMethod","cache","Progress","exports"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":"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","ignoreList":[]}
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Backdrop = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _constants = require("../constants.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
const Backdrop = ({
|
|
16
|
+
children,
|
|
17
|
+
progress
|
|
18
|
+
}) => {
|
|
19
|
+
const {
|
|
20
|
+
width,
|
|
21
|
+
height
|
|
22
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
23
|
+
const backdropAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
24
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1, 2], [_constants.BACKDROP_COLOR.INITIAL, _constants.BACKDROP_COLOR.FINAL, _constants.BACKDROP_COLOR.INITIAL])
|
|
25
|
+
}), [progress]);
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
27
|
+
style: [styles.backdrop, {
|
|
28
|
+
width,
|
|
29
|
+
height
|
|
30
|
+
}, backdropAnimatedStyle],
|
|
31
|
+
children: children
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
exports.Backdrop = Backdrop;
|
|
35
|
+
const styles = _reactNative.StyleSheet.create({
|
|
36
|
+
backdrop: {
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
zIndex: 10100,
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
backgroundColor: 'rgba(51, 51, 51, 0.33);'
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Backdrop","children","progress","width","height","useWindowDimensions","backdropAnimatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","BACKDROP_COLOR","INITIAL","FINAL","jsx","View","style","styles","backdrop","exports","StyleSheet","create","position","zIndex","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Backdrop.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAQtC,MAAMmB,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAE/C,MAAMC,qBAAqB,GAAG,IAAAC,uCAAgB,EAC5C,OAAO;IACLC,eAAe,EAAE,IAAAC,uCAAgB,EAC/BP,QAAQ,CAACQ,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAACC,yBAAc,CAACC,OAAO,EAAED,yBAAc,CAACE,KAAK,EAAEF,yBAAc,CAACC,OAAO,CACvE;EACF,CAAC,CAAC,EACF,CAACV,QAAQ,CACX,CAAC;EAED,oBACE,IAAAvB,WAAA,CAAAmC,GAAA,EAACtC,sBAAA,CAAAU,OAAQ,CAAC6B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAE;MAAEf,KAAK;MAAEC;IAAO,CAAC,EAAEE,qBAAqB,CAAE;IAAAL,QAAA,EAC/EA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAAAkB,OAAA,CAAAnB,QAAA,GAAAA,QAAA;AAED,MAAMiB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,QAAQ,EAAE;IACRI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,KAAK;IACbC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBjB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ContentContainer = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _constants = require("../constants.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
const ContentContainer = ({
|
|
17
|
+
children,
|
|
18
|
+
progress
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
width
|
|
22
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
23
|
+
const RIGHT_POSITION = width / 2 + _constants.CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + _constants.CONTENT_CONTAINER.ROTATION_PADDING;
|
|
24
|
+
const LEFT_POSITION = -RIGHT_POSITION - _constants.CONTENT_CONTAINER.ROTATION_PADDING;
|
|
25
|
+
const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
26
|
+
transform: [{
|
|
27
|
+
translateX: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION])
|
|
28
|
+
}, {
|
|
29
|
+
rotate: `${(0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [-_constants.CONTENT_CONTAINER.ANGLE, 0, _constants.CONTENT_CONTAINER.ANGLE])}deg`
|
|
30
|
+
}]
|
|
31
|
+
}), [progress, RIGHT_POSITION, LEFT_POSITION]);
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
33
|
+
style: [styles.container, animatedStyles],
|
|
34
|
+
children: children
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
exports.ContentContainer = ContentContainer;
|
|
38
|
+
const styles = _reactNative.StyleSheet.create({
|
|
39
|
+
container: {
|
|
40
|
+
width: _constants.CONTENT_CONTAINER.CONTAINER_WIDTH,
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
gap: _reactNativeUi.SPACING[800],
|
|
43
|
+
position: 'absolute'
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=ContentContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentContainer","children","progress","width","useWindowDimensions","RIGHT_POSITION","CONTENT_CONTAINER","CONTAINER_WIDTH","ROTATION_PADDING","LEFT_POSITION","animatedStyles","useAnimatedStyle","transform","translateX","interpolate","value","rotate","ANGLE","jsx","View","style","styles","container","exports","StyleSheet","create","alignItems","gap","SPACING","position"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/ContentContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAgD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAQzC,MAAMmB,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EACjF,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEvC,MAAMC,cAAc,GAClBF,KAAK,GAAG,CAAC,GAAGG,4BAAiB,CAACC,eAAe,GAAG,CAAC,GAAGD,4BAAiB,CAACE,gBAAgB;EACxF,MAAMC,aAAa,GAAG,CAACJ,cAAc,GAAGC,4BAAiB,CAACE,gBAAgB;EAE1E,MAAME,cAAc,GAAG,IAAAC,uCAAgB,EACrC,OAAO;IACLC,SAAS,EAAE,CACT;MACEC,UAAU,EAAE,IAAAC,kCAAW,EAACZ,QAAQ,CAACa,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAACN,aAAa,EAAE,CAAC,EAAEJ,cAAc,CAAC;IACvF,CAAC,EACD;MACEW,MAAM,EAAE,GAAG,IAAAF,kCAAW,EAACZ,QAAQ,CAACa,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACT,4BAAiB,CAACW,KAAK,EAAE,CAAC,EAAEX,4BAAiB,CAACW,KAAK,CAAC,CAAC;IAC3G,CAAC;EAEL,CAAC,CAAC,EACF,CAACf,QAAQ,EAAEG,cAAc,EAAEI,aAAa,CAC1C,CAAC;EAED,oBAAO,IAAA9B,WAAA,CAAAuC,GAAA,EAAC1C,sBAAA,CAAAU,OAAQ,CAACiC,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,cAAc,CAAE;IAAAT,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAC7F,CAAC;AAAAsB,OAAA,CAAAvB,gBAAA,GAAAA,gBAAA;AAED,MAAMqB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTnB,KAAK,EAAEG,4BAAiB,CAACC,eAAe;IACxCmB,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Gif = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _constants = require("../constants.js");
|
|
11
|
+
var _index = require("../../../shared/translation/index.js");
|
|
12
|
+
var _helpers = require("../helpers.js");
|
|
13
|
+
var _gifFallback = _interopRequireDefault(require("../assets/gifFallback.gif"));
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const Gif = ({
|
|
19
|
+
gifObject,
|
|
20
|
+
getCachePathMethod,
|
|
21
|
+
TextComponent
|
|
22
|
+
}) => {
|
|
23
|
+
const [size, setSize] = (0, _react.useState)(null);
|
|
24
|
+
const [pathOrUri, setPathOrUri] = (0, _react.useState)('');
|
|
25
|
+
const t = (0, _index.useText)();
|
|
26
|
+
const gifGroupNumber = Number(gifObject.group.replace('group', ''));
|
|
27
|
+
const gifLabel = (0, _helpers.getGifLabel)(gifGroupNumber);
|
|
28
|
+
(0, _react.useLayoutEffect)(() => {
|
|
29
|
+
const loadImageSize = async () => {
|
|
30
|
+
let localPath;
|
|
31
|
+
try {
|
|
32
|
+
localPath = await (0, _helpers.getImagePath)(gifObject.url, getCachePathMethod);
|
|
33
|
+
} catch (error) {
|
|
34
|
+
localPath = _reactNativeUi.IS_WEB ? _gifFallback.default : _reactNative.Image.resolveAssetSource(_gifFallback.default).uri;
|
|
35
|
+
console.error('Error fetching image from cache:', error);
|
|
36
|
+
}
|
|
37
|
+
_reactNative.Image.getSize(localPath, (width, height) => {
|
|
38
|
+
setSize({
|
|
39
|
+
width: (0, _helpers.constrainDimension)(width, _constants.MIN_GIF_SIZE, _constants.MAX_GIF_SIZE.WIDTH),
|
|
40
|
+
height: (0, _helpers.constrainDimension)(height, _constants.MIN_GIF_SIZE, _constants.MAX_GIF_SIZE.HEIGHT)
|
|
41
|
+
});
|
|
42
|
+
setPathOrUri(localPath);
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
loadImageSize();
|
|
46
|
+
}, [gifObject.url]);
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
48
|
+
style: styles.backgroundContainer,
|
|
49
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
50
|
+
style: styles.container,
|
|
51
|
+
children: [size && pathOrUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
52
|
+
alt: "Funny celebration animated image",
|
|
53
|
+
source: {
|
|
54
|
+
uri: pathOrUri
|
|
55
|
+
},
|
|
56
|
+
width: size.width,
|
|
57
|
+
height: size.height,
|
|
58
|
+
style: [styles.image, {
|
|
59
|
+
width: size.width,
|
|
60
|
+
height: size.height
|
|
61
|
+
}] //this sizes duplication is needed for compatibility with web and rn
|
|
62
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
63
|
+
style: styles.textContainer,
|
|
64
|
+
children: TextComponent(t(gifLabel))
|
|
65
|
+
})]
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
exports.Gif = Gif;
|
|
70
|
+
const styles = _reactNative.StyleSheet.create({
|
|
71
|
+
backgroundContainer: {
|
|
72
|
+
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
73
|
+
borderRadius: 23,
|
|
74
|
+
padding: _reactNativeUi.SPACING[200]
|
|
75
|
+
},
|
|
76
|
+
container: {
|
|
77
|
+
padding: _reactNativeUi.SPACING[1600],
|
|
78
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
79
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
|
|
80
|
+
},
|
|
81
|
+
image: {
|
|
82
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[100]
|
|
83
|
+
},
|
|
84
|
+
textContainer: {
|
|
85
|
+
position: 'absolute',
|
|
86
|
+
bottom: 74,
|
|
87
|
+
alignSelf: 'center'
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
//# sourceMappingURL=Gif.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_constants","_index","_helpers","_gifFallback","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","useState","pathOrUri","setPathOrUri","useText","gifGroupNumber","Number","group","replace","gifLabel","getGifLabel","useLayoutEffect","loadImageSize","localPath","getImagePath","url","error","IS_WEB","gifFallback","Image","resolveAssetSource","uri","console","getSize","width","height","constrainDimension","MIN_GIF_SIZE","MAX_GIF_SIZE","WIDTH","HEIGHT","jsx","View","style","styles","backgroundContainer","children","jsxs","container","alt","source","image","textContainer","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","BORDER_RADIUS","COLORS","NEUTRAL_1","position","bottom","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Progress = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _confetti = _interopRequireDefault(require("../assets/confetti.webp"));
|
|
12
|
+
var _helpers = require("../helpers.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
const Progress = ({
|
|
18
|
+
progress,
|
|
19
|
+
completedPercent
|
|
20
|
+
}) => {
|
|
21
|
+
const progressLineWidth = (0, _helpers.getProgressLineWidth)(completedPercent);
|
|
22
|
+
const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
23
|
+
width: `${(0, _reactNativeReanimated.interpolate)(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
|
|
24
|
+
}), [progress, progressLineWidth]);
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
26
|
+
style: styles.backgroundContainer,
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
28
|
+
style: styles.container,
|
|
29
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
30
|
+
style: styles.progressContainer,
|
|
31
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
32
|
+
style: [styles.progress, animatedStyles],
|
|
33
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
34
|
+
variant: _reactNativeUi.HeadingVariants.H1,
|
|
35
|
+
style: styles.percent,
|
|
36
|
+
children: `${completedPercent}%`
|
|
37
|
+
})
|
|
38
|
+
})
|
|
39
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
40
|
+
source: _reactNativeUi.IS_WEB ? {
|
|
41
|
+
uri: _confetti.default
|
|
42
|
+
} : require('../assets/confetti.webp'),
|
|
43
|
+
style: styles.confetti
|
|
44
|
+
})]
|
|
45
|
+
})
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
exports.Progress = Progress;
|
|
49
|
+
const styles = _reactNative.StyleSheet.create({
|
|
50
|
+
backgroundContainer: {
|
|
51
|
+
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
52
|
+
borderRadius: 23,
|
|
53
|
+
padding: _reactNativeUi.SPACING[200],
|
|
54
|
+
width: '100%'
|
|
55
|
+
},
|
|
56
|
+
container: {
|
|
57
|
+
width: '100%',
|
|
58
|
+
height: 116,
|
|
59
|
+
flexDirection: 'row',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[400],
|
|
62
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
63
|
+
paddingLeft: _reactNativeUi.SPACING[400],
|
|
64
|
+
paddingRight: _reactNativeUi.SPACING[200],
|
|
65
|
+
gap: _reactNativeUi.SPACING[100]
|
|
66
|
+
},
|
|
67
|
+
progressContainer: {
|
|
68
|
+
height: 50,
|
|
69
|
+
flexGrow: 1,
|
|
70
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
71
|
+
borderRadius: 90,
|
|
72
|
+
overflow: 'hidden'
|
|
73
|
+
},
|
|
74
|
+
progress: {
|
|
75
|
+
position: 'absolute',
|
|
76
|
+
height: '100%',
|
|
77
|
+
backgroundColor: _reactNativeUi.COLORS.PRIMARY_BLUE,
|
|
78
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[200],
|
|
79
|
+
justifyContent: 'center',
|
|
80
|
+
alignItems: 'flex-end',
|
|
81
|
+
paddingRight: 10.6,
|
|
82
|
+
overflow: 'hidden'
|
|
83
|
+
},
|
|
84
|
+
confetti: {
|
|
85
|
+
width: 75,
|
|
86
|
+
height: 70,
|
|
87
|
+
marginHorizontal: _reactNativeUi.SPACING[200]
|
|
88
|
+
},
|
|
89
|
+
percent: {
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
paddingRight: 10,
|
|
92
|
+
color: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
93
|
+
fontWeight: '700'
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
//# sourceMappingURL=Progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_confetti","_helpers","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Progress","progress","completedPercent","progressLineWidth","getProgressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","jsxs","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","Image","source","IS_WEB","uri","confettiImage","confetti","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","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":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MIN_WIDTH_FOR_TWO_DIGITS = exports.MIN_WIDTH_FOR_ONE_DIGIT = exports.MIN_PROBLEMS_TO_SHOW_GIF = exports.MIN_GIF_SIZE = exports.MAX_GIF_SIZE = exports.GROUPS_PERCENTAGES = exports.GIFS_FETCHED_KEY = exports.GET_GIFS_TIMEOUT = exports.CONTENT_CONTAINER = exports.BACKDROP_COLOR = exports.ANIMATION_DURATION = void 0;
|
|
7
|
+
const BACKDROP_COLOR = exports.BACKDROP_COLOR = {
|
|
8
|
+
INITIAL: 'rgba(51, 51, 51, 0)',
|
|
9
|
+
FINAL: 'rgba(51, 51, 51, 0.66)'
|
|
10
|
+
};
|
|
11
|
+
const CONTENT_CONTAINER = exports.CONTENT_CONTAINER = {
|
|
12
|
+
ANGLE: 5,
|
|
13
|
+
CONTAINER_WIDTH: 769,
|
|
14
|
+
ROTATION_PADDING: 44 // to be sure that the content is not cut off on the edges because of rotate transform
|
|
15
|
+
};
|
|
16
|
+
const ANIMATION_DURATION = exports.ANIMATION_DURATION = 1750;
|
|
17
|
+
const MIN_PROBLEMS_TO_SHOW_GIF = exports.MIN_PROBLEMS_TO_SHOW_GIF = 7;
|
|
18
|
+
const MAX_GIF_SIZE = exports.MAX_GIF_SIZE = {
|
|
19
|
+
WIDTH: 480,
|
|
20
|
+
HEIGHT: 300
|
|
21
|
+
};
|
|
22
|
+
const MIN_GIF_SIZE = exports.MIN_GIF_SIZE = 300;
|
|
23
|
+
const GROUPS_PERCENTAGES = exports.GROUPS_PERCENTAGES = {
|
|
24
|
+
group1: [15, 20, 25, 30],
|
|
25
|
+
// Early celebrations
|
|
26
|
+
group2: [33, 40, 45, 50],
|
|
27
|
+
// Mid celebrations
|
|
28
|
+
group3: [60, 66, 75, 80] // Party
|
|
29
|
+
};
|
|
30
|
+
const MIN_WIDTH_FOR_ONE_DIGIT = exports.MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
31
|
+
const MIN_WIDTH_FOR_TWO_DIGITS = exports.MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
32
|
+
const GET_GIFS_TIMEOUT = exports.GET_GIFS_TIMEOUT = 5000;
|
|
33
|
+
const GIFS_FETCHED_KEY = exports.GIFS_FETCHED_KEY = 'gifsFetchedTimestamp';
|
|
34
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BACKDROP_COLOR","exports","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","GET_GIFS_TIMEOUT","GIFS_FETCHED_KEY"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/constants.ts"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,OAAO,EAAE,qBAAqB;EAC9BC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG;EAC/BC,KAAK,EAAE,CAAC;EACRC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,EAAE,CAAE;AACxB,CAAC;AAEM,MAAMC,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,IAAI;AAC/B,MAAMC,wBAAwB,GAAAR,OAAA,CAAAQ,wBAAA,GAAG,CAAC;AAElC,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAG;EAC1BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACM,MAAMC,YAAY,GAAAZ,OAAA,CAAAY,YAAA,GAAG,GAAG;AAExB,MAAMC,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,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;AAEM,MAAMC,uBAAuB,GAAAjB,OAAA,CAAAiB,uBAAA,GAAG,EAAE;AAClC,MAAMC,wBAAwB,GAAAlB,OAAA,CAAAkB,wBAAA,GAAG,EAAE;AAEnC,MAAMC,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG,IAAI;AAE7B,MAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,114 @@
|
|
|
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
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|