@cuemath/leap 2.8.57-rj-4 → 2.8.57

package/dist/constants/api.js

@@ -1,8 +1,9 @@
-const _ = "/api/v1", o = "/api/v2", p = "/api/v3", t = "/api/v3.1";
+const _ = "/api", o = "/api/v1", p = "/api/v2", t = "/api/v3", a = "/api/v3.1";
 export {
-  _ as BASE_URL_V1,
-  o as BASE_URL_V2,
-  p as BASE_URL_V3,
-  t as BASE_URL_V3_1
+  _ as BASE_URL,
+  o as BASE_URL_V1,
+  p as BASE_URL_V2,
+  t as BASE_URL_V3,
+  a as BASE_URL_V3_1
 };
 //# sourceMappingURL=api.js.map

package/dist/constants/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sources":["../../src/constants/api.ts"],"sourcesContent":["const BASE_URL_V1 = '/api/v1';\nconst BASE_URL_V2 = '/api/v2';\nconst BASE_URL_V3 = '/api/v3';\nconst BASE_URL_V3_1 = '/api/v3.1';\n\nexport { BASE_URL_V1, BASE_URL_V2, BASE_URL_V3, BASE_URL_V3_1 };\n"],"names":["BASE_URL_V1","BASE_URL_V2","BASE_URL_V3","BASE_URL_V3_1"],"mappings":"AAAA,MAAMA,IAAc,WACdC,IAAc,WACdC,IAAc,WACdC,IAAgB;"}
+{"version":3,"file":"api.js","sources":["../../src/constants/api.ts"],"sourcesContent":["const BASE_URL = '/api';\nconst BASE_URL_V1 = '/api/v1';\nconst BASE_URL_V2 = '/api/v2';\nconst BASE_URL_V3 = '/api/v3';\nconst BASE_URL_V3_1 = '/api/v3.1';\n\nexport { BASE_URL, BASE_URL_V1, BASE_URL_V2, BASE_URL_V3, BASE_URL_V3_1 };\n"],"names":["BASE_URL","BASE_URL_V1","BASE_URL_V2","BASE_URL_V3","BASE_URL_V3_1"],"mappings":"AAAA,MAAMA,IAAW,QACXC,IAAc,WACdC,IAAc,WACdC,IAAc,WACdC,IAAgB;"}

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

@@ -2,12 +2,12 @@ import { jsx as t, Fragment as O } from "react/jsx-runtime";
 import { useRef as p, useCallback as f, useMemo as le, useEffect as ce } from "react";
 import z from "../../../../../assets/line-icons/icons/carat-right.js";
 import { PLATFORM_EVENTS_STUDENT as ee } from "../../../../analytics-events/platform-events-student.js";
-import { IndicatorType as a } from "../../../../journey/use-journey/constants.js";
+import { IndicatorType as d } from "../../../../journey/use-journey/constants.js";
 import { useJourney as ae } from "../../../../journey/use-journey/use-journey.js";
 import te from "../../../../ui/buttons/icon-button/icon-button.js";
 import { useUIContext as de } from "../../../../ui/context/context.js";
 import S from "../../../../ui/layout/flex-view.js";
-import d from "../../../../ui/text/text.js";
+import s from "../../../../ui/text/text.js";
 import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as _ } from "../../../enum/circle-onboarding-steps.js";
 import { useCircleSounds as se } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
 import { SegmentedGameCard as he } from "../../comps/segmented-game-card/segmented-game-card.js";
