@cuemath/leap 2.8.41 → 2.8.43-link.0

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

@@ -1,59 +1,71 @@
 import { jsx as i } from "react/jsx-runtime";
-import { memo as S, useState as v, useCallback as n, useMemo as I, useEffect as D } from "react";
-import { LOTTIE as B } from "../../../assets/lottie/lottie.js";
-import { CircularLoader as K } from "../../ui/loader/circular-loader/circular-loader.js";
-import O from "../../ui/lottie-animation/lottie-animation.js";
-import { useCircleSounds as U } from "../hooks/use-circle-sounds/use-circle-sounds.js";
-import { CircleSoundKey as m } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { GAME_LAUNCHER_SIZE as Y } from "./comps/card-container/constants.js";
-import { Carousel as T } from "./comps/carousel/carousel.js";
+import { memo as v, useRef as x, useCallback as n, useMemo as h, useEffect as D } from "react";
+import { LOTTIE as J } from "../../../assets/lottie/lottie.js";
+import { JOURNEY_ID_STUDENT as z } from "../../journey/journey-id/journey-id-student.js";
+import { CircularLoader as U } from "../../ui/loader/circular-loader/circular-loader.js";
+import Y from "../../ui/lottie-animation/lottie-animation.js";
+import { useCircleSounds as B } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { CircleSoundKey as f } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
+import { GAME_LAUNCHER_SIZE as K } from "./comps/card-container/constants.js";
+import { Carousel as G } from "./comps/carousel/carousel.js";
 import { GAME_LAUNCHER_ASSET_PADDING as H } from "./comps/segmented-game-card/constants.js";
