@cuemath/leap 2.8.25 → 2.8.26

package/dist/assets/lottie/lottie.js

@@ -0,0 +1,61 @@
+const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
+  ACCURACY_METER: `${t}static/accuracy-meter.99585cba.json`,
+  ACCURACY_NEEDLE: `${t}static/accuracy-needle.cd6e63ac.json`,
+  BEGINNER1X: `${t}static/beginner1x.489908a7.json`,
+  BRONZE_1: `${t}static/bronze-1.da4e4b5f.json`,
+  BRONZE_2: `${t}static/bronze-2.97f9c639.json`,
+  BRONZE_3: `${t}static/bronze-3.6a433ebd.json`,
+  CIRCULAR_LOADER: `${t}static/circular-loader.a5a1a0a6.json`,
+  CLOCK_30MIN: `${t}static/clock-30min.eae818b8.json`,
+  CLOCK_45MIN: `${t}static/clock-45min.df8adf51.json`,
+  CLOCK_60MIN: `${t}static/clock-60min.2b48d875.json`,
+  CLOCK_90MIN: `${t}static/clock-90min.3e557ed7.json`,
+  COLOR_1: `${t}static/color-1.45101b9a.json`,
+  COLOR_2: `${t}static/color-2.ccdc7d0a.json`,
+  COLOR_3: `${t}static/color-3.5e8e1422.json`,
+  DIFFICULT: `${t}static/difficult.6846c064.json`,
+  EASY: `${t}static/easy.68242ddd.json`,
+  EASY_RESCHEDULING_LOTTIE: `${t}static/easy-rescheduling-lottie.28026af9.json`,
+  ELITE_CIRCLE: `${t}static/elite-circle.3df58972.json`,
+  ERROR_LOTTIE: `${t}static/error-lottie.b3507a4b.json`,
+  FAMILIAR1X: `${t}static/familiar1x.7c9c7f15.json`,
+  FIFTEEN_MIN_CLOCK: `${t}static/fifteen-min-clock.0af4e303.json`,
+  FIVE_MIN_CLOCK: `${t}static/five-min-clock.6be5cc41.json`,
+  GOLD_1: `${t}static/gold-1.ab2489fe.json`,
+  GOLD_2: `${t}static/gold-2.34045826.json`,
+  GOLD_3: `${t}static/gold-3.d704698b.json`,
+  LEVELUP_RINGS: `${t}static/levelup-rings.b1055283.json`,
+  MEDIUM: `${t}static/medium.94c3829b.json`,
+  NUDGE_TAP: `${t}static/nudge-tap.5cb30093.json`,
+  POINT100: `${t}static/point100.1df16f82.json`,
+  POINT10: `${t}static/point10.7b5e536d.json`,
+  POINT15: `${t}static/point15.fea00c32.json`,
+  POINT1: `${t}static/point1.b53831de.json`,
+  POINT20: `${t}static/point20.c88d776d.json`,
+  POINT25: `${t}static/point25.a18c346a.json`,
+  POINT30: `${t}static/point30.c5224b0b.json`,
+  POINT35: `${t}static/point35.fad343dd.json`,
+  POINT40: `${t}static/point40.10a16f72.json`,
+  POINT45: `${t}static/point45.2ad7561f.json`,
+  POINT50: `${t}static/point50.5718cb3d.json`,
+  POINT5: `${t}static/point5.da40ed1f.json`,
+  POINT60: `${t}static/point60.17380d9f.json`,
+  PROFICIENT1X: `${t}static/proficient1x.fa6e7b80.json`,
+  SILVER_1: `${t}static/silver-1.0396328a.json`,
+  SILVER_2: `${t}static/silver-2.bf50615f.json`,
+  SILVER_3: `${t}static/silver-3.13d66b84.json`,
+  SLEEPY_BOI: `${t}static/sleepy-boi.031a1165.json`,
+  SPINNER_WHITE: `${t}static/spinner-white.639e0d87.json`,
+  SPLASH_SCREEN: `${t}static/splash-screen.bbf567ce.json`,
+  STAY_CONNECTED_LOTTIE: `${t}static/stay-connected-lottie.111439b3.json`,
+  TEACHER_VALIDATION: `${t}static/teacher-validation.7577ecdc.json`,
+  TOTAL_STREAK: `${t}static/total-streak.d5ce7669.json`,
+  TOTAL_TIME: `${t}static/total-time.d979cbb9.json`,
+  TOTAL_TIME_SPENT: `${t}static/total-time-spent.434005d3.json`,
+  TOURNAMENT_RIPPLE: `${t}static/tournament-ripple.e5c239a5.json`,
+  TRACK_PROGRESS_LOTTIE: `${t}static/track-progress-lottie.422108cf.json`
+};
+export {
+  s as LOTTIE
+};
+//# sourceMappingURL=lottie.js.map

