@cuemath/leap 2.9.5 → 2.9.6-as10

package/dist/features/journey/hooks/use-chapter-journey.js

@@ -0,0 +1,194 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useRef as n, useCallback as B, useMemo as L, useEffect as N } from "react";
+import y from "../../chapters-v2/chapter-details/chapter-banner/chapter-banner.js";
+import I from "../../chapters-v2/chapter-details/chapter-details.js";
+import c from "../../ui/buttons/button/button.js";
+import d from "../../ui/layout/flex-view.js";
+import m from "../../ui/text/text.js";
+import { JOURNEY_ID_STUDENT as S } from "../journey-id/journey-id-student.js";
+import { IndicatorType as p } from "../use-journey/constants.js";
+import { useJourney as _ } from "../use-journey/use-journey.js";
+const Y = () => {
+  const o = S.CHAPTER_PAGE_JOURNEY, t = n(null), r = n(null), u = n(null), s = n([]), { nextCoachmark: i, setJourney: h, endJourney: g } = _(), C = B(
+    ({ chapterDetails: l, studentId: R, userType: E }) => {
+      const {
+        progress_stat: f,
+        name: A,
+        image_hue: T,
+        image_url: w
+        // blocks,
+      } = l;
+      if (!(t != null && t.current) || !(r != null && r.current) || !u.current)
+        return;
+      const k = t.current.getBoundingClientRect(), O = [
+        {
+          originalElementToHighlightRef: t,
+          isActive: !1,
+          type: p.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(
+            I,
+            {
+              userChapterId: l.id,
+              studentId: R,
+              userType: E,
+              onBlockSkipUnskip: () => null,
+              onNodeAttempt: () => null,
+              onNodeAttemptLocationChange: () => null,
+              onNodeMarkAsDone: () => null,
+              onNodeReattempt: () => null,
+              onNodeReview: () => null,
+              onNodeView: () => null,
+              onExit: () => null
+            }
+          ),
+          indicator: {
+            position: "left",
+            tooltipYCoOrdinates: -(k.height / 2) + 178,
+            backgroundColor: "BLUE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ a(d, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(m, { $renderAs: "ab2-bold", children: "Welcome to the all new chapter experience." }),
+              /* @__PURE__ */ e(
+                c,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => i(o, !1, 0, !0)
+                }
+              )
+            ] })
+          }
+        },
+        {
+          originalElementToHighlightRef: r,
+          elementToHighlight: /* @__PURE__ */ e(
+            y,
+            {
+              title: A,
+              progressStats: f,
+              imageUrl: w,
+              imageHue: T
+            }
+          ),
+          type: p.TOOLTIP,
+          indicator: {
+            position: "bottom",
+            tooltipXCoOrdinates: -45,
+            tooltipYCoOrdinates: -40,
+            backgroundColor: "ORANGE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            width: 264,
+            arrowSize: 12,
+            tooltipItem: /* @__PURE__ */ a(d, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(m, { $renderAs: "ab2-bold", children: "A chapter is divided into *core sheets (compulsory), and supplementary sheets." }),
+              /* @__PURE__ */ e(
+                c,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => i(o, !1, 0, !0)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        },
+        {
+          originalElementToHighlightRef: r,
+          elementToHighlight: /* @__PURE__ */ e(
+            y,
+            {
+              title: A,
+              progressStats: f,
+              imageUrl: w,
+              imageHue: T
+            }
+          ),
+          type: p.TOOLTIP,
+          indicator: {
+            position: "bottom",
+            tooltipXCoOrdinates: -275,
+            tooltipYCoOrdinates: -15,
+            backgroundColor: "PURPLE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ a(d, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(m, { $renderAs: "ab2-bold", children: "Easily track the progress of the core sheets." }),
+              /* @__PURE__ */ e(
+                c,
+                {
+                  label: "Got it",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => g(o)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        }
+        // {
+        //   originalElementToHighlightRef: coreBlocksRef,
+        //   elementToHighlight: <BlockSections userType={userType} blocks={blocks} imageHue="BLUE" />,
+        //   type: IndicatorType.TOOLTIP,
+        //   indicator: {
+        //     position: 'top',
+        //     tooltipXCoOrdinates: -35,
+        //     tooltipYCoOrdinates: -7,
+        //     backgroundColor: 'PURPLE_4',
+        //     borderColor: 'BLACK',
+        //     arrowColor: 'BLACK',
+        //     arrowXCoOrdinates: -97,
+        //     arrowSize: 12,
+        //     width: 264,
+        //     tooltipItem: (
+        //       <FlexView $flexRowGapX={0.75}>
+        //         <Text $renderAs="ab2-bold">Easily track the progress of the core sheets.</Text>
+        //         <Button
+        //           label="Next"
+        //           size="xsmall"
+        //           widthX={6}
+        //           renderAs="secondary"
+        //           onClick={() => endJourney(journeyId)}
+        //         />
+        //       </FlexView>
+        //     ),
+        //   } as IArrowTooltipProps,
+        //   isActive: false,
+        // },
+      ];
+      h(o, O);
+      const b = setTimeout(() => {
+        clearTimeout(b), i(o, !1, 0, !0);
+      }, 200);
+      s.current.push(b);
+    },
+    [h, o, i, g]
+  ), x = L(
+    () => ({
+      chapterPageRef: t,
+      bannerRef: r,
+      coreBlocksRef: u,
+      startJourney: C
+    }),
+    [C]
+  );
+  return N(() => () => {
+    s.current.forEach((l) => clearTimeout(l)), s.current = [];
+  }, []), x;
+};
+export {
+  Y as useChapterPageJourney
+};
+//# sourceMappingURL=use-chapter-journey.js.map

package/dist/features/journey/hooks/use-chapter-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chapter-journey.js","sources":["../../../../src/features/journey/hooks/use-chapter-journey.tsx"],"sourcesContent":["import type { IUserChapterData } from '../../chapters-v2/chapter-details/chapter-details-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport ChapterBanner from '../../chapters-v2/chapter-details/chapter-banner/chapter-banner';\nimport ChapterDetails from '../../chapters-v2/chapter-details/chapter-details';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\n\ninterface IChapterStartJourneyProps {\n  chapterDetails: IUserChapterData;\n  studentId: string;\n  userType: 'STUDENT' | 'TEACHER';\n}\n\nexport const useChapterPageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.CHAPTER_PAGE_JOURNEY;\n\n  const chapterPageRef = useRef<HTMLDivElement>(null);\n  const bannerRef = useRef<HTMLDivElement>(null);\n  const coreBlocksRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const startJourney = useCallback(\n    ({ chapterDetails, studentId, userType }: IChapterStartJourneyProps) => {\n      // const isStudent = userType === 'STUDENT';\n\n      const {\n        progress_stat: progressStat,\n        name,\n        image_hue: imageHue,\n        image_url: imageUrl,\n        // blocks,\n      } = chapterDetails;\n\n      if (!chapterPageRef?.current || !bannerRef?.current || !coreBlocksRef.current) {\n        return;\n      }\n\n      const chapterPageRect = chapterPageRef.current.getBoundingClientRect();\n\n      const chapterPageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: chapterPageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <ChapterDetails\n              userChapterId={chapterDetails.id}\n              studentId={studentId}\n              userType={userType}\n              onBlockSkipUnskip={() => null}\n              onNodeAttempt={() => null}\n              onNodeAttemptLocationChange={() => null}\n              onNodeMarkAsDone={() => null}\n              onNodeReattempt={() => null}\n              onNodeReview={() => null}\n              onNodeView={() => null}\n              onExit={() => null}\n            />\n          ),\n          indicator: {\n            position: 'left',\n            tooltipYCoOrdinates: -(chapterPageRect.height / 2) + 178,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Welcome to the all new chapter experience.</Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={progressStat}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -45,\n            tooltipYCoOrdinates: -40,\n            backgroundColor: 'ORANGE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  A chapter is divided into *core sheets (compulsory), and supplementary sheets.\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: bannerRef,\n          elementToHighlight: (\n            <ChapterBanner\n              title={name}\n              progressStats={progressStat}\n              imageUrl={imageUrl}\n              imageHue={imageHue}\n            />\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipXCoOrdinates: -275,\n            tooltipYCoOrdinates: -15,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Easily track the progress of the core sheets.</Text>\n                <Button\n                  label=\"Got it\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => endJourney(journeyId)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        // {\n        //   originalElementToHighlightRef: coreBlocksRef,\n        //   elementToHighlight: <BlockSections userType={userType} blocks={blocks} imageHue=\"BLUE\" />,\n        //   type: IndicatorType.TOOLTIP,\n        //   indicator: {\n        //     position: 'top',\n        //     tooltipXCoOrdinates: -35,\n        //     tooltipYCoOrdinates: -7,\n        //     backgroundColor: 'PURPLE_4',\n        //     borderColor: 'BLACK',\n        //     arrowColor: 'BLACK',\n        //     arrowXCoOrdinates: -97,\n        //     arrowSize: 12,\n        //     width: 264,\n        //     tooltipItem: (\n        //       <FlexView $flexRowGapX={0.75}>\n        //         <Text $renderAs=\"ab2-bold\">Easily track the progress of the core sheets.</Text>\n        //         <Button\n        //           label=\"Next\"\n        //           size=\"xsmall\"\n        //           widthX={6}\n        //           renderAs=\"secondary\"\n        //           onClick={() => endJourney(journeyId)}\n        //         />\n        //       </FlexView>\n        //     ),\n        //   } as IArrowTooltipProps,\n        //   isActive: false,\n        // },\n      ];\n\n      setJourney(journeyId, chapterPageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId, false, 0, true);\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [setJourney, journeyId, nextCoachmark, endJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      chapterPageRef,\n      bannerRef,\n      coreBlocksRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useChapterPageJourney","journeyId","JOURNEY_ID_STUDENT","chapterPageRef","useRef","bannerRef","coreBlocksRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","startJourney","useCallback","chapterDetails","studentId","userType","progressStat","name","imageHue","imageUrl","chapterPageRect","chapterPageSteps","IndicatorType","jsx","ChapterDetails","jsxs","FlexView","Text","Button","ChapterBanner","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/journey/hooks/use-home-page-journey.js

@@ -0,0 +1,188 @@
+import { jsx as e, jsxs as p, Fragment as S } from "react/jsx-runtime";
+import { useRef as a, useCallback as L, useMemo as B, useEffect as N } from "react";
+import G from "../../homework/homework-card.js";
+import P from "../../homework/hw-card-list/hw-card-list.js";
+import $ from "../../recent-chapters/recent-chapters.js";
+import h from "../../ui/buttons/button/button.js";
+import s from "../../ui/layout/flex-view.js";
+import u from "../../ui/text/text.js";
+import { ELementWrapper as H } from "../comps/coachmark/coachmark-styled.js";
+import { JOURNEY_ID_STUDENT as T } from "../journey-id/journey-id-student.js";
+import { IndicatorType as C } from "../use-journey/constants.js";
+import { useJourney as J } from "../use-journey/use-journey.js";
+const V = () => {
+  const o = T.HOMEPAGE_JOURNEY, i = a(null), n = a(null), l = a(null), c = a(null), f = a([]), { nextCoachmark: r, setJourney: A, endJourney: w, addCoachmark: E } = J(), b = L(
+    (t, d, m) => {
+      c.current ? (E(T.HOMEPAGE_JOURNEY, {
+        originalElementToHighlightRef: c,
+        elementToHighlight: /* @__PURE__ */ e(s, { $widthX: 45, children: /* @__PURE__ */ e(
+          $,
+          {
+            studentId: t,
+            courseStream: m,
+            userType: d ? "STUDENT" : "TEACHER",
+            onChapterClick: () => null
+          }
+        ) }),
+        isActive: !1,
+        type: C.TOOLTIP,
+        indicator: {
+          tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, $justifyContent: "flex-start", children: [
+            /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: "Access all your recent chapters in one place." }),
+            /* @__PURE__ */ e(
+              h,
+              {
+                label: "Got it",
+                size: "xsmall",
+                widthX: 6,
+                renderAs: "secondary",
+                onClick: () => w(T.HOMEPAGE_JOURNEY)
+              }
+            )
+          ] }),
+          position: "top",
+          renderAs: "primary",
+          tooltipXCoOrdinates: -227,
+          tooltipYCoOrdinates: 12,
+          arrowXCoOrdinates: -110,
+          backgroundColor: "YELLOW_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          arrowSize: 12,
+          width: 264
+        }
+      }), r(o, !1, 0, !0)) : w(o);
+    },
+    [r, o, E, w]
+  ), y = L(
+    ({ hwDetails: t, studentId: d, stream: m, userType: g }) => {
+      const { title: k, subtext: X } = t[0], O = g === "STUDENT";
+      if (!(i != null && i.current) || !(n != null && n.current) || !(l != null && l.current))
+        return;
+      const I = [
+        {
+          originalElementToHighlightRef: i,
+          isActive: !1,
+          type: C.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(S, {}),
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: 360,
+            tooltipYCoOrdinates: 30,
+            backgroundColor: "BLUE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: O ? "Welcome to the all new learning homepage." : "Welcome to the all new tutoring homepage." }),
+              /* @__PURE__ */ e(
+                h,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => r(o, !1, 0, !0)
+                }
+              )
+            ] })
+          }
+        },
+        {
+          originalElementToHighlightRef: n,
+          elementToHighlight: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(P, { userType: g, studentId: d, stream: m }) }),
+          type: C.TOOLTIP,
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: -197,
+            tooltipYCoOrdinates: -12,
+            arrowXCoOrdinates: -110,
+            backgroundColor: "GREEN_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            width: 264,
+            arrowSize: 12,
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: O ? "Homework is now easy to access and easy to complete!" : "Homework is now easy to access and easy to review!" }),
+              /* @__PURE__ */ e(
+                h,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => r(o, !1, 0, !0)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        },
+        {
+          originalElementToHighlightRef: l,
+          elementToHighlight: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+            G,
+            {
+              isInQueue: !1,
+              userType: g,
+              header: k,
+              subHeader: X || "",
+              nodeData: t[0],
+              renderAs: "homework",
+              shouldOpenOnRight: !1
+            }
+          ) }),
+          type: C.TOOLTIP,
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: -35,
+            tooltipYCoOrdinates: -7,
+            backgroundColor: "PURPLE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowXCoOrdinates: -97,
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
+              /* @__PURE__ */ e(
+                h,
+                {
+                  label: c.current ? "Next" : "Got it",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => b(d, O, m)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        }
+      ];
+      A(o, I);
+      const x = setTimeout(() => {
+        clearTimeout(x), r(o);
+      }, 200);
+      f.current.push(x);
+    },
+    [A, o, r, b]
+  ), R = B(
+    () => ({
+      homepageRef: i,
+      homeworkRef: n,
+      individualHomeworkRef: l,
+      recentChaptersRef: c,
+      startJourney: y
+    }),
+    [y]
+  );
+  return N(() => () => {
+    f.current.forEach((t) => clearTimeout(t)), f.current = [];
+  }, []), R;
+};
+export {
+  V as useHomePageJourney
+};
+//# sourceMappingURL=use-home-page-journey.js.map

