@cuemath/leap 2.8.21-rj-0 → 2.8.21-rj-2

package/dist/features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.js

@@ -1,18 +1,21 @@
-import { useCallback as a } from "react";
-import { usePostUpdateCircleCoachmark as i } from "../../api/update-circle-onboarding/post-circle-coachmark-api.js";
-const p = (o, e) => {
+import { useCallback as n } from "react";
+import { usePostUpdateCircleCoachmark as a } from "../../api/update-circle-onboarding/post-circle-coachmark-api.js";
+const p = (o) => {
   const {
-    post: t,
-    isProcessing: r,
-    onComplete: c,
+    post: e,
+    isProcessing: t,
+    onComplete: r,
     ...s
-  } = i(), l = a(() => {
-    t({
-      intelenrollment_id: o,
-      completed_coachmarks: e
-    });
-  }, [e, t, o]);
-  return { ...s, isProcessing: r, onComplete: c, postCircleJourneyCompletion: l };
+  } = a(), c = n(
+    (l) => {
+      e({
+        intelenrollment_id: o,
+        completed_coachmarks: l
+      });
+    },
+    [e, o]
+  );
+  return { ...s, isProcessing: t, onComplete: r, postCircleJourneyCompletion: c };
 };
 export {
   p as usePostUpdateCircleJourneyDal

package/dist/features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-post-update-circle-journey-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.ts"],"sourcesContent":["import type { TJourneyId } from '../../../../journey/journey-id/journey-id-types';\n\nimport { useCallback } from 'react';\n\nimport { usePostUpdateCircleCoachmark } from '../../api/update-circle-onboarding/post-circle-coachmark-api';\n\nexport const usePostUpdateCircleJourneyDal = (\n  userId: string,\n  journeyCompletionIds: TJourneyId[],\n): Omit<ReturnType<typeof usePostUpdateCircleCoachmark>, 'data' | 'post'> & {\n  postCircleJourneyCompletion: () => void;\n} => {\n  const {\n    post: postCircleCoachmark,\n    isProcessing,\n    onComplete,\n    ...rest\n  } = usePostUpdateCircleCoachmark();\n\n  const postCircleJourneyCompletion = useCallback(() => {\n    postCircleCoachmark({\n      intelenrollment_id: userId,\n      completed_coachmarks: journeyCompletionIds,\n    });\n  }, [journeyCompletionIds, postCircleCoachmark, userId]);\n\n  return { ...rest, isProcessing, onComplete, postCircleJourneyCompletion };\n};\n"],"names":["usePostUpdateCircleJourneyDal","userId","journeyCompletionIds","postCircleCoachmark","isProcessing","onComplete","rest","usePostUpdateCircleCoachmark","postCircleJourneyCompletion","useCallback"],"mappings":";;AAMa,MAAAA,IAAgC,CAC3CC,GACAC,MAGG;AACG,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAA6B,GAE3BC,IAA8BC,EAAY,MAAM;AAChC,IAAAN,EAAA;AAAA,MAClB,oBAAoBF;AAAA,MACpB,sBAAsBC;AAAA,IAAA,CACvB;AAAA,EACA,GAAA,CAACA,GAAsBC,GAAqBF,CAAM,CAAC;AAEtD,SAAO,EAAE,GAAGK,GAAM,cAAAF,GAAc,YAAAC,GAAY,6BAAAG,EAA4B;AAC1E;"}
+{"version":3,"file":"use-post-update-circle-journey-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-post-update-circle-journey-dal/use-post-update-circle-journey-dal.ts"],"sourcesContent":["import type { TJourneyId } from '../../../../journey/journey-id/journey-id-types';\n\nimport { useCallback } from 'react';\n\nimport { usePostUpdateCircleCoachmark } from '../../api/update-circle-onboarding/post-circle-coachmark-api';\n\nexport const usePostUpdateCircleJourneyDal = (\n  userId: string,\n): Omit<ReturnType<typeof usePostUpdateCircleCoachmark>, 'data' | 'post'> & {\n  postCircleJourneyCompletion: (journeyCompletionIds: TJourneyId[]) => void;\n} => {\n  const {\n    post: postCircleCoachmark,\n    isProcessing,\n    onComplete,\n    ...rest\n  } = usePostUpdateCircleCoachmark();\n\n  const postCircleJourneyCompletion = useCallback(\n    (journeyCompletionIds: TJourneyId[]) => {\n      postCircleCoachmark({\n        intelenrollment_id: userId,\n        completed_coachmarks: journeyCompletionIds,\n      });\n    },\n    [postCircleCoachmark, userId],\n  );\n\n  return { ...rest, isProcessing, onComplete, postCircleJourneyCompletion };\n};\n"],"names":["usePostUpdateCircleJourneyDal","userId","postCircleCoachmark","isProcessing","onComplete","rest","usePostUpdateCircleCoachmark","postCircleJourneyCompletion","useCallback","journeyCompletionIds"],"mappings":";;AAMa,MAAAA,IAAgC,CAC3CC,MAGG;AACG,QAAA;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,MACDC,EAA6B,GAE3BC,IAA8BC;AAAA,IAClC,CAACC,MAAuC;AAClB,MAAAP,EAAA;AAAA,QAClB,oBAAoBD;AAAA,QACpB,sBAAsBQ;AAAA,MAAA,CACvB;AAAA,IACH;AAAA,IACA,CAACP,GAAqBD,CAAM;AAAA,EAAA;AAG9B,SAAO,EAAE,GAAGI,GAAM,cAAAF,GAAc,YAAAC,GAAY,6BAAAG,EAA4B;AAC1E;"}

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

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import N from "lottie-web";
-import { memo as T, useState as h, useRef as R, useMemo as P, useEffect as x } from "react";
-import { CircularLoader as S } from "../../ui/loader/circular-loader/circular-loader.js";
-import { useCircleSounds as G } from "../hooks/use-circle-sounds/use-circle-sounds.js";
+import T from "lottie-web";
+import { memo as h, useState as R, useRef as S, useMemo as P, useEffect as x } from "react";
+import { CircularLoader as G } from "../../ui/loader/circular-loader/circular-loader.js";
+import { useCircleSounds as M } from "../hooks/use-circle-sounds/use-circle-sounds.js";
 import { Carousel as V } from "./comps/carousel/carousel.js";
 import { SegmentedGameCard as n } from "./comps/segmented-game-card/segmented-game-card.js";
 import { GAME_LAUNCHER_ANALYTICS_EVENTS as z } from "./game-launcher-analytics-events.js";