@@ -18,7 +18,7 @@ const ke = ({
   carouselRefs: n,
   onSegmentClick: b
 }) => {
-  const o = p(null), r = p(null), l = p(null), C = p([]), L = p(!1), { playButtonSound: R } = se(), { nextCoachmark: s, setJourney: P, endJourney: N } = ae(), { onEvent: A } = de(), y = f(
+  const o = p(null), r = p(null), a = p(null), C = p([]), L = p(!1), { playButtonSound: R } = se(), { nextCoachmark: l, setJourney: P, endJourney: N } = ae(), { onEvent: A } = de(), y = f(
     (e) => {
       A(ee.ONBOARDING_STEP_VIEWED, {
         step: e
@@ -35,25 +35,25 @@ const ke = ({
   ), h = f(
     (e, c, i, g, I = !1) => {
       var u, T;
-      I || (R(), (T = n.current) == null || T.goToIndex(((u = n.current) == null ? void 0 : u.currentIndex) + 1), s(g, !1, ge)), y(e);
+      I || (R(), (T = n.current) == null || T.goToIndex(((u = n.current) == null ? void 0 : u.currentIndex) + 1), l(g, !1, ge)), y(e);
       const m = setTimeout(() => {
         clearTimeout(m), c.startLabelAnimation(i);
       }, me);
-      C.current.push(m), s(g, !0, ue);
+      C.current.push(m), l(g, !0, ue);
     },
-    [n, s, R, y]
+    [n, l, R, y]
   ), G = f(
     (e, c) => {
-      b(e, Ee.PUZZLE), H(_.PUZZLE_ACTIVITY), N(c);
+      b(e, Ee.PUZZLE), H(_.PUZZLE_ACTIVITY), l(c), N(c);
     },
-    [N, b, H]
+    [N, l, b, H]
   ), k = f(
     (e, c, i) => {
       var Y, v, B, U, V, x, D, M, J, W, X, $, F, Z, K, q, Q, j;
       if (L.current || !((Y = n == null ? void 0 : n.current) != null && Y.nextBtnRef.current) || !((v = r == null ? void 0 : r.current) != null && v.segmentedCardWrapperRef.current) || !((B = o == null ? void 0 : o.current) != null && B.labelRef.current) || !((U = r == null ? void 0 : r.current) != null && U.labelRef.current) || !e)
         return;
       L.current = !0;
-      const g = ((D = (x = (V = l.current) == null ? void 0 : V.labelRef) == null ? void 0 : x.current) == null ? void 0 : D.getBoundingClientRect()) || {
+      const g = ((D = (x = (V = a.current) == null ? void 0 : V.labelRef) == null ? void 0 : x.current) == null ? void 0 : D.getBoundingClientRect()) || {
         height: 0,
         width: 0
       }, I = ((W = (J = (M = o.current) == null ? void 0 : M.labelRef) == null ? void 0 : J.current) == null ? void 0 : W.getBoundingClientRect()) || {
@@ -67,17 +67,17 @@ const ke = ({
         width: 0
       };
       let T = [];
-      c && l.current && (T = [
+      c && a.current && (T = [
         {
-          originalElementToHighlightRef: l.current.labelRef,
+          originalElementToHighlightRef: a.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
+          type: d.TOOLTIP,
           elementToHighlight: /* @__PURE__ */ t(O, {}),
           indicator: {
             position: "right",
             backgroundColor: "BLUE_4",
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
+            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
             tooltipXCoOrdinates: g.width + 50,
             tooltipYCoOrdinates: g.height / 2
           }
@@ -85,7 +85,7 @@ const ke = ({
         {
           originalElementToHighlightRef: (Q = n.current) == null ? void 0 : Q.nextBtnRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
             te,
             {
@@ -102,7 +102,7 @@ const ke = ({
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ t(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: /* @__PURE__ */ t(s, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
@@ -112,13 +112,13 @@ const ke = ({
         {
           originalElementToHighlightRef: o.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
+          type: d.TOOLTIP,
           elementToHighlight: /* @__PURE__ */ t(O, {}),
           indicator: {
             position: "right",
             backgroundColor: "ORANGE_4",
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
+            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
             tooltipXCoOrdinates: I.width + 50,
             tooltipYCoOrdinates: I.height / 2
           }
@@ -126,7 +126,7 @@ const ke = ({
         {
           originalElementToHighlightRef: n.current.nextBtnRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
             te,
             {
@@ -143,7 +143,7 @@ const ke = ({
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ t(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: /* @__PURE__ */ t(s, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
@@ -152,13 +152,13 @@ const ke = ({
         {
           originalElementToHighlightRef: r.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
+          type: d.TOOLTIP,
           elementToHighlight: /* @__PURE__ */ t(O, {}),
           indicator: {
             position: "right",
             backgroundColor: "PURPLE_4",
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(d, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
+            tooltipItem: /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(s, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
             tooltipXCoOrdinates: m.width + 50,
             tooltipYCoOrdinates: m.height / 2
           }
@@ -166,7 +166,7 @@ const ke = ({
         {
           originalElementToHighlightRef: r.current.segmentedCardWrapperRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
             he,
             {
@@ -185,7 +185,7 @@ const ke = ({
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ t(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+            content: /* @__PURE__ */ t(s, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
             nudgePointerX: u.width * 0.6,
             nudgePointerY: u.height * 0.4
           }
@@ -193,16 +193,16 @@ const ke = ({
       ];
       P(i, [...T, ...ie, ...oe]), (j = n.current) == null || j.goToIndex(0);
       const w = setTimeout(() => {
-        clearTimeout(w), s(i);
+        clearTimeout(w), l(i);
       }, Te);
-      C.current.push(w), c && l.current ? h(_.SKILL_ACTIVITY, l.current, "BLUE_4", i, !0) : h(_.GAMES_ACTIVITY, o.current, "ORANGE_4", i, !0);
+      C.current.push(w), c && a.current ? h(_.SKILL_ACTIVITY, a.current, "BLUE_4", i, !0) : h(_.GAMES_ACTIVITY, o.current, "ORANGE_4", i, !0);
     },
-    [n, G, h, s, P]
+    [n, G, h, l, P]
   ), ne = le(
     () => ({
       gameRefs: o,
       puzzleRefs: r,
-      lessonRefs: l,
+      lessonRefs: a,
       startJourney: k
     }),
     [k]

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

@@ -1 +1 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { 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, useEffect, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { 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} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n}: IUseGameLauncherJourneyProps) => {\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      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      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n    },\n    [endJourney, 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: () => handleEndJourney(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      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (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, handleEndJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n      isJourneyInProgress.current = false;\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","gameRefs","useRef","puzzleRefs","lessonRefs","timerRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","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","handleEndJourney","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","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { 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, useEffect, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { 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} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n}: IUseGameLauncherJourneyProps) => {\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      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      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      nextCoachmark(journeyId);\n      endJourney(journeyId);\n    },\n    [endJourney, nextCoachmark, 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: () => handleEndJourney(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      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (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, handleEndJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n      isJourneyInProgress.current = false;\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","gameRefs","useRef","puzzleRefs","lessonRefs","timerRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","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","handleEndJourney","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","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}

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

@@ -19,22 +19,22 @@ const Oe = ({
   carouselRefs: a,
   onTableSegmentClick: S
 }) => {
-  const t = K.CIRCLE_TABLES_INTRO_JOURNEY, e = A(null), p = A(null), L = A(!1), T = A([]), { playButtonSound: P } = z(), { nextCoachmark: l, setJourney: I, addCoachmark: u, endJourney: y } = j(), { onEvent: _ } = q(), b = C(
+  const e = K.CIRCLE_TABLES_INTRO_JOURNEY, t = A(null), p = A(null), L = A(!1), T = A([]), { playButtonSound: P } = z(), { nextCoachmark: o, setJourney: I, addCoachmark: u, endJourney: y } = j(), { onEvent: _ } = q(), b = C(
     (n) => {
-      var c, o;
+      var c, i;
       n && S(n), _(G.ONBOARDING_STEP_COMPLETED, {
         step: v.TABLES
-      }), (c = e == null ? void 0 : e.current) == null || c.setLabelVisiblity(!0), (o = e == null ? void 0 : e.current) == null || o.stopLabelAnimation(), y(t);
+      }), (c = t == null ? void 0 : t.current) == null || c.setLabelVisiblity(!0), (i = t == null ? void 0 : t.current) == null || i.stopLabelAnimation(), o(e, !1), y(e);
     },
-    [y, t, S, _]
+    [y, e, o, S, _]
   ), H = C(
     (n, c) => {
       var g, E, h;
-      if (!((g = e.current) != null && g.segmentedCardWrapperRef.current) || !((E = e.current) != null && E.labelRef.current))
+      if (!((g = t.current) != null && g.segmentedCardWrapperRef.current) || !((E = t.current) != null && E.labelRef.current))
         return;
-      const o = e.current.labelRef.current.getBoundingClientRect(), i = (h = e.current) == null ? void 0 : h.segmentedCardWrapperRef.current.getBoundingClientRect();
-      u(t, {
-        originalElementToHighlightRef: e.current.segmentedCardWrapperRef,
+      const i = t.current.labelRef.current.getBoundingClientRect(), l = (h = t.current) == null ? void 0 : h.segmentedCardWrapperRef.current.getBoundingClientRect();
+      u(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
         isActive: !1,
         type: d.TOOLTIP,
         elementToHighlight: /* @__PURE__ */ r(
@@ -54,53 +54,53 @@ const Oe = ({
           width: 236,
           tooltipItem: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(m, { $renderAs: "ab2-bold", children: "Each table has 3 levels—clear them and earn 3 stars!" }) }),
           tooltipXCoOrdinates: 0,
-          tooltipYCoOrdinates: o.height * 0.35
+          tooltipYCoOrdinates: i.height * 0.35
         }
-      }), u(t, {
-        originalElementToHighlightRef: e.current.segmentedCardWrapperRef,
+      }), u(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
         isActive: !1,
         type: d.NUDGE,
         indicator: {
           nudge: "click",
           content: /* @__PURE__ */ r(m, { $renderAs: "ab1", $color: "WHITE", children: "Pick a level" }),
-          nudgePointerX: i.width / 2 + 50,
-          nudgePointerY: i.height * 0.4
+          nudgePointerX: l.width / 2 + 50,
+          nudgePointerY: l.height * 0.4
         },
         elementToHighlight: /* @__PURE__ */ r(R, {})
-      }), l(t, !1, ee), l(t, !0, te);
+      }), o(e, !1, ee), o(e, !0, te);
       const s = setTimeout(() => {
         var f;
         clearTimeout(s), (f = p.current) == null || f.startLabelAnimation("YELLOW_4");
       }, $);
       T.current.push(s);
     },
-    [u, b, t, l]
+    [u, b, e, o]
   ), O = C(() => {
-    var o;
-    P(), (o = a.current) == null || o.goToIndex(x), l(t, !1, re), _(G.ONBOARDING_STEP_VIEWED, {
+    var i;
+    P(), (i = a.current) == null || i.goToIndex(x), o(e, !1, re), _(G.ONBOARDING_STEP_VIEWED, {
       step: v.TABLES
     });
     const n = setTimeout(() => {
-      var i;
-      clearTimeout(n), (i = e.current) == null || i.setLabelVisiblity(!1), l(t, !0);
+      var l;
+      clearTimeout(n), (l = t.current) == null || l.setLabelVisiblity(!1), o(e, !0);
     }, ne);
     T.current.push(n);
     const c = setTimeout(() => {
-      var i;
-      clearTimeout(c), (i = p.current) == null || i.startLabelAnimation("YELLOW_4");
+      var l;
+      clearTimeout(c), (l = p.current) == null || l.startLabelAnimation("YELLOW_4");
     }, $);
     T.current.push(c);
-  }, [a, t, l, P, _]), w = C(
+  }, [a, e, o, P, _]), w = C(
     (n, c = !1) => {
       var h, f, D, W, Y, k, B, U;
       if (L.current)
         return;
-      const o = (h = a.current) == null ? void 0 : h.indicatorRefs, i = (f = a.current) == null ? void 0 : f.nextBtnRef, s = o == null ? void 0 : o[x];
-      if (!((D = e.current) != null && D.segmentedCardWrapperRef.current) || !((W = e.current) != null && W.labelRef.current) || !o || !(i != null && i.current) || !s || !s.current)
+      const i = (h = a.current) == null ? void 0 : h.indicatorRefs, l = (f = a.current) == null ? void 0 : f.nextBtnRef, s = i == null ? void 0 : i[x];
+      if (!((D = t.current) != null && D.segmentedCardWrapperRef.current) || !((W = t.current) != null && W.labelRef.current) || !i || !(l != null && l.current) || !s || !s.current)
         return;
       L.current = !0;
-      const g = e.current.labelRef.current.getBoundingClientRect(), E = (Y = e.current) == null ? void 0 : Y.segmentedCardWrapperRef.current.getBoundingClientRect();
-      c ? (I(t, [
+      const g = t.current.labelRef.current.getBoundingClientRect(), E = (Y = t.current) == null ? void 0 : Y.segmentedCardWrapperRef.current.getBoundingClientRect();
+      c ? (I(e, [
         {
           originalElementToHighlightRef: s,
           isActive: !1,
@@ -135,7 +135,7 @@ const Oe = ({
           },
           elementToHighlight: /* @__PURE__ */ r(R, {})
         }
-      ]), (U = a.current) == null || U.goToIndex(ie), l(t, !1, J), l(t, !0, le)) : (I(t, [
+      ]), (U = a.current) == null || U.goToIndex(ie), o(e, !1, J), o(e, !0, le)) : (I(e, [
         {
           originalElementToHighlightRef: (k = a.current) == null ? void 0 : k.nextBtnRef,
           isActive: !1,
@@ -156,8 +156,8 @@ const Oe = ({
             }
           )
         }
-      ]), (B = a.current) == null || B.goToIndex(oe), l(t, !1, J)), u(t, {
-        originalElementToHighlightRef: e.current.labelRef,
+      ]), (B = a.current) == null || B.goToIndex(oe), o(e, !1, J)), u(e, {
+        originalElementToHighlightRef: t.current.labelRef,
         isActive: !1,
         type: d.TOOLTIP,
         elementToHighlight: /* @__PURE__ */ r(R, {}),
@@ -169,8 +169,8 @@ const Oe = ({
           tooltipXCoOrdinates: g.width + 50,
           tooltipYCoOrdinates: g.height / 2
         }
-      }), u(t, {
-        originalElementToHighlightRef: e.current.segmentedCardWrapperRef,
+      }), u(e, {
+        originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
         isActive: !1,
         type: d.NUDGE,
         indicator: {
@@ -197,15 +197,15 @@ const Oe = ({
       a,
       O,
       H,
-      t,
-      l,
+      e,
+      o,
       I
     ]
   );
   return V(() => () => {
     T.current.forEach((n) => clearTimeout(n)), T.current = [], L.current = !1;
-  }, [t]), {
-    tableRef: e,
+  }, [e]), {
+    tableRef: t,
     startJourney: w
   };
 };

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

@@ -1 +1 @@
-{"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';\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 { 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  onTableSegmentClick,\n}: IUseTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY;\n  const originalTableRef = useRef<ITableCardRef>(null);\n  const highlightedTableRef = useRef<ITableCardRef>(null);\n  const isJourneyInProgress = useRef(false);\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      // 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      endJourney(journeyId);\n    },\n    [endJourney, journeyId, onTableSegmentClick, trackAnalytics],\n  );\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        isActive: false,\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={handleEndJourney}\n          />\n        ),\n        indicator: {\n          position: 'left',\n          backgroundColor: 'YELLOW_4',\n          width: 236,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs=\"ab2-bold\">Each table has 3 levels—clear them and earn 3 stars!</Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: 0,\n          tooltipYCoOrdinates: segmentedCardDims.height * 0.35,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n        isActive: false,\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: (\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    [addCoachmark, handleEndJourney, journeyId, nextCoachmark],\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, playButtonSound, trackAnalytics]);\n\n  const startJourney = useCallback(\n    (tablesData: ITables, isTutorialOnboardingDone: boolean = false) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\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      isJourneyInProgress.current = true;\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            isActive: false,\n            type: IndicatorType.NUDGE,\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            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            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={{ top: 6, left: 8, cursor: 'pointer' }}\n                  onClick={goToTableLauncher}\n                >\n                  <Text $renderAs=\"ab2-bold\">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 A TABLE\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.labelRef,\n        isActive: false,\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: {\n          position: 'right',\n          backgroundColor: 'YELLOW_4',\n          width: 264,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs=\"ab2-bold\">\n                Get faster at multiplication! Practice everyday and become a Tables champ.\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: labelDims.width + 50,\n          tooltipYCoOrdinates: labelDims.height / 2,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n        isActive: false,\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: (\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      journeyId,\n      nextCoachmark,\n      setJourney,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n      isJourneyInProgress.current = false;\n    };\n  }, [journeyId]);\n\n  return {\n    tableRef: originalTableRef,\n    startJourney,\n  };\n};\n"],"names":["useTableLauncherJourney","carouselRefs","onTableSegmentClick","journeyId","JOURNEY_ID_STUDENT","originalTableRef","useRef","highlightedTableRef","isJourneyInProgress","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","trackAnalytics","useUIContext","handleEndJourney","useCallback","tableDetails","PLATFORM_EVENTS_STUDENT","Action","_a","_b","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","S.Indicator","_h","LESSON_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","_f","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","_g","PUZZLE_CARD_INDEX","tableInfo","useEffect","timer"],"mappings":"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"}
+{"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';\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 { 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  onTableSegmentClick,\n}: IUseTableJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY;\n  const originalTableRef = useRef<ITableCardRef>(null);\n  const highlightedTableRef = useRef<ITableCardRef>(null);\n  const isJourneyInProgress = useRef(false);\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      // 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      nextCoachmark(journeyId, false);\n      endJourney(journeyId);\n    },\n    [endJourney, journeyId, nextCoachmark, onTableSegmentClick, trackAnalytics],\n  );\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        isActive: false,\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={handleEndJourney}\n          />\n        ),\n        indicator: {\n          position: 'left',\n          backgroundColor: 'YELLOW_4',\n          width: 236,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs=\"ab2-bold\">Each table has 3 levels—clear them and earn 3 stars!</Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: 0,\n          tooltipYCoOrdinates: segmentedCardDims.height * 0.35,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n        isActive: false,\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: (\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    [addCoachmark, handleEndJourney, journeyId, nextCoachmark],\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, playButtonSound, trackAnalytics]);\n\n  const startJourney = useCallback(\n    (tablesData: ITables, isTutorialOnboardingDone: boolean = false) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\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      isJourneyInProgress.current = true;\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            isActive: false,\n            type: IndicatorType.NUDGE,\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            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            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={{ top: 6, left: 8, cursor: 'pointer' }}\n                  onClick={goToTableLauncher}\n                >\n                  <Text $renderAs=\"ab2-bold\">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 A TABLE\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.labelRef,\n        isActive: false,\n        type: IndicatorType.TOOLTIP,\n        elementToHighlight: <></>,\n        indicator: {\n          position: 'right',\n          backgroundColor: 'YELLOW_4',\n          width: 264,\n          tooltipItem: (\n            <FlexView>\n              <Text $renderAs=\"ab2-bold\">\n                Get faster at multiplication! Practice everyday and become a Tables champ.\n              </Text>\n            </FlexView>\n          ),\n          tooltipXCoOrdinates: labelDims.width + 50,\n          tooltipYCoOrdinates: labelDims.height / 2,\n        } as IArrowTooltipProps,\n      });\n\n      addCoachmark(journeyId, {\n        originalElementToHighlightRef: originalTableRef.current.segmentedCardWrapperRef,\n        isActive: false,\n        type: IndicatorType.NUDGE,\n        indicator: {\n          nudge: 'click',\n          content: (\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      journeyId,\n      nextCoachmark,\n      setJourney,\n    ],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n      isJourneyInProgress.current = false;\n    };\n  }, [journeyId]);\n\n  return {\n    tableRef: originalTableRef,\n    startJourney,\n  };\n};\n"],"names":["useTableLauncherJourney","carouselRefs","onTableSegmentClick","journeyId","JOURNEY_ID_STUDENT","originalTableRef","useRef","highlightedTableRef","isJourneyInProgress","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","addCoachmark","endJourney","useJourney","trackAnalytics","useUIContext","handleEndJourney","useCallback","tableDetails","PLATFORM_EVENTS_STUDENT","Action","_a","_b","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","S.Indicator","_h","LESSON_CARD_INDEX","SHOW_INITIAL_COACHMARK_AFTER_MS","SHOW_INITIAL_TOOLTIP_AFTER_MS","_f","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","_g","PUZZLE_CARD_INDEX","tableInfo","useEffect","timer"],"mappings":"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"}

package/dist/features/journey/journey-progress-api/journey-progress-api.js

@@ -0,0 +1,12 @@
+import { createGetAPI as o, createPostAPI as u } from "@cuemath/rest-api";
+import { BASE_URL as e } from "../../../constants/api.js";
+const { useGet: p } = o({
+  getURL: (n, { app_id: s, journey_status: r, user_id: t }) => `${e}/task/user-journey/?app_id=${s}&journey_status=${r}&user_id=${t}`
+}), { usePost: y } = u({
+  getURL: () => `${e}/task/user-journey/`
+});
+export {
+  p as useGetJourneyProgress,
+  y as usePostJourneyProgress
+};
+//# sourceMappingURL=journey-progress-api.js.map

package/dist/features/journey/journey-progress-api/journey-progress-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"journey-progress-api.js","sources":["../../../../src/features/journey/journey-progress-api/journey-progress-api.ts"],"sourcesContent":["import type {\n  TGetJourneyProgressPayloadModel,\n  TGetJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel,\n  TPostJourneyProgressResponseModel,\n} from './journey-progress-api-types';\n\nimport { createGetAPI, createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL } from '../../../constants/api';\n\nconst { useGet: useGetJourneyProgress } = createGetAPI<\n  TGetJourneyProgressResponseModel,\n  TGetJourneyProgressPayloadModel\n>({\n  getURL: (_, { app_id, journey_status, user_id }) =>\n    `${BASE_URL}/task/user-journey/?app_id=${app_id}&journey_status=${journey_status}&user_id=${user_id}`,\n});\n\nconst { usePost: usePostJourneyProgress } = createPostAPI<\n  TPostJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel\n>({\n  getURL: () => `${BASE_URL}/task/user-journey/`,\n});\n\nexport { useGetJourneyProgress, usePostJourneyProgress };\n"],"names":["useGetJourneyProgress","createGetAPI","_","app_id","journey_status","user_id","BASE_URL","usePostJourneyProgress","createPostAPI"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,EAAsB,IAAIC,EAGxC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,SAAAC,EAAA,MACpC,GAAGC,CAAQ,8BAA8BH,CAAM,mBAAmBC,CAAc,YAAYC,CAAO;AACvG,CAAC,GAEK,EAAE,SAASE,EAAuB,IAAIC,EAG1C;AAAA,EACA,QAAQ,MAAM,GAAGF,CAAQ;AAC3B,CAAC;"}

package/dist/features/journey/use-get-eligible-journeys.js

@@ -0,0 +1,11 @@
+import { useJourney as t } from "./use-journey/use-journey.js";
+const u = (n) => {
+  const { completedJourneys: r } = t(), e = n.filter(
+    (o) => !r.includes(o)
+  );
+  return e.length > 0 ? e[0] : null;
+};
+export {
+  u as useGetEligibleJourneys
+};
+//# sourceMappingURL=use-get-eligible-journeys.js.map

package/dist/features/journey/use-get-eligible-journeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-eligible-journeys.js","sources":["../../../src/features/journey/use-get-eligible-journeys.tsx"],"sourcesContent":["import type { TJourneyId } from './journey-id/journey-id-types';\n\nimport { useJourney } from './use-journey/use-journey';\n\nexport const useGetEligibleJourneys = (allJourneyIds: TJourneyId[]) => {\n  const { completedJourneys } = useJourney();\n  const eligibleJourneys = allJourneyIds.filter(\n    journeyId => !completedJourneys.includes(journeyId),\n  );\n\n  if (eligibleJourneys.length > 0) {\n    return eligibleJourneys[0];\n  }\n\n  return null;\n};\n"],"names":["useGetEligibleJourneys","allJourneyIds","completedJourneys","useJourney","eligibleJourneys","journeyId"],"mappings":";AAIa,MAAAA,IAAyB,CAACC,MAAgC;AAC/D,QAAA,EAAE,mBAAAC,MAAsBC,KACxBC,IAAmBH,EAAc;AAAA,IACrC,CAAaI,MAAA,CAACH,EAAkB,SAASG,CAAS;AAAA,EAAA;AAGhD,SAAAD,EAAiB,SAAS,IACrBA,EAAiB,CAAC,IAGpB;AACT;"}

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,108 +1,107 @@
-import { jsxs as D, jsx as R } from "react/jsx-runtime";
-import { createContext as N, useState as h, useRef as C, useCallback as l, useMemo as O, useEffect as T } from "react";
-import { Coachmark as U } from "../comps/coachmark/coachmark.js";
-import { usePostUserJourney as j, useGetUserJourney as L } from "../user-journey-api/user-journey-api.js";
-import { BlurOverlay as M } from "./journey-styled.js";
-const z = N(null), H = ({ children: b, appId: c, userId: o }) => {
-  const [p, v] = h([]), [u, s] = h([]), [k, x] = h(!1), a = C(-1), r = C(), J = C([]), { post: $ } = j(), { data: f = null, get: g } = L(), _ = l(
+import { jsxs as O, jsx as $ } from "react/jsx-runtime";
+import { createContext as R, useState as L, useRef as C, useCallback as y, useMemo as D, useEffect as T } from "react";
+import { Coachmark as b } from "../comps/coachmark/coachmark.js";
+import { usePostJourneyProgress as q, useGetJourneyProgress as M } from "../journey-progress-api/journey-progress-api.js";
+import { BlurOverlay as N } from "./journey-styled.js";
+const j = R(null), F = ({ children: w, appId: J, userId: u }) => {
+  const [c, p] = L([]), [s, a] = L([]), i = C(-1), r = C(), f = C([]), { post: g } = q(), { data: l = null, get: k } = M(), v = y(
     (e, t) => {
-      if (u.length > 0) {
+      if (s.length > 0) {
         console.error(
           `setJourney: Other Journey is already active, Current Journey: ${r.current}, New Journey Request: ${e}`
         );
         return;
       }
-      x(!0), r.current = e, a.current = -1, s([...t]);
+      r.current = e, i.current = -1, a([...t]);
     },
-    [u.length]
-  ), y = l(() => {
-    J.current.forEach((e) => {
+    [s.length]
+  ), d = y(() => {
+    f.current.forEach((e) => {
       clearTimeout(e);
-    }), J.current = [], r.current = void 0, a.current = -1, s([]), x(!1);
-  }, []), w = l(
+    }), f.current = [], r.current = void 0, i.current = -1, a([]);
+  }, []), x = y(
     (e) => {
-      (!r.current || e !== r.current) && console.error(
-        `setJourney was not called before endJourney or Journey ID is different from currentJourney,
-          currentJourneyId: ${r.current}, New Journey Request: ${e}`
-      ), v((t) => [...t, e]), $({
-        app_id: c,
-        user_id: o,
+      if (c.includes(e)) {
+        console.error(`endJourney: Journey ID ${e} is already completed.`);
+        return;
+      }
+      p((t) => [...t, e]), g({
+        app_id: J,
+        user_id: u,
         journey_id: e,
         journey_status: "COMPLETED"
-      }), y();
+      }), d();
     },
-    [c, y, $, o]
-  ), A = l((e, t) => {
+    [J, d, c, g, u]
+  ), E = y((e, t) => {
     if (!r.current || e !== r.current) {
       console.error(
         r.current ? `A Journey is already active, Current Journey: ${r.current}, New Journey Request: ${e}` : "addCoachmark was called before setJourney and Journey ID is undefined"
       );
       return;
     }
-    s((m) => [...m, t]);
-  }, []), E = l(
-    (e, t = !1, m = 0) => {
+    a((n) => [...n, t]);
+  }, []), P = y(
+    (e, t = !1, n = 0) => {
       if (!r.current || e !== r.current) {
         console.error(
           r.current ? "nextCoachmark was called before setJourney" : `A Journey is already active, Current Journey: ${r.current}, New Journey Request: ${e}`
         );
         return;
       }
-      m !== 0 && s((n) => n.map((i) => ({ ...i, isActive: !1 })));
-      const P = setTimeout(() => {
-        clearTimeout(P);
-        const n = a.current + 1;
-        s((i) => {
-          if (n >= i.length || i.length === 0)
-            return r.current = void 0, a.current = -1, [];
-          a.current = n;
-          const d = [...i];
-          return d[n].isActive = !0, n > 0 && (d[n - 1].isActive = t), d;
+      n !== 0 && a((o) => o.map((m) => ({ ...m, isActive: !1 })));
+      const _ = setTimeout(() => {
+        clearTimeout(_);
+        const o = i.current + 1;
+        a((m) => {
+          if (o >= m.length || m.length === 0)
+            return r.current = void 0, i.current = -1, [];
+          i.current = o;
+          const h = [...m];
+          return h[o].isActive = !0, o > 0 && (h[o - 1].isActive = t), h;
         });
-      }, m);
-      J.current.push(P);
+      }, n);
+      f.current.push(_);
     },
     []
-  ), q = O(
+  ), A = D(
     () => ({
-      nextCoachmark: E,
-      setJourney: _,
-      addCoachmark: A,
-      clearJourney: y,
-      endJourney: w,
-      coachmarks: u,
-      userCompletedJourneyIds: p,
-      isJourneyActive: k
+      nextCoachmark: P,
+      setJourney: v,
+      addCoachmark: E,
+      clearJourney: d,
+      endJourney: x,
+      coachmarks: s,
+      completedJourneys: c
     }),
     [
+      P,
+      v,
       E,
-      _,
-      A,
-      y,
-      w,
-      u,
-      p,
-      k
+      d,
+      x,
+      s,
+      c
     ]
   );
   return T(() => {
-    c && o && g(o, {
-      app_id: c,
-      user_id: o,
+    u && k(u, {
+      app_id: J,
+      user_id: u,
       journey_status: "COMPLETED"
     });
-  }, [c, g, o]), T(() => {
-    if (f) {
-      const e = f.map((t) => t.journey_id);
-      v(e);
+  }, [J, k, u]), T(() => {
+    if (l && c.length === 0) {
+      const t = (l == null ? void 0 : l.filter((n) => n.status === "COMPLETED")).map((n) => n.journey_id);
+      p(t);
     }
-  }, [f]), /* @__PURE__ */ D(z.Provider, { value: q, children: [
-    u.length > 0 && /* @__PURE__ */ R(M, { children: u.map((e, t) => /* @__PURE__ */ R(U, { coachmark: e }, `coachmark-${t}`)) }),
-    b
+  }, [c.length, l]), /* @__PURE__ */ O(j.Provider, { value: A, children: [
+    s.length > 0 && /* @__PURE__ */ $(N, { children: s.map((e, t) => /* @__PURE__ */ $(b, { coachmark: e }, `coachmark-${t}`)) }),
+    w
   ] });
 };
 export {
-  z as JourneyContext,
-  H as JourneyProvider
+  j as JourneyContext,
+  F as JourneyProvider
 };
 //# sourceMappingURL=journey-context-provider.js.map

package/dist/features/journey/use-journey/journey-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[]>([]);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[]) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      if (!currentJourneyId.current || journeyId !== currentJourneyId.current) {\n        console.error(\n          `setJourney was not called before endJourney or Journey ID is different from currentJourney,\n          currentJourneyId: ${currentJourneyId.current}, New Journey Request: ${journeyId}`,\n        );\n      }\n      setUserCompletedJourneyIds(prev => [...prev, journeyId]);\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n      clearJourney();\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [...prev, coachmark]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (id: TJourneyId, keepPrevActive: boolean = false, delayInMs: number = 0) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: ICoachmarkProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            currentJourneyId.current = undefined;\n            currentIndex.current = -1;\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {coachmarkList.length > 0 && (\n        <S.BlurOverlay>\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.BlurOverlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","userCompletedJourneyIds","setUserCompletedJourneyIds","useState","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.BlurOverlay","index","Coachmark"],"mappings":"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"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport {\n  useGetJourneyProgress,\n  usePostJourneyProgress,\n} from '../journey-progress-api/journey-progress-api';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [completedJourneys, setCompletedJourneys] = useState<TJourneyId[]>([]);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const currentIndex = useRef(-1);\n  const currentJourneyIdStudent = useRef<TJourneyId | undefined>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostJourneyProgress();\n  const { data: journeyProgressData = null, get: getJourneyProgress } = useGetJourneyProgress();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[]) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyIdStudent.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      currentJourneyIdStudent.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyIdStudent.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      if (completedJourneys.includes(journeyId)) {\n        console.error(`endJourney: Journey ID ${journeyId} is already completed.`);\n\n        return;\n      }\n      setCompletedJourneys(prev => [...prev, journeyId]);\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n      clearJourney();\n    },\n    [appId, clearJourney, completedJourneys, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\n    if (!currentJourneyIdStudent.current || id !== currentJourneyIdStudent.current) {\n      console.error(\n        currentJourneyIdStudent.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyIdStudent.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [...prev, coachmark]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (id: TJourneyId, keepPrevActive: boolean = false, delayInMs: number = 0) => {\n      if (!currentJourneyIdStudent.current || id !== currentJourneyIdStudent.current) {\n        console.error(\n          currentJourneyIdStudent.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyIdStudent.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: ICoachmarkProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            currentJourneyIdStudent.current = undefined;\n            currentIndex.current = -1;\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [],\n  );\n\n  const memoizedContextValue = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      completedJourneys,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      completedJourneys,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (journeyProgressData && completedJourneys.length === 0) {\n      const completedJourneysList = journeyProgressData?.filter(journey => {\n        return journey.status === 'COMPLETED';\n      });\n      const completedJourneysIds = completedJourneysList.map(journey => journey.journey_id);\n\n      setCompletedJourneys(completedJourneysIds);\n    }\n  }, [completedJourneys.length, journeyProgressData]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {coachmarkList.length > 0 && (\n        <S.BlurOverlay>\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.BlurOverlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","completedJourneys","setCompletedJourneys","useState","coachmarkList","setCoachmarkList","currentIndex","useRef","currentJourneyIdStudent","timerRefs","postJourneyCompletion","usePostJourneyProgress","journeyProgressData","getJourneyProgress","useGetJourneyProgress","setJourney","useCallback","id","coachmarks","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedJourneysIds","journey","jsxs","jsx","S.BlurOverlay","index","Coachmark"],"mappings":";;;;;AAkBa,MAAAA,IAAiBC,EAAsC,IAAI,GAE3DC,IAA6C,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,QAAAC,QAAa;AACzF,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAuB,CAAE,CAAA,GACrE,CAACC,GAAeC,CAAgB,IAAIF,EAA4B,CAAE,CAAA,GAClEG,IAAeC,EAAO,EAAE,GACxBC,IAA0BD,KAC1BE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,MAAMG,EAAsB,IAAIC,EAAuB,GACzD,EAAE,MAAMC,IAAsB,MAAM,KAAKC,EAAA,IAAuBC,KAEhEC,IAAaC;AAAA,IACjB,CAACC,GAAgBC,MAAkC;AAC7C,UAAAd,EAAc,SAAS,GAAG;AACpB,gBAAA;AAAA,UACN,iEAAiEI,EAAwB,OAAO,0BAA0BS,CAAE;AAAA,QAAA;AAG9H;AAAA,MACF;AACA,MAAAT,EAAwB,UAAUS,GAClCX,EAAa,UAAU,IACND,EAAA,CAAC,GAAGa,CAAU,CAAC;AAAA,IAClC;AAAA,IACA,CAACd,EAAc,MAAM;AAAA,EAAA,GAGjBe,IAAeH,EAAY,MAAM;AAE3B,IAAAP,EAAA,QAAQ,QAAQ,CAASW,MAAA;AACjC,mBAAaA,CAAK;AAAA,IAAA,CACnB,GACDX,EAAU,UAAU,IACpBD,EAAwB,UAAU,QAClCF,EAAa,UAAU,IACvBD,EAAiB,CAAE,CAAA;AAAA,EACrB,GAAG,CAAE,CAAA,GAECgB,IAAaL;AAAA,IACjB,CAACM,MAA0B;AACrB,UAAArB,EAAkB,SAASqB,CAAS,GAAG;AACjC,gBAAA,MAAM,0BAA0BA,CAAS,wBAAwB;AAEzE;AAAA,MACF;AACA,MAAApB,EAAqB,CAAQqB,MAAA,CAAC,GAAGA,GAAMD,CAAS,CAAC,GAC3BZ,EAAA;AAAA,QACpB,QAAQX;AAAA,QACR,SAASC;AAAA,QACT,YAAYsB;AAAA,QACZ,gBAAgB;AAAA,MAAA,CACjB,GACYH;IACf;AAAA,IACA,CAACpB,GAAOoB,GAAclB,GAAmBS,GAAuBV,CAAM;AAAA,EAAA,GAGlEwB,IAAeR,EAAY,CAACC,GAAgBQ,MAA+B;AAC/E,QAAI,CAACjB,EAAwB,WAAWS,MAAOT,EAAwB,SAAS;AACtE,cAAA;AAAA,QACNA,EAAwB,UACpB,iDAAiDA,EAAwB,OAAO,0BAA0BS,CAAE,KAC5G;AAAA,MAAA;AAGN;AAAA,IACF;AAEA,IAAAZ,EAAiB,CAAQkB,MAAA,CAAC,GAAGA,GAAME,CAAS,CAAC;AAAA,EAC/C,GAAG,CAAE,CAAA,GAECC,IAAgBV;AAAA,IACpB,CAACC,GAAgBU,IAA0B,IAAOC,IAAoB,MAAM;AAC1E,UAAI,CAACpB,EAAwB,WAAWS,MAAOT,EAAwB,SAAS;AACtE,gBAAA;AAAA,UACNA,EAAwB,UACpB,+CACA,iDAAiDA,EAAwB,OAAO,0BAA0BS,CAAE;AAAA,QAAA;AAGlH;AAAA,MACF;AAEA,MAAIW,MAAc,KAEhBvB,EAAiB,CAAYwB,MACpBA,EAAS,IAAI,CAACC,OACZ,EAAE,GAAGA,GAAM,UAAU,GAAM,EACnC,CACF;AAGG,YAAAV,IAAQ,WAAW,MAAM;AAC7B,qBAAaA,CAAK;AACZ,cAAAW,IAAYzB,EAAa,UAAU;AAEzC,QAAAD,EAAiB,CAAYwB,MAAA;AAE3B,cAAIE,KAAaF,EAAS,UAAUA,EAAS,WAAW;AACtD,mBAAArB,EAAwB,UAAU,QAClCF,EAAa,UAAU,IAEhB;AAGT,UAAAA,EAAa,UAAUyB;AACjB,gBAAAC,IAAuB,CAAC,GAAGH,CAAQ;AAExC,iBAAAG,EAAqBD,CAAS,EAAsB,WAAW,IAE5DA,IAAY,MACbC,EAAqBD,IAAY,CAAC,EAAsB,WAAWJ,IAG/DK;AAAA,QAAA,CACR;AAAA,SACAJ,CAAS;AAEF,MAAAnB,EAAA,QAAQ,KAAKW,CAAK;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA,GAGGa,IAAuBC;AAAA,IAC3B,OAAO;AAAA,MACL,eAAAR;AAAA,MACA,YAAAX;AAAA,MACA,cAAAS;AAAA,MACA,cAAAL;AAAA,MACA,YAAAE;AAAA,MACA,YAAYjB;AAAA,MACZ,mBAAAH;AAAA,IAAA;AAAA,IAEF;AAAA,MACEyB;AAAA,MACAX;AAAA,MACAS;AAAA,MACAL;AAAA,MACAE;AAAA,MACAjB;AAAA,MACAH;AAAA,IACF;AAAA,EAAA;AAIF,SAAAkC,EAAU,MAAM;AACd,IAAInC,KACFa,EAAmBb,GAAQ;AAAA,MACzB,QAAQD;AAAA,MACR,SAASC;AAAA,MACT,gBAAgB;AAAA,IAAA,CACjB;AAAA,EAEF,GAAA,CAACD,GAAOc,GAAoBb,CAAM,CAAC,GAGtCmC,EAAU,MAAM;AACV,QAAAvB,KAAuBX,EAAkB,WAAW,GAAG;AAIzD,YAAMmC,KAHwBxB,KAAA,gBAAAA,EAAqB,OAAO,CAAWyB,MAC5DA,EAAQ,WAAW,cAEuB,IAAI,CAAAA,MAAWA,EAAQ,UAAU;AAEpF,MAAAnC,EAAqBkC,CAAoB;AAAA,IAC3C;AAAA,EACC,GAAA,CAACnC,EAAkB,QAAQW,CAAmB,CAAC,GAG/C,gBAAA0B,EAAA3C,EAAe,UAAf,EAAwB,OAAOsC,GAC7B,UAAA;AAAA,IAAA7B,EAAc,SAAS,KACtB,gBAAAmC,EAACC,GAAA,EACE,YAAc,IAAI,CAACf,GAAWgB,wBAC5BC,GAAqC,EAAA,WAAAjB,EAAA,GAAtB,aAAagB,CAAK,EAA0B,CAC7D,GACH;AAAA,IAED3C;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/index.d.ts

@@ -1294,7 +1294,6 @@ declare interface IIsOkayTypeQuestion {
  * Context interface for managing onboarding journeys using coachmarks.
  */
 export declare interface IJourneyContext {
-    isJourneyActive: boolean;
     /** List of all active coachmarks within the journey. */
     coachmarks: ICoachmarkProps[];
     /**
@@ -1327,17 +1326,8 @@ export declare interface IJourneyContext {
      * @param delayInMs - Optional delay (in milliseconds) before rendering the current coachmark.
      */
     nextCoachmark: (id: TJourneyId, keepPrevActive?: boolean, delayInMs?: number) => void;
-    /**
-     * Must be called to end journey and update the journey status on server.
-     * @param id - The journey id.
-     */
     endJourney: (id: TJourneyId) => void;
-    /**
-     * Array of IDs representing the journeys that the user has completed.
-     * This data is set only the component is mounted.
-     * And thereafter it is updated when the user completes a journey, through the `endJourney` method.
-     */
-    userCompletedJourneyIds: TJourneyId[];
+    completedJourneys: TJourneyId[];
 }
 
 declare interface IJourneyProviderProps {
@@ -5027,7 +5017,7 @@ export declare const useGetCircleHomeDetailsDal: (userId: string, grade: string,
     invalidateCircleHomeDetails: () => void;
 };
 
-export declare const useGetEligibleJourneysViaRoute: (routeJourneyIds: TJourneyId[]) => JOURNEY_ID_STUDENT[];
+export declare const useGetEligibleJourneys: (allJourneyIds: TJourneyId[]) => JOURNEY_ID_STUDENT | null | undefined;
 
 declare const useGetLeaderboard: (initialId?: string, initialQuery?: IGetLeaderboardPayloadModel | undefined) => {
     get: (id: string, query: IGetLeaderboardPayloadModel, meta: void) => Promise<void>;

package/dist/index.js

@@ -12,7 +12,7 @@ import { default as _ } from "./assets/line-icons/icons/book.js";
 import { default as h } from "./assets/line-icons/icons/book2.js";
 import { default as k } from "./assets/line-icons/icons/bookmark.js";
 import { default as N } from "./assets/line-icons/icons/bulb.js";
-import { default as R } from "./assets/line-icons/icons/bulb2.js";
+import { default as H } from "./assets/line-icons/icons/bulb2.js";
 import { default as D } from "./assets/line-icons/icons/calendar.js";
 import { default as y } from "./assets/line-icons/icons/check.js";
 import { default as B } from "./assets/line-icons/icons/check2.js";
@@ -39,7 +39,7 @@ import { default as _e } from "./assets/line-icons/icons/highlighter.js";
 import { default as he } from "./assets/line-icons/icons/home.js";
 import { default as ke } from "./assets/line-icons/icons/image.js";
 import { default as Ne } from "./assets/line-icons/icons/info.js";
-import { default as Re } from "./assets/line-icons/icons/info2.js";
+import { default as He } from "./assets/line-icons/icons/info2.js";
 import { default as De } from "./assets/line-icons/icons/left.js";
 import { default as ye } from "./assets/line-icons/icons/lock.js";
 import { default as Be } from "./assets/line-icons/icons/lock2.js";
@@ -66,7 +66,7 @@ import { default as Po } from "./assets/line-icons/icons/search.js";
 import { default as Lo } from "./assets/line-icons/icons/sheet.js";
 import { default as Mo } from "./assets/line-icons/icons/star.js";
 import { default as Oo } from "./assets/line-icons/icons/skip.js";
-import { default as Ho } from "./assets/line-icons/icons/skip2.js";
+import { default as Ro } from "./assets/line-icons/icons/skip2.js";
 import { default as Go } from "./assets/line-icons/icons/star2.js";
 import { default as go } from "./assets/line-icons/icons/striked-eye.js";
 import { default as bo } from "./assets/line-icons/icons/switch-icon.js";
@@ -92,7 +92,7 @@ import { default as _r } from "./features/hooks/use-zoom-disable.js";
 import { default as hr } from "./features/hooks/use-force-reload.js";
 import { default as kr } from "./features/ui/accordion-section/accordion-section.js";
 import { default as Nr } from "./features/ui/arrow-tooltip/arrow-tooltip.js";
-import { default as Rr } from "./features/ui/context-menu/context-menu.js";
+import { default as Hr } from "./features/ui/context-menu/context-menu.js";
 import { default as Dr } from "./features/ui/timers/countdown-timer/countdown-timer.js";
 import { default as yr } from "./features/ui/nudge/nudge.js";
 import { default as Br } from "./features/ui/buttons/button/button.js";
@@ -119,7 +119,7 @@ import { default as _t } from "./features/ui/radio-cards/radio-cards.js";
 import { default as ht } from "./features/ui/section-list/section-list.js";
 import { default as kt } from "./features/ui/text/text.js";
 import { default as Nt } from "./features/ui/tag/tag.js";
-import { default as Rt } from "./features/ui/callout/callout.js";
+import { default as Ht } from "./features/ui/callout/callout.js";
 import { default as Dt, useUIContext as Gt } from "./features/ui/context/context.js";
 import { default as gt } from "./features/ui/context/use-tracking-context.js";
 import { default as bt } from "./features/ui/hooks/use-context-menu-click-handler.js";
@@ -146,7 +146,7 @@ import { GAME_LAUNCHER_ASSET_PADDING as Pa } from "./features/circle-games/game-
 import { GAME_LAUNCHER_SIZE as La } from "./features/circle-games/game-launcher/comps/card-container/constants.js";
 import { useCircleSounds as Ma } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as Oa } from "./features/circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
-import { useGetLeaderboardDal as Ha } from "./features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js";
+import { useGetLeaderboardDal as Ra } from "./features/circle-games/leaderboard/dal/use-get-leaderboard-dal/use-get-leaderboard-dal.js";
 import { ELeaderboardType as Ga } from "./features/circle-games/leaderboard/enums/leaderboard-type-enum.js";
 import { StreakReductionLocalStorageUtil as ga } from "./features/circle-games/utils/streak-reduction-localstorage-util.js";
 import { Tutorial as ba } from "./features/circle-games/games/tutorial/tutorial.js";
@@ -172,7 +172,7 @@ import { default as Pf } from "./features/cue-canvas/hooks/use-canvas-sync-broke
 import { default as Lf } from "./features/communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
 import { default as Mf } from "./features/communication/hooks/use-trial-session-message-broker/use-trial-session-message-broker.js";
 import { EVENTS as Of } from "./features/communication/pub-sub/constants.js";
-import { useInClassActionDispatcher as Hf, useInClassActionListener as Df } from "./features/communication/pub-sub/hooks.js";
+import { useInClassActionDispatcher as Rf, useInClassActionListener as Df } from "./features/communication/pub-sub/hooks.js";
 import { default as yf } from "./features/trial-session/trial-session.js";
 import { EClassTimeAlertLevel as Bf } from "./features/trial-session/trial-session-types.js";
 import { useClassTimeAlerts as Uf } from "./features/trial-session/hooks/use-class-time-alerts.js";
@@ -181,7 +181,7 @@ import { default as wf } from "./features/extra-practice/extra-practice.js";
 import { useAutoPlayPermission as Yf } from "./features/hooks/use-auto-play-permission/use-auto-play-permission.js";
 import { JOURNEY_ID_STUDENT as Kf } from "./features/journey/journey-id/journey-id-student.js";
 import { useJourney as jf } from "./features/journey/use-journey/use-journey.js";
-import { useGetEligibleJourneysViaRoute as qf } from "./features/journey/hooks/use-get-eligible-journeys-via-route.js";
+import { useGetEligibleJourneys as qf } from "./features/journey/use-get-eligible-journeys.js";
 import { JourneyProvider as Xf } from "./features/journey/use-journey/journey-context-provider.js";
 import { IndicatorType as es } from "./features/journey/use-journey/constants.js";
 import { Coachmark as rs } from "./features/journey/comps/coachmark/coachmark.js";
@@ -198,7 +198,7 @@ import { default as _s } from "./features/milestone/edit/goal-edit-container.js"
 import { default as hs } from "./features/milestone/edit/milestone-edit-container.js";
 import { default as ks } from "./features/milestone/milestone-list-container/milestone-list-container.js";
 import { default as Ns } from "./features/milestone/milestone-action-widget/milestone-action-widget.js";
-import { default as Rs } from "./features/milestone/start/milestone-start.js";
+import { default as Hs } from "./features/milestone/start/milestone-start.js";
 import { default as Ds } from "./features/milestone/milestone-tests/tests-creation/tests-creation.js";
 import { default as ys } from "./features/milestone/milestone-resources/resources-assign/resources-assign.js";
 import { ACHIEVEMENT_ACTIONS as Bs, STAGES as bs } from "./features/milestone/outcome/milestone-outcome-constants.js";
@@ -217,7 +217,7 @@ import { default as ul } from "./features/sheets/reference-sheet/reference-sheet
 import { isV3Worksheet as dl, isV3WorksheetAttempt as nl } from "./features/sheets/utils/is-v3-worksheet.js";
 import { COMPLETED_SHEET_STATE as Il, NODE_LABELS as il, NODE_SUB_GROUP as Tl, NODE_TYPE as El, PYTHON_NODE_TYPES as Sl, REWARDS_LIST as Cl, SHEET_ACTIONS as Al, SHEET_ATTEMPT_LOCATION as _l, SHEET_ATTEMPT_LOCATION_MAP as Pl, SHEET_ATTEMPT_STATE as hl, SHEET_DATA_TYPE as Ll, SHEET_STATE as kl } from "./features/sheets/constants/sheet.js";
 import { default as Nl } from "./features/student-details/student-details.js";
-import { default as Rl } from "./features/utils/load-script.js";
+import { default as Hl } from "./features/utils/load-script.js";
 import { ACTION_BAR_HEIGHT as Dl, QUESTIONS_GAP as Gl, QUESTION_WIDTH as yl, TOP_NAVIGATION_HEIGHT as gl } from "./features/worksheet/worksheet/constants.js";
 import { isOkayTypeQuestion as bl } from "./features/worksheet/worksheet/worksheet-helpers.js";
 import { default as vl } from "./features/worksheet/worksheet/worksheet-container.js";
@@ -248,14 +248,14 @@ export {
   C as BookClosedIcon,
   _ as BookIcon,
   k as BookmarkIcon,
-  R as Bulb2Icon,
+  H as Bulb2Icon,
   N as BulbIcon,
   Br as Button,
   $a as CIRCLE_ACTION_IDS,
   za as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
   Il as COMPLETED_SHEET_STATE,
   D as CalendarIcon,
-  Rt as Callout,
+  Ht as Callout,
   pt as CascadingSelectInput,
   xa as Chapter,
   ps as ChapterClearanceConfirmationModal,
@@ -277,7 +277,7 @@ export {
   W as ClockIcon,
   rs as Coachmark,
   Y as CodeIcon,
-  Rr as ContextMenu,
+  Hr as ContextMenu,
   K as CopyIcon,
   Dr as CountdownTimer,
   j as CrossIcon,
@@ -327,7 +327,7 @@ export {
   Wr as IconButton,
   ke as ImageIcon,
   es as IndicatorType,
-  Re as Info2Icon,
+  He as Info2Icon,
   Ne as InfoIcon,
   Kf as JOURNEY_ID_STUDENT,
   Xf as JourneyProvider,
@@ -345,7 +345,7 @@ export {
   hs as MilestoneEdit,
   ks as MilestoneList,
   cs as MilestoneOutcome,
-  Rs as MilestoneStart,
+  Hs as MilestoneStart,
   We as Minus2Icon,
   Ue as MinusIcon,
   we as MistakeIcon,
@@ -408,7 +408,7 @@ export {
   Ql as SheetLocked,
   cf as SignUp,
   er as SketchIcon,
-  Ho as Skip2Icon,
+  Ro as Skip2Icon,
   Oo as SkipIcon,
   df as SplashScreen,
   Go as Star2Icon,
@@ -456,7 +456,7 @@ export {
   bl as isOkayTypeQuestion,
   dl as isV3Worksheet,
   nl as isV3WorksheetAttempt,
-  Rl as loadScript,
+  Hl as loadScript,
   Yf as useAutoPlayPermission,
   Pf as useCanvasSyncBroker,
   Ma as useCircleSounds,
@@ -465,11 +465,11 @@ export {
   hr as useForceReload,
   Ws as useGetAllMilestonesdata,
   tf as useGetCircleHomeDetailsDal,
-  qf as useGetEligibleJourneysViaRoute,
-  Ha as useGetLeaderboardDal,
+  qf as useGetEligibleJourneys,
+  Ra as useGetLeaderboardDal,
   Ks as useGetMilestoneResources,
   Qs as useGetTestHelpData,
-  Hf as useInClassActionDispatcher,
+  Rf as useInClassActionDispatcher,
   Df as useInClassActionListener,
   Lf as useInClassMessageBroker,
   Zl as useIsLearnosityLoaded,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.57-rj-4",
+  "version": "2.8.57",
   "type": "module",
   "files": [
     "dist"

package/dist/features/journey/hooks/use-get-eligible-journeys-via-route.js

@@ -1,13 +0,0 @@
-import { useMemo as i } from "react";
-import { useJourney as s } from "../use-journey/use-journey.js";
-const n = (e) => {
-  const { userCompletedJourneyIds: o } = s();
-  return i(
-    () => e.filter((r) => !o.includes(r)),
-    [e, o]
-  );
-};
-export {
-  n as useGetEligibleJourneysViaRoute
-};
-//# sourceMappingURL=use-get-eligible-journeys-via-route.js.map

package/dist/features/journey/hooks/use-get-eligible-journeys-via-route.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-get-eligible-journeys-via-route.js","sources":["../../../../src/features/journey/hooks/use-get-eligible-journeys-via-route.tsx"],"sourcesContent":["import type { TJourneyId } from '../journey-id/journey-id-types';\n\nimport { useMemo } from 'react';\n\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useGetEligibleJourneysViaRoute = (routeJourneyIds: TJourneyId[]) => {\n  const { userCompletedJourneyIds } = useJourney();\n\n  const eligibleJourneys = useMemo(\n    () => routeJourneyIds.filter(journeyId => !userCompletedJourneyIds.includes(journeyId)),\n    [routeJourneyIds, userCompletedJourneyIds],\n  );\n\n  return eligibleJourneys;\n};\n"],"names":["useGetEligibleJourneysViaRoute","routeJourneyIds","userCompletedJourneyIds","useJourney","useMemo","journeyId"],"mappings":";;AAMa,MAAAA,IAAiC,CAACC,MAAkC;AACzE,QAAA,EAAE,yBAAAC,MAA4BC;AAO7B,SALkBC;AAAA,IACvB,MAAMH,EAAgB,OAAO,CAAAI,MAAa,CAACH,EAAwB,SAASG,CAAS,CAAC;AAAA,IACtF,CAACJ,GAAiBC,CAAuB;AAAA,EAAA;AAI7C;"}

package/dist/features/journey/user-journey-api/user-journey-api.js

@@ -1,12 +0,0 @@
-import { createGetAPI as o, createPostAPI as u } from "@cuemath/rest-api";
-import { BASE_URL_V1 as e } from "../../../constants/api.js";
-const { useGet: p } = o({
-  getURL: (n, { app_id: t, journey_status: s, user_id: r }) => `${e}/task/user-journey/?app_id=${t}&journey_status=${s}&user_id=${r}`
-}), { usePost: y } = u({
-  getURL: () => `${e}/task/user-journey/`
-});
-export {
-  p as useGetUserJourney,
-  y as usePostUserJourney
-};
-//# sourceMappingURL=user-journey-api.js.map

package/dist/features/journey/user-journey-api/user-journey-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-journey-api.js","sources":["../../../../src/features/journey/user-journey-api/user-journey-api.ts"],"sourcesContent":["import type {\n  TGetJourneyProgressPayloadModel,\n  TGetJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel,\n  TPostJourneyProgressResponseModel,\n} from './user-journey-api-types';\n\nimport { createGetAPI, createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\n\nconst { useGet: useGetUserJourney } = createGetAPI<\n  TGetJourneyProgressResponseModel,\n  TGetJourneyProgressPayloadModel\n>({\n  getURL: (_, { app_id, journey_status, user_id }) =>\n    `${BASE_URL_V1}/task/user-journey/?app_id=${app_id}&journey_status=${journey_status}&user_id=${user_id}`,\n});\n\nconst { usePost: usePostUserJourney } = createPostAPI<\n  TPostJourneyProgressResponseModel,\n  TPostJourneyProgressPayloadModel\n>({\n  getURL: () => `${BASE_URL_V1}/task/user-journey/`,\n});\n\nexport { useGetUserJourney, usePostUserJourney };\n"],"names":["useGetUserJourney","createGetAPI","_","app_id","journey_status","user_id","BASE_URL_V1","usePostUserJourney","createPostAPI"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,EAAkB,IAAIC,EAGpC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,SAAAC,EAAA,MACpC,GAAGC,CAAW,8BAA8BH,CAAM,mBAAmBC,CAAc,YAAYC,CAAO;AAC1G,CAAC,GAEK,EAAE,SAASE,EAAmB,IAAIC,EAGtC;AAAA,EACA,QAAQ,MAAM,GAAGF,CAAW;AAC9B,CAAC;"}