@magmamath/students-features 0.6.0 → 0.6.1-2.rc-2

package/dist/module/features/gifCelebrations/GifCelebrations.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { Gif } from "./components/Gif.js";
+import { Progress } from "./components/Progress.js";
+import { ContentContainer } from "./components/ContentContainer.js";
+import { Backdrop } from "./components/Backdrop.js";
+import { Easing, runOnJS, useSharedValue, withSequence, withTiming } from 'react-native-reanimated';
+import { useUnit } from 'effector-react';
+import { ANIMATION_DURATION } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GifCelebrations = ({
+  model,
+  TextComponent
+}) => {
+  const [problemsAmount, resolvedProblemsAmount, activeGif] = useUnit([model.$problemsAmount, model.$resolvedProblemsAmount, model.$activeGif]);
+  const completedPercent = resolvedProblemsAmount && problemsAmount && Math.round(resolvedProblemsAmount / problemsAmount * 100);
+  const progress = useSharedValue(0);
+  const stopAnimation = () => {
+    model.stop();
+    progress.value = 0;
+  };
+  const playAnimation = () => {
+    progress.value = withSequence(withTiming(1, {
+      duration: ANIMATION_DURATION,
+      easing: Easing.bezier(0.52, 0.16, 0.26, 0.77)
+    }), withTiming(2, {
+      duration: ANIMATION_DURATION,
+      easing: Easing.bezier(0.71, 0.09, 0.49, 0.89)
+    }, () => runOnJS(stopAnimation)()));
+  };
+  useEffect(() => {
+    if (activeGif) {
+      playAnimation();
+    }
+  }, [activeGif]);
+  if (!activeGif) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Backdrop, {
+    progress: progress,
+    children: /*#__PURE__*/_jsxs(ContentContainer, {
+      progress: progress,
+      children: [/*#__PURE__*/_jsx(Gif, {
+        gifObject: activeGif,
+        getCachePathMethod: model.cache.getCachePathMethod,
+        TextComponent: TextComponent
+      }), /*#__PURE__*/_jsx(Progress, {
+        progress: progress,
+        completedPercent: completedPercent
+      })]
+    })
+  });
+};
+//# sourceMappingURL=GifCelebrations.js.map

package/dist/module/features/gifCelebrations/GifCelebrations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Gif","Progress","ContentContainer","Backdrop","Easing","runOnJS","useSharedValue","withSequence","withTiming","useUnit","ANIMATION_DURATION","jsx","_jsx","jsxs","_jsxs","GifCelebrations","model","TextComponent","problemsAmount","resolvedProblemsAmount","activeGif","$problemsAmount","$resolvedProblemsAmount","$activeGif","completedPercent","Math","round","progress","stopAnimation","stop","value","playAnimation","duration","easing","bezier","children","gifObject","getCachePathMethod","cache"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/GifCelebrations.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,GAAG,QAAQ,qBAAkB;AACtC,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,UAAU,QAAQ,yBAAyB;AACnG,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,kBAAkB,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACjF,MAAM,CAACC,cAAc,EAAEC,sBAAsB,EAAEC,SAAS,CAAC,GAAGX,OAAO,CAAC,CAClEO,KAAK,CAACK,eAAe,EACrBL,KAAK,CAACM,uBAAuB,EAC7BN,KAAK,CAACO,UAAU,CACjB,CAAC;EAEF,MAAMC,gBAAgB,GACpBL,sBAAsB,IACtBD,cAAc,IACdO,IAAI,CAACC,KAAK,CAAEP,sBAAsB,GAAGD,cAAc,GAAI,GAAG,CAAC;EAE7D,MAAMS,QAAQ,GAAGrB,cAAc,CAAgB,CAAC,CAAC;EAEjD,MAAMsB,aAAa,GAAGA,CAAA,KAAM;IAC1BZ,KAAK,CAACa,IAAI,CAAC,CAAC;IACZF,QAAQ,CAACG,KAAK,GAAG,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1BJ,QAAQ,CAACG,KAAK,GAAGvB,YAAY,CAC3BC,UAAU,CAAC,CAAC,EAAE;MACZwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,CAAC,EACF1B,UAAU,CACR,CAAC,EACD;MACEwB,QAAQ,EAAEtB,kBAAkB;MAC5BuB,MAAM,EAAE7B,MAAM,CAAC8B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC9C,CAAC,EACD,MAAM7B,OAAO,CAACuB,aAAa,CAAC,CAAC,CAC/B,CACF,CAAC;EACH,CAAC;EAED7B,SAAS,CAAC,MAAM;IACd,IAAIqB,SAAS,EAAE;MACbW,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACER,IAAA,CAACT,QAAQ;IAACwB,QAAQ,EAAEA,QAAS;IAAAQ,QAAA,eAC3BrB,KAAA,CAACZ,gBAAgB;MAACyB,QAAQ,EAAEA,QAAS;MAAAQ,QAAA,gBACnCvB,IAAA,CAACZ,GAAG;QACFoC,SAAS,EAAEhB,SAAU;QACrBiB,kBAAkB,EAAErB,KAAK,CAACsB,KAAK,CAACD,kBAAmB;QACnDpB,aAAa,EAAEA;MAAc,CAC9B,CAAC,eACFL,IAAA,CAACX,QAAQ;QAAC0B,QAAQ,EAAEA,QAAS;QAACH,gBAAgB,EAAEA;MAAiB,CAAE,CAAC;IAAA,CACpD;EAAC,CACX,CAAC;AAEf,CAAC","ignoreList":[]}

