@cuemath/leap 2.8.25-rj-5 → 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/analytics-events/platform-events-student.js

@@ -1,6 +1,6 @@
 import { PLUGINS as t } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var i = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e.COACHMARK_DISMISSED = "coachmark_dismissed", e))(i || {});
-const I = {
+var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e))(_ || {});
+const o = {
   page_viewed: [t.MIXPANEL],
   // circle on leap mixpanel events
   activity_started: [t.MIXPANEL],
@@ -8,11 +8,10 @@ const I = {
   streak_icon_clicked: [t.MIXPANEL],
   leaderboard_button_clicked: [t.MIXPANEL],
   onboarding_step_viewed: [t.MIXPANEL],
-  onboarding_step_completed: [t.MIXPANEL],
-  coachmark_dismissed: [t.MIXPANEL]
+  onboarding_step_completed: [t.MIXPANEL]
 };
 export {
-  i as PLATFORM_EVENTS_STUDENT,
-  I as PLATFORM_WHITELIST_EVENTS_STUDENT
+  _ as PLATFORM_EVENTS_STUDENT,
+  o as PLATFORM_WHITELIST_EVENTS_STUDENT
 };
 //# sourceMappingURL=platform-events-student.js.map

package/dist/features/analytics-events/platform-events-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n\n  // circle on leap mixpanel events\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n  ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n  ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n  COACHMARK_DISMISSED = 'coachmark_dismissed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.COACHMARK_DISMISSED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBAGxBA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBAXZA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA;AAAA,EAGvD,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,qBAA8C,CAACA,EAAQ,QAAQ;AAClE;"}
+{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n\n  // circle on leap mixpanel events\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n  ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n  ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBAGxBA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAVlBA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA;AAAA,EAGvD,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AACxE;"}

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/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js

@@ -1,26 +1,25 @@
 import { useState as E, useCallback as d, useEffect as p } from "react";
-import { useGetCircleHomeAPI as u } from "../../api/get-content-for-today/get-circle-home-api.js";
-import { ProjectType as r } from "../../../games/web-view/enums/project-type-enum.js";
-const O = (o, e, n) => {
-  const [c, _] = E(null), { data: a, get: m, isProcessed: s, ...l } = u(), R = d(() => {
-    e !== "" && m("", {
-      user_id: o,
-      country_code: e,
+import { useGetCircleHomeAPI as C } from "../../api/get-content-for-today/get-circle-home-api.js";
+import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
+const O = (r, o, n) => {
+  const [c, _] = E(null), { data: a, get: m, isProcessed: e, ...l } = C(), R = d(() => {
+    m("", {
+      user_id: r,
+      country_code: o,
       grade: n
     });
-  }, [m, o, e, n]);
+  }, [m, r, o, n]);
   return p(() => {
-    let i = null;
-    s && a && (i = {
+    let s = null;
+    e && a && (s = {
       points: a.points,
       streakDays: a.streak_days,
-      streakReduction: a.streak_reduction,
       streakStatus: a.streak_status,
       tournamentRank: a.tournament_rank,
       projects: {
         games: {
           label: a.projects.games.label,
-          type: r.GAME,
+          type: i.GAME,
           initialProgressValue: 0,
           data: a.projects.games.data.map((t) => ({
             id: t.id,
@@ -33,7 +32,7 @@ const O = (o, e, n) => {
         },
         puzzles: {
           label: a.projects.puzzles.label,
-          type: r.PUZZLE,
+          type: i.PUZZLE,
           initialProgressValue: 0,
           data: a.projects.puzzles.data.map((t) => ({
             id: t.id,
@@ -59,9 +58,9 @@ const O = (o, e, n) => {
         CIRCLE_STREAK_UPDATE_JOURNEY: a.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,
         CIRCLE_TUTORIAL_JOURNEY: a.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY
       }
-    }, a.projects.lessons && (i.projects.lessons = {
+    }, a.projects.lessons && (s.projects.lessons = {
       label: a.projects.lessons.label,
-      type: r.LESSON,
+      type: i.LESSON,
       initialProgressValue: 0,
       data: a.projects.lessons.data.map((t) => ({
         id: t.id,
@@ -74,8 +73,8 @@ const O = (o, e, n) => {
         targetQuestions: t.target_questions,
         status: t.status
       }))
-    })), _(i);
-  }, [a, s]), { data: c, isProcessed: s, getCircleHomeDetails: R, ...l };
+    })), _(s);
+  }, [a, e]), { data: c, isProcessed: e, getCircleHomeDetails: R, ...l };
 };
 export {
   O as useGetCircleHomeDetailsDal

package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    if (countryCode === '') {\n      return;\n    }\n\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakReduction: data.streak_reduction,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAIX,MAAgB,MAIpBM,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,iBAAiBA,EAAK;AAAA,MACtB,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}