@magmamath/students-features 0.6.5-rc.3 → 0.6.5-rc.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js +2 -1
- package/dist/commonjs/features/gifCelebrations/GifCelebrations.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Backdrop.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Gif.js +17 -11
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/constants.js +12 -1
- package/dist/commonjs/features/gifCelebrations/constants.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/helpers.js +21 -27
- package/dist/commonjs/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js +18 -5
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js +11 -40
- package/dist/commonjs/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js +2 -1
- package/dist/module/features/gifCelebrations/GifCelebrations.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Backdrop.js +1 -1
- package/dist/module/features/gifCelebrations/components/Backdrop.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Gif.js +17 -11
- package/dist/module/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Progress.js +1 -2
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/module/features/gifCelebrations/constants.js +11 -0
- package/dist/module/features/gifCelebrations/constants.js.map +1 -1
- package/dist/module/features/gifCelebrations/helpers.js +19 -25
- package/dist/module/features/gifCelebrations/helpers.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js +19 -6
- package/dist/module/features/gifCelebrations/model/GifCelebrations.cache.js.map +1 -1
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js +11 -40
- package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts +3 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Progress.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts +9 -0
- package/dist/typescript/commonjs/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts +16 -8
- package/dist/typescript/commonjs/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts +11 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts +7 -0
- package/dist/typescript/commonjs/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts +3 -1
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/components/Progress.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts +9 -0
- package/dist/typescript/module/features/gifCelebrations/constants.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts +16 -8
- package/dist/typescript/module/features/gifCelebrations/helpers.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts +11 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.cache.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts +1 -1
- package/dist/typescript/module/features/gifCelebrations/model/GifCelebrations.model.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts +7 -0
- package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/gifCelebrations/GifCelebrations.tsx +1 -1
- package/src/features/gifCelebrations/components/Backdrop.tsx +1 -1
- package/src/features/gifCelebrations/components/Gif.tsx +21 -10
- package/src/features/gifCelebrations/components/Progress.tsx +1 -2
- package/src/features/gifCelebrations/constants.ts +11 -0
- package/src/features/gifCelebrations/helpers.ts +28 -33
- package/src/features/gifCelebrations/model/GifCelebrations.cache.ts +33 -14
- package/src/features/gifCelebrations/model/GifCelebrations.model.ts +13 -37
- package/src/features/gifCelebrations/types/model.types.ts +8 -0
|
@@ -50,7 +50,8 @@ const GifCelebrations = ({
|
|
|
50
50
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContentContainer.ContentContainer, {
|
|
51
51
|
progress: progress,
|
|
52
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Gif.Gif, {
|
|
53
|
-
uri: activeGif.url
|
|
53
|
+
uri: activeGif.url,
|
|
54
|
+
getCachePathMethod: model.cache.getCachePathMethod
|
|
54
55
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.Progress, {
|
|
55
56
|
progress: progress,
|
|
56
57
|
completedPercent: completedPercent
|
|
@@ -1 +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","totalProblems","resolvedProblems","activeGif","useUnit","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","useSharedValue","stopAnimation","stop","value","playAnimation","withSequence","withTiming","duration","ANIMATION_DURATION","easing","Easing","bezier","runOnJS","useEffect","initialize","jsx","Backdrop","children","jsxs","ContentContainer","Gif","uri","url","Progress","exports"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":"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
|
|
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","totalProblems","resolvedProblems","activeGif","useUnit","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","useSharedValue","stopAnimation","stop","value","playAnimation","withSequence","withTiming","duration","ANIMATION_DURATION","easing","Easing","bezier","runOnJS","useEffect","initialize","jsx","Backdrop","children","jsxs","ContentContainer","Gif","uri","url","getCachePathMethod","cache","Progress","exports"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +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;AAOtC,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,
|
|
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;AAOtC,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":[]}
|
|
@@ -7,30 +7,37 @@ exports.Gif = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _constants = require("../constants.js");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
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); }
|
|
12
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; }
|
|
13
|
-
const mock = 'https://media3.giphy.com/media/v1.Y2lkPWZhYjgxNWZhN3lucHRuYjZtMzRiNTZkeXo3NTBrNzIwejcwdXp0Y3g1c2k2ODA2eiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/lCSABZRhMw6pW/giphy.gif';
|
|
14
14
|
const Gif = ({
|
|
15
|
-
uri
|
|
15
|
+
uri,
|
|
16
|
+
getCachePathMethod
|
|
16
17
|
}) => {
|
|
17
18
|
const [size, setSize] = (0, _react.useState)(null);
|
|
19
|
+
const [pathOrUri, setPathOrUri] = (0, _react.useState)('');
|
|
18
20
|
(0, _react.useLayoutEffect)(() => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const loadImageSize = async () => {
|
|
22
|
+
const path = getCachePathMethod ? (await getCachePathMethod(uri)) || uri : uri;
|
|
23
|
+
_reactNative.Image.getSize(path, (width, height) => {
|
|
24
|
+
setSize({
|
|
25
|
+
width: Math.min(width, _constants.MAX_GIF_SIZE.WIDTH),
|
|
26
|
+
height: Math.min(height, _constants.MAX_GIF_SIZE.HEIGHT)
|
|
27
|
+
});
|
|
28
|
+
setPathOrUri(path);
|
|
23
29
|
});
|
|
24
|
-
}
|
|
30
|
+
};
|
|
31
|
+
loadImageSize();
|
|
25
32
|
}, [uri]);
|
|
26
33
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
34
|
style: styles.backgroundContainer,
|
|
28
35
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
29
36
|
style: styles.container,
|
|
30
|
-
children: size && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
37
|
+
children: size && pathOrUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
31
38
|
alt: "Funny celebration animated image",
|
|
32
39
|
source: {
|
|
33
|
-
uri
|
|
40
|
+
uri: pathOrUri
|
|
34
41
|
},
|
|
35
42
|
width: size.width,
|
|
36
43
|
height: size.height,
|
|
@@ -55,8 +62,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
55
62
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
|
|
56
63
|
},
|
|
57
64
|
image: {
|
|
58
|
-
borderRadius: _reactNativeUi.BORDER_RADIUS[100]
|
|
59
|
-
backgroundColor: 'orange'
|
|
65
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS[100]
|
|
60
66
|
}
|
|
61
67
|
});
|
|
62
68
|
//# sourceMappingURL=Gif.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Gif","uri","getCachePathMethod","size","setSize","useState","pathOrUri","setPathOrUri","useLayoutEffect","loadImageSize","path","Image","getSize","width","height","Math","min","MAX_GIF_SIZE","WIDTH","HEIGHT","jsx","View","style","styles","backgroundContainer","children","container","alt","source","image","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","BORDER_RADIUS","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","jsxs","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","Image","source","confetti","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAOA,IAAAI,sBAAA,GAAAC,uBAAA,CAAAL,OAAA;AAA8F,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,SAAAH,wBAAAG,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;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","jsxs","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","Image","source","confetti","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.MIN_PROBLEMS_TO_SHOW_GIF = exports.CONTENT_CONTAINER = exports.BACKDROP_COLOR = exports.ANIMATION_DURATION = void 0;
|
|
6
|
+
exports.MIN_PROBLEMS_TO_SHOW_GIF = exports.MAX_GIF_SIZE = exports.GROUPS_PERCENTAGES = exports.CONTENT_CONTAINER = exports.BACKDROP_COLOR = exports.ANIMATION_DURATION = void 0;
|
|
7
7
|
const BACKDROP_COLOR = exports.BACKDROP_COLOR = {
|
|
8
8
|
INITIAL: 'rgba(51, 51, 51, 0)',
|
|
9
9
|
FINAL: 'rgba(51, 51, 51, 0.66)'
|
|
@@ -15,4 +15,15 @@ const CONTENT_CONTAINER = exports.CONTENT_CONTAINER = {
|
|
|
15
15
|
};
|
|
16
16
|
const ANIMATION_DURATION = exports.ANIMATION_DURATION = 1750;
|
|
17
17
|
const MIN_PROBLEMS_TO_SHOW_GIF = exports.MIN_PROBLEMS_TO_SHOW_GIF = 6;
|
|
18
|
+
const MAX_GIF_SIZE = exports.MAX_GIF_SIZE = {
|
|
19
|
+
WIDTH: 480,
|
|
20
|
+
HEIGHT: 300
|
|
21
|
+
};
|
|
22
|
+
const GROUPS_PERCENTAGES = exports.GROUPS_PERCENTAGES = {
|
|
23
|
+
group1: [15, 20, 25, 30],
|
|
24
|
+
// Early celebrations
|
|
25
|
+
group2: [33, 40, 45, 50],
|
|
26
|
+
// Mid celebrations
|
|
27
|
+
group3: [60, 66, 75, 80] // Party
|
|
28
|
+
};
|
|
18
29
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BACKDROP_COLOR","exports","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","SAFE_AREA","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF"],"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,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAEM,MAAMC,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,IAAI;AAC/B,MAAMC,wBAAwB,GAAAR,OAAA,CAAAQ,wBAAA,GAAG,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BACKDROP_COLOR","exports","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","SAFE_AREA","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","GROUPS_PERCENTAGES","group1","group2","group3"],"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,SAAS,EAAE,EAAE,CAAE;AACjB,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;AAEM,MAAMC,kBAAkB,GAAAZ,OAAA,CAAAY,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","ignoreList":[]}
|
|
@@ -3,33 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
gifsGroups,
|
|
22
|
-
resolvedProblem,
|
|
23
|
-
totalProblems
|
|
24
|
-
}) => {
|
|
25
|
-
if (totalProblems < 7) return null;
|
|
26
|
-
const group = Math.ceil(resolvedProblem / totalProblems * 100);
|
|
27
|
-
if (group <= 20) return gifsGroups.group1[Math.floor(Math.random() * gifsGroups.group1.length)];
|
|
28
|
-
if (group <= 40) return gifsGroups.group2[Math.floor(Math.random() * gifsGroups.group2.length)];
|
|
29
|
-
if (group <= 60) return gifsGroups.group3[Math.floor(Math.random() * gifsGroups.group3.length)];
|
|
30
|
-
return null;
|
|
31
|
-
};
|
|
32
|
-
exports.gifSelect = gifSelect;
|
|
6
|
+
exports.generateGifsStructure = exports.calculatePercentageTable = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* Number of problems When we show gif
|
|
9
|
+
* <6 Never
|
|
10
|
+
* 7-12 50% completion
|
|
11
|
+
* 13-18 33%, 66% completion
|
|
12
|
+
* 19-24 25%, 50%, 75 completion
|
|
13
|
+
* 25-30 20%, 40%, 60%, 80% completion
|
|
14
|
+
* .>30 15%, 30%, 45%, 60%, 75% completion
|
|
15
|
+
*
|
|
16
|
+
* We are also going to have different buckets with different gifs. The logic is as follows:
|
|
17
|
+
* Group 1: 15%, 20%, 25%, 30% - Early celebrations
|
|
18
|
+
* Group 2: 33%, 40%, 45%, 50% - Mid celebrations
|
|
19
|
+
* Group 3: 60%, 66%, 75%, 80% - Party
|
|
20
|
+
*/
|
|
33
21
|
const calculatePercentageTable = totalProblems => {
|
|
34
22
|
if (totalProblems <= 12) return {
|
|
35
23
|
50: Math.ceil(totalProblems * 0.5)
|
|
@@ -64,4 +52,10 @@ const calculatePercentageTable = totalProblems => {
|
|
|
64
52
|
};
|
|
65
53
|
};
|
|
66
54
|
exports.calculatePercentageTable = calculatePercentageTable;
|
|
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;
|
|
67
61
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["calculatePercentageTable","totalProblems","Math","ceil","exports","generateGifsStructure","gifs","Object","fromEntries","entries","map","key","value","url","isShown","group"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/helpers.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,wBAAwB,GAAIC,aAAqB,IAAK;EACjE,IAAIA,aAAa,IAAI,EAAE,EAAE,OAAO;IAAE,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG;EAAE,CAAC;EAEtE,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;MACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;IACpC,CAAC;EACH;EAEA,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;MACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;IACpC,CAAC;EACH;EAEA,IAAIA,aAAa,IAAI,EAAE,EAAE;IACvB,OAAO;MACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;MAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG;IACnC,CAAC;EACH;EAEA,OAAO;IACL,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;IACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;IAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI,CAAC;IACnC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,GAAG,CAAC;IAClC,EAAE,EAAEC,IAAI,CAACC,IAAI,CAACF,aAAa,GAAG,IAAI;EACpC,CAAC;AACH,CAAC;AAAAG,OAAA,CAAAJ,wBAAA,GAAAA,wBAAA;AAEM,MAAMK,qBAAqB,GAAIC,IAAgB,IACpDC,MAAM,CAACC,WAAW,CAChBD,MAAM,CAACE,OAAO,CAACH,IAAI,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK,CACzCD,GAAG,EACHC,KAAK,CAACF,GAAG,CAAEG,GAAG,KAAM;EAClBA,GAAG;EACHC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAEJ;AACT,CAAC,CAAC,CAAC,CACJ,CACH,CAAC;AAAAP,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -5,15 +5,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.GifCelebrationsCache = void 0;
|
|
7
7
|
var _effector = require("effector");
|
|
8
|
+
var _helpers = require("../helpers.js");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
8
10
|
class GifCelebrationsCache {
|
|
9
11
|
initialSet = (0, _effector.createEvent)();
|
|
10
12
|
set = (0, _effector.createEvent)();
|
|
11
13
|
reset = (0, _effector.createEvent)();
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
prefetchGifs = (0, _effector.createEffect)(data => {
|
|
15
|
+
Object.values(data).forEach(group => {
|
|
16
|
+
group.forEach(gifUrl => {
|
|
17
|
+
_reactNative.Image.prefetch(gifUrl);
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
this.initialSet(data);
|
|
21
|
+
});
|
|
22
|
+
$gifs = (0, _effector.createStore)(null).reset(this.reset).on(this.initialSet, (_, gifs) => (0, _helpers.generateGifsStructure)(gifs)).on(this.set, (_, gifs) => gifs);
|
|
23
|
+
constructor({
|
|
24
|
+
customPrefetchMethod,
|
|
25
|
+
customGetCachePathMethod
|
|
26
|
+
}) {
|
|
27
|
+
this.prefetchMethod = customPrefetchMethod || _reactNative.Image.prefetch;
|
|
28
|
+
this.getCachePathMethod = customGetCachePathMethod;
|
|
29
|
+
}
|
|
17
30
|
}
|
|
18
31
|
exports.GifCelebrationsCache = GifCelebrationsCache;
|
|
19
32
|
//# sourceMappingURL=GifCelebrations.cache.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","GifCelebrationsCache","initialSet","createEvent","set","reset","
|
|
1
|
+
{"version":3,"names":["_effector","require","_helpers","_reactNative","GifCelebrationsCache","initialSet","createEvent","set","reset","prefetchGifs","createEffect","data","Object","values","forEach","group","gifUrl","Image","prefetch","$gifs","createStore","on","_","gifs","generateGifsStructure","constructor","customPrefetchMethod","customGetCachePathMethod","prefetchMethod","getCachePathMethod","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.cache.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOO,MAAMG,oBAAoB,CAAC;EAChBC,UAAU,GAAG,IAAAC,qBAAW,EAAa,CAAC;EACtCC,GAAG,GAAG,IAAAD,qBAAW,EAAgB,CAAC;EAClCE,KAAK,GAAG,IAAAF,qBAAW,EAAC,CAAC;EAKrBG,YAAY,GAAG,IAAAC,sBAAY,EAAoBC,IAAI,IAAK;IACtEC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAEC,KAAK,IAAK;MACrCA,KAAK,CAACD,OAAO,CAAEE,MAAM,IAAK;QACxBC,kBAAK,CAACC,QAAQ,CAACF,MAAM,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAACX,UAAU,CAACM,IAAI,CAAC;EACvB,CAAC,CAAC;EAEcQ,KAAK,GAAG,IAAAC,qBAAW,EAAuB,IAAI,CAAC,CAC5DZ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBa,EAAE,CAAC,IAAI,CAAChB,UAAU,EAAE,CAACiB,CAAC,EAAEC,IAAI,KAAK,IAAAC,8BAAqB,EAACD,IAAI,CAAC,CAAC,CAC7DF,EAAE,CAAC,IAAI,CAACd,GAAG,EAAE,CAACe,CAAC,EAAEC,IAAI,KAAKA,IAAI,CAAC;EAElCE,WAAWA,CAAC;IAAEC,oBAAoB;IAAEC;EAAoD,CAAC,EAAE;IACzF,IAAI,CAACC,cAAc,GAAGF,oBAAoB,IAAIT,kBAAK,CAACC,QAAQ;IAC5D,IAAI,CAACW,kBAAkB,GAAGF,wBAAwB;EACpD;AACF;AAACG,OAAA,CAAA1B,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -8,15 +8,7 @@ var _effector = require("effector");
|
|
|
8
8
|
var _GifCelebrationsApi = require("./GifCelebrationsApi.js");
|
|
9
9
|
var _GifCelebrationsCache = require("./GifCelebrations.cache.js");
|
|
10
10
|
var _helpers = require("../helpers.js");
|
|
11
|
-
var _reactNative = require("react-native");
|
|
12
11
|
var _constants = require("../constants.js");
|
|
13
|
-
const GROUPS_PERCENTAGES = {
|
|
14
|
-
group1: [15, 20, 25, 30],
|
|
15
|
-
// Early celebrations
|
|
16
|
-
group2: [33, 40, 45, 50],
|
|
17
|
-
// Mid celebrations
|
|
18
|
-
group3: [60, 66, 75, 80] // Party
|
|
19
|
-
};
|
|
20
12
|
class GifCelebrationsModel {
|
|
21
13
|
triggerPlay = (0, _effector.createEvent)();
|
|
22
14
|
stop = (0, _effector.createEvent)();
|
|
@@ -29,10 +21,15 @@ class GifCelebrationsModel {
|
|
|
29
21
|
constructor({
|
|
30
22
|
api,
|
|
31
23
|
totalProblems,
|
|
32
|
-
resolvedProblems
|
|
24
|
+
resolvedProblems,
|
|
25
|
+
customPrefetchMethod,
|
|
26
|
+
customGetCachePathMethod
|
|
33
27
|
}) {
|
|
34
28
|
this.api = new _GifCelebrationsApi.GifCelebrationsApi(api);
|
|
35
|
-
this.cache = new _GifCelebrationsCache.GifCelebrationsCache(
|
|
29
|
+
this.cache = new _GifCelebrationsCache.GifCelebrationsCache({
|
|
30
|
+
customPrefetchMethod,
|
|
31
|
+
customGetCachePathMethod
|
|
32
|
+
});
|
|
36
33
|
this.$totalProblems = totalProblems;
|
|
37
34
|
this.$resolvedProblems = resolvedProblems;
|
|
38
35
|
this.setupEventHandlers();
|
|
@@ -40,17 +37,9 @@ class GifCelebrationsModel {
|
|
|
40
37
|
setupEventHandlers() {
|
|
41
38
|
(0, _effector.sample)({
|
|
42
39
|
source: this.api.getGifsFx.doneData,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
target: (0, _effector.createEffect)(data => {
|
|
47
|
-
Object.values(data).forEach(group => {
|
|
48
|
-
group.forEach(gifUrl => {
|
|
49
|
-
_reactNative.Image.prefetch(gifUrl);
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
this.cache.initialSet(data);
|
|
53
|
-
})
|
|
40
|
+
filter: response => response.ok,
|
|
41
|
+
fn: response => response.data,
|
|
42
|
+
target: this.cache.prefetchGifs
|
|
54
43
|
});
|
|
55
44
|
(0, _effector.sample)({
|
|
56
45
|
clock: this.initialize,
|
|
@@ -88,24 +77,14 @@ class GifCelebrationsModel {
|
|
|
88
77
|
resolvedProblem,
|
|
89
78
|
problemsPercentageTable
|
|
90
79
|
}) => {
|
|
91
|
-
// Find which percentage milestone this resolved problem represents
|
|
92
80
|
const percentageMilestone = Object.keys(problemsPercentageTable).find(key => problemsPercentageTable[Number(key)] === resolvedProblem);
|
|
93
81
|
if (!percentageMilestone) return null;
|
|
94
|
-
|
|
95
|
-
// Find which group this percentage belongs to
|
|
96
82
|
const groupName = this.findGroupForPercentage(Number(percentageMilestone));
|
|
97
83
|
if (!groupName) return null;
|
|
98
|
-
|
|
99
|
-
// Get available gifs for this group
|
|
100
84
|
const gifsForGroup = gifsGroups[groupName];
|
|
101
85
|
if (!gifsForGroup || gifsForGroup.length === 0) return null;
|
|
102
|
-
|
|
103
|
-
// Find the first gif that hasn't been shown yet
|
|
104
86
|
const unusedGifIndex = gifsForGroup.findIndex(gif => !gif.isShown);
|
|
105
|
-
|
|
106
|
-
// If all gifs have been shown, reset the group and start from the beginning
|
|
107
87
|
if (unusedGifIndex === -1) {
|
|
108
|
-
// Reset the group by setting all gifs to isShown: false
|
|
109
88
|
const updatedGifsGroups = {
|
|
110
89
|
...gifsGroups
|
|
111
90
|
};
|
|
@@ -113,27 +92,19 @@ class GifCelebrationsModel {
|
|
|
113
92
|
...gif,
|
|
114
93
|
isShown: false
|
|
115
94
|
}));
|
|
116
|
-
// Select the first gif from the group
|
|
117
95
|
const gifObject = {
|
|
118
96
|
...updatedGifsGroups[groupName][0],
|
|
119
97
|
isShown: true
|
|
120
98
|
};
|
|
121
99
|
updatedGifsGroups[groupName][0].isShown = true;
|
|
122
100
|
this.setActiveGif(gifObject);
|
|
123
|
-
// Update the cache with the shown gif
|
|
124
101
|
this.cache.set(updatedGifsGroups);
|
|
125
102
|
}
|
|
126
|
-
|
|
127
|
-
// Otherwise, use the first unused gif
|
|
128
103
|
const selectedGif = gifsForGroup[unusedGifIndex];
|
|
129
|
-
|
|
130
|
-
// Create a new gif object with isShown set to true
|
|
131
104
|
const gifObject = {
|
|
132
105
|
...selectedGif,
|
|
133
106
|
isShown: true
|
|
134
107
|
};
|
|
135
|
-
|
|
136
|
-
// Update the cache with the shown gif
|
|
137
108
|
const updatedGifsGroups = {
|
|
138
109
|
...gifsGroups
|
|
139
110
|
};
|
|
@@ -142,7 +113,7 @@ class GifCelebrationsModel {
|
|
|
142
113
|
this.setActiveGif(gifObject);
|
|
143
114
|
});
|
|
144
115
|
findGroupForPercentage(percentage) {
|
|
145
|
-
return Object.keys(GROUPS_PERCENTAGES).find(key => GROUPS_PERCENTAGES[key].includes(percentage));
|
|
116
|
+
return Object.keys(_constants.GROUPS_PERCENTAGES).find(key => _constants.GROUPS_PERCENTAGES[key].includes(percentage));
|
|
146
117
|
}
|
|
147
118
|
}
|
|
148
119
|
exports.GifCelebrationsModel = GifCelebrationsModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","
|
|
1
|
+
{"version":3,"names":["_effector","require","_GifCelebrationsApi","_GifCelebrationsCache","_helpers","_constants","GifCelebrationsModel","triggerPlay","createEvent","stop","resetPercentageTable","$problemsPercentageTable","createStore","reset","setActiveGif","$activeGif","on","_","gif","initialize","resetGroupGifs","constructor","api","totalProblems","resolvedProblems","customPrefetchMethod","customGetCachePathMethod","GifCelebrationsApi","cache","GifCelebrationsCache","$totalProblems","$resolvedProblems","setupEventHandlers","sample","source","getGifsFx","doneData","filter","response","ok","fn","data","target","prefetchGifs","clock","$gifs","gifs","MIN_PROBLEMS_TO_SHOW_GIF","calculatePercentageTable","gifsGroups","resolvedProblem","problemsPercentageTable","undefined","sources","handleGifSelection","createEffect","percentageMilestone","Object","keys","find","key","Number","groupName","findGroupForPercentage","gifsForGroup","length","unusedGifIndex","findIndex","isShown","updatedGifsGroups","map","gifObject","set","selectedGif","percentage","GROUPS_PERCENTAGES","includes","exports"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAOA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAQO,MAAMK,oBAAoB,CAAC;EAOhBC,WAAW,GAAG,IAAAC,qBAAW,EAAC,CAAC;EAC3BC,IAAI,GAAG,IAAAD,qBAAW,EAAC,CAAC;EAEpBE,oBAAoB,GAAG,IAAAF,qBAAW,EAAC,CAAC;EACpCG,wBAAwB,GAAG,IAAAC,qBAAW,EACpD,IACF,CAAC,CAACC,KAAK,CAAC,IAAI,CAACH,oBAAoB,CAAC;EAElBI,YAAY,GAAG,IAAAN,qBAAW,EAAY,CAAC;EACvCO,UAAU,GAAG,IAAAH,qBAAW,EAAmB,IAAI,CAAC,CAC7DC,KAAK,CAAC,IAAI,CAACJ,IAAI,CAAC,CAChBO,EAAE,CAAC,IAAI,CAACF,YAAY,EAAE,CAACG,CAAC,EAAEC,GAAG,KAAKA,GAAG,CAAC;EAEzBC,UAAU,GAAG,IAAAX,qBAAW,EAAC,CAAC;EAC1BY,cAAc,GAAG,IAAAZ,qBAAW,EAAS,CAAC;EAEtDa,WAAWA,CAAC;IACVC,GAAG;IACHC,aAAa;IACbC,gBAAgB;IAChBC,oBAAoB;IACpBC;EACyB,CAAC,EAAE;IAC5B,IAAI,CAACJ,GAAG,GAAG,IAAIK,sCAAkB,CAACL,GAAG,CAAC;IACtC,IAAI,CAACM,KAAK,GAAG,IAAIC,0CAAoB,CAAC;MAAEJ,oBAAoB;MAAEC;IAAyB,CAAC,CAAC;IAEzF,IAAI,CAACI,cAAc,GAAGP,aAAa;IACnC,IAAI,CAACQ,iBAAiB,GAAGP,gBAAgB;IAEzC,IAAI,CAACQ,kBAAkB,CAAC,CAAC;EAC3B;EAEQA,kBAAkBA,CAAA,EAAG;IAC3B,IAAAC,gBAAM,EAAC;MACLC,MAAM,EAAE,IAAI,CAACZ,GAAG,CAACa,SAAS,CAACC,QAAQ;MACnCC,MAAM,EAAGC,QAAQ,IAAKA,QAAQ,CAACC,EAAE;MACjCC,EAAE,EAAGF,QAAQ,IAAKA,QAAQ,CAACG,IAAI;MAC/BC,MAAM,EAAE,IAAI,CAACd,KAAK,CAACe;IACrB,CAAC,CAAC;IAEF,IAAAV,gBAAM,EAAC;MACLW,KAAK,EAAE,IAAI,CAACzB,UAAU;MACtBe,MAAM,EAAE,IAAI,CAACN,KAAK,CAACiB,KAAK;MACxBR,MAAM,EAAGS,IAAI,IAAK,CAACA,IAAI;MACvBJ,MAAM,EAAE,IAAI,CAACpB,GAAG,CAACa;IACnB,CAAC,CAAC;IAEF,IAAAF,gBAAM,EAAC;MACL;MACA;MACAW,KAAK,EAAE,IAAI,CAACzB,UAAU;MACtBe,MAAM,EAAE,IAAI,CAACJ,cAAc;MAC3BO,MAAM,EAAGd,aAAa,IAAKA,aAAa,IAAIA,aAAa,IAAIwB,mCAAwB;MACrFP,EAAE,EAAGjB,aAAa,IAAK,IAAAyB,iCAAwB,EAACzB,aAAa,CAAC;MAC9DmB,MAAM,EAAE,IAAI,CAAC/B;IACf,CAAC,CAAC;IAEF,IAAAsB,gBAAM,EAAC;MACLW,KAAK,EAAE,IAAI,CAACrC,WAAW;MACvB2B,MAAM,EAAE;QACNe,UAAU,EAAE,IAAI,CAACrB,KAAK,CAACiB,KAAK;QAC5BK,eAAe,EAAE,IAAI,CAACnB,iBAAiB;QACvCoB,uBAAuB,EAAE,IAAI,CAACxC;MAChC,CAAC;MACD0B,MAAM,EAAEA,CAAC;QAAEY,UAAU;QAAEC,eAAe;QAAEC;MAAwB,CAAC,KAC/D,CAAC,EAAEF,UAAU,IAAIC,eAAe,KAAKE,SAAS,IAAID,uBAAuB,CAAC;MAC5EX,EAAE,EAAGa,OAAO,IAAKA,OAAkC;MACnDX,MAAM,EAAE,IAAI,CAACY;IACf,CAAC,CAAC;EACJ;EAEiBA,kBAAkB,GAAG,IAAAC,sBAAY,EAChD,CAAC;IAAEN,UAAU;IAAEC,eAAe;IAAEC;EAAiD,CAAC,KAAK;IACrF,MAAMK,mBAAmB,GAAGC,MAAM,CAACC,IAAI,CAACP,uBAAuB,CAAC,CAACQ,IAAI,CAClEC,GAAG,IAAKT,uBAAuB,CAACU,MAAM,CAACD,GAAG,CAAC,CAAC,KAAKV,eACpD,CAAC;IAED,IAAI,CAACM,mBAAmB,EAAE,OAAO,IAAI;IAErC,MAAMM,SAAS,GAAG,IAAI,CAACC,sBAAsB,CAACF,MAAM,CAACL,mBAAmB,CAAC,CAE5D;IACb,IAAI,CAACM,SAAS,EAAE,OAAO,IAAI;IAE3B,MAAME,YAAY,GAAGf,UAAU,CAACa,SAAS,CAAC;IAC1C,IAAI,CAACE,YAAY,IAAIA,YAAY,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IAE3D,MAAMC,cAAc,GAAGF,YAAY,CAACG,SAAS,CAAEjD,GAAG,IAAK,CAACA,GAAG,CAACkD,OAAO,CAAC;IAEpE,IAAIF,cAAc,KAAK,CAAC,CAAC,EAAE;MACzB,MAAMG,iBAAiB,GAAG;QAAE,GAAGpB;MAAW,CAAC;MAC3CoB,iBAAiB,CAACP,SAAS,CAAC,GAAGb,UAAU,CAACa,SAAS,CAAC,CAACQ,GAAG,CAAEpD,GAAG,KAAM;QACjE,GAAGA,GAAG;QACNkD,OAAO,EAAE;MACX,CAAC,CAAC,CAAC;MACH,MAAMG,SAAoB,GAAG;QAC3B,GAAGF,iBAAiB,CAACP,SAAS,CAAC,CAAC,CAAC,CAAC;QAClCM,OAAO,EAAE;MACX,CAAC;MACDC,iBAAiB,CAACP,SAAS,CAAC,CAAC,CAAC,CAAC,CAACM,OAAO,GAAG,IAAI;MAE9C,IAAI,CAACtD,YAAY,CAACyD,SAAS,CAAC;MAC5B,IAAI,CAAC3C,KAAK,CAAC4C,GAAG,CAACH,iBAAiB,CAAC;IACnC;IAEA,MAAMI,WAAW,GAAGT,YAAY,CAACE,cAAc,CAAC;IAEhD,MAAMK,SAAoB,GAAG;MAC3B,GAAGE,WAAW;MACdL,OAAO,EAAE;IACX,CAAC;IAED,MAAMC,iBAAiB,GAAG;MAAE,GAAGpB;IAAW,CAAC;IAC3CoB,iBAAiB,CAACP,SAAS,CAAC,CAACI,cAAc,CAAC,CAACE,OAAO,GAAG,IAAI;IAC3D,IAAI,CAACxC,KAAK,CAAC4C,GAAG,CAACH,iBAAiB,CAAC;IAEjC,IAAI,CAACvD,YAAY,CAACyD,SAAS,CAAC;EAC9B,CACF,CAAC;EAEOR,sBAAsBA,CAACW,UAAkB,EAAsB;IACrE,OAAOjB,MAAM,CAACC,IAAI,CAACiB,6BAAkB,CAAC,CAAChB,IAAI,CAAEC,GAAG,IAC9Ce,6BAAkB,CAACf,GAAG,CAAoC,CAACgB,QAAQ,CAACF,UAAU,CAChF,CAAC;EACH;AACF;AAACG,OAAA,CAAAvE,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -44,7 +44,8 @@ export const GifCelebrations = ({
|
|
|
44
44
|
children: /*#__PURE__*/_jsxs(ContentContainer, {
|
|
45
45
|
progress: progress,
|
|
46
46
|
children: [/*#__PURE__*/_jsx(Gif, {
|
|
47
|
-
uri: activeGif.url
|
|
47
|
+
uri: activeGif.url,
|
|
48
|
+
getCachePathMethod: model.cache.getCachePathMethod
|
|
48
49
|
}), /*#__PURE__*/_jsx(Progress, {
|
|
49
50
|
progress: progress,
|
|
50
51
|
completedPercent: completedPercent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Gif","Progress","ContentContainer","Backdrop","Easing","runOnJS","useSharedValue","withSequence","withTiming","useUnit","ANIMATION_DURATION","jsx","_jsx","jsxs","_jsxs","GifCelebrations","model","totalProblems","resolvedProblems","activeGif","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","stopAnimation","stop","value","playAnimation","duration","easing","bezier","initialize","children","uri","url"],"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;AAOhD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAClE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS,CAAC,GAAGV,OAAO,CAAC,CAC3DO,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,iBAAiB,EACvBL,KAAK,CAACM,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,gBAAgB,IAAID,aAAa,IAAIO,IAAI,CAACC,KAAK,CAAEP,gBAAgB,GAAGD,aAAa,GAAI,GAAG,CAAC;EAE3F,MAAMS,QAAQ,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAElC,MAAMqB,aAAa,GAAGA,CAAA,KAAM;IAC1BX,KAAK,CAACY,IAAI,CAAC,CAAC;IACZF,QAAQ,CAACG,KAAK,GAAG,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1BJ,QAAQ,CAACG,KAAK,GAAGtB,YAAY,CAC3BC,UAAU,CAAC,CAAC,EAAE;MACZuB,QAAQ,EAAErB,kBAAkB;MAC5BsB,MAAM,EAAE5B,MAAM,CAAC6B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,CAAC,EACFzB,UAAU,CACR,CAAC,EACD;MACEuB,QAAQ,EAAErB,kBAAkB;MAC5BsB,MAAM,EAAE5B,MAAM,CAAC6B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,EACD,MAAM5B,OAAO,CAACsB,aAAa,CAAC,CAAC,CAC/B,CACF,CAAC;EACH,CAAC;EAED5B,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACkB,UAAU,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAENnC,SAAS,CAAC,MAAM;IACd,IAAIoB,SAAS,EAAE;MACbW,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACT,QAAQ;IAACuB,QAAQ,EAAEA,QAAS;IAAAS,QAAA,eAC3BrB,KAAA,CAACZ,gBAAgB;MAACwB,QAAQ,EAAEA,QAAS;MAAAS,QAAA,gBACnCvB,IAAA,CAACZ,GAAG;QAACoC,GAAG,EAAEjB,SAAS,CAACkB;
|
|
1
|
+
{"version":3,"names":["React","useEffect","Gif","Progress","ContentContainer","Backdrop","Easing","runOnJS","useSharedValue","withSequence","withTiming","useUnit","ANIMATION_DURATION","jsx","_jsx","jsxs","_jsxs","GifCelebrations","model","totalProblems","resolvedProblems","activeGif","$totalProblems","$resolvedProblems","$activeGif","completedPercent","Math","round","progress","stopAnimation","stop","value","playAnimation","duration","easing","bezier","initialize","children","uri","url","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;AAOhD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAClE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS,CAAC,GAAGV,OAAO,CAAC,CAC3DO,KAAK,CAACI,cAAc,EACpBJ,KAAK,CAACK,iBAAiB,EACvBL,KAAK,CAACM,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,gBAAgB,IAAID,aAAa,IAAIO,IAAI,CAACC,KAAK,CAAEP,gBAAgB,GAAGD,aAAa,GAAI,GAAG,CAAC;EAE3F,MAAMS,QAAQ,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAElC,MAAMqB,aAAa,GAAGA,CAAA,KAAM;IAC1BX,KAAK,CAACY,IAAI,CAAC,CAAC;IACZF,QAAQ,CAACG,KAAK,GAAG,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1BJ,QAAQ,CAACG,KAAK,GAAGtB,YAAY,CAC3BC,UAAU,CAAC,CAAC,EAAE;MACZuB,QAAQ,EAAErB,kBAAkB;MAC5BsB,MAAM,EAAE5B,MAAM,CAAC6B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,CAAC,EACFzB,UAAU,CACR,CAAC,EACD;MACEuB,QAAQ,EAAErB,kBAAkB;MAC5BsB,MAAM,EAAE5B,MAAM,CAAC6B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,EACD,MAAM5B,OAAO,CAACsB,aAAa,CAAC,CAAC,CAC/B,CACF,CAAC;EACH,CAAC;EAED5B,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACkB,UAAU,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAENnC,SAAS,CAAC,MAAM;IACd,IAAIoB,SAAS,EAAE;MACbW,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACT,QAAQ;IAACuB,QAAQ,EAAEA,QAAS;IAAAS,QAAA,eAC3BrB,KAAA,CAACZ,gBAAgB;MAACwB,QAAQ,EAAEA,QAAS;MAAAS,QAAA,gBACnCvB,IAAA,CAACZ,GAAG;QAACoC,GAAG,EAAEjB,SAAS,CAACkB,GAAI;QAACC,kBAAkB,EAAEtB,KAAK,CAACuB,KAAK,CAACD;MAAmB,CAAE,CAAC,eAC/E1B,IAAA,CAACX,QAAQ;QAACyB,QAAQ,EAAEA,QAAS;QAACH,gBAAgB,EAAEA;MAAiB,CAAE,CAAC;IAAA,CACpD;EAAC,CACX,CAAC;AAEf,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
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;AAO7C,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,
|
|
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;AAO7C,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":[]}
|
|
@@ -3,28 +3,35 @@
|
|
|
3
3
|
import { StyleSheet, View, Image } from 'react-native';
|
|
4
4
|
import React, { useLayoutEffect, useState } from 'react';
|
|
5
5
|
import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
|
|
6
|
+
import { MAX_GIF_SIZE } from "../constants.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
const mock = 'https://media3.giphy.com/media/v1.Y2lkPWZhYjgxNWZhN3lucHRuYjZtMzRiNTZkeXo3NTBrNzIwejcwdXp0Y3g1c2k2ODA2eiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/lCSABZRhMw6pW/giphy.gif';
|
|
8
8
|
export const Gif = ({
|
|
9
|
-
uri
|
|
9
|
+
uri,
|
|
10
|
+
getCachePathMethod
|
|
10
11
|
}) => {
|
|
11
12
|
const [size, setSize] = useState(null);
|
|
13
|
+
const [pathOrUri, setPathOrUri] = useState('');
|
|
12
14
|
useLayoutEffect(() => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const loadImageSize = async () => {
|
|
16
|
+
const path = getCachePathMethod ? (await getCachePathMethod(uri)) || uri : uri;
|
|
17
|
+
Image.getSize(path, (width, height) => {
|
|
18
|
+
setSize({
|
|
19
|
+
width: Math.min(width, MAX_GIF_SIZE.WIDTH),
|
|
20
|
+
height: Math.min(height, MAX_GIF_SIZE.HEIGHT)
|
|
21
|
+
});
|
|
22
|
+
setPathOrUri(path);
|
|
17
23
|
});
|
|
18
|
-
}
|
|
24
|
+
};
|
|
25
|
+
loadImageSize();
|
|
19
26
|
}, [uri]);
|
|
20
27
|
return /*#__PURE__*/_jsx(View, {
|
|
21
28
|
style: styles.backgroundContainer,
|
|
22
29
|
children: /*#__PURE__*/_jsx(View, {
|
|
23
30
|
style: styles.container,
|
|
24
|
-
children: size && /*#__PURE__*/_jsx(Image, {
|
|
31
|
+
children: size && pathOrUri && /*#__PURE__*/_jsx(Image, {
|
|
25
32
|
alt: "Funny celebration animated image",
|
|
26
33
|
source: {
|
|
27
|
-
uri
|
|
34
|
+
uri: pathOrUri
|
|
28
35
|
},
|
|
29
36
|
width: size.width,
|
|
30
37
|
height: size.height,
|
|
@@ -48,8 +55,7 @@ const styles = StyleSheet.create({
|
|
|
48
55
|
backgroundColor: COLORS.NEUTRAL_1
|
|
49
56
|
},
|
|
50
57
|
image: {
|
|
51
|
-
borderRadius: BORDER_RADIUS[100]
|
|
52
|
-
backgroundColor: 'orange'
|
|
58
|
+
borderRadius: BORDER_RADIUS[100]
|
|
53
59
|
}
|
|
54
60
|
});
|
|
55
61
|
//# sourceMappingURL=Gif.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","MAX_GIF_SIZE","jsx","_jsx","Gif","uri","getCachePathMethod","size","setSize","pathOrUri","setPathOrUri","loadImageSize","path","getSize","width","height","Math","min","WIDTH","HEIGHT","style","styles","backgroundContainer","children","container","alt","source","image","create","backgroundColor","borderRadius","padding","NEUTRAL_1"],"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,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAY3C,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAA6B,CAAC,KAAK;EAC5D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGX,QAAQ,CAAc,IAAI,CAAC;EACnD,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAS,EAAE,CAAC;EAEtDD,eAAe,CAAC,MAAM;IACpB,MAAMe,aAAa,GAAG,MAAAA,CAAA,KAAY;MAChC,MAAMC,IAAI,GAAGN,kBAAkB,GAAG,CAAC,MAAMA,kBAAkB,CAACD,GAAG,CAAC,KAAKA,GAAG,GAAGA,GAAG;MAE9EX,KAAK,CAACmB,OAAO,CAACD,IAAI,EAAE,CAACE,KAAK,EAAEC,MAAM,KAAK;QACrCP,OAAO,CAAC;UACNM,KAAK,EAAEE,IAAI,CAACC,GAAG,CAACH,KAAK,EAAEb,YAAY,CAACiB,KAAK,CAAC;UAC1CH,MAAM,EAAEC,IAAI,CAACC,GAAG,CAACF,MAAM,EAAEd,YAAY,CAACkB,MAAM;QAC9C,CAAC,CAAC;QAEFT,YAAY,CAACE,IAAI,CAAC;MACpB,CAAC,CAAC;IACJ,CAAC;IAEDD,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACN,GAAG,CAAC,CAAC;EAET,oBACEF,IAAA,CAACV,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtCpB,IAAA,CAACV,IAAI;MAAC2B,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,EAC3BhB,IAAI,IAAIE,SAAS,iBAChBN,IAAA,CAACT,KAAK;QACJ+B,GAAG,EAAC,kCAAkC;QACtCC,MAAM,EAAE;UACNrB,GAAG,EAAEI;QACP,CAAE;QACFK,KAAK,EAAEP,IAAI,CAACO,KAAM;QAClBC,MAAM,EAAER,IAAI,CAACQ,MAAO;QACpBK,KAAK,EAAE,CAACC,MAAM,CAACM,KAAK,EAAE;UAAEb,KAAK,EAAEP,IAAI,CAACO,KAAK;UAAEC,MAAM,EAAER,IAAI,CAACQ;QAAO,CAAC,CAAE,CAAC;MAAA,CACpE;IACF,CACG;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG7B,UAAU,CAACoC,MAAM,CAAC;EAC/BN,mBAAmB,EAAE;IACnBO,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE/B,OAAO,CAAC,GAAG;EACtB,CAAC;EACDwB,SAAS,EAAE;IACTO,OAAO,EAAE/B,OAAO,CAAC,IAAI,CAAC;IACtB8B,YAAY,EAAEhC,aAAa,CAAC,GAAG,CAAC;IAChC+B,eAAe,EAAE9B,MAAM,CAACiC;EAC1B,CAAC;EACDL,KAAK,EAAE;IACLG,YAAY,EAAEhC,aAAa,CAAC,GAAG;EACjC;AACF,CAAC,CAAC","ignoreList":[]}
|