@cuemath/leap 3.2.17-j1 → 3.2.17-mb

package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js

@@ -1,106 +1,98 @@
-import { jsx as t, Fragment as B } from "react/jsx-runtime";
-import { useRef as U, useCallback as h, useMemo as _e, useEffect as Ie } from "react";
-import { useTheme as Ce } from "styled-components";
+import { jsx as t, Fragment as G } from "react/jsx-runtime";
+import { useRef as H, useCallback as m, useMemo as pe, useEffect as _e } from "react";
 import ae from "../../../../../assets/line-icons/icons/carat-right.js";
-import { PLATFORM_EVENTS_STUDENT as de } from "../../../../analytics-events/platform-events-student.js";
-import { JOURNEY_ID_STUDENT as Y } from "../../../../journey/journey-id/journey-id-student.js";
+import { PLATFORM_EVENTS_STUDENT as ce } from "../../../../analytics-events/platform-events-student.js";
+import { JOURNEY_ID_STUDENT as U } from "../../../../journey/journey-id/journey-id-student.js";
 import { IndicatorType as d } from "../../../../journey/use-journey/constants.js";
-import { useJourney as Ae } from "../../../../journey/use-journey/use-journey.js";
-import Te from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as fe } from "../../../../ui/context/context.js";
-import k from "../../../../ui/layout/flex-view.js";
+import { useJourney as Ie } from "../../../../journey/use-journey/use-journey.js";
+import de from "../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as Ce } from "../../../../ui/context/context.js";
+import B from "../../../../ui/layout/flex-view.js";
 import T from "../../../../ui/text/text.js";
-import { EDeviceType as Le } from "../../../../ui/theme/constants.js";
+import { getTheme as fe } from "../../../../ui/theme/get-theme.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as s } from "../../../enum/circle-onboarding-steps.js";
-import { useCircleSounds as Oe } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { SegmentedGameCard as me } from "../../comps/segmented-game-card/segmented-game-card.js";
+import { useCircleSounds as Ae } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as Te } from "../../comps/segmented-game-card/segmented-game-card.js";
 import { GAME_LAUNCHER_ANALYTICS_EVENTS as he } from "../../game-launcher-analytics-events.js";
