@cuemath/leap 3.3.17 → 3.3.18-j1

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js

@@ -1,24 +1,25 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as c, useCallback as r, useMemo as f } from "react";
-import h from "../../../ui/avatar/avatar.js";
-import { JOURNEY_ID_STUDENT as C } from "../../journey-id/journey-id-student.js";
-import { IndicatorType as T } from "../../use-journey/constants.js";
-import { useJourney as b } from "../../use-journey/use-journey.js";
-import A from "../use-home-page-journey/tooltip-item.js";
-const I = () => {
-  const o = C.PUZZLE_DASHBOARD_JOURNEY, t = c(null), d = c([]), { setJourney: n, endJourney: i, nextCoachmark: s } = b(), a = r(() => {
-    s(o, !1, 0, !1);
-  }, [o, s]), l = r(() => {
-    document.body.style.overflow = "unset", i(o);
-  }, [i, o]), u = r(
-    (p) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as p, useCallback as e } from "react";
+import y from "../../../ui/avatar/avatar.js";
+import { JOURNEY_ID_STUDENT as h } from "../../journey-id/journey-id-student.js";
+import { IndicatorType as C } from "../../use-journey/constants.js";
+import { useJourney as T } from "../../use-journey/use-journey.js";
+import J from "../use-home-page-journey/tooltip-item.js";
+const B = () => {
+  const o = h.PUZZLE_DASHBOARD_JOURNEY, c = p([]), { setJourney: n, endJourney: s, nextCoachmark: i } = T(), a = e(() => {
+    i(o, !1, 0, !1);
+  }, [o, i]), l = e(() => {
+    document.body.style.overflow = "unset", s(o);
+  }, [s, o]);
+  return e(
+    (t, d) => {
       if (!(t != null && t.current))
         return;
-      const y = [
+      const u = [
         {
           originalElementToHighlightRef: t,
-          elementToHighlight: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, { size: 55, avatar: p }) }),
-          type: T.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(y, { size: 55, avatar: d }) }),
+          type: C.TOOLTIP,
           indicator: {
             renderAs: "primary",
             tooltipXCoOrdinates: 42,
@@ -29,8 +30,8 @@ const I = () => {
             backgroundColor: "BLUE_4",
             borderColor: "BLACK",
             arrowColor: "BLACK",
-            tooltipItem: /* @__PURE__ */ e(
-              A,
+            tooltipItem: /* @__PURE__ */ r(
+              J,
               {
                 text: "Click here to see all previously solved puzzles.",
                 buttonLabel: "Got it",
@@ -41,23 +42,16 @@ const I = () => {
           isActive: !1
         }
       ];
-      n(o, y);
+      n(o, u);
       const m = setTimeout(() => {
         clearTimeout(m), document.body.style.overflow = "hidden", a();
       }, 500);
-      d.current.push(m);
+      c.current.push(m);
     },
     [l, a, o, n]
   );
-  return f(
-    () => ({
-      puzzleProfileRef: t,
-      startJourney: u
-    }),
-    [u]
-  );
 };
 export {
-  I as usePuzzleDashboardJourney
+  B as usePuzzleDashboardJourney
 };
 //# sourceMappingURL=use-puzzle-dashboard-journey.js.map

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport Avatar from '../../../ui/avatar/avatar';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleDashboardJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PUZZLE_DASHBOARD_JOURNEY;\n\n  const puzzleProfileRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (avatar: IAvatarLayer[]) => {\n      if (!puzzleProfileRef?.current) {\n        return;\n      }\n\n      const puzzleAttemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleProfileRef,\n          elementToHighlight: (\n            <div>\n              <Avatar size={55} avatar={avatar} />\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: 42,\n            tooltipYCoOrdinates: 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            position: 'right',\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            tooltipItem: (\n              <TooltipItem\n                text=\"Click here to see all previously solved puzzles.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, puzzleAttemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      puzzleProfileRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { usePuzzleDashboardJourney };\n"],"names":["usePuzzleDashboardJourney","journeyId","JOURNEY_ID_STUDENT","puzzleProfileRef","useRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","avatar","puzzleAttemptSteps","jsx","Avatar","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;AAYA,MAAMA,IAA4B,MAAM;AACtC,QAAMC,IAAYC,EAAmB,0BAE/BC,IAAmBC,EAAuB,IAAI,GAC9CC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAP,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWO,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWN,CAAS;AAAA,EAAA,GACnB,CAACM,GAAYN,CAAS,CAAC,GAEpBY,IAAeF;AAAA,IACnB,CAACG,MAA2B;AACtB,UAAA,EAACX,KAAA,QAAAA,EAAkB;AACrB;AAGF,YAAMY,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BZ;AAAA,UAC/B,sCACG,OACC,EAAA,UAAA,gBAAAa,EAACC,KAAO,MAAM,IAAI,QAAAH,GAAgB,EACpC,CAAA;AAAA,UAEF,MAAMI,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeP;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWL,GAAWc,CAAkB;AAElC,YAAAK,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKe,CAAgB;AAAA,IACzC;AAAA,IACA,CAACR,GAAkBF,GAAqBT,GAAWK,CAAU;AAAA,EAAA;AAWxD,SARMe;AAAA,IACX,OAAO;AAAA,MACL,kBAAAlB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useRef, type RefObject } from 'react';\n\nimport Avatar from '../../../ui/avatar/avatar';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleDashboardJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PUZZLE_DASHBOARD_JOURNEY;\n\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (puzzleProfileRef: RefObject<HTMLDivElement>, avatar: IAvatarLayer[]) => {\n      if (!puzzleProfileRef?.current) {\n        return;\n      }\n\n      const puzzleAttemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleProfileRef,\n          elementToHighlight: (\n            <div>\n              <Avatar size={55} avatar={avatar} />\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: 42,\n            tooltipYCoOrdinates: 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            position: 'right',\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            tooltipItem: (\n              <TooltipItem\n                text=\"Click here to see all previously solved puzzles.\"\n                buttonLabel=\"Got it\"\n                onButtonClick={handleEndJourney}\n              />\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, puzzleAttemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n  );\n\n  return startJourney;\n};\n\nexport { usePuzzleDashboardJourney };\n"],"names":["usePuzzleDashboardJourney","journeyId","JOURNEY_ID_STUDENT","timerRefs","useRef","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","puzzleProfileRef","avatar","puzzleAttemptSteps","jsx","Avatar","IndicatorType","TooltipItem","delayBeforeStart"],"mappings":";;;;;;;AAYA,MAAMA,IAA4B,MAAM;AACtC,QAAMC,IAAYC,EAAmB,0BAE/BC,IAAYC,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAN,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWM,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWL,CAAS;AAAA,EAAA,GACnB,CAACK,GAAYL,CAAS,CAAC;AAoDnB,SAlDcS;AAAA,IACnB,CAACE,GAA6CC,MAA2B;AACnE,UAAA,EAACD,KAAA,QAAAA,EAAkB;AACrB;AAGF,YAAME,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BF;AAAA,UAC/B,sCACG,OACC,EAAA,UAAA,gBAAAG,EAACC,KAAO,MAAM,IAAI,QAAAH,GAAgB,EACpC,CAAA;AAAA,UAEF,MAAMI,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeP;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWJ,GAAWa,CAAkB;AAElC,YAAAK,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;SACnB,GAAG;AAEI,MAAAN,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACR,GAAkBF,GAAqBR,GAAWI,CAAU;AAAA,EAAA;AAIjE;"}

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

@@ -1,4 +1,4 @@
-var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
+var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.PLA_SWITCH_USER_JOURNEY = "PLA_SWITCH_USER_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
 export {
   R 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  CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n  PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_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,mCAAmC,oCAGnCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,yBAAyB,0BACzBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,2BAA2B,4BAhBjBA,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_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n  PLA_SWITCH_USER_JOURNEY = 'PLA_SWITCH_USER_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n  PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n  CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n  PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n  PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_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,mCAAmC,oCACnCA,EAAA,0BAA0B,2BAG1BA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,yBAAyB,0BACzBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,2BAA2B,4BAjBjBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js

@@ -0,0 +1,71 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useRef as y, useCallback as n } from "react";
+import { useTheme as C } from "styled-components";
+import { ILLUSTRATIONS as w } from "../../../assets/illustrations/illustrations.js";
+import { JOURNEY_ID_STUDENT as E } from "../../journey/journey-id/journey-id-student.js";
+import { IndicatorType as I } from "../../journey/use-journey/constants.js";
+import { useJourney as S } from "../../journey/use-journey/use-journey.js";
+import b from "../../ui/avatar/avatar.js";
+import g from "../../ui/buttons/button/button.js";
+import O from "../../ui/image/image.js";
+import _ from "../../ui/layout/flex-view.js";
+import J from "../../ui/separator/separator.js";
+import x from "../../ui/text/text.js";
+import { EDeviceType as L } from "../../ui/theme/constants.js";
+const X = () => {
+  const o = E.PLA_SWITCH_USER_JOURNEY, { device: h } = C(), t = h <= L.MOBILE, T = y([]), r = t ? 40 : 64, { setJourney: s, endJourney: m, nextCoachmark: c } = S(), l = n(() => {
+    c(o, !1, 0, !1);
+  }, [o, c]), a = n(() => {
+    document.body.style.overflow = "unset", m(o);
+  }, [m, o]);
+  return n(
+    (i, d) => {
+      if (!(i != null && i.current))
+        return;
+      const u = [
+        {
+          originalElementToHighlightRef: i,
+          elementToHighlight: /* @__PURE__ */ e("div", { children: d ? /* @__PURE__ */ e(b, { size: r, avatar: d }) : /* @__PURE__ */ e(O, { src: w.STUDENT_AVATAR, width: r, height: r }) }),
+          type: I.TOOLTIP,
+          indicator: {
+            renderAs: "primary",
+            tooltipXCoOrdinates: t ? 98 : 42,
+            tooltipYCoOrdinates: t ? 20 : 36,
+            arrowSize: 12,
+            arrowYCoOrdinates: -36,
+            arrowXCoOrdinates: -100,
+            position: t ? "bottom" : "right",
+            backgroundColor: "PURPLE_4",
+            borderColor: "WHITE_1",
+            arrowColor: "WHITE_1",
+            tooltipItem: /* @__PURE__ */ f(_, { children: [
+              /* @__PURE__ */ e(x, { $renderAs: "ab3-bold", $color: "BLACK_1", children: "Tap here to switch back to the parent view" }),
+              /* @__PURE__ */ e(J, { heightX: 1 }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  label: "Got it",
+                  size: "xsmall",
+                  width: 96,
+                  renderAs: "secondary",
+                  onClick: a
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        }
+      ];
+      s(o, u);
+      const p = setTimeout(() => {
+        clearTimeout(p), document.body.style.overflow = "hidden", l();
+      }, 500);
+      T.current.push(p);
+    },
+    [r, a, l, t, o, s]
+  );
+};
+export {
+  X as usePLASwitchUserJourney
+};
+//# sourceMappingURL=use-switch-user-journey.js.map

package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-switch-user-journey.js","sources":["../../../../src/features/parent-dashboard/hooks/use-switch-user-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 { IAvatarLayer } from '../../ui/avatar/avatar-types';\n\nimport { useCallback, useRef, type RefObject } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\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 Avatar from '../../ui/avatar/avatar';\nimport Button from '../../ui/buttons/button/button';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\n\nconst usePLASwitchUserJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PLA_SWITCH_USER_JOURNEY;\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const avatarSize = isMobile ? 40 : 64;\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (userAvatarRef: RefObject<HTMLDivElement>, avatar?: IAvatarLayer[] | null) => {\n      if (!userAvatarRef?.current) {\n        return;\n      }\n\n      const attemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: userAvatarRef,\n          elementToHighlight: (\n            <div>\n              {avatar ? (\n                <Avatar size={avatarSize} avatar={avatar} />\n              ) : (\n                <Image src={ILLUSTRATIONS.STUDENT_AVATAR} width={avatarSize} height={avatarSize} />\n              )}\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: isMobile ? 98 : 42,\n            tooltipYCoOrdinates: isMobile ? 20 : 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            arrowXCoOrdinates: -100,\n            position: isMobile ? 'bottom' : 'right',\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'WHITE_1',\n            arrowColor: 'WHITE_1',\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab3-bold\" $color=\"BLACK_1\">\n                  Tap here to switch back to the parent view\n                </Text>\n                <Separator heightX={1} />\n                <Button\n                  label=\"Got it\"\n                  size=\"xsmall\"\n                  width={96}\n                  renderAs=\"secondary\"\n                  onClick={handleEndJourney}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, attemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [avatarSize, handleEndJourney, handleNextCoachMark, isMobile, journeyId, setJourney],\n  );\n\n  return startJourney;\n};\n\nexport { usePLASwitchUserJourney };\n"],"names":["usePLASwitchUserJourney","journeyId","JOURNEY_ID_STUDENT","device","useTheme","isMobile","EDeviceType","timerRefs","useRef","avatarSize","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","userAvatarRef","avatar","attemptSteps","jsx","Avatar","Image","ILLUSTRATIONS","IndicatorType","FlexView","Text","Separator","Button","delayBeforeStart"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAMA,IAA0B,MAAM;AACpC,QAAMC,IAAYC,EAAmB,yBAC/B,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjCC,IAAYC,EAAwC,CAAA,CAAE,GACtDC,IAAaJ,IAAW,KAAK,IAC7B,EAAE,YAAAK,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAX,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWW,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWV,CAAS;AAAA,EAAA,GACnB,CAACU,GAAYV,CAAS,CAAC;AAiEnB,SA/Dcc;AAAA,IACnB,CAACE,GAA0CC,MAAmC;AACxE,UAAA,EAACD,KAAA,QAAAA,EAAe;AAClB;AAGF,YAAME,IAAkC;AAAA,QACtC;AAAA,UACE,+BAA+BF;AAAA,UAC/B,oBACG,gBAAAG,EAAA,OAAA,EACE,cACE,gBAAAA,EAAAC,GAAA,EAAO,MAAMZ,GAAY,QAAAS,EAAA,CAAgB,IAEzC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,gBAAgB,OAAOd,GAAY,QAAQA,GAAY,EAErF,CAAA;AAAA,UAEF,MAAMe,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqBnB,IAAW,KAAK;AAAA,YACrC,qBAAqBA,IAAW,KAAK;AAAA,YACrC,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,UAAUA,IAAW,WAAW;AAAA,YAChC,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,+BACGoB,GACC,EAAA,UAAA;AAAA,cAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,cACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,cACvB,gBAAAP;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAS;AAAA,kBACT,SAASZ;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA,GACF;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWT,GAAWkB,CAAY;AAE5B,YAAAU,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXf;SACnB,GAAG;AAEI,MAAAP,EAAA,QAAQ,KAAKsB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACpB,GAAYO,GAAkBF,GAAqBT,GAAUJ,GAAWS,CAAU;AAAA,EAAA;AAIvF;"}

package/dist/index.d.ts

@@ -4700,6 +4700,7 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
     CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY",
     CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY",
+    PLA_SWITCH_USER_JOURNEY = "PLA_SWITCH_USER_JOURNEY",
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
     PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY",
@@ -6979,6 +6980,8 @@ export declare const useModalActions: IUseModalActions;
 
 export declare const useModalParams: IUseModalParams;
 
+export declare const usePLASwitchUserJourney: () => (userAvatarRef: RefObject<HTMLDivElement>, avatar?: IAvatarLayer[] | null) => void;
+
 export declare const usePointerSync: ({ userType, targetUserId, }: IusePointerSyncProps) => IusePointerSyncMethods;
 
 export declare const usePuzzleAttemptJourney: () => {
@@ -6986,10 +6989,7 @@ export declare const usePuzzleAttemptJourney: () => {
     startJourney: () => void;
 };
 
-export declare const usePuzzleDashboardJourney: () => {
-    puzzleProfileRef: RefObject<HTMLDivElement>;
-    startJourney: (avatar: IAvatarLayer[]) => void;
-};
+export declare const usePuzzleDashboardJourney: () => (puzzleProfileRef: RefObject<HTMLDivElement>, avatar: IAvatarLayer[]) => void;
 
 export declare const usePuzzleIntroJourney: ({ onJourneyComplete }: IUsePuzzleIntroJourney) => {
     puzzleIconRef: RefObject<HTMLDivElement>;

package/dist/index.js

@@ -347,9 +347,10 @@ import { default as Ex } from "./features/parent-dashboard/modals/help-and-suppo
 import { default as Ax } from "./features/parent-dashboard/modals/student-login-info/student-login-info.js";
 import { default as _x } from "./features/parent-dashboard/modals/tutor-change/tutor-change.js";
 import { default as Lx } from "./features/parent-dashboard/parent-dashboard.js";
-import { invalidateParentHome as kx } from "./features/parent-dashboard/api/parent-home.js";
-import { ESummaryType as Rx } from "./features/parent-dashboard/parent-dashboard-types.js";
-import { COUNTRY_CODE_MAP as Ox } from "./constants/country.js";
+import { usePLASwitchUserJourney as kx } from "./features/parent-dashboard/hooks/use-switch-user-journey.js";
+import { invalidateParentHome as Rx } from "./features/parent-dashboard/api/parent-home.js";
+import { ESummaryType as Ox } from "./features/parent-dashboard/parent-dashboard-types.js";
+import { COUNTRY_CODE_MAP as Hx } from "./constants/country.js";
 export {
   xm as ACHIEVEMENT_ACTIONS,
   gs as AUTH_TABS,
@@ -388,7 +389,7 @@ export {
   Bl as CIRCLE_ACTION_IDS,
   Ul as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
   pd as COMPLETED_SHEET_STATE,
-  Ox as COUNTRY_CODE_MAP,
+  Hx as COUNTRY_CODE_MAP,
   y as CalendarIcon,
   Da as Callout,
   df as Carousel,
@@ -449,7 +450,7 @@ export {
   mm as EPResourceAssign,
   Hm as EPostGameStat,
   Bu as ESessionStatus,
-  Rx as ESummaryType,
+  Ox as ESummaryType,
   cu as EVENTS,
   xe as Edit2Icon,
   me as EditIcon,
@@ -686,7 +687,7 @@ export {
   Zu as invalidateHomeworks,
   hm as invalidateMilestoneResources,
   cm as invalidateMilestonesData,
-  kx as invalidateParentHome,
+  Rx as invalidateParentHome,
   Tm as invalidatePastMilestoneCount,
   Jm as invalidatePuzzleToAssign,
   Am as invalidateTestHelpData,
@@ -717,6 +718,7 @@ export {
   ap as useJourney,
   Ta as useModalActions,
   Ca as useModalParams,
+  kx as usePLASwitchUserJourney,
   Rm as usePointerSync,
   Mp as usePuzzleAttemptJourney,
   Tp as usePuzzleDashboardJourney,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.3.17",
+  "version": "3.3.18-j1",
   "type": "module",
   "files": [
     "dist"