package/dist/features/journey/hooks/use-home-page-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-home-page-journey.js","sources":["../../../../src/features/journey/hooks/use-home-page-journey.tsx"],"sourcesContent":["import type { IHomeworkData } from '../../homework/hw-card-list/api/get-homeworks';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IHomepageStartJourneyProps } from '../types/homepage-journey-types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport HWCardList from '../../homework/hw-card-list/hw-card-list';\nimport RecentChapters from '../../recent-chapters/recent-chapters';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { ELementWrapper } from '../comps/coachmark/coachmark-styled';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useHomePageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n  const homepageRef = useRef<HTMLDivElement>(null);\n  const homeworkRef = useRef<HTMLDivElement>(null);\n  const individualHomeworkRef = useRef<HTMLDivElement>(null);\n  const recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney, addCoachmark } = useJourney();\n\n  const handleLastStep = useCallback(\n    (userId: string, isStudent: boolean, courseValue: string) => {\n      if (recentChaptersRef.current) {\n        addCoachmark(JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY, {\n          originalElementToHighlightRef: recentChaptersRef,\n          elementToHighlight: (\n            <FlexView $widthX={45}>\n              <RecentChapters\n                studentId={userId}\n                courseStream={courseValue as TCourseStream}\n                userType={isStudent ? 'STUDENT' : 'TEACHER'}\n                onChapterClick={() => null}\n              />\n            </FlexView>\n          ),\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75} $justifyContent=\"flex-start\">\n                <Text $renderAs=\"ab2-bold\">Access all your recent chapters in one place.</Text>\n                <Button\n                  label=\"Got it\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => endJourney(JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY)}\n                />\n              </FlexView>\n            ),\n            position: 'top',\n            renderAs: 'primary',\n            tooltipXCoOrdinates: -227,\n            tooltipYCoOrdinates: 12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n          } as IArrowTooltipProps,\n        });\n        nextCoachmark(journeyId, false, 0, true);\n      } else {\n        endJourney(journeyId);\n      }\n    },\n    [nextCoachmark, journeyId, addCoachmark, endJourney],\n  );\n\n  const startJourney = useCallback(\n    ({ hwDetails, studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { title, subtext } = hwDetails[0] as IHomeworkData;\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current || !individualHomeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: 360,\n            tooltipYCoOrdinates: 30,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  {isStudent\n                    ? 'Welcome to the all new learning homepage.'\n                    : 'Welcome to the all new tutoring homepage.'}\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HWCardList userType={userType} studentId={studentId} stream={stream} />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -197,\n            tooltipYCoOrdinates: -12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  {isStudent\n                    ? 'Homework is now easy to access and easy to complete!'\n                    : 'Homework is now easy to access and easy to review!'}\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: individualHomeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={title}\n                subHeader={subtext || ''}\n                nodeData={hwDetails[0] as IHomeworkData}\n                renderAs=\"homework\"\n                shouldOpenOnRight={false}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -35,\n            tooltipYCoOrdinates: -7,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Track homework status and their due dates.</Text>\n                <Button\n                  label={recentChaptersRef.current ? 'Next' : 'Got it'}\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => handleLastStep(studentId, isStudent, stream)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, homepageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [setJourney, journeyId, nextCoachmark, handleLastStep],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\n      individualHomeworkRef,\n      recentChaptersRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useHomePageJourney","journeyId","JOURNEY_ID_STUDENT","homepageRef","useRef","homeworkRef","individualHomeworkRef","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","addCoachmark","useJourney","handleLastStep","useCallback","userId","isStudent","courseValue","jsx","FlexView","RecentChapters","IndicatorType","jsxs","Text","Button","startJourney","hwDetails","studentId","stream","userType","title","subtext","homepageSteps","Fragment","ELementWrapper","HWCardList","HomeworkCard","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R))(E || {});
+var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", R))(E || {});
 export {
   E as JOURNEY_ID_STUDENT
 };

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