package/dist/assets/lottie/lottie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie.js","sources":["../../../src/assets/lottie/lottie.ts"],"sourcesContent":["const PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\nconst LOTTIE = {\n  ACCURACY_METER: `${PREFIX}static/accuracy-meter.99585cba.json`,\n  ACCURACY_NEEDLE: `${PREFIX}static/accuracy-needle.cd6e63ac.json`,\n  BEGINNER1X: `${PREFIX}static/beginner1x.489908a7.json`,\n  BRONZE_1: `${PREFIX}static/bronze-1.da4e4b5f.json`,\n  BRONZE_2: `${PREFIX}static/bronze-2.97f9c639.json`,\n  BRONZE_3: `${PREFIX}static/bronze-3.6a433ebd.json`,\n  CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n  CLOCK_30MIN: `${PREFIX}static/clock-30min.eae818b8.json`,\n  CLOCK_45MIN: `${PREFIX}static/clock-45min.df8adf51.json`,\n  CLOCK_60MIN: `${PREFIX}static/clock-60min.2b48d875.json`,\n  CLOCK_90MIN: `${PREFIX}static/clock-90min.3e557ed7.json`,\n  COLOR_1: `${PREFIX}static/color-1.45101b9a.json`,\n  COLOR_2: `${PREFIX}static/color-2.ccdc7d0a.json`,\n  COLOR_3: `${PREFIX}static/color-3.5e8e1422.json`,\n  DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n  EASY: `${PREFIX}static/easy.68242ddd.json`,\n  EASY_RESCHEDULING_LOTTIE: `${PREFIX}static/easy-rescheduling-lottie.28026af9.json`,\n  ELITE_CIRCLE: `${PREFIX}static/elite-circle.3df58972.json`,\n  ERROR_LOTTIE: `${PREFIX}static/error-lottie.b3507a4b.json`,\n  FAMILIAR1X: `${PREFIX}static/familiar1x.7c9c7f15.json`,\n  FIFTEEN_MIN_CLOCK: `${PREFIX}static/fifteen-min-clock.0af4e303.json`,\n  FIVE_MIN_CLOCK: `${PREFIX}static/five-min-clock.6be5cc41.json`,\n  GOLD_1: `${PREFIX}static/gold-1.ab2489fe.json`,\n  GOLD_2: `${PREFIX}static/gold-2.34045826.json`,\n  GOLD_3: `${PREFIX}static/gold-3.d704698b.json`,\n  LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n  MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n  NUDGE_TAP: `${PREFIX}static/nudge-tap.5cb30093.json`,\n  POINT100: `${PREFIX}static/point100.1df16f82.json`,\n  POINT10: `${PREFIX}static/point10.7b5e536d.json`,\n  POINT15: `${PREFIX}static/point15.fea00c32.json`,\n  POINT1: `${PREFIX}static/point1.b53831de.json`,\n  POINT20: `${PREFIX}static/point20.c88d776d.json`,\n  POINT25: `${PREFIX}static/point25.a18c346a.json`,\n  POINT30: `${PREFIX}static/point30.c5224b0b.json`,\n  POINT35: `${PREFIX}static/point35.fad343dd.json`,\n  POINT40: `${PREFIX}static/point40.10a16f72.json`,\n  POINT45: `${PREFIX}static/point45.2ad7561f.json`,\n  POINT50: `${PREFIX}static/point50.5718cb3d.json`,\n  POINT5: `${PREFIX}static/point5.da40ed1f.json`,\n  POINT60: `${PREFIX}static/point60.17380d9f.json`,\n  PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n  SILVER_1: `${PREFIX}static/silver-1.0396328a.json`,\n  SILVER_2: `${PREFIX}static/silver-2.bf50615f.json`,\n  SILVER_3: `${PREFIX}static/silver-3.13d66b84.json`,\n  SLEEPY_BOI: `${PREFIX}static/sleepy-boi.031a1165.json`,\n  SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n  SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n  STAY_CONNECTED_LOTTIE: `${PREFIX}static/stay-connected-lottie.111439b3.json`,\n  TEACHER_VALIDATION: `${PREFIX}static/teacher-validation.7577ecdc.json`,\n  TOTAL_STREAK: `${PREFIX}static/total-streak.d5ce7669.json`,\n  TOTAL_TIME: `${PREFIX}static/total-time.d979cbb9.json`,\n  TOTAL_TIME_SPENT: `${PREFIX}static/total-time-spent.434005d3.json`,\n  TOURNAMENT_RIPPLE: `${PREFIX}static/tournament-ripple.e5c239a5.json`,\n  TRACK_PROGRESS_LOTTIE: `${PREFIX}static/track-progress-lottie.422108cf.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"AAAA,MAAMA,IAAS,OAAO,kBAAkB,OAAO,kBAAkB,KAE3DC,IAAS;AAAA,EACb,gBAAgB,GAAGD,CAAM;AAAA,EACzB,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,YAAY,GAAGA,CAAM;AAAA,EACrB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,WAAW,GAAGA,CAAM;AAAA,EACpB,MAAM,GAAGA,CAAM;AAAA,EACf,0BAA0B,GAAGA,CAAM;AAAA,EACnC,cAAc,GAAGA,CAAM;AAAA,EACvB,cAAc,GAAGA,CAAM;AAAA,EACvB,YAAY,GAAGA,CAAM;AAAA,EACrB,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,gBAAgB,GAAGA,CAAM;AAAA,EACzB,QAAQ,GAAGA,CAAM;AAAA,EACjB,QAAQ,GAAGA,CAAM;AAAA,EACjB,QAAQ,GAAGA,CAAM;AAAA,EACjB,eAAe,GAAGA,CAAM;AAAA,EACxB,QAAQ,GAAGA,CAAM;AAAA,EACjB,WAAW,GAAGA,CAAM;AAAA,EACpB,UAAU,GAAGA,CAAM;AAAA,EACnB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,cAAc,GAAGA,CAAM;AAAA,EACvB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,YAAY,GAAGA,CAAM;AAAA,EACrB,eAAe,GAAGA,CAAM;AAAA,EACxB,eAAe,GAAGA,CAAM;AAAA,EACxB,uBAAuB,GAAGA,CAAM;AAAA,EAChC,oBAAoB,GAAGA,CAAM;AAAA,EAC7B,cAAc,GAAGA,CAAM;AAAA,EACvB,YAAY,GAAGA,CAAM;AAAA,EACrB,kBAAkB,GAAGA,CAAM;AAAA,EAC3B,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,uBAAuB,GAAGA,CAAM;AAClC;"}

package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js

@@ -1,114 +1,116 @@
-import { jsxs as A, jsx as t } from "react/jsx-runtime";
-import R from "lottie-web";
-import { memo as M, forwardRef as v, useRef as f, useState as S, useCallback as u, useImperativeHandle as w, useEffect as b } from "react";
-import F from "../../../../../assets/line-icons/icons/check.js";
-import x from "../../../../../assets/lotties/circle/levelup-rings-lottie.json.js";
-import { fetchLottie as j } from "./fetch-lottie.js";
-import { SegmentedCard as D, ExtendedFlexView as G, AnimatedLabel as B, SegmentedCardWrapper as O, CircularProgressLottieContainer as q, SegmentLeft as z, SegmentRight as J, SegmentBottom as K, SegmentContainer as N, SegmentContentContainer as Q, SegmentAssetContainer as U, SegmentOverlay as X, IconWrapper as Y } from "./segmented-game-card-styled.js";
-const T = ({
-  segmentType: e,
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import k from "lottie-web";
+import { memo as v, forwardRef as H, useRef as L, useState as C, useCallback as f, useImperativeHandle as w, useMemo as I, useEffect as F } from "react";
+import x from "../../../../../assets/line-icons/icons/check.js";
+import { LOTTIE as G } from "../../../../../assets/lottie/lottie.js";
+import { fetchLottie as j } from "../../../../ui/lottie-animation/helper.js";
+import O from "../../../../ui/lottie-animation/lottie-animation.js";
+import { SegmentedCard as U, ExtendedFlexView as B, AnimatedLabel as D, SegmentedCardWrapper as N, CircularProgressLottieContainer as q, SegmentLeft as z, SegmentRight as J, SegmentBottom as K, SegmentContainer as Q, SegmentContentContainer as V, SegmentAssetContainer as X, SegmentOverlay as Y, IconWrapper as Z } from "./segmented-game-card-styled.js";
+const S = ({
+  segmentType: t,
   isCompleted: i,
-  card: l,
-  name: m,
+  card: m,
+  name: l,
   onMouseEnter: s
 }) => {
-  const c = f(null);
-  b(() => {
-    let r = null;
+  const c = L(null);
+  F(() => {
+    let o = null;
     return (async () => {
-      const p = await j(l);
-      r = R.loadAnimation({
+      const d = await j(m);
+      o = k.loadAnimation({
         container: c.current,
         renderer: "canvas",
         loop: !0,
         autoplay: !0,
-        animationData: p
+        animationData: d
       });
-    })(), () => r == null ? void 0 : r.destroy();
-  }, [l]);
-  const d = u(() => s(m), [s, m]);
-  return /* @__PURE__ */ t(N, { children: /* @__PURE__ */ A(Q, { $segmentType: e, onMouseEnter: d, children: [
-    /* @__PURE__ */ t(U, { ref: c, $segmentType: e }),
-    i && /* @__PURE__ */ t(X, { $segmentType: e, children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(F, { color: "#fff", height: 40, width: 40 }) }) })
+    })(), () => o == null ? void 0 : o.destroy();
+  }, [m]);
+  const a = f(() => s(l), [s, l]);
+  return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ T(V, { $segmentType: t, onMouseEnter: a, children: [
+    /* @__PURE__ */ e(X, { ref: c, $segmentType: t }),
+    i && /* @__PURE__ */ e(Y, { $segmentType: t, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(x, { color: "#fff", height: 40, width: 40 }) }) })
   ] }) });
-}, Z = ({ data: e, label: i, initialValue: l = 0, value: m, maxValue: s = 1 }, c) => {
-  const d = f(null), r = f(null), g = f(null), [p, y] = S(i), [L, E] = S(!1), [I, $] = S("WHITE_T_87"), P = p !== i, h = u((n) => {
-    y(n);
-  }, []), W = u(() => {
-    y(i);
-  }, [i]), C = (n) => {
-    var o, a;
-    (a = (o = e[n]) == null ? void 0 : o.onPress) == null || a.call(o);
-  }, _ = u((n) => {
-    E(!0), $(n);
+}, ee = ({ data: t, label: i, initialValue: m = 0, value: l, maxValue: s = 1 }, c) => {
+  const a = L(null), o = L(null), [u, d] = C(i), [A, y] = C(!1), [b, P] = C("WHITE_T_87"), R = u !== i, g = f((n) => {
+    d(n);
+  }, []), _ = f(() => {
+    d(i);
+  }, [i]), h = (n) => {
+    var r, p;
+    (p = (r = t[n]) == null ? void 0 : r.onPress) == null || p.call(r);
+  }, $ = f((n) => {
+    y(!0), P(n);
   }, []);
-  return w(c, () => ({
-    labelRef: r,
-    segmentedCardWrapperRef: g,
-    startLabelAnimation: _
-  })), b(() => {
-    const n = R.loadAnimation({
-      container: d.current,
-      renderer: "canvas",
-      autoplay: !1,
-      loop: !1,
-      animationData: x
-    });
+  w(c, () => ({
+    labelRef: a,
+    segmentedCardWrapperRef: o,
+    startLabelAnimation: $
+  }));
+  const E = I(() => {
     if (s <= 0)
       return;
-    const o = 92, a = o / s, k = Math.min(a * l, o), H = Math.min(a * m + 1, o);
-    return n.playSegments([k, H], !0), () => {
-      n.destroy();
-    };
-  }, [l, m, s]), /* @__PURE__ */ A(D, { children: [
-    /* @__PURE__ */ t(G, { $position: "absolute", children: /* @__PURE__ */ t(
-      B,
+    const n = 92, r = n / s, p = Math.min(r * m, n), W = Math.min(r * l + 1, n);
+    return [p, W];
+  }, [m, s, l]), M = I(
+    () => ({
+      renderer: "canvas",
+      autoplay: !0,
+      loop: !1,
+      initialSegment: E
+    }),
+    [E]
+  );
+  return /* @__PURE__ */ T(U, { children: [
+    /* @__PURE__ */ e(B, { $position: "absolute", children: /* @__PURE__ */ e(
+      D,
       {
-        ref: r,
+        ref: a,
         $renderAs: "ac3",
         $align: "center",
-        $color: L ? I : P ? "WHITE_T_87" : "WHITE_T_60",
-        isAnimated: L,
-        children: p
+        $color: A ? b : R ? "WHITE_T_87" : "WHITE_T_60",
+        isAnimated: A,
+        children: u
       }
     ) }),
-    /* @__PURE__ */ A(O, { ref: g, onMouseLeave: W, children: [
-      /* @__PURE__ */ t(q, { ref: d }),
-      /* @__PURE__ */ t(z, { onClick: () => C(0), children: /* @__PURE__ */ t(
-        T,
+    /* @__PURE__ */ T(N, { ref: o, onMouseLeave: _, children: [
+      /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(O, { src: G.LEVELUP_RINGS, settings: M }) }),
+      /* @__PURE__ */ e(z, { onClick: () => h(0), children: /* @__PURE__ */ e(
+        S,
         {
           segmentType: "left",
-          card: e[0].card,
-          name: e[0].name,
-          isCompleted: e[0].isCompleted,
-          onMouseEnter: h
+          card: t[0].card,
+          name: t[0].name,
+          isCompleted: t[0].isCompleted,
+          onMouseEnter: g
         }
       ) }),
-      /* @__PURE__ */ t(J, { onClick: () => C(1), children: /* @__PURE__ */ t(
-        T,
+      /* @__PURE__ */ e(J, { onClick: () => h(1), children: /* @__PURE__ */ e(
+        S,
         {
           segmentType: "right",
-          card: e[1].card,
-          name: e[1].name,
-          isCompleted: e[1].isCompleted,
-          onMouseEnter: h
+          card: t[1].card,
+          name: t[1].name,
+          isCompleted: t[1].isCompleted,
+          onMouseEnter: g
         }
       ) }),
-      /* @__PURE__ */ t(K, { onClick: () => C(2), children: /* @__PURE__ */ t(
-        T,
+      /* @__PURE__ */ e(K, { onClick: () => h(2), children: /* @__PURE__ */ e(
+        S,
         {
           segmentType: "bottom",
-          card: e[2].card,
-          name: e[2].name,
-          isCompleted: e[2].isCompleted,
-          onMouseEnter: h
+          card: t[2].card,
+          name: t[2].name,
+          isCompleted: t[2].isCompleted,
+          onMouseEnter: g
         }
       ) })
     ] })
   ] });
-}, se = M(v(Z));
+}, ce = v(H(ee));
 export {
-  T as SegmentContent,
-  se as SegmentedGameCard
+  S as SegmentContent,
+  ce as SegmentedGameCard
 };
 //# sourceMappingURL=segmented-game-card.js.map

package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IGameCardSegmentContentProps,\n  ISegmentedGameCardProps,\n  ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ForwardRefRenderFunction } from 'react';\n\nimport Lottie from 'lottie-web';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport progressRingLottie from '../../../../../assets/lotties/circle/levelup-rings-lottie.json';\nimport { fetchLottie } from './fetch-lottie';\nimport * as Styled from './segmented-game-card-styled';\n\nexport const SegmentContent: FC<IGameCardSegmentContentProps> = ({\n  segmentType,\n  isCompleted,\n  card,\n  name,\n  onMouseEnter,\n}) => {\n  const lottieAnimationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let animation: AnimationItem | null = null;\n\n    const loadLottie = async () => {\n      const lottie = await fetchLottie(card);\n\n      animation = Lottie.loadAnimation({\n        container: lottieAnimationRef.current as Element,\n        renderer: 'canvas',\n        loop: true,\n        autoplay: true,\n        animationData: lottie,\n      });\n    };\n\n    loadLottie();\n\n    return () => {\n      return animation?.destroy();\n    };\n  }, [card]);\n\n  const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n  return (\n    <Styled.SegmentContainer>\n      <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n        <Styled.SegmentAssetContainer ref={lottieAnimationRef} $segmentType={segmentType} />\n        {isCompleted && (\n          <Styled.SegmentOverlay $segmentType={segmentType}>\n            <Styled.IconWrapper>\n              <CheckIcon color=\"#fff\" height={40} width={40} />\n            </Styled.IconWrapper>\n          </Styled.SegmentOverlay>\n        )}\n      </Styled.SegmentContentContainer>\n    </Styled.SegmentContainer>\n  );\n};\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n  ISegmentedGameCardRefs,\n  ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const lottieAnimationRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLDivElement>(null);\n  const segmentedCardWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [label, setLabel] = useState<string>(gameCategoryLabel);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const isLabelHighlighted = label !== gameCategoryLabel;\n\n  const onMouseEnter = useCallback((gameName: string) => {\n    setLabel(gameName);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    setLabel(gameCategoryLabel);\n  }, [gameCategoryLabel]);\n\n  const onSegmentPress = (index: number) => {\n    data[index]?.onPress?.();\n  };\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    segmentedCardWrapperRef,\n    startLabelAnimation,\n  }));\n\n  useEffect(() => {\n    const animation = Lottie.loadAnimation({\n      container: lottieAnimationRef.current as Element,\n      renderer: 'canvas',\n      autoplay: false,\n      loop: false,\n      animationData: progressRingLottie,\n    });\n\n    // handle progress lottie\n    // total frames in 100% progress are 90 frames\n    if (maxValue <= 0) {\n      return;\n    }\n\n    const totalFrames = 92;\n    const framesPerValue = totalFrames / maxValue;\n\n    const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n    const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n    animation.playSegments([initialFrameToPlay, finalFrameToPlay], true);\n\n    return () => {\n      animation.destroy();\n    };\n  }, [initialValue, value, maxValue]);\n\n  return (\n    <Styled.SegmentedCard>\n      <Styled.ExtendedFlexView $position=\"absolute\">\n        <Styled.AnimatedLabel\n          ref={labelRef}\n          $renderAs=\"ac3\"\n          $align=\"center\"\n          $color={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n          isAnimated={isAnimated}\n        >\n          {label}\n        </Styled.AnimatedLabel>\n      </Styled.ExtendedFlexView>\n      <Styled.SegmentedCardWrapper ref={segmentedCardWrapperRef} onMouseLeave={onMouseLeave}>\n        <Styled.CircularProgressLottieContainer ref={lottieAnimationRef} />\n        {/* left segment */}\n        <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n          <SegmentContent\n            segmentType={'left'}\n            card={data[0]!.card}\n            name={data[0]!.name}\n            isCompleted={data[0]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentLeft>\n\n        {/* right segment */}\n        <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n          <SegmentContent\n            segmentType={'right'}\n            card={data[1]!.card}\n            name={data[1]!.name}\n            isCompleted={data[1]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentRight>\n\n        {/* bottom segment */}\n        <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n          <SegmentContent\n            segmentType={'bottom'}\n            card={data[2]!.card}\n            name={data[2]!.name}\n            isCompleted={data[2]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentBottom>\n      </Styled.SegmentedCardWrapper>\n    </Styled.SegmentedCard>\n  );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["SegmentContent","segmentType","isCompleted","card","name","onMouseEnter","lottieAnimationRef","useRef","useEffect","animation","lottie","fetchLottie","Lottie","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","segmentedCardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","progressRingLottie","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","Styled.SegmentedCard","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.SegmentedCardWrapper","Styled.CircularProgressLottieContainer","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IGameCardSegmentContentProps,\n  ISegmentedGameCardProps,\n  ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ForwardRefRenderFunction } from 'react';\n\nimport Lottie from 'lottie-web';\nimport {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { fetchLottie } from '../../../../ui/lottie-animation/helper';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './segmented-game-card-styled';\n\nexport const SegmentContent: FC<IGameCardSegmentContentProps> = ({\n  segmentType,\n  isCompleted,\n  card,\n  name,\n  onMouseEnter,\n}) => {\n  const lottieAnimationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let animation: AnimationItem | null = null;\n\n    const loadLottie = async () => {\n      const lottie = await fetchLottie(card);\n\n      animation = Lottie.loadAnimation({\n        container: lottieAnimationRef.current as Element,\n        renderer: 'canvas',\n        loop: true,\n        autoplay: true,\n        animationData: lottie,\n      });\n    };\n\n    loadLottie();\n\n    return () => {\n      return animation?.destroy();\n    };\n  }, [card]);\n\n  const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n  return (\n    <Styled.SegmentContainer>\n      <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n        <Styled.SegmentAssetContainer ref={lottieAnimationRef} $segmentType={segmentType} />\n        {isCompleted && (\n          <Styled.SegmentOverlay $segmentType={segmentType}>\n            <Styled.IconWrapper>\n              <CheckIcon color=\"#fff\" height={40} width={40} />\n            </Styled.IconWrapper>\n          </Styled.SegmentOverlay>\n        )}\n      </Styled.SegmentContentContainer>\n    </Styled.SegmentContainer>\n  );\n};\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n  ISegmentedGameCardRefs,\n  ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n  const labelRef = useRef<HTMLDivElement>(null);\n  const segmentedCardWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [label, setLabel] = useState<string>(gameCategoryLabel);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n  const isLabelHighlighted = label !== gameCategoryLabel;\n\n  const onMouseEnter = useCallback((gameName: string) => {\n    setLabel(gameName);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    setLabel(gameCategoryLabel);\n  }, [gameCategoryLabel]);\n\n  const onSegmentPress = (index: number) => {\n    data[index]?.onPress?.();\n  };\n\n  const startLabelAnimation = useCallback((color: TColorNames) => {\n    setIsAnimated(true);\n    setAnimatedColor(color);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    labelRef,\n    segmentedCardWrapperRef,\n    startLabelAnimation,\n  }));\n\n  const animationSegments: [number, number] | undefined = useMemo(() => {\n    if (maxValue <= 0) {\n      return;\n    }\n\n    const totalFrames = 92;\n    const framesPerValue = totalFrames / maxValue;\n\n    const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n    const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n    return [initialFrameToPlay, finalFrameToPlay];\n  }, [initialValue, maxValue, value]);\n\n  const levelUpAnimationSettings = useMemo(\n    () => ({\n      renderer: 'canvas',\n      autoplay: true,\n      loop: false,\n      initialSegment: animationSegments,\n    }),\n    [animationSegments],\n  );\n\n  return (\n    <Styled.SegmentedCard>\n      <Styled.ExtendedFlexView $position=\"absolute\">\n        <Styled.AnimatedLabel\n          ref={labelRef}\n          $renderAs=\"ac3\"\n          $align=\"center\"\n          $color={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n          isAnimated={isAnimated}\n        >\n          {label}\n        </Styled.AnimatedLabel>\n      </Styled.ExtendedFlexView>\n      <Styled.SegmentedCardWrapper ref={segmentedCardWrapperRef} onMouseLeave={onMouseLeave}>\n        <Styled.CircularProgressLottieContainer>\n          <LottieAnimation src={LOTTIE.LEVELUP_RINGS} settings={levelUpAnimationSettings} />\n        </Styled.CircularProgressLottieContainer>\n        {/* left segment */}\n        <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n          <SegmentContent\n            segmentType={'left'}\n            card={data[0]!.card}\n            name={data[0]!.name}\n            isCompleted={data[0]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentLeft>\n\n        {/* right segment */}\n        <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n          <SegmentContent\n            segmentType={'right'}\n            card={data[1]!.card}\n            name={data[1]!.name}\n            isCompleted={data[1]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentRight>\n\n        {/* bottom segment */}\n        <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n          <SegmentContent\n            segmentType={'bottom'}\n            card={data[2]!.card}\n            name={data[2]!.name}\n            isCompleted={data[2]!.isCompleted}\n            onMouseEnter={onMouseEnter}\n          />\n        </Styled.SegmentBottom>\n      </Styled.SegmentedCardWrapper>\n    </Styled.SegmentedCard>\n  );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["SegmentContent","segmentType","isCompleted","card","name","onMouseEnter","lottieAnimationRef","useRef","useEffect","animation","lottie","fetchLottie","Lottie","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","segmentedCardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","Styled.SegmentedCard","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.SegmentedCardWrapper","Styled.CircularProgressLottieContainer","LottieAnimation","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","memo","forwardRef"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/game-launcher.js

@@ -1,33 +1,34 @@
 import { jsx as r } from "react/jsx-runtime";
-import T from "lottie-web";
-import { memo as h, useState as R, useRef as S, useMemo as P, useEffect as x } from "react";
-import { CircularLoader as G } from "../../ui/loader/circular-loader/circular-loader.js";
-import { useCircleSounds as M } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { Carousel as V } from "./comps/carousel/carousel.js";
-import { SegmentedGameCard as i } from "./comps/segmented-game-card/segmented-game-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as z } from "./game-launcher-analytics-events.js";
-import { SleepyBoiLottyContainer as _ } from "./game-launcher-styled.js";
+import { memo as h, useState as C, useMemo as a, useEffect as _ } from "react";
+import { LOTTIE as b } from "../../../assets/lottie/lottie.js";
+import { CircularLoader as v } from "../../ui/loader/circular-loader/circular-loader.js";
+import S from "../../ui/lottie-animation/lottie-animation.js";
+import { useCircleSounds as G } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { Carousel as P } from "./comps/carousel/carousel.js";
+import { GAME_LAUNCHER_SIZE as R, GAME_LAUNCHER_ASSET_PADDING as M } from "./comps/segmented-game-card/constants.js";
+import { SegmentedGameCard as n } from "./comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as y } from "./game-launcher-analytics-events.js";
 import { useGameLauncherJourney as B } from "./use-game-launcher-journey/use-game-launcher-journey.js";
-import { ProjectType as t } from "../games/web-view/enums/project-type-enum.js";
-const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js"), Q = h(
-  ({ onSegmentClick: o, onJourneyComplete: g, journeyId: n, data: e, isLoading: C, defaultIndex: b = 0 }) => {
-    const [v, A] = R(b), m = S(null), { playSwipSound: u } = M(), {
-      gameRefs: a,
+import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
+const A = R + M, K = h(
+  ({ onSegmentClick: l, onJourneyComplete: x, journeyId: i, data: e, isLoading: I, defaultIndex: V = 0 }) => {
+    const [g, z] = C(V), { playSwipSound: t } = G(), {
+      gameRefs: u,
       lessonRefs: p,
-      puzzleRefs: c,
-      startJourney: f,
-      carouselNextBtnRef: y,
+      puzzleRefs: f,
+      startJourney: c,
+      carouselNextBtnRef: E,
       isJourneyInProgress: L
     } = B({
-      setCarouselIndex: A,
-      onSegmentClick: o,
-      onJourneyComplete: g
-    }), E = P(() => {
-      let l = [];
-      return e && (e.lessons && (l = [
-        ...l,
+      setCarouselIndex: z,
+      onSegmentClick: l,
+      onJourneyComplete: x
+    }), N = a(() => {
+      let o = [];
+      return e && (e.lessons && (o = [
+        ...o,
         /* @__PURE__ */ r(
-          i,
+          n,
           {
             ref: p,
             label: e.lessons.label,
@@ -38,16 +39,16 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.status === "completed",
-              onPress: () => s.status === "completed" ? void 0 : o(s, t.LESSON)
+              onPress: () => s.status === "completed" ? void 0 : l(s, m.LESSON)
             }))
           }
         )
-      ]), l = [
-        ...l,
+      ]), o = [
+        ...o,
         /* @__PURE__ */ r(
-          i,
+          n,
           {
-            ref: a,
+            ref: u,
             label: e.games.label,
             value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
@@ -56,14 +57,14 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: !1,
-              onPress: () => o(s, t.GAME)
+              onPress: () => l(s, m.GAME)
             }))
           }
         ),
         /* @__PURE__ */ r(
-          i,
+          n,
           {
-            ref: c,
+            ref: f,
             label: e.puzzles.label,
             value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
@@ -72,51 +73,46 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.solved,
-              onPress: () => o(s, t.PUZZLE)
+              onPress: () => l(s, m.PUZZLE)
             }))
           }
         )
-      ]), l;
-    }, [e, a, p, o, c]), I = P(
-      () => [/* @__PURE__ */ r(_, { ref: m })],
+      ]), o;
+    }, [e, u, p, l, f]), T = a(
+      () => [
+        /* @__PURE__ */ r(
+          S,
+          {
+            src: b.SLEEPY_BOI,
+            width: A,
+            height: A
+          }
+        )
+      ],
       []
     );
-    return x(() => {
-      let l = null;
-      return (async () => {
-        const N = (await J()).default;
-        l = T.loadAnimation({
-          container: m.current,
-          animationData: N,
-          autoplay: !0,
-          loop: !0,
-          renderer: "canvas"
-        });
-      })(), () => {
-        l == null || l.destroy();
-      };
-    }, []), x(() => {
-      e != null && e.puzzles && n && L && f(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), n);
-    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, n, f]), C ? /* @__PURE__ */ r(G, {}) : e ? /* @__PURE__ */ r(
-      V,
+    return _(() => {
+      e != null && e.puzzles && i && L && c(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), i);
+    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, i, c]), I ? /* @__PURE__ */ r(v, {}) : e ? /* @__PURE__ */ r(
+      P,
       {
-        ref: y,
-        items: E,
-        defaultIndex: v,
-        onNext: u,
-        onPrev: u,
+        ref: E,
+        items: N,
+        defaultIndex: g,
+        onNext: t,
+        onPrev: t,
         analyticsNext: {
-          analyticsLabel: z.NEXT_ACTIVITY
+          analyticsLabel: y.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: z.PREV_ACTIVITY
+          analyticsLabel: y.PREV_ACTIVITY
         }
       }
     ) : /* @__PURE__ */ r(
-      V,
+      P,
       {
-        ref: y,
-        items: I,
+        ref: E,
+        items: T,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -128,6 +124,6 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
   }
 );
 export {
-  Q as GameLauncher
+  K as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

package/dist/features/circle-games/game-launcher/game-launcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ReactNode } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport * as Styled from './game-launcher-styled';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoi = () => import('../../../assets/lotties/circle/sleepy-boi-lottie.json');\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const lottieContainerRef = useRef<HTMLDivElement>(null);\n    const { playSwipSound } = useCircleSounds();\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () =>\n                  lesson.status === 'completed'\n                    ? undefined\n                    : onSegmentClick(lesson, ProjectType.LESSON),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => onSegmentClick(game, ProjectType.GAME),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n            }))}\n          />,\n        ];\n      }\n\n      return itemTypes;\n    }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n    const sleepyBoiItem = useMemo(\n      () => [<Styled.SleepyBoiLottyContainer ref={lottieContainerRef} />],\n      [],\n    );\n\n    useEffect(() => {\n      let animation: AnimationItem | null = null;\n      const loadAnimation = async () => {\n        const animationModule = await sleepyBoi();\n\n        const animationData = animationModule.default;\n\n        animation = Lottie.loadAnimation({\n          container: lottieContainerRef.current as Element,\n          animationData: animationData,\n          autoplay: true,\n          loop: true,\n          renderer: 'canvas',\n        });\n      };\n\n      loadAnimation();\n\n      return () => {\n        animation?.destroy();\n      };\n    }, []);\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoi","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","lottieContainerRef","useRef","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","Styled.SleepyBoiLottyContainer","useEffect","animation","animationData","Lottie","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_SIZE,\n} from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const { playSwipSound } = useCircleSounds();\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () =>\n                  lesson.status === 'completed'\n                    ? undefined\n                    : onSegmentClick(lesson, ProjectType.LESSON),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => onSegmentClick(game, ProjectType.GAME),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n            }))}\n          />,\n        ];\n      }\n\n      return itemTypes;\n    }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;;;AAmBA,MAAMA,IAAqBC,IAAqBC,GAEnCC,IAAuCC;AAAA,EAClD,CAAC,EAAE,gBAAAC,GAAgB,mBAAAC,GAAmB,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,cAAAC,IAAe,QAAQ;AACvF,UAAM,CAACC,GAAcC,CAAe,IAAIC,EAASH,CAAY,GAEvD,EAAE,eAAAI,MAAkBC,KAEpB;AAAA,MACJ,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,qBAAAC;AAAA,QACEC,EAAuB;AAAA,MACzB,kBAAkBV;AAAA,MAClB,gBAAAP;AAAA,MACA,mBAAAC;AAAA,IAAA,CACD,GAEKiB,IAAQC,EAAQ,MAAM;AAC1B,UAAIC,IAAyB,CAAA;AAE7B,aAAIjB,MACEA,EAAK,YACKiB,IAAA;AAAA,QACV,GAAGA;AAAA,QACH,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,OAAOT,EAAK,QAAQ;AAAA,YACpB,OAAOA,EAAK,QAAQ,KAAK,OAAO,CAAUoB,MAAAA,EAAO,WAAW,WAAW,EAAE;AAAA,YACzE,UAAUpB,EAAK,QAAQ,KAAK;AAAA,YAC5B,cAAcA,EAAK,QAAQ;AAAA,YAC3B,MAAMA,KAAA,gBAAAA,EAAM,QAAQ,KAAK,IAAI,CAAWoB,OAAA;AAAA,cACtC,MAAMA,EAAO;AAAA,cACb,MAAMA,EAAO;AAAA,cACb,aAAaA,EAAO,WAAW;AAAA,cAC/B,SAAS,MACPA,EAAO,WAAW,cACd,SACAvB,EAAeuB,GAAQC,EAAY,MAAM;AAAA,YAAA;AAAA,UAC/C;AAAA,QACJ;AAAA,MAAA,IAIQJ,IAAA;AAAA,QACV,GAAGA;AAAA,QACH,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,OAAOR,EAAK,MAAM;AAAA,YAClB,OAAOA,EAAK,MAAM,KAAK,OAAO,CAAQsB,MAAAA,EAAK,QAAQ,EAAE;AAAA,YACrD,UAAUtB,EAAK,MAAM,KAAK;AAAA,YAC1B,cAAcA,EAAK,MAAM;AAAA,YACzB,MAAMA,EAAK,MAAM,KAAK,IAAI,CAASsB,OAAA;AAAA,cACjC,MAAMA,EAAK;AAAA,cACX,MAAMA,EAAK;AAAA,cACX,aAAa;AAAA,cACb,SAAS,MAAMzB,EAAeyB,GAAMD,EAAY,IAAI;AAAA,YAAA,EACpD;AAAA,UAAA;AAAA,QACJ;AAAA,QACA,gBAAAH;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,OAAOV,EAAK,QAAQ;AAAA,YACpB,OAAOA,EAAK,QAAQ,KAAK,OAAO,CAAUuB,MAAAA,EAAO,MAAM,EAAE;AAAA,YACzD,UAAUvB,EAAK,QAAQ,KAAK;AAAA,YAC5B,cAAcA,EAAK,QAAQ;AAAA,YAC3B,MAAMA,EAAK,QAAQ,KAAK,IAAI,CAAWuB,OAAA;AAAA,cACrC,MAAMA,EAAO;AAAA,cACb,MAAMA,EAAO;AAAA,cACb,aAAaA,EAAO;AAAA,cACpB,SAAS,MAAM1B,EAAe0B,GAAQF,EAAY,MAAM;AAAA,YAAA,EACxD;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA,IAIGJ;AAAA,IAAA,GACN,CAACjB,GAAMQ,GAAUC,GAAYZ,GAAgBa,CAAU,CAAC,GAErDc,IAAgBR;AAAA,MACpB,MAAM;AAAA,QACJ,gBAAAE;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKC,EAAO;AAAA,YACZ,OAAOlC;AAAA,YACP,QAAQA;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IAAA;AAUH,WANAmC,EAAU,MAAM;AACV,MAAA3B,KAAA,QAAAA,EAAM,WAAWD,KAAac,KAChCF,EAAaX,KAAA,gBAAAA,EAAM,SAAS,CAAC,EAACA,KAAA,QAAAA,EAAM,UAASD,CAAS;AAAA,IACxD,GACC,CAACC,KAAA,gBAAAA,EAAM,SAASA,KAAA,gBAAAA,EAAM,SAASa,GAAqBd,GAAWY,CAAY,CAAC,GAE3EV,sBACM2B,GAAe,CAAA,CAAA,IAGpB5B,IAgBH,gBAAAkB;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,OAAAG;AAAA,QACA,cAAcZ;AAAA,QACd,QAAQG;AAAA,QACR,QAAQA;AAAA,QACR,eAAe;AAAA,UACb,gBAAgBwB,EAA+B;AAAA,QACjD;AAAA,QACA,eAAe;AAAA,UACb,gBAAgBA,EAA+B;AAAA,QACjD;AAAA,MAAA;AAAA,IAAA,IAzBA,gBAAAZ;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,OAAOY;AAAA,QACP,eAAe;AAAA,UACb,gBAAgB;AAAA,QAClB;AAAA,QACA,eAAe;AAAA,UACb,gBAAgB;AAAA,QAClB;AAAA,MAAA;AAAA,IAAA;AAAA,EAoBR;AACF;"}