@cuemath/leap 3.1.53 → 3.1.54-akm-3

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

@@ -1,71 +1,68 @@
 import { ProjectType as i } from "../../../games/web-view/enums/project-type-enum.js";
-const a = (e) => {
+const a = (t) => {
   let s = null;
-  return e && (s = {
-    points: e.points,
-    streakDays: e.streak_days,
-    streakReduction: e.streak_reduction,
-    streakDaysBeforeReduction: e.streak_days_before_reduction,
-    streakStatus: e.streak_status,
-    tournamentRank: e.tournament_rank,
-    projects: {
-      games: {
-        label: e.projects.games.label,
-        type: i.GAME,
-        initialProgressValue: 0,
-        data: e.projects.games.data.map((t) => ({
-          id: t.id,
-          name: t.name,
-          cardLottie: t.card,
-          tutorial: t.tutorial,
-          variant: t.variant,
-          isPlayed: t.played
-        }))
-      },
-      puzzles: {
-        label: e.projects.puzzles.label,
-        type: i.PUZZLE,
-        initialProgressValue: 0,
-        data: e.projects.puzzles.data.map((t) => ({
-          id: t.id,
-          name: t.name,
-          cardLottie: t.card,
-          tutorial: t.tutorial,
-          variant: t.variant,
-          question: t.question,
-          isHintSeen: t.is_hint_seen,
-          solved: t.solved
-        }))
-      }
-    },
+  return t && (s = {
+    points: t.points,
+    streakDays: t.streak_days,
+    streakReduction: t.streak_reduction,
+    streakDaysBeforeReduction: t.streak_days_before_reduction,
+    streakStatus: t.streak_status,
+    tournamentRank: t.tournament_rank,
+    projects: {},
     timestamps: {
-      startTimestamp: e.timestamps.start_timestamp,
-      endTimestamp: e.timestamps.end_timestamp,
-      current: e.timestamps.current
+      startTimestamp: t.timestamps.start_timestamp,
+      endTimestamp: t.timestamps.end_timestamp,
+      current: t.timestamps.current
     }
-  }, e.projects.lessons && (s.projects.lessons = {
-    label: e.projects.lessons.label,
+  }, t.projects.games && (s.projects.games = {
+    label: t.projects.games.label,
+    type: i.GAME,
+    initialProgressValue: 0,
+    data: t.projects.games.data.map((e) => ({
+      id: e.id,
+      name: e.name,
+      cardLottie: e.card,
+      tutorial: e.tutorial,
+      variant: e.variant,
+      isPlayed: e.played
+    }))
+  }), t.projects.puzzles && (s.projects.puzzles = {
+    label: t.projects.puzzles.label,
+    type: i.PUZZLE,
+    initialProgressValue: 0,
+    data: t.projects.puzzles.data.map((e) => ({
+      id: e.id,
+      name: e.name,
+      cardLottie: e.card,
+      tutorial: e.tutorial,
+      variant: e.variant,
+      question: e.question,
+      isHintSeen: e.is_hint_seen,
+      solved: e.solved
+    }))
+  }), t.projects.lessons && (s.projects.lessons = {
+    label: t.projects.lessons.label,
     type: i.LESSON,
     initialProgressValue: 0,
-    data: e.projects.lessons.data.map((t) => ({
-      id: t.id,
-      name: t.name,
-      cardLottie: t.card,
-      tutorial: t.tutorial,
-      variant: t.variant,
-      sessionId: t.session_id,
-      miniGameIdentifier: t.mini_game_identifier,
-      targetQuestions: t.target_questions,
-      status: t.status
+    data: t.projects.lessons.data.map((e) => ({
+      id: e.id,
+      name: e.name,
+      cardLottie: e.card,
+      tutorial: e.tutorial,
+      variant: e.variant,
+      sessionId: e.session_id,
+      miniGameIdentifier: e.mini_game_identifier,
+      targetQuestions: e.target_questions,
+      status: e.status
     }))
-  }), e.projects.tables && (s.projects.tables = {
-    label: e.projects.tables.label,
+  }), t.projects.tables && (s.projects.tables = {
+    label: t.projects.tables.label,
     type: i.TABLE,
     data: {
-      infiniteModeHighScore: e.projects.tables.data.infinite_mode_high_score,
-      tableList: e.projects.tables.data.table_wise_details.map((t) => ({
-        tableNumber: t.table_number,
-        stars: t.stars
+      infiniteModeHighScore: t.projects.tables.data.infinite_mode_high_score,
+      tableList: t.projects.tables.data.table_wise_details.map((e) => ({
+        tableNumber: e.table_number,
+        stars: e.stars
       }))
     }
   })), s;

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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.ts"],"sourcesContent":["import type { IGetCircleHomeResponseModel } from '../../api/get-content-for-today/get-circle-home-api-types';\nimport type {\n  ICircleHomeDetails,\n  TStreakStatus,\n  TTableMode,\n} from './use-get-circle-home-dal-types';\n\nimport { ProjectType } from '../../../games/web-view/enums';\n\nexport const transformCircleHomeData = (data: IGetCircleHomeResponseModel | null) => {\n  let circleHomeDetails: ICircleHomeDetails | null = null;\n\n  if (data) {\n    circleHomeDetails = {\n      points: data.points,\n      streakDays: data.streak_days,\n      streakReduction: data.streak_reduction,\n      streakDaysBeforeReduction: data.streak_days_before_reduction,\n      streakStatus: data.streak_status as TStreakStatus,\n      tournamentRank: data.tournament_rank,\n      projects: {\n        games: {\n          label: data.projects.games.label,\n          type: ProjectType.GAME,\n          initialProgressValue: 0,\n          data: data.projects.games.data.map(game => ({\n            id: game.id,\n            name: game.name,\n            cardLottie: game.card,\n            tutorial: game.tutorial,\n            variant: game.variant,\n            isPlayed: game.played,\n          })),\n        },\n        puzzles: {\n          label: data.projects.puzzles.label,\n          type: ProjectType.PUZZLE,\n          initialProgressValue: 0,\n          data: data.projects.puzzles.data.map(puzzle => ({\n            id: puzzle.id,\n            name: puzzle.name,\n            cardLottie: puzzle.card,\n            tutorial: puzzle.tutorial,\n            variant: puzzle.variant,\n            question: puzzle.question,\n            isHintSeen: puzzle.is_hint_seen,\n            solved: puzzle.solved,\n          })),\n        },\n      },\n      timestamps: {\n        startTimestamp: data.timestamps.start_timestamp,\n        endTimestamp: data.timestamps.end_timestamp,\n        current: data.timestamps.current,\n      },\n    };\n\n    if (data.projects.lessons) {\n      circleHomeDetails.projects.lessons = {\n        label: data.projects.lessons.label,\n        type: ProjectType.LESSON,\n        initialProgressValue: 0,\n        data: data.projects.lessons.data.map(lesson => ({\n          id: lesson.id,\n          name: lesson.name,\n          cardLottie: lesson.card,\n          tutorial: lesson.tutorial,\n          variant: lesson.variant,\n          sessionId: lesson.session_id,\n          miniGameIdentifier: lesson.mini_game_identifier,\n          targetQuestions: lesson.target_questions,\n          status: lesson.status,\n        })),\n      };\n    }\n\n    if (data.projects.tables) {\n      circleHomeDetails.projects.tables = {\n        label: data.projects.tables.label,\n        type: ProjectType.TABLE,\n        data: {\n          infiniteModeHighScore: data.projects.tables.data.infinite_mode_high_score,\n          tableList: data.projects.tables.data.table_wise_details.map(table => ({\n            tableNumber: table.table_number,\n            stars: table.stars as TTableMode[],\n          })),\n        },\n      };\n    }\n  }\n\n  return circleHomeDetails;\n};\n"],"names":["transformCircleHomeData","data","circleHomeDetails","ProjectType","game","puzzle","lesson","table"],"mappings":";AASa,MAAAA,IAA0B,CAACC,MAA6C;AACnF,MAAIC,IAA+C;AAEnD,SAAID,MACkBC,IAAA;AAAA,IAClB,QAAQD,EAAK;AAAA,IACb,YAAYA,EAAK;AAAA,IACjB,iBAAiBA,EAAK;AAAA,IACtB,2BAA2BA,EAAK;AAAA,IAChC,cAAcA,EAAK;AAAA,IACnB,gBAAgBA,EAAK;AAAA,IACrB,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAOA,EAAK,SAAS,MAAM;AAAA,QAC3B,MAAME,EAAY;AAAA,QAClB,sBAAsB;AAAA,QACtB,MAAMF,EAAK,SAAS,MAAM,KAAK,IAAI,CAASG,OAAA;AAAA,UAC1C,IAAIA,EAAK;AAAA,UACT,MAAMA,EAAK;AAAA,UACX,YAAYA,EAAK;AAAA,UACjB,UAAUA,EAAK;AAAA,UACf,SAASA,EAAK;AAAA,UACd,UAAUA,EAAK;AAAA,QAAA,EACf;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,QACP,OAAOH,EAAK,SAAS,QAAQ;AAAA,QAC7B,MAAME,EAAY;AAAA,QAClB,sBAAsB;AAAA,QACtB,MAAMF,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWI,OAAA;AAAA,UAC9C,IAAIA,EAAO;AAAA,UACX,MAAMA,EAAO;AAAA,UACb,YAAYA,EAAO;AAAA,UACnB,UAAUA,EAAO;AAAA,UACjB,SAASA,EAAO;AAAA,UAChB,UAAUA,EAAO;AAAA,UACjB,YAAYA,EAAO;AAAA,UACnB,QAAQA,EAAO;AAAA,QAAA,EACf;AAAA,MACJ;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,gBAAgBJ,EAAK,WAAW;AAAA,MAChC,cAAcA,EAAK,WAAW;AAAA,MAC9B,SAASA,EAAK,WAAW;AAAA,IAC3B;AAAA,EAAA,GAGEA,EAAK,SAAS,YAChBC,EAAkB,SAAS,UAAU;AAAA,IACnC,OAAOD,EAAK,SAAS,QAAQ;AAAA,IAC7B,MAAME,EAAY;AAAA,IAClB,sBAAsB;AAAA,IACtB,MAAMF,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWK,OAAA;AAAA,MAC9C,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,YAAYA,EAAO;AAAA,MACnB,UAAUA,EAAO;AAAA,MACjB,SAASA,EAAO;AAAA,MAChB,WAAWA,EAAO;AAAA,MAClB,oBAAoBA,EAAO;AAAA,MAC3B,iBAAiBA,EAAO;AAAA,MACxB,QAAQA,EAAO;AAAA,IAAA,EACf;AAAA,EAAA,IAIFL,EAAK,SAAS,WAChBC,EAAkB,SAAS,SAAS;AAAA,IAClC,OAAOD,EAAK,SAAS,OAAO;AAAA,IAC5B,MAAME,EAAY;AAAA,IAClB,MAAM;AAAA,MACJ,uBAAuBF,EAAK,SAAS,OAAO,KAAK;AAAA,MACjD,WAAWA,EAAK,SAAS,OAAO,KAAK,mBAAmB,IAAI,CAAUM,OAAA;AAAA,QACpE,aAAaA,EAAM;AAAA,QACnB,OAAOA,EAAM;AAAA,MAAA,EACb;AAAA,IACJ;AAAA,EAAA,KAKCL;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../../../../src/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.ts"],"sourcesContent":["import type { IGetCircleHomeResponseModel } from '../../api/get-content-for-today/get-circle-home-api-types';\nimport type {\n  ICircleHomeDetails,\n  TStreakStatus,\n  TTableMode,\n} from './use-get-circle-home-dal-types';\n\nimport { ProjectType } from '../../../games/web-view/enums';\n\nexport const transformCircleHomeData = (data: IGetCircleHomeResponseModel | null) => {\n  let circleHomeDetails: ICircleHomeDetails | null = null;\n\n  if (data) {\n    circleHomeDetails = {\n      points: data.points,\n      streakDays: data.streak_days,\n      streakReduction: data.streak_reduction,\n      streakDaysBeforeReduction: data.streak_days_before_reduction,\n      streakStatus: data.streak_status as TStreakStatus,\n      tournamentRank: data.tournament_rank,\n      projects: {},\n      timestamps: {\n        startTimestamp: data.timestamps.start_timestamp,\n        endTimestamp: data.timestamps.end_timestamp,\n        current: data.timestamps.current,\n      },\n    };\n\n    if (data.projects.games) {\n      circleHomeDetails.projects.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    }\n\n    if (data.projects.puzzles) {\n      circleHomeDetails.projects.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\n    if (data.projects.lessons) {\n      circleHomeDetails.projects.lessons = {\n        label: data.projects.lessons.label,\n        type: ProjectType.LESSON,\n        initialProgressValue: 0,\n        data: data.projects.lessons.data.map(lesson => ({\n          id: lesson.id,\n          name: lesson.name,\n          cardLottie: lesson.card,\n          tutorial: lesson.tutorial,\n          variant: lesson.variant,\n          sessionId: lesson.session_id,\n          miniGameIdentifier: lesson.mini_game_identifier,\n          targetQuestions: lesson.target_questions,\n          status: lesson.status,\n        })),\n      };\n    }\n\n    if (data.projects.tables) {\n      circleHomeDetails.projects.tables = {\n        label: data.projects.tables.label,\n        type: ProjectType.TABLE,\n        data: {\n          infiniteModeHighScore: data.projects.tables.data.infinite_mode_high_score,\n          tableList: data.projects.tables.data.table_wise_details.map(table => ({\n            tableNumber: table.table_number,\n            stars: table.stars as TTableMode[],\n          })),\n        },\n      };\n    }\n  }\n\n  return circleHomeDetails;\n};\n"],"names":["transformCircleHomeData","data","circleHomeDetails","ProjectType","game","puzzle","lesson","table"],"mappings":";AASa,MAAAA,IAA0B,CAACC,MAA6C;AACnF,MAAIC,IAA+C;AAEnD,SAAID,MACkBC,IAAA;AAAA,IAClB,QAAQD,EAAK;AAAA,IACb,YAAYA,EAAK;AAAA,IACjB,iBAAiBA,EAAK;AAAA,IACtB,2BAA2BA,EAAK;AAAA,IAChC,cAAcA,EAAK;AAAA,IACnB,gBAAgBA,EAAK;AAAA,IACrB,UAAU,CAAC;AAAA,IACX,YAAY;AAAA,MACV,gBAAgBA,EAAK,WAAW;AAAA,MAChC,cAAcA,EAAK,WAAW;AAAA,MAC9B,SAASA,EAAK,WAAW;AAAA,IAC3B;AAAA,EAAA,GAGEA,EAAK,SAAS,UAChBC,EAAkB,SAAS,QAAQ;AAAA,IACjC,OAAOD,EAAK,SAAS,MAAM;AAAA,IAC3B,MAAME,EAAY;AAAA,IAClB,sBAAsB;AAAA,IACtB,MAAMF,EAAK,SAAS,MAAM,KAAK,IAAI,CAASG,OAAA;AAAA,MAC1C,IAAIA,EAAK;AAAA,MACT,MAAMA,EAAK;AAAA,MACX,YAAYA,EAAK;AAAA,MACjB,UAAUA,EAAK;AAAA,MACf,SAASA,EAAK;AAAA,MACd,UAAUA,EAAK;AAAA,IAAA,EACf;AAAA,EAAA,IAIFH,EAAK,SAAS,YAChBC,EAAkB,SAAS,UAAU;AAAA,IACnC,OAAOD,EAAK,SAAS,QAAQ;AAAA,IAC7B,MAAME,EAAY;AAAA,IAClB,sBAAsB;AAAA,IACtB,MAAMF,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWI,OAAA;AAAA,MAC9C,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,YAAYA,EAAO;AAAA,MACnB,UAAUA,EAAO;AAAA,MACjB,SAASA,EAAO;AAAA,MAChB,UAAUA,EAAO;AAAA,MACjB,YAAYA,EAAO;AAAA,MACnB,QAAQA,EAAO;AAAA,IAAA,EACf;AAAA,EAAA,IAIFJ,EAAK,SAAS,YAChBC,EAAkB,SAAS,UAAU;AAAA,IACnC,OAAOD,EAAK,SAAS,QAAQ;AAAA,IAC7B,MAAME,EAAY;AAAA,IAClB,sBAAsB;AAAA,IACtB,MAAMF,EAAK,SAAS,QAAQ,KAAK,IAAI,CAAWK,OAAA;AAAA,MAC9C,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,YAAYA,EAAO;AAAA,MACnB,UAAUA,EAAO;AAAA,MACjB,SAASA,EAAO;AAAA,MAChB,WAAWA,EAAO;AAAA,MAClB,oBAAoBA,EAAO;AAAA,MAC3B,iBAAiBA,EAAO;AAAA,MACxB,QAAQA,EAAO;AAAA,IAAA,EACf;AAAA,EAAA,IAIFL,EAAK,SAAS,WAChBC,EAAkB,SAAS,SAAS;AAAA,IAClC,OAAOD,EAAK,SAAS,OAAO;AAAA,IAC5B,MAAME,EAAY;AAAA,IAClB,MAAM;AAAA,MACJ,uBAAuBF,EAAK,SAAS,OAAO,KAAK;AAAA,MACjD,WAAWA,EAAK,SAAS,OAAO,KAAK,mBAAmB,IAAI,CAAUM,OAAA;AAAA,QACpE,aAAaA,EAAM;AAAA,QACnB,OAAOA,EAAM;AAAA,MAAA,EACb;AAAA,IACJ;AAAA,EAAA,KAKCL;AACT;"}

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

@@ -1,82 +1,82 @@
 import { jsx as i } from "react/jsx-runtime";
-import { memo as g, useRef as J, useCallback as n, useMemo as V, useEffect as Y } from "react";
+import { memo as D, useRef as b, useCallback as m, useMemo as S, useEffect as Y } from "react";
 import { LOTTIE as B } from "../../../assets/lottie/lottie.js";
-import { JOURNEY_ID_STUDENT as _ } from "../../journey/journey-id/journey-id-student.js";
+import { JOURNEY_ID_STUDENT as c } from "../../journey/journey-id/journey-id-student.js";
 import { useJourney as K } from "../../journey/use-journey/use-journey.js";
 import { CircularLoader as H } from "../../ui/loader/circular-loader/circular-loader.js";
 import Z from "../../ui/lottie-animation/lottie-animation.js";
 import { useCircleSounds as w } from "../hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as t } from "../hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import { GAME_LAUNCHER_SIZE as F } from "./comps/card-container/constants.js";
-import { Carousel as M } from "./comps/carousel/carousel.js";
+import { Carousel as V } from "./comps/carousel/carousel.js";
 import { GAME_LAUNCHER_ASSET_PADDING as X } from "./comps/segmented-game-card/constants.js";
-import { SegmentedGameCard as a } from "./comps/segmented-game-card/segmented-game-card.js";
+import { SegmentedGameCard as A } from "./comps/segmented-game-card/segmented-game-card.js";
 import { TablesCard as q } from "./comps/tables-card/tables-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as S } from "./game-launcher-analytics-events.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as M } from "./game-launcher-analytics-events.js";
 import { useGameLauncherJourney as Q } from "./hooks/use-game-launcher-journey/use-game-launcher-journey.js";
 import { useTableInfiniteLauncherJourney as W } from "./hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js";
 import { useTableLauncherJourney as $ } from "./hooks/use-table-launcher-journey/use-table-launcher-journey.js";
-import { ProjectType as m } from "../games/web-view/enums/project-type-enum.js";
-const O = F + X, _e = g(
+import { ProjectType as u } from "../games/web-view/enums/project-type-enum.js";
+const O = F + X, Te = D(
   ({
-    onSegmentClick: l,
-    journeyId: u,
+    onSegmentClick: r,
+    journeyId: n,
     data: e,
-    isLoading: c,
-    isTutorialOnboardingDone: b,
-    defaultIndex: v = 0,
-    onJourneyComplete: p
+    isLoading: p,
+    isTutorialOnboardingDone: R,
+    defaultIndex: U = 0,
+    onJourneyComplete: E
   }) => {
-    const f = J(null), E = J(null), { isJourneyActive: C } = K(), { playSwipeSound: A, play: o } = w(), L = n(
-      (r) => {
-        o(t.GAME_CARD_CLICK), l(r, m.TABLE);
+    const f = b(null), L = b(null), _ = b(null), { isJourneyActive: I } = K(), { playSwipeSound: N, play: o } = w(), T = m(
+      (l) => {
+        o(t.GAME_CARD_CLICK), r(l, u.TABLE);
       },
-      [l, o]
-    ), x = n(() => {
-      o(t.GAME_CARD_CLICK), l({ mode: "infinite" }, m.TABLE);
-    }, [l, o]), I = n(
-      (r) => {
-        r.status !== "completed" && (o(t.GAME_CARD_CLICK), l(r, m.LESSON));
+      [r, o]
+    ), g = m(() => {
+      o(t.GAME_CARD_CLICK), r({ mode: "infinite" }, u.TABLE);
+    }, [r, o]), y = m(
+      (l) => {
+        l.status !== "completed" && (o(t.GAME_CARD_CLICK), r(l, u.LESSON));
       },
-      [l, o]
-    ), R = n(
-      (r) => {
-        o(t.GAME_CARD_CLICK), l(r, m.GAME);
+      [r, o]
+    ), a = m(
+      (l) => {
+        o(t.GAME_CARD_CLICK), r(l, u.GAME);
       },
-      [l, o]
-    ), y = n(
-      (r) => {
-        o(t.GAME_CARD_CLICK), l(r, m.PUZZLE);
+      [r, o]
+    ), P = m(
+      (l) => {
+        o(t.GAME_CARD_CLICK), r(l, u.PUZZLE);
       },
-      [l, o]
+      [r, o]
     ), {
-      gameRefs: N,
-      lessonRefs: P,
-      puzzleRefs: h,
+      gameRefs: h,
+      puzzleRefs: z,
       startJourney: G
     } = Q({
       carouselRefs: f,
-      onSegmentClick: l,
-      onJourneyComplete: p
-    }), { startJourney: T } = W({
+      onSegmentClick: r,
+      onJourneyComplete: E,
+      lessonRefs: L
+    }), { startJourney: C } = W({
       carouselRefs: f,
-      onTableInfiniteModeClick: x,
-      onJourneyComplete: p,
-      originalTableRef: E
-    }), { startJourney: z } = $({
+      onTableInfiniteModeClick: g,
+      onJourneyComplete: E,
+      originalTableRef: _
+    }), { startJourney: J } = $({
       carouselRefs: f,
-      originalTableRef: E,
-      onTableSegmentClick: L,
-      onJourneyComplete: p,
-      onNextJourney: T
-    }), D = V(() => {
-      let r = [];
-      return e && (e.lessons && (r = [
-        ...r,
+      originalTableRef: _,
+      onTableSegmentClick: T,
+      onJourneyComplete: E,
+      onNextJourney: C
+    }), v = S(() => {
+      let l = [];
+      return e && (e.lessons && (l = [
+        ...l,
         /* @__PURE__ */ i(
-          a,
+          A,
           {
-            ref: P,
+            ref: L,
             label: e.lessons.label,
             value: e.lessons.data.filter((s) => s.status === "completed").length,
             maxValue: e.lessons.data.length,
@@ -85,16 +85,16 @@ const O = F + X, _e = g(
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.status === "completed",
-              onPress: () => I(s)
+              onPress: () => y(s)
             }))
           }
         )
-      ]), r = [
-        ...r,
+      ]), e.games && (l = [
+        ...l,
         /* @__PURE__ */ i(
-          a,
+          A,
           {
-            ref: N,
+            ref: h,
             label: e.games.label,
             value: e.games.data.filter((s) => s.isPlayed).length,
             maxValue: e.games.data.length,
@@ -103,14 +103,16 @@ const O = F + X, _e = g(
               card: s.cardLottie,
               name: s.name,
               isCompleted: !1,
-              onPress: () => R(s)
+              onPress: () => a(s)
             }))
           }
-        ),
+        )
+      ]), e.puzzles && (l = [
+        ...l,
         /* @__PURE__ */ i(
-          a,
+          A,
           {
-            ref: h,
+            ref: z,
             label: e.puzzles.label,
             value: e.puzzles.data.filter((s) => s.solved).length,
             maxValue: e.puzzles.data.length,
@@ -119,33 +121,33 @@ const O = F + X, _e = g(
               card: s.cardLottie,
               name: s.name,
               isCompleted: s.solved,
-              onPress: () => y(s)
+              onPress: () => P(s)
             }))
           }
         )
-      ], e.tables && (r = [
-        ...r,
+      ]), e.tables && (l = [
+        ...l,
         /* @__PURE__ */ i(
           q,
           {
-            ref: E,
+            ref: _,
             label: e.tables.label,
             data: e.tables.data,
-            onPress: L,
+            onPress: T,
             openModesOfTable: e.tables.openModesOfTable
           }
         )
-      ])), r;
+      ])), l;
     }, [
       e,
-      N,
       h,
-      P,
-      I,
-      R,
+      z,
+      L,
       y,
-      L
-    ]), U = V(
+      a,
+      P,
+      T
+    ]), x = S(
       () => [
         /* @__PURE__ */ i(
           Z,
@@ -159,48 +161,48 @@ const O = F + X, _e = g(
       []
     );
     return Y(() => {
-      if (!(c || !e || C)) {
-        if (e != null && e.puzzles && u === _.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {
-          G(e == null ? void 0 : e.puzzles, !!(e != null && e.lessons));
+      if (!(p || !e || I)) {
+        if (e != null && e.puzzles && n === c.CIRCLE_ACTIVITIES_INTRO_JOURNEY || e != null && e.lessons && n === c.CIRCLE_LESSONS_INTRO_JOURNEY) {
+          G(n, e == null ? void 0 : e.puzzles, e == null ? void 0 : e.lessons);
           return;
         }
-        if (e != null && e.tables && u === _.CIRCLE_TABLES_INTRO_JOURNEY) {
-          z(e == null ? void 0 : e.tables, b);
+        if (e != null && e.tables && n === c.CIRCLE_TABLES_INTRO_JOURNEY) {
+          J(e == null ? void 0 : e.tables, R);
           return;
         }
-        if (e != null && e.tables && u === _.CIRCLE_TABLES_INFINTE_JOURNEY) {
-          T();
+        if (e != null && e.tables && n === c.CIRCLE_TABLES_INFINTE_JOURNEY) {
+          C();
           return;
         }
       }
     }, [
       e,
+      I,
+      p,
+      R,
+      n,
       C,
-      c,
-      b,
-      u,
-      T,
       G,
-      z
-    ]), c ? /* @__PURE__ */ i(H, {}) : e ? /* @__PURE__ */ i(
-      M,
+      J
+    ]), p ? /* @__PURE__ */ i(H, {}) : e ? /* @__PURE__ */ i(
+      V,
       {
         ref: f,
-        items: D,
-        defaultIndex: v,
-        onNext: A,
-        onPrev: A,
+        items: v,
+        defaultIndex: U,
+        onNext: N,
+        onPrev: N,
         analyticsNext: {
-          analyticsLabel: S.NEXT_ACTIVITY
+          analyticsLabel: M.NEXT_ACTIVITY
         },
         analyticsPrev: {
-          analyticsLabel: S.PREV_ACTIVITY
+          analyticsLabel: M.PREV_ACTIVITY
         }
       }
     ) : /* @__PURE__ */ i(
-      M,
+      V,
       {
-        items: U,
+        items: x,
         analyticsNext: {
           analyticsLabel: ""
         },
@@ -212,6 +214,6 @@ const O = F + X, _e = g(
   }
 );
 export {
-  _e as GameLauncher
+  Te 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 { ICarouselRefs } from './comps/carousel/carousel-types';\nimport type { ITableCardRef, ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-launcher-journey';\nimport { useTableInfiniteLauncherJourney } from './hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey';\nimport { useTableLauncherJourney } from './hooks/use-table-launcher-journey/use-table-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null) as React.RefObject<ICarouselRefs>;\n\n    const tableRef = useRef<ITableCardRef>(null) as React.RefObject<ITableCardRef>;\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, play } = useCircleSounds();\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const {\n      gameRefs,\n      lessonRefs,\n      puzzleRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n    });\n\n    const { startJourney: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef: tableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef: tableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onNextJourney: startInfiniteTablesJourney,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        itemTypes = [\n          ...itemTypes,\n          <SegmentedGameCard\n            ref={gameRefs}\n            label={data.games.label}\n            value={data.games.data.filter(game => game.isPlayed).length}\n            maxValue={data.games.data.length}\n            initialValue={data.games.initialProgressValue}\n            data={data.games.data.map(game => ({\n              card: game.cardLottie,\n              name: game.name,\n              isCompleted: false,\n              onPress: () => handleGameSegmentClick(game),\n            }))}\n          />,\n          <SegmentedGameCard\n            ref={puzzleRefs}\n            label={data.puzzles.label}\n            value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n            maxValue={data.puzzles.data.length}\n            initialValue={data.puzzles.initialProgressValue}\n            data={data.puzzles.data.map(puzzle => ({\n              card: puzzle.cardLottie,\n              name: puzzle.name,\n              isCompleted: puzzle.solved,\n              onPress: () => handlePuzzleSegmentClick(puzzle),\n            }))}\n          />,\n        ];\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\n              ref={tableRef}\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n              openModesOfTable={data.tables.openModesOfTable}\n            />,\n          ];\n        }\n      }\n\n      return itemTypes;\n    }, [\n      data,\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      handleLessonSegmentClick,\n      handleGameSegmentClick,\n      handlePuzzleSegmentClick,\n      onTableSegmentClick,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey only when isLoading has become false and data is available\n    useEffect(() => {\n      if (isLoading || !data || isJourneyActive) {\n        return;\n      }\n\n      if (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        startLessonPuzzleGamesJourney(data?.puzzles, !!data?.lessons);\n\n        return; // CIRCLE_ACTIVITIES_INTRO_JOURNEY has higher priority\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables, isTutorialOnboardingDone);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY) {\n        startInfiniteTablesJourney();\n\n        return;\n      }\n    }, [\n      data,\n      isJourneyActive,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        onNext={playSwipeSound}\n        onPrev={playSwipeSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","tableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","lessonRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","useTableLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","JOURNEY_ID_STUDENT","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}
+{"version":3,"file":"game-launcher.js","sources":["../../../../src/features/circle-games/game-launcher/game-launcher.tsx"],"sourcesContent":["import type { ICarouselRefs } from './comps/carousel/carousel-types';\nimport type { ISegmentedGameCardRefs } from './comps/segmented-game-card/segmented-game-card-types';\nimport type { ITableCardRef, ITableDetails } from './comps/tables-card/tables-card-types';\nimport type {\n  Game,\n  Lesson,\n  Puzzle,\n} from './dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IGameLauncherProps } from './game-launcher-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { CircularLoader } from '../../ui/loader/circular-loader/circular-loader';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { ProjectType } from '../games/web-view/enums';\nimport { useCircleSounds } from '../hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { GAME_LAUNCHER_SIZE } from './comps/card-container/constants';\nimport { Carousel } from './comps/carousel/carousel';\nimport { GAME_LAUNCHER_ASSET_PADDING } from './comps/segmented-game-card/constants';\nimport { SegmentedGameCard } from './comps/segmented-game-card/segmented-game-card';\nimport { TablesCard } from './comps/tables-card/tables-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from './game-launcher-analytics-events';\nimport { useGameLauncherJourney } from './hooks/use-game-launcher-journey/use-game-launcher-journey';\nimport { useTableInfiniteLauncherJourney } from './hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey';\nimport { useTableLauncherJourney } from './hooks/use-table-launcher-journey/use-table-launcher-journey';\n\nconst sleepyBoiDimension = GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING;\n\nexport const GameLauncher: FC<IGameLauncherProps> = memo(\n  ({\n    onSegmentClick,\n    journeyId,\n    data,\n    isLoading,\n    isTutorialOnboardingDone,\n    defaultIndex = 0,\n    onJourneyComplete,\n  }) => {\n    const carouselRefs = useRef<ICarouselRefs>(null) as React.RefObject<ICarouselRefs>;\n    const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n    const tableRef = useRef<ITableCardRef>(null) as React.RefObject<ITableCardRef>;\n\n    const { isJourneyActive } = useJourney();\n\n    const { playSwipeSound, play } = useCircleSounds();\n\n    const onTableSegmentClick = useCallback(\n      (table: ITableDetails) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(table, ProjectType.TABLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const onTableInfiniteModeClick = useCallback(() => {\n      play(CircleSoundKey.GAME_CARD_CLICK);\n      onSegmentClick({ mode: 'infinite' } as ITableDetails, ProjectType.TABLE);\n    }, [onSegmentClick, play]);\n\n    const handleLessonSegmentClick = useCallback(\n      (lesson: Lesson) => {\n        if (lesson.status !== 'completed') {\n          play(CircleSoundKey.GAME_CARD_CLICK);\n          onSegmentClick(lesson, ProjectType.LESSON);\n        }\n      },\n      [onSegmentClick, play],\n    );\n\n    const handleGameSegmentClick = useCallback(\n      (game: Game) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(game, ProjectType.GAME);\n      },\n      [onSegmentClick, play],\n    );\n\n    const handlePuzzleSegmentClick = useCallback(\n      (puzzle: Puzzle) => {\n        play(CircleSoundKey.GAME_CARD_CLICK);\n        onSegmentClick(puzzle, ProjectType.PUZZLE);\n      },\n      [onSegmentClick, play],\n    );\n\n    const {\n      gameRefs,\n      puzzleRefs,\n      startJourney: startLessonPuzzleGamesJourney,\n    } = useGameLauncherJourney({\n      carouselRefs,\n      onSegmentClick,\n      onJourneyComplete,\n      lessonRefs,\n    });\n\n    const { startJourney: startInfiniteTablesJourney } = useTableInfiniteLauncherJourney({\n      carouselRefs,\n      onTableInfiniteModeClick,\n      onJourneyComplete,\n      originalTableRef: tableRef,\n    });\n\n    const { startJourney: startTablesJourney } = useTableLauncherJourney({\n      carouselRefs,\n      originalTableRef: tableRef,\n      onTableSegmentClick,\n      onJourneyComplete,\n      onNextJourney: startInfiniteTablesJourney,\n    });\n\n    const items = useMemo(() => {\n      let itemTypes: ReactNode[] = [];\n\n      if (data) {\n        if (data.lessons) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={lessonRefs}\n              label={data.lessons.label}\n              value={data.lessons.data.filter(lesson => lesson.status === 'completed').length}\n              maxValue={data.lessons.data.length}\n              initialValue={data.lessons.initialProgressValue}\n              data={data?.lessons.data.map(lesson => ({\n                card: lesson.cardLottie,\n                name: lesson.name,\n                isCompleted: lesson.status === 'completed',\n                onPress: () => handleLessonSegmentClick(lesson),\n              }))}\n            />,\n          ];\n        }\n\n        if (data.games) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={gameRefs}\n              label={data.games.label}\n              value={data.games.data.filter(game => game.isPlayed).length}\n              maxValue={data.games.data.length}\n              initialValue={data.games.initialProgressValue}\n              data={data.games.data.map(game => ({\n                card: game.cardLottie,\n                name: game.name,\n                isCompleted: false,\n                onPress: () => handleGameSegmentClick(game),\n              }))}\n            />,\n          ];\n        }\n\n        if (data.puzzles) {\n          itemTypes = [\n            ...itemTypes,\n            <SegmentedGameCard\n              ref={puzzleRefs}\n              label={data.puzzles.label}\n              value={data.puzzles.data.filter(puzzle => puzzle.solved).length}\n              maxValue={data.puzzles.data.length}\n              initialValue={data.puzzles.initialProgressValue}\n              data={data.puzzles.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: puzzle.name,\n                isCompleted: puzzle.solved,\n                onPress: () => handlePuzzleSegmentClick(puzzle),\n              }))}\n            />,\n          ];\n        }\n\n        if (data.tables) {\n          itemTypes = [\n            ...itemTypes,\n            <TablesCard\n              ref={tableRef}\n              label={data.tables.label}\n              data={data.tables.data}\n              onPress={onTableSegmentClick}\n              openModesOfTable={data.tables.openModesOfTable}\n            />,\n          ];\n        }\n      }\n\n      return itemTypes;\n    }, [\n      data,\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      handleLessonSegmentClick,\n      handleGameSegmentClick,\n      handlePuzzleSegmentClick,\n      onTableSegmentClick,\n    ]);\n\n    const sleepyBoiItem = useMemo(\n      () => [\n        <LottieAnimation\n          src={LOTTIE.SLEEPY_BOI}\n          width={sleepyBoiDimension}\n          height={sleepyBoiDimension}\n        />,\n      ],\n      [],\n    );\n\n    // Start game launcher journey only when isLoading has become false and data is available\n    useEffect(() => {\n      if (isLoading || !data || isJourneyActive) {\n        return;\n      }\n\n      if (\n        (data?.puzzles && journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) ||\n        (data?.lessons && journeyId === JOURNEY_ID_STUDENT.CIRCLE_LESSONS_INTRO_JOURNEY)\n      ) {\n        startLessonPuzzleGamesJourney(journeyId, data?.puzzles, data?.lessons);\n\n        return; // CIRCLE_ACTIVITIES_INTRO_JOURNEY / CIRCLE_LESSONS_INTRO_JOURNEY has higher priority\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INTRO_JOURNEY) {\n        startTablesJourney(data?.tables, isTutorialOnboardingDone);\n\n        return;\n      }\n\n      if (data?.tables && journeyId === JOURNEY_ID_STUDENT.CIRCLE_TABLES_INFINTE_JOURNEY) {\n        startInfiniteTablesJourney();\n\n        return;\n      }\n    }, [\n      data,\n      isJourneyActive,\n      isLoading,\n      isTutorialOnboardingDone,\n      journeyId,\n      startInfiniteTablesJourney,\n      startLessonPuzzleGamesJourney,\n      startTablesJourney,\n    ]);\n\n    if (isLoading) {\n      return <CircularLoader />;\n    }\n\n    if (!data) {\n      return (\n        <Carousel\n          items={sleepyBoiItem}\n          analyticsNext={{\n            analyticsLabel: '',\n          }}\n          analyticsPrev={{\n            analyticsLabel: '',\n          }}\n        />\n      );\n    }\n\n    return (\n      <Carousel\n        ref={carouselRefs}\n        items={items}\n        defaultIndex={defaultIndex}\n        onNext={playSwipeSound}\n        onPrev={playSwipeSound}\n        analyticsNext={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.NEXT_ACTIVITY,\n        }}\n        analyticsPrev={{\n          analyticsLabel: GAME_LAUNCHER_ANALYTICS_EVENTS.PREV_ACTIVITY,\n        }}\n      />\n    );\n  },\n);\n"],"names":["sleepyBoiDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GameLauncher","memo","onSegmentClick","journeyId","data","isLoading","isTutorialOnboardingDone","defaultIndex","onJourneyComplete","carouselRefs","useRef","lessonRefs","tableRef","isJourneyActive","useJourney","playSwipeSound","play","useCircleSounds","onTableSegmentClick","useCallback","table","CircleSoundKey","ProjectType","onTableInfiniteModeClick","handleLessonSegmentClick","lesson","handleGameSegmentClick","game","handlePuzzleSegmentClick","puzzle","gameRefs","puzzleRefs","startLessonPuzzleGamesJourney","useGameLauncherJourney","startInfiniteTablesJourney","useTableInfiniteLauncherJourney","startTablesJourney","useTableLauncherJourney","items","useMemo","itemTypes","jsx","SegmentedGameCard","TablesCard","sleepyBoiItem","LottieAnimation","LOTTIE","useEffect","JOURNEY_ID_STUDENT","CircularLoader","Carousel","GAME_LAUNCHER_ANALYTICS_EVENTS"],"mappings":"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"}

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

@@ -1,223 +1,271 @@
-import { jsx as t, Fragment as R } from "react/jsx-runtime";
-import { useRef as L, useCallback as E, useMemo as de, useEffect as se } from "react";
-import te from "../../../../../assets/line-icons/icons/carat-right.js";
-import { PLATFORM_EVENTS_STUDENT as re } from "../../../../analytics-events/platform-events-student.js";
-import { JOURNEY_ID_STUDENT as me } from "../../../../journey/journey-id/journey-id-student.js";
-import { IndicatorType as c } from "../../../../journey/use-journey/constants.js";
-import { useJourney as Te } from "../../../../journey/use-journey/use-journey.js";
-import ne from "../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as ue } from "../../../../ui/context/context.js";
-import y from "../../../../ui/layout/flex-view.js";
-import a from "../../../../ui/text/text.js";
-import { getTheme as he } from "../../../../ui/theme/get-theme.js";
-import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as p } from "../../../enum/circle-onboarding-steps.js";
-import { useCircleSounds as ge } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { SegmentedGameCard as Ee } from "../../comps/segmented-game-card/segmented-game-card.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as oe } from "../../game-launcher-analytics-events.js";
-import { GO_TO_NEXT_SLIDE_AFTER_MS as pe, SHOW_LABEL_HIGHLIGHT_AFTER_MS as Ie, SHOW_NUDGE_AFTER_MS as _e, SLIDE_TO_LESSON_MS as Ce } from "./constants.js";
-import { ProjectType as fe } from "../../../games/web-view/enums/project-type-enum.js";
-const xe = ({
+import { jsx as t, Fragment as V } from "react/jsx-runtime";
+import { useRef as v, useCallback as m, useMemo as _e, useEffect as se } from "react";
+import ce from "../../../../../assets/line-icons/icons/carat-right.js";
+import { PLATFORM_EVENTS_STUDENT as le } from "../../../../analytics-events/platform-events-student.js";
+import { JOURNEY_ID_STUDENT as H } from "../../../../journey/journey-id/journey-id-student.js";
+import { IndicatorType as d } from "../../../../journey/use-journey/constants.js";
+import { useJourney as Ae } from "../../../../journey/use-journey/use-journey.js";
+import de from "../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as Ie } from "../../../../ui/context/context.js";
+import G from "../../../../ui/layout/flex-view.js";
+import T from "../../../../ui/text/text.js";
+import { getTheme as Ce } from "../../../../ui/theme/get-theme.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as u } from "../../../enum/circle-onboarding-steps.js";
+import { useCircleSounds as Le } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as Te } from "../../comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as he } from "../../game-launcher-analytics-events.js";
+import { GO_TO_NEXT_SLIDE_AFTER_MS as Oe, SHOW_LABEL_HIGHLIGHT_AFTER_MS as fe, SHOW_NUDGE_AFTER_MS as ge, SLIDE_TO_LESSON_MS as Ne } from "./constants.js";
+import { ProjectType as me } from "../../../games/web-view/enums/project-type-enum.js";
+const $e = ({
   carouselRefs: n,
-  onSegmentClick: S,
-  onJourneyComplete: N
+  onSegmentClick: C,
+  onJourneyComplete: L,
+  lessonRefs: i
 }) => {
-  const o = me.CIRCLE_ACTIVITIES_INTRO_JOURNEY, { device: ie } = he(), d = ie === "mobile", I = d ? "ab3-bold" : "ab2-bold", i = L(null), r = L(null), l = L(null), _ = L([]), { playButtonSound: b } = ge(), { nextCoachmark: s, setJourney: P, endJourney: H } = Te(), { onEvent: C } = ue(), G = E(
+  const { device: ue } = Ce(), h = ue === "mobile", O = h ? "ab3-bold" : "ab2-bold", a = v(null), c = v(null), E = v([]), { playButtonSound: B } = Le(), { nextCoachmark: g, setJourney: U, endJourney: f } = Ae(), { onEvent: N } = Ie(), k = m(
     (e) => {
-      C(re.ONBOARDING_STEP_VIEWED, {
+      N(le.ONBOARDING_STEP_VIEWED, {
         step: e
       });
     },
-    [C]
-  ), U = E(
+    [N]
+  ), S = m(
     (e) => {
-      C(re.ONBOARDING_STEP_COMPLETED, {
+      N(le.ONBOARDING_STEP_COMPLETED, {
         step: e
       });
     },
-    [C]
-  ), m = E(
-    (e, f, A, O = !1) => {
-      var u, h;
-      O || (b(), (h = n.current) == null || h.goToIndex(((u = n.current) == null ? void 0 : u.currentIndex) + 1), s(o, !1, pe)), G(e);
-      const T = setTimeout(() => {
-        clearTimeout(T), f.startLabelAnimation(A);
-      }, Ie);
-      _.current.push(T), s(o, !0, _e);
+    [N]
+  ), p = m(
+    (e, r, l, b = !1, P) => {
+      var s, A;
+      b || (B(), (A = n.current) == null || A.goToIndex(((s = n.current) == null ? void 0 : s.currentIndex) + 1), g(P, !1, Oe)), k(e);
+      const _ = setTimeout(() => {
+        clearTimeout(_), r.startLabelAnimation(l);
+      }, fe);
+      E.current.push(_), g(P, !0, ge);
     },
-    [n, o, s, b, G]
-  ), Y = E(
-    (e) => {
-      S(e, fe.PUZZLE), U(p.PUZZLE_ACTIVITY), H(o), N(o);
+    [n, g, B, k]
+  ), w = m(
+    (e, r) => {
+      C(e, me.PUZZLE), S(u.PUZZLE_ACTIVITY), f(r), L(r);
+    },
+    [f, L, C, S]
+  ), x = m(
+    (e, r) => {
+      C(e, me.LESSON), S(u.SKILL_ACTIVITY), f(r), L(r);
     },
-    [H, o, N, S, U]
-  ), k = E(
-    (e, f) => {
-      var B, V, w, x, D, M, J, W, X, $, F, Z, j, K, q, Q, z, ee;
-      if (!((B = n == null ? void 0 : n.current) != null && B.nextBtnRef.current) || !((V = r == null ? void 0 : r.current) != null && V.segmentedCardWrapperRef.current) || !((w = i == null ? void 0 : i.current) != null && w.labelRef.current) || !((x = r == null ? void 0 : r.current) != null && x.labelRef.current) || !e)
+    [f, L, C, S]
+  ), y = m(
+    (e, r, l) => {
+      var M, W, $, D, X, F, Z, K, q, Q, z, j, ee, te, re, ie, ne, oe, ae;
+      const b = !!l, P = !!r;
+      if (!((M = i == null ? void 0 : i.current) != null && M.segmentedCardWrapperRef.current) || (!((W = n == null ? void 0 : n.current) != null && W.nextBtnRef.current) || !(($ = a == null ? void 0 : a.current) != null && $.labelRef.current) || !((D = c == null ? void 0 : c.current) != null && D.labelRef.current) || !r) && e === H.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
         return;
-      const A = ((J = (M = (D = l.current) == null ? void 0 : D.labelRef) == null ? void 0 : M.current) == null ? void 0 : J.getBoundingClientRect()) || {
+      const _ = ((Z = (F = (X = i.current) == null ? void 0 : X.labelRef) == null ? void 0 : F.current) == null ? void 0 : Z.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, O = (($ = (X = (W = i.current) == null ? void 0 : W.labelRef) == null ? void 0 : X.current) == null ? void 0 : $.getBoundingClientRect()) || {
+      }, s = ((Q = (q = (K = a.current) == null ? void 0 : K.labelRef) == null ? void 0 : q.current) == null ? void 0 : Q.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, T = ((j = (Z = (F = r.current) == null ? void 0 : F.labelRef) == null ? void 0 : Z.current) == null ? void 0 : j.getBoundingClientRect()) || {
+      }, A = ((ee = (j = (z = c.current) == null ? void 0 : z.labelRef) == null ? void 0 : j.current) == null ? void 0 : ee.getBoundingClientRect()) || {
         height: 0,
         width: 0
-      }, u = ((Q = (q = (K = r.current) == null ? void 0 : K.segmentedCardWrapperRef) == null ? void 0 : q.current) == null ? void 0 : Q.getBoundingClientRect()) || {
+      }, R = ((ie = (re = (te = i.current) == null ? void 0 : te.segmentedCardWrapperRef) == null ? void 0 : re.current) == null ? void 0 : ie.getBoundingClientRect()) || {
         height: 0,
         width: 0
       };
-      let h = [];
-      f && l.current && (h = [
-        {
-          originalElementToHighlightRef: l.current.labelRef,
-          isActive: !1,
-          type: c.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ t(R, {}),
-          indicator: {
-            position: "top",
-            backgroundColor: "BLUE_4",
-            tooltipItem: /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(a, { $renderAs: I, children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
-            tooltipXCoOrdinates: A.width / 2,
-            tooltipYCoOrdinates: A.height + 10
-          }
-        },
-        {
-          originalElementToHighlightRef: (z = n.current) == null ? void 0 : z.nextBtnRef,
-          isActive: !1,
-          type: c.NUDGE,
-          elementToHighlight: /* @__PURE__ */ t(
-            ne,
-            {
-              renderAs: "secondary",
-              Icon: te,
-              onClick: () => m(
-                p.GAMES_ACTIVITY,
-                i.current,
-                "ORANGE_4"
-              ),
-              analyticsLabel: oe.JOURNEY_NEXT_ACTIVITY
-            }
-          ),
-          indicator: {
-            nudge: "click",
-            content: !d && /* @__PURE__ */ t(a, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
-            nudgePointerX: 0,
-            nudgePointerY: 0
-          }
-        }
-      ]);
-      const ce = [
+      let Y = [];
+      if (b && i.current && (Y = [
         {
           originalElementToHighlightRef: i.current.labelRef,
           isActive: !1,
-          type: c.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ t(R, {}),
+          type: d.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ t(V, {}),
           indicator: {
             position: "top",
-            backgroundColor: "ORANGE_4",
-            tooltipItem: /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(a, { $renderAs: I, children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
-            tooltipXCoOrdinates: O.width / 2,
-            tooltipYCoOrdinates: O.height + 10
+            backgroundColor: "BLUE_4",
+            tooltipItem: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(T, { $renderAs: O, children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
+            tooltipXCoOrdinates: _.width / 2,
+            tooltipYCoOrdinates: _.height + 10
           }
         },
-        {
-          originalElementToHighlightRef: n.current.nextBtnRef,
+        e === H.CIRCLE_ACTIVITIES_INTRO_JOURNEY ? {
+          originalElementToHighlightRef: (ne = n.current) == null ? void 0 : ne.nextBtnRef,
           isActive: !1,
-          type: c.NUDGE,
+          type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
-            ne,
+            de,
             {
               renderAs: "secondary",
-              Icon: te,
-              onClick: () => m(
-                p.PUZZLE_ACTIVITY,
-                r.current,
-                "PURPLE_4"
+              Icon: ce,
+              onClick: () => p(
+                u.GAMES_ACTIVITY,
+                a.current,
+                "ORANGE_4",
+                !1,
+                e
               ),
-              analyticsLabel: oe.JOURNEY_NEXT_ACTIVITY
+              analyticsLabel: he.JOURNEY_NEXT_ACTIVITY
             }
           ),
           indicator: {
             nudge: "click",
-            content: !d && /* @__PURE__ */ t(a, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
             nudgePointerX: 0,
             nudgePointerY: 0
           }
-        }
-      ], ae = [
-        {
-          originalElementToHighlightRef: r.current.labelRef,
+        } : {
+          originalElementToHighlightRef: i.current.segmentedCardWrapperRef,
           isActive: !1,
-          type: c.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ t(R, {}),
-          indicator: {
-            position: "top",
-            backgroundColor: "PURPLE_4",
-            tooltipItem: /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(a, { $renderAs: I, children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
-            tooltipXCoOrdinates: T.width / 2,
-            tooltipYCoOrdinates: T.height + 10
-          }
-        },
-        {
-          originalElementToHighlightRef: r.current.segmentedCardWrapperRef,
-          isActive: !1,
-          type: c.NUDGE,
+          type: d.NUDGE,
           elementToHighlight: /* @__PURE__ */ t(
-            Ee,
+            Te,
             {
               label: "",
-              value: e.data.filter((g) => g.solved).length,
-              maxValue: e.data.length,
-              initialValue: e.initialProgressValue,
-              data: e.data.map((g) => ({
-                card: g.cardLottie,
+              value: l.data.filter((o) => o.status === "pending").length,
+              maxValue: l.data.length,
+              initialValue: l.initialProgressValue,
+              data: l.data.map((o) => ({
+                card: o.cardLottie,
                 name: "",
                 // We dont want to show the name of the puzzle in onboarding
-                isCompleted: g.solved,
-                onPress: () => Y(g)
+                isCompleted: o.status === "completed",
+                onPress: () => x(o, e)
               }))
             }
           ),
           indicator: {
             nudge: "click",
-            content: !d && /* @__PURE__ */ t(a, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
-            nudgePointerX: u.width * 0.6,
-            nudgePointerY: u.height * 0.4
+            content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Tap here to get started" }),
+            nudgePointerX: R.width * 0.6,
+            nudgePointerY: R.height * 0.4
           }
         }
-      ];
-      P(o, [...h, ...ce, ...ae]), (ee = n.current) == null || ee.goToIndex(0);
-      const v = setTimeout(() => {
-        clearTimeout(v), s(o);
-      }, Ce);
-      _.current.push(v), f && l.current ? m(p.SKILL_ACTIVITY, l.current, "BLUE_4", !0) : m(p.GAMES_ACTIVITY, i.current, "ORANGE_4", !0);
+      ]), e === H.CIRCLE_ACTIVITIES_INTRO_JOURNEY && a.current && c.current && P) {
+        const o = [
+          {
+            originalElementToHighlightRef: a.current.labelRef,
+            isActive: !1,
+            type: d.TOOLTIP,
+            elementToHighlight: /* @__PURE__ */ t(V, {}),
+            indicator: {
+              position: "top",
+              backgroundColor: "ORANGE_4",
+              tooltipItem: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(T, { $renderAs: O, children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
+              tooltipXCoOrdinates: s.width / 2,
+              tooltipYCoOrdinates: s.height + 10
+            }
+          },
+          {
+            originalElementToHighlightRef: n.current.nextBtnRef,
+            isActive: !1,
+            type: d.NUDGE,
+            elementToHighlight: /* @__PURE__ */ t(
+              de,
+              {
+                renderAs: "secondary",
+                Icon: ce,
+                onClick: () => p(
+                  u.PUZZLE_ACTIVITY,
+                  c.current,
+                  "PURPLE_4",
+                  !1,
+                  e
+                ),
+                analyticsLabel: he.JOURNEY_NEXT_ACTIVITY
+              }
+            ),
+            indicator: {
+              nudge: "click",
+              content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+              nudgePointerX: 0,
+              nudgePointerY: 0
+            }
+          }
+        ], pe = [
+          {
+            originalElementToHighlightRef: c.current.labelRef,
+            isActive: !1,
+            type: d.TOOLTIP,
+            elementToHighlight: /* @__PURE__ */ t(V, {}),
+            indicator: {
+              position: "top",
+              backgroundColor: "PURPLE_4",
+              tooltipItem: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(T, { $renderAs: O, children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
+              tooltipXCoOrdinates: A.width / 2,
+              tooltipYCoOrdinates: A.height + 10
+            }
+          },
+          {
+            originalElementToHighlightRef: c.current.segmentedCardWrapperRef,
+            isActive: !1,
+            type: d.NUDGE,
+            elementToHighlight: /* @__PURE__ */ t(
+              Te,
+              {
+                label: "",
+                value: r.data.filter((I) => I.solved).length,
+                maxValue: r.data.length,
+                initialValue: r.initialProgressValue,
+                data: r.data.map((I) => ({
+                  card: I.cardLottie,
+                  name: "",
+                  // We dont want to show the name of the puzzle in onboarding
+                  isCompleted: I.solved,
+                  onPress: () => w(I, e)
+                }))
+              }
+            ),
+            indicator: {
+              nudge: "click",
+              content: !h && /* @__PURE__ */ t(T, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+              nudgePointerX: R.width * 0.6,
+              nudgePointerY: R.height * 0.4
+            }
+          }
+        ];
+        U(e, [...Y, ...o, ...pe]);
+      } else
+        U(e, Y);
+      (oe = n.current) == null || oe.goToIndex(0);
+      const J = setTimeout(() => {
+        clearTimeout(J), g(e);
+      }, Ne);
+      if (E.current.push(J), e === H.CIRCLE_ACTIVITIES_INTRO_JOURNEY)
+        b && i.current ? p(u.SKILL_ACTIVITY, i.current, "BLUE_4", !0, e) : p(u.GAMES_ACTIVITY, a.current, "ORANGE_4", !0, e);
+      else {
+        (ae = i.current) == null || ae.startLabelAnimation("BLUE_4");
+        const o = setTimeout(() => {
+          clearTimeout(o), g(e, !0);
+        }, ge);
+        E.current.push(o);
+      }
     },
     [
       n,
-      I,
-      d,
-      P,
-      o,
-      m,
-      Y,
-      s
+      i,
+      O,
+      h,
+      U,
+      p,
+      x,
+      w,
+      g
     ]
-  ), le = de(
+  ), Ee = _e(
     () => ({
-      gameRefs: i,
-      puzzleRefs: r,
-      lessonRefs: l,
-      startJourney: k
+      gameRefs: a,
+      puzzleRefs: c,
+      startJourney: y
     }),
-    [k]
+    [y]
   );
   return se(() => () => {
-    _.current.forEach((e) => clearTimeout(e)), _.current = [];
-  }, [n]), le;
+    E.current.forEach((e) => clearTimeout(e)), E.current = [];
+  }, [n]), Ee;
 };
 export {
-  xe as useGameLauncherJourney
+  $e as useGameLauncherJourney
 };
 //# sourceMappingURL=use-game-launcher-journey.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { ICoachmarkProps } from '../../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { ISegmentedGameCardRefs } from '../../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n  SLIDE_TO_LESSON_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const journeyId = JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY;\n\n  const { device } = getTheme();\n  const isMobile = device === 'mobile';\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        carouselRefs.current?.goToIndex(carouselRefs.current?.currentIndex + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, journeyId, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourney = useCallback(\n    (puzzlesData: Puzzle) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, journeyId, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean) => {\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselRefs?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      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: 'top',\n              backgroundColor: 'BLUE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width / 2,\n              tooltipYCoOrdinates: lessonLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.GAMES_ACTIVITY,\n                    gameRefs.current as ISegmentedGameCardRefs,\n                    'ORANGE_4',\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\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: 'top',\n            backgroundColor: 'ORANGE_4',\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs={tooltipTextRenderAs}>\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width / 2,\n            tooltipYCoOrdinates: gameLabelDims.height + 10,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={() =>\n                goToNextCard(\n                  ActionEvent.PUZZLE_ACTIVITY,\n                  puzzleRefs.current as ISegmentedGameCardRefs,\n                  'PURPLE_4',\n                )\n              }\n              analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: !isMobile && (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to proceed\n              </Text>\n            ),\n            nudgePointerX: 0,\n            nudgePointerY: 0,\n          } as INudgeProps,\n        },\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: 'top',\n            backgroundColor: 'PURPLE_4',\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs={tooltipTextRenderAs}>\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width / 2,\n            tooltipYCoOrdinates: puzzleLabelDims.height + 10,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => handleEndJourney(puzzle),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: !isMobile && (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', true);\n      } else {\n        goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current, 'ORANGE_4', true);\n      }\n    },\n    [\n      carouselRefs,\n      tooltipTextRenderAs,\n      isMobile,\n      setJourney,\n      journeyId,\n      goToNextCard,\n      handleEndJourney,\n      nextCoachmark,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","journeyId","JOURNEY_ID_STUDENT","device","getTheme","isMobile","tooltipTextRenderAs","gameRefs","useRef","puzzleRefs","lessonRefs","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","isFirstSlide","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","handleEndJourney","puzzlesData","ProjectType","ActionEvent","startJourney","isLessonAvailable","_c","_d","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../../src/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { ICoachmarkProps } from '../../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type { ISegmentedGameCardRefs } from '../../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Lesson,\n  Puzzle,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../../analytics-events/platform-events-student';\nimport { JOURNEY_ID_STUDENT } from '../../../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../../../journey/use-journey/constants';\nimport { useJourney } from '../../../../journey/use-journey/use-journey';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../../games/web-view/enums';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n  SLIDE_TO_LESSON_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  carouselRefs,\n  onSegmentClick,\n  onJourneyComplete,\n  lessonRefs,\n}: IUseGameLauncherJourneyProps) => {\n  const { device } = getTheme();\n  const isMobile = device === 'mobile';\n  const tooltipTextRenderAs = isMobile ? 'ab3-bold' : 'ab2-bold';\n\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      isFirstSlide: boolean = false,\n      journeyId: JOURNEY_ID_STUDENT,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        carouselRefs.current?.goToIndex(carouselRefs.current?.currentIndex + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      timerRefs.current.push(animateLabelTimer); // Store to cleanup later\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [carouselRefs, nextCoachmark, playButtonSound, trackEventViewed],\n  );\n\n  const handleEndJourneyForPuzzle = useCallback(\n    (puzzlesData: Puzzle, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const handleEndJourneyForLesson = useCallback(\n    (lessonsData: Lesson, journeyId: JOURNEY_ID_STUDENT) => {\n      onSegmentClick(lessonsData, ProjectType.LESSON);\n      trackEventCompleted(ActionEvent.SKILL_ACTIVITY);\n      endJourney(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [endJourney, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (\n      journeyId: JOURNEY_ID_STUDENT,\n      puzzlesData?: IProject<Puzzle>,\n      lessonsData?: IProject<Lesson>,\n    ) => {\n      // If element refs are not available return, this is just for type safety\n      const isLessonAvailable = !!lessonsData;\n      const isPuzzleAvailable = !!puzzlesData;\n\n      if (\n        !lessonRefs?.current?.segmentedCardWrapperRef.current ||\n        ((!carouselRefs?.current?.nextBtnRef.current ||\n          !gameRefs?.current?.labelRef.current ||\n          !puzzleRefs?.current?.labelRef.current ||\n          !puzzlesData) &&\n          journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY)\n      ) {\n        return;\n      }\n\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\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        lessonRefs.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: 'top',\n              backgroundColor: 'BLUE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width / 2,\n              tooltipYCoOrdinates: lessonLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY\n            ? {\n                originalElementToHighlightRef: carouselRefs.current?.nextBtnRef,\n                isActive: false,\n                type: IndicatorType.NUDGE,\n                elementToHighlight: (\n                  <IconButton\n                    renderAs=\"secondary\"\n                    Icon={CaratRightIcon}\n                    onClick={() =>\n                      goToNextCard(\n                        ActionEvent.GAMES_ACTIVITY,\n                        gameRefs.current as ISegmentedGameCardRefs,\n                        'ORANGE_4',\n                        false,\n                        journeyId,\n                      )\n                    }\n                    analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Click to proceed\n                    </Text>\n                  ),\n                  nudgePointerX: 0,\n                  nudgePointerY: 0,\n                } as INudgeProps,\n              }\n            : {\n                originalElementToHighlightRef: lessonRefs.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={lessonsData.data.filter(lesson => lesson.status === 'pending').length}\n                    maxValue={lessonsData.data.length}\n                    initialValue={lessonsData.initialProgressValue}\n                    data={lessonsData.data.map(lesson => ({\n                      card: lesson.cardLottie,\n                      name: '', // We dont want to show the name of the puzzle in onboarding\n                      isCompleted: lesson.status === 'completed',\n                      onPress: () => handleEndJourneyForLesson(lesson, journeyId),\n                    }))}\n                  />\n                ),\n                indicator: {\n                  nudge: 'click',\n                  content: !isMobile && (\n                    <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                      Tap here to get started\n                    </Text>\n                  ),\n                  nudgePointerX: launcherDims.width * 0.6,\n                  nudgePointerY: launcherDims.height * 0.4,\n                } as INudgeProps,\n              },\n        ];\n      }\n\n      if (\n        journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY &&\n        gameRefs.current &&\n        puzzleRefs.current &&\n        isPuzzleAvailable\n      ) {\n        const gameSteps: ICoachmarkProps[] = [\n          {\n            originalElementToHighlightRef: gameRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'top',\n              backgroundColor: 'ORANGE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Train to think deeper & plan ahead. Play 3 new games everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: gameLabelDims.width / 2,\n              tooltipYCoOrdinates: gameLabelDims.height + 10,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselRefs.current.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={CaratRightIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.PUZZLE_ACTIVITY,\n                    puzzleRefs.current as ISegmentedGameCardRefs,\n                    'PURPLE_4',\n                    false,\n                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\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: 'top',\n              backgroundColor: 'PURPLE_4',\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs={tooltipTextRenderAs}>\n                    Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: puzzleLabelDims.width / 2,\n              tooltipYCoOrdinates: puzzleLabelDims.height + 10,\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: () => handleEndJourneyForPuzzle(puzzle, journeyId),\n                }))}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: !isMobile && (\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      } else {\n        setJourney(journeyId, lessonSteps);\n      }\n      carouselRefs.current?.goToIndex(0); // Always start from 0th Index no matter what the current index is\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, SLIDE_TO_LESSON_MS);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n\n      if (journeyId === JOURNEY_ID_STUDENT.CIRCLE_ACTIVITIES_INTRO_JOURNEY) {\n        if (isLessonAvailable && lessonRefs.current) {\n          goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', true, journeyId);\n        } else {\n          goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current!, 'ORANGE_4', true, journeyId);\n        }\n      } else {\n        lessonRefs.current?.startLabelAnimation('BLUE_4');\n        const delayBeforeShowingNudge = setTimeout(() => {\n          clearTimeout(delayBeforeShowingNudge);\n          nextCoachmark(journeyId, true);\n        }, SHOW_NUDGE_AFTER_MS);\n\n        timerRefs.current.push(delayBeforeShowingNudge); // Store to cleanup later\n      }\n    },\n    [\n      carouselRefs,\n      lessonRefs,\n      tooltipTextRenderAs,\n      isMobile,\n      setJourney,\n      goToNextCard,\n      handleEndJourneyForLesson,\n      handleEndJourneyForPuzzle,\n      nextCoachmark,\n    ],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, [carouselRefs]);\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","carouselRefs","onSegmentClick","onJourneyComplete","lessonRefs","device","getTheme","isMobile","tooltipTextRenderAs","gameRefs","useRef","puzzleRefs","timerRefs","playButtonSound","useCircleSounds","nextCoachmark","setJourney","endJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","isFirstSlide","journeyId","_b","_a","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","handleEndJourneyForPuzzle","puzzlesData","ProjectType","ActionEvent","handleEndJourneyForLesson","lessonsData","startJourney","isLessonAvailable","isPuzzleAvailable","_c","_d","JOURNEY_ID_STUDENT","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","CaratRightIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","SegmentedGameCard","lesson","gameSteps","puzzleSteps","puzzle","_r","delayBeforeStart","SLIDE_TO_LESSON_MS","_s","delayBeforeShowingNudge","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js

@@ -12,7 +12,7 @@ const _ = ({ selected: o, grades: s, onSelect: n, onNext: c }) => {
   }, [o]);
   const d = (e) => e === "13", u = (e) => {
     n == null || n(e);
-  }, f = 6, k = s.reduce((e, a, r) => {
+  }, f = 7, k = s.reduce((e, a, r) => {
     var l;
     return r % f === 0 && e.push([]), (l = e[e.length - 1]) == null || l.push(a), e;
   }, []);

package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from './grade-input-types';\n\nimport { useEffect, useState } from 'react';\n\nimport Next2Icon from '../../../../../assets/line-icons/icons/next2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport * as S from './grade-input-styled';\n\nexport const GradeInput = ({ selected, grades, onSelect, onNext }: IGradeInputProps) => {\n  const [active, setActive] = useState(selected);\n\n  useEffect(() => {\n    setActive(selected);\n  }, [selected]);\n\n  const isOutOfSchool = (gradeKey: GradeKey) => {\n    return gradeKey === ('13' as GradeKey);\n  };\n\n  const handleGrade = (gradeInfo: Grade) => {\n    onSelect?.(gradeInfo);\n  };\n\n  const maxNoOfRows = 6;\n\n  // Group grades into rows\n  const grade2d: Grade[][] = grades.reduce((acc: Grade[][], grade, index) => {\n    if (index % maxNoOfRows === 0) acc.push([]);\n    acc[acc.length - 1]?.push(grade);\n\n    return acc;\n  }, []);\n\n  return (\n    <S.GradeInputWrapper>\n      {selected && (\n        <S.NextButtonWrapper>\n          <Clickable onClick={onNext} analyticsLabel=\"circle_signup_grade_next\" label=\"\">\n            <Next2Icon height={28} width={28} />\n          </Clickable>\n        </S.NextButtonWrapper>\n      )}\n\n      <S.GradeInputContainer>\n        {grade2d.map((row, rowIndex) => (\n          <S.GradeRow key={rowIndex}>\n            {row.map(g => (\n              <S.GradeButton isActive={active === g.key} key={g.key} onClick={() => handleGrade(g)}>\n                {isOutOfSchool(g.key) && (\n                  <WithGrade grade={g.key}>\n                    <Text\n                      $renderAs={active === g.key ? 'ab1-bold' : 'ab1'}\n                      $color={active === g.key ? 'WHITE' : 'BLACK'}\n                    >\n                      {g.label}\n                    </Text>\n                  </WithGrade>\n                )}\n                {!isOutOfSchool(g.key) && (\n                  <Text $renderAs={'ab1'} $color={active === g.key ? 'BLACK' : 'WHITE'}>\n                    {g.label}\n                  </Text>\n                )}\n              </S.GradeButton>\n            ))}\n          </S.GradeRow>\n        ))}\n      </S.GradeInputContainer>\n    </S.GradeInputWrapper>\n  );\n};\n"],"names":["GradeInput","selected","grades","onSelect","onNext","active","setActive","useState","useEffect","isOutOfSchool","gradeKey","handleGrade","gradeInfo","maxNoOfRows","grade2d","acc","grade","index","_a","jsxs","S.GradeInputWrapper","S.NextButtonWrapper","jsx","Clickable","Next2Icon","S.GradeInputContainer","row","rowIndex","S.GradeRow","g","S.GradeButton","WithGrade","Text"],"mappings":";;;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,QAA+B;AACtF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASN,CAAQ;AAE7C,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAUL,CAAQ;AAAA,EAAA,GACjB,CAACA,CAAQ,CAAC;AAEP,QAAAQ,IAAgB,CAACC,MACdA,MAAc,MAGjBC,IAAc,CAACC,MAAqB;AACxC,IAAAT,KAAA,QAAAA,EAAWS;AAAA,EAAS,GAGhBC,IAAc,GAGdC,IAAqBZ,EAAO,OAAO,CAACa,GAAgBC,GAAOC,MAAU;;AACzE,WAAIA,IAAQJ,MAAgB,KAAOE,EAAA,KAAK,CAAA,CAAE,IAC1CG,IAAAH,EAAIA,EAAI,SAAS,CAAC,MAAlB,QAAAG,EAAqB,KAAKF,IAEnBD;AAAA,EACT,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAI,EAACC,GAAA,EACE,UAAA;AAAA,IAAAnB,uBACEoB,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASnB,GAAQ,gBAAe,4BAA2B,OAAM,IAC1E,4BAACoB,GAAU,EAAA,QAAQ,IAAI,OAAO,IAAI,GACpC,EACF,CAAA;AAAA,IAGD,gBAAAF,EAAAG,GAAA,EACE,UAAQX,EAAA,IAAI,CAACY,GAAKC,MACjB,gBAAAL,EAACM,GAAA,EACE,UAAAF,EAAI,IAAI,CAAAG,MACN,gBAAAV,EAAAW,GAAA,EAAc,UAAUzB,MAAWwB,EAAE,KAAiB,SAAS,MAAMlB,EAAYkB,CAAC,GAChF,UAAA;AAAA,MAAApB,EAAcoB,EAAE,GAAG,uBACjBE,GAAU,EAAA,OAAOF,EAAE,KAClB,UAAA,gBAAAP;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAW3B,MAAWwB,EAAE,MAAM,aAAa;AAAA,UAC3C,QAAQxB,MAAWwB,EAAE,MAAM,UAAU;AAAA,UAEpC,UAAEA,EAAA;AAAA,QAAA;AAAA,MAAA,GAEP;AAAA,MAED,CAACpB,EAAcoB,EAAE,GAAG,uBAClBG,GAAK,EAAA,WAAW,OAAO,QAAQ3B,MAAWwB,EAAE,MAAM,UAAU,SAC1D,YAAE,OACL;AAAA,IAAA,EAAA,GAd4CA,EAAE,GAgBlD,CACD,EAnBc,GAAAF,CAoBjB,CACD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/grade-input/grade-input.tsx"],"sourcesContent":["import type { Grade, GradeKey, IGradeInputProps } from './grade-input-types';\n\nimport { useEffect, useState } from 'react';\n\nimport Next2Icon from '../../../../../assets/line-icons/icons/next2';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Text from '../../../../ui/text/text';\nimport { WithGrade } from '../../../leaderboard/comps/with-grade/with-grade';\nimport * as S from './grade-input-styled';\n\nexport const GradeInput = ({ selected, grades, onSelect, onNext }: IGradeInputProps) => {\n  const [active, setActive] = useState(selected);\n\n  useEffect(() => {\n    setActive(selected);\n  }, [selected]);\n\n  const isOutOfSchool = (gradeKey: GradeKey) => {\n    return gradeKey === ('13' as GradeKey);\n  };\n\n  const handleGrade = (gradeInfo: Grade) => {\n    onSelect?.(gradeInfo);\n  };\n\n  const maxNoOfRows = 7;\n\n  // Group grades into rows\n  const grade2d: Grade[][] = grades.reduce((acc: Grade[][], grade, index) => {\n    if (index % maxNoOfRows === 0) acc.push([]);\n    acc[acc.length - 1]?.push(grade);\n\n    return acc;\n  }, []);\n\n  return (\n    <S.GradeInputWrapper>\n      {selected && (\n        <S.NextButtonWrapper>\n          <Clickable onClick={onNext} analyticsLabel=\"circle_signup_grade_next\" label=\"\">\n            <Next2Icon height={28} width={28} />\n          </Clickable>\n        </S.NextButtonWrapper>\n      )}\n\n      <S.GradeInputContainer>\n        {grade2d.map((row, rowIndex) => (\n          <S.GradeRow key={rowIndex}>\n            {row.map(g => (\n              <S.GradeButton isActive={active === g.key} key={g.key} onClick={() => handleGrade(g)}>\n                {isOutOfSchool(g.key) && (\n                  <WithGrade grade={g.key}>\n                    <Text\n                      $renderAs={active === g.key ? 'ab1-bold' : 'ab1'}\n                      $color={active === g.key ? 'WHITE' : 'BLACK'}\n                    >\n                      {g.label}\n                    </Text>\n                  </WithGrade>\n                )}\n                {!isOutOfSchool(g.key) && (\n                  <Text $renderAs={'ab1'} $color={active === g.key ? 'BLACK' : 'WHITE'}>\n                    {g.label}\n                  </Text>\n                )}\n              </S.GradeButton>\n            ))}\n          </S.GradeRow>\n        ))}\n      </S.GradeInputContainer>\n    </S.GradeInputWrapper>\n  );\n};\n"],"names":["GradeInput","selected","grades","onSelect","onNext","active","setActive","useState","useEffect","isOutOfSchool","gradeKey","handleGrade","gradeInfo","maxNoOfRows","grade2d","acc","grade","index","_a","jsxs","S.GradeInputWrapper","S.NextButtonWrapper","jsx","Clickable","Next2Icon","S.GradeInputContainer","row","rowIndex","S.GradeRow","g","S.GradeButton","WithGrade","Text"],"mappings":";;;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,QAA+B;AACtF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASN,CAAQ;AAE7C,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAUL,CAAQ;AAAA,EAAA,GACjB,CAACA,CAAQ,CAAC;AAEP,QAAAQ,IAAgB,CAACC,MACdA,MAAc,MAGjBC,IAAc,CAACC,MAAqB;AACxC,IAAAT,KAAA,QAAAA,EAAWS;AAAA,EAAS,GAGhBC,IAAc,GAGdC,IAAqBZ,EAAO,OAAO,CAACa,GAAgBC,GAAOC,MAAU;;AACzE,WAAIA,IAAQJ,MAAgB,KAAOE,EAAA,KAAK,CAAA,CAAE,IAC1CG,IAAAH,EAAIA,EAAI,SAAS,CAAC,MAAlB,QAAAG,EAAqB,KAAKF,IAEnBD;AAAA,EACT,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAI,EAACC,GAAA,EACE,UAAA;AAAA,IAAAnB,uBACEoB,GAAA,EACC,UAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASnB,GAAQ,gBAAe,4BAA2B,OAAM,IAC1E,4BAACoB,GAAU,EAAA,QAAQ,IAAI,OAAO,IAAI,GACpC,EACF,CAAA;AAAA,IAGD,gBAAAF,EAAAG,GAAA,EACE,UAAQX,EAAA,IAAI,CAACY,GAAKC,MACjB,gBAAAL,EAACM,GAAA,EACE,UAAAF,EAAI,IAAI,CAAAG,MACN,gBAAAV,EAAAW,GAAA,EAAc,UAAUzB,MAAWwB,EAAE,KAAiB,SAAS,MAAMlB,EAAYkB,CAAC,GAChF,UAAA;AAAA,MAAApB,EAAcoB,EAAE,GAAG,uBACjBE,GAAU,EAAA,OAAOF,EAAE,KAClB,UAAA,gBAAAP;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAW3B,MAAWwB,EAAE,MAAM,aAAa;AAAA,UAC3C,QAAQxB,MAAWwB,EAAE,MAAM,UAAU;AAAA,UAEpC,UAAEA,EAAA;AAAA,QAAA;AAAA,MAAA,GAEP;AAAA,MAED,CAACpB,EAAcoB,EAAE,GAAG,uBAClBG,GAAK,EAAA,WAAW,OAAO,QAAQ3B,MAAWwB,EAAE,MAAM,UAAU,SAC1D,YAAE,OACL;AAAA,IAAA,EAAA,GAd4CA,EAAE,GAgBlD,CACD,EAnBc,GAAAF,CAoBjB,CACD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/circle-games/sign-up/constants.js

@@ -1,5 +1,7 @@
 import { State as e } from "./sign-up-types.js";
 const h = [e.ACTIVE, e.PAUSED, e.PAID], i = [e.TRIAL, e.DEMO], p = [
+  { label: "KG", key: "0" },
+  { label: "1", key: "1", sup: "st" },
   { label: "2", key: "2", sup: "nd" },
   { label: "3", key: "3", sup: "rd" },
   { label: "4", key: "4", sup: "th" },
@@ -11,7 +13,7 @@ const h = [e.ACTIVE, e.PAUSED, e.PAID], i = [e.TRIAL, e.DEMO], p = [
   { label: "10", key: "10", sup: "th" },
   { label: "11", key: "11", sup: "th" },
   { label: "12", key: "12", sup: "th" }
-], t = 440, s = 640, n = window.innerWidth / t, a = window.innerHeight / s, l = Math.min(n, a), u = Math.min(s * l, s), b = Math.min(t * l, t);
+], t = 440, s = 640, a = window.innerWidth / t, n = window.innerHeight / s, l = Math.min(a, n), u = Math.min(s * l, s), b = Math.min(t * l, t);
 export {
   s as ACTUAL_HEIGHT,
   t as ACTUAL_WIDTH,

package/dist/features/circle-games/sign-up/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = Math.min(widthRatio, heightRatio);\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,KAAK,IAAIF,GAAYC,CAAW,GAEjCE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: 'KG', key: '0' },\n  { label: '1', key: '1', sup: 'st' },\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = Math.min(widthRatio, heightRatio);\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,MAAM,KAAK,IAAI;AAAA,EACxB,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,KAAK,IAAIF,GAAYC,CAAW,GAEjCE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}

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

@@ -1,4 +1,4 @@
-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.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", R))(E || {});
+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.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", R.CIRCLE_LESSONS_INTRO_JOURNEY = "CIRCLE_LESSONS_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", R))(E || {});
 export {
   E as JOURNEY_ID_STUDENT
 };

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  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  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_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,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAGhCA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBAZbA,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  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n  CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n  CIRCLE_LESSONS_INTRO_JOURNEY = 'CIRCLE_LESSONS_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_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,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,+BAA+B,gCAG/BA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBAbbA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.d.ts

@@ -2772,8 +2772,8 @@ export declare interface IProjectData extends IProjects {
 }
 
 export declare interface IProjects {
-    games: IProject<Game>;
-    puzzles: IProject<Puzzle>;
+    games?: IProject<Game>;
+    puzzles?: IProject<Puzzle>;
     lessons?: IProject<Lesson>;
     tables?: ITables;
 }
@@ -4133,6 +4133,7 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY",
     CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
     CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY",
+    CIRCLE_LESSONS_INTRO_JOURNEY = "CIRCLE_LESSONS_INTRO_JOURNEY",
     CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY",
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY"

package/package.json

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