@@ -1 +1 @@
-{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_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,+BAG9BA,EAAA,kCAAkC,mCATxBA,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\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAG9BA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBAXbA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,5 @@
+var P = /* @__PURE__ */ ((E) => (E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E))(P || {});
+export {
+  P as JOURNEY_ID_TEACHER
+};
+//# sourceMappingURL=journey-id-teacher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"journey-id-teacher.js","sources":["../../../../src/features/journey/journey-id/journey-id-teacher.ts"],"sourcesContent":["export enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n}\n"],"names":["JOURNEY_ID_TEACHER"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBAFbA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,10 +1,10 @@
-import { jsxs as O, jsx as w } from "react/jsx-runtime";
-import { createContext as U, useState as h, useRef as k, useCallback as l, useMemo as q, useEffect as R } from "react";
-import { Coachmark as D } from "../comps/coachmark/coachmark.js";
-import { usePostUserJourney as L, useGetUserJourney as N } from "../user-journey-api/user-journey-api.js";
-import { Overlay as M } from "./journey-styled.js";
-const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
-  const [x, p] = h(null), [c, a] = h([]), [J, v] = h(!1), m = k(-1), t = k(), d = k([]), { post: _ } = L(), { data: f = null, get: g } = N(), A = l(
+import { jsxs as D, jsx as w } from "react/jsx-runtime";
+import { createContext as L, useState as J, useRef as k, useCallback as l, useMemo as N, useEffect as R } from "react";
+import { Coachmark as B } from "../comps/coachmark/coachmark.js";
+import { usePostUserJourney as M, useGetUserJourney as z } from "../user-journey-api/user-journey-api.js";
+import { Overlay as G } from "./journey-styled.js";
+const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
+  const [b, O] = J(!1), [x, p] = J(null), [c, a] = J([]), [d, v] = J(!1), y = k(-1), t = k(), f = k([]), { post: _ } = M(), { data: C = null, get: g } = z(), A = l(
     (e, r) => {
       if (c.length > 0) {
         console.error(
@@ -12,13 +12,13 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
         );
         return;
       }
-      v(!0), t.current = e, m.current = -1, a([...r]);
+      v(!0), t.current = e, y.current = -1, a([...r]);
     },
     [c.length]
   ), u = l(() => {
-    d.current.forEach((e) => {
+    f.current.forEach((e) => {
       clearTimeout(e);
-    }), d.current = [], t.current = void 0, m.current = -1, a([]), v(!1);
+    }), f.current = [], t.current = void 0, y.current = -1, a([]), v(!1);
   }, []), $ = l(
     (e) => {
       u(), p((r) => r && !r.includes(e) ? [...r, e] : r), _({
@@ -36,31 +36,31 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       );
       return;
     }
-    a((y) => [...y, r]);
+    a((m) => [...m, r]);
   }, []), P = l(
-    (e, r = !1, y = 0) => {
+    (e, r = !1, m = 0, q = !1) => {
       if (!t.current || e !== t.current) {
         console.error(
           t.current ? "nextCoachmark was called before setJourney" : `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      y !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
+      O(q), m !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
       const j = setTimeout(() => {
         clearTimeout(j);
-        const n = m.current + 1;
+        const n = y.current + 1;
         a((i) => {
           if (n >= i.length || i.length === 0)
             return u(), [];
-          m.current = n;
-          const C = [...i];
-          return C[n].isActive = !0, n > 0 && (C[n - 1].isActive = r), C;
+          y.current = n;
+          const h = [...i];
+          return h[n].isActive = !0, n > 0 && (h[n - 1].isActive = r), h;
         });
-      }, y);
-      d.current.push(j);
+      }, m);
+      f.current.push(j);
     },
     [u]
-  ), b = q(
+  ), U = N(
     () => ({
       nextCoachmark: P,
       setJourney: A,
@@ -69,7 +69,7 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       endJourney: $,
       coachmarks: c,
       userCompletedJourneyIds: x,
-      isJourneyActive: J
+      isJourneyActive: d
     }),
     [
       P,
@@ -79,7 +79,7 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       $,
       c,
       x,
-      J
+      d
     ]
   );
   return R(() => {
@@ -89,17 +89,25 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       journey_status: "COMPLETED"
     });
   }, [s, g, o]), R(() => {
-    if (f) {
-      const e = f.map((r) => r.journey_id);
+    if (C) {
+      const e = C.map((r) => r.journey_id);
       p(e);
     }
-  }, [f]), /* @__PURE__ */ O(z.Provider, { value: b, children: [
-    J && /* @__PURE__ */ w(M, { about: "journey-overlay", "data-testid": t.current, children: c.map((e, r) => /* @__PURE__ */ w(D, { coachmark: e }, `coachmark-${r}`)) }),
+  }, [C]), /* @__PURE__ */ D(S.Provider, { value: U, children: [
+    d && /* @__PURE__ */ w(
+      G,
+      {
+        about: "journey-overlay",
+        isJourneyBlurred: b,
+        "data-testid": t.current,
+        children: c.map((e, r) => /* @__PURE__ */ w(B, { coachmark: e }, `coachmark-${r}`))
+      }
+    ),
     T
   ] });
 };
 export {
-  z as JourneyContext,
-  H as JourneyProvider
+  S as JourneyContext,
+  W as JourneyProvider
 };
 //# sourceMappingURL=journey-context-provider.js.map