-import { SegmentedGameCard as f } from "./comps/segmented-game-card/segmented-game-card.js";
-import { TablesCard as J } from "./comps/tables-card/tables-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as h } from "./game-launcher-analytics-events.js";
-import { useGameLauncherJourney as Z } from "./use-game-launcher-journey/use-game-launcher-journey.js";
-import { ProjectType as t } from "../games/web-view/enums/project-type-enum.js";
-const z = Y + H, ie = S(
-  ({ onSegmentClick: r, onJourneyComplete: x, journeyId: u, data: e, isLoading: G, defaultIndex: V = 0 }) => {
-    const [g, N] = v(V), { playSwipSound: p, play: o } = U(), {
-      gameRefs: c,
-      lessonRefs: a,
-      puzzleRefs: C,
-      startJourney: L,
-      carouselNextBtnRef: E,
-      isJourneyInProgress: A
-    } = Z({
-      setCarouselIndex: N,
-      onSegmentClick: r,
-      onJourneyComplete: x
-    }), b = n(
+import { SegmentedGameCard as E } from "./comps/segmented-game-card/segmented-game-card.js";
+import { TablesCard as Z } from "./comps/tables-card/tables-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as V } from "./game-launcher-analytics-events.js";
+import { useGameLauncherJourney as w } from "./hooks/use-game-launcher-journey/use-game-launcher-journey.js";
+import { useTableLauncherJourney as X } from "./hooks/use-table-launcher-journey/use-table-launcher-journey.js";
+import { ProjectType as u } from "../games/web-view/enums/project-type-enum.js";
+const S = K + H, fe = v(
+  ({
+    onSegmentClick: r,
+    onJourneyComplete: a,
+    journeyId: m,
+    data: e,
+    isLoading: p,
+    isTutorialOnboardingDone: C,
+    defaultIndex: M = 0
+  }) => {
+    const t = x(null), { playSwipSound: L, play: o } = B(), c = n(
       (l) => {
-        o(m.GAME_CARD_CLICK), r(l, t.TABLE);
+        o(f.GAME_CARD_CLICK), r(l, u.TABLE);
       },
       [r, o]
     ), _ = n(
       (l) => {
-        l.status !== "completed" && (o(m.GAME_CARD_CLICK), r(l, t.LESSON));
+        l.status !== "completed" && (o(f.GAME_CARD_CLICK), r(l, u.LESSON));
       },
       [r, o]
-    ), P = n(
+    ), b = n(
       (l) => {
-        o(m.GAME_CARD_CLICK), r(l, t.GAME);
+        o(f.GAME_CARD_CLICK), r(l, u.GAME);
       },
       [r, o]
-    ), y = n(
+    ), A = n(
       (l) => {
-        o(m.GAME_CARD_CLICK), r(l, t.PUZZLE);
+        o(f.GAME_CARD_CLICK), r(l, u.PUZZLE);
       },
       [r, o]
-    ), R = I(() => {
+    ), {
+      gameRefs: T,
+      lessonRefs: R,
+      puzzleRefs: I,
+      startJourney: y
+    } = w({
+      carouselRefs: t,
+      onSegmentClick: r,
+      onJourneyComplete: a
+    }), { startJourney: P, tableRef: N } = X({
+      carouselRefs: t,
+      onTableSegmentClick: c,
+      onJourneyComplete: a
+    }), O = h(() => {
       let l = [];
       return e && (e.lessons && (l = [
         ...l,
         /* @__PURE__ */ i(
-          f,
+          E,
           {
-            ref: a,
+            ref: R,
             label: e.lessons.label,
             value: e.lessons.data.filter((s) => s.status === "completed").length,
             maxValue: e.lessons.data.length,
@@ -69,9 +81,9 @@ const z = Y + H, ie = S(
       ]), l = [
         ...l,
         /* @__PURE__ */ i(
-          f,
+          E,
           {
-            ref: c,
+            ref: T,
             label: e.games.label,
             value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
@@ -80,14 +92,14 @@ const z = Y + H, ie = S(
               card: s.cardLottie,
               name: s.name,
               isCompleted: !1,
-              onPress: () => P(s)
+              onPress: () => b(s)
             }))
           }
         ),
         /* @__PURE__ */ i(
-          f,
+          E,
           {
-            ref: C,
+            ref: I,
             label: e.puzzles.label,
             value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
@@ -96,66 +108,81 @@ const z = Y + H, ie = S(
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.solved,
-              onPress: () => y(s)
+              onPress: () => A(s)
             }))
           }
         )
       ], e.tables && (l = [
         ...l,
         /* @__PURE__ */ i(
-          J,
+          Z,
           {
+            ref: N,
             label: e.tables.label,
             data: e.tables.data,
-            onPress: b,
+            onPress: c,
             openModesOfTable: e.tables.openModesOfTable
           }
         )
       ])), l;
     }, [
       e,
-      c,
-      a,
-      C,
+      T,
+      I,
+      R,
       _,
       b,
-      y,
-      P
-    ]), M = I(
+      A,
+      N,
+      c
+    ]), g = h(
       () => [
         /* @__PURE__ */ i(
-          O,
+          Y,
           {
-            src: B.SLEEPY_BOI,
-            width: z,
-            height: z
+            src: J.SLEEPY_BOI,
+            width: S,
+            height: S
           }
         )
       ],
       []
     );
     return D(() => {
-      e != null && e.puzzles && u && A && L(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), u);
-    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, A, u, L]), G ? /* @__PURE__ */ i(K, {}) : e ? /* @__PURE__ */ i(
-      T,
+      if (!(p || !e)) {
+        if (e != null && e.puzzles && m === z.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {
+          y(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), m);
+          return;
+        }
+        e != null && e.tables && m === z.CIRCLE_TABLES_INTRO_JOURNEY && P(e == null ? void 0 : e.tables, C);
+      }
+    }, [
+      e,
+      p,
+      C,
+      m,
+      y,
+      P
+    ]), p ? /* @__PURE__ */ i(U, {}) : e ? /* @__PURE__ */ i(
+      G,
       {
-        ref: E,
-        items: R,
-        defaultIndex: g,
-        onNext: p,
-        onPrev: p,
+        ref: t,
+        items: O,
+        defaultIndex: M,
+        onNext: L,
+        onPrev: L,
         analyticsNext: {
-          analyticsLabel: h.NEXT_ACTIVITY
+          analyticsLabel: V.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: h.PREV_ACTIVITY
+          analyticsLabel: V.PREV_ACTIVITY
         }
       }
     ) : /* @__PURE__ */ i(
-      T,
+      G,
       {
-        ref: E,
-        items: M,
+        ref: t,
+        items: g,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -167,6 +194,6 @@ const z = Y + H, ie = S(
   }
 );
 export {
-  ie as GameLauncher
+  fe as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { 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 type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const { playSwipSound, play } = useCircleSounds();\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\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 items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\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 itemTypes;\n    }, [\n      data,\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      handleLessonSegmentClick,\n      onTableSegmentClick,\n      handlePuzzleSegmentClick,\n      handleGameSegmentClick,\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    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","playSwipSound","play","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ICarouselRefs } from './comps/carousel/carousel-types';\nimport type { 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 type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\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 { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-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 GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    onJourneyComplete,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null);\n\n    const { playSwipSound, play } = useCircleSounds();\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 handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\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 {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const { startJourney: startTablesJourney, tableRef } = useTableLauncherJourney({\n      carouselRefs,\n      onTableSegmentClick,\n      onJourneyComplete,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\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 itemTypes;\n    }, [\n      data,\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      handleLessonSegmentClick,\n      handleGameSegmentClick,\n      handlePuzzleSegmentClick,\n      tableRef,\n      onTableSegmentClick,\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    // Start game launcher journey only when isLoading has become false and data is available\n    useEffect(() => {\n      if (isLoading || !data) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons, journeyId);\n\n        return; // CIRCLE_ACTIVITIES_INTRO_JOURNEY has higher priority\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables, isTutorialOnboardingDone);\n      }\n    }, [\n      data,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselRefs}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","carouselRefs","useRef","playSwipSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startTablesJourney","tableRef","useTableLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","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/hooks/use-game-launcher-journey/constants.js

@@ -0,0 +1,9 @@
+const _ = 500, S = 1e3, E = 500, T = 1500, L = 3e3;
+export {
+  E as GO_TO_NEXT_SLIDE_AFTER_MS,
+  T as SHOW_LABEL_HIGHLIGHT_AFTER_MS,
+  L as SHOW_NUDGE_AFTER_MS,
+  _ as SLIDE_TO_LESSON_MS,
+  S as START_JOURNEY_DELAY_MS
+};
+//# sourceMappingURL=constants.js.map

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

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

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

@@ -0,0 +1,217 @@
+import { jsx as e, Fragment as I } from "react/jsx-runtime";
+import { useRef as C, useCallback as E, useMemo as ne } from "react";
+import q from "../../../../../assets/line-icons/icons/carat-right.js";
+import { PLATFORM_EVENTS_STUDENT as Q } from "../../../../analytics-events/platform-events-student.js";
+import { IndicatorType as s } from "../../../../journey/use-journey/constants.js";
+import { useJourney as ie } from "../../../../journey/use-journey/use-journey.js";
+import j from "../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as oe } from "../../../../ui/context/context.js";
+import L from "../../../../ui/layout/flex-view.js";
+import g from "../../../../ui/text/text.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as p } from "../../../enum/circle-onboarding-steps.js";
+import { useCircleSounds as le } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as ce } from "../../comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as z } from "../../game-launcher-analytics-events.js";
+import { GO_TO_NEXT_SLIDE_AFTER_MS as ae, SHOW_LABEL_HIGHLIGHT_AFTER_MS as de, SHOW_NUDGE_AFTER_MS as se, START_JOURNEY_DELAY_MS as ge, SLIDE_TO_LESSON_MS as he } from "./constants.js";
+import { ProjectType as me } from "../../../games/web-view/enums/project-type-enum.js";
+const He = ({
+  carouselRefs: n,
+  onSegmentClick: O,
+  onJourneyComplete: S
+}) => {
+  const o = C(null), r = C(null), d = C(null), R = C(!1), { playButtonSound: b } = le(), { nextCoachmark: c, setJourney: N } = ie(), { onEvent: _ } = oe(), P = E(
+    (t) => {
+      _(Q.ONBOARDING_STEP_VIEWED, {
+        step: t
+      });
+    },
+    [_]
+  ), y = E(
+    (t) => {
+      _(Q.ONBOARDING_STEP_COMPLETED, {
+        step: t
+      });
+    },
+    [_]
+  ), h = E(
+    (t, a, i, m, A = !1) => {
+      var T, u;
+      A || (b(), (u = n.current) == null || u.goToIndex(((T = n.current) == null ? void 0 : T.currentIndex) + 1), c(m, !1, ae)), P(t);
+      const f = setTimeout(() => {
+        clearTimeout(f), a.startLabelAnimation(i);
+      }, de);
+      c(m, !0, se);
+    },
+    [n, c, b, P]
+  ), H = E(
+    (t, a) => {
+      O(t, me.PUZZLE), y(p.PUZZLE_ACTIVITY), c(a), S(a);
+    },
+    [c, S, O, y]
+  ), G = E(
+    (t, a, i) => {
+      var Y, k, w, U, v, B, V, x, D, M, W, X, $, J, F, Z, K;
+      if (R.current || !((Y = n == null ? void 0 : n.current) != null && Y.nextBtnRef.current) || !((k = r == null ? void 0 : r.current) != null && k.segmentedCardWrapperRef.current) || !((w = o == null ? void 0 : o.current) != null && w.labelRef.current) || !((U = r == null ? void 0 : r.current) != null && U.labelRef.current) || !t)
+        return;
+      R.current = !0;
+      const m = ((V = (B = (v = d.current) == null ? void 0 : v.labelRef) == null ? void 0 : B.current) == null ? void 0 : V.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, A = ((M = (D = (x = o.current) == null ? void 0 : x.labelRef) == null ? void 0 : D.current) == null ? void 0 : M.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, f = (($ = (X = (W = r.current) == null ? void 0 : W.labelRef) == null ? void 0 : X.current) == null ? void 0 : $.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, T = ((Z = (F = (J = r.current) == null ? void 0 : J.segmentedCardWrapperRef) == null ? void 0 : F.current) == null ? void 0 : Z.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      };
+      let u = [];
+      a && d.current && (u = [
+        {
+          originalElementToHighlightRef: d.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(I, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "BLUE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
+            tooltipXCoOrdinates: m.width + 50,
+            tooltipYCoOrdinates: m.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: (K = n.current) == null ? void 0 : K.nextBtnRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            j,
+            {
+              renderAs: "secondary",
+              Icon: q,
+              onClick: () => h(
+                p.GAMES_ACTIVITY,
+                o.current,
+                "ORANGE_4",
+                i
+              ),
+              analyticsLabel: z.JOURNEY_NEXT_ACTIVITY
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            nudgePointerX: 0,
+            nudgePointerY: 0
+          }
+        }
+      ]);
+      const ee = [
+        {
+          originalElementToHighlightRef: o.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(I, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "ORANGE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
+            tooltipXCoOrdinates: A.width + 50,
+            tooltipYCoOrdinates: A.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: n.current.nextBtnRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            j,
+            {
+              renderAs: "secondary",
+              Icon: q,
+              onClick: () => h(
+                p.PUZZLE_ACTIVITY,
+                r.current,
+                "PURPLE_4",
+                i
+              ),
+              analyticsLabel: z.JOURNEY_NEXT_ACTIVITY
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            nudgePointerX: 0,
+            nudgePointerY: 0
+          }
+        }
+      ], te = [
+        {
+          originalElementToHighlightRef: r.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(I, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "PURPLE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(g, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
+            tooltipXCoOrdinates: f.width + 50,
+            tooltipYCoOrdinates: f.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: r.current.segmentedCardWrapperRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            ce,
+            {
+              label: "",
+              value: t.data.filter((l) => l.solved).length,
+              maxValue: t.data.length,
+              initialValue: t.initialProgressValue,
+              data: t.data.map((l) => ({
+                card: l.cardLottie,
+                name: "",
+                // We dont want to show the name of the puzzle in onboarding
+                isCompleted: l.solved,
+                onPress: () => H(l, i)
+              }))
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(g, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+            nudgePointerX: T.width * 0.6,
+            nudgePointerY: T.height * 0.4
+          }
+        }
+      ];
+      N(i, [...u, ...ee, ...te]);
+      const re = setTimeout(() => {
+        var l;
+        clearTimeout(re), (l = n.current) == null || l.goToIndex(0), c(i, !1, ge);
+      }, he);
+      a && d.current ? h(p.SKILL_ACTIVITY, d.current, "BLUE_4", i, !0) : h(p.GAMES_ACTIVITY, o.current, "ORANGE_4", i, !0);
+    },
+    [n, H, h, c, N]
+  );
+  return ne(
+    () => ({
+      gameRefs: o,
+      puzzleRefs: r,
+      lessonRefs: d,
+      startJourney: G
+    }),
+    [G]
+  );
+};
+export {
+  He 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

@@ -0,0 +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 { TJourneyId } from '../../../../journey/journey-id/journey-id-types';\nimport type { ICoachmarkProps } 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  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, 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 { 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 { 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  START_JOURNEY_DELAY_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = 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      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\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      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean, journeyId: TJourneyId) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselRefs?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      isJourneyInProgress.current = true;\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\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        puzzleRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: ICoachmarkProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'right',\n              backgroundColor: 'BLUE_4',\n              width: 264,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width + 50,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n            isActive: false,\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                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: (\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\n      const gameSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: gameRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'ORANGE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width + 50,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n          isActive: false,\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                  journeyId,\n                )\n              }\n              analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\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: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'PURPLE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width + 50,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\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: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\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\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n        nextCoachmark(journeyId, false, START_JOURNEY_DELAY_MS);\n      }, SLIDE_TO_LESSON_MS);\n\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [carouselRefs, endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","gameRefs","useRef","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","journeyId","isFirstSlide","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","ActionEvent","startJourney","isLessonAvailable","_c","_d","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","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","delayBeforeStart","START_JOURNEY_DELAY_MS","SLIDE_TO_LESSON_MS","useMemo"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+const _ = 2, E = 3, A = 500, T = 1500, L = 1e3, I = 3e3, O = 3100, S = 2e3, C = 3e3;
+export {
+  L as GO_TO_TABLE_LAUNCHER_DURATION_MS,
+  _ as PUZZLE_CARD_INDEX,
+  I as SHOW_CLICK_TABLE_NUDGE_AFTER_MS,
+  A as SHOW_INITIAL_COACHMARK_AFTER_MS,
+  T as SHOW_INITIAL_TOOLTIP_AFTER_MS,
+  C as SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS,
+  S as SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS,
+  O as START_ANIMATING_CLONED_ELEM,
+  E as TABLE_CARD_INDEX
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.ts"],"sourcesContent":["export const PUZZLE_CARD_INDEX = 2;\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;\nexport const START_ANIMATING_CLONED_ELEM = SHOW_CLICK_TABLE_NUDGE_AFTER_MS + 100;\n\nexport const SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS = 2000;\nexport const SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS = 3000;\n"],"names":["PUZZLE_CARD_INDEX","TABLE_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","GO_TO_TABLE_LAUNCHER_DURATION_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,IAAoB,GACpBC,IAAmB,GAEnBC,IAAkC,KAClCC,IAAgC,MAEhCC,IAAmC,KACnCC,IAAkC,KAClCC,IAA8B,MAE9BC,IAAqC,KACrCC,IAAmC;"}

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

@@ -0,0 +1,13 @@
+import t from "styled-components";
+const i = t.div`
+  border: 1px solid ${({ theme: r }) => r.colors.WHITE};
+  height: 8px;
+  width: 8px;
+  border-radius: 100%;
+  background: ${({ theme: r, $isActive: o }) => o ? r.colors.WHITE : "transparent"};
+  cursor: pointer;
+`;
+export {
+  i as Indicator
+};
+//# sourceMappingURL=use-table-launcher-journey-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-launcher-journey-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Indicator = styled.div<{ $isActive?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  height: 8px;\n  width: 8px;\n  border-radius: 100%;\n  background: ${({ theme, $isActive }) => ($isActive ? theme.colors.WHITE : 'transparent')};\n  cursor: pointer;\n`;\n"],"names":["Indicator","styled","theme","$isActive"],"mappings":";AAEO,MAAMA,IAAYC,EAAO;AAAA,sBACV,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIvC,CAAC,EAAE,OAAAA,GAAO,WAAAC,QAAiBA,IAAYD,EAAM,OAAO,QAAQ,aAAc;AAAA;AAAA;"}