@cuemath/leap 2.9.4-as2 → 2.9.4-as3

package/dist/features/homework/hw-card-list/hw-card-list.js

@@ -5,12 +5,12 @@ import ne from "../../../assets/line-icons/icons/chevron-right.js";
 import { useJourney as ie } from "../../journey/use-journey/use-journey.js";
 import { getTopicsFromItems as le } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
 import $ from "../../ui/layout/flex-view.js";
-import C from "../../ui/text/text.js";
+import L from "../../ui/text/text.js";
 import ce from "../homework-card.js";
 import { useGetHomeworks as se } from "./api/get-homeworks.js";
-import { ContentWrapper as he, HoverZone as R, ScrollButton as w, ScrollContainer as fe, QueueWrapper as ae, QueueText as de } from "./hw-card-list-styled.js";
+import { ContentWrapper as he, HoverZone as w, ScrollButton as A, ScrollContainer as fe, QueueWrapper as ae, QueueText as de } from "./hw-card-list-styled.js";
 const ue = ({
-  userType: A = "STUDENT",
+  userType: g = "STUDENT",
   studentId: s,
   stream: f,
   onTestStart: x,
@@ -18,38 +18,38 @@ const ue = ({
   onTestPreview: S,
   onNodeView: T,
   onTestReview: I,
-  onNodeReview: y,
-  onNodeUnassign: B,
-  homeworkRef: W,
+  onNodeReview: B,
+  onNodeUnassign: W,
+  homeworkRef: y,
   individualHomeworkRef: N,
-  startHomePageJourney: p
+  startHomePageJourney: m
 }) => {
-  const r = te(null), [j, L] = u(!1), [K, k] = u(!1), [M, F] = u(!1), [G, X] = u(!0), {
-    get: b,
+  const r = te(null), [j, k] = u(!1), [K, b] = u(!1), [M, F] = u(!1), [G, X] = u(!0), {
+    get: H,
     data: e,
     isProcessingFailed: Q,
-    isProcessing: g,
-    isStale: H
-  } = se(s), { isJourneyActive: m } = ie();
+    isProcessing: p,
+    isStale: _
+  } = se(s), { isJourneyActive: v } = ie();
   h(() => {
-    e != null && e.length && p && !m && p(e, s, f);
-  }, [e, m, p, f, s]);
+    e != null && e.length && m && !v && m({ hwDetails: e, studentId: s, stream: f, userType: g });
+  }, [e, v, m, f, s, g]);
   const O = n(() => {
     r.current && r.current.scrollBy({ left: -200, behavior: "smooth" });
   }, []), V = n(() => {
     r.current && r.current.scrollBy({ left: 200, behavior: "smooth" });
   }, []), z = n(() => {
-    L(!0);
+    k(!0);
   }, []), P = n(() => {
-    L(!1);
+    k(!1);
   }, []), U = n(() => {
-    k(!0);
+    b(!0);
   }, []), Y = n(() => {
-    k(!1);
+    b(!1);
   }, []), i = n(() => {
     if (r.current) {
-      const { scrollLeft: t, scrollWidth: l, clientWidth: v } = r.current;
-      F(t > 10), X(t < l - v - 10);
+      const { scrollLeft: t, scrollWidth: l, clientWidth: C } = r.current;
+      F(t > 10), X(t < l - C - 10);
     }
   }, []);
   h(() => {
@@ -62,23 +62,23 @@ const ue = ({
     i();
   }, [e, i]);
   const a = n(() => {
-    b(s, void 0, { stream: f });
-  }, [b, f, s]);
+    H(s, void 0, { stream: f });
+  }, [H, f, s]);
   h(() => {
-    !g && H && a();
-  }, [a, g, H]), h(() => {
+    !p && _ && a();
+  }, [a, p, _]), h(() => {
     a();
   }, [a]);
   const Z = ((e == null ? void 0 : e.filter((t) => t.state === "WAIT_FOR_REVIEW")) || []).length;
   return e && e.length === 0 ? /* @__PURE__ */ c($, { $flexRowGapX: 1, children: [
-    /* @__PURE__ */ c(C, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+    /* @__PURE__ */ c(L, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
       e == null ? void 0 : e.length,
       ")"
     ] }),
-    /* @__PURE__ */ o(C, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
-  ] }) : Q ? null : /* @__PURE__ */ c(he, { ref: W, $flexRowGapX: 1, $disablePointerEvents: g, children: [
-    !m && /* @__PURE__ */ c(C, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+    /* @__PURE__ */ o(L, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
+  ] }) : Q ? null : /* @__PURE__ */ c(he, { ref: y, $flexRowGapX: 1, $disablePointerEvents: p, children: [
+    !v && /* @__PURE__ */ c(L, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
       Z,
       "/",
@@ -87,7 +87,7 @@ const ue = ({
     ] }),
     /* @__PURE__ */ c($, { $position: "relative", onMouseEnter: i, children: [
       M && /* @__PURE__ */ o(
-        R,
+        w,
         {
           $position: "absolute",
           $width: "60px",
@@ -96,7 +96,7 @@ const ue = ({
           onMouseEnter: z,
           onMouseLeave: P,
           children: /* @__PURE__ */ o(
-            w,
+            A,
             {
               $position: "absolute",
               $background: "BLACK_T_60",
@@ -115,13 +115,13 @@ const ue = ({
       ),
       /* @__PURE__ */ o(fe, { ref: r, children: /* @__PURE__ */ o($, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((t, l) => {
         const {
-          items: v,
-          node_id: _,
+          items: C,
+          node_id: R,
           worksheet_id: q,
           node_type: J,
           title: D,
           subtext: ee
-        } = t, oe = le(v).join(", "), d = J === "DYNAMIC";
+        } = t, oe = le(C).join(", "), d = J === "DYNAMIC";
         return /* @__PURE__ */ c(
           $,
           {
@@ -144,7 +144,7 @@ const ue = ({
                 ce,
                 {
                   isInQueue: e.length > 10 && l > 9,
-                  userType: A,
+                  userType: g,
                   header: d ? oe : D,
                   subHeader: ee || "",
                   nodeData: t,
@@ -152,18 +152,18 @@ const ue = ({
                   onNodeAttempt: d ? x : E,
                   shouldOpenOnRight: e.length > 3 && l === e.length - 1,
                   onNodeView: d ? S : T,
-                  onNodeReview: d ? I : y,
-                  onNodeUnassign: B
+                  onNodeReview: d ? I : B,
+                  onNodeUnassign: W
                 },
-                `${q}_${_}_${l}`
+                `${q}_${R}_${l}`
               )
             ]
           },
-          _
+          R
         );
       }) }) }),
       G && /* @__PURE__ */ o(
-        R,
+        w,
         {
           $position: "absolute",
           $width: "60px",
@@ -172,7 +172,7 @@ const ue = ({
           onMouseEnter: U,
           onMouseLeave: Y,
           children: /* @__PURE__ */ o(
-            w,
+            A,
             {
               $position: "absolute",
               $width: "60px",

package/dist/features/homework/hw-card-list/hw-card-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  individualHomeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: (\n    homeworkDetails: INodeDataProps[],\n    studentId: string,\n    stream: string,\n  ) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType = 'STUDENT',\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  individualHomeworkRef,\n  startHomePageJourney,\n}) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(true);\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (hwDetails?.length && startHomePageJourney && !isJourneyActive) {\n      startHomePageJourney(hwDetails, studentId, stream);\n    }\n  }, [hwDetails, isJourneyActive, startHomePageJourney, stream, studentId]);\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleLeftHoverEnter = useCallback(() => {\n    setIsLeftHovered(true);\n  }, []);\n\n  const handleLeftHoverLeave = useCallback(() => {\n    setIsLeftHovered(false);\n  }, []);\n\n  const handleRightHoverEnter = useCallback(() => {\n    setIsRightHovered(true);\n  }, []);\n\n  const handleRightHoverLeave = useCallback(() => {\n    setIsRightHovered(false);\n  }, []);\n\n  const checkScrollPosition = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      setCanScrollLeft(scrollLeft > 10);\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollPosition);\n      checkScrollPosition();\n\n      return () => {\n        scrollElement.removeEventListener('scroll', checkScrollPosition);\n      };\n    }\n  }, [checkScrollPosition]);\n\n  // Also check when content changes\n  useEffect(() => {\n    checkScrollPosition();\n  }, [hwDetails, checkScrollPosition]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  const waitForReviewSheets = (hwDetails?.filter(sheet => sheet.state === 'WAIT_FOR_REVIEW') || [])\n    .length;\n\n  if (hwDetails && hwDetails.length === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({hwDetails?.length})\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <Styled.ContentWrapper ref={homeworkRef} $flexRowGapX={1} $disablePointerEvents={isProcessing}>\n      {!isJourneyActive && (\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({waitForReviewSheets}/{hwDetails?.length})\n        </Text>\n      )}\n      <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n        {/* Left hover zone */}\n        {canScrollLeft && (\n          <Styled.HoverZone\n            key=\"left-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            left=\"0\"\n            right=\"auto\"\n            onMouseEnter={handleLeftHoverEnter}\n            onMouseLeave={handleLeftHoverLeave}\n          >\n            {/* Left scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $height=\"100%\"\n              onClick={handleScrollLeft}\n              $visible={isLeftHovered}\n              left=\"0px\"\n              right=\"auto\"\n            >\n              <ChevronLeftIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {hwDetails?.map((sheet, idx) => {\n              const {\n                items,\n                node_id: nodeId,\n                worksheet_id: worksheetId,\n                node_type: nodeType,\n                title,\n                subtext,\n              } = sheet;\n              const topics = getTopicsFromItems(items);\n              const testChapterName = topics.join(', ');\n              const isDynamicSheet = nodeType === 'DYNAMIC';\n\n              return (\n                <FlexView\n                  ref={idx === 0 ? individualHomeworkRef : undefined}\n                  key={nodeId}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  {hwDetails.length > 10 && idx === 10 && (\n                    <Styled.QueueWrapper\n                      $widthX={9.5}\n                      $background=\"BLACK_4\"\n                      $justifyContent=\"center\"\n                      $gutter={4}\n                      $gap={8}\n                    >\n                      <Styled.QueueText $renderAs=\"ac3\" $color=\"WHITE\">\n                        In Queue\n                      </Styled.QueueText>\n                    </Styled.QueueWrapper>\n                  )}\n                  <HomeworkCard\n                    isInQueue={hwDetails.length > 10 && idx > 9}\n                    key={`${worksheetId}_${nodeId}_${idx}`}\n                    userType={userType}\n                    header={isDynamicSheet ? testChapterName : title}\n                    subHeader={subtext || ''}\n                    nodeData={sheet}\n                    renderAs=\"homework\"\n                    onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n                    shouldOpenOnRight={hwDetails.length > 3 && idx === hwDetails.length - 1}\n                    onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n                    onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n                    onNodeUnassign={onNodeUnassign}\n                  />\n                </FlexView>\n              );\n            })}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        {/* Right hover zone */}\n        {canScrollRight && (\n          <Styled.HoverZone\n            key=\"right-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            right=\"0\"\n            left=\"auto\"\n            onMouseEnter={handleRightHoverEnter}\n            onMouseLeave={handleRightHoverLeave}\n          >\n            {/* Right scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $width=\"60px\"\n              $height=\"100%\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              onClick={handleScrollRight}\n              $visible={isRightHovered}\n              left=\"auto\"\n              right=\"0px\"\n            >\n              <ChevronRightIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","individualHomeworkRef","startHomePageJourney","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","scrollElement","fetchHomeworks","waitForReviewSheets","sheet","jsxs","FlexView","Text","Styled.ContentWrapper","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","idx","items","nodeId","worksheetId","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","Styled.QueueWrapper","Styled.QueueText","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomepageStartJourneyProps } from '../../journey/types/homepage-journey-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  homeworkRef?: React.RefObject<HTMLDivElement>;\n  individualHomeworkRef?: React.RefObject<HTMLDivElement>;\n  startHomePageJourney?: ({\n    hwDetails,\n    studentId,\n    stream,\n    userType,\n  }: IHomepageStartJourneyProps) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType = 'STUDENT',\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n  homeworkRef,\n  individualHomeworkRef,\n  startHomePageJourney,\n}) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(true);\n  const {\n    get: getHomeworks,\n    data: hwDetails,\n    isProcessingFailed,\n    isProcessing,\n    isStale,\n  } = useGetHomeworks(studentId);\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (hwDetails?.length && startHomePageJourney && !isJourneyActive) {\n      startHomePageJourney({ hwDetails, studentId, stream, userType });\n    }\n  }, [hwDetails, isJourneyActive, startHomePageJourney, stream, studentId, userType]);\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleLeftHoverEnter = useCallback(() => {\n    setIsLeftHovered(true);\n  }, []);\n\n  const handleLeftHoverLeave = useCallback(() => {\n    setIsLeftHovered(false);\n  }, []);\n\n  const handleRightHoverEnter = useCallback(() => {\n    setIsRightHovered(true);\n  }, []);\n\n  const handleRightHoverLeave = useCallback(() => {\n    setIsRightHovered(false);\n  }, []);\n\n  const checkScrollPosition = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      setCanScrollLeft(scrollLeft > 10);\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollPosition);\n      checkScrollPosition();\n\n      return () => {\n        scrollElement.removeEventListener('scroll', checkScrollPosition);\n      };\n    }\n  }, [checkScrollPosition]);\n\n  // Also check when content changes\n  useEffect(() => {\n    checkScrollPosition();\n  }, [hwDetails, checkScrollPosition]);\n\n  const fetchHomeworks = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchHomeworks();\n    }\n  }, [fetchHomeworks, isProcessing, isStale]);\n\n  useEffect(() => {\n    fetchHomeworks();\n  }, [fetchHomeworks]);\n\n  const waitForReviewSheets = (hwDetails?.filter(sheet => sheet.state === 'WAIT_FOR_REVIEW') || [])\n    .length;\n\n  if (hwDetails && hwDetails.length === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({hwDetails?.length})\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <Styled.ContentWrapper ref={homeworkRef} $flexRowGapX={1} $disablePointerEvents={isProcessing}>\n      {!isJourneyActive && (\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({waitForReviewSheets}/{hwDetails?.length})\n        </Text>\n      )}\n      <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n        {/* Left hover zone */}\n        {canScrollLeft && (\n          <Styled.HoverZone\n            key=\"left-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            left=\"0\"\n            right=\"auto\"\n            onMouseEnter={handleLeftHoverEnter}\n            onMouseLeave={handleLeftHoverLeave}\n          >\n            {/* Left scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $height=\"100%\"\n              onClick={handleScrollLeft}\n              $visible={isLeftHovered}\n              left=\"0px\"\n              right=\"auto\"\n            >\n              <ChevronLeftIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {hwDetails?.map((sheet, idx) => {\n              const {\n                items,\n                node_id: nodeId,\n                worksheet_id: worksheetId,\n                node_type: nodeType,\n                title,\n                subtext,\n              } = sheet;\n              const topics = getTopicsFromItems(items);\n              const testChapterName = topics.join(', ');\n              const isDynamicSheet = nodeType === 'DYNAMIC';\n\n              return (\n                <FlexView\n                  ref={idx === 0 ? individualHomeworkRef : undefined}\n                  key={nodeId}\n                  $flexDirection=\"row\"\n                  $flexGapX={1}\n                >\n                  {hwDetails.length > 10 && idx === 10 && (\n                    <Styled.QueueWrapper\n                      $widthX={9.5}\n                      $background=\"BLACK_4\"\n                      $justifyContent=\"center\"\n                      $gutter={4}\n                      $gap={8}\n                    >\n                      <Styled.QueueText $renderAs=\"ac3\" $color=\"WHITE\">\n                        In Queue\n                      </Styled.QueueText>\n                    </Styled.QueueWrapper>\n                  )}\n                  <HomeworkCard\n                    isInQueue={hwDetails.length > 10 && idx > 9}\n                    key={`${worksheetId}_${nodeId}_${idx}`}\n                    userType={userType}\n                    header={isDynamicSheet ? testChapterName : title}\n                    subHeader={subtext || ''}\n                    nodeData={sheet}\n                    renderAs=\"homework\"\n                    onNodeAttempt={isDynamicSheet ? onTestStart : onNodeAttempt}\n                    shouldOpenOnRight={hwDetails.length > 3 && idx === hwDetails.length - 1}\n                    onNodeView={isDynamicSheet ? onTestPreview : onNodeView}\n                    onNodeReview={isDynamicSheet ? onTestReview : onNodeReview}\n                    onNodeUnassign={onNodeUnassign}\n                  />\n                </FlexView>\n              );\n            })}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        {/* Right hover zone */}\n        {canScrollRight && (\n          <Styled.HoverZone\n            key=\"right-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            right=\"0\"\n            left=\"auto\"\n            onMouseEnter={handleRightHoverEnter}\n            onMouseLeave={handleRightHoverLeave}\n          >\n            {/* Right scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $width=\"60px\"\n              $height=\"100%\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              onClick={handleScrollRight}\n              $visible={isRightHovered}\n              left=\"auto\"\n              right=\"0px\"\n            >\n              <ChevronRightIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n      </FlexView>\n    </Styled.ContentWrapper>\n  );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","homeworkRef","individualHomeworkRef","startHomePageJourney","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","isProcessing","isStale","useGetHomeworks","isJourneyActive","useJourney","useEffect","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","scrollElement","fetchHomeworks","waitForReviewSheets","sheet","jsxs","FlexView","Text","Styled.ContentWrapper","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","idx","items","nodeId","worksheetId","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","Styled.QueueWrapper","Styled.QueueText","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}

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

@@ -1,27 +1,71 @@
-import { jsx as e, Fragment as R, jsxs as c } from "react/jsx-runtime";
-import { useRef as l, useCallback as X, useMemo as B, useEffect as N } from "react";
-import P from "../../homework/homework-card.js";
-import S from "../../homework/hw-card-list/hw-card-list.js";
-import { getTopicsFromItems as _ } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
-import d from "../../ui/buttons/button/button.js";
-import m from "../../ui/layout/flex-view.js";
-import p from "../../ui/text/text.js";
-import { ELementWrapper as w } from "../comps/coachmark/coachmark-styled.js";
-import { JOURNEY_ID_STUDENT as z } from "../journey-id/journey-id-student.js";
-import { IndicatorType as u } from "../use-journey/constants.js";
-import { useJourney as J } from "../use-journey/use-journey.js";
-const q = () => {
-  const o = z.HOMEPAGE_JOURNEY, t = l(null), r = l(null), i = l(null), T = l(null), a = l([]), { nextCoachmark: n, setJourney: h } = J(), C = X(
-    (s, b, A, f) => {
-      const { items: y, node_type: x, title: E, subtext: L } = s[0], I = _(y).join(", "), k = x === "DYNAMIC";
-      if (!(t != null && t.current) || !(r != null && r.current) || !(i != null && i.current))
+import { jsx as e, jsxs as p, Fragment as P } from "react/jsx-runtime";
+import { useRef as a, useCallback as x, useMemo as S, useEffect as Y } from "react";
+import _ from "../../homework/homework-card.js";
+import $ from "../../homework/hw-card-list/hw-card-list.js";
+import { getTopicsFromItems as J } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
+import z 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 L } from "../comps/coachmark/coachmark-styled.js";
+import { JOURNEY_ID_STUDENT as w } from "../journey-id/journey-id-student.js";
+import { IndicatorType as C } from "../use-journey/constants.js";
+import { useJourney as K } from "../use-journey/use-journey.js";
+const re = () => {
+  const o = w.HOMEPAGE_JOURNEY, i = a(null), n = a(null), l = a(null), c = a(null), f = a([]), { nextCoachmark: t, setJourney: A, endJourney: g, addCoachmark: T } = K(), b = x(
+    (r, d, m) => {
+      c.current ? (T(w.HOMEPAGE_JOURNEY, {
+        originalElementToHighlightRef: c,
+        elementToHighlight: /* @__PURE__ */ e(s, { $widthX: 45, children: /* @__PURE__ */ e(
+          z,
+          {
+            studentId: r,
+            courseStream: m,
+            userType: d,
+            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: () => g(w.HOMEPAGE_JOURNEY)
+              }
+            )
+          ] }),
+          position: "top",
+          renderAs: "primary",
+          tooltipXCoOrdinates: -227,
+          tooltipYCoOrdinates: 12,
+          arrowXCoOrdinates: -110,
+          backgroundColor: "YELLOW_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          arrowSize: 12,
+          width: 264
+        }
+      }), t(o, !1, 0, !0)) : g(o);
+    },
+    [t, o, T, g]
+  ), E = x(
+    ({ hwDetails: r, studentId: d, stream: m, userType: O }) => {
+      const { items: X, node_type: k, title: H, subtext: I } = r[0], B = J(X).join(", "), N = k === "DYNAMIC";
+      if (!(i != null && i.current) || !(n != null && n.current) || !(l != null && l.current))
         return;
-      const H = [
+      const G = [
         {
-          originalElementToHighlightRef: t,
+          originalElementToHighlightRef: i,
           isActive: !1,
-          type: u.TOOLTIP,
-          elementToHighlight: /* @__PURE__ */ e(R, {}),
+          type: C.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(P, {}),
           indicator: {
             position: "left",
             tooltipXCoOrdinates: 0,
@@ -31,25 +75,25 @@ const q = () => {
             arrowColor: "BLACK",
             arrowSize: 12,
             width: 264,
-            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Welcome to the all new tutoring homepage." }),
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: "Welcome to the all new tutoring homepage." }),
               /* @__PURE__ */ e(
-                d,
+                h,
                 {
                   label: "Next",
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: () => n(o, !1, 0, !0)
+                  onClick: () => t(o, !1, 0, !0)
                 }
               )
             ] })
           }
         },
         {
-          originalElementToHighlightRef: r,
-          elementToHighlight: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(S, { userType: f, studentId: b, stream: A }) }),
-          type: u.TOOLTIP,
+          originalElementToHighlightRef: n,
+          elementToHighlight: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e($, { userType: O, studentId: d, stream: m }) }),
+          type: C.TOOLTIP,
           indicator: {
             position: "top",
             tooltipXCoOrdinates: -197,
@@ -60,16 +104,16 @@ const q = () => {
             arrowColor: "BLACK",
             width: 264,
             arrowSize: 12,
-            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Homework is now easy to access and easy to complete!" }),
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: "Homework is now easy to access and easy to complete!" }),
               /* @__PURE__ */ e(
-                d,
+                h,
                 {
                   label: "Next",
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: () => n(o, !1, 0, !0)
+                  onClick: () => t(o, !1, 0, !0)
                 }
               )
             ] })
@@ -77,20 +121,20 @@ const q = () => {
           isActive: !1
         },
         {
-          originalElementToHighlightRef: i,
-          elementToHighlight: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
-            P,
+          originalElementToHighlightRef: l,
+          elementToHighlight: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+            _,
             {
               isInQueue: !1,
-              userType: f,
-              header: k ? I : E,
-              subHeader: L || "",
-              nodeData: s[0],
+              userType: O,
+              header: N ? B : H,
+              subHeader: I || "",
+              nodeData: r[0],
               renderAs: "homework",
               shouldOpenOnRight: !1
             }
           ) }),
-          type: u.TOOLTIP,
+          type: C.TOOLTIP,
           indicator: {
             position: "top",
             tooltipXCoOrdinates: -35,
@@ -101,16 +145,16 @@ const q = () => {
             arrowXCoOrdinates: -97,
             arrowSize: 12,
             width: 264,
-            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
-              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
+            tooltipItem: /* @__PURE__ */ p(s, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(u, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
               /* @__PURE__ */ e(
-                d,
+                h,
                 {
-                  label: "Next",
+                  label: c.current ? "Next" : "Got it",
                   size: "xsmall",
                   widthX: 6,
                   renderAs: "secondary",
-                  onClick: () => n(o, !1, 0, !0)
+                  onClick: () => b(d, O, m)
                 }
               )
             ] })
@@ -118,28 +162,28 @@ const q = () => {
           isActive: !1
         }
       ];
-      h(o, H);
-      const g = setTimeout(() => {
-        clearTimeout(g), n(o);
+      A(o, G);
+      const y = setTimeout(() => {
+        clearTimeout(y), t(o);
       }, 200);
-      a.current.push(g);
+      f.current.push(y);
     },
-    [h, o, n]
-  ), O = B(
+    [A, o, t, b]
+  ), R = S(
     () => ({
-      homepageRef: t,
-      homeworkRef: r,
-      individualHomeworkRef: i,
-      recentChaptersRef: T,
-      startJourney: C
+      homepageRef: i,
+      homeworkRef: n,
+      individualHomeworkRef: l,
+      recentChaptersRef: c,
+      startJourney: E
     }),
-    [C]
+    [E]
   );
-  return N(() => () => {
-    a.current.forEach((s) => clearTimeout(s)), a.current = [];
-  }, []), O;
+  return Y(() => () => {
+    f.current.forEach((r) => clearTimeout(r)), f.current = [];
+  }, []), R;
 };
 export {
-  q as useHomePageJourney
+  re as useHomePageJourney
 };
 //# sourceMappingURL=use-home-page-journey.js.map

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 { 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 { TUserTypes } from '../../ui/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 { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\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 } = useJourney();\n\n  const startJourney = useCallback(\n    (\n      hwDetails: IHomeworkData[],\n      studentId: string,\n      stream: TCourseStream,\n      userType: TUserTypes,\n    ) => {\n      const { items, node_type: nodeType, title, subtext } = hwDetails[0] as IHomeworkData;\n      const topics = getTopicsFromItems(items);\n      const testChapterName = topics.join(', ');\n      const isDynamicSheet = nodeType === 'DYNAMIC';\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: 'left',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 100,\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 tutoring homepage.</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                  Homework is now easy to access and easy to complete!\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={isDynamicSheet ? testChapterName : 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=\"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\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],\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","useJourney","startJourney","useCallback","hwDetails","studentId","stream","userType","items","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","homepageSteps","IndicatorType","jsx","Fragment","jsxs","FlexView","Text","Button","ELementWrapper","HWCardList","HomeworkCard","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 { 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 { TUserTypes } from '../../ui/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 { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\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, userType: TUserTypes, 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={userType}\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 { items, node_type: nodeType, title, subtext } = hwDetails[0] as IHomeworkData;\n      const topics = getTopicsFromItems(items);\n      const testChapterName = topics.join(', ');\n      const isDynamicSheet = nodeType === 'DYNAMIC';\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: 'left',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 100,\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 tutoring homepage.</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                  Homework is now easy to access and easy to complete!\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={isDynamicSheet ? testChapterName : 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, userType, 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","userType","courseValue","jsx","FlexView","RecentChapters","IndicatorType","jsxs","Text","Button","startJourney","hwDetails","studentId","stream","items","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","homepageSteps","Fragment","ELementWrapper","HWCardList","HomeworkCard","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/recent-chapters/recent-chapters.js

@@ -1,85 +1,39 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { useCallback as O, useRef as $, useEffect as u } from "react";
-import A from "../chapters/chapters-list/chapter-item/chapter-item.js";
-import { JOURNEY_ID_STUDENT as R } from "../journey/journey-id/journey-id-student.js";
-import { IndicatorType as w } from "../journey/use-journey/constants.js";
-import { useJourney as g } from "../journey/use-journey/use-journey.js";
-import T from "../ui/buttons/button/button.js";
-import i from "../ui/layout/flex-view.js";
-import s from "../ui/text/text.js";
-import { useGetRecentChapters as y } from "./api/get-recent-chapters.js";
-import { ChaptersWrapper as x } from "./recent-chapters-styled.js";
-const _ = ({ studentId: a, courseStream: c, onChapterClick: n }) => {
-  const { get: d, data: e, isProcessingFailed: E } = y(), m = O(() => {
-    d(a, void 0, { courseStream: c });
-  }, [c, d, a]), p = $(null), { addCoachmark: f, endJourney: h } = g(), { isJourneyActive: C } = g();
-  return u(() => {
-    m();
-  }, [m]), u(() => {
-    e && e.length > 0 && !C && f(R.HOMEPAGE_JOURNEY, {
-      originalElementToHighlightRef: p,
-      elementToHighlight: /* @__PURE__ */ r(i, { $widthX: 45, children: /* @__PURE__ */ t(i, { $flexRowGapX: 1, children: [
-        /* @__PURE__ */ t(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
-          "Recent Chapters (",
-          e == null ? void 0 : e.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ r(x, { children: e.map((o, l) => /* @__PURE__ */ r(
-          A,
-          {
-            chapter: o,
-            onChapterClick: n,
-            itemIndex: l
-          },
-          o.id
-        )) })
-      ] }) }),
-      isActive: !1,
-      type: w.TOOLTIP,
-      indicator: {
-        tooltipItem: /* @__PURE__ */ t(i, { $flexRowGapX: 0.75, $justifyContent: "flex-start", children: [
-          /* @__PURE__ */ r(s, { $renderAs: "ab2-bold", children: "Access all your recent chapters in one place." }),
-          /* @__PURE__ */ r(
-            T,
-            {
-              label: "Got it",
-              size: "xsmall",
-              widthX: 6,
-              renderAs: "secondary",
-              onClick: () => h(R.HOMEPAGE_JOURNEY)
-            }
-          )
-        ] }),
-        position: "top",
-        renderAs: "primary",
-        tooltipXCoOrdinates: -227,
-        tooltipYCoOrdinates: 12,
-        arrowXCoOrdinates: -110,
-        backgroundColor: "YELLOW_4",
-        borderColor: "BLACK",
-        arrowColor: "BLACK",
-        arrowSize: 12,
-        width: 264
-      }
-    });
-  }, [f, e, h, n, C]), E ? null : e && e.length > 0 ? /* @__PURE__ */ t(i, { $flexRowGapX: 1, ref: p, children: [
-    /* @__PURE__ */ t(s, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useCallback as f, useEffect as h } from "react";
+import C from "../chapters/chapters-list/chapter-item/chapter-item.js";
+import d from "../ui/layout/flex-view.js";
+import u from "../ui/text/text.js";
+import { useGetRecentChapters as x } from "./api/get-recent-chapters.js";
+import { ChaptersWrapper as g } from "./recent-chapters-styled.js";
+const R = ({
+  studentId: r,
+  courseStream: t,
+  onChapterClick: p,
+  recentChaptersRef: a
+}) => {
+  const { get: o, data: e, isProcessingFailed: m } = x(), i = f(() => {
+    o(r, void 0, { courseStream: t });
+  }, [t, o, r]);
+  return h(() => {
+    i();
+  }, [i]), m ? null : e && e.length > 0 ? /* @__PURE__ */ s(d, { $flexRowGapX: 1, ref: a, children: [
+    /* @__PURE__ */ s(u, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Recent Chapters (",
       e == null ? void 0 : e.length,
       ")"
     ] }),
-    /* @__PURE__ */ r(x, { children: e.map((o, l) => /* @__PURE__ */ r(
-      A,
+    /* @__PURE__ */ l(g, { children: e.map((n, c) => /* @__PURE__ */ l(
+      C,
       {
-        chapter: o,
-        onChapterClick: n,
-        itemIndex: l
+        chapter: n,
+        onChapterClick: p,
+        itemIndex: c
       },
-      o.id
+      n.id
     )) })
   ] }) : null;
-}, N = _;
+}, G = R;
 export {
-  N as default
+  G as default
 };
 //# sourceMappingURL=recent-chapters.js.map

package/dist/features/recent-chapters/recent-chapters.js.map

@@ -1 +1 @@
-{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\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 Button from '../ui/buttons/button/button';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({ studentId, courseStream, onChapterClick }) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n  const recentChapterRef = useRef<HTMLDivElement>(null);\n  const { addCoachmark, endJourney } = useJourney();\n  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (chapterData && chapterData.length > 0 && !isJourneyActive) {\n      addCoachmark(JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY, {\n        originalElementToHighlightRef: recentChapterRef,\n        elementToHighlight: (\n          <FlexView $widthX={45}>\n            <FlexView $flexRowGapX={1}>\n              <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n                Recent Chapters ({chapterData?.length})\n              </Text>\n              <Styled.ChaptersWrapper>\n                {chapterData.map((chapter, idx) => (\n                  <ChapterItem\n                    key={chapter.id}\n                    chapter={chapter}\n                    onChapterClick={onChapterClick}\n                    itemIndex={idx}\n                  />\n                ))}\n              </Styled.ChaptersWrapper>\n            </FlexView>\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    }\n  }, [addCoachmark, chapterData, endJourney, onChapterClick, isJourneyActive]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1} ref={recentChapterRef}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","recentChapterRef","useRef","addCoachmark","endJourney","useJourney","isJourneyActive","useEffect","JOURNEY_ID_STUDENT","FlexView","jsxs","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","IndicatorType","Button","RecentChapters$1"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAA0C,CAAC,EAAE,WAAAC,GAAW,cAAAC,GAAc,gBAAAC,QAAqB;AAC/F,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYH,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcE,GAAaH,CAAS,CAAC,GACnCS,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,cAAAC,GAAc,YAAAC,EAAW,IAAIC,EAAW,GAC1C,EAAE,iBAAAC,MAAoBD;AA2D5B,SAzDAE,EAAU,MAAM;AACM,IAAAR;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBQ,EAAU,MAAM;AACd,IAAIX,KAAeA,EAAY,SAAS,KAAK,CAACU,KAC5CH,EAAaK,EAAmB,kBAAkB;AAAA,MAChD,+BAA+BP;AAAA,MAC/B,sCACGQ,GAAS,EAAA,SAAS,IACjB,UAAC,gBAAAC,EAAAD,GAAA,EAAS,cAAc,GACtB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,UAAA;AAAA,UAC5Bf,KAAA,gBAAAA,EAAa;AAAA,UAAO;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAgB,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,SAAAF;AAAA,YACA,gBAAApB;AAAA,YACA,WAAWqB;AAAA,UAAA;AAAA,UAHND,EAAQ;AAAA,QAKhB,CAAA,GACH;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,MAEF,UAAU;AAAA,MACV,MAAMG,EAAc;AAAA,MACpB,WAAW;AAAA,QACT,aACG,gBAAAP,EAAAD,GAAA,EAAS,cAAc,MAAM,iBAAgB,cAC5C,UAAA;AAAA,UAAC,gBAAAG,EAAAD,GAAA,EAAK,WAAU,YAAW,UAA6C,iDAAA;AAAA,UACxE,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,SAAS,MAAMd,EAAWI,EAAmB,gBAAgB;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA,GACF;AAAA,QAEF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,qBAAqB;AAAA,QACrB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,IAAA,CACD;AAAA,EACH,GACC,CAACL,GAAcP,GAAaQ,GAAYV,GAAgBY,CAAe,CAAC,GAEvET,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEnC,gBAAAc,EAAAD,GAAA,EAAS,cAAc,GAAG,KAAKR,GAC9B,UAAA;AAAA,IAAA,gBAAAS,EAACC,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5Bf,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAgB,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAApB;AAAA,QACA,WAAWqB;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAK,IAAe5B;"}
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n  recentChaptersRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({\n  studentId,\n  courseStream,\n  onChapterClick,\n  recentChaptersRef,\n}) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1} ref={recentChaptersRef}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","recentChaptersRef","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAqBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYJ,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcG,GAAaJ,CAAS,CAAC;AAMzC,SAJAU,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEnC,gBAAAM,EAAAC,GAAA,EAAS,cAAc,GAAG,KAAKT,GAC9B,UAAA;AAAA,IAAA,gBAAAQ,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAAd;AAAA,QACA,WAAWe;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAepB;"}

package/dist/index.d.ts

@@ -506,7 +506,7 @@ declare interface HWCardListProps extends INodeCardCallbacks {
     onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     homeworkRef?: React_2.RefObject<HTMLDivElement>;
     individualHomeworkRef?: React_2.RefObject<HTMLDivElement>;
-    startHomePageJourney?: (homeworkDetails: INodeDataProps[], studentId: string, stream: string) => void;
+    startHomePageJourney?: ({ hwDetails, studentId, stream, userType, }: IHomepageStartJourneyProps) => void;
 }
 
 declare interface IAccordionSectionProps {
@@ -1312,6 +1312,13 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
+export declare interface IHomepageStartJourneyProps {
+    hwDetails: IHomeworkData[];
+    studentId: string;
+    stream: string;
+    userType: TUserTypes;
+}
+
 export declare interface IHomeworkData extends INodeDataProps {
     homework_id: string;
     chapter_name: string;
@@ -4037,6 +4044,7 @@ declare interface RecentChaptersProps {
     courseStream: TCourseStream;
     userType: TUserTypes;
     onChapterClick: IChaptersListProps['onChapterClick'];
+    recentChaptersRef?: React.RefObject<HTMLDivElement>;
 }
 
 export declare const RedoIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -5335,7 +5343,7 @@ export declare const useHomePageJourney: () => {
     homeworkRef: RefObject<HTMLDivElement>;
     individualHomeworkRef: RefObject<HTMLDivElement>;
     recentChaptersRef: RefObject<HTMLDivElement>;
-    startJourney: (hwDetails: IHomeworkData[], studentId: string, stream: TCourseStream, userType: TUserTypes) => void;
+    startJourney: ({ hwDetails, studentId, stream, userType }: IHomepageStartJourneyProps) => void;
 };
 
 export declare const useInClassActionDispatcher: ({ studentClassroomId, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.9.4-as2",
+  "version": "2.9.4-as3",
   "type": "module",
   "files": [
     "dist"