-import { GO_TO_NEXT_SLIDE_AFTER_MS as Re, SHOW_LABEL_HIGHLIGHT_AFTER_MS as Ne, SHOW_NUDGE_AFTER_MS as se, SLIDE_TO_LESSON_MS as be } from "./constants.js";
-import { ProjectType as ge } from "../../../games/web-view/enums/project-type-enum.js";
-const Fe = ({
+import { GO_TO_NEXT_SLIDE_AFTER_MS as Le, SHOW_LABEL_HIGHLIGHT_AFTER_MS as Re, SHOW_NUDGE_AFTER_MS as ge, SLIDE_TO_LESSON_MS as Oe } from "./constants.js";
+import { ProjectType as me } from "../../../games/web-view/enums/project-type-enum.js";
+const $e = ({
   carouselRefs: i,
-  onSegmentClick: A,
-  onJourneyComplete: f
+  onSegmentClick: f,
+  onJourneyComplete: A
 }) => {
-  const { device: ue } = Ce(), g = ue < Le.TABLET, L = "ab3-bold", O = "ab2-bold", n = U(null), l = U(null), c = U(null), u = U([]), { playButtonSound: w } = Oe(), { nextCoachmark: m, setJourney: V, endJourney: R } = Ae(), { onEvent: N } = fe(), x = h(
+  const { device: se } = fe(), h = se === "mobile", L = h ? "ab3-bold" : "ab2-bold", n = H(null), l = H(null), a = H(null), u = H([]), { playButtonSound: k } = Ae(), { nextCoachmark: g, setJourney: Y, endJourney: R } = Ie(), { onEvent: O } = Ce(), w = m(
     (e) => {
-      N(de.ONBOARDING_STEP_VIEWED, {
+      O(ce.ONBOARDING_STEP_VIEWED, {
         step: e
       });
     },
-    [N]
-  ), b = h(
+    [O]
+  ), N = m(
     (e) => {
-      N(de.ONBOARDING_STEP_COMPLETED, {
+      O(ce.ONBOARDING_STEP_COMPLETED, {
         step: e
       });
     },
-    [N]
-  ), E = h(
-    (e, r, a, S = !1, P) => {
+    [O]
+  ), E = m(
+    (e, r, c, S = !1, b) => {
       var _, I;
-      S || (w(), (I = i.current) == null || I.goToIndex(((_ = i.current) == null ? void 0 : _.currentIndex) + 1), m(P, !1, Re)), x(e);
+      S || (k(), (I = i.current) == null || I.goToIndex(((_ = i.current) == null ? void 0 : _.currentIndex) + 1), g(b, !1, Le)), w(e);
       const p = setTimeout(() => {
-        clearTimeout(p), r.startLabelAnimation(a);
-      }, Ne);
-      u.current.push(p), m(P, !0, se);
+        clearTimeout(p), r.startLabelAnimation(c);
+      }, Re);
+      u.current.push(p), g(b, !0, ge);
     },
-    [i, m, w, x]
-  ), v = h(
+    [i, g, k, w]
+  ), x = m(
     (e, r) => {
-      A(e, ge.PUZZLE), b(s.PUZZLE_ACTIVITY), R(r), f(r);
+      f(e, me.PUZZLE), N(s.PUZZLE_ACTIVITY), R(r), A(r);
     },
-    [R, f, A, b]
-  ), y = h(
+    [R, A, f, N]
+  ), v = m(
     (e, r) => {
-      A(e, ge.LESSON), b(s.SKILL_ACTIVITY), R(r), f(r);
+      f(e, me.LESSON), N(s.SKILL_ACTIVITY), R(r), A(r);
     },
-    [R, f, A, b]
-  ), M = h(
-    (e, r, a) => {
-      var D, J, W, X, F, Z, K, q, Q, z, j, ee, te, re, ne, ie, oe, le, ce;
-      const S = !!a, P = !!r;
-      if (!((D = n == null ? void 0 : n.current) != null && D.segmentedCardWrapperRef.current) || (!((J = i == null ? void 0 : i.current) != null && J.nextBtnRef.current) || !((W = l == null ? void 0 : l.current) != null && W.labelRef.current) || !((X = c == null ? void 0 : c.current) != null && X.labelRef.current) || !r) && e === Y.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
+    [R, A, f, N]
+  ), y = m(
+    (e, r, c) => {
+      var M, W, $, D, X, F, Z, K, q, Q, z, j, ee, te, re, ne, ie, oe, le;
+      const S = !!c, b = !!r;
+      if (!((M = n == null ? void 0 : n.current) != null && M.segmentedCardWrapperRef.current) || (!((W = i == null ? void 0 : i.current) != null && W.nextBtnRef.current) || !(($ = l == null ? void 0 : l.current) != null && $.labelRef.current) || !((D = a == null ? void 0 : a.current) != null && D.labelRef.current) || !r) && e === U.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
         return;
-      const p = ((K = (Z = (F = n.current) == null ? void 0 : F.labelRef) == null ? void 0 : Z.current) == null ? void 0 : K.getBoundingClientRect()) || {
+      const p = ((Z = (F = (X = n.current) == null ? void 0 : X.labelRef) == null ? void 0 : F.current) == null ? void 0 : Z.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, _ = ((z = (Q = (q = l.current) == null ? void 0 : q.labelRef) == null ? void 0 : Q.current) == null ? void 0 : z.getBoundingClientRect()) || {
+      }, _ = ((Q = (q = (K = l.current) == null ? void 0 : K.labelRef) == null ? void 0 : q.current) == null ? void 0 : Q.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, I = ((te = (ee = (j = c.current) == null ? void 0 : j.labelRef) == null ? void 0 : ee.current) == null ? void 0 : te.getBoundingClientRect()) || {
+      }, I = ((ee = (j = (z = a.current) == null ? void 0 : z.labelRef) == null ? void 0 : j.current) == null ? void 0 : ee.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, H = ((ie = (ne = (re = n.current) == null ? void 0 : re.segmentedCardWrapperRef) == null ? void 0 : ne.current) == null ? void 0 : ie.getBoundingClientRect()) || {
+      }, P = ((ne = (re = (te = n.current) == null ? void 0 : te.segmentedCardWrapperRef) == null ? void 0 : re.current) == null ? void 0 : ne.getBoundingClientRect()) || {
         height: 0,
         width: 0
       };
-      let G = [];
-      if (S && n.current && (G = [
+      let V = [];
+      if (S && n.current && (V = [
         {
           originalElementToHighlightRef: n.current.labelRef,
           type: d.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ t(B, {}),
+          elementToHighlight: /* @__PURE__ */ t(G, {}),
           indicator: {
             position: "top",
             backgroundColor: "BLUE_4",
-            tooltipItem: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-              T,
-              {
-                $renderOnMobileAs: L,
-                $renderAs: O,
-                children: "Get faster & stay ahead in school. Practice 3 new skills everyday."
-              }
-            ) }),
+            tooltipItem: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(T, { $renderAs: L, children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
             tooltipXCoOrdinates: p.width / 2,
             tooltipYCoOrdinates: p.height + 10
           }
         },
-        e === Y.CIRCLE_ACTIVITIES_INTRO_JOURNEY ? {
-          originalElementToHighlightRef: (oe = i.current) == null ? void 0 : oe.nextBtnRef,
+        e === U.CIRCLE_ACTIVITIES_INTRO_JOURNEY ? {
+          originalElementToHighlightRef: (ie = i.current) == null ? void 0 : ie.nextBtnRef,
           type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
-            Te,
+            de,
             {
               renderAs: "secondary",
               Icon: ae,
@@ -116,7 +108,7 @@ const Fe = ({
           ),
           indicator: {
             nudge: "click",
-            content: !g && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
@@ -124,45 +116,38 @@ const Fe = ({
           originalElementToHighlightRef: n.current.segmentedCardWrapperRef,
           type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
-            me,
+            Te,
             {
               label: "",
-              value: a.data.filter((o) => o.status === "completed").length,
-              maxValue: a.data.length,
-              initialValue: a.initialProgressValue,
-              data: a.data.map((o) => ({
+              value: c.data.filter((o) => o.status === "pending").length,
+              maxValue: c.data.length,
+              initialValue: c.initialProgressValue,
+              data: c.data.map((o) => ({
                 card: o.cardLottie,
                 name: "",
                 // We dont want to show the name of the puzzle in onboarding
                 isCompleted: o.status === "completed",
-                onPress: () => y(o, e)
+                onPress: () => v(o, e)
               }))
             }
           ),
           indicator: {
             nudge: "click",
-            content: !g && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Tap here to get started" }),
-            nudgePointerX: H.width * 0.6,
-            nudgePointerY: H.height * 0.4
+            content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Tap here to get started" }),
+            nudgePointerX: P.width * 0.6,
+            nudgePointerY: P.height * 0.4
           }
         }
-      ]), e === Y.CIRCLE_ACTIVITIES_INTRO_JOURNEY && l.current && c.current && P) {
+      ]), e === U.CIRCLE_ACTIVITIES_INTRO_JOURNEY && l.current && a.current && b) {
         const o = [
           {
             originalElementToHighlightRef: l.current.labelRef,
             type: d.TOOLTIP,
-            elementToHighlight: /* @__PURE__ */ t(B, {}),
+            elementToHighlight: /* @__PURE__ */ t(G, {}),
             indicator: {
               position: "top",
               backgroundColor: "ORANGE_4",
-              tooltipItem: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-                T,
-                {
-                  $renderOnMobileAs: L,
-                  $renderAs: O,
-                  children: "Train to think deeper & plan ahead. Play 3 new games everyday."
-                }
-              ) }),
+              tooltipItem: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(T, { $renderAs: L, children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
               tooltipXCoOrdinates: _.width / 2,
               tooltipYCoOrdinates: _.height + 10
             }
@@ -171,13 +156,13 @@ const Fe = ({
             originalElementToHighlightRef: i.current.nextBtnRef,
             type: d.NUDGE,
             elementToHighlight: /* @__PURE__ */ t(
-              Te,
+              de,
               {
                 renderAs: "secondary",
                 Icon: ae,
                 onClick: () => E(
                   s.PUZZLE_ACTIVITY,
-                  c.current,
+                  a.current,
                   "PURPLE_4",
                   !1,
                   e
@@ -187,36 +172,29 @@ const Fe = ({
             ),
             indicator: {
               nudge: "click",
-              content: !g && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+              content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
               nudgePointerX: 0,
               nudgePointerY: 0
             }
           }
-        ], pe = [
+        ], Ee = [
           {
-            originalElementToHighlightRef: c.current.labelRef,
+            originalElementToHighlightRef: a.current.labelRef,
             type: d.TOOLTIP,
-            elementToHighlight: /* @__PURE__ */ t(B, {}),
+            elementToHighlight: /* @__PURE__ */ t(G, {}),
             indicator: {
               position: "top",
               backgroundColor: "PURPLE_4",
-              tooltipItem: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
-                T,
-                {
-                  $renderOnMobileAs: L,
-                  $renderAs: O,
-                  children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday."
-                }
-              ) }),
+              tooltipItem: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(T, { $renderAs: L, children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
               tooltipXCoOrdinates: I.width / 2,
               tooltipYCoOrdinates: I.height + 10
             }
           },
           {
-            originalElementToHighlightRef: c.current.segmentedCardWrapperRef,
+            originalElementToHighlightRef: a.current.segmentedCardWrapperRef,
             type: d.NUDGE,
             elementToHighlight: /* @__PURE__ */ t(
-              me,
+              Te,
               {
                 label: "",
                 value: r.data.filter((C) => C.solved).length,
@@ -227,60 +205,59 @@ const Fe = ({
                   name: "",
                   // We dont want to show the name of the puzzle in onboarding
                   isCompleted: C.solved,
-                  onPress: () => v(C, e)
+                  onPress: () => x(C, e)
                 }))
               }
             ),
             indicator: {
               nudge: "click",
-              content: !g && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
-              nudgePointerX: H.width * 0.6,
-              nudgePointerY: H.height * 0.4
+              content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+              nudgePointerX: P.width * 0.6,
+              nudgePointerY: P.height * 0.4
             }
           }
         ];
-        V(e, [...G, ...o, ...pe]);
+        Y(e, [...V, ...o, ...Ee]);
       } else
-        V(e, G);
-      (le = i.current) == null || le.goToIndex(0);
-      const $ = setTimeout(() => {
-        clearTimeout($), m(e);
-      }, be);
-      if (u.current.push($), e === Y.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
+        Y(e, V);
+      (oe = i.current) == null || oe.goToIndex(0);
+      const J = setTimeout(() => {
+        clearTimeout(J), g(e);
+      }, Oe);
+      if (u.current.push(J), e === U.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
         S && n.current ? E(s.SKILL_ACTIVITY, n.current, "BLUE_4", !0, e) : E(s.GAMES_ACTIVITY, l.current, "ORANGE_4", !0, e);
       else {
-        (ce = n.current) == null || ce.startLabelAnimation("BLUE_4");
+        (le = n.current) == null || le.startLabelAnimation("BLUE_4");
         const o = setTimeout(() => {
-          clearTimeout(o), m(e, !0);
-        }, se);
+          clearTimeout(o), g(e, !0);
+        }, ge);
         u.current.push(o);
       }
     },
     [
       i,
       L,
-      O,
-      g,
-      V,
+      h,
+      Y,
       E,
-      y,
       v,
-      m
+      x,
+      g
     ]
-  ), Ee = _e(
+  ), ue = pe(
     () => ({
       gameRefs: l,
       lessonRefs: n,
-      puzzleRefs: c,
-      startJourney: M
+      puzzleRefs: a,
+      startJourney: y
     }),
-    [M]
+    [y]
   );
-  return Ie(() => () => {
+  return _e(() => () => {
     u.current.forEach((e) => clearTimeout(e)), u.current = [];
-  }, [i]), Ee;
+  }, [i]), ue;
 };
 export {
-  Fe as useGameLauncherJourney
+  $e as useGameLauncherJourney
 };
 //# sourceMappingURL=use-game-launcher-journey.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { ISegmentedGameCardRefs } from '../../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n  SLIDE_TO_LESSON_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isMobile = device < EDeviceType.TABLET;\n  const tooltipTextRenderAsOnMobile = 'ab3-bold';\n  const tooltipTextRenderAs = 'ab2-bold';\n\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      isFirstSlide: boolean = false,\n      journeyId: JOURNEY_ID_STUDENT,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        carouselRefs.current?.goToIndex(carouselRefs.current?.currentIndex + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (\n      journeyId: JOURNEY_ID_STUDENT,\n      puzzlesData?: IProject<Puzzle>,\n      lessonsData?: IProject<Lesson>,\n    ) => {\n      // If element refs are not available return, this is just for type safety\n      const isLessonAvailable = !!lessonsData;\n      const isPuzzleAvailable = !!puzzlesData;\n\n      if (!lessonRefs?.current?.segmentedCardWrapperRef.current) return;\n\n      if (\n        (!carouselRefs?.current?.nextBtnRef.current ||\n          !gameRefs?.current?.labelRef.current ||\n          !puzzleRefs?.current?.labelRef.current ||\n          !puzzlesData) &&\n        journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY\n      ) {\n        return;\n      }\n\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        lessonRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: TCoachmarkJourneyProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'BLUE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text\n                    $renderOnMobileAs={tooltipTextRenderAsOnMobile}\n                    $renderAs={tooltipTextRenderAs}\n                  >\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width / 2,\n              tooltipYCoOrdinates: lessonLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY\n            ? {\n                originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n                type: IndicatorType.NUDGE,\n                elementToHighlight: (\n                  <IconButton\n                    renderAs=\"secondary\"\n                    Icon={CaratRightIcon}\n                    onClick={() =>\n                      goToNextCard(\n                        ActionEvent.GAMES_ACTIVITY,\n                        gameRefs.current as ISegmentedGameCardRefs,\n                        'ORANGE_4',\n                        false,\n                        journeyId,\n                      )\n                    }\n                    analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Click to proceed\n                    </Text>\n                  ),\n                  nudgePointerX: 0,\n                  nudgePointerY: 0,\n                } as INudgeProps,\n              }\n            : {\n                originalElementToHighlightRef: lessonRefs.current.segmentedCardWrapperRef,\n                type: IndicatorType.NUDGE,\n                elementToHighlight: (\n                  <SegmentedGameCard\n                    label={''} // This is intentionally left blank to avoid showing the label\n                    value={lessonsData.data.filter(lesson => lesson.status === 'completed').length}\n                    maxValue={lessonsData.data.length}\n                    initialValue={lessonsData.initialProgressValue}\n                    data={lessonsData.data.map(lesson => ({\n                      card: lesson.cardLottie,\n                      name: '', // We dont want to show the name of the puzzle in onboarding\n                      isCompleted: lesson.status === 'completed',\n                      onPress: () => handleEndJourneyForLesson(lesson, journeyId),\n                    }))}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Tap here to get started\n                    </Text>\n                  ),\n                  nudgePointerX: launcherDims.width * 0.6,\n                  nudgePointerY: launcherDims.height * 0.4,\n                } as INudgeProps,\n              },\n        ];\n      }\n\n      if (\n        journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY &&\n        gameRefs.current &&\n        puzzleRefs.current &&\n        isPuzzleAvailable\n      ) {\n        const gameSteps: TCoachmarkJourneyProps[] = [\n          {\n            originalElementToHighlightRef: gameRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'ORANGE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text\n                    $renderOnMobileAs={tooltipTextRenderAsOnMobile}\n                    $renderAs={tooltipTextRenderAs}\n                  >\n                    Train to think deeper & plan ahead. Play 3 new games everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: gameLabelDims.width / 2,\n              tooltipYCoOrdinates: gameLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.PUZZLE_ACTIVITY,\n                    puzzleRefs.current as ISegmentedGameCardRefs,\n                    'PURPLE_4',\n                    false,\n                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n\n        const puzzleSteps: TCoachmarkJourneyProps[] = [\n          {\n            originalElementToHighlightRef: puzzleRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'PURPLE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text\n                    $renderOnMobileAs={tooltipTextRenderAsOnMobile}\n                    $renderAs={tooltipTextRenderAs}\n                  >\n                    Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: puzzleLabelDims.width / 2,\n              tooltipYCoOrdinates: puzzleLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <SegmentedGameCard\n                label={''} // This is intentionally left blank to avoid showing the label\n                value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n                maxValue={puzzlesData.data.length}\n                initialValue={puzzlesData.initialProgressValue}\n                data={puzzlesData.data.map(puzzle => ({\n                  card: puzzle.cardLottie,\n                  name: '', // We dont want to show the name of the puzzle in onboarding\n                  isCompleted: puzzle.solved,\n                  onPress: () => handleEndJourneyForPuzzle(puzzle, journeyId),\n                }))}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to solve a puzzle\n                </Text>\n              ),\n              nudgePointerX: launcherDims.width * 0.6,\n              nudgePointerY: launcherDims.height * 0.4,\n            } as INudgeProps,\n          },\n        ];\n\n        setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n      } else {\n        setJourney(journeyId, lessonSteps);\n      }\n      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        if (isLessonAvailable && lessonRefs.current) {\n          goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', true, journeyId);\n        } else {\n          goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current!, 'ORANGE_4', true, journeyId);\n        }\n      } else {\n        lessonRefs.current?.startLabelAnimation('BLUE_4');\n        const delayBeforeShowingNudge = setTimeout(() => {\n          clearTimeout(delayBeforeShowingNudge);\n          nextCoachmark(journeyId, true);\n        }, SHOW_NUDGE_AFTER_MS);\n\n        timerRefs.current.push(delayBeforeShowingNudge); // Store to cleanup later\n      }\n    },\n    [\n      carouselRefs,\n      tooltipTextRenderAsOnMobile,\n      tooltipTextRenderAs,\n      isMobile,\n      setJourney,\n      goToNextCard,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n      nextCoachmark,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","useTheme","isMobile","EDeviceType","tooltipTextRenderAsOnMobile","tooltipTextRenderAs","lessonRefs","useRef","gameRefs","puzzleRefs","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","isFirstSlide","journeyId","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","handleEndJourneyForPuzzle","puzzlesData","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","isLessonAvailable","isPuzzleAvailable","_c","_d","JOURNEY_ID_STUDENT","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","SegmentedGameCard","lesson","gameSteps","puzzleSteps","puzzle","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","_s","delayBeforeShowingNudge","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { ISegmentedGameCardRefs } from '../../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n  SLIDE_TO_LESSON_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = getTheme();\n  const isMobile = device === 'mobile';\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      isFirstSlide: boolean = false,\n      journeyId: JOURNEY_ID_STUDENT,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        carouselRefs.current?.goToIndex(carouselRefs.current?.currentIndex + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (\n      journeyId: JOURNEY_ID_STUDENT,\n      puzzlesData?: IProject<Puzzle>,\n      lessonsData?: IProject<Lesson>,\n    ) => {\n      // If element refs are not available return, this is just for type safety\n      const isLessonAvailable = !!lessonsData;\n      const isPuzzleAvailable = !!puzzlesData;\n\n      if (!lessonRefs?.current?.segmentedCardWrapperRef.current) return;\n\n      if (\n        (!carouselRefs?.current?.nextBtnRef.current ||\n          !gameRefs?.current?.labelRef.current ||\n          !puzzleRefs?.current?.labelRef.current ||\n          !puzzlesData) &&\n        journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY\n      ) {\n        return;\n      }\n\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        lessonRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: TCoachmarkJourneyProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'BLUE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width / 2,\n              tooltipYCoOrdinates: lessonLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY\n            ? {\n                originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n                type: IndicatorType.NUDGE,\n                elementToHighlight: (\n                  <IconButton\n                    renderAs=\"secondary\"\n                    Icon={CaratRightIcon}\n                    onClick={() =>\n                      goToNextCard(\n                        ActionEvent.GAMES_ACTIVITY,\n                        gameRefs.current as ISegmentedGameCardRefs,\n                        'ORANGE_4',\n                        false,\n                        journeyId,\n                      )\n                    }\n                    analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Click to proceed\n                    </Text>\n                  ),\n                  nudgePointerX: 0,\n                  nudgePointerY: 0,\n                } as INudgeProps,\n              }\n            : {\n                originalElementToHighlightRef: lessonRefs.current.segmentedCardWrapperRef,\n                type: IndicatorType.NUDGE,\n                elementToHighlight: (\n                  <SegmentedGameCard\n                    label={''} // This is intentionally left blank to avoid showing the label\n                    value={lessonsData.data.filter(lesson => lesson.status === 'pending').length}\n                    maxValue={lessonsData.data.length}\n                    initialValue={lessonsData.initialProgressValue}\n                    data={lessonsData.data.map(lesson => ({\n                      card: lesson.cardLottie,\n                      name: '', // We dont want to show the name of the puzzle in onboarding\n                      isCompleted: lesson.status === 'completed',\n                      onPress: () => handleEndJourneyForLesson(lesson, journeyId),\n                    }))}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Tap here to get started\n                    </Text>\n                  ),\n                  nudgePointerX: launcherDims.width * 0.6,\n                  nudgePointerY: launcherDims.height * 0.4,\n                } as INudgeProps,\n              },\n        ];\n      }\n\n      if (\n        journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY &&\n        gameRefs.current &&\n        puzzleRefs.current &&\n        isPuzzleAvailable\n      ) {\n        const gameSteps: TCoachmarkJourneyProps[] = [\n          {\n            originalElementToHighlightRef: gameRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'ORANGE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Train to think deeper & plan ahead. Play 3 new games everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: gameLabelDims.width / 2,\n              tooltipYCoOrdinates: gameLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.PUZZLE_ACTIVITY,\n                    puzzleRefs.current as ISegmentedGameCardRefs,\n                    'PURPLE_4',\n                    false,\n                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n\n        const puzzleSteps: TCoachmarkJourneyProps[] = [\n          {\n            originalElementToHighlightRef: puzzleRefs.current.labelRef,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'PURPLE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: puzzleLabelDims.width / 2,\n              tooltipYCoOrdinates: puzzleLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <SegmentedGameCard\n                label={''} // This is intentionally left blank to avoid showing the label\n                value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n                maxValue={puzzlesData.data.length}\n                initialValue={puzzlesData.initialProgressValue}\n                data={puzzlesData.data.map(puzzle => ({\n                  card: puzzle.cardLottie,\n                  name: '', // We dont want to show the name of the puzzle in onboarding\n                  isCompleted: puzzle.solved,\n                  onPress: () => handleEndJourneyForPuzzle(puzzle, journeyId),\n                }))}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to solve a puzzle\n                </Text>\n              ),\n              nudgePointerX: launcherDims.width * 0.6,\n              nudgePointerY: launcherDims.height * 0.4,\n            } as INudgeProps,\n          },\n        ];\n\n        setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n      } else {\n        setJourney(journeyId, lessonSteps);\n      }\n      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        if (isLessonAvailable && lessonRefs.current) {\n          goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', true, journeyId);\n        } else {\n          goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current!, 'ORANGE_4', true, journeyId);\n        }\n      } else {\n        lessonRefs.current?.startLabelAnimation('BLUE_4');\n        const delayBeforeShowingNudge = setTimeout(() => {\n          clearTimeout(delayBeforeShowingNudge);\n          nextCoachmark(journeyId, true);\n        }, SHOW_NUDGE_AFTER_MS);\n\n        timerRefs.current.push(delayBeforeShowingNudge); // Store to cleanup later\n      }\n    },\n    [\n      carouselRefs,\n      tooltipTextRenderAs,\n      isMobile,\n      setJourney,\n      goToNextCard,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n      nextCoachmark,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","device","getTheme","isMobile","tooltipTextRenderAs","lessonRefs","useRef","gameRefs","puzzleRefs","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","isFirstSlide","journeyId","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","handleEndJourneyForPuzzle","puzzlesData","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","isLessonAvailable","isPuzzleAvailable","_c","_d","JOURNEY_ID_STUDENT","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","SegmentedGameCard","lesson","gameSteps","puzzleSteps","puzzle","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","_s","delayBeforeShowingNudge","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js

@@ -1,33 +1,32 @@
-import { jsx as o, Fragment as M } from "react/jsx-runtime";
+import { jsx as o, Fragment as B } from "react/jsx-runtime";
 import { useRef as Y, useCallback as E, useEffect as w } from "react";
-import { useTheme as G } from "styled-components";
-import { PLATFORM_EVENTS_STUDENT as x } from "../../../../analytics-events/platform-events-student.js";
-import { JOURNEY_ID_STUDENT as J } from "../../../../journey/journey-id/journey-id-student.js";
+import { PLATFORM_EVENTS_STUDENT as M } from "../../../../analytics-events/platform-events-student.js";
+import { JOURNEY_ID_STUDENT as G } from "../../../../journey/journey-id/journey-id-student.js";
 import { IndicatorType as p } from "../../../../journey/use-journey/constants.js";
-import { useJourney as b } from "../../../../journey/use-journey/use-journey.js";
-import { useUIContext as X } from "../../../../ui/context/context.js";
+import { useJourney as J } from "../../../../journey/use-journey/use-journey.js";
+import { useUIContext as b } from "../../../../ui/context/context.js";
 import P from "../../../../ui/layout/flex-view.js";
 import R from "../../../../ui/text/text.js";
-import { EDeviceType as $ } from "../../../../ui/theme/constants.js";
+import { getTheme as X } from "../../../../ui/theme/get-theme.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as W } from "../../../enum/circle-onboarding-steps.js";
-import { useCircleSounds as v } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { INFINITE_MODE_TEXT as V } from "../../comps/tables-card/constants.js";
-import j from "../../comps/tables-card/infinite-button/infinite-mode-launcher-button.js";
-import { TABLE_CARD_INDEX as l, GO_TO_TABLE_LAUNCHER_DURATION_MS as K, SHOW_CLICK_TABLE_NUDGE_AFTER_MS as k, LESSON_CARD_INDEX as q, SHOW_INITIAL_COACHMARK_AFTER_MS as z, SHOW_INITIAL_TOOLTIP_AFTER_MS as Q } from "./constants.js";
-import { Indicator as Z } from "./use-table-infinite-launcher-journey-styled.js";
-const tt = {
+import { useCircleSounds as $ } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { INFINITE_MODE_TEXT as v } from "../../comps/tables-card/constants.js";
+import V from "../../comps/tables-card/infinite-button/infinite-mode-launcher-button.js";
+import { TABLE_CARD_INDEX as l, GO_TO_TABLE_LAUNCHER_DURATION_MS as j, SHOW_CLICK_TABLE_NUDGE_AFTER_MS as k, LESSON_CARD_INDEX as K, SHOW_INITIAL_COACHMARK_AFTER_MS as q, SHOW_INITIAL_TOOLTIP_AFTER_MS as z } from "./constants.js";
+import { Indicator as Q } from "./use-table-infinite-launcher-journey-styled.js";
+const Z = {
   top: 6,
   left: 8,
   cursor: "pointer"
-}, Nt = ({
+}, lt = ({
   carouselRefs: n,
   originalTableRef: t,
   onTableInfiniteModeClick: O,
   onJourneyComplete: N
 }) => {
-  const e = J.CIRCLE_TABLES_INFINTE_JOURNEY, { device: F } = G(), I = F === $.MOBILE ? "ab3-bold" : "ab2-bold", _ = Y([]), { playButtonSound: C } = v(), { nextCoachmark: c, setJourney: T, addCoachmark: h, endJourney: A } = b(), { onEvent: d } = X(), L = E(() => {
+  const e = G.CIRCLE_TABLES_INFINTE_JOURNEY, { device: F } = X(), I = F === "mobile" ? "ab3-bold" : "ab2-bold", _ = Y([]), { playButtonSound: C } = $(), { nextCoachmark: c, setJourney: T, addCoachmark: h, endJourney: A } = J(), { onEvent: d } = b(), L = E(() => {
     var r;
-    A(e), O(), d(x.ONBOARDING_STEP_COMPLETED, {
+    A(e), O(), d(M.ONBOARDING_STEP_COMPLETED, {
       step: W.INFINITE_MODE
     }), (r = t == null ? void 0 : t.current) == null || r.stopLabelAnimation(), N(e);
   }, [
@@ -39,30 +38,30 @@ const tt = {
     d
   ]), s = E(
     (r, u) => {
-      c(e, !1, r), d(x.ONBOARDING_STEP_VIEWED, {
+      c(e, !1, r), d(M.ONBOARDING_STEP_VIEWED, {
         step: W.INFINITE_MODE
       });
       const i = setTimeout(() => {
         var m;
-        clearTimeout(i), (m = t.current) == null || m.startLabelAnimation("YELLOW_4"), t.current && t.current.labelRef.current && (t.current.labelRef.current.innerText = V), c(e, !0);
+        clearTimeout(i), (m = t.current) == null || m.startLabelAnimation("YELLOW_4"), t.current && t.current.labelRef.current && (t.current.labelRef.current.innerText = v), c(e, !0);
       }, u);
       _.current.push(i);
     },
     [e, c, t, d]
   ), a = E(() => {
     var r;
-    C(), (r = n.current) == null || r.goToIndex(l), s(K, k);
+    C(), (r = n.current) == null || r.goToIndex(l), s(j, k);
   }, [n, C, s]), U = E(() => {
-    var f, g, D, S, y, B, H;
-    const r = (f = n.current) == null ? void 0 : f.indicatorRefs, u = (g = n.current) == null ? void 0 : g.nextBtnRef, i = r == null ? void 0 : r[l];
+    var g, f, D, S, y, H, x;
+    const r = (g = n.current) == null ? void 0 : g.indicatorRefs, u = (f = n.current) == null ? void 0 : f.nextBtnRef, i = r == null ? void 0 : r[l];
     if (!((D = t.current) != null && D.segmentedCardWrapperRef.current) || !((S = t.current) != null && S.labelRef.current) || !r || !(u != null && u.current) || !i || !i.current)
       return;
     const m = (y = t.current) == null ? void 0 : y.segmentedCardWrapperRef.current.getBoundingClientRect();
-    ((B = n.current) == null ? void 0 : B.currentIndex) === l ? (T(e, []), s(0, k)) : (T(e, [
+    ((H = n.current) == null ? void 0 : H.currentIndex) === l ? (T(e, []), s(0, k)) : (T(e, [
       {
         originalElementToHighlightRef: i,
         type: p.TOOLTIP,
-        elementToHighlight: /* @__PURE__ */ o(Z, { $isActive: !1 }),
+        elementToHighlight: /* @__PURE__ */ o(Q, { $isActive: !1 }),
         indicator: {
           position: "bottom",
           backgroundColor: "YELLOW_4",
@@ -72,7 +71,7 @@ const tt = {
             {
               $position: "absolute",
               $flexDirection: "row",
-              style: tt,
+              style: Z,
               onClick: a,
               children: /* @__PURE__ */ o(R, { $renderAs: I, children: "NEW" })
             }
@@ -89,12 +88,12 @@ const tt = {
           content: "",
           nudgePointerY: 20
         },
-        elementToHighlight: /* @__PURE__ */ o(M, {})
+        elementToHighlight: /* @__PURE__ */ o(B, {})
       }
-    ]), (H = n.current) == null || H.goToIndex(q), c(e, !1, z), c(e, !0, Q)), h(e, {
+    ]), (x = n.current) == null || x.goToIndex(K), c(e, !1, q), c(e, !0, z)), h(e, {
       originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
       type: p.TOOLTIP,
-      elementToHighlight: /* @__PURE__ */ o(M, {}),
+      elementToHighlight: /* @__PURE__ */ o(B, {}),
       indicator: {
         position: "top",
         backgroundColor: "YELLOW_4",
@@ -111,7 +110,7 @@ const tt = {
         nudgePointerX: 0,
         nudgePointerY: 10
       },
-      elementToHighlight: /* @__PURE__ */ o(j, { onClick: L })
+      elementToHighlight: /* @__PURE__ */ o(V, { onClick: L })
     });
   }, [
     h,
@@ -132,6 +131,6 @@ const tt = {
   };
 };
 export {
-  Nt as useTableInfiniteLauncherJourney
+  lt as useTableInfiniteLauncherJourney
 };
 //# sourceMappingURL=use-table-infinite-launcher-journey.js.map