package/dist/module/features/gifCelebrations/components/Backdrop.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { StyleSheet, useWindowDimensions } from 'react-native';
+import React from 'react';
+import Animated, { useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import { BACKDROP_COLOR } from "../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Backdrop = ({
+  children,
+  progress
+}) => {
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const backdropAnimatedStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1, 2], [BACKDROP_COLOR.INITIAL, BACKDROP_COLOR.FINAL, BACKDROP_COLOR.INITIAL])
+  }), [progress]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.backdrop, {
+      width,
+      height
+    }, backdropAnimatedStyle],
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  backdrop: {
+    position: 'absolute',
+    zIndex: 10100,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(51, 51, 51, 0.33);'
+  }
+});
+//# sourceMappingURL=Backdrop.js.map

package/dist/module/features/gifCelebrations/components/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useWindowDimensions","React","Animated","useAnimatedStyle","interpolateColor","BACKDROP_COLOR","jsx","_jsx","Backdrop","children","progress","width","height","backdropAnimatedStyle","backgroundColor","value","INITIAL","FINAL","View","style","styles","backdrop","create","position","zIndex","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Backdrop.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAqB,yBAAyB;AACnG,SAASC,cAAc,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAE/C,MAAMa,qBAAqB,GAAGV,gBAAgB,CAC5C,OAAO;IACLW,eAAe,EAAEV,gBAAgB,CAC/BM,QAAQ,CAACK,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAACV,cAAc,CAACW,OAAO,EAAEX,cAAc,CAACY,KAAK,EAAEZ,cAAc,CAACW,OAAO,CACvE;EACF,CAAC,CAAC,EACF,CAACN,QAAQ,CACX,CAAC;EAED,oBACEH,IAAA,CAACL,QAAQ,CAACgB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAE;MAAEV,KAAK;MAAEC;IAAO,CAAC,EAAEC,qBAAqB,CAAE;IAAAJ,QAAA,EAC/EA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAED,MAAMW,MAAM,GAAGrB,UAAU,CAACuB,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IACRE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,KAAK;IACbC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBZ,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/gifCelebrations/components/ContentContainer.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { StyleSheet, useWindowDimensions } from 'react-native';
+import React from 'react';
+import { SPACING } from '@magmamath/react-native-ui';
+import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
+import { CONTENT_CONTAINER } from "../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ContentContainer = ({
+  children,
+  progress
+}) => {
+  const {
+    width
+  } = useWindowDimensions();
+  const RIGHT_POSITION = width / 2 + CONTENT_CONTAINER.CONTAINER_WIDTH / 2 + CONTENT_CONTAINER.ROTATION_PADDING;
+  const LEFT_POSITION = -RIGHT_POSITION - CONTENT_CONTAINER.ROTATION_PADDING;
+  const animatedStyles = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: interpolate(progress.value, [0, 1, 2], [LEFT_POSITION, 0, RIGHT_POSITION])
+    }, {
+      rotate: `${interpolate(progress.value, [0, 1, 2], [-CONTENT_CONTAINER.ANGLE, 0, CONTENT_CONTAINER.ANGLE])}deg`
+    }]
+  }), [progress, RIGHT_POSITION, LEFT_POSITION]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.container, animatedStyles],
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: CONTENT_CONTAINER.CONTAINER_WIDTH,
+    alignItems: 'center',
+    gap: SPACING[800],
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ContentContainer.js.map

