@cuemath/leap 3.3.25 → 3.3.26-akm-2

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

@@ -1,230 +0,0 @@
-import { jsx as r, Fragment as S } from "react/jsx-runtime";
-import { useRef as w, useCallback as A, useEffect as z } from "react";
-import { useTheme as Q } from "styled-components";
-import tt from "../../../../../assets/line-icons/icons/carat-right.js";
-import { PLATFORM_EVENTS_STUDENT as F } from "../../../../analytics-events/platform-events-student.js";
-import { JOURNEY_ID_STUDENT as et } from "../../../../journey/journey-id/journey-id-student.js";
-import { IndicatorType as m } from "../../../../journey/use-journey/constants.js";
-import { useJourney as rt } from "../../../../journey/use-journey/use-journey.js";
-import nt from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as ot } from "../../../../ui/context/context.js";
-import P from "../../../../ui/layout/flex-view.js";
-import E from "../../../../ui/text/text.js";
-import { EDeviceType as it } from "../../../../ui/theme/constants.js";
-import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as V } from "../../../enum/circle-onboarding-steps.js";
-import { useCircleSounds as ct } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { TablesCard as X } from "../../comps/tables-card/tables-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as dt } from "../../game-launcher-analytics-events.js";
-import { SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS as st, SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS as ut, START_ANIMATING_CLONED_ELEM as v, TABLE_CARD_INDEX as J, GO_TO_TABLE_LAUNCHER_DURATION_MS as mt, SHOW_CLICK_TABLE_NUDGE_AFTER_MS as lt, PUZZLE_CARD_INDEX as at, SHOW_INITIAL_COACHMARK_AFTER_MS as K, LESSON_CARD_INDEX as Et, SHOW_INITIAL_TOOLTIP_AFTER_MS as ht } from "./constants.js";
-import { Indicator as pt } from "./use-table-launcher-journey-styled.js";
-const Yt = ({
-  carouselRefs: s,
-  originalTableRef: t,
-  onTableSegmentClick: H,
-  onJourneyComplete: y,
-  onNextJourney: D
-}) => {
-  const e = et.CIRCLE_TABLES_INTRO_JOURNEY, { device: j } = Q(), l = j === it.MOBILE, h = l ? "ab3-bold" : "ab2-bold", L = w(null), p = w([]), { playButtonSound: W } = ct(), { nextCoachmark: c, setJourney: N, addCoachmark: a, endJourney: R } = rt(), { onEvent: I } = ot(), O = A(
-    (n) => {
-      var d, o;
-      R(e), n && H(n), I(F.ONBOARDING_STEP_COMPLETED, {
-        step: V.TABLES
-      }), (d = t == null ? void 0 : t.current) == null || d.setLabelVisiblity(!0), (o = t == null ? void 0 : t.current) == null || o.stopLabelAnimation(), y(e);
-    },
-    [
-      R,
-      e,
-      y,
-      H,
-      t,
-      I
-    ]
-  ), b = A(() => {
-    O(), D();
-  }, [O, D]), B = A(
-    (n, d) => {
-      var _, T, g;
-      if (!((_ = t.current) != null && _.segmentedCardWrapperRef.current) || !((T = t.current) != null && T.labelRef.current))
-        return;
-      const o = t.current.labelRef.current.getBoundingClientRect(), i = (g = t.current) == null ? void 0 : g.segmentedCardWrapperRef.current.getBoundingClientRect();
-      a(e, {
-        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
-        type: m.TOOLTIP,
-        elementToHighlight: /* @__PURE__ */ r(
-          X,
-          {
-            ref: L,
-            defaultTable: d,
-            label: n.label,
-            data: n.data,
-            onPress: O,
-            onGoBackFromTableLevel: b
-          }
-        ),
-        indicator: {
-          position: "top",
-          backgroundColor: "YELLOW_4",
-          width: 236,
-          tooltipItem: /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(E, { $renderAs: h, children: "Each table has 3 levels—clear them and earn 3 stars!" }) }),
-          tooltipXCoOrdinates: o.width / 2,
-          tooltipYCoOrdinates: 45
-        }
-      }), a(e, {
-        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
-        type: m.NUDGE,
-        indicator: {
-          nudge: "click",
-          content: !l && /* @__PURE__ */ r(E, { $renderAs: "ab1", $color: "WHITE", children: "Pick a level" }),
-          nudgePointerX: i.width / 2 + 50,
-          nudgePointerY: i.height * 0.4
-        },
-        elementToHighlight: /* @__PURE__ */ r(S, {})
-      }), c(e, !1, st), c(e, !0, ut);
-      const u = setTimeout(() => {
-        var C;
-        clearTimeout(u), (C = L.current) == null || C.startLabelAnimation("YELLOW_4");
-      }, v);
-      p.current.push(u);
-    },
-    [
-      a,
-      b,
-      O,
-      l,
-      e,
-      c,
-      t,
-      h
-    ]
-  ), f = A(() => {
-    var o;
-    W(), (o = s.current) == null || o.goToIndex(J), c(e, !1, mt), I(F.ONBOARDING_STEP_VIEWED, {
-      step: V.TABLES
-    });
-    const n = setTimeout(() => {
-      var i;
-      clearTimeout(n), (i = t.current) == null || i.setLabelVisiblity(!1), c(e, !0);
-    }, lt);
-    p.current.push(n);
-    const d = setTimeout(() => {
-      var i;
-      clearTimeout(d), (i = L.current) == null || i.startLabelAnimation("YELLOW_4");
-    }, v);
-    p.current.push(d);
-  }, [s, e, c, t, W, I]), Z = A(
-    (n, d = !1) => {
-      var g, C, Y, k, U, G, M, $, x;
-      const o = (g = s.current) == null ? void 0 : g.indicatorRefs, i = (C = s.current) == null ? void 0 : C.nextBtnRef, u = o == null ? void 0 : o[J];
-      if (!((Y = t.current) != null && Y.segmentedCardWrapperRef.current) || !((k = t.current) != null && k.labelRef.current) || !o || !(i != null && i.current) || !u || !u.current)
-        return;
-      const _ = (U = t.current) == null ? void 0 : U.labelRef.current.getBoundingClientRect(), T = (G = t.current) == null ? void 0 : G.segmentedCardWrapperRef.current.getBoundingClientRect();
-      d ? (N(e, [
-        {
-          originalElementToHighlightRef: u,
-          type: m.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ r(pt, { $isActive: !1 }),
-          indicator: {
-            position: "bottom",
-            backgroundColor: "YELLOW_4",
-            width: 52,
-            tooltipItem: /* @__PURE__ */ r(
-              P,
-              {
-                $position: "absolute",
-                $flexDirection: "row",
-                style: { top: 6, left: 8, cursor: "pointer" },
-                onClick: f,
-                children: /* @__PURE__ */ r(E, { $renderAs: h, children: "NEW" })
-              }
-            ),
-            tooltipYCoOrdinates: 14
-            // Need some offset in Y direction from top
-          }
-        },
-        {
-          originalElementToHighlightRef: u,
-          type: m.NUDGE,
-          indicator: {
-            nudge: "click",
-            content: "",
-            nudgePointerY: 20
-          },
-          elementToHighlight: /* @__PURE__ */ r(S, {})
-        }
-      ]), (x = s.current) == null || x.goToIndex(Et), c(e, !1, K), c(e, !0, ht)) : (N(e, [
-        {
-          originalElementToHighlightRef: (M = s.current) == null ? void 0 : M.nextBtnRef,
-          type: m.NUDGE,
-          indicator: {
-            nudge: "click",
-            content: !l && /* @__PURE__ */ r(E, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
-            nudgePointerX: 0,
-            nudgePointerY: 0
-          },
-          elementToHighlight: /* @__PURE__ */ r(
-            nt,
-            {
-              renderAs: "secondary",
-              Icon: tt,
-              onClick: f,
-              analyticsLabel: dt.JOURNEY_NEXT_ACTIVITY
-            }
-          )
-        }
-      ]), ($ = s.current) == null || $.goToIndex(at), c(e, !1, K)), a(e, {
-        originalElementToHighlightRef: t.current.labelRef,
-        type: m.TOOLTIP,
-        elementToHighlight: /* @__PURE__ */ r(S, {}),
-        indicator: {
-          position: "top",
-          backgroundColor: "YELLOW_4",
-          width: 264,
-          tooltipItem: /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(E, { $renderAs: h, children: "Get faster at multiplication! Practice everyday and become a Tables champ." }) }),
-          tooltipXCoOrdinates: _.width / 2,
-          tooltipYCoOrdinates: _.height + 10
-        }
-      }), a(e, {
-        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
-        type: m.NUDGE,
-        indicator: {
-          nudge: "click",
-          content: !l && /* @__PURE__ */ r(E, { $renderAs: "ab1", $color: "WHITE", children: "Pick a table to start" }),
-          nudgePointerX: T.width / 2 + 50,
-          nudgePointerY: T.height / 2
-        },
-        elementToHighlight: /* @__PURE__ */ r(
-          X,
-          {
-            ref: L,
-            label: n.label,
-            data: n.data,
-            onPress: () => {
-            },
-            onPressTableSegment: (q) => B(n, q)
-          }
-        )
-      });
-    },
-    [
-      a,
-      s,
-      f,
-      B,
-      l,
-      e,
-      c,
-      t,
-      N,
-      h
-    ]
-  );
-  return z(() => () => {
-    p.current.forEach((n) => clearTimeout(n)), p.current = [];
-  }, [e]), {
-    startJourney: Z
-  };
-};
-export {
-  Yt as useTableLauncherJourney
-};
-//# sourceMappingURL=use-table-launcher-journey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.tsx"],"sourcesContent":["/* eslint-disable react-native/no-inline-styles */\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { ITableCardRef, ITableDetails } from '../../comps/tables-card/tables-card-types';\nimport type {\n  ITableInfo,\n  ITables,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseTableJourneyProps } from './use-table-launcher-journey-types';\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT } from '../../../../analytics-events/platform-events-student';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as Action } from '../../../enum/circle-onboarding-steps';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { TablesCard } from '../../comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  LESSON_CARD_INDEX,\n  PUZZLE_CARD_INDEX,\n  SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS,\n  SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS,\n  TABLE_CARD_INDEX,\n} 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  START_ANIMATING_CLONED_ELEM,\n} from './constants';\nimport * as S from './use-table-launcher-journey-styled';\n\nexport const useTableLauncherJourney = ({\n  carouselRefs,\n  originalTableRef,\n  onTableSegmentClick,\n  onJourneyComplete,\n  onNextJourney,\n}: IUseTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY;\n\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const highlightedTableRef = useRef<ITableCardRef>(null);\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, addCoachmark, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const handleEndJourney = useCallback(\n    (tableDetails?: ITableDetails) => {\n      endJourney(journeyId);\n      // Only when User clicked on play\n      if (tableDetails) {\n        onTableSegmentClick(tableDetails);\n      }\n      trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED, {\n        step: Action.TABLES,\n      });\n\n      // Reset original table card ref label\n      originalTableRef?.current?.setLabelVisiblity(true);\n      originalTableRef?.current?.stopLabelAnimation();\n      onJourneyComplete(journeyId);\n    },\n    [\n      endJourney,\n      journeyId,\n      onJourneyComplete,\n      onTableSegmentClick,\n      originalTableRef,\n      trackAnalytics,\n    ],\n  );\n\n  const handleContinueJourney = useCallback(() => {\n    handleEndJourney();\n    onNextJourney();\n  }, [handleEndJourney, onNextJourney]);\n\n  const handleTableSegmentClick = useCallback(\n    (launcherData: ITables, tableData: ITableInfo) => {\n      if (\n        !originalTableRef.current?.segmentedCardWrapperRef.current ||\n        !originalTableRef.current?.labelRef.current\n      ) {\n        return;\n      }\n\n      const segmentedCardDims = originalTableRef.current.labelRef.current.getBoundingClientRect();\n      const tableCardDims =\n        originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: (\n          <TablesCard\n            ref={highlightedTableRef}\n            defaultTable={tableData}\n            label={launcherData.label}\n            data={launcherData.data}\n            onPress={handleEndJourney}\n            onGoBackFromTableLevel={handleContinueJourney}\n          />\n        ),\n        indicator: {\n          position: 'top',\n          backgroundColor: 'YELLOW_4',\n          width: 236,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs={tooltipTextRenderAs}>\n                Each table has 3 levels—clear them and earn 3 stars!\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: segmentedCardDims.width / 2,\n          tooltipYCoOrdinates: 45,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: !isMobile && (\n            <Text $renderAs=\"ab1\" $color=\"WHITE\">\n              Pick a level\n            </Text>\n          ),\n          nudgePointerX: tableCardDims.width / 2 + 50,\n          nudgePointerY: tableCardDims.height * 0.4,\n        } as INudgeProps,\n        elementToHighlight: <></>,\n      });\n\n      nextCoachmark(journeyId, false, SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS); // Show coachmark => Each table has 3... and Hide the previous two\n      nextCoachmark(journeyId, true, SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS); // Show nudge => Pick a level\n\n      const startAnimationOnLabelAgain = setTimeout(() => {\n        clearTimeout(startAnimationOnLabelAgain);\n        highlightedTableRef.current?.startLabelAnimation('YELLOW_4');\n      }, START_ANIMATING_CLONED_ELEM);\n\n      timerRefs.current.push(startAnimationOnLabelAgain);\n    },\n    [\n      addCoachmark,\n      handleContinueJourney,\n      handleEndJourney,\n      isMobile,\n      journeyId,\n      nextCoachmark,\n      originalTableRef,\n      tooltipTextRenderAs,\n    ],\n  );\n\n  const goToTableLauncher = useCallback(() => {\n    playButtonSound();\n    carouselRefs.current?.goToIndex(TABLE_CARD_INDEX);\n    nextCoachmark(journeyId, false, GO_TO_TABLE_LAUNCHER_DURATION_MS);\n\n    trackAnalytics(PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED, {\n      step: Action.TABLES,\n    });\n\n    const showNudge = setTimeout(() => {\n      clearTimeout(showNudge);\n      originalTableRef.current?.setLabelVisiblity(false);\n      nextCoachmark(journeyId, true);\n    }, SHOW_CLICK_TABLE_NUDGE_AFTER_MS);\n\n    timerRefs.current.push(showNudge);\n\n    const animateLabel = setTimeout(() => {\n      clearTimeout(animateLabel);\n      highlightedTableRef.current?.startLabelAnimation('YELLOW_4');\n    }, START_ANIMATING_CLONED_ELEM);\n\n    timerRefs.current.push(animateLabel);\n  }, [carouselRefs, journeyId, nextCoachmark, originalTableRef, playButtonSound, trackAnalytics]);\n\n  const startJourney = useCallback(\n    (tablesData: ITables, isTutorialOnboardingDone: boolean = false) => {\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 labelDims = originalTableRef.current?.labelRef.current.getBoundingClientRect();\n      const tableCardDims =\n        originalTableRef.current?.segmentedCardWrapperRef.current.getBoundingClientRect();\n\n      // TAKE THE USER TO THE TABLE CARD\n      if (!isTutorialOnboardingDone) {\n        setJourney(journeyId, [\n          {\n            originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n\n            type: IndicatorType.NUDGE,\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={goToTableLauncher}\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n          },\n        ]);\n        carouselRefs.current?.goToIndex(PUZZLE_CARD_INDEX);\n        nextCoachmark(journeyId, false, SHOW_INITIAL_COACHMARK_AFTER_MS); // Show nudge => Click to proceed\n      } else {\n        setJourney(journeyId, [\n          {\n            originalElementToHighlightRef: tablePaginationRef as React.RefObject<HTMLDivElement>,\n\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={{ top: 6, left: 8, cursor: 'pointer' }}\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\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 A TABLE\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.labelRef,\n\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: {\n          position: 'top',\n          backgroundColor: 'YELLOW_4',\n          width: 264,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs={tooltipTextRenderAs}>\n                Get faster at multiplication! Practice everyday and become a Tables champ.\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: labelDims.width / 2,\n          tooltipYCoOrdinates: labelDims.height + 10,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: !isMobile && (\n            <Text $renderAs=\"ab1\" $color=\"WHITE\">\n              {'Pick a table to start'}\n            </Text>\n          ),\n          nudgePointerX: tableCardDims.width / 2 + 50,\n          nudgePointerY: tableCardDims.height / 2,\n        } as INudgeProps,\n        elementToHighlight: (\n          <TablesCard\n            ref={highlightedTableRef}\n            label={tablesData.label}\n            data={tablesData.data}\n            onPress={() => {}}\n            onPressTableSegment={tableInfo => handleTableSegmentClick(tablesData, tableInfo)}\n          />\n        ),\n      });\n    },\n    [\n      addCoachmark,\n      carouselRefs,\n      goToTableLauncher,\n      handleTableSegmentClick,\n      isMobile,\n      journeyId,\n      nextCoachmark,\n      originalTableRef,\n      setJourney,\n      tooltipTextRenderAs,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [journeyId]);\n\n  return {\n    startJourney,\n  };\n};\n"],"names":["useTableLauncherJourney","carouselRefs","originalTableRef","onTableSegmentClick","onJourneyComplete","onNextJourney","journeyId","JOURNEY_ID_STUDENT","device","useTheme","isMobile","EDeviceType","tooltipTextRenderAs","highlightedTableRef","useRef","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","trackAnalytics","useUIContext","handleEndJourney","useCallback","tableDetails","PLATFORM_EVENTS_STUDENT","Action","_a","_b","handleContinueJourney","handleTableSegmentClick","launcherData","tableData","segmentedCardDims","tableCardDims","_c","IndicatorType","jsx","TablesCard","FlexView","Text","Fragment","SHOW_PICK_A_LEVEL_TOOLTIP_AFTER_MS","SHOW_PICK_A_LEVEL_NUDGE_AFTER_MS","startAnimationOnLabelAgain","START_ANIMATING_CLONED_ELEM","goToTableLauncher","TABLE_CARD_INDEX","GO_TO_TABLE_LAUNCHER_DURATION_MS","showNudge","SHOW_CLICK_TABLE_NUDGE_AFTER_MS","animateLabel","startJourney","tablesData","isTutorialOnboardingDone","paginationList","carouselNextBtnRef","tablePaginationRef","_d","labelDims","_e","_f","S.Indicator","_i","LESSON_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","_g","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","_h","PUZZLE_CARD_INDEX","tableInfo","useEffect","timer"],"mappings":"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"}