@cuemath/leap 2.9.7-rj-1 → 2.9.9-as1

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -0,0 +1,177 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import I from "../../../assets/line-icons/icons/alarm.js";
+import f from "../../../assets/line-icons/icons/bulb2.js";
+import T from "../../../assets/line-icons/icons/check2.js";
+import u from "../../../assets/line-icons/icons/dart.js";
+import R from "../../../assets/line-icons/icons/exclamation.js";
+import A from "../../../assets/line-icons/icons/lock2.js";
+import h from "../../../assets/line-icons/icons/play2.js";
+import $ from "../../../assets/line-icons/icons/puzzle.js";
+import g from "../../../assets/line-icons/icons/recap.js";
+import D from "../../../assets/line-icons/icons/status.js";
+import C from "../../../assets/line-icons/icons/testtube.js";
+import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
+import S from "../../ui/layout/flex-view.js";
+import a from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import d from "../../ui/text/text.js";
+import { InProgressIconWrapper as l } from "../comps/node-card/node-card-styled.js";
+import E from "../comps/tag/tag.js";
+const P = 60 * 60 * 24, b = ["NOT_STARTED", "IN_PROGRESS"], O = (o) => {
+  if (!o)
+    return { isOverdue: !1, daysText: "", differenceInDays: 0 };
+  const i = Math.floor(Date.now() / 1e3), c = o - i, n = Math.ceil(c / P), s = n < 0, r = n > 0 ? `${Math.abs(n)}D` : "";
+  return { isOverdue: s, daysText: r, differenceInDays: n };
+}, B = (o, i, c, n) => {
+  const { isOverdue: s, daysText: r, differenceInDays: m } = O(n);
+  if (s && b.includes(o))
+    return {
+      icon: /* @__PURE__ */ e(
+        a,
+        {
+          renderAs: "primary",
+          position: "bottom",
+          tooltipItem: "Complete now",
+          zIndex: 10,
+          hidden: !i,
+          parentWidth: "fit-content",
+          children: /* @__PURE__ */ e(S, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(d, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
+        }
+      ),
+      top: -10,
+      right: -10
+    };
+  switch (o) {
+    case "NOT_STARTED":
+      return {
+        icon: /* @__PURE__ */ e(
+          a,
+          {
+            renderAs: "primary",
+            position: "bottom",
+            tooltipItem: m > 1 ? `${m} days left` : "Complete it today",
+            zIndex: 10,
+            hidden: !i,
+            children: /* @__PURE__ */ e(
+              l,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $justifyContent: "center",
+                $borderRadius: 16,
+                $paddingRight: 6,
+                $paddingLeft: 6,
+                children: r && /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", children: r })
+              }
+            )
+          }
+        ),
+        top: 0,
+        right: 0
+      };
+    case "LOCKED":
+      return {
+        icon: /* @__PURE__ */ e(A, { width: 32, height: 32 }),
+        top: -12,
+        right: -12
+      };
+    case "IN_PROGRESS":
+      return {
+        icon: /* @__PURE__ */ p(
+          l,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $justifyContent: "center",
+            $borderRadius: 16,
+            $paddingRight: 0,
+            $paddingLeft: r ? 6 : 0,
+            children: [
+              r && /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", children: r }),
+              /* @__PURE__ */ e(D, {})
+            ]
+          }
+        )
+      };
+    case "COMPLETED":
+      return {
+        icon: /* @__PURE__ */ e(
+          E,
+          {
+            Icon: T,
+            label: typeof c == "number" ? `${c}%` : void 0
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    case "WAIT_FOR_REVIEW":
+      return {
+        icon: /* @__PURE__ */ e(
+          a,
+          {
+            renderAs: "primary",
+            position: "bottom",
+            tooltipItem: i ? "Waiting for teacher to review" : "Needs your review",
+            zIndex: 10,
+            children: /* @__PURE__ */ e(E, { Icon: R })
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    default:
+      return {
+        icon: void 0
+      };
+  }
+}, X = (o) => {
+  switch (o) {
+    case "LEARNING":
+      return {
+        lottie: t.LEARN,
+        icon: f
+      };
+    case "RECAP":
+      return {
+        lottie: t.RECAP,
+        icon: g
+      };
+    case "DYNAMIC":
+    case "ASSESSMENT":
+    case "CHAPTER_ASSESSMENT":
+      return {
+        lottie: t.TEST,
+        icon: I
+      };
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+    case "TARGET_PRACTICE":
+    case "MASTERY":
+      return {
+        lottie: t.PRACTICE,
+        icon: u
+      };
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return {
+        lottie: t.PUZZLE,
+        icon: $
+      };
+    case "VIDEO":
+      return {
+        lottie: t.VIDEO,
+        icon: h
+      };
+    default:
+      return {
+        lottie: t.PROJECT,
+        icon: C
+      };
+  }
+};
+export {
+  X as getNodeCardBasedIcon,
+  B as getNodeStateBasedTagInfo
+};
+//# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n  differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '', differenceInDays: 0 };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  isStudent: boolean,\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem=\"Complete now\"\n          zIndex={10}\n          hidden={!isStudent}\n          parentWidth=\"fit-content\"\n        >\n          <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n            <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n              OVERDUE\n            </Text>\n          </FlexView>\n        </ArrowTooltip>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={\n              differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n            }\n            zIndex={10}\n            hidden={!isStudent}\n          >\n            <InProgressIconWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadius={16}\n              $paddingRight={6}\n              $paddingLeft={6}\n            >\n              {daysText && (\n                <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                  {daysText}\n                </Text>\n              )}\n            </InProgressIconWrapper>\n          </ArrowTooltip>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadius={16}\n            $paddingRight={0}\n            $paddingLeft={daysText ? 6 : 0}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n            zIndex={10}\n          >\n            <Tag Icon={ExclamationIcon} />\n          </ArrowTooltip>\n        ),\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return {\n        lottie: LOTTIE.LEARN,\n        icon: Bulb2Icon,\n      };\n    case 'RECAP':\n      return {\n        lottie: LOTTIE.RECAP,\n        icon: RecapIcon,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n        icon: AlarmIcon,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return {\n        lottie: LOTTIE.PRACTICE,\n        icon: DartIcon,\n      };\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n        icon: PuzzleIcon,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n        icon: Play2Icon,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n        icon: TestTubeIcon,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAkB,KAAK,KAAK,IAC5BC,IAAgD,CAAC,eAAe,aAAa,GAE7EC,IAAuB,CAACC,MAA2C;AACvE,MAAI,CAACA;AACH,WAAO,EAAE,WAAW,IAAO,UAAU,IAAI,kBAAkB;AAG7D,QAAMC,IAAmB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,GAC/CC,IAAsBF,IAAYC,GAClCE,IAAmB,KAAK,KAAKD,IAAsBL,CAAe,GAElEO,IAAYD,IAAmB,GAE/BE,IAAWF,IAAmB,IAAI,GAAG,KAAK,IAAIA,CAAgB,CAAC,MAAM;AAEpE,SAAA,EAAE,WAAAC,GAAW,UAAAC,GAAU,kBAAAF;AAChC,GAEMG,IAA2B,CAC/BC,GACAC,GACAC,GACAT,MACG;AACH,QAAM,EAAE,WAAAI,GAAW,UAAAC,GAAU,kBAAAF,EAAiB,IAAIJ,EAAqBC,CAAS;AAEhF,MAAII,KAAaN,EAAmB,SAASS,CAAS;AAC7C,WAAA;AAAA,MACL,MACE,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAY;AAAA,UACZ,QAAQ;AAAA,UACR,QAAQ,CAACH;AAAA,UACT,aAAY;AAAA,UAEZ,4BAACI,GAAS,EAAA,aAAY,OAAM,eAAe,IAAI,OAAO,MAAM,UAAU,KACpE,4BAACC,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,oBAE3C,CAAA,GACF;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAIX,UAAQN,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aACER,IAAmB,IAAI,GAAGA,CAAgB,eAAe;AAAA,YAE3D,QAAQ;AAAA,YACR,QAAQ,CAACK;AAAA,YAET,UAAA,gBAAAE;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,cAAc;AAAA,gBAEb,eACE,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAC/B,UACHR,EAAA,CAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAK,EAAAK,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,eAAe;AAAA,YACf,eAAe;AAAA,YACf,cAAcT,IAAW,IAAI;AAAA,YAE5B,UAAA;AAAA,cAAAA,uBACEQ,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,UACHR,GAAA;AAAA,gCAEDY,GAAW,EAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAOV,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAaH,IAAY,kCAAkC;AAAA,YAC3D,QAAQ;AAAA,YAER,UAAA,gBAAAE,EAACQ,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA,UAAA;AAAA,QAC9B;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAA;AAAA,QACL,QAAQC,EAAO;AAAA,QACf,MAAMC;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACL,QAAQD,EAAO;AAAA,QACf,MAAME;AAAA,MAAA;AAAA,IAEV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,QACL,QAAQF,EAAO;AAAA,QACf,MAAMG;AAAA,MAAA;AAAA,IAEV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,QACL,QAAQH,EAAO;AAAA,QACf,MAAMI;AAAA,MAAA;AAAA,IAEV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,QACL,QAAQJ,EAAO;AAAA,QACf,MAAMK;AAAA,MAAA;AAAA,IAEV,KAAK;AACI,aAAA;AAAA,QACL,QAAQL,EAAO;AAAA,QACf,MAAMM;AAAA,MAAA;AAAA,IAEV;AACS,aAAA;AAAA,QACL,QAAQN,EAAO;AAAA,QACf,MAAMO;AAAA,MAAA;AAAA,EAEZ;AACF;"}

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

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