package/dist/module/features/gifCelebrations/components/ContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useWindowDimensions","React","SPACING","Animated","useAnimatedStyle","interpolate","CONTENT_CONTAINER","jsx","_jsx","ContentContainer","children","progress","width","RIGHT_POSITION","CONTAINER_WIDTH","ROTATION_PADDING","LEFT_POSITION","animatedStyles","transform","translateX","value","rotate","ANGLE","View","style","styles","container","create","alignItems","gap","position"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/ContentContainer.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,4BAA4B;AACpD,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,WAAW,QAAqB,yBAAyB;AAC9F,SAASC,iBAAiB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQhD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EACjF,MAAM;IAAEC;EAAM,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAEvC,MAAMa,cAAc,GAClBD,KAAK,GAAG,CAAC,GAAGN,iBAAiB,CAACQ,eAAe,GAAG,CAAC,GAAGR,iBAAiB,CAACS,gBAAgB;EACxF,MAAMC,aAAa,GAAG,CAACH,cAAc,GAAGP,iBAAiB,CAACS,gBAAgB;EAE1E,MAAME,cAAc,GAAGb,gBAAgB,CACrC,OAAO;IACLc,SAAS,EAAE,CACT;MACEC,UAAU,EAAEd,WAAW,CAACM,QAAQ,CAACS,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAACJ,aAAa,EAAE,CAAC,EAAEH,cAAc,CAAC;IACvF,CAAC,EACD;MACEQ,MAAM,EAAE,GAAGhB,WAAW,CAACM,QAAQ,CAACS,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACd,iBAAiB,CAACgB,KAAK,EAAE,CAAC,EAAEhB,iBAAiB,CAACgB,KAAK,CAAC,CAAC;IAC3G,CAAC;EAEL,CAAC,CAAC,EACF,CAACX,QAAQ,EAAEE,cAAc,EAAEG,aAAa,CAC1C,CAAC;EAED,oBAAOR,IAAA,CAACL,QAAQ,CAACoB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAET,cAAc,CAAE;IAAAP,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AAC7F,CAAC;AAED,MAAMe,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTd,KAAK,EAAEN,iBAAiB,CAACQ,eAAe;IACxCc,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE3B,OAAO,CAAC,GAAG,CAAC;IACjB4B,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/gifCelebrations/components/Gif.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { StyleSheet, View, Image } from 'react-native';
+import React, { useLayoutEffect, useState } from 'react';
+import { BORDER_RADIUS, COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui';
+import { MAX_GIF_SIZE, MIN_GIF_SIZE } from "../constants.js";
+import { useText } from "../../../shared/translation/index.js";
+import { constrainDimension, getGifLabel, getImagePath } from "../helpers.js";
+import gifFallback from '../assets/gifFallback.gif';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Gif = ({
+  gifObject,
+  getCachePathMethod,
+  TextComponent
+}) => {
+  const [size, setSize] = useState(null);
+  const [pathOrUri, setPathOrUri] = useState('');
+  const t = useText();
+  const gifGroupNumber = Number(gifObject.group.replace('group', ''));
+  const gifLabel = getGifLabel(gifGroupNumber);
+  useLayoutEffect(() => {
+    const loadImageSize = async () => {
+      let localPath;
+      try {
+        localPath = await getImagePath(gifObject.url, getCachePathMethod);
+      } catch (error) {
+        localPath = IS_WEB ? gifFallback : Image.resolveAssetSource(gifFallback).uri;
+        console.error('Error fetching image from cache:', error);
+      }
+      Image.getSize(localPath, (width, height) => {
+        setSize({
+          width: constrainDimension(width, MIN_GIF_SIZE, MAX_GIF_SIZE.WIDTH),
+          height: constrainDimension(height, MIN_GIF_SIZE, MAX_GIF_SIZE.HEIGHT)
+        });
+        setPathOrUri(localPath);
+      });
+    };
+    loadImageSize();
+  }, [gifObject.url]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.backgroundContainer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [size && pathOrUri && /*#__PURE__*/_jsx(Image, {
+        alt: "Funny celebration animated image",
+        source: {
+          uri: pathOrUri
+        },
+        width: size.width,
+        height: size.height,
+        style: [styles.image, {
+          width: size.width,
+          height: size.height
+        }] //this sizes duplication is needed for compatibility with web and rn
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.textContainer,
+        children: TextComponent(t(gifLabel))
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  backgroundContainer: {
+    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    borderRadius: 23,
+    padding: SPACING[200]
+  },
+  container: {
+    padding: SPACING[1600],
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1
+  },
+  image: {
+    borderRadius: BORDER_RADIUS[100]
+  },
+  textContainer: {
+    position: 'absolute',
+    bottom: 74,
+    alignSelf: 'center'
+  }
+});
+//# sourceMappingURL=Gif.js.map

package/dist/module/features/gifCelebrations/components/Gif.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","IS_WEB","SPACING","MAX_GIF_SIZE","MIN_GIF_SIZE","useText","constrainDimension","getGifLabel","getImagePath","gifFallback","jsx","_jsx","jsxs","_jsxs","Gif","gifObject","getCachePathMethod","TextComponent","size","setSize","pathOrUri","setPathOrUri","t","gifGroupNumber","Number","group","replace","gifLabel","loadImageSize","localPath","url","error","resolveAssetSource","uri","console","getSize","width","height","WIDTH","HEIGHT","style","styles","backgroundContainer","children","container","alt","source","image","textContainer","create","backgroundColor","borderRadius","padding","NEUTRAL_1","position","bottom","alignSelf"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/gifCelebrations/components/Progress.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { StyleSheet, View, Image } from 'react-native';
+import React from 'react';
+import { BORDER_RADIUS, COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui';
+import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
+import confettiImage from '../assets/confetti.webp';
+import { getProgressLineWidth } from "../helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Progress = ({
+  progress,
+  completedPercent
+}) => {
+  const progressLineWidth = getProgressLineWidth(completedPercent);
+  const animatedStyles = useAnimatedStyle(() => ({
+    width: `${interpolate(progress.value, [0, 1, 2], [0, progressLineWidth, progressLineWidth])}%`
+  }), [progress, progressLineWidth]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.backgroundContainer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.progressContainer,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.progress, animatedStyles],
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H1,
+            style: styles.percent,
+            children: `${completedPercent}%`
+          })
+        })
+      }), /*#__PURE__*/_jsx(Image, {
+        source: IS_WEB ? {
+          uri: confettiImage
+        } : require('../assets/confetti.webp'),
+        style: styles.confetti
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  backgroundContainer: {
+    backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    borderRadius: 23,
+    padding: SPACING[200],
+    width: '100%'
+  },
+  container: {
+    width: '100%',
+    height: 116,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    paddingLeft: SPACING[400],
+    paddingRight: SPACING[200],
+    gap: SPACING[100]
+  },
+  progressContainer: {
+    height: 50,
+    flexGrow: 1,
+    backgroundColor: COLORS.NEUTRAL_5,
+    borderRadius: 90,
+    overflow: 'hidden'
+  },
+  progress: {
+    position: 'absolute',
+    height: '100%',
+    backgroundColor: COLORS.PRIMARY_BLUE,
+    borderRadius: BORDER_RADIUS[200],
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+    paddingRight: 10.6,
+    overflow: 'hidden'
+  },
+  confetti: {
+    width: 75,
+    height: 70,
+    marginHorizontal: SPACING[200]
+  },
+  percent: {
+    position: 'absolute',
+    paddingRight: 10,
+    color: COLORS.NEUTRAL_1,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=Progress.js.map

package/dist/module/features/gifCelebrations/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Image","React","BORDER_RADIUS","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","Animated","useAnimatedStyle","interpolate","confettiImage","getProgressLineWidth","jsx","_jsx","jsxs","_jsxs","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","source","uri","require","confetti","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/gifCelebrations/constants.js

@@ -0,0 +1,30 @@
+"use strict";
+
+export const BACKDROP_COLOR = {
+  INITIAL: 'rgba(51, 51, 51, 0)',
+  FINAL: 'rgba(51, 51, 51, 0.66)'
+};
+export const CONTENT_CONTAINER = {
+  ANGLE: 5,
+  CONTAINER_WIDTH: 769,
+  ROTATION_PADDING: 44 // to be sure that the content is not cut off on the edges because of rotate transform
+};
+export const ANIMATION_DURATION = 1750;
+export const MIN_PROBLEMS_TO_SHOW_GIF = 7;
+export const MAX_GIF_SIZE = {
+  WIDTH: 480,
+  HEIGHT: 300
+};
+export const MIN_GIF_SIZE = 300;
+export const GROUPS_PERCENTAGES = {
+  group1: [15, 20, 25, 30],
+  // Early celebrations
+  group2: [33, 40, 45, 50],
+  // Mid celebrations
+  group3: [60, 66, 75, 80] // Party
+};
+export const MIN_WIDTH_FOR_ONE_DIGIT = 12;
+export const MIN_WIDTH_FOR_TWO_DIGITS = 15;
+export const GET_GIFS_TIMEOUT = 5000;
+export const GIFS_FETCHED_KEY = 'gifsFetchedTimestamp';
+//# sourceMappingURL=constants.js.map

package/dist/module/features/gifCelebrations/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BACKDROP_COLOR","INITIAL","FINAL","CONTENT_CONTAINER","ANGLE","CONTAINER_WIDTH","ROTATION_PADDING","ANIMATION_DURATION","MIN_PROBLEMS_TO_SHOW_GIF","MAX_GIF_SIZE","WIDTH","HEIGHT","MIN_GIF_SIZE","GROUPS_PERCENTAGES","group1","group2","group3","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","GET_GIFS_TIMEOUT","GIFS_FETCHED_KEY"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,OAAO,EAAE,qBAAqB;EAC9BC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,KAAK,EAAE,CAAC;EACRC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,EAAE,CAAE;AACxB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,IAAI;AACtC,OAAO,MAAMC,wBAAwB,GAAG,CAAC;AAEzC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,YAAY,GAAG,GAAG;AAE/B,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAAE;EAC1BC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAE;AAC5B,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAE1C,OAAO,MAAMC,gBAAgB,GAAG,IAAI;AAEpC,OAAO,MAAMC,gBAAgB,GAAG,sBAAsB","ignoreList":[]}

package/dist/module/features/gifCelebrations/helpers.js

@@ -0,0 +1,103 @@
+"use strict";
+
+import { MIN_WIDTH_FOR_ONE_DIGIT, MIN_WIDTH_FOR_TWO_DIGITS } from "./constants.js";
+import { Image } from 'react-native';
+
+/**
+ * Number of problems	When we show gif
+ * <6	Never
+ * 7-12	50% completion
+ * 13-18	33%, 66% completion
+ * 19-24	25%, 50%, 75 completion
+ * 25-30	20%, 40%, 60%, 80% completion
+ * .>30	15%, 30%, 45%, 60%, 75% completion
+ *
+ * We are also going to have different buckets with different gifs. The logic is as follows:
+ * Group 1: 15%, 20%, 25%, 30% - Early celebrations
+ * Group 2: 33%, 40%, 45%, 50% - Mid celebrations
+ * Group 3: 60%, 66%, 75%, 80% - Party
+ * or
+ * Group 1: <=30% - Early celebrations
+ * Group 2: >30% <60% - Mid celebrations
+ * Group 3: >=60% - Party
+ */
+export const generateProblemsGifsTable = (problemsAmount, resolvedProblems, gifs) => {
+  const percentageMilestones = getPercentageMilestones(problemsAmount);
+  const result = {};
+  for (const percentage of percentageMilestones) {
+    const problemNumber = Math.ceil(problemsAmount * (percentage / 100));
+    if (problemNumber <= resolvedProblems) continue;
+    const groupKey = findGroupForPercentage(percentage);
+    const gifsInGroup = gifs[groupKey];
+    if (!gifsInGroup || gifsInGroup.length === 0) continue;
+    const unshownGif = gifsInGroup.find(gif => !gif.isShown);
+    const selectedGif = unshownGif || gifsInGroup[0];
+    if (selectedGif) {
+      result[problemNumber] = {
+        url: selectedGif.url,
+        group: groupKey
+      };
+    }
+  }
+  return result;
+};
+const getPercentageMilestones = problemsAmount => {
+  if (problemsAmount <= 12) return [50];
+  if (problemsAmount <= 18) return [33, 66];
+  if (problemsAmount <= 24) return [25, 50, 75];
+  if (problemsAmount <= 30) return [20, 40, 60, 80];
+  return [15, 30, 45, 60, 75];
+};
+export const generateGifsStructure = gifs => Object.fromEntries(Object.entries(gifs).map(([key, value]) => [key, value.map(url => ({
+  url,
+  isShown: false,
+  group: key
+}))]));
+export const getGifLabel = relatedGroup => {
+  if (relatedGroup === 2) {
+    return 'gifCelebrations.onTheWay';
+  }
+  if (relatedGroup === 3) {
+    return 'gifCelebrations.almostThere';
+  }
+  return 'gifCelebrations.greatStart';
+};
+export const getProgressLineWidth = completedPercent => {
+  if (completedPercent <= 9) {
+    return MIN_WIDTH_FOR_ONE_DIGIT;
+  }
+  if (completedPercent <= 15) {
+    return MIN_WIDTH_FOR_TWO_DIGITS;
+  }
+  return completedPercent;
+};
+export const findGroupForPercentage = percentage => {
+  if (percentage <= 30) {
+    return 'group1';
+  }
+  if (percentage < 60) {
+    return 'group2';
+  }
+  return 'group3';
+};
+export const getImagePath = async (url, cacheMethod) => {
+  if (cacheMethod) {
+    const path = await cacheMethod(url);
+    if (path) return path;
+  } else {
+    // @ts-ignore
+    const isImagesStored = await Image.queryCache([url]).then(images => !!images[url]);
+    if (isImagesStored) return url;
+  }
+  throw new Error('Image not found in cache');
+};
+export const constrainDimension = (value, min, max) => Math.max(min, Math.min(max, value));
+export const shouldRefreshGifs = timestamp => {
+  if (!timestamp) return true;
+  const REFRESH_INTERVAL_HOURS = 24;
+  const lastFetchedDate = new Date(timestamp);
+  const currentDate = new Date();
+  const diffInHours = (currentDate.getTime() - lastFetchedDate.getTime()) / (1000 * 60 * 60);
+  return diffInHours > REFRESH_INTERVAL_HOURS;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/module/features/gifCelebrations/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","Image","generateProblemsGifsTable","problemsAmount","resolvedProblems","gifs","percentageMilestones","getPercentageMilestones","result","percentage","problemNumber","Math","ceil","groupKey","findGroupForPercentage","gifsInGroup","length","unshownGif","find","gif","isShown","selectedGif","url","group","generateGifsStructure","Object","fromEntries","entries","map","key","value","getGifLabel","relatedGroup","getProgressLineWidth","completedPercent","getImagePath","cacheMethod","path","isImagesStored","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":[]}

package/dist/module/features/gifCelebrations/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { GifCelebrations } from "./GifCelebrations.js";
+export { GifCelebrationsModel } from "./model/GifCelebrations.model.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/gifCelebrations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GifCelebrations","GifCelebrationsModel"],"sourceRoot":"../../../../src","sources":["features/gifCelebrations/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,oBAAoB,QAAQ,kCAA+B","ignoreList":[]}

package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { createEffect, createEvent, createStore, sample } from 'effector';
+import { GifCelebrationsApi } from "./GifCelebrationsApi.js";
+import { GifCelebrationsCache } from "./GifCelebrationsCache.js";
+import { generateProblemsGifsTable, shouldRefreshGifs } from "../helpers.js";
+import { MIN_PROBLEMS_TO_SHOW_GIF, GIFS_FETCHED_KEY } from "../constants.js";
+export class GifCelebrationsModel {
+  play = createEvent();
+  stop = createEvent();
+  resetGifTriggerable = createEvent();
+  setGifTriggerable = createEvent();
+  $isGifTriggerable = createStore(false).reset(this.resetGifTriggerable).reset(this.stop).on(this.setGifTriggerable, (_, isGifCelebrationMayBeTriggered) => isGifCelebrationMayBeTriggered);
+  resetProblemsGifsTable = createEvent();
+  $problemsGifsTable = createStore(null).reset(this.resetProblemsGifsTable);
+  setActiveGif = createEvent();
+  $activeGif = createStore(null).reset(this.stop).reset(this.resetGifTriggerable).on(this.setActiveGif, (_, gif) => gif);
+  initialize = createEvent();
+  constructor({
+    api,
+    problemsAmount,
+    resolvedProblemsAmount,
+    customLocalStorage,
+    customGetCachePathMethod,
+    customPrefetchMethod
+  }) {
+    this.api = new GifCelebrationsApi(api);
+    this.cache = new GifCelebrationsCache({
+      customGetCachePathMethod,
+      customPrefetchMethod
+    });
+    this.$problemsAmount = problemsAmount;
+    this.$resolvedProblemsAmount = resolvedProblemsAmount;
+    this.localStorage = customLocalStorage || localStorage;
+    this.setupEventHandlers();
+  }
+  setupEventHandlers() {
+    sample({
+      clock: this.initialize,
+      source: this.cache.$gifs,
+      filter: gifs => {
+        if (!gifs) return true;
+        const gifsFetchedTimestamp = this.localStorage.getItem(GIFS_FETCHED_KEY);
+        return shouldRefreshGifs(gifsFetchedTimestamp);
+      },
+      target: this.api.getGifsFx
+    });
+    sample({
+      source: this.api.getGifsFx.doneData,
+      filter: response => response.ok,
+      fn: response => response.data,
+      target: this.cache.initialSet
+    });
+    sample({
+      source: this.api.getGifsFx.doneData,
+      filter: response => response.ok,
+      target: createEffect(() => {
+        this.localStorage.setItem(GIFS_FETCHED_KEY, new Date().toISOString());
+      })
+    });
+    sample({
+      clock: [this.initialize, this.api.getGifsFx.doneData],
+      source: {
+        gifs: this.cache.$gifs,
+        problemsAmount: this.$problemsAmount,
+        resolvedProblemsAmount: this.$resolvedProblemsAmount
+      },
+      filter: ({
+        gifs
+      }) => !!gifs,
+      fn: ({
+        problemsAmount,
+        resolvedProblemsAmount,
+        gifs
+      }) => {
+        if (!gifs || problemsAmount < MIN_PROBLEMS_TO_SHOW_GIF) return null;
+        return generateProblemsGifsTable(problemsAmount, resolvedProblemsAmount, gifs);
+      },
+      target: this.$problemsGifsTable
+    });
+    sample({
+      source: this.$problemsGifsTable,
+      filter: problemsGifsTable => !!problemsGifsTable,
+      fn: problemsGifsTable => {
+        if (!problemsGifsTable) return [];
+        return Object.values(problemsGifsTable).map(gif => gif.url);
+      },
+      target: this.cache.prefetchGifs
+    });
+    sample({
+      clock: this.play,
+      source: {
+        isGifCelebrationMayBeTriggered: this.$isGifTriggerable,
+        gifsGroups: this.cache.$gifs,
+        resolvedProblemsAmount: this.$resolvedProblemsAmount,
+        problemsGifsTable: this.$problemsGifsTable
+      },
+      filter: ({
+        isGifCelebrationMayBeTriggered,
+        gifsGroups,
+        problemsGifsTable
+      }) => !!(isGifCelebrationMayBeTriggered && gifsGroups && problemsGifsTable),
+      fn: sources => sources,
+      target: this.updateGifShownStatus
+    });
+  }
+  updateGifShownStatus = createEffect(({
+    gifsGroups,
+    resolvedProblemsAmount,
+    problemsGifsTable
+  }) => {
+    const gifToShow = problemsGifsTable[resolvedProblemsAmount];
+    const groupName = gifToShow.group;
+    const gifsInGroup = gifsGroups[groupName];
+    const selectedGifIndex = gifsInGroup?.findIndex(gif => gif.url === gifToShow.url);
+    if (!gifsInGroup || selectedGifIndex === -1) {
+      console.warn(`Gif with URL ${gifToShow.url} not found in group ${groupName}`);
+      return;
+    }
+    const updatedGifsInGroup = gifsInGroup.map((gif, index) => ({
+      ...gif,
+      isShown: index === selectedGifIndex ? true : gif.isShown
+    }));
+    this.cache.set({
+      ...gifsGroups,
+      [groupName]: updatedGifsInGroup
+    });
+    this.setActiveGif(gifToShow);
+  });
+}
+//# sourceMappingURL=GifCelebrations.model.js.map

package/dist/module/features/gifCelebrations/model/GifCelebrations.model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","createEvent","createStore","sample","GifCelebrationsApi","GifCelebrationsCache","generateProblemsGifsTable","shouldRefreshGifs","MIN_PROBLEMS_TO_SHOW_GIF","GIFS_FETCHED_KEY","GifCelebrationsModel","play","stop","resetGifTriggerable","setGifTriggerable","$isGifTriggerable","reset","on","_","isGifCelebrationMayBeTriggered","resetProblemsGifsTable","$problemsGifsTable","setActiveGif","$activeGif","gif","initialize","constructor","api","problemsAmount","resolvedProblemsAmount","customLocalStorage","customGetCachePathMethod","customPrefetchMethod","cache","$problemsAmount","$resolvedProblemsAmount","localStorage","setupEventHandlers","clock","source","$gifs","filter","gifs","gifsFetchedTimestamp","getItem","target","getGifsFx","doneData","response","ok","fn","data","initialSet","setItem","Date","toISOString","problemsGifsTable","Object","values","map","url","prefetchGifs","gifsGroups","sources","updateGifShownStatus","gifToShow","groupName","group","gifsInGroup","selectedGifIndex","findIndex","console","warn","updatedGifsInGroup","index","isShown","set"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/model/GifCelebrations.model.ts"],"mappings":"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","ignoreList":[]}