@cuemath/leap 2.8.21-rj-3 → 2.8.21-rj-6

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

@@ -1,17 +1,17 @@
-import { useState as u, useCallback as _, useEffect as k } from "react";
-import { useGetCircleHomeAPI as y } from "../../api/get-content-for-today/get-circle-home-api.js";
-import { ProjectType as s } from "../../../games/web-view/enums/project-type-enum.js";
-const f = (r, o, n) => {
-  const [m, l] = u(null), { data: a, get: c, isProcessed: e, ...d } = y(), p = _(() => {
-    c("", {
+import { useState as E, useCallback as d, useEffect as p } from "react";
+import { useGetCircleHomeAPI as C } from "../../api/get-content-for-today/get-circle-home-api.js";
+import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
+const O = (r, o, n) => {
+  const [c, _] = E(null), { data: a, get: m, isProcessed: e, ...l } = C(), R = d(() => {
+    m("", {
       user_id: r,
       country_code: o,
       grade: n
     });
-  }, [c, r, o, n]);
-  return k(() => {
-    let i = null;
-    e && a && (i = {
+  }, [m, r, o, n]);
+  return p(() => {
+    let s = null;
+    e && a && (s = {
       points: a.points,
       streakDays: a.streak_days,
       streakStatus: a.streak_status,
@@ -19,7 +19,7 @@ const f = (r, o, n) => {
       projects: {
         games: {
           label: a.projects.games.label,
-          type: s.GAME,
+          type: i.GAME,
           initialProgressValue: 0,
           data: a.projects.games.data.map((t) => ({
             id: t.id,
@@ -32,7 +32,7 @@ const f = (r, o, n) => {
         },
         puzzles: {
           label: a.projects.puzzles.label,
-          type: s.PUZZLE,
+          type: i.PUZZLE,
           initialProgressValue: 0,
           data: a.projects.puzzles.data.map((t) => ({
             id: t.id,
@@ -52,15 +52,15 @@ const f = (r, o, n) => {
         current: a.timestamps.current
       },
       coachmarkProgress: {
-        activity: a.coachmark_completion.activity,
-        tutorial: a.coachmark_completion.tutorial,
-        points: a.coachmark_completion.points,
-        streak: a.coachmark_completion.streak,
-        leaderboard: a.coachmark_completion.leaderboard
+        CIRCLE_ACTIVITIES_INTRO_JOURNEY: a.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,
+        CIRCLE_LEADERBOARD_INTRO_JOURNEY: a.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,
+        CIRCLE_POINTS_REWARD_JOURNEY: a.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,
+        CIRCLE_STREAK_UPDATE_JOURNEY: a.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,
+        CIRCLE_TUTORIAL_JOURNEY: a.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY
       }
-    }, a.projects.lessons && (i.projects.lessons = {
+    }, a.projects.lessons && (s.projects.lessons = {
       label: a.projects.lessons.label,
-      type: s.LESSON,
+      type: i.LESSON,
       initialProgressValue: 0,
       data: a.projects.lessons.data.map((t) => ({
         id: t.id,
@@ -73,10 +73,10 @@ const f = (r, o, n) => {
         targetQuestions: t.target_questions,
         status: t.status
       }))
-    })), l(i);
-  }, [a, e]), { data: m, isProcessed: e, getCircleHomeDetails: p, ...d };
+    })), _(s);
+  }, [a, e]), { data: c, isProcessed: e, getCircleHomeDetails: R, ...l };
 };
 export {
-  f as useGetCircleHomeDetailsDal
+  O as useGetCircleHomeDetailsDal
 };
 //# sourceMappingURL=use-get-circle-home-details-dal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          activity: data.coachmark_completion.activity,\n          tutorial: data.coachmark_completion.tutorial,\n          points: data.coachmark_completion.points,\n          streak: data.coachmark_completion.streak,\n          leaderboard: data.coachmark_completion.leaderboard,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,UAAUA,EAAK,qBAAqB;AAAA,QACpC,UAAUA,EAAK,qBAAqB;AAAA,QACpC,QAAQA,EAAK,qBAAqB;AAAA,QAClC,QAAQA,EAAK,qBAAqB;AAAA,QAClC,aAAaA,EAAK,qBAAqB;AAAA,MACzC;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}
+{"version":3,"file":"use-get-circle-home-details-dal.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.ts"],"sourcesContent":["import type { ICircleHomeDetails, TStreakStatus } from './use-get-circle-home-dal-types';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useGetCircleHomeAPI } from '../../api/get-content-for-today/get-circle-home-api';\n\nexport const useGetCircleHomeDetailsDal = (\n  userId: string,\n  countryCode: string,\n  grade: string,\n): Omit<ReturnType<typeof useGetCircleHomeAPI>, 'data' | 'get'> & {\n  data: ICircleHomeDetails | null;\n  getCircleHomeDetails: () => void;\n} => {\n  const [contentForToday, setContentForToday] = useState<ICircleHomeDetails | null>(null);\n  const { data, get: getHomeDetails, isProcessed, ...rest } = useGetCircleHomeAPI();\n\n  const getCircleHomeDetails = useCallback(() => {\n    getHomeDetails('', {\n      user_id: userId,\n      country_code: countryCode,\n      grade: grade,\n    });\n  }, [getHomeDetails, userId, countryCode, grade]);\n\n  useEffect(() => {\n    let circleHomeDetails: ICircleHomeDetails | null = null;\n\n    if (isProcessed && data) {\n      circleHomeDetails = {\n        points: data.points,\n        streakDays: data.streak_days,\n        streakStatus: data.streak_status as TStreakStatus,\n        tournamentRank: data.tournament_rank,\n        projects: {\n          games: {\n            label: data.projects.games.label,\n            type: ProjectType.GAME,\n            initialProgressValue: 0,\n            data: data.projects.games.data.map(game => ({\n              id: game.id,\n              name: game.name,\n              cardLottie: game.card,\n              tutorial: game.tutorial,\n              variant: game.variant,\n              isPlayed: game.played,\n            })),\n          },\n          puzzles: {\n            label: data.projects.puzzles.label,\n            type: ProjectType.PUZZLE,\n            initialProgressValue: 0,\n            data: data.projects.puzzles.data.map(puzzle => ({\n              id: puzzle.id,\n              name: puzzle.name,\n              cardLottie: puzzle.card,\n              tutorial: puzzle.tutorial,\n              variant: puzzle.variant,\n              question: puzzle.question,\n              isHintSeen: puzzle.is_hint_seen,\n              solved: puzzle.solved,\n            })),\n          },\n        },\n        timestamps: {\n          startTimestamp: data.timestamps.start_timestamp,\n          endTimestamp: data.timestamps.end_timestamp,\n          current: data.timestamps.current,\n        },\n        coachmarkProgress: {\n          CIRCLE_ACTIVITIES_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_ACTIVITIES_INTRO_JOURNEY,\n          CIRCLE_LEADERBOARD_INTRO_JOURNEY:\n            data.coachmark_completion.CIRCLE_LEADERBOARD_INTRO_JOURNEY,\n          CIRCLE_POINTS_REWARD_JOURNEY: data.coachmark_completion.CIRCLE_POINTS_REWARD_JOURNEY,\n          CIRCLE_STREAK_UPDATE_JOURNEY: data.coachmark_completion.CIRCLE_STREAK_UPDATE_JOURNEY,\n          CIRCLE_TUTORIAL_JOURNEY: data.coachmark_completion.CIRCLE_TUTORIAL_JOURNEY,\n        },\n      };\n\n      if (data.projects.lessons) {\n        circleHomeDetails.projects.lessons = {\n          label: data.projects.lessons.label,\n          type: ProjectType.LESSON,\n          initialProgressValue: 0,\n          data: data.projects.lessons.data.map(lesson => ({\n            id: lesson.id,\n            name: lesson.name,\n            cardLottie: lesson.card,\n            tutorial: lesson.tutorial,\n            variant: lesson.variant,\n            sessionId: lesson.session_id,\n            miniGameIdentifier: lesson.mini_game_identifier,\n            targetQuestions: lesson.target_questions,\n            status: lesson.status,\n          })),\n        };\n      }\n    }\n    setContentForToday(circleHomeDetails);\n  }, [data, isProcessed]);\n\n  return { data: contentForToday, isProcessed, getCircleHomeDetails, ...rest };\n};\n"],"names":["useGetCircleHomeDetailsDal","userId","countryCode","grade","contentForToday","setContentForToday","useState","data","getHomeDetails","isProcessed","rest","useGetCircleHomeAPI","getCircleHomeDetails","useCallback","useEffect","circleHomeDetails","ProjectType","game","puzzle","lesson"],"mappings":";;;AAOO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MAIG;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAoC,IAAI,GAChF,EAAE,MAAAC,GAAM,KAAKC,GAAgB,aAAAC,GAAa,GAAGC,EAAA,IAASC,KAEtDC,IAAuBC,EAAY,MAAM;AAC7C,IAAAL,EAAe,IAAI;AAAA,MACjB,SAASP;AAAA,MACT,cAAcC;AAAA,MACd,OAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACK,GAAgBP,GAAQC,GAAaC,CAAK,CAAC;AAE/C,SAAAW,EAAU,MAAM;AACd,QAAIC,IAA+C;AAEnD,IAAIN,KAAeF,MACGQ,IAAA;AAAA,MAClB,QAAQR,EAAK;AAAA,MACb,YAAYA,EAAK;AAAA,MACjB,cAAcA,EAAK;AAAA,MACnB,gBAAgBA,EAAK;AAAA,MACrB,UAAU;AAAA,QACR,OAAO;AAAA,UACL,OAAOA,EAAK,SAAS,MAAM;AAAA,UAC3B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,MAAM,KAAK,IAAI,CAASU,OAAA;AAAA,YAC1C,IAAIA,EAAK;AAAA,YACT,MAAMA,EAAK;AAAA,YACX,YAAYA,EAAK;AAAA,YACjB,UAAUA,EAAK;AAAA,YACf,SAASA,EAAK;AAAA,YACd,UAAUA,EAAK;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,UACP,OAAOV,EAAK,SAAS,QAAQ;AAAA,UAC7B,MAAMS,EAAY;AAAA,UAClB,sBAAsB;AAAA,UACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWW,OAAA;AAAA,YAC9C,IAAIA,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,YAAYA,EAAO;AAAA,YACnB,UAAUA,EAAO;AAAA,YACjB,SAASA,EAAO;AAAA,YAChB,UAAUA,EAAO;AAAA,YACjB,YAAYA,EAAO;AAAA,YACnB,QAAQA,EAAO;AAAA,UAAA,EACf;AAAA,QACJ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,gBAAgBX,EAAK,WAAW;AAAA,QAChC,cAAcA,EAAK,WAAW;AAAA,QAC9B,SAASA,EAAK,WAAW;AAAA,MAC3B;AAAA,MACA,mBAAmB;AAAA,QACjB,iCACEA,EAAK,qBAAqB;AAAA,QAC5B,kCACEA,EAAK,qBAAqB;AAAA,QAC5B,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,8BAA8BA,EAAK,qBAAqB;AAAA,QACxD,yBAAyBA,EAAK,qBAAqB;AAAA,MACrD;AAAA,IAAA,GAGEA,EAAK,SAAS,YAChBQ,EAAkB,SAAS,UAAU;AAAA,MACnC,OAAOR,EAAK,SAAS,QAAQ;AAAA,MAC7B,MAAMS,EAAY;AAAA,MAClB,sBAAsB;AAAA,MACtB,MAAMT,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWY,OAAA;AAAA,QAC9C,IAAIA,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO;AAAA,QACnB,UAAUA,EAAO;AAAA,QACjB,SAASA,EAAO;AAAA,QAChB,WAAWA,EAAO;AAAA,QAClB,oBAAoBA,EAAO;AAAA,QAC3B,iBAAiBA,EAAO;AAAA,QACxB,QAAQA,EAAO;AAAA,MAAA,EACf;AAAA,IAAA,KAIRd,EAAmBU,CAAiB;AAAA,EAAA,GACnC,CAACR,GAAME,CAAW,CAAC,GAEf,EAAE,MAAML,GAAiB,aAAAK,GAAa,sBAAAG,GAAsB,GAAGF;AACxE;"}

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

@@ -19,7 +19,6 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
       carouselNextBtnRef: y,
       isJourneyInProgress: L
     } = B({
-      journeyId: n,
       setCarouselIndex: A,
       onSegmentClick: o,
       onJourneyComplete: g
@@ -97,7 +96,7 @@ const J = () => import("../../../assets/lotties/circle/sleepy-boi-lottie.json.js
         l == null || l.destroy();
       };
     }, []), x(() => {
-      e != null && e.puzzles && n && L && f(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons));
+      e != null && e.puzzles && n && L && f(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons), n);
     }, [e == null ? void 0 : e.lessons, e == null ? void 0 : e.puzzles, L, n, f]), C ? /* @__PURE__ */ r(G, {}) : e ? /* @__PURE__ */ r(
       V,
       {

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, 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      journeyId,\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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"}
+{"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, journeyId);\n      }\n    }, [data?.lessons, data?.puzzles, isJourneyInProgress, journeyId, startJourney]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          ref={carouselNextBtnRef}\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselNextBtnRef}\n        items={items}\n        defaultIndex={currentIndex}\n        onNext={playSwipSound}\n        onPrev={playSwipSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["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,151 +1,137 @@
-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 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 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,
+import { jsx as e, Fragment as R } from "react/jsx-runtime";
+import { useRef as u, useCallback as b, useMemo as Q } from "react";
+import V from "../../../../assets/line-icons/icons/next.js";
+import { IndicatorType as s } from "../../../journey/use-journey/constants.js";
+import { useJourney as j } from "../../../journey/use-journey/use-journey.js";
+import Z from "../../../ui/buttons/icon-button/icon-button.js";
+import C from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+import { useCircleSounds as z } from "../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as ee } from "../comps/segmented-game-card/segmented-game-card.js";
+import { GO_TO_NEXT_SLIDE_AFTER_MS as te, SHOW_LABEL_HIGHLIGHT_AFTER_MS as re, SHOW_NUDGE_AFTER_MS as ne } from "./constants.js";
+import { ProjectType as ie } from "../../games/web-view/enums/project-type-enum.js";
+const Te = ({
   onSegmentClick: L,
-  setCarouselIndex: I,
-  onJourneyComplete: H
+  setCarouselIndex: H,
+  onJourneyComplete: A
 }) => {
-  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 c = u(null), i = u(null), t = u(null), a = u(null), E = u(!1), { playButtonSound: O } = z(), { nextCoachmark: o, setJourney: y } = j(), h = b(
+    (n, l, r, m = !1) => {
+      m || (O(), H((T) => T + 1), o(r, !1, te));
       const f = setTimeout(() => {
-        clearTimeout(f), n.startLabelAnimation(m);
-      }, ie), p = setTimeout(() => {
-        clearTimeout(p), o(g.ACTIVITY, !0);
-      }, oe);
+        clearTimeout(f), n.startLabelAnimation(l);
+      }, re), p = setTimeout(() => {
+        clearTimeout(p), o(r, !0);
+      }, ne);
     },
-    [o, O, I]
-  ), P = C(
-    (n) => {
-      L(n, le.PUZZLE), o(g.ACTIVITY), s && H(s);
+    [o, O, H]
+  ), P = b(
+    (n, l) => {
+      L(n, ie.PUZZLE), o(l), A(l);
     },
-    [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)
+    [o, A, L]
+  ), _ = b(
+    (n, l, r) => {
+      var k, v, G, S, B, N, x, I, U, $, W, X, Y, D, F, J, M;
+      if (E.current || !((k = c == null ? void 0 : c.current) != null && k.nextBtnRef.current) || !((v = t == null ? void 0 : t.current) != null && v.segmentedCardWrapperRef.current) || !((G = i == null ? void 0 : i.current) != null && G.labelRef.current) || !((S = t == null ? void 0 : t.current) != null && S.labelRef.current) || !n)
         return;
-      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()) || {
+      E.current = !0;
+      const m = ((x = (N = (B = a.current) == null ? void 0 : B.labelRef) == null ? void 0 : N.current) == null ? void 0 : x.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, f = ((V = (x = (U = i.current) == null ? void 0 : U.labelRef) == null ? void 0 : x.current) == null ? void 0 : V.getBoundingClientRect()) || {
+      }, f = (($ = (U = (I = i.current) == null ? void 0 : I.labelRef) == null ? void 0 : U.current) == null ? void 0 : $.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, p = ((X = (D = (W = t.current) == null ? void 0 : W.labelRef) == null ? void 0 : D.current) == null ? void 0 : X.getBoundingClientRect()) || {
+      }, p = ((Y = (X = (W = t.current) == null ? void 0 : W.labelRef) == null ? void 0 : X.current) == null ? void 0 : Y.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, b = ((F = (M = (J = t.current) == null ? void 0 : J.segmentedCardWrapperRef) == null ? void 0 : M.current) == null ? void 0 : F.getBoundingClientRect()) || {
+      }, T = ((J = (F = (D = t.current) == null ? void 0 : D.segmentedCardWrapperRef) == null ? void 0 : F.current) == null ? void 0 : J.getBoundingClientRect()) || {
         height: 0,
         width: 0
       };
-      let k = [];
-      m && c.current && (k = [
+      let w = [];
+      l && a.current && (w = [
         {
-          originalElementToHighlightRef: c.current.labelRef,
+          originalElementToHighlightRef: a.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(E, {}),
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
           indicator: {
             position: "right",
             backgroundColor: "BLUE_4",
-            width: 244,
-            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: T.width,
-            tooltipYCoOrdinates: T.height / 2
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
+            tooltipXCoOrdinates: m.width,
+            tooltipYCoOrdinates: m.height / 2
           }
         },
         {
-          originalElementToHighlightRef: (Z = l.current) == null ? void 0 : Z.nextBtnRef,
+          originalElementToHighlightRef: (M = c.current) == null ? void 0 : M.nextBtnRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: s.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            K,
+            Z,
             {
               renderAs: "secondary",
-              Icon: q,
-              onClick: () => d(i.current, "ORANGE_4"),
+              Icon: V,
+              onClick: () => h(i.current, "ORANGE_4", r),
               analyticsLabel: "HELLO "
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ e(r, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
         }
       ]);
-      const Q = [
+      const q = [
         {
           originalElementToHighlightRef: i.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(E, {}),
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
           indicator: {
             position: "right",
             backgroundColor: "ORANGE_4",
-            width: 244,
-            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." })
-            ] }),
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
             tooltipXCoOrdinates: f.width,
             tooltipYCoOrdinates: f.height / 2
           }
         },
         {
-          originalElementToHighlightRef: l.current.nextBtnRef,
+          originalElementToHighlightRef: c.current.nextBtnRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: s.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            K,
+            Z,
             {
               renderAs: "secondary",
-              Icon: q,
-              onClick: () => d(t.current, "PURPLE_4"),
+              Icon: V,
+              onClick: () => h(t.current, "PURPLE_4", r),
               analyticsLabel: "HELLO "
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ e(r, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
         }
-      ], j = [
+      ], K = [
         {
           originalElementToHighlightRef: t.current.labelRef,
           isActive: !1,
-          type: a.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(E, {}),
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
           indicator: {
             position: "right",
             backgroundColor: "PURPLE_4",
-            width: 244,
-            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." })
-            ] }),
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
             tooltipXCoOrdinates: p.width,
             tooltipYCoOrdinates: p.height / 2
           }
@@ -153,48 +139,48 @@ const Ee = ({
         {
           originalElementToHighlightRef: t.current.segmentedCardWrapperRef,
           isActive: !1,
-          type: a.NUDGE,
+          type: s.NUDGE,
           elementToHighlight: /* @__PURE__ */ e(
-            re,
+            ee,
             {
               label: "",
-              value: n.data.filter((h) => h.solved).length,
+              value: n.data.filter((g) => g.solved).length,
               maxValue: n.data.length,
               initialValue: n.initialProgressValue,
-              data: n.data.map((h) => ({
-                card: h.cardLottie,
+              data: n.data.map((g) => ({
+                card: g.cardLottie,
                 name: "",
                 // We dont want to show the name of the puzzle in onboarding
-                isCompleted: h.solved,
-                onPress: () => P(h)
+                isCompleted: g.solved,
+                onPress: () => P(g, r)
               }))
             }
           ),
           indicator: {
             nudge: "click",
-            content: /* @__PURE__ */ e(r, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
-            nudgePointerX: b.width * 0.6,
-            nudgePointerY: b.height * 0.4
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+            nudgePointerX: T.width * 0.6,
+            nudgePointerY: T.height * 0.4
           }
         }
       ];
-      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);
+      y(r, [...w, ...q, ...K]), o(r, !0), l && a.current ? h(a.current, "BLUE_4", r, !0) : h(i.current, "ORANGE_4", r, !0);
     },
-    [P, d, s, o, w]
+    [P, h, o, y]
   );
-  return z(
+  return Q(
     () => ({
       gameRefs: i,
       puzzleRefs: t,
-      lessonRefs: c,
-      carouselNextBtnRef: l,
-      isJourneyInProgress: A,
+      lessonRefs: a,
+      carouselNextBtnRef: c,
+      isJourneyInProgress: E,
       startJourney: _
     }),
     [_]
   );
 };
 export {
-  Ee as useGameLauncherJourney
+  Te 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, 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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"}
+{"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 { 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 { 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 { 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  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    (\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(journeyId, 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(journeyId, true);\n      }, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick],\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        !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: 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,\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={() =>\n                  goToNextCard(gameRefs.current as ISegmentedGameCardRefs, 'ORANGE_4', journeyId)\n                }\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: 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,\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={() =>\n                goToNextCard(puzzleRefs.current as ISegmentedGameCardRefs, 'PURPLE_4', journeyId)\n              }\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: 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,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(journeyId, true);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [endJourney, goToNextCard, 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","onSegmentClick","setCarouselIndex","onJourneyComplete","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","goToNextCard","useCallback","refOfNextSlide","color","journeyId","isFirstSlide","prev","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":";;;;;;;;;;;;AA8BO,MAAMA,KAAyB,CAAC;AAAA,EACrC,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAAoC;AAC5B,QAAAC,IAAqBC,EAAsB,IAAI,GAC/CC,IAAWD,EAA+B,IAAI,GAC9CE,IAAaF,EAA+B,IAAI,GAChDG,IAAaH,EAA+B,IAAI,GAEhDI,IAAsBJ,EAAO,EAAK,GAElC,EAAE,iBAAAK,MAAoBC,KACtB,EAAE,eAAAC,GAAe,YAAAC,EAAW,IAAIC,EAAW,GAE3CC,IAAeC;AAAA,IACnB,CACEC,GACAC,GACAC,GACAC,IAAwB,OACrB;AACH,MAAKA,MACaV,KACCR,EAAA,CAACmB,MAAiBA,IAAO,CAAC,GAC7BT,EAAAO,GAAW,IAAOG,EAAyB;AAGrD,YAAAC,IAAoB,WAAW,MAAM;AACzC,qBAAaA,CAAiB,GAC9BN,EAAe,oBAAoBC,CAAK;AAAA,SACvCM,EAA6B,GAE1BC,IAAiB,WAAW,MAAM;AACtC,qBAAaA,CAAc,GAC3Bb,EAAcO,GAAW,EAAI;AAAA,SAC5BO,EAAmB;AAAA,IACxB;AAAA,IACA,CAACd,GAAeF,GAAiBR,CAAgB;AAAA,EAAA,GAG7CyB,IAAaX;AAAA,IACjB,CAACY,GAAqBT,MAA0B;AAC/B,MAAAlB,EAAA2B,GAAaC,GAAY,MAAM,GAC9CjB,EAAcO,CAAS,GACvBhB,EAAkBgB,CAAS;AAAA,IAC7B;AAAA,IACA,CAACP,GAAeT,GAAmBF,CAAc;AAAA,EAAA,GAG7C6B,IAAed;AAAA,IACnB,CAACY,GAA+BG,GAA4BZ,MAA0B;;AAOlF,UANEV,EAAoB,WAMtB,GAACuB,IAAA5B,KAAA,gBAAAA,EAAoB,YAApB,QAAA4B,EAA6B,WAAW,YACzC,GAACC,IAAA1B,KAAA,gBAAAA,EAAY,YAAZ,QAAA0B,EAAqB,wBAAwB,YAC9C,GAACC,IAAA5B,KAAA,gBAAAA,EAAU,YAAV,QAAA4B,EAAmB,SAAS,YAC7B,GAACC,IAAA5B,KAAA,gBAAAA,EAAY,YAAZ,QAAA4B,EAAqB,SAAS,YAC/B,CAACP;AAED;AAGF,MAAAnB,EAAoB,UAAU;AAC9B,YAAM2B,MAAkBC,KAAAC,KAAAC,IAAA/B,EAAW,YAAX,gBAAA+B,EAAoB,aAApB,gBAAAD,EAA8B,YAA9B,gBAAAD,EAAuC,4BAA2B;AAAA,QACxF,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA,GAEHG,MAAgBC,KAAAC,KAAAC,IAAArC,EAAS,YAAT,gBAAAqC,EAAkB,aAAlB,gBAAAD,EAA4B,YAA5B,gBAAAD,EAAqC,4BAA2B;AAAA,QACpF,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA,GAEHG,MAAkBC,KAAAC,KAAAC,IAAAxC,EAAW,YAAX,gBAAAwC,EAAoB,aAApB,gBAAAD,EAA8B,YAA9B,gBAAAD,EAAuC,4BAA2B;AAAA,QACxF,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA,GAGHG,MACJC,KAAAC,KAAAC,IAAA5C,EAAW,YAAX,gBAAA4C,EAAoB,4BAApB,gBAAAD,EAA6C,YAA7C,gBAAAD,EAAsD,4BAA2B;AAAA,QAC/E,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAGX,UAAIG,IAAiC,CAAA;AAEjC,MAAArB,KAAqBvB,EAAW,YACpB4C,IAAA;AAAA,QACZ;AAAA,UACE,+BAA+B5C,EAAW,QAAQ;AAAA,UAClD,UAAU;AAAA,UACV,MAAM6C,EAAc;AAAA,UACpB,oBAAsB,gBAAAC,EAAAC,GAAA,EAAA;AAAA,UACtB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,+BACGC,GACC,EAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,YAAW,gFAE3B,EACF,CAAA;AAAA,YAEF,qBAAqBrB,EAAgB;AAAA,YACrC,qBAAqBA,EAAgB,SAAS;AAAA,UAChD;AAAA,QACF;AAAA,QACA;AAAA,UACE,gCAA+BsB,IAAAtD,EAAmB,YAAnB,gBAAAsD,EAA4B;AAAA,UAC3D,UAAU;AAAA,UACV,MAAML,EAAc;AAAA,UACpB,oBACE,gBAAAC;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,SAAS,MACP7C,EAAaT,EAAS,SAAmC,YAAYa,CAAS;AAAA,cAEhF,gBAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UAEF,WAAW;AAAA,YACT,OAAO;AAAA,YACP,SACG,gBAAAmC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,SAAQ,UAErC,oBAAA;AAAA,YAEF,eAAe;AAAA,YACf,eAAe;AAAA,UACjB;AAAA,QACF;AAAA,MAAA;AAIJ,YAAMI,IAA+B;AAAA,QACnC;AAAA,UACE,+BAA+BvD,EAAS,QAAQ;AAAA,UAChD,UAAU;AAAA,UACV,MAAM+C,EAAc;AAAA,UACpB,oBAAsB,gBAAAC,EAAAC,GAAA,EAAA;AAAA,UACtB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,+BACGC,GACC,EAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,YAAW,4EAE3B,EACF,CAAA;AAAA,YAEF,qBAAqBjB,EAAc;AAAA,YACnC,qBAAqBA,EAAc,SAAS;AAAA,UAC9C;AAAA,QACF;AAAA,QACA;AAAA,UACE,+BAA+BpC,EAAmB,QAAQ;AAAA,UAC1D,UAAU;AAAA,UACV,MAAMiD,EAAc;AAAA,UACpB,oBACE,gBAAAC;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,SAAS,MACP7C,EAAaR,EAAW,SAAmC,YAAYY,CAAS;AAAA,cAElF,gBAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UAEF,WAAW;AAAA,YACT,OAAO;AAAA,YACP,SACG,gBAAAmC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,SAAQ,UAErC,oBAAA;AAAA,YAEF,eAAe;AAAA,YACf,eAAe;AAAA,UACjB;AAAA,QACF;AAAA,MAAA,GAGIK,IAAiC;AAAA,QACrC;AAAA,UACE,+BAA+BvD,EAAW,QAAQ;AAAA,UAClD,UAAU;AAAA,UACV,MAAM8C,EAAc;AAAA,UACpB,oBAAsB,gBAAAC,EAAAC,GAAA,EAAA;AAAA,UACtB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,+BACGC,GACC,EAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,YAAW,2EAE3B,EACF,CAAA;AAAA,YAEF,qBAAqBb,EAAgB;AAAA,YACrC,qBAAqBA,EAAgB,SAAS;AAAA,UAChD;AAAA,QACF;AAAA,QACA;AAAA,UACE,+BAA+BrC,EAAW,QAAQ;AAAA,UAClD,UAAU;AAAA,UACV,MAAM8C,EAAc;AAAA,UACpB,oBACE,gBAAAC;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,OAAOnC,EAAY,KAAK,OAAO,CAAUoC,MAAAA,EAAO,MAAM,EAAE;AAAA,cACxD,UAAUpC,EAAY,KAAK;AAAA,cAC3B,cAAcA,EAAY;AAAA,cAC1B,MAAMA,EAAY,KAAK,IAAI,CAAWoC,OAAA;AAAA,gBACpC,MAAMA,EAAO;AAAA,gBACb,MAAM;AAAA;AAAA,gBACN,aAAaA,EAAO;AAAA,gBACpB,SAAS,MAAMrC,EAAWqC,GAAQ7C,CAAS;AAAA,cAAA,EAC3C;AAAA,YAAA;AAAA,UACJ;AAAA,UAEF,WAAW;AAAA,YACT,OAAO;AAAA,YACP,SACG,gBAAAmC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,SAAQ,UAErC,2BAAA;AAAA,YAEF,eAAeT,EAAa,QAAQ;AAAA,YACpC,eAAeA,EAAa,SAAS;AAAA,UACvC;AAAA,QACF;AAAA,MAAA;AAGS,MAAAnC,EAAAM,GAAW,CAAC,GAAGiC,GAAa,GAAGS,GAAW,GAAGC,CAAW,CAAC,GAEpElD,EAAcO,GAAW,EAAI,GACzBY,KAAqBvB,EAAW,UAClCO,EAAaP,EAAW,SAAS,UAAUW,GAAW,EAAI,IAE1DJ,EAAaT,EAAS,SAAS,YAAYa,GAAW,EAAI;AAAA,IAE9D;AAAA,IACA,CAACQ,GAAYZ,GAAcH,GAAeC,CAAU;AAAA,EAAA;AAG/C,SAAAoD;AAAA,IACL,OAAO;AAAA,MACL,UAAA3D;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,oBAAAJ;AAAA,MACA,qBAAAK;AAAA,MACA,cAAAqB;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAEjB;"}

package/dist/features/journey/journey-id/journey-id-student.js

@@ -1,5 +1,5 @@
-var t = /* @__PURE__ */ ((r) => (r.ACTIVITY = "activity", r.TUTORIAL = "tutorial", r.POINTS = "points", r.STREAK = "streak", r.LEADERBOARD = "leaderboard", r))(t || {});
+var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R))(E || {});
 export {
-  t as JOURNEY_ID_STUDENT
+  E as JOURNEY_ID_STUDENT
 };
 //# sourceMappingURL=journey-id-student.js.map

package/dist/features/journey/journey-id/journey-id-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  ACTIVITY = 'activity',\n  TUTORIAL = 'tutorial',\n  POINTS = 'points',\n  STREAK = 'streak',\n  LEADERBOARD = 'leaderboard',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eALJA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BALhBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.d.ts

@@ -876,19 +876,19 @@ declare interface IClickableProps extends IClickableAnalyticsProps {
 }
 
 declare interface ICoachMarkCompletion {
-    activity: boolean;
-    tutorial: boolean;
-    points: boolean;
-    streak: boolean;
-    leaderboard: boolean;
+    CIRCLE_ACTIVITIES_INTRO_JOURNEY: boolean;
+    CIRCLE_LEADERBOARD_INTRO_JOURNEY: boolean;
+    CIRCLE_POINTS_REWARD_JOURNEY: boolean;
+    CIRCLE_STREAK_UPDATE_JOURNEY: boolean;
+    CIRCLE_TUTORIAL_JOURNEY: boolean;
 }
 
 export declare interface ICoachmarkProgress {
-    activity: boolean;
-    tutorial: boolean;
-    points: boolean;
-    streak: boolean;
-    leaderboard: boolean;
+    CIRCLE_ACTIVITIES_INTRO_JOURNEY: boolean;
+    CIRCLE_LEADERBOARD_INTRO_JOURNEY: boolean;
+    CIRCLE_POINTS_REWARD_JOURNEY: boolean;
+    CIRCLE_STREAK_UPDATE_JOURNEY: boolean;
+    CIRCLE_TUTORIAL_JOURNEY: boolean;
 }
 
 /**
@@ -3305,11 +3305,11 @@ export declare interface IWorksheetResponse {
 }
 
 export declare enum JOURNEY_ID_STUDENT {
-    ACTIVITY = "activity",
-    TUTORIAL = "tutorial",
-    POINTS = "points",
-    STREAK = "streak",
-    LEADERBOARD = "leaderboard"
+    CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY",
+    CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY",
+    CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY",
+    CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY",
+    CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY"
 }
 
 export declare const JourneyProvider: FC<{

package/package.json

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