@cuemath/leap 2.9.8-as8 → 2.9.8-as9

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

@@ -1,36 +1,36 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useRef as h, useCallback as p, useMemo as K, useEffect as G } from "react";
+import { useRef as h, useCallback as p, useMemo as K, useEffect as D } from "react";
 import X from "../../chapters/chapters-list/chapter-item/chapter-item.js";
-import D from "../../homework/homework-card.js";
+import G from "../../homework/homework-card.js";
 import H from "../../homework/hw-card-list/hw-card-list-view.js";
 import U from "../../milestone/milestone-list-container/milestone-list-container.js";
 import C from "../../ui/buttons/button/button.js";
-import r from "../../ui/layout/flex-view.js";
-import s from "../../ui/text/text.js";
+import n from "../../ui/layout/flex-view.js";
+import c from "../../ui/text/text.js";
 import { ChaptersWrapper as $, ELementWrapper as A } from "../comps/coachmark/coachmark-styled.js";
 import { JOURNEY_ID_STUDENT as z } from "../journey-id/journey-id-student.js";
 import { HOMEWORK_DETAILS as w } from "../mocks/home-page-homwworks-mock.js";
-import { RECENT_CHAPTERS as u } from "../mocks/recent-chapters-mock.js";
-import { IndicatorType as f } from "../use-journey/constants.js";
+import { RECENT_CHAPTERS as f } from "../mocks/recent-chapters-mock.js";
+import { IndicatorType as u } from "../use-journey/constants.js";
 import { useJourney as J } from "../use-journey/use-journey.js";
 const le = () => {
-  const n = z.HOMEPAGE_JOURNEY, i = h(null), l = h(null), P = h(null), g = h([]), { nextCoachmark: b, setJourney: O, endJourney: R } = J(), e = p(() => null, []), E = p(() => {
-    R(n), document.body.style.overflow = "unset";
-  }, [R, n]), d = p(() => {
-    b(n, !1, 0, !0);
-  }, [b, n]), x = p(
-    ({ studentId: a, stream: I, userType: c }) => {
+  const i = z.HOMEPAGE_JOURNEY, l = h(null), a = h(null), P = h(null), g = h([]), { nextCoachmark: b, setJourney: E, endJourney: O } = J(), e = p(() => null, []), R = p(() => {
+    O(i), document.body.style.overflow = "unset";
+  }, [O, i]), m = p(() => {
+    b(i, !1, 0, !0);
+  }, [b, i]), x = p(
+    ({ studentId: s, stream: I, userType: d }) => {
       var k, L;
-      const { title: S, subtext: B } = w[0], y = c === "STUDENT";
-      if (!(i != null && i.current) || !(l != null && l.current))
+      const { title: S, subtext: B } = w[0], N = d === "STUDENT";
+      if (!(l != null && l.current) || !(a != null && a.current))
         return;
       const _ = [
         {
-          originalElementToHighlightRef: i,
+          originalElementToHighlightRef: l,
           isActive: !1,
-          type: f.TOOLTIP,
+          type: u.TOOLTIP,
           elementToHighlight: /* @__PURE__ */ t(
-            r,
+            n,
             {
               $flexGapX: 2.5,
               $marginBottomX: 8,
@@ -41,8 +41,8 @@ const le = () => {
                 /* @__PURE__ */ o(
                   H,
                   {
-                    userType: c,
-                    studentId: a,
+                    userType: d,
+                    studentId: s,
                     isHwProcessing: !1,
                     hwDetails: w,
                     onTestStart: e,
@@ -54,20 +54,20 @@ const le = () => {
                     onNodeUnassign: e
                   }
                 ),
-                /* @__PURE__ */ t(r, { $flexRowGapX: 1, ref: P, children: [
-                  /* @__PURE__ */ t(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+                /* @__PURE__ */ t(n, { $flexRowGapX: 1, ref: P, children: [
+                  /* @__PURE__ */ t(c, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
                     "Recent Chapters (",
-                    (k = u) == null ? void 0 : k.length,
+                    (k = f) == null ? void 0 : k.length,
                     ")"
                   ] }),
-                  /* @__PURE__ */ o($, { children: u.map((m, T) => /* @__PURE__ */ o(
+                  /* @__PURE__ */ o($, { children: f.map((r, T) => /* @__PURE__ */ o(
                     X,
                     {
-                      chapter: m,
+                      chapter: r,
                       onChapterClick: e,
                       itemIndex: T
                     },
-                    m.id
+                    r.id
                   )) })
                 ] }),
                 /* @__PURE__ */ o(
@@ -81,10 +81,10 @@ const le = () => {
                     isClassOngoing: !1,
                     isStudentPresent: !1,
                     parentName: "",
-                    studentId: a,
+                    studentId: s,
                     studentName: "",
                     teacherName: "",
-                    userType: c,
+                    userType: d,
                     onAddChapter: e,
                     onAddOutcome: e,
                     onChapterClick: e,
@@ -116,8 +116,8 @@ const le = () => {
             arrowColor: "BLACK",
             arrowSize: 12,
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(r, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ o(s, { $renderAs: "ab2-bold", children: y ? "Welcome to the all new learning homepage." : "Welcome to the all new tutoring homepage." }),
+            tooltipItem: /* @__PURE__ */ t(n, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ o(c, { $renderAs: "ab2-bold", children: N ? "Welcome to the all new learning homepage." : "Welcome to the all new tutoring homepage." }),
               /* @__PURE__ */ o(
                 C,
                 {
@@ -125,19 +125,19 @@ const le = () => {
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: d
+                  onClick: m
                 }
               )
             ] })
           }
         },
         {
-          originalElementToHighlightRef: l,
+          originalElementToHighlightRef: a,
           elementToHighlight: /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
             H,
             {
-              userType: c,
-              studentId: a,
+              userType: d,
+              studentId: s,
               isHwProcessing: !1,
               hwDetails: w,
               onTestStart: e,
@@ -149,7 +149,7 @@ const le = () => {
               onNodeUnassign: e
             }
           ) }),
-          type: f.TOOLTIP,
+          type: u.TOOLTIP,
           indicator: {
             position: "top",
             tooltipXCoOrdinates: -197,
@@ -160,8 +160,8 @@ const le = () => {
             arrowColor: "BLACK",
             width: 264,
             arrowSize: 12,
-            tooltipItem: /* @__PURE__ */ t(r, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ o(s, { $renderAs: "ab2-bold", children: y ? "Homework is now easy to access and easy to complete!" : "Homework is now easy to access and easy to review!" }),
+            tooltipItem: /* @__PURE__ */ t(n, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ o(c, { $renderAs: "ab2-bold", children: N ? "Homework is now easy to access and easy to complete!" : "Homework is now easy to access and easy to review!" }),
               /* @__PURE__ */ o(
                 C,
                 {
@@ -169,7 +169,7 @@ const le = () => {
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: d
+                  onClick: m
                 }
               )
             ] })
@@ -177,21 +177,21 @@ const le = () => {
           isActive: !1
         },
         {
-          originalElementToHighlightRef: l,
+          originalElementToHighlightRef: a,
           elementToHighlight: /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
-            D,
+            G,
             {
               isInQueue: !1,
-              userType: c,
+              userType: d,
               header: S,
               subHeader: B || "",
               nodeData: w[0],
               renderAs: "homework",
-              studentId: a,
+              studentId: s,
               shouldOpenOnRight: !1
             }
           ) }),
-          type: f.TOOLTIP,
+          type: u.TOOLTIP,
           indicator: {
             position: "top",
             tooltipXCoOrdinates: -35,
@@ -202,8 +202,8 @@ const le = () => {
             arrowXCoOrdinates: -97,
             arrowSize: 12,
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(r, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ o(s, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
+            tooltipItem: /* @__PURE__ */ t(n, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ o(c, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
               /* @__PURE__ */ o(
                 C,
                 {
@@ -211,7 +211,7 @@ const le = () => {
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: d
+                  onClick: m
                 }
               )
             ] })
@@ -219,24 +219,24 @@ const le = () => {
           isActive: !1
         },
         {
-          originalElementToHighlightRef: i,
-          elementToHighlight: /* @__PURE__ */ o(A, { children: /* @__PURE__ */ t(r, { $flexRowGapX: 1, children: [
-            /* @__PURE__ */ t(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+          originalElementToHighlightRef: l,
+          elementToHighlight: /* @__PURE__ */ o(A, { children: /* @__PURE__ */ t(n, { $flexRowGapX: 1, children: [
+            /* @__PURE__ */ t(c, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
               "Recent Chapters (",
-              (L = u) == null ? void 0 : L.length,
+              (L = f) == null ? void 0 : L.length,
               ")"
             ] }),
-            /* @__PURE__ */ o($, { children: u.map((m, T) => /* @__PURE__ */ o(
+            /* @__PURE__ */ o($, { children: f.map((r, T) => /* @__PURE__ */ o(
               X,
               {
-                chapter: m,
+                chapter: r,
                 onChapterClick: e,
                 itemIndex: T
               },
-              m.id
+              r.id
             )) })
           ] }) }),
-          type: f.TOOLTIP,
+          type: u.TOOLTIP,
           indicator: {
             position: "top",
             tooltipXCoOrdinates: -200,
@@ -247,8 +247,8 @@ const le = () => {
             arrowXCoOrdinates: -97,
             arrowSize: 12,
             width: 264,
-            tooltipItem: /* @__PURE__ */ t(r, { $flexRowGapX: 0.75, $justifyContent: "flex-start", children: [
-              /* @__PURE__ */ o(s, { $renderAs: "ab2-bold", children: "Access all your recent chapters in one place." }),
+            tooltipItem: /* @__PURE__ */ t(n, { $flexRowGapX: 0.75, $justifyContent: "flex-start", children: [
+              /* @__PURE__ */ o(c, { $renderAs: "ab2-bold", children: "Access all your recent chapters in one place." }),
               /* @__PURE__ */ o(
                 C,
                 {
@@ -256,7 +256,7 @@ const le = () => {
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: E
+                  onClick: R
                 }
               )
             ] })
@@ -264,23 +264,24 @@ const le = () => {
           isActive: !1
         }
       ];
-      O(n, _);
-      const N = setTimeout(() => {
-        clearTimeout(N), window.scrollTo(0, 0), document.body.style.overflow = "hidden", d();
+      E(i, _);
+      const y = setTimeout(() => {
+        var r;
+        clearTimeout(y), d === "STUDENT" ? window.scrollTo(0, 0) : (r = document.getElementById("tab-content-container")) == null || r.scrollTo(0, 0), document.body.style.overflow = "hidden", m();
       }, 200);
-      g.current.push(N);
+      g.current.push(y);
     },
-    [E, e, d, n, O]
+    [R, e, m, i, E]
   ), v = K(
     () => ({
-      homepageRef: i,
-      homeworkRef: l,
+      homepageRef: l,
+      homeworkRef: a,
       startJourney: x
     }),
     [x]
   );
-  return G(() => () => {
-    g.current.forEach((a) => clearTimeout(a)), g.current = [];
+  return D(() => () => {
+    g.current.forEach((s) => clearTimeout(s)), g.current = [];
   }, []), v;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"use-home-page-journey.js","sources":["../../../../src/features/journey/hooks/use-home-page-journey.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\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 ChapterItem from '../../chapters/chapters-list/chapter-item/chapter-item';\nimport HomeworkCard from '../../homework/homework-card';\nimport HwCardListView from '../../homework/hw-card-list/hw-card-list-view';\nimport MilestoneListContainer from '../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { ELementWrapper, ChaptersWrapper } from '../comps/coachmark/coachmark-styled';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { HOMEWORK_DETAILS } from '../mocks/home-page-homwworks-mock';\nimport { RECENT_CHAPTERS } from '../mocks/recent-chapters-mock';\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 recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const emptyFunction = useCallback(() => null, []);\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    document.body.style.overflow = 'unset';\n  }, [endJourney, journeyId]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [nextCoachmark, journeyId]);\n\n  const startJourney = useCallback(\n    ({ studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { title, subtext } = HOMEWORK_DETAILS[0] as INodeDataProps;\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView\n              $flexGapX={2.5}\n              $marginBottomX={8}\n              $background=\"WHITE\"\n              $widthX={47}\n              $gutterX={1}\n            >\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n              <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n              <MilestoneListContainer\n                milestoneType=\"ACTIVE\"\n                activeMilestoneId={''}\n                activeTabId={''}\n                canCreatePlan={false}\n                courseStream={stream as TCourseStream}\n                isClassOngoing={false}\n                isStudentPresent={false}\n                parentName={''}\n                studentId={studentId}\n                studentName={''}\n                teacherName={''}\n                userType={userType}\n                //* Callbacks\n                onAddChapter={emptyFunction}\n                onAddOutcome={emptyFunction}\n                onChapterClick={emptyFunction}\n                onCreatePlan={emptyFunction}\n                onDelete={emptyFunction}\n                onDraftPublish={emptyFunction}\n                onEdit={emptyFunction}\n                onExpandPastMilestones={emptyFunction}\n                onNodeView={emptyFunction}\n                onNodeReview={emptyFunction}\n                onWidgetTabSelection={emptyFunction}\n                //* Resource callbacks\n                onAssignResources={emptyFunction}\n                onNodeReset={emptyFunction}\n                onNodeUnassign={emptyFunction}\n                //* Tests callbacks\n                onCreateMilestoneTest={emptyFunction}\n                onTestPreview={emptyFunction}\n                onTestReview={emptyFunction}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 0,\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={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\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={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={title}\n                subHeader={subtext || ''}\n                nodeData={HOMEWORK_DETAILS[0] as INodeDataProps}\n                renderAs=\"homework\"\n                studentId={studentId}\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=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homepageRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <FlexView $flexRowGapX={1}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -200,\n            tooltipYCoOrdinates: -10,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\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={handleEndJourney}\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        window.scrollTo(0, 0);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [handleEndJourney, emptyFunction, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\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","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","emptyFunction","useCallback","handleEndJourney","handleNextCoachmark","startJourney","studentId","stream","userType","title","subtext","HOMEWORK_DETAILS","isStudent","homepageSteps","IndicatorType","jsxs","FlexView","jsx","HwCardListView","Text","_a","RECENT_CHAPTERS","ChaptersWrapper","chapter","idx","ChapterItem","MilestoneListContainer","Button","ELementWrapper","HomeworkCard","_b","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-home-page-journey.js","sources":["../../../../src/features/journey/hooks/use-home-page-journey.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\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 ChapterItem from '../../chapters/chapters-list/chapter-item/chapter-item';\nimport HomeworkCard from '../../homework/homework-card';\nimport HwCardListView from '../../homework/hw-card-list/hw-card-list-view';\nimport MilestoneListContainer from '../../milestone/milestone-list-container/milestone-list-container';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { ELementWrapper, ChaptersWrapper } from '../comps/coachmark/coachmark-styled';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { HOMEWORK_DETAILS } from '../mocks/home-page-homwworks-mock';\nimport { RECENT_CHAPTERS } from '../mocks/recent-chapters-mock';\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 recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const emptyFunction = useCallback(() => null, []);\n\n  const handleEndJourney = useCallback(() => {\n    endJourney(journeyId);\n    document.body.style.overflow = 'unset';\n  }, [endJourney, journeyId]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [nextCoachmark, journeyId]);\n\n  const startJourney = useCallback(\n    ({ studentId, stream, userType }: IHomepageStartJourneyProps) => {\n      const { title, subtext } = HOMEWORK_DETAILS[0] as INodeDataProps;\n      const isStudent = userType === 'STUDENT';\n\n      if (!homepageRef?.current || !homeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: (\n            <FlexView\n              $flexGapX={2.5}\n              $marginBottomX={8}\n              $background=\"WHITE\"\n              $widthX={47}\n              $gutterX={1}\n            >\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\n              <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n              <MilestoneListContainer\n                milestoneType=\"ACTIVE\"\n                activeMilestoneId={''}\n                activeTabId={''}\n                canCreatePlan={false}\n                courseStream={stream as TCourseStream}\n                isClassOngoing={false}\n                isStudentPresent={false}\n                parentName={''}\n                studentId={studentId}\n                studentName={''}\n                teacherName={''}\n                userType={userType}\n                //* Callbacks\n                onAddChapter={emptyFunction}\n                onAddOutcome={emptyFunction}\n                onChapterClick={emptyFunction}\n                onCreatePlan={emptyFunction}\n                onDelete={emptyFunction}\n                onDraftPublish={emptyFunction}\n                onEdit={emptyFunction}\n                onExpandPastMilestones={emptyFunction}\n                onNodeView={emptyFunction}\n                onNodeReview={emptyFunction}\n                onWidgetTabSelection={emptyFunction}\n                //* Resource callbacks\n                onAssignResources={emptyFunction}\n                onNodeReset={emptyFunction}\n                onNodeUnassign={emptyFunction}\n                //* Tests callbacks\n                onCreateMilestoneTest={emptyFunction}\n                onTestPreview={emptyFunction}\n                onTestReview={emptyFunction}\n              />\n            </FlexView>\n          ),\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 0,\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={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HwCardListView\n                userType={userType}\n                studentId={studentId}\n                isHwProcessing={false}\n                hwDetails={HOMEWORK_DETAILS as INodeDataProps[]}\n                onTestStart={emptyFunction}\n                onNodeAttempt={emptyFunction}\n                onTestPreview={emptyFunction}\n                onNodeView={emptyFunction}\n                onTestReview={emptyFunction}\n                onNodeReview={emptyFunction}\n                onNodeUnassign={emptyFunction}\n              />\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={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={title}\n                subHeader={subtext || ''}\n                nodeData={HOMEWORK_DETAILS[0] as INodeDataProps}\n                renderAs=\"homework\"\n                studentId={studentId}\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=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={handleNextCoachmark}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: homepageRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <FlexView $flexRowGapX={1}>\n                <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                  Recent Chapters ({RECENT_CHAPTERS?.length})\n                </Text>\n                <ChaptersWrapper>\n                  {RECENT_CHAPTERS.map((chapter, idx) => (\n                    <ChapterItem\n                      key={chapter.id}\n                      chapter={chapter as unknown as IChapterDataProps}\n                      onChapterClick={emptyFunction}\n                      itemIndex={idx}\n                    />\n                  ))}\n                </ChaptersWrapper>\n              </FlexView>\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -200,\n            tooltipYCoOrdinates: -10,\n            backgroundColor: 'YELLOW_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\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={handleEndJourney}\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        if (userType === 'STUDENT') {\n          window.scrollTo(0, 0);\n        } else {\n          document.getElementById('tab-content-container')?.scrollTo(0, 0);\n        }\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [handleEndJourney, emptyFunction, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\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","recentChaptersRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","emptyFunction","useCallback","handleEndJourney","handleNextCoachmark","startJourney","studentId","stream","userType","title","subtext","HOMEWORK_DETAILS","isStudent","homepageSteps","IndicatorType","jsxs","FlexView","jsx","HwCardListView","Text","_a","RECENT_CHAPTERS","ChaptersWrapper","chapter","idx","ChapterItem","MilestoneListContainer","Button","ELementWrapper","HomeworkCard","_b","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.9.8-as8",
+  "version": "2.9.8-as9",
   "type": "module",
   "files": [
     "dist"