@cuemath/leap 2.8.21-rj-10 → 2.8.21-rj-12

package/dist/features/analytics-events/platform-events-student.js

@@ -1,15 +1,17 @@
-import { PLUGINS as e } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var _ = /* @__PURE__ */ ((t) => (t.PAGE_VIEWED = "page_viewed", t.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", t.ACTIVITY_STARTED = "activity_started", t.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", t.STREAK_ICON_CLICKED = "streak_icon_clicked", t.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", t))(_ || {});
-const I = {
-  page_viewed: [e.MIXPANEL],
+import { PLUGINS as t } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e))(_ || {});
+const o = {
+  page_viewed: [t.MIXPANEL],
   // circle on leap mixpanel events
-  activity_started: [e.MIXPANEL],
-  activity_tutorial_seen: [e.MIXPANEL],
-  streak_icon_clicked: [e.MIXPANEL],
-  leaderboard_button_clicked: [e.MIXPANEL]
+  activity_started: [t.MIXPANEL],
+  activity_tutorial_seen: [t.MIXPANEL],
+  streak_icon_clicked: [t.MIXPANEL],
+  leaderboard_button_clicked: [t.MIXPANEL],
+  onboarding_step_viewed: [t.MIXPANEL],
+  onboarding_step_completed: [t.MIXPANEL]
 };
 export {
   _ as PLATFORM_EVENTS_STUDENT,
-  I as PLATFORM_WHITELIST_EVENTS_STUDENT
+  o as PLATFORM_WHITELIST_EVENTS_STUDENT
 };
 //# sourceMappingURL=platform-events-student.js.map

package/dist/features/analytics-events/platform-events-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n\n  // circle on leap mixpanel events\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBAGxBA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BARnBA,IAAAA,KAAA,CAAA,CAAA;AAeL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA;AAAA,EAGvD,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AACzE;"}
+{"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n  PAGE_VIEWED = 'page_viewed',\n  CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n\n  // circle on leap mixpanel events\n  ACTIVITY_STARTED = 'activity_started',\n  ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n  STREAK_ICON_CLICKED = 'streak_icon_clicked',\n  LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n  ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n  ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n  [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n\n  // circle on leap mixpanel events\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBAGxBA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAVlBA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA;AAAA,EAGvD,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AACxE;"}

package/dist/features/circle-games/enum/CircleOnboardingSteps.js

@@ -0,0 +1,5 @@
+var a = /* @__PURE__ */ ((t) => (t.LESSON_ACTIVITY = "skill_activity", t.GAMES_ACTIVITY = "games_activity", t.PUZZLE_ACTIVITY = "puzzle_activity", t.TUTORIAL = "tutorial", t.POINTS = "points", t.STREAK = "streak", t.LEADERBOARD = "leaderboard", t))(a || {});
+export {
+  a as CIRCLE_ONBOARDING_ANALYTICS_STEPS
+};
+//# sourceMappingURL=CircleOnboardingSteps.js.map

package/dist/features/circle-games/enum/CircleOnboardingSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleOnboardingSteps.js","sources":["../../../../src/features/circle-games/enum/CircleOnboardingSteps.ts"],"sourcesContent":["export enum CIRCLE_ONBOARDING_ANALYTICS_STEPS {\n  LESSON_ACTIVITY = 'skill_activity',\n  GAMES_ACTIVITY = 'games_activity',\n  PUZZLE_ACTIVITY = 'puzzle_activity',\n  TUTORIAL = 'tutorial',\n  POINTS = 'points',\n  STREAK = 'streak',\n  LEADERBOARD = 'leaderboard',\n}\n"],"names":["CIRCLE_ONBOARDING_ANALYTICS_STEPS"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eAPJA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,6 +1,5 @@
-const _ = 500, E = 1500, S = 3e3, T = 200;
+const _ = 500, E = 1500, S = 3e3;
 export {
-  T as FIRST_COACHMARK_AFTER_MS,
   _ as GO_TO_NEXT_SLIDE_AFTER_MS,
   E as SHOW_LABEL_HIGHLIGHT_AFTER_MS,
   S as SHOW_NUDGE_AFTER_MS

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/constants.ts"],"sourcesContent":["export const GO_TO_NEXT_SLIDE_AFTER_MS = 500;\nexport const SHOW_LABEL_HIGHLIGHT_AFTER_MS = 1500;\nexport const SHOW_NUDGE_AFTER_MS = 3000;\nexport const FIRST_COACHMARK_AFTER_MS = 200;\n"],"names":["GO_TO_NEXT_SLIDE_AFTER_MS","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","FIRST_COACHMARK_AFTER_MS"],"mappings":"AAAO,MAAMA,IAA4B,KAC5BC,IAAgC,MAChCC,IAAsB,KACtBC,IAA2B;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/constants.ts"],"sourcesContent":["export const GO_TO_NEXT_SLIDE_AFTER_MS = 500;\nexport const SHOW_LABEL_HIGHLIGHT_AFTER_MS = 1500;\nexport const SHOW_NUDGE_AFTER_MS = 3000;\nexport const FIRST_COACHMARK_AFTER_MS = 200;\n"],"names":["GO_TO_NEXT_SLIDE_AFTER_MS","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS"],"mappings":"AAAO,MAAMA,IAA4B,KAC5BC,IAAgC,MAChCC,IAAsB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TJourneyId } from '../../../journey/journey-id/journey-id-types';\nimport type { ICoachmarkProps } from '../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../ui/types';\nimport type { ICarouselRefs } from '../comps/carousel/carousel-types';\nimport type { ISegmentedGameCardRefs } from '../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport NextIcon from '../../../../assets/line-icons/icons/next';\nimport { IndicatorType } from '../../../journey/use-journey/constants';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { ProjectType } from '../../games/web-view/enums';\nimport { useCircleSounds } from '../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../comps/segmented-game-card/segmented-game-card';\nimport {\n  FIRST_COACHMARK_AFTER_MS,\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  onSegmentClick,\n  setCarouselIndex,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const carouselNextBtnRef = useRef<ICarouselRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n\n  const goToNextCard = useCallback(\n    (\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean, journeyId: TJourneyId) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselNextBtnRef?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      isJourneyInProgress.current = true;\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        puzzleRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: ICoachmarkProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'right',\n              backgroundColor: 'BLUE_4',\n              width: 264,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselNextBtnRef.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={NextIcon}\n                onClick={() =>\n                  goToNextCard(gameRefs.current as ISegmentedGameCardRefs, 'ORANGE_4', journeyId)\n                }\n                analyticsLabel=\"HELLO \"\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n      }\n\n      const gameSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: gameRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'ORANGE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselNextBtnRef.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={NextIcon}\n              onClick={() =>\n                goToNextCard(puzzleRefs.current as ISegmentedGameCardRefs, 'PURPLE_4', journeyId)\n              }\n              analyticsLabel=\"HELLO \"\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to proceed\n              </Text>\n            ),\n            nudgePointerX: 0,\n            nudgePointerY: 0,\n          } as INudgeProps,\n        },\n      ];\n\n      const puzzleSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'PURPLE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(journeyId, false, FIRST_COACHMARK_AFTER_MS);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","onSegmentClick","setCarouselIndex","onJourneyComplete","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","goToNextCard","useCallback","refOfNextSlide","color","journeyId","isFirstSlide","prev","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","startJourney","isLessonAvailable","_a","_b","_c","_d","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","NextIcon","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","FIRST_COACHMARK_AFTER_MS","useMemo"],"mappings":"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"}
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TJourneyId } from '../../../journey/journey-id/journey-id-types';\nimport type { ICoachmarkProps } from '../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../ui/types';\nimport type { ICarouselRefs } from '../comps/carousel/carousel-types';\nimport type { ISegmentedGameCardRefs } from '../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport NextIcon from '../../../../assets/line-icons/icons/next';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../analytics-events/platform-events-student';\nimport { IndicatorType } from '../../../journey/use-journey/constants';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../enum/CircleOnboardingSteps';\nimport { ProjectType } from '../../games/web-view/enums';\nimport { useCircleSounds } from '../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../comps/segmented-game-card/segmented-game-card';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  onSegmentClick,\n  setCarouselIndex,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const carouselNextBtnRef = useRef<ICarouselRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (journeyId: TJourneyId, step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        journey_id: journeyId,\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (journeyId: TJourneyId, step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        journey_id: journeyId,\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(journeyId, analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex, trackEventViewed],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(journeyId, ActionEvent.PUZZLE_ACTIVITY);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean, journeyId: TJourneyId) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselNextBtnRef?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      isJourneyInProgress.current = true;\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        puzzleRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: ICoachmarkProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'right',\n              backgroundColor: 'BLUE_4',\n              width: 264,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselNextBtnRef.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={NextIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.GAMES_ACTIVITY,\n                    gameRefs.current as ISegmentedGameCardRefs,\n                    'ORANGE_4',\n                    journeyId,\n                  )\n                }\n                analyticsLabel={AnalyticsLabel.ONBOARDING_STEP_COMPLETED}\n                analyticsProps={{\n                  journey_id: journeyId,\n                  step: ActionEvent.LESSON_ACTIVITY,\n                }}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n      }\n\n      const gameSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: gameRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'ORANGE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselNextBtnRef.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={NextIcon}\n              onClick={() =>\n                goToNextCard(\n                  ActionEvent.PUZZLE_ACTIVITY,\n                  puzzleRefs.current as ISegmentedGameCardRefs,\n                  'PURPLE_4',\n                  journeyId,\n                )\n              }\n              analyticsLabel={AnalyticsLabel.ONBOARDING_STEP_COMPLETED}\n              analyticsProps={{\n                journey_id: journeyId,\n                step: ActionEvent.GAMES_ACTIVITY,\n              }}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to proceed\n              </Text>\n            ),\n            nudgePointerX: 0,\n            nudgePointerY: 0,\n          } as INudgeProps,\n        },\n      ];\n\n      const puzzleSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'PURPLE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(journeyId);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(ActionEvent.LESSON_ACTIVITY, lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","onSegmentClick","setCarouselIndex","onJourneyComplete","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","journeyId","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","isFirstSlide","prev","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","ActionEvent","startJourney","isLessonAvailable","_a","_b","_c","_d","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","NextIcon","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","useMemo"],"mappings":"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"}

package/dist/index.d.ts

@@ -3587,7 +3587,9 @@ export declare enum PLATFORM_EVENTS_STUDENT {
     ACTIVITY_STARTED = "activity_started",
     ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen",
     STREAK_ICON_CLICKED = "streak_icon_clicked",
-    LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked"
+    LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked",
+    ONBOARDING_STEP_VIEWED = "onboarding_step_viewed",
+    ONBOARDING_STEP_COMPLETED = "onboarding_step_completed"
 }
 
 export declare enum PLATFORM_EVENTS_TEACHER {

package/package.json

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