@cuemath/leap 3.5.0 → 3.5.1-akm-6

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

@@ -0,0 +1 @@
+{"version":3,"file":"game-launcher-v2.js","sources":["../../../../src/features/circle-games/game-launcher-v2/game-launcher-v2.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { BadgesGroup } from './comps/carousel-badge/carousel-badge';\nimport { Carousel } from './comps/carousel/carousel';\nimport type { ICarouselItemWithMeta, ICarouselRefs } from './comps/carousel/carousel-types';\nimport { CircularGameCard } from './comps/circular-game-card/circular-game-card';\nimport {\n  type ICircularGameCardProps,\n  type ICircularGameCardRefs,\n} from './comps/circular-game-card/circular-game-card-types';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/circular-game-card/constants';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport type { ITableCardRef, ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport { formatDuration } from './helpers';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-launcher-journey';\nimport { useTableInfiniteLauncherJourney } from './hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey';\nimport { useTableLauncherJourney } from './hooks/use-table-launcher-journey/use-table-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncherV2: FC<IGameLauncherProps> = memo(\n  ({\n    journeyId,\n    onSegmentClick,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null!);\n    const tableRef = useRef<ITableCardRef>(null!);\n    const { isJourneyActive } = useJourney();\n\n    const { play } = useCircleSounds();\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(lesson, ProjectType.LESSON);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\n\n    const {\n      firstCardRefs,\n      secondCardRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const { startJourney: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef: tableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef: tableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onNextJourney: startInfiniteTablesJourney,\n    });\n\n    const items = useMemo<ICarouselItemWithMeta[]>(() => {\n      const mergedItems: ICarouselItemWithMeta[] = [];\n\n      if (!data) return mergedItems;\n\n      let itemCount = 0;\n\n      const assignRefIfFirstOrSecond = (\n        element: React.ReactElement<\n          ICircularGameCardProps & React.RefAttributes<ICircularGameCardRefs>\n        >,\n      ): React.ReactElement => {\n        let refToAssign: React.Ref<ICircularGameCardRefs> | null = null;\n\n        if (itemCount === 0) {\n          refToAssign = firstCardRefs;\n        } else if (itemCount === 1) {\n          refToAssign = secondCardRefs;\n        }\n\n        itemCount++;\n\n        return refToAssign ? React.cloneElement(element, { ref: refToAssign }) : element;\n      };\n\n      // Games\n      if (data.games) {\n        const label = data.games.label;\n\n        data.games.data.forEach((game, index) => {\n          mergedItems.push({\n            ...(game.isPlayed && {\n              isCompleted: true,\n              carouselBadge: (\n                <BadgesGroup\n                  badges={[\n                    {\n                      label: 'Won',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.UP_ARROW_BADGE,\n                      value: game.wonToday,\n                    },\n                    {\n                      label: 'Loss',\n                      color: 'ORANGE_4',\n                      illustration: ILLUSTRATIONS.DOWN_ARROW_BADGE,\n                      value: game.lostToday,\n                    },\n                  ]}\n                />\n              ),\n            }),\n            element: assignRefIfFirstOrSecond(\n              <CircularGameCard\n                key={`game-${index}`}\n                data={{\n                  card: game.cardLottie,\n                  name: game.name,\n                  isCompleted: false,\n                  displayNameImage: game.displayNameImage,\n                  onPress: () => handleGameSegmentClick(game),\n                }}\n                label={label}\n                value={game.isPlayed ? 1 : 0}\n                maxValue={1}\n              />,\n            ),\n          });\n        });\n      }\n\n      // Puzzles\n      if (data.puzzles) {\n        const label = data.puzzles.label;\n\n        data.puzzles.data.forEach((puzzle, index) => {\n          const isCompleted = puzzle.solved;\n\n          mergedItems.push({\n            ...(isCompleted && {\n              isCompleted,\n              carouselBadge: (\n                <BadgesGroup\n                  badges={[\n                    {\n                      label: '',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.STAR_BADGE,\n                      value: puzzle.firstAttempt.solvedWithHint ? 'Solved with hint' : 'Solved',\n                    },\n                    {\n                      label: '',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.POINTS_BADGE,\n                      value: puzzle.firstAttempt.pointsScored,\n                    },\n                  ]}\n                />\n              ),\n            }),\n            element: assignRefIfFirstOrSecond(\n              <CircularGameCard\n                key={`puzzle-${index}`}\n                data={{\n                  card: puzzle.cardLottie,\n                  name: puzzle.name,\n                  isCompleted,\n                  displayNameImage: puzzle.displayNameImage,\n                  onPress: () => handlePuzzleSegmentClick(puzzle),\n                }}\n                label={label}\n                value={isCompleted ? 1 : 0}\n                maxValue={1}\n              />,\n            ),\n          });\n        });\n      }\n\n      // Lessons\n      if (data.lessons) {\n        const label = data.lessons.label;\n\n        data.lessons.data.forEach((lesson, index) => {\n          const isCompleted = lesson.status === 'completed';\n\n          mergedItems.push({\n            ...(isCompleted && {\n              isCompleted,\n              carouselBadge: (\n                <BadgesGroup\n                  badges={[\n                    {\n                      label: '%',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.ACCURACY_BADGE,\n                      value: lesson.firstAttempt.accuracy * 100,\n                    },\n                    {\n                      label: '',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.CLOCK_BADGE,\n                      value: formatDuration(lesson.firstAttempt.grossTimeTaken),\n                    },\n                    {\n                      label: '',\n                      color: 'YELLOW_4',\n                      illustration: ILLUSTRATIONS.POINTS_BADGE,\n                      value: lesson.firstAttempt.pointsScored,\n                    },\n                  ]}\n                />\n              ),\n            }),\n            element: assignRefIfFirstOrSecond(\n              <CircularGameCard\n                key={`lesson-${index}`}\n                data={{\n                  card: lesson.cardLottie,\n                  name: lesson.name,\n                  isCompleted,\n                  displayNameImage: lesson.displayNameImage,\n                  onPress: () => handleLessonSegmentClick(lesson),\n                }}\n                label={label}\n                value={isCompleted ? 1 : 0}\n                maxValue={1}\n              />,\n            ),\n          });\n        });\n      }\n\n      // Tables (keep its own ref)\n      if (data.tables) {\n        mergedItems.push({\n          isCompleted: false,\n          element: (\n            <TablesCard\n              key=\"tables-card\"\n              ref={tableRef}\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n              openModesOfTable={data.tables.openModesOfTable}\n            />\n          ),\n        });\n      }\n\n      return mergedItems;\n    }, [\n      data,\n      handleGameSegmentClick,\n      handleLessonSegmentClick,\n      handlePuzzleSegmentClick,\n      onTableSegmentClick,\n      firstCardRefs,\n      secondCardRefs,\n      tableRef,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    useEffect(() => {\n      if (isLoading || !data || isJourneyActive) {\n        return;\n      }\n\n      if (\n        data?.lessons &&\n        (journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY_V2 ||\n          journeyId === JOURNEY_ID_STUDENT.CIRCLE_LESSONS_K_1_INTRO_JOURNEY_V2)\n      ) {\n        startLessonPuzzleGamesJourney(journeyId, data);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY) {\n        startInfiniteTablesJourney();\n\n        return;\n      }\n    }, [\n      data,\n      isJourneyActive,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) return <CircularLoader />;\n\n    if (!data) {\n      return (\n        <Carousel\n          items={[{ element: sleepyBoiItem }]}\n          analyticsSwipeLeft={{ analyticsLabel: '' }}\n          analyticsSwipeRight={{ analyticsLabel: '' }}\n          analyticsCardClick={{ analyticsLabel: '' }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        analyticsSwipeLeft={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.SWIPE_LEFT,\n        }}\n        analyticsSwipeRight={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.SWIPE_RIGHT,\n        }}\n        analyticsCardClick={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.CARD_SELECTION,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncherV2","memo","journeyId","onSegmentClick","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","tableRef","isJourneyActive","useJourney","play","useCircleSounds","handleLessonSegmentClick","useCallback","lesson","CircleSoundKey","ProjectType","onTableSegmentClick","table","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","onTableInfiniteModeClick","firstCardRefs","secondCardRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","useTableLauncherJourney","items","useMemo","mergedItems","itemCount","assignRefIfFirstOrSecond","element","refToAssign","React","label","index","jsx","BadgesGroup","ILLUSTRATIONS","CircularGameCard","isCompleted","formatDuration","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","JOURNEY_ID_STUDENT","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+function a(n) {
+  const t = Math.floor(n / 1e3), o = Math.floor(t / 60), s = t % 60, r = o > 0 ? `${o}m ` : "", c = `${s}s`;
+  return `${r}${c}`.trim();
+}
+export {
+  a as formatDuration
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/features/circle-games/game-launcher-v2/helpers.ts"],"sourcesContent":["export function formatDuration(ms: number): string {\n  const totalSeconds = Math.floor(ms / 1000);\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n\n  const minPart = minutes > 0 ? `${minutes}m ` : '';\n  const secPart = `${seconds}s`;\n\n  return `${minPart}${secPart}`.trim();\n}\n"],"names":["formatDuration","ms","totalSeconds","minutes","seconds","minPart","secPart"],"mappings":"AAAO,SAASA,EAAeC,GAAoB;AACjD,QAAMC,IAAe,KAAK,MAAMD,IAAK,GAAI,GACnCE,IAAU,KAAK,MAAMD,IAAe,EAAE,GACtCE,IAAUF,IAAe,IAEzBG,IAAUF,IAAU,IAAI,GAAGA,CAAO,OAAO,IACzCG,IAAU,GAAGF,CAAO;AAE1B,SAAO,GAAGC,CAAO,GAAGC,CAAO,GAAG,KAAK;AACrC;"}

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

@@ -0,0 +1,6 @@
+const S = 500, _ = 2e3;
+export {
+  _ as SHOW_NUDGE_AFTER_MS,
+  S as SLIDE_TO_LESSON_MS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/constants.ts"],"sourcesContent":["export const SLIDE_TO_LESSON_MS = 500;\n\nexport const GO_TO_NEXT_SLIDE_AFTER_MS = 500;\nexport const SHOW_LABEL_HIGHLIGHT_AFTER_MS = 1500;\nexport const SHOW_NUDGE_AFTER_MS = 2000;\nexport const FIRST_COACHMARK_AFTER_MS = 200;\n"],"names":["SLIDE_TO_LESSON_MS","SHOW_NUDGE_AFTER_MS"],"mappings":"AAAO,MAAMA,IAAqB,KAIrBC,IAAsB;"}

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

@@ -0,0 +1,160 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as A, useCallback as I, useMemo as q, useEffect as Q } from "react";
+import { useTheme as D } from "styled-components";
+import { PLATFORM_EVENTS_STUDENT as F } from "../../../../analytics-events/platform-events-student.js";
+import { CarouselItem as j } from "../../comps/carousel/carousel-styled.js";
+import { IndicatorType as N } from "../../../../journey/use-journey/constants.js";
+import { useJourney as ee } from "../../../../journey/use-journey/use-journey.js";
+import { useUIContext as re } from "../../../../ui/context/context.js";
+import S from "../../../../ui/text/text.js";
+import { EDeviceType as ne } from "../../../../ui/theme/constants.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as _ } from "../../../enum/circle-onboarding-steps.js";
+import { CircularGameCard as ie } from "../../comps/circular-game-card/circular-game-card.js";
+import te from "../../comps/swipable-card/swipeable-card.js";
+import { SHOW_NUDGE_AFTER_MS as L, SLIDE_TO_LESSON_MS as oe } from "./constants.js";
+import { ProjectType as J } from "../../../games/web-view/enums/project-type-enum.js";
+const _e = ({
+  carouselRefs: i,
+  onSegmentClick: m,
+  onJourneyComplete: d
+}) => {
+  const { device: Z } = D(), t = Z <= ne.TABLET, s = A([]), T = A(null), l = A(null), { nextCoachmark: h, setJourney: P, endJourney: f } = ee(), { onEvent: a } = re(), g = I(
+    (r) => {
+      a(F.ONBOARDING_STEP_COMPLETED, {
+        step: r
+      });
+    },
+    [a]
+  ), R = I(
+    (r, e) => {
+      m(r, J.PUZZLE), g(_.PUZZLE_ACTIVITY), f(e), d(e);
+    },
+    [f, d, m, g]
+  ), b = I(
+    (r, e) => {
+      m(r, J.LESSON), g(_.SKILL_ACTIVITY), f(e), d(e);
+    },
+    [f, d, m, g]
+  ), O = I(
+    (r, e) => {
+      var y, H, W, z, G, x, v, w, U, Y, k, B, M, V;
+      const E = (y = i.current) == null ? void 0 : y.indicatorRefs, C = ((W = (H = T.current) == null ? void 0 : H.circularCardWrapperRef.current) == null ? void 0 : W.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      };
+      if (!(E != null && E[0]) || !l.current || !T.current || (((G = (z = e == null ? void 0 : e.games) == null ? void 0 : z.data) == null ? void 0 : G.length) ?? 0) + (((v = (x = e == null ? void 0 : e.lessons) == null ? void 0 : x.data) == null ? void 0 : v.length) ?? 0) + (((U = (w = e == null ? void 0 : e.puzzles) == null ? void 0 : w.data) == null ? void 0 : U.length) ?? 0) <= 2)
+        return;
+      const p = !((k = (Y = e == null ? void 0 : e.games) == null ? void 0 : Y.data) != null && k.length), o = p ? (B = e == null ? void 0 : e.lessons) == null ? void 0 : B.data[1] : (M = e == null ? void 0 : e.puzzles) == null ? void 0 : M.data[0];
+      if (!o)
+        return;
+      a(F.ONBOARDING_STEP_VIEWED, {
+        step: p ? _.SKILL_ACTIVITY : _.GAMES_ACTIVITY
+      });
+      const K = [
+        t ? {
+          originalElementToHighlightRef: T.current.circularCardWrapperRef,
+          type: N.NUDGE,
+          elementToHighlight: /* @__PURE__ */ n(
+            te,
+            {
+              onSwipeLeft: () => {
+                var u;
+                (u = i.current) == null || u.goToIndex(1);
+                const c = setTimeout(() => {
+                  clearTimeout(c), l.current.circularCardWrapperRef.current.style.visibility = "hidden";
+                }, L);
+                h(r, !1, L), s.current.push(c);
+              }
+            }
+          ),
+          indicator: {
+            nudge: "swipe",
+            content: /* @__PURE__ */ n(S, { $renderAs: "ab2", $color: "WHITE", children: "Swipe to explore" }),
+            nudgePointerX: C.width / 2 - 30,
+            nudgePointerY: C.height + 50
+          }
+        } : {
+          originalElementToHighlightRef: E[1],
+          type: N.NUDGE,
+          elementToHighlight: /* @__PURE__ */ n(j, { $isSelected: !1, $isCompleted: !1, $isTouchDevice: t, children: /* @__PURE__ */ n(
+            S,
+            {
+              $renderAs: "ac3-black",
+              $color: "WHITE_T_60",
+              $marginBottom: 0,
+              onClick: () => {
+                var u;
+                (u = i.current) == null || u.goToIndex(1);
+                const c = setTimeout(() => {
+                  clearTimeout(c), l.current.circularCardWrapperRef.current.style.visibility = "hidden";
+                }, L);
+                s.current.push(c), h(r, !1, L);
+              },
+              children: 2
+            }
+          ) }),
+          indicator: {
+            nudge: "click",
+            content: !t && /* @__PURE__ */ n(S, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            nudgePointerX: 0,
+            nudgePointerY: 0
+          }
+        },
+        {
+          originalElementToHighlightRef: l.current.circularCardWrapperRef,
+          type: N.NUDGE,
+          elementToHighlight: /* @__PURE__ */ n(
+            ie,
+            {
+              label: "",
+              data: {
+                card: o.cardLottie,
+                name: o.name,
+                isCompleted: !1,
+                displayNameImage: o.displayNameImage,
+                onPress: () => {
+                  p ? b(o, r) : R(o, r);
+                }
+              },
+              value: 0
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ n(S, { $renderAs: t ? "ab2" : "ab1", $color: "WHITE", children: t ? "Tap to start" : " Click to start" }),
+            nudgePointerX: C.width / 2,
+            nudgePointerY: C.height / 2
+          }
+        }
+      ];
+      P(r, K), (V = i.current) == null || V.goToIndex(0);
+      const $ = setTimeout(() => {
+        clearTimeout($), h(r);
+      }, oe);
+      s.current.push($);
+    },
+    [
+      i,
+      a,
+      t,
+      P,
+      h,
+      b,
+      R
+    ]
+  ), X = q(
+    () => ({
+      firstCardRefs: T,
+      secondCardRefs: l,
+      startJourney: O
+    }),
+    [O]
+  );
+  return Q(() => () => {
+    s.current.forEach((r) => clearTimeout(r)), s.current = [];
+  }, [i]), X;
+};
+export {
+  _e as useGameLauncherJourney
+};
+//# sourceMappingURL=use-game-launcher-journey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport {\n  PLATFORM_EVENTS_STUDENT as AnalyticsLabel,\n  PLATFORM_EVENTS_STUDENT,\n} from '../../../../analytics-events/platform-events-student';\nimport { CarouselItem } from '../../../../circle-games/game-launcher-v2/comps/carousel/carousel-styled';\nimport { type JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport { useUIContext } from '../../../../ui/context/context';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\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 { CircularGameCard } from '../../comps/circular-game-card/circular-game-card';\nimport { type ICircularGameCardRefs } from '../../comps/circular-game-card/circular-game-card-types';\nimport SwipeableCard from '../../comps/swipable-card/swipeable-card';\nimport type {\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport { type IProjectData } from '../../game-launcher-types';\nimport { SHOW_NUDGE_AFTER_MS, SLIDE_TO_LESSON_MS } from './constants';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.TABLET;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const firstCardRefs = useRef<ICircularGameCardRefs>(null);\n  const secondCardRefs = useRef<ICircularGameCardRefs>(null);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\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    (journeyId: JOURNEY_ID_STUDENT, projectData?: IProjectData) => {\n      const paginationList = carouselRefs.current?.indicatorRefs;\n\n      const launcherDims =\n        firstCardRefs.current?.circularCardWrapperRef.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      // Exit early if required refs or data are missing\n      if (!paginationList?.[0] || !secondCardRefs.current || !firstCardRefs.current) {\n        return;\n      }\n\n      if (\n        (projectData?.games?.data?.length ?? 0) +\n          (projectData?.lessons?.data?.length ?? 0) +\n          (projectData?.puzzles?.data?.length ?? 0) <=\n        2\n      ) {\n        return;\n      }\n\n      const showLessonCard = !projectData?.games?.data?.length;\n      const firstPuzzle = showLessonCard\n        ? projectData?.lessons?.data[1]\n        : projectData?.puzzles?.data[0];\n\n      if (!firstPuzzle) {\n        return;\n      }\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step: showLessonCard ? ActionEvent.SKILL_ACTIVITY : ActionEvent.GAMES_ACTIVITY,\n      });\n\n      const puzzleSteps: TCoachmarkJourneyProps[] = [\n        isMobile\n          ? {\n              originalElementToHighlightRef: firstCardRefs.current.circularCardWrapperRef,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <SwipeableCard\n                  onSwipeLeft={() => {\n                    carouselRefs.current?.goToIndex(1);\n\n                    const animateLabelTimer = setTimeout(() => {\n                      clearTimeout(animateLabelTimer);\n                      secondCardRefs.current!.circularCardWrapperRef.current.style.visibility =\n                        'hidden';\n                    }, SHOW_NUDGE_AFTER_MS);\n\n                    nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                    timerRefs.current.push(animateLabelTimer);\n                  }}\n                />\n              ),\n              indicator: {\n                nudge: 'swipe',\n                content: (\n                  <Text $renderAs=\"ab2\" $color=\"WHITE\">\n                    Swipe to explore\n                  </Text>\n                ),\n                nudgePointerX: launcherDims.width / 2 - 30,\n                nudgePointerY: launcherDims.height + 50,\n              } as INudgeProps,\n            }\n          : {\n              originalElementToHighlightRef: paginationList[1] as React.RefObject<HTMLDivElement>,\n              type: IndicatorType.NUDGE,\n              elementToHighlight: (\n                <CarouselItem $isSelected={false} $isCompleted={false} $isTouchDevice={isMobile}>\n                  <Text\n                    $renderAs=\"ac3-black\"\n                    $color=\"WHITE_T_60\"\n                    $marginBottom={0}\n                    onClick={() => {\n                      carouselRefs.current?.goToIndex(1);\n\n                      const animateLabelTimer = setTimeout(() => {\n                        clearTimeout(animateLabelTimer);\n                        secondCardRefs.current!.circularCardWrapperRef.current.style.visibility =\n                          'hidden';\n                      }, SHOW_NUDGE_AFTER_MS);\n\n                      timerRefs.current.push(animateLabelTimer);\n\n                      nextCoachmark(journeyId, false, SHOW_NUDGE_AFTER_MS);\n                    }}\n                  >\n                    {2}\n                  </Text>\n                </CarouselItem>\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: secondCardRefs.current.circularCardWrapperRef,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <CircularGameCard\n              label=\"\"\n              data={{\n                card: firstPuzzle!.cardLottie,\n                name: firstPuzzle!.name,\n                isCompleted: false,\n                displayNameImage: firstPuzzle!.displayNameImage,\n                onPress: () => {\n                  showLessonCard\n                    ? handleEndJourneyForLesson(firstPuzzle as Lesson, journeyId)\n                    : handleEndJourneyForPuzzle(firstPuzzle as Puzzle, journeyId);\n                },\n              }}\n              value={0}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs={isMobile ? 'ab2' : 'ab1'} $color=\"WHITE\">\n                {isMobile ? 'Tap to start' : ' Click to start'}\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width / 2,\n            nudgePointerY: launcherDims.height / 2,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, puzzleSteps);\n      carouselRefs.current?.goToIndex(0);\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [\n      carouselRefs,\n      trackAnalytics,\n      isMobile,\n      setJourney,\n      nextCoachmark,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      firstCardRefs,\n      secondCardRefs,\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","timerRefs","useRef","firstCardRefs","secondCardRefs","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventCompleted","useCallback","step","AnalyticsLabel","handleEndJourneyForPuzzle","puzzlesData","journeyId","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","projectData","paginationList","_a","launcherDims","_c","_b","_e","_d","_g","_f","_i","_h","showLessonCard","_k","_j","firstPuzzle","_l","_m","PLATFORM_EVENTS_STUDENT","puzzleSteps","IndicatorType","jsx","SwipeableCard","animateLabelTimer","SHOW_NUDGE_AFTER_MS","Text","CarouselItem","CircularGameCard","_n","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+const _ = 3e3;
+export {
+  _ as SHOW_CLICK_TABLE_NUDGE_AFTER_MS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/constants.ts"],"sourcesContent":["export const LESSON_CARD_INDEX = 0;\nexport const TABLE_CARD_INDEX = 3;\n\nexport const SHOW_INITIAL_COACHMARK_AFTER_MS = 500;\nexport const SHOW_INITIAL_TOOLTIP_AFTER_MS = 1500;\n\nexport const GO_TO_TABLE_LAUNCHER_DURATION_MS = 1000;\nexport const SHOW_CLICK_TABLE_NUDGE_AFTER_MS = 3000;\n"],"names":["SHOW_CLICK_TABLE_NUDGE_AFTER_MS"],"mappings":"AAOO,MAAMA,IAAkC;"}

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

@@ -0,0 +1,92 @@
+import { jsx as i, Fragment as D } from "react/jsx-runtime";
+import { useRef as a, useCallback as d, useEffect as l } from "react";
+import { useTheme as y } from "styled-components";
+import { PLATFORM_EVENTS_STUDENT as T } from "../../../../analytics-events/platform-events-student.js";
+import { JOURNEY_ID_STUDENT as S } from "../../../../journey/journey-id/journey-id-student.js";
+import { IndicatorType as f } from "../../../../journey/use-journey/constants.js";
+import { useJourney as B } from "../../../../journey/use-journey/use-journey.js";
+import { useUIContext as M } from "../../../../ui/context/context.js";
+import g from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/text/text.js";
+import { EDeviceType as F } from "../../../../ui/theme/constants.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as C } from "../../../enum/circle-onboarding-steps.js";
+import { INFINITE_MODE_TEXT as P } from "../../comps/tables-card/constants.js";
+import J from "../../comps/tables-card/infinite-button/infinite-mode-launcher-button.js";
+import { SHOW_CLICK_TABLE_NUDGE_AFTER_MS as U } from "./constants.js";
+const Q = ({
+  originalTableRef: t,
+  onTableInfiniteModeClick: E,
+  onJourneyComplete: p
+}) => {
+  const e = S.CIRCLE_TABLES_INFINTE_JOURNEY, { device: L } = y(), I = L === F.MOBILE ? "ab3-bold" : "ab2-bold", m = a([]), { nextCoachmark: s, setJourney: _, endJourney: h } = B(), { onEvent: c } = M(), N = d(() => {
+    var r;
+    h(e), E(), c(T.ONBOARDING_STEP_COMPLETED, {
+      step: C.INFINITE_MODE
+    }), (r = t == null ? void 0 : t.current) == null || r.stopLabelAnimation(), p(e);
+  }, [
+    h,
+    e,
+    p,
+    E,
+    t,
+    c
+  ]), O = d(
+    (r, u) => {
+      s(e, !1, r), c(T.ONBOARDING_STEP_VIEWED, {
+        step: C.INFINITE_MODE
+      });
+      const o = setTimeout(() => {
+        var n;
+        clearTimeout(o), (n = t.current) == null || n.startLabelAnimation("YELLOW_4"), t.current && t.current.labelRef.current && (t.current.labelRef.current.innerText = P), s(e, !0);
+      }, u);
+      m.current.push(o);
+    },
+    [e, s, t, c]
+  ), A = d(() => {
+    var u, o, n;
+    if (!((u = t.current) != null && u.segmentedCardWrapperRef.current) || !((o = t.current) != null && o.labelRef.current))
+      return;
+    const r = (n = t.current) == null ? void 0 : n.segmentedCardWrapperRef.current.getBoundingClientRect();
+    _(e, [
+      {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
+        type: f.TOOLTIP,
+        elementToHighlight: /* @__PURE__ */ i(D, {}),
+        indicator: {
+          position: "top",
+          backgroundColor: "YELLOW_4",
+          width: 260,
+          tooltipItem: /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(x, { $renderAs: I, children: "Challenge yourself in Infinity Mode! Break records and climb the leaderboard." }) }),
+          tooltipXCoOrdinates: r.width / 2,
+          tooltipYCoOrdinates: -(1 * r.height) / 3
+        }
+      },
+      {
+        originalElementToHighlightRef: t.current.infiniteButtonRef,
+        type: f.NUDGE,
+        indicator: {
+          nudge: "click",
+          nudgePointerX: 0,
+          nudgePointerY: 10
+        },
+        elementToHighlight: /* @__PURE__ */ i(J, { onClick: N })
+      }
+    ]), O(0, U);
+  }, [
+    N,
+    e,
+    t,
+    _,
+    O,
+    I
+  ]);
+  return l(() => () => {
+    m.current.forEach((r) => clearTimeout(r)), m.current = [];
+  }, [e]), {
+    startJourney: A
+  };
+};
+export {
+  Q as useTableInfiniteLauncherJourney
+};
+//# sourceMappingURL=use-table-infinite-launcher-journey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-infinite-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { PLATFORM_EVENTS_STUDENT } 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 type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as Action } from '../../../enum/circle-onboarding-steps';\nimport { INFINITE_MODE_TEXT } from '../../comps/tables-card/constants';\nimport InfiniteButtonCard from '../../comps/tables-card/infinite-button/infinite-mode-launcher-button';\nimport { SHOW_CLICK_TABLE_NUDGE_AFTER_MS } from './constants';\nimport type { IUseInfiniteTableJourneyProps } from './use-table-infinite-launcher-journey-types';\n\nexport const useTableInfiniteLauncherJourney = ({\n  originalTableRef,\n  onTableInfiniteModeClick,\n  onJourneyComplete,\n}: IUseInfiniteTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY;\n\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    // Only when User clicked on play\n    onTableInfiniteModeClick();\n\n    trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED, {\n      step: Action.INFINITE_MODE,\n    });\n    // Reset original table card ref label\n    originalTableRef?.current?.stopLabelAnimation();\n    onJourneyComplete(journeyId);\n  }, [\n    endJourney,\n    journeyId,\n    onJourneyComplete,\n    onTableInfiniteModeClick,\n    originalTableRef,\n    trackAnalytics,\n  ]);\n\n  const showToolTipAndNudge = useCallback(\n    (dealyToShowToolTip: number, delayToShowNudge: number) => {\n      nextCoachmark(journeyId, false, dealyToShowToolTip);\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step: Action.INFINITE_MODE,\n      });\n\n      const showNudge = setTimeout(() => {\n        clearTimeout(showNudge);\n\n        originalTableRef.current?.startLabelAnimation('YELLOW_4');\n        if (originalTableRef.current && originalTableRef.current.labelRef.current) {\n          originalTableRef.current.labelRef.current.innerText = INFINITE_MODE_TEXT;\n        }\n        nextCoachmark(journeyId, true);\n      }, delayToShowNudge);\n\n      timerRefs.current.push(showNudge);\n    },\n    [journeyId, nextCoachmark, originalTableRef, trackAnalytics],\n  );\n\n  const startJourney = useCallback(() => {\n    if (\n      !originalTableRef.current?.segmentedCardWrapperRef.current ||\n      !originalTableRef.current?.labelRef.current\n    ) {\n      return;\n    }\n\n    const tableCardDims =\n      originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n    // USER ON TABLE CARD\n    setJourney(journeyId, [\n      {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: {\n          position: 'top',\n          backgroundColor: 'YELLOW_4',\n          width: 260,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs={tooltipTextRenderAs}>\n                Challenge yourself in Infinity Mode! Break records and climb the leaderboard.\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: tableCardDims.width / 2,\n          tooltipYCoOrdinates: -(1 * tableCardDims.height) / 3,\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: originalTableRef.current.infiniteButtonRef,\n\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          nudgePointerX: 0,\n          nudgePointerY: 10,\n        } as INudgeProps,\n        elementToHighlight: <InfiniteButtonCard onClick={handleEndJourney} />,\n      },\n    ]);\n    showToolTipAndNudge(0, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n  }, [\n    handleEndJourney,\n    journeyId,\n    originalTableRef,\n    setJourney,\n    showToolTipAndNudge,\n    tooltipTextRenderAs,\n  ]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [journeyId]);\n\n  return {\n    startJourney,\n  };\n};\n"],"names":["useTableInfiniteLauncherJourney","originalTableRef","onTableInfiniteModeClick","onJourneyComplete","journeyId","JOURNEY_ID_STUDENT","device","useTheme","tooltipTextRenderAs","EDeviceType","timerRefs","useRef","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","handleEndJourney","useCallback","PLATFORM_EVENTS_STUDENT","Action","_a","showToolTipAndNudge","dealyToShowToolTip","delayToShowNudge","showNudge","INFINITE_MODE_TEXT","startJourney","_b","tableCardDims","_c","IndicatorType","jsx","Fragment","FlexView","Text","InfiniteButtonCard","SHOW_CLICK_TABLE_NUDGE_AFTER_MS","useEffect","timer"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+const _ = 500, E = 1500, A = 3e3, T = 3100, I = 100, L = 3e3;
+export {
+  A as SHOW_CLICK_TABLE_NUDGE_AFTER_MS,
+  _ as SHOW_INITIAL_COACHMARK_AFTER_MS,
+  E as SHOW_INITIAL_TOOLTIP_AFTER_MS,
+  L as SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS,
+  I as SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS,
+  T as START_ANIMATING_CLONED_ELEM
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/constants.ts"],"sourcesContent":["export const SHOW_INITIAL_COACHMARK_AFTER_MS = 500;\nexport const SHOW_INITIAL_TOOLTIP_AFTER_MS = 1500;\n\nexport const SHOW_CLICK_TABLE_NUDGE_AFTER_MS = 3000;\nexport const START_ANIMATING_CLONED_ELEM = SHOW_CLICK_TABLE_NUDGE_AFTER_MS + 100;\n\nexport const SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS = 100;\nexport const SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS = 3000;\n"],"names":["SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","SHOW_CLICK_TABLE_NUDGE_AFTER_MS","START_ANIMATING_CLONED_ELEM","SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS","SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS"],"mappings":"AAAO,MAAMA,IAAkC,KAClCC,IAAgC,MAEhCC,IAAkC,KAClCC,IAA8B,MAE9BC,IAAqC,KACrCC,IAAmC;"}

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

@@ -0,0 +1,159 @@
+import { jsx as n, Fragment as H } from "react/jsx-runtime";
+import { useRef as k, useCallback as C, useEffect as R } from "react";
+import { useTheme as U } from "styled-components";
+import { PLATFORM_EVENTS_STUDENT as D } from "../../../../analytics-events/platform-events-student.js";
+import { JOURNEY_ID_STUDENT as v } from "../../../../journey/journey-id/journey-id-student.js";
+import { IndicatorType as L } from "../../../../journey/use-journey/constants.js";
+import { useJourney as J } from "../../../../journey/use-journey/use-journey.js";
+import { useUIContext as V } from "../../../../ui/context/context.js";
+import M from "../../../../ui/layout/flex-view.js";
+import O from "../../../../ui/text/text.js";
+import { EDeviceType as b } from "../../../../ui/theme/constants.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as B } from "../../../enum/circle-onboarding-steps.js";
+import { TablesCard as Y } from "../../comps/tables-card/tables-card.js";
+import { SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS as w, SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS as x, START_ANIMATING_CLONED_ELEM as $, SHOW_INITIAL_COACHMARK_AFTER_MS as X, SHOW_INITIAL_TOOLTIP_AFTER_MS as K } from "./constants.js";
+const mt = ({
+  originalTableRef: t,
+  onTableSegmentClick: T,
+  onJourneyComplete: P,
+  onNextJourney: S
+}) => {
+  const e = v.CIRCLE_TABLES_INTRO_JOURNEY, { device: G } = U(), d = G === b.MOBILE, E = d ? "ab3-bold" : "ab2-bold", A = k(null), I = k([]), { nextCoachmark: s, setJourney: g, addCoachmark: i, endJourney: N } = J(), { onEvent: h } = V(), _ = C(
+    (r) => {
+      var o, c;
+      N(e), r && T(r), h(D.ONBOARDING_STEP_COMPLETED, {
+        step: B.TABLES
+      }), (o = t == null ? void 0 : t.current) == null || o.setLabelVisiblity(!0), (c = t == null ? void 0 : t.current) == null || c.stopLabelAnimation(), P(e);
+    },
+    [
+      N,
+      e,
+      P,
+      T,
+      t,
+      h
+    ]
+  ), W = C(() => {
+    _(), S();
+  }, [_, S]), f = C(
+    (r, o) => {
+      var u, p, a, l;
+      if (!((u = t.current) != null && u.segmentedCardWrapperRef.current) || !((p = t.current) != null && p.labelRef.current))
+        return;
+      (a = t == null ? void 0 : t.current) == null || a.setLabelVisiblity(!1);
+      const c = (l = t.current) == null ? void 0 : l.segmentedCardWrapperRef.current.getBoundingClientRect();
+      i(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
+        type: L.TOOLTIP,
+        elementToHighlight: /* @__PURE__ */ n(
+          Y,
+          {
+            ref: A,
+            defaultTable: o,
+            label: r.label,
+            data: r.data,
+            onPress: _,
+            onGoBackFromTableLevel: W
+          }
+        ),
+        indicator: {
+          position: "bottom",
+          backgroundColor: "YELLOW_4",
+          width: 236,
+          tooltipItem: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(O, { $renderAs: E, children: "Each table has 3 levels—clear them and earn 3 stars!" }) }),
+          tooltipXCoOrdinates: 0,
+          tooltipYCoOrdinates: 30
+        }
+      }), i(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
+        type: L.NUDGE,
+        indicator: {
+          nudge: "click",
+          content: !d && /* @__PURE__ */ n(O, { $renderAs: "ab1", $color: "WHITE", children: "Pick a level" }),
+          nudgePointerX: c.width / 2 + 50,
+          nudgePointerY: c.height * 0.4
+        },
+        elementToHighlight: /* @__PURE__ */ n(H, {})
+      }), s(e, !1, w), s(e, !0, x);
+      const m = setTimeout(() => {
+        var y;
+        clearTimeout(m), (y = A.current) == null || y.startLabelAnimation("YELLOW_4");
+      }, $);
+      I.current.push(m);
+    },
+    [
+      i,
+      W,
+      _,
+      d,
+      e,
+      s,
+      t,
+      E
+    ]
+  ), F = C(
+    (r) => {
+      var c, m, u, p, a;
+      if (!((m = (c = t.current) == null ? void 0 : c.segmentedCardWrapperRef) != null && m.current) || !((p = (u = t.current) == null ? void 0 : u.labelRef) != null && p.current))
+        return;
+      const o = (a = t.current) == null ? void 0 : a.segmentedCardWrapperRef.current.getBoundingClientRect();
+      h(D.ONBOARDING_STEP_VIEWED, {
+        step: B.TABLES
+      }), g(e, [
+        {
+          originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
+          type: L.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ n(H, {}),
+          indicator: {
+            position: "top",
+            backgroundColor: "YELLOW_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(O, { $renderAs: E, children: "Get faster at multiplication! Practice everyday and become a Tables champ." }) }),
+            tooltipXCoOrdinates: o.width / 2,
+            tooltipYCoOrdinates: 15
+          }
+        }
+      ]), s(e, !1, X), i(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
+        type: L.NUDGE,
+        indicator: {
+          nudge: "click",
+          content: !d && /* @__PURE__ */ n(O, { $renderAs: "ab1", $color: "WHITE", children: "Pick a table to start" }),
+          nudgePointerX: o.width / 2 + 50,
+          nudgePointerY: o.height / 2
+        },
+        elementToHighlight: /* @__PURE__ */ n(
+          Y,
+          {
+            ref: A,
+            label: r.label,
+            data: r.data,
+            onPress: () => {
+            },
+            onPressTableSegment: (l) => f(r, l)
+          }
+        )
+      }), s(e, !0, K);
+    },
+    [
+      i,
+      f,
+      d,
+      e,
+      s,
+      t,
+      g,
+      E,
+      h
+    ]
+  );
+  return R(() => () => {
+    I.current.forEach((r) => clearTimeout(r)), I.current = [];
+  }, [e]), {
+    startJourney: F
+  };
+};
+export {
+  mt as useTableLauncherJourney
+};
+//# sourceMappingURL=use-table-launcher-journey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher-v2/hooks/use-table-launcher-journey/use-table-launcher-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { PLATFORM_EVENTS_STUDENT } 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 type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as Action } from '../../../enum/circle-onboarding-steps';\nimport { TablesCard } from '../../comps/tables-card/tables-card';\nimport type { ITableCardRef, ITableDetails } from '../../comps/tables-card/tables-card-types';\nimport type {\n  ITableInfo,\n  ITables,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport {\n  SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS,\n  SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS,\n  SHOW_INITIAL_COACHMARK_AFTER_MS,\n  START_ANIMATING_CLONED_ELEM,\n  SHOW_INITIAL_TOOLTIP_AFTER_MS,\n} from './constants';\nimport type { IUseTableJourneyProps } from './use-table-launcher-journey-types';\n\nexport const useTableLauncherJourney = ({\n  originalTableRef,\n  onTableSegmentClick,\n  onJourneyComplete,\n  onNextJourney,\n}: IUseTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY;\n\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const highlightedTableRef = useRef<ITableCardRef>(null);\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { nextCoachmark, setJourney, addCoachmark, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const handleEndJourney = useCallback(\n    (tableDetails?: ITableDetails) => {\n      endJourney(journeyId);\n      // Only when User clicked on play\n      if (tableDetails) {\n        onTableSegmentClick(tableDetails);\n      }\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED, {\n        step: Action.TABLES,\n      });\n\n      // Reset original table card ref label\n      originalTableRef?.current?.setLabelVisiblity(true);\n      originalTableRef?.current?.stopLabelAnimation();\n      onJourneyComplete(journeyId);\n    },\n    [\n      endJourney,\n      journeyId,\n      onJourneyComplete,\n      onTableSegmentClick,\n      originalTableRef,\n      trackAnalytics,\n    ],\n  );\n\n  const handleContinueJourney = useCallback(() => {\n    handleEndJourney();\n    onNextJourney();\n  }, [handleEndJourney, onNextJourney]);\n\n  const handleTableSegmentClick = useCallback(\n    (launcherData: ITables, tableData: ITableInfo) => {\n      if (\n        !originalTableRef.current?.segmentedCardWrapperRef.current ||\n        !originalTableRef.current?.labelRef.current\n      ) {\n        return;\n      }\n\n      originalTableRef?.current?.setLabelVisiblity(false);\n      const tableCardDims =\n        originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: (\n          <TablesCard\n            ref={highlightedTableRef}\n            defaultTable={tableData}\n            label={launcherData.label}\n            data={launcherData.data}\n            onPress={handleEndJourney}\n            onGoBackFromTableLevel={handleContinueJourney}\n          />\n        ),\n        indicator: {\n          position: 'bottom',\n          backgroundColor: 'YELLOW_4',\n          width: 236,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs={tooltipTextRenderAs}>\n                Each table has 3 levels—clear them and earn 3 stars!\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: 0,\n          tooltipYCoOrdinates: 30,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: !isMobile && (\n            <Text $renderAs=\"ab1\" $color=\"WHITE\">\n              Pick a level\n            </Text>\n          ),\n          nudgePointerX: tableCardDims.width / 2 + 50,\n          nudgePointerY: tableCardDims.height * 0.4,\n        } as INudgeProps,\n        elementToHighlight: <></>,\n      });\n\n      nextCoachmark(journeyId, false, SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS); // Show coachmark => Each table has 3... and Hide the previous two\n      nextCoachmark(journeyId, true, SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS); // Show nudge => Pick a level\n\n      const startAnimationOnLabelAgain = setTimeout(() => {\n        clearTimeout(startAnimationOnLabelAgain);\n        highlightedTableRef.current?.startLabelAnimation('YELLOW_4');\n      }, START_ANIMATING_CLONED_ELEM);\n\n      timerRefs.current.push(startAnimationOnLabelAgain);\n    },\n    [\n      addCoachmark,\n      handleContinueJourney,\n      handleEndJourney,\n      isMobile,\n      journeyId,\n      nextCoachmark,\n      originalTableRef,\n      tooltipTextRenderAs,\n    ],\n  );\n  const startJourney = useCallback(\n    (tablesData: ITables) => {\n      if (\n        !originalTableRef.current?.segmentedCardWrapperRef?.current ||\n        !originalTableRef.current?.labelRef?.current\n      ) {\n        return;\n      }\n\n      const tableCardDims =\n        originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n        step: Action.TABLES,\n      });\n\n      setJourney(journeyId, [\n        {\n          originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'top',\n            backgroundColor: 'YELLOW_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs={tooltipTextRenderAs}>\n                  Get faster at multiplication! Practice everyday and become a Tables champ.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: tableCardDims.width / 2,\n            tooltipYCoOrdinates: 15,\n          } as IArrowTooltipProps,\n        },\n      ]);\n\n      nextCoachmark(journeyId, false, SHOW_INITIAL_COACHMARK_AFTER_MS);\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: !isMobile && (\n            <Text $renderAs=\"ab1\" $color=\"WHITE\">\n              {'Pick a table to start'}\n            </Text>\n          ),\n          nudgePointerX: tableCardDims.width / 2 + 50,\n          nudgePointerY: tableCardDims.height / 2,\n        } as INudgeProps,\n        elementToHighlight: (\n          <TablesCard\n            ref={highlightedTableRef}\n            label={tablesData.label}\n            data={tablesData.data}\n            onPress={() => {}}\n            onPressTableSegment={tableInfo => handleTableSegmentClick(tablesData, tableInfo)}\n          />\n        ),\n      });\n\n      nextCoachmark(journeyId, true, SHOW_INITIAL_TOOLTIP_AFTER_MS);\n    },\n    [\n      addCoachmark,\n      handleTableSegmentClick,\n      isMobile,\n      journeyId,\n      nextCoachmark,\n      originalTableRef,\n      setJourney,\n      tooltipTextRenderAs,\n      trackAnalytics,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [journeyId]);\n\n  return {\n    startJourney,\n  };\n};\n"],"names":["useTableLauncherJourney","originalTableRef","onTableSegmentClick","onJourneyComplete","onNextJourney","journeyId","JOURNEY_ID_STUDENT","device","useTheme","isMobile","EDeviceType","tooltipTextRenderAs","highlightedTableRef","useRef","timerRefs","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","trackAnalytics","useUIContext","handleEndJourney","useCallback","tableDetails","PLATFORM_EVENTS_STUDENT","Action","_a","_b","handleContinueJourney","handleTableSegmentClick","launcherData","tableData","_c","tableCardDims","_d","IndicatorType","jsx","TablesCard","FlexView","Text","Fragment","SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS","SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS","startAnimationOnLabelAgain","START_ANIMATING_CLONED_ELEM","startJourney","tablesData","_e","SHOW_INITIAL_COACHMARK_AFTER_MS","tableInfo","SHOW_INITIAL_TOOLTIP_AFTER_MS","useEffect","timer"],"mappings":"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"}