@cuemath/leap 3.1.30 → 3.1.32

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

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type {\n  ICircleHomeDetails,\n  TStreakStatus,\n  TTableMode,\n} from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport {\n  invalidateCircleHomeAPI,\n  useGetCircleHomeAPI,\n} from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  grade: string,\n  countryCode: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n  invalidateCircleHomeDetails: () => void;\n} => {\n  const initialQuery = useMemo(\n    () => ({\n      user_id: userId,\n      grade,\n      country_code: countryCode,\n    }),\n    [userId, grade, countryCode],\n  );\n\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n\n  const {\n    data,\n    get: getHomeDetails,\n    isProcessed,\n    ...rest\n  } = useGetCircleHomeAPI(userId, initialQuery);\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails(userId, initialQuery);\n  }, [getHomeDetails, initialQuery, userId]);\n\n  const invalidateCircleHomeDetails = useCallback(() => {\n    invalidateCircleHomeAPI(userId, initialQuery);\n  }, [initialQuery, userId]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakReduction: data.streak_reduction,\n        streakDaysBeforeReduction: data.streak_days_before_reduction,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n\n      if (data.projects.tables) {\n        circleHomeDetails.projects.tables = {\n          label: data.projects.tables.label,\n          type: ProjectType.TABLE,\n          data: {\n            infiniteModeHighScore: data.projects.tables.data.infinite_mode_high_score,\n            tableList: data.projects.tables.data.table_wise_details.map(table => ({\n              tableNumber: table.table_number,\n              stars: table.stars as TTableMode[],\n            })),\n          },\n        };\n      }\n    }\n\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return {\n    data: contentForToday,\n    isProcessed,\n    getCircleHomeDetails,\n    invalidateCircleHomeDetails,\n    ...rest,\n  };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","grade","countryCode","initialQuery","useMemo","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","invalidateCircleHomeDetails","invalidateCircleHomeAPI","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson","table"],"mappings":"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"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  invalidateCircleHomeAPI,\n  useGetCircleHomeAPI,\n} from '../../api/get-content-for-today/get-circle-home-api';\nimport { transformCircleHomeData } from './helper';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  grade: string,\n  countryCode: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n  invalidateCircleHomeDetails: () => void;\n} => {\n  const initialQuery = useMemo(\n    () => ({\n      user_id: userId,\n      grade,\n      country_code: countryCode,\n    }),\n    [userId, grade, countryCode],\n  );\n\n  const {\n    data = null,\n    get: getHomeDetails,\n    isProcessed,\n    ...rest\n  } = useGetCircleHomeAPI(userId, initialQuery);\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(\n    transformCircleHomeData(data),\n  );\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails(userId, initialQuery);\n  }, [getHomeDetails, initialQuery, userId]);\n\n  const invalidateCircleHomeDetails = useCallback(() => {\n    invalidateCircleHomeAPI(userId, initialQuery);\n  }, [initialQuery, userId]);\n\n  useEffect(() => {\n    if (isProcessed && data) {\n      setContentForToday(transformCircleHomeData(data));\n    }\n  }, [data, isProcessed]);\n\n  return {\n    data: contentForToday,\n    isProcessed,\n    getCircleHomeDetails,\n    invalidateCircleHomeDetails,\n    ...rest,\n  };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","grade","countryCode","initialQuery","useMemo","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","contentForToday","setContentForToday","useState","transformCircleHomeData","getCircleHomeDetails","useCallback","invalidateCircleHomeDetails","invalidateCircleHomeAPI","useEffect"],"mappings":";;;AAUO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAKG;AACH,QAAMC,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,SAASJ;AAAA,MACT,OAAAC;AAAA,MACA,cAAcC;AAAA,IAAA;AAAA,IAEhB,CAACF,GAAQC,GAAOC,CAAW;AAAA,EAAA,GAGvB;AAAA,IACJ,MAAAG,IAAO;AAAA,IACP,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAoBT,GAAQG,CAAY,GACtC,CAACO,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CC,EAAwBR,CAAI;AAAA,EAAA,GAGxBS,IAAuBC,EAAY,MAAM;AAC7C,IAAAT,EAAeN,GAAQG,CAAY;AAAA,EAClC,GAAA,CAACG,GAAgBH,GAAcH,CAAM,CAAC,GAEnCgB,IAA8BD,EAAY,MAAM;AACpD,IAAAE,EAAwBjB,GAAQG,CAAY;AAAA,EAAA,GAC3C,CAACA,GAAcH,CAAM,CAAC;AAEzB,SAAAkB,EAAU,MAAM;AACd,IAAIX,KAAeF,KACEM,EAAAE,EAAwBR,CAAI,CAAC;AAAA,EAClD,GACC,CAACA,GAAME,CAAW,CAAC,GAEf;AAAA,IACL,MAAMG;AAAA,IACN,aAAAH;AAAA,IACA,sBAAAO;AAAA,IACA,6BAAAE;AAAA,IACA,GAAGR;AAAA,EAAA;AAEP;"}

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