-import { SleepyBoiLottyContainer as M } from "./game-launcher-styled.js";
-import { useGameLauncherJourney as _ } from "./use-game-launcher-journey/use-game-launcher-journey.js";
+import { SleepyBoiLottyContainer as _ } from "./game-launcher-styled.js";
+import { useGameLauncherJourney as B } from "./use-game-launcher-journey/use-game-launcher-journey.js";
 import { ProjectType as i } from "../games/web-view/enums/project-type-enum.js";
-const B = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js"), K = T(
-  ({ onSegmentClick: o, journeyId: t, data: e, isLoading: g, defaultIndex: C = 0 }) => {
-    const [b, v] = h(C), m = R(null), { playSwipSound: u } = G(), {
+const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js"), Q = h(
+  ({ onSegmentClick: o, onJourneyComplete: g, journeyId: t, data: e, isLoading: C, defaultIndex: b = 0 }) => {
+    const [v, A] = R(b), m = S(null), { playSwipSound: u } = M(), {
       gameRefs: a,
       lessonRefs: p,
       puzzleRefs: c,
       startJourney: f,
       carouselNextBtnRef: y,
       isJourneyInProgress: L
-    } = _({
-      setCarouselIndex: v,
-      onSegmentClick: o
-    }), A = P(() => {
+    } = B({
+      setCarouselIndex: A,
+      onSegmentClick: o,
+      onJourneyComplete: g
+    }), E = P(() => {
       let l = [];
       return e && (e.lessons && (l = [
         ...l,
@@ -76,17 +77,17 @@ const B = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
           }
         )
       ]), l;
-    }, [e, a, p, o, c]), E = P(
-      () => [/* @__PURE__ */ r(M, { ref: m })],
+    }, [e, a, p, o, c]), I = P(
+      () => [/* @__PURE__ */ r(_, { ref: m })],
       []
     );
     return x(() => {
       let l = null;
       return (async () => {
-        const I = (await B()).default;
-        l = N.loadAnimation({
+        const N = (await J()).default;
+        l = T.loadAnimation({
           container: m.current,
-          animationData: I,
+          animationData: N,
           autoplay: !0,
           loop: !0,
           renderer: "canvas"
@@ -96,12 +97,12 @@ const B = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
       };
     }, []), x(() => {
       e != null && e.puzzles && t && L && f(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons));
-    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, t, f]), g ? /* @__PURE__ */ r(S, {}) : e ? /* @__PURE__ */ r(
+    }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, t, f]), C ? /* @__PURE__ */ r(G, {}) : e ? /* @__PURE__ */ r(
       V,
       {
         ref: y,
-        items: A,
-        defaultIndex: b,
+        items: E,
+        defaultIndex: v,
         onNext: u,
         onPrev: u,
         analyticsNext: {
@@ -115,7 +116,7 @@ const B = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
       V,
       {
         ref: y,
-        items: E,
+        items: I,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -127,6 +128,6 @@ const B = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
   }
 );
 export {
-  K as GameLauncher
+  Q as GameLauncher
 };
 //# sourceMappingURL=game-launcher.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ReactNode } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport * as Styled from './game-launcher-styled';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoi = () => import('../../../assets/lotties/circle/sleepy-boi-lottie.json');\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const lottieContainerRef = useRef<HTMLDivElement>(null);\n    const { playSwipSound } = useCircleSounds();\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () =>\n                  lesson.status === 'completed'\n                    ? undefined\n                    : onSegmentClick(lesson, ProjectType.LESSON),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => onSegmentClick(game, ProjectType.GAME),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n            }))}\n          />,\n        ];\n      }\n\n      return itemTypes;\n    }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n    const sleepyBoiItem = useMemo(\n      () => [<Styled.SleepyBoiLottyContainer ref={lottieContainerRef} />],\n      [],\n    );\n\n    useEffect(() => {\n      let animation: AnimationItem | null = null;\n      const loadAnimation = async () => {\n        const animationModule = await sleepyBoi();\n\n        const animationData = animationModule.default;\n\n        animation = Lottie.loadAnimation({\n          container: lottieContainerRef.current as Element,\n          animationData: animationData,\n          autoplay: true,\n          loop: true,\n          renderer: 'canvas',\n        });\n      };\n\n      loadAnimation();\n\n      return () => {\n        animation?.destroy();\n      };\n    }, []);\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoi","GameLauncher","memo","onSegmentClick","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","lottieContainerRef","useRef","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","Styled.SleepyBoiLottyContainer","useEffect","animation","animationData","Lottie","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { IGameLauncherProps } from './game-launcher-types';\nimport type { AnimationItem } from 'lottie-web';\nimport type { FC, ReactNode } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { Carousel } from './comps/carousel/carousel';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport * as Styled from './game-launcher-styled';\nimport { useGameLauncherJourney } from './use-game-launcher-journey/use-game-launcher-journey';\n\nconst sleepyBoi = () => import('../../../assets/lotties/circle/sleepy-boi-lottie.json');\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({ onSegmentClick, onJourneyComplete, journeyId, data, isLoading, defaultIndex = 0 }) => {\n    const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n\n    const lottieContainerRef = useRef<HTMLDivElement>(null);\n    const { playSwipSound } = useCircleSounds();\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n    } = useGameLauncherJourney({\n      setCarouselIndex: setCurrentIndex,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () =>\n                  lesson.status === 'completed'\n                    ? undefined\n                    : onSegmentClick(lesson, ProjectType.LESSON),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => onSegmentClick(game, ProjectType.GAME),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => onSegmentClick(puzzle, ProjectType.PUZZLE),\n            }))}\n          />,\n        ];\n      }\n\n      return itemTypes;\n    }, [data, gameRefs, lessonRefs, onSegmentClick, puzzleRefs]);\n\n    const sleepyBoiItem = useMemo(\n      () => [<Styled.SleepyBoiLottyContainer ref={lottieContainerRef} />],\n      [],\n    );\n\n    useEffect(() => {\n      let animation: AnimationItem | null = null;\n      const loadAnimation = async () => {\n        const animationModule = await sleepyBoi();\n\n        const animationData = animationModule.default;\n\n        animation = Lottie.loadAnimation({\n          container: lottieContainerRef.current as Element,\n          animationData: animationData,\n          autoplay: true,\n          loop: true,\n          renderer: 'canvas',\n        });\n      };\n\n      loadAnimation();\n\n      return () => {\n        animation?.destroy();\n      };\n    }, []);\n\n    // Start game launcher journey when the data for puzzles is available\n    useEffect(() => {\n      if (data?.puzzles && journeyId && isJourneyInProgress) {\n        startJourney(data?.puzzles, !!data?.lessons);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoi","GameLauncher","memo","onSegmentClick","onJourneyComplete","journeyId","data","isLoading","defaultIndex","currentIndex","setCurrentIndex","useState","lottieContainerRef","useRef","playSwipSound","useCircleSounds","gameRefs","lessonRefs","puzzleRefs","startJourney","carouselNextBtnRef","isJourneyInProgress","useGameLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","lesson","ProjectType","game","puzzle","sleepyBoiItem","Styled.SleepyBoiLottyContainer","useEffect","animation","animationData","Lottie","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

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

@@ -1,83 +1,85 @@
-import { jsx as e, Fragment as A, jsxs as E } from "react/jsx-runtime";
-import { useRef as h, useCallback as y } from "react";
-import F from "../../../../assets/line-icons/icons/next.js";
-import { JOURNEY_ID_STUDENT as u } from "../../../journey/journey-id/journey-id-student.js";
+import { jsx as e, Fragment as E, jsxs as R } from "react/jsx-runtime";
+import { useRef as u, useCallback as C, useMemo as z } from "react";
+import q from "../../../../assets/line-icons/icons/next.js";
+import { JOURNEY_ID_STUDENT as g } from "../../../journey/journey-id/journey-id-student.js";
 import { IndicatorType as a } from "../../../journey/use-journey/constants.js";
-import { useJourney as K } from "../../../journey/use-journey/use-journey.js";
-import M from "../../../ui/buttons/icon-button/icon-button.js";
-import C from "../../../ui/layout/flex-view.js";
+import { useJourney as ee } from "../../../journey/use-journey/use-journey.js";
+import K from "../../../ui/buttons/icon-button/icon-button.js";
+import y from "../../../ui/layout/flex-view.js";
 import r from "../../../ui/text/text.js";
-import { useCircleSounds as Q } from "../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { SegmentedGameCard as z } from "../comps/segmented-game-card/segmented-game-card.js";
-import { GO_TO_NEXT_SLIDE_AFTER_MS as ee, SHOW_LABEL_HIGHLIGHT_AFTER_MS as te, SHOW_NUDGE_AFTER_MS as re } from "./constants.js";
-import { ProjectType as ne } from "../../games/web-view/enums/project-type-enum.js";
-const pe = ({
-  onSegmentClick: R,
-  setCarouselIndex: I
+import { useCircleSounds as te } from "../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as re } from "../comps/segmented-game-card/segmented-game-card.js";
+import { GO_TO_NEXT_SLIDE_AFTER_MS as ne, SHOW_LABEL_HIGHLIGHT_AFTER_MS as ie, SHOW_NUDGE_AFTER_MS as oe } from "./constants.js";
+import { ProjectType as le } from "../../games/web-view/enums/project-type-enum.js";
+const Ee = ({
+  journeyId: s,
+  onSegmentClick: L,
+  setCarouselIndex: I,
+  onJourneyComplete: H
 }) => {
-  const l = h(null), i = h(null), t = h(null), c = h(null), b = h(!1), { playButtonSound: L } = Q(), { nextCoachmark: o, setJourney: H } = K(), d = y(
-    (n, g, m = !1) => {
-      m || (L(), I((p) => p + 1), o(u.ACTIVITY, !1, ee));
-      const T = setTimeout(() => {
-        clearTimeout(T), n.startLabelAnimation(g);
-      }, te), f = setTimeout(() => {
-        clearTimeout(f), o(u.ACTIVITY, !0);
-      }, re);
+  const l = u(null), i = u(null), t = u(null), c = u(null), A = u(!1), { playButtonSound: O } = te(), { nextCoachmark: o, setJourney: w } = ee(), d = C(
+    (n, m, T = !1) => {
+      T || (O(), I((b) => b + 1), o(g.ACTIVITY, !1, ne));
+      const f = setTimeout(() => {
+        clearTimeout(f), n.startLabelAnimation(m);
+      }, ie), p = setTimeout(() => {
+        clearTimeout(p), o(g.ACTIVITY, !0);
+      }, oe);
     },
-    [o, L, I]
-  ), O = y(
+    [o, O, I]
+  ), P = C(
     (n) => {
-      R(n, ne.PUZZLE), o(u.ACTIVITY);
+      L(n, le.PUZZLE), o(g.ACTIVITY), s && H(s);
     },
-    [o, R]
-  ), j = y(
-    (n, g) => {
-      var P, _, k, $, G, S, v, N, Y, B, U, x, V, W, D, J, X;
-      if (b.current || !((P = l == null ? void 0 : l.current) != null && P.nextBtnRef.current) || !((_ = t == null ? void 0 : t.current) != null && _.segmentedCardWrapperRef.current) || !((k = i == null ? void 0 : i.current) != null && k.labelRef.current) || !(($ = t == null ? void 0 : t.current) != null && $.labelRef.current) || !n)
+    [s, o, H, L]
+  ), _ = C(
+    (n, m) => {
+      var $, G, S, v, N, Y, B, U, x, V, W, D, X, J, M, F, Z;
+      if (A.current || !s || !(($ = l == null ? void 0 : l.current) != null && $.nextBtnRef.current) || !((G = t == null ? void 0 : t.current) != null && G.segmentedCardWrapperRef.current) || !((S = i == null ? void 0 : i.current) != null && S.labelRef.current) || !((v = t == null ? void 0 : t.current) != null && v.labelRef.current) || !n)
         return;
-      b.current = !0;
-      const m = ((v = (S = (G = c.current) == null ? void 0 : G.labelRef) == null ? void 0 : S.current) == null ? void 0 : v.getBoundingClientRect()) || {
+      A.current = !0;
+      const T = ((B = (Y = (N = c.current) == null ? void 0 : N.labelRef) == null ? void 0 : Y.current) == null ? void 0 : B.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, T = ((B = (Y = (N = i.current) == null ? void 0 : N.labelRef) == null ? void 0 : Y.current) == null ? void 0 : B.getBoundingClientRect()) || {
+      }, f = ((V = (x = (U = i.current) == null ? void 0 : U.labelRef) == null ? void 0 : x.current) == null ? void 0 : V.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, f = ((V = (x = (U = t.current) == null ? void 0 : U.labelRef) == null ? void 0 : x.current) == null ? void 0 : V.getBoundingClientRect()) || {
+      }, p = ((X = (D = (W = t.current) == null ? void 0 : W.labelRef) == null ? void 0 : D.current) == null ? void 0 : X.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, p = ((J = (D = (W = t.current) == null ? void 0 : W.segmentedCardWrapperRef) == null ? void 0 : D.current) == null ? void 0 : J.getBoundingClientRect()) || {
+      }, b = ((F = (M = (J = t.current) == null ? void 0 : J.segmentedCardWrapperRef) == null ? void 0 : M.current) == null ? void 0 : F.getBoundingClientRect()) || {
         height: 0,
         width: 0
       };
-      let w = [];
-      g && c.current && (w = [
+      let k = [];
+      m && c.current && (k = [
         {
           originalElementToHighlightRef: c.current.labelRef,
           isActive: !1,
           type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(A, {}),
+          elementToHighlight: /* @__PURE__ */ e(E, {}),
           indicator: {
             position: "right",
             backgroundColor: "BLUE_4",
             width: 244,
-            tooltipItem: /* @__PURE__ */ E(C, { children: [
+            tooltipItem: /* @__PURE__ */ R(y, { children: [
               /* @__PURE__ */ e(r, { $renderAs: "ab2-bold", children: "Practice Mental Math" }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "Get faster & stay ahead in school," }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "with 3 new skills everyday." })
             ] }),
-            tooltipXCoOrdinates: m.width,
-            tooltipYCoOrdinates: m.height / 2
+            tooltipXCoOrdinates: T.width,
+            tooltipYCoOrdinates: T.height / 2
           }
         },
         {
-          originalElementToHighlightRef: (X = l.current) == null ? void 0 : X.nextBtnRef,
+          originalElementToHighlightRef: (Z = l.current) == null ? void 0 : Z.nextBtnRef,
           isActive: !1,
           type: a.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            M,
+            K,
             {
               renderAs: "secondary",
-              Icon: F,
+              Icon: q,
               onClick: () => d(i.current, "ORANGE_4"),
               analyticsLabel: "HELLO "
             }
@@ -90,23 +92,23 @@ const pe = ({
           }
         }
       ]);
-      const Z = [
+      const Q = [
         {
           originalElementToHighlightRef: i.current.labelRef,
           isActive: !1,
           type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(A, {}),
+          elementToHighlight: /* @__PURE__ */ e(E, {}),
           indicator: {
             position: "right",
             backgroundColor: "ORANGE_4",
             width: 244,
-            tooltipItem: /* @__PURE__ */ E(C, { children: [
+            tooltipItem: /* @__PURE__ */ R(y, { children: [
               /* @__PURE__ */ e(r, { $renderAs: "ab2-bold", children: "Play Strategy Games" }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "Train to think deeper & plan ahead," }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "with 3 new games everyday." })
             ] }),
-            tooltipXCoOrdinates: T.width,
-            tooltipYCoOrdinates: T.height / 2
+            tooltipXCoOrdinates: f.width,
+            tooltipYCoOrdinates: f.height / 2
           }
         },
         {
@@ -114,10 +116,10 @@ const pe = ({
           isActive: !1,
           type: a.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            M,
+            K,
             {
               renderAs: "secondary",
-              Icon: F,
+              Icon: q,
               onClick: () => d(t.current, "PURPLE_4"),
               analyticsLabel: "HELLO "
             }
@@ -129,23 +131,23 @@ const pe = ({
             nudgePointerY: 0
           }
         }
-      ], q = [
+      ], j = [
         {
           originalElementToHighlightRef: t.current.labelRef,
           isActive: !1,
           type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(A, {}),
+          elementToHighlight: /* @__PURE__ */ e(E, {}),
           indicator: {
             position: "right",
             backgroundColor: "PURPLE_4",
             width: 244,
-            tooltipItem: /* @__PURE__ */ E(C, { children: [
+            tooltipItem: /* @__PURE__ */ R(y, { children: [
               /* @__PURE__ */ e(r, { $renderAs: "ab2-bold", children: "Solve Logic Puzzles" }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "Think in new ways & stay sharp," }),
               /* @__PURE__ */ e(r, { $renderAs: "ub3", children: "with 3 new puzzles everyday." })
             ] }),
-            tooltipXCoOrdinates: f.width,
-            tooltipYCoOrdinates: f.height / 2
+            tooltipXCoOrdinates: p.width,
+            tooltipYCoOrdinates: p.height / 2
           }
         },
         {
@@ -153,43 +155,46 @@ const pe = ({
           isActive: !1,
           type: a.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            z,
+            re,
             {
               label: "",
-              value: n.data.filter((s) => s.solved).length,
+              value: n.data.filter((h) => h.solved).length,
               maxValue: n.data.length,
               initialValue: n.initialProgressValue,
-              data: n.data.map((s) => ({
-                card: s.cardLottie,
+              data: n.data.map((h) => ({
+                card: h.cardLottie,
                 name: "",
                 // We dont want to show the name of the puzzle in onboarding
-                isCompleted: s.solved,
-                onPress: () => O(s)
+                isCompleted: h.solved,
+                onPress: () => P(h)
               }))
             }
           ),
           indicator: {
             nudge: "click",
             content: /* @__PURE__ */ e(r, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
-            nudgePointerX: p.width * 0.6,
-            nudgePointerY: p.height * 0.4
+            nudgePointerX: b.width * 0.6,
+            nudgePointerY: b.height * 0.4
           }
         }
       ];
-      H(u.ACTIVITY, [...w, ...Z, ...q]), o(u.ACTIVITY, !0), g && c.current ? d(c.current, "BLUE_4", !0) : d(i.current, "ORANGE_4", !0);
+      w(g.ACTIVITY, [...k, ...Q, ...j]), o(g.ACTIVITY, !0), m && c.current ? d(c.current, "BLUE_4", !0) : d(i.current, "ORANGE_4", !0);
     },
-    [O, d, o, H]
+    [P, d, s, o, w]
+  );
+  return z(
+    () => ({
+      gameRefs: i,
+      puzzleRefs: t,
+      lessonRefs: c,
+      carouselNextBtnRef: l,
+      isJourneyInProgress: A,
+      startJourney: _
+    }),
+    [_]
   );
-  return {
-    gameRefs: i,
-    puzzleRefs: t,
-    lessonRefs: c,
-    carouselNextBtnRef: l,
-    isJourneyInProgress: b,
-    startJourney: j
-  };
 };
 export {
-  pe as useGameLauncherJourney
+  Ee as useGameLauncherJourney
 };
 //# sourceMappingURL=use-game-launcher-journey.js.map

package/dist/features/circle-games/game-launcher/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/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import 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 { ICarouselRefs } from '../comps/carousel/carousel-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, useRef } from 'react';\n\nimport NextIcon from '../../../../assets/line-icons/icons/next';\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 FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\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 {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  onSegmentClick,\n  setCarouselIndex,\n}: IUseGameLauncherJourneyProps) => {\n  const carouselNextBtnRef = useRef<ICarouselRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n\n  const goToNextCard = useCallback(\n    (refOfNextSlide: ISegmentedGameCardRefs, color: TColorNames, isFirstSlide: boolean = false) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      const showNudgeTimer = setTimeout(() => {\n        clearTimeout(showNudgeTimer);\n        nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, true);\n      }, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY);\n    },\n    [nextCoachmark, onSegmentClick],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean) => {\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        !carouselNextBtnRef?.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: 244,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">Practice Mental Math</Text>\n                  <Text $renderAs=\"ub3\">Get faster & stay ahead in school,</Text>\n                  <Text $renderAs=\"ub3\">with 3 new skills everyday.</Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselNextBtnRef.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={NextIcon}\n                onClick={() => goToNextCard(gameRefs.current as ISegmentedGameCardRefs, 'ORANGE_4')}\n                analyticsLabel=\"HELLO \"\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: 244,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">Play Strategy Games</Text>\n                <Text $renderAs=\"ub3\">Train to think deeper & plan ahead,</Text>\n                <Text $renderAs=\"ub3\">with 3 new games everyday.</Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselNextBtnRef.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={NextIcon}\n              onClick={() => goToNextCard(puzzleRefs.current as ISegmentedGameCardRefs, 'PURPLE_4')}\n              analyticsLabel=\"HELLO \"\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: 244,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">Solve Logic Puzzles</Text>\n                <Text $renderAs=\"ub3\">Think in new ways & stay sharp,</Text>\n                <Text $renderAs=\"ub3\">with 3 new puzzles everyday.</Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle),\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(JOURNEY_ID_STUDENT.ACTIVITY, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, true);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(lessonRefs.current, 'BLUE_4', true);\n      } else {\n        goToNextCard(gameRefs.current, 'ORANGE_4', true);\n      }\n    },\n    [endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  return {\n    gameRefs,\n    puzzleRefs,\n    lessonRefs,\n    carouselNextBtnRef,\n    isJourneyInProgress,\n    startJourney,\n  };\n};\n"],"names":["useGameLauncherJourney","onSegmentClick","setCarouselIndex","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","goToNextCard","useCallback","refOfNextSlide","color","isFirstSlide","prev","JOURNEY_ID_STUDENT","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","showNudgeTimer","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","startJourney","isLessonAvailable","_a","_b","_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","NextIcon","gameSteps","puzzleSteps","SegmentedGameCard","puzzle"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import 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 { ICarouselRefs } from '../comps/carousel/carousel-types';\nimport type { ISegmentedGameCardRefs } from '../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport NextIcon from '../../../../assets/line-icons/icons/next';\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 FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\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 {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  journeyId,\n  onSegmentClick,\n  setCarouselIndex,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const carouselNextBtnRef = useRef<ICarouselRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n\n  const goToNextCard = useCallback(\n    (refOfNextSlide: ISegmentedGameCardRefs, color: TColorNames, isFirstSlide: boolean = false) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      const showNudgeTimer = setTimeout(() => {\n        clearTimeout(showNudgeTimer);\n        nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, true);\n      }, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY);\n      if (journeyId) {\n        onJourneyComplete(journeyId);\n      }\n    },\n    [journeyId, nextCoachmark, onJourneyComplete, onSegmentClick],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean) => {\n      if (isJourneyInProgress.current || !journeyId) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselNextBtnRef?.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: 244,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">Practice Mental Math</Text>\n                  <Text $renderAs=\"ub3\">Get faster & stay ahead in school,</Text>\n                  <Text $renderAs=\"ub3\">with 3 new skills everyday.</Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselNextBtnRef.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={NextIcon}\n                onClick={() => goToNextCard(gameRefs.current as ISegmentedGameCardRefs, 'ORANGE_4')}\n                analyticsLabel=\"HELLO \"\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: 244,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">Play Strategy Games</Text>\n                <Text $renderAs=\"ub3\">Train to think deeper & plan ahead,</Text>\n                <Text $renderAs=\"ub3\">with 3 new games everyday.</Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselNextBtnRef.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={NextIcon}\n              onClick={() => goToNextCard(puzzleRefs.current as ISegmentedGameCardRefs, 'PURPLE_4')}\n              analyticsLabel=\"HELLO \"\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: 244,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">Solve Logic Puzzles</Text>\n                <Text $renderAs=\"ub3\">Think in new ways & stay sharp,</Text>\n                <Text $renderAs=\"ub3\">with 3 new puzzles everyday.</Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle),\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(JOURNEY_ID_STUDENT.ACTIVITY, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(JOURNEY_ID_STUDENT.ACTIVITY, true);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(lessonRefs.current, 'BLUE_4', true);\n      } else {\n        goToNextCard(gameRefs.current, 'ORANGE_4', true);\n      }\n    },\n    [endJourney, goToNextCard, journeyId, nextCoachmark, setJourney],\n  );\n\n  return useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n      startJourney,\n    }),\n    [startJourney],\n  );\n};\n"],"names":["useGameLauncherJourney","journeyId","onSegmentClick","setCarouselIndex","onJourneyComplete","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","goToNextCard","useCallback","refOfNextSlide","color","isFirstSlide","prev","JOURNEY_ID_STUDENT","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","showNudgeTimer","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","startJourney","isLessonAvailable","_a","_b","_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","NextIcon","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","useMemo"],"mappings":"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"}

package/dist/index.d.ts

@@ -1075,6 +1075,7 @@ declare interface IGameLauncherProps {
     data: IProjects | null;
     defaultIndex?: number;
     journeyId?: TJourneyId;
+    onJourneyComplete: (journeyId: TJourneyId) => void;
 }
 
 declare interface IGetArrowTooltipConfig {
@@ -4954,8 +4955,8 @@ declare const usePostUpdateCircleCoachmark: (opts?: {
     onComplete: (() => void) | undefined;
 };
 
-export declare const usePostUpdateCircleJourneyDal: (userId: string, journeyCompletionIds: TJourneyId[]) => Omit<ReturnType<typeof usePostUpdateCircleCoachmark>, "data" | "post"> & {
-    postCircleJourneyCompletion: () => void;
+export declare const usePostUpdateCircleJourneyDal: (userId: string) => Omit<ReturnType<typeof usePostUpdateCircleCoachmark>, "data" | "post"> & {
+    postCircleJourneyCompletion: (journeyCompletionIds: TJourneyId[]) => void;
 };
 
 export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;

package/package.json

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