@@ -1,39 +1,38 @@
 import { jsx as i } from "react/jsx-runtime";
-import { memo as g, useRef as J, useCallback as n, useMemo as V, useEffect as B } from "react";
-import { LOTTIE as K } from "../../../assets/lottie/lottie.js";
-import { JOURNEY_ID_STUDENT as T } from "../../journey/journey-id/journey-id-student.js";
-import { useJourney as H } from "../../journey/use-journey/use-journey.js";
-import { CircularLoader as Z } from "../../ui/loader/circular-loader/circular-loader.js";
-import w from "../../ui/lottie-animation/lottie-animation.js";
-import { useCircleSounds as F } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import { memo as g, useRef as J, useCallback as n, useMemo as V, useEffect as Y } from "react";
+import { LOTTIE as B } from "../../../assets/lottie/lottie.js";
+import { JOURNEY_ID_STUDENT as _ } from "../../journey/journey-id/journey-id-student.js";
+import { useJourney as K } from "../../journey/use-journey/use-journey.js";
+import { CircularLoader as H } from "../../ui/loader/circular-loader/circular-loader.js";
+import Z from "../../ui/lottie-animation/lottie-animation.js";
+import { useCircleSounds as w } from "../hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as t } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { GAME_LAUNCHER_SIZE as X } from "./comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as F } from "./comps/card-container/constants.js";
 import { Carousel as M } from "./comps/carousel/carousel.js";
-import { GAME_LAUNCHER_ASSET_PADDING as q } from "./comps/segmented-game-card/constants.js";
-import { SegmentedGameCard as _ } from "./comps/segmented-game-card/segmented-game-card.js";
-import { TablesCard as Q } from "./comps/tables-card/tables-card.js";
+import { GAME_LAUNCHER_ASSET_PADDING as X } from "./comps/segmented-game-card/constants.js";
+import { SegmentedGameCard as a } from "./comps/segmented-game-card/segmented-game-card.js";
+import { TablesCard as q } from "./comps/tables-card/tables-card.js";
 import { GAME_LAUNCHER_ANALYTICS_EVENTS as S } from "./game-launcher-analytics-events.js";
-import { useGameLauncherJourney as W } from "./hooks/use-game-launcher-journey/use-game-launcher-journey.js";
-import { useTableInfiniteLauncherJourney as $ } from "./hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js";
-import { useTableLauncherJourney as j } from "./hooks/use-table-launcher-journey/use-table-launcher-journey.js";
+import { useGameLauncherJourney as Q } from "./hooks/use-game-launcher-journey/use-game-launcher-journey.js";
+import { useTableInfiniteLauncherJourney as W } from "./hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js";
+import { useTableLauncherJourney as $ } from "./hooks/use-table-launcher-journey/use-table-launcher-journey.js";
 import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
-const O = X + q, _e = g(
+const O = F + X, _e = g(
   ({
     onSegmentClick: l,
     journeyId: u,
     data: e,
     isLoading: c,
-    isTutorialOnboardingDone: A,
-    isTablesOnboardingDone: v,
-    defaultIndex: x = 0,
+    isTutorialOnboardingDone: b,
+    defaultIndex: v = 0,
     onJourneyComplete: p
   }) => {
-    const f = J(null), E = J(null), { isJourneyActive: b } = H(), { playSwipeSound: a, play: o } = F(), L = n(
+    const f = J(null), E = J(null), { isJourneyActive: C } = K(), { playSwipeSound: A, play: o } = w(), L = n(
       (r) => {
         o(t.GAME_CARD_CLICK), l(r, m.TABLE);
       },
       [l, o]
-    ), D = n(() => {
+    ), x = n(() => {
       o(t.GAME_CARD_CLICK), l({ mode: "infinite" }, m.TABLE);
     }, [l, o]), I = n(
       (r) => {
@@ -55,29 +54,27 @@ const O = X + q, _e = g(
       lessonRefs: P,
       puzzleRefs: h,
       startJourney: G
-    } = W({
+    } = Q({
       carouselRefs: f,
       onSegmentClick: l,
       onJourneyComplete: p
-    }), { startJourney: C } = $({
+    }), { startJourney: T } = W({
       carouselRefs: f,
-      onTableInfiniteModeClick: D,
+      onTableInfiniteModeClick: x,
       onJourneyComplete: p,
       originalTableRef: E
-    }), { startJourney: z } = j({
+    }), { startJourney: z } = $({
       carouselRefs: f,
       originalTableRef: E,
       onTableSegmentClick: L,
       onJourneyComplete: p,
-      onContinueNextJourney: () => {
-        C();
-      }
-    }), U = V(() => {
+      onNextJourney: T
+    }), D = V(() => {
       let r = [];
       return e && (e.lessons && (r = [
         ...r,
         /* @__PURE__ */ i(
-          _,
+          a,
           {
             ref: P,
             label: e.lessons.label,
@@ -95,7 +92,7 @@ const O = X + q, _e = g(
       ]), r = [
         ...r,
         /* @__PURE__ */ i(
-          _,
+          a,
           {
             ref: N,
             label: e.games.label,
@@ -111,7 +108,7 @@ const O = X + q, _e = g(
           }
         ),
         /* @__PURE__ */ i(
-          _,
+          a,
           {
             ref: h,
             label: e.puzzles.label,
@@ -129,7 +126,7 @@ const O = X + q, _e = g(
       ], e.tables && (r = [
         ...r,
         /* @__PURE__ */ i(
-          Q,
+          q,
           {
             ref: E,
             label: e.tables.label,
@@ -148,12 +145,12 @@ const O = X + q, _e = g(
       R,
       y,
       L
-    ]), Y = V(
+    ]), U = V(
       () => [
         /* @__PURE__ */ i(
-          w,
+          Z,
           {
-            src: K.SLEEPY_BOI,
+            src: B.SLEEPY_BOI,
             width: O,
             height: O
           }
@@ -161,39 +158,38 @@ const O = X + q, _e = g(
       ],
       []
     );
-    return B(() => {
-      if (!(c || !e || b)) {
-        if (e != null && e.puzzles && u === T.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {
+    return Y(() => {
+      if (!(c || !e || C)) {
+        if (e != null && e.puzzles && u === _.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {
           G(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons));
           return;
         }
-        if (e != null && e.tables && u === T.CIRCLE_TABLES_INTRO_JOURNEY) {
-          z(e == null ? void 0 : e.tables, A);
+        if (e != null && e.tables && u === _.CIRCLE_TABLES_INTRO_JOURNEY) {
+          z(e == null ? void 0 : e.tables, b);
           return;
         }
-        if (e != null && e.tables && u === T.CIRCLE_TABLES_INFINTE_JOURNEY) {
-          C();
+        if (e != null && e.tables && u === _.CIRCLE_TABLES_INFINTE_JOURNEY) {
+          T();
           return;
         }
       }
     }, [
       e,
-      b,
+      C,
       c,
-      v,
-      A,
+      b,
       u,
-      C,
+      T,
       G,
       z
-    ]), c ? /* @__PURE__ */ i(Z, {}) : e ? /* @__PURE__ */ i(
+    ]), c ? /* @__PURE__ */ i(H, {}) : e ? /* @__PURE__ */ i(
       M,
       {
         ref: f,
-        items: U,
-        defaultIndex: x,
-        onNext: a,
-        onPrev: a,
+        items: D,
+        defaultIndex: v,
+        onNext: A,
+        onPrev: A,
         analyticsNext: {
           analyticsLabel: S.NEXT_ACTIVITY
         },
@@ -204,7 +200,7 @@ const O = X + q, _e = g(
     ) : /* @__PURE__ */ i(
       M,
       {
-        items: Y,
+        items: U,
         analyticsNext: {
           analyticsLabel: ""
         },

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 { ICarouselRefs } from './comps/carousel/carousel-types';\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 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 { 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 { 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 { 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 GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    isTablesOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null);\n\n    const originalTableRef = useRef<ITableCardRef>(null);\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, 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 onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\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: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onContinueNextJourney: () => {\n        startInfiniteTablesJourney();\n      },\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={originalTableRef}\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      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 || isJourneyActive) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons);\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        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      isTablesOnboardingDone,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\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={playSwipeSound}\n        onPrev={playSwipeSound}\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","journeyId","data","isLoading","isTutorialOnboardingDone","isTablesOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","originalTableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","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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"}
+{"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 { 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 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 { 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 { 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 { 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 GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null);\n\n    const tableRef = useRef<ITableCardRef>(null);\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, 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 onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\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: 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(() => {\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      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 || isJourneyActive) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons);\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        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) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\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={playSwipeSound}\n        onPrev={playSwipeSound}\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","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","tableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","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-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js

@@ -1,15 +1,15 @@
 import { jsx as n, Fragment as x } from "react/jsx-runtime";
-import { useRef as U, useCallback as m, useEffect as b } from "react";
-import { JOURNEY_ID_STUDENT as w } from "../../../../journey/journey-id/journey-id-student.js";
+import { useRef as U, useCallback as m, useEffect as w } from "react";
+import { JOURNEY_ID_STUDENT as F } from "../../../../journey/journey-id/journey-id-student.js";
 import { IndicatorType as l } from "../../../../journey/use-journey/constants.js";
-import { useJourney as F } from "../../../../journey/use-journey/use-journey.js";
+import { useJourney as J } from "../../../../journey/use-journey/use-journey.js";
 import W from "../../../../ui/layout/flex-view.js";
 import k from "../../../../ui/text/text.js";
-import { getTheme as J } from "../../../../ui/theme/get-theme.js";
-import { useCircleSounds as P } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { getTheme as P } from "../../../../ui/theme/get-theme.js";
+import { useCircleSounds as b } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
 import { INFINITE_MODE_TEXT as v } from "../../comps/tables-card/constants.js";
-import R from "../../comps/tables-card/infinite-button/infinite-button-card.js";
-import { TABLE_CARD_INDEX as I, GO_TO_TABLE_LAUNCHER_DURATION_MS as X, SHOW_CLICK_TABLE_NUDGE_AFTER_MS as Y, LESSON_CARD_INDEX as $, SHOW_INITIAL_COACHMARK_AFTER_MS as G, SHOW_INITIAL_TOOLTIP_AFTER_MS as j } from "./constants.js";
+import R from "../../comps/tables-card/infinite-button/infinite-mode-launcher-button.js";
+import { TABLE_CARD_INDEX as I, GO_TO_TABLE_LAUNCHER_DURATION_MS as X, SHOW_CLICK_TABLE_NUDGE_AFTER_MS as B, LESSON_CARD_INDEX as $, SHOW_INITIAL_COACHMARK_AFTER_MS as G, SHOW_INITIAL_TOOLTIP_AFTER_MS as j } from "./constants.js";
 import { Indicator as K } from "./use-table-infinite-launcher-journey-styled.js";
 const V = {
   top: 6,
@@ -18,13 +18,13 @@ const V = {
 }, mt = ({
   carouselRefs: o,
   originalTableRef: t,
-  onTableInfiniteModeClick: a,
-  onJourneyComplete: T
+  onTableInfiniteModeClick: T,
+  onJourneyComplete: a
 }) => {
-  const e = w.CIRCLE_TABLES_INFINTE_JOURNEY, { device: B } = J(), p = B === "mobile" ? "ab3-bold" : "ab2-bold", h = U([]), { playButtonSound: C } = P(), { nextCoachmark: c, setJourney: E, addCoachmark: _, endJourney: A } = F(), g = m(() => {
+  const e = F.CIRCLE_TABLES_INFINTE_JOURNEY, { device: Y } = P(), p = Y === "mobile" ? "ab3-bold" : "ab2-bold", h = U([]), { playButtonSound: A } = b(), { nextCoachmark: c, setJourney: E, addCoachmark: _, endJourney: f } = J(), g = m(() => {
     var r;
-    A(e), a(), (r = t == null ? void 0 : t.current) == null || r.stopLabelAnimation(), T(e);
-  }, [A, e, T, a, t]), s = m(
+    f(e), T(), (r = t == null ? void 0 : t.current) == null || r.stopLabelAnimation(), a(e);
+  }, [f, e, a, T, t]), s = m(
     (r, u) => {
       c(e, !1, r);
       const i = setTimeout(() => {
@@ -34,16 +34,16 @@ const V = {
       h.current.push(i);
     },
     [e, c, t]
-  ), f = m(() => {
+  ), C = m(() => {
     var r;
-    C(), (r = o.current) == null || r.goToIndex(I), s(X, Y);
-  }, [o, C, s]), M = m(() => {
+    A(), (r = o.current) == null || r.goToIndex(I), s(X, B);
+  }, [o, A, s]), M = m(() => {
     var O, L, N, y, S, D, H;
     const r = (O = o.current) == null ? void 0 : O.indicatorRefs, u = (L = o.current) == null ? void 0 : L.nextBtnRef, i = r == null ? void 0 : r[I];
     if (!((N = t.current) != null && N.segmentedCardWrapperRef.current) || !((y = t.current) != null && y.labelRef.current) || !r || !(u != null && u.current) || !i || !i.current)
       return;
     const d = (S = t.current) == null ? void 0 : S.segmentedCardWrapperRef.current.getBoundingClientRect();
-    ((D = o.current) == null ? void 0 : D.currentIndex) === I ? (E(e, []), s(0, Y)) : (E(e, [
+    ((D = o.current) == null ? void 0 : D.currentIndex) === I ? (E(e, []), s(0, B)) : (E(e, [
       {
         originalElementToHighlightRef: i,
         isActive: !1,
@@ -59,7 +59,7 @@ const V = {
               $position: "absolute",
               $flexDirection: "row",
               style: V,
-              onClick: f,
+              onClick: C,
               children: /* @__PURE__ */ n(k, { $renderAs: p, children: "NEW" })
             }
           ),
@@ -86,26 +86,26 @@ const V = {
       indicator: {
         position: "top",
         backgroundColor: "YELLOW_4",
-        width: 240,
+        width: 260,
         tooltipItem: /* @__PURE__ */ n(W, { children: /* @__PURE__ */ n(k, { $renderAs: p, children: "Challenge yourself in Infinity Mode! Break records and climb the leaderboard." }) }),
         tooltipXCoOrdinates: d.width / 2,
-        tooltipYCoOrdinates: -1 * d.height / 3
+        tooltipYCoOrdinates: -(1 * d.height) / 3
       }
     }), _(e, {
-      originalElementToHighlightRef: t.current.centerCardWrapperRef,
+      originalElementToHighlightRef: t.current.infiniteButtonRef,
       isActive: !1,
       type: l.NUDGE,
       indicator: {
         nudge: "click",
         nudgePointerX: 0,
-        nudgePointerY: 15
+        nudgePointerY: 10
       },
-      elementToHighlight: /* @__PURE__ */ n(R, { onClick: g, enableClick: !0 })
+      elementToHighlight: /* @__PURE__ */ n(R, { onClick: g })
     });
   }, [
     _,
     o,
-    f,
+    C,
     g,
     e,
     c,
@@ -114,7 +114,7 @@ const V = {
     s,
     p
   ]);
-  return b(() => () => {
+  return w(() => () => {
     h.current.forEach((r) => clearTimeout(r)), h.current = [];
   }, [e]), {
     startJourney: M

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

@@ -1 +1 @@
-{"version":3,"file":"use-table-infinite-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { IUseInfiniteTableJourneyProps } from './use-table-infinite-launcher-journey-types';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\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 FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { INFINITE_MODE_TEXT } from '../../comps/tables-card/constants';\nimport InfiniteButtonCard from '../../comps/tables-card/infinite-button/infinite-button-card';\nimport { LESSON_CARD_INDEX, TABLE_CARD_INDEX } from './constants';\nimport {\n  GO_TO_TABLE_LAUNCHER_DURATION_MS,\n  SHOW_CLICK_TABLE_NUDGE_AFTER_MS,\n  SHOW_INITIAL_COACHMARK_AFTER_MS,\n  SHOW_INITIAL_TOOLTIP_AFTER_MS,\n} from './constants';\nimport * as S from './use-table-infinite-launcher-journey-styled';\n\nconst tooltipItemStyle: React.CSSProperties = {\n  top: 6,\n  left: 8,\n  cursor: 'pointer',\n};\n\nexport const useTableInfiniteLauncherJourney = ({\n  carouselRefs,\n  originalTableRef,\n  onTableInfiniteModeClick,\n  onJourneyComplete,\n}: IUseInfiniteTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY;\n\n  const { device } = getTheme();\n  const isMobile = device === 'mobile';\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, addCoachmark, endJourney } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    // Only when User clicked on play\n    onTableInfiniteModeClick();\n    // Reset original table card ref label\n    originalTableRef?.current?.stopLabelAnimation();\n    onJourneyComplete(journeyId);\n  }, [endJourney, journeyId, onJourneyComplete, onTableInfiniteModeClick, originalTableRef]);\n\n  const showToolTipAndNudge = useCallback(\n    (dealyToShowToolTip: number, delayToShowNudge: number) => {\n      nextCoachmark(journeyId, false, dealyToShowToolTip);\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],\n  );\n\n  const goToTableLauncher = useCallback(() => {\n    playButtonSound();\n    carouselRefs.current?.goToIndex(TABLE_CARD_INDEX);\n    showToolTipAndNudge(GO_TO_TABLE_LAUNCHER_DURATION_MS, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n  }, [carouselRefs, playButtonSound, showToolTipAndNudge]);\n\n  const startJourney = useCallback(() => {\n    const paginationList = carouselRefs.current?.indicatorRefs;\n    const carouselNextBtnRef = carouselRefs.current?.nextBtnRef;\n    const tablePaginationRef = paginationList?.[TABLE_CARD_INDEX];\n\n    if (\n      !originalTableRef.current?.segmentedCardWrapperRef.current ||\n      !originalTableRef.current?.labelRef.current ||\n      !paginationList ||\n      !carouselNextBtnRef?.current ||\n      !tablePaginationRef ||\n      !tablePaginationRef.current\n    ) {\n      return;\n    }\n\n    const tableCardDims =\n      originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n    // USER ON TABLE CARD\n    if (carouselRefs.current?.currentIndex === TABLE_CARD_INDEX) {\n      setJourney(journeyId, []);\n      showToolTipAndNudge(0, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n    } else {\n      // USER ON LESSON CARD\n      setJourney(journeyId, [\n        {\n          originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <S.Indicator $isActive={false} />,\n          indicator: {\n            position: 'bottom',\n            backgroundColor: 'YELLOW_4',\n            width: 52,\n            tooltipItem: (\n              <FlexView\n                $position=\"absolute\"\n                $flexDirection=\"row\"\n                style={tooltipItemStyle}\n                onClick={goToTableLauncher}\n              >\n                <Text $renderAs={tooltipTextRenderAs}>NEW</Text>\n              </FlexView>\n            ),\n            tooltipYCoOrdinates: 14, // Need some offset in Y direction from top\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          indicator: {\n            nudge: 'click',\n            content: '',\n            nudgePointerY: 20,\n          } as INudgeProps,\n          elementToHighlight: <></>,\n        },\n      ]);\n      carouselRefs.current?.goToIndex(LESSON_CARD_INDEX);\n      nextCoachmark(journeyId, false, SHOW_INITIAL_COACHMARK_AFTER_MS); // Show Coachmark => NEW\n      nextCoachmark(journeyId, true, SHOW_INITIAL_TOOLTIP_AFTER_MS); // Show Nudge over Coachmark\n    }\n\n    // SHOW THE USER SELECT INFINITE MODE\n    addCoachmark(journeyId, {\n      originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n      isActive: false,\n      type: IndicatorType.TOOLTIP,\n      elementToHighlight: <></>,\n      indicator: {\n        position: 'top',\n        backgroundColor: 'YELLOW_4',\n        width: 240,\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    addCoachmark(journeyId, {\n      originalElementToHighlightRef: originalTableRef.current.centerCardWrapperRef,\n      isActive: false,\n      type: IndicatorType.NUDGE,\n      indicator: {\n        nudge: 'click',\n        nudgePointerX: 0,\n        nudgePointerY: 15,\n      } as INudgeProps,\n      elementToHighlight: <InfiniteButtonCard onClick={handleEndJourney} enableClick={true} />,\n    });\n  }, [\n    addCoachmark,\n    carouselRefs,\n    goToTableLauncher,\n    handleEndJourney,\n    journeyId,\n    nextCoachmark,\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":["tooltipItemStyle","useTableInfiniteLauncherJourney","carouselRefs","originalTableRef","onTableInfiniteModeClick","onJourneyComplete","journeyId","JOURNEY_ID_STUDENT","device","getTheme","tooltipTextRenderAs","timerRefs","useRef","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","handleEndJourney","useCallback","_a","showToolTipAndNudge","dealyToShowToolTip","delayToShowNudge","showNudge","INFINITE_MODE_TEXT","goToTableLauncher","TABLE_CARD_INDEX","GO_TO_TABLE_LAUNCHER_DURATION_MS","SHOW_CLICK_TABLE_NUDGE_AFTER_MS","startJourney","paginationList","carouselNextBtnRef","_b","tablePaginationRef","_c","_d","tableCardDims","_e","_f","IndicatorType","jsx","S.Indicator","FlexView","Text","Fragment","_g","LESSON_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","InfiniteButtonCard","useEffect","timer"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAwC;AAAA,EAC5C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AACV,GAEaC,KAAkC,CAAC;AAAA,EAC9C,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,mBAAAC;AACF,MAAqC;AACnC,QAAMC,IAAYC,EAAmB,+BAE/B,EAAE,QAAAC,MAAWC,KAEbC,IADWF,MAAW,WACW,aAAa,YAE9CG,IAAYC,EAAwC,CAAA,CAAE,GAEtD,EAAE,iBAAAC,MAAoBC,KACtB,EAAE,eAAAC,GAAe,YAAAC,GAAY,cAAAC,GAAc,YAAAC,EAAA,IAAeC,KAE1DC,IAAmBC,EAAY,MAAM;;AACzC,IAAAH,EAAWZ,CAAS,GAEKF,MAEzBkB,IAAAnB,KAAA,gBAAAA,EAAkB,YAAlB,QAAAmB,EAA2B,sBAC3BjB,EAAkBC,CAAS;AAAA,EAAA,GAC1B,CAACY,GAAYZ,GAAWD,GAAmBD,GAA0BD,CAAgB,CAAC,GAEnFoB,IAAsBF;AAAA,IAC1B,CAACG,GAA4BC,MAA6B;AAC1C,MAAAV,EAAAT,GAAW,IAAOkB,CAAkB;AAE5C,YAAAE,IAAY,WAAW,MAAM;;AACjC,qBAAaA,CAAS,IAELJ,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,oBAAoB,aAC1CnB,EAAiB,WAAWA,EAAiB,QAAQ,SAAS,YAC/CA,EAAA,QAAQ,SAAS,QAAQ,YAAYwB,IAExDZ,EAAcT,GAAW,EAAI;AAAA,SAC5BmB,CAAgB;AAET,MAAAd,EAAA,QAAQ,KAAKe,CAAS;AAAA,IAClC;AAAA,IACA,CAACpB,GAAWS,GAAeZ,CAAgB;AAAA,EAAA,GAGvCyB,IAAoBP,EAAY,MAAM;;AAC1B,IAAAR,MACHS,IAAApB,EAAA,YAAA,QAAAoB,EAAS,UAAUO,IAChCN,EAAoBO,GAAkCC,CAA+B;AAAA,EACpF,GAAA,CAAC7B,GAAcW,GAAiBU,CAAmB,CAAC,GAEjDS,IAAeX,EAAY,MAAM;;AAC/B,UAAAY,KAAiBX,IAAApB,EAAa,YAAb,gBAAAoB,EAAsB,eACvCY,KAAqBC,IAAAjC,EAAa,YAAb,gBAAAiC,EAAsB,YAC3CC,IAAqBH,KAAA,gBAAAA,EAAiBJ;AAE5C,QACE,GAACQ,IAAAlC,EAAiB,YAAjB,QAAAkC,EAA0B,wBAAwB,YACnD,GAACC,IAAAnC,EAAiB,YAAjB,QAAAmC,EAA0B,SAAS,YACpC,CAACL,KACD,EAACC,KAAA,QAAAA,EAAoB,YACrB,CAACE,KACD,CAACA,EAAmB;AAEpB;AAGF,UAAMG,KACJC,IAAArC,EAAiB,YAAjB,gBAAAqC,EAA0B,wBAAwB,QAAQ;AAGxD,MAAAC,IAAAvC,EAAa,YAAb,gBAAAuC,EAAsB,kBAAiBZ,KAC9Bb,EAAAV,GAAW,CAAA,CAAE,GACxBiB,EAAoB,GAAGQ,CAA+B,MAGtDf,EAAWV,GAAW;AAAA,MACpB;AAAA,QACE,+BAA+B8B;AAAA,QAC/B,UAAU;AAAA,QACV,MAAMM,EAAc;AAAA,QACpB,oBAAqB,gBAAAC,EAAAC,GAAA,EAAY,WAAW,GAAO,CAAA;AAAA,QACnD,WAAW;AAAA,UACT,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,aACE,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,gBAAe;AAAA,cACf,OAAO7C;AAAA,cACP,SAAS4B;AAAA,cAET,UAAC,gBAAAe,EAAAG,GAAA,EAAK,WAAWpC,GAAqB,UAAG,OAAA;AAAA,YAAA;AAAA,UAC3C;AAAA,UAEF,qBAAqB;AAAA;AAAA,QACvB;AAAA,MACF;AAAA,MACA;AAAA,QACE,+BAA+B0B;AAAA,QAC/B,UAAU;AAAA,QACV,MAAMM,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,QACA,oBAAsB,gBAAAC,EAAAI,GAAA,EAAA;AAAA,MACxB;AAAA,IAAA,CACD,IACYC,IAAA9C,EAAA,YAAA,QAAA8C,EAAS,UAAUC,IAClBlC,EAAAT,GAAW,IAAO4C,CAA+B,GACjDnC,EAAAT,GAAW,IAAM6C,CAA6B,IAI9DlC,EAAaX,GAAW;AAAA,MACtB,+BAA+BH,EAAiB,QAAQ;AAAA,MACxD,UAAU;AAAA,MACV,MAAMuC,EAAc;AAAA,MACpB,oBAAsB,gBAAAC,EAAAI,GAAA,EAAA;AAAA,MACtB,WAAW;AAAA,QACT,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,+BACGF,GACC,EAAA,UAAA,gBAAAF,EAACG,KAAK,WAAWpC,GAAqB,2FAEtC,EACF,CAAA;AAAA,QAEF,qBAAqB6B,EAAc,QAAQ;AAAA,QAC3C,qBAAsB,KAAKA,EAAc,SAAU;AAAA,MACrD;AAAA,IAAA,CACD,GAEDtB,EAAaX,GAAW;AAAA,MACtB,+BAA+BH,EAAiB,QAAQ;AAAA,MACxD,UAAU;AAAA,MACV,MAAMuC,EAAc;AAAA,MACpB,WAAW;AAAA,QACT,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,MACjB;AAAA,MACA,oBAAqB,gBAAAC,EAAAS,GAAA,EAAmB,SAAShC,GAAkB,aAAa,IAAM;AAAA,IAAA,CACvF;AAAA,EAAA,GACA;AAAA,IACDH;AAAA,IACAf;AAAA,IACA0B;AAAA,IACAR;AAAA,IACAd;AAAA,IACAS;AAAA,IACAZ;AAAA,IACAa;AAAA,IACAO;AAAA,IACAb;AAAA,EAAA,CACD;AAGD,SAAA2C,EAAU,MACD,MAAM;AACX,IAAA1C,EAAU,QAAQ,QAAQ,CAAS2C,MAAA,aAAaA,CAAK,CAAC,GACtD3C,EAAU,UAAU;EAAC,GAEtB,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,cAAA0B;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-table-infinite-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { IUseInfiniteTableJourneyProps } from './use-table-infinite-launcher-journey-types';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\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 FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { INFINITE_MODE_TEXT } from '../../comps/tables-card/constants';\nimport InfiniteButtonCard from '../../comps/tables-card/infinite-button/infinite-mode-launcher-button';\nimport { LESSON_CARD_INDEX, TABLE_CARD_INDEX } from './constants';\nimport {\n  GO_TO_TABLE_LAUNCHER_DURATION_MS,\n  SHOW_CLICK_TABLE_NUDGE_AFTER_MS,\n  SHOW_INITIAL_COACHMARK_AFTER_MS,\n  SHOW_INITIAL_TOOLTIP_AFTER_MS,\n} from './constants';\nimport * as S from './use-table-infinite-launcher-journey-styled';\n\nconst tooltipItemStyle: React.CSSProperties = {\n  top: 6,\n  left: 8,\n  cursor: 'pointer',\n};\n\nexport const useTableInfiniteLauncherJourney = ({\n  carouselRefs,\n  originalTableRef,\n  onTableInfiniteModeClick,\n  onJourneyComplete,\n}: IUseInfiniteTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY;\n\n  const { device } = getTheme();\n  const isMobile = device === 'mobile';\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, addCoachmark, endJourney } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    // Only when User clicked on play\n    onTableInfiniteModeClick();\n    // Reset original table card ref label\n    originalTableRef?.current?.stopLabelAnimation();\n    onJourneyComplete(journeyId);\n  }, [endJourney, journeyId, onJourneyComplete, onTableInfiniteModeClick, originalTableRef]);\n\n  const showToolTipAndNudge = useCallback(\n    (dealyToShowToolTip: number, delayToShowNudge: number) => {\n      nextCoachmark(journeyId, false, dealyToShowToolTip);\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],\n  );\n\n  const goToTableLauncher = useCallback(() => {\n    playButtonSound();\n    carouselRefs.current?.goToIndex(TABLE_CARD_INDEX);\n    showToolTipAndNudge(GO_TO_TABLE_LAUNCHER_DURATION_MS, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n  }, [carouselRefs, playButtonSound, showToolTipAndNudge]);\n\n  const startJourney = useCallback(() => {\n    const paginationList = carouselRefs.current?.indicatorRefs;\n    const carouselNextBtnRef = carouselRefs.current?.nextBtnRef;\n    const tablePaginationRef = paginationList?.[TABLE_CARD_INDEX];\n\n    if (\n      !originalTableRef.current?.segmentedCardWrapperRef.current ||\n      !originalTableRef.current?.labelRef.current ||\n      !paginationList ||\n      !carouselNextBtnRef?.current ||\n      !tablePaginationRef ||\n      !tablePaginationRef.current\n    ) {\n      return;\n    }\n\n    const tableCardDims =\n      originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n    // USER ON TABLE CARD\n    if (carouselRefs.current?.currentIndex === TABLE_CARD_INDEX) {\n      setJourney(journeyId, []);\n      showToolTipAndNudge(0, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n    } else {\n      // USER ON LESSON CARD\n      setJourney(journeyId, [\n        {\n          originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <S.Indicator $isActive={false} />,\n          indicator: {\n            position: 'bottom',\n            backgroundColor: 'YELLOW_4',\n            width: 52,\n            tooltipItem: (\n              <FlexView\n                $position=\"absolute\"\n                $flexDirection=\"row\"\n                style={tooltipItemStyle}\n                onClick={goToTableLauncher}\n              >\n                <Text $renderAs={tooltipTextRenderAs}>NEW</Text>\n              </FlexView>\n            ),\n            tooltipYCoOrdinates: 14, // Need some offset in Y direction from top\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          indicator: {\n            nudge: 'click',\n            content: '',\n            nudgePointerY: 20,\n          } as INudgeProps,\n          elementToHighlight: <></>,\n        },\n      ]);\n      carouselRefs.current?.goToIndex(LESSON_CARD_INDEX);\n      nextCoachmark(journeyId, false, SHOW_INITIAL_COACHMARK_AFTER_MS); // Show Coachmark => NEW\n      nextCoachmark(journeyId, true, SHOW_INITIAL_TOOLTIP_AFTER_MS); // Show Nudge over Coachmark\n    }\n\n    // SHOW THE USER SELECT INFINITE MODE\n    addCoachmark(journeyId, {\n      originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n      isActive: false,\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    addCoachmark(journeyId, {\n      originalElementToHighlightRef: originalTableRef.current.infiniteButtonRef,\n      isActive: false,\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    addCoachmark,\n    carouselRefs,\n    goToTableLauncher,\n    handleEndJourney,\n    journeyId,\n    nextCoachmark,\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":["tooltipItemStyle","useTableInfiniteLauncherJourney","carouselRefs","originalTableRef","onTableInfiniteModeClick","onJourneyComplete","journeyId","JOURNEY_ID_STUDENT","device","getTheme","tooltipTextRenderAs","timerRefs","useRef","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","handleEndJourney","useCallback","_a","showToolTipAndNudge","dealyToShowToolTip","delayToShowNudge","showNudge","INFINITE_MODE_TEXT","goToTableLauncher","TABLE_CARD_INDEX","GO_TO_TABLE_LAUNCHER_DURATION_MS","SHOW_CLICK_TABLE_NUDGE_AFTER_MS","startJourney","paginationList","carouselNextBtnRef","_b","tablePaginationRef","_c","_d","tableCardDims","_e","_f","IndicatorType","jsx","S.Indicator","FlexView","Text","Fragment","_g","LESSON_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","InfiniteButtonCard","useEffect","timer"],"mappings":"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"}