npm - @cuemath/leap - Versions diffs - 3.5.50 → 3.5.51-as10 - Mend

@cuemath/leap 3.5.50 → 3.5.51-as10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

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

@@ -1,32 +1,32 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useRef as c, useCallback as m, useMemo as K, useEffect as D } from "react";
-import H from "../../../chapters/chapters-list/chapter-item/chapter-item.js";
-import U from "../../../homework/homework-card.js";
-import I from "../../../homework/hw-card-list/hw-card-list-view.js";
-import J from "../../../milestone/milestone-list-container/milestone-list-container.js";
+import { useRef as c, useCallback as m, useMemo as U, useEffect as J } from "react";
+import y from "../../../chapters/chapters-list/chapter-item/chapter-item.js";
+import G from "../../../homework/homework-card.js";
+import H from "../../../homework/hw-card-list/hw-card-list-view.js";
+import M from "../../../milestone/milestone-list-container/milestone-list-container.js";
 import T from "../../../ui/layout/flex-view.js";
-import P from "../../../ui/text/text.js";
-import { JOURNEY_ID_STUDENT as M } from "../../journey-id/journey-id-student.js";
+import S from "../../../ui/text/text.js";
+import { JOURNEY_ID_STUDENT as W } from "../../journey-id/journey-id-student.js";
 import { IndicatorType as p } from "../../use-journey/constants.js";
-import { useJourney as W } from "../../use-journey/use-journey.js";
-import { HOMEWORK_DETAILS as C } from "./home-page-homeworks-mock.js";
-import { RECENT_CHAPTERS as h } from "./recent-chapters-mock.js";
-import { ChaptersWrapper as y, ELementWrapper as f } from "./styles.js";
+import { useJourney as Y } from "../../use-journey/use-journey.js";
+import { HOMEWORK_DETAILS as h } from "./home-page-homeworks-mock.js";
+import { RECENT_CHAPTERS as C } from "./recent-chapters-mock.js";
+import { ChaptersWrapper as B, ELementWrapper as f } from "./styles.js";
 import u from "./tooltip-item.js";
-const ae = () => {
-  const r = M.HOMEPAGE_JOURNEY, n = c(null), i = c(null), B = c(null), w = c([]), { nextCoachmark: E, setJourney: O, endJourney: b } = W(), e = m(() => null, []), L = m(() => {
-    b(r), document.body.style.overflow = "unset";
-  }, [b, r]), s = m(() => {
-    E(r, !1, 0, !0);
-  }, [E, r]), N = m(
-    ({ studentId: a, stream: _, userType: l }) => {
-      var A, x;
-      const { title: v = "", subtext: X = "" } = C.assigned_homeworks[0] || {}, R = l === "STUDENT";
-      if (!(n != null && n.current) || !(i != null && i.current))
+const se = () => {
+  const n = W.HOMEPAGE_JOURNEY, r = c(null), i = c(null), _ = c(null), w = c([]), { nextCoachmark: E, setJourney: O, endJourney: b } = Y(), e = m(() => null, []), N = m(() => {
+    b(n), document.body.style.overflow = "unset";
+  }, [b, n]), s = m(() => {
+    E(n, !1, 0, !0);
+  }, [E, n]), R = m(
+    ({ studentId: a, stream: X, userType: l }) => {
+      var A, x, I, P;
+      const { title: $ = "", subtext: K = "" } = ((A = h.assigned_homeworks[0]) == null ? void 0 : A.sheets[0]) || {}, L = l === "STUDENT";
+      if (!(r != null && r.current) || !(i != null && i.current))
         return;
-      const $ = [
+      const D = [
         {
-          originalElementToHighlightRef: n,
+          originalElementToHighlightRef: r,
           type: p.TOOLTIP,
           elementToHighlight: /* @__PURE__ */ d(
             T,
@@ -38,12 +38,12 @@ const ae = () => {
               $gutterX: 1,
               children: [
                 /* @__PURE__ */ o(
-                  I,
+                  H,
                   {
                     userType: l,
                     studentId: a,
                     isHwProcessing: !1,
-                    hwDetails: C,
+                    hwDetails: h,
                     onTestStart: e,
                     onNodeAttempt: e,
                     onTestPreview: e,
@@ -53,14 +53,14 @@ const ae = () => {
                     onNodeUnassign: e
                   }
                 ),
-                /* @__PURE__ */ d(T, { $flexRowGapX: 1, ref: B, children: [
-                  /* @__PURE__ */ d(P, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+                /* @__PURE__ */ d(T, { $flexRowGapX: 1, ref: _, children: [
+                  /* @__PURE__ */ d(S, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
                     "Recent Chapters (",
-                    (A = h) == null ? void 0 : A.length,
+                    (x = C) == null ? void 0 : x.length,
                     ")"
                   ] }),
-                  /* @__PURE__ */ o(y, { children: h.map((t, g) => /* @__PURE__ */ o(
-                    H,
+                  /* @__PURE__ */ o(B, { children: C.map((t, g) => /* @__PURE__ */ o(
+                    y,
                     {
                       chapter: t,
                       onChapterClick: e,
@@ -70,13 +70,13 @@ const ae = () => {
                   )) })
                 ] }),
                 /* @__PURE__ */ o(
-                  J,
+                  M,
                   {
                     milestoneType: "ACTIVE",
                     activeMilestoneId: "",
                     activeTabId: "",
                     canCreatePlan: !1,
-                    courseStream: _,
+                    courseStream: X,
                     isClassOngoing: !1,
                     isStudentPresent: !1,
                     parentName: "",
@@ -118,7 +118,7 @@ const ae = () => {
             tooltipItem: /* @__PURE__ */ o(
               u,
               {
-                text: `Welcome to the all new ${R ? "learning" : "tutoring"} homepage.`,
+                text: `Welcome to the all new ${L ? "learning" : "tutoring"} homepage.`,
                 buttonLabel: "Next",
                 onButtonClick: s
               }
@@ -128,12 +128,12 @@ const ae = () => {
         {
           originalElementToHighlightRef: i,
           elementToHighlight: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
-            I,
+            H,
             {
               userType: l,
               studentId: a,
               isHwProcessing: !1,
-              hwDetails: C,
+              hwDetails: h,
               onTestStart: e,
               onNodeAttempt: e,
               onTestPreview: e,
@@ -157,7 +157,7 @@ const ae = () => {
             tooltipItem: /* @__PURE__ */ o(
               u,
               {
-                text: `Homework is now easy to access and easy to ${R ? "complete" : "review"}!`,
+                text: `Homework is now easy to access and easy to ${L ? "complete" : "review"}!`,
                 buttonLabel: "Next",
                 onButtonClick: s
               }
@@ -167,16 +167,19 @@ const ae = () => {
         {
           originalElementToHighlightRef: i,
           elementToHighlight: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
-            U,
+            G,
             {
               isInQueue: !1,
               userType: l,
-              header: v,
-              subHeader: X || "",
-              nodeData: C.assigned_homeworks[0],
+              header: $,
+              subHeader: K || "",
+              nodeData: (I = h.assigned_homeworks[0]) == null ? void 0 : I.sheets[0],
               renderAs: "homework",
               studentId: a,
-              shouldOpenOnRight: !1
+              shouldOpenOnRight: !1,
+              entityId: "",
+              state: "IN_PROGRESS",
+              score: null
             }
           ) }),
           type: p.TOOLTIP,
@@ -201,15 +204,15 @@ const ae = () => {
           }
         },
         {
-          originalElementToHighlightRef: n,
+          originalElementToHighlightRef: r,
           elementToHighlight: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ d(T, { $flexRowGapX: 1, children: [
-            /* @__PURE__ */ d(P, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+            /* @__PURE__ */ d(S, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
               "Recent Chapters (",
-              (x = h) == null ? void 0 : x.length,
+              (P = C) == null ? void 0 : P.length,
               ")"
             ] }),
-            /* @__PURE__ */ o(y, { children: h.map((t, g) => /* @__PURE__ */ o(
-              H,
+            /* @__PURE__ */ o(B, { children: C.map((t, g) => /* @__PURE__ */ o(
+              y,
               {
                 chapter: t,
                 onChapterClick: e,
@@ -234,33 +237,33 @@ const ae = () => {
               {
                 text: "Access all your recent chapters in one place.",
                 buttonLabel: "Got it",
-                onButtonClick: L
+                onButtonClick: N
               }
             )
           }
         }
       ];
-      O(r, $);
+      O(n, D);
       const k = setTimeout(() => {
         var t;
         clearTimeout(k), l === "STUDENT" ? window.scrollTo(0, 0) : (t = document.getElementById("tab-content-container")) == null || t.scrollTo(0, 0), document.body.style.overflow = "hidden", s();
       }, 200);
       w.current.push(k);
     },
-    [L, e, s, r, O]
-  ), S = K(
+    [N, e, s, n, O]
+  ), v = U(
     () => ({
-      homepageRef: n,
+      homepageRef: r,
       homeworkRef: i,
-      startJourney: N
+      startJourney: R
     }),
-    [N]
+    [R]
   );
-  return D(() => () => {
+  return J(() => () => {
     w.current.forEach((a) => clearTimeout(a)), w.current = [];
-  }, []), S;
+  }, []), v;
 };
 export {
-  ae as useHomePageJourney
+  se as useHomePageJourney
 };
 //# sourceMappingURL=use-home-page-journey.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-home-page-journey.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/use-home-page-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\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 type { TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport MilestoneListContainer from '../../../milestone/milestone-list-container/milestone-list-container';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport { HOMEWORK_DETAILS } from './home-page-homeworks-mock';\nimport type { IHomepageStartJourneyProps } from './homepage-journey-types';\nimport { RECENT_CHAPTERS } from './recent-chapters-mock';\nimport { ChaptersWrapper, ELementWrapper } from './styles';\nimport TooltipItem from './tooltip-item';\n\nexport const useHomePageJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n const homepageRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const homeworkRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\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.assigned_homeworks[0] \|\| {};\n const isStudent = userType === 'STUDENT';\n\n if (!homepageRef?.current \|\| !homeworkRef?.current) {\n return;\n }\n\n const homepageSteps: TCoachmarkJourneyProps[] = [\n {\n originalElementToHighlightRef: homepageRef,\n\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}\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 <TooltipItem\n text={`Welcome to the all new ${isStudent ? 'learning' : 'tutoring'} homepage.`}\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\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}\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 <TooltipItem\n text={`Homework is now easy to access and easy to ${\n isStudent ? 'complete' : 'review'\n }!`}\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\n ),\n } as IArrowTooltipProps,\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.assigned_homeworks[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 <TooltipItem\n text=\"Track homework status and their due dates.\"\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\n ),\n } as IArrowTooltipProps,\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 <TooltipItem\n text=\"Access all your recent chapters in one place.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\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","TooltipItem","ELementWrapper","HomeworkCard","_b","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}
1	+ {"version":3,"file":"use-home-page-journey.js","sources":["../../../../../src/features/journey/hooks/use-home-page-journey/use-home-page-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport type { IChapterDataProps } from '../../../chapters/chapter/chapter-types';\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 type { TCourseStream } from '../../../milestone/create/milestone-create-types';\nimport MilestoneListContainer from '../../../milestone/milestone-list-container/milestone-list-container';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport { HOMEWORK_DETAILS } from './home-page-homeworks-mock';\nimport type { IHomepageStartJourneyProps } from './homepage-journey-types';\nimport { RECENT_CHAPTERS } from './recent-chapters-mock';\nimport { ChaptersWrapper, ELementWrapper } from './styles';\nimport TooltipItem from './tooltip-item';\nimport { type INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nexport const useHomePageJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n const homepageRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const homeworkRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\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.assigned_homeworks[0]?.sheets[0] \|\| {};\n const isStudent = userType === 'STUDENT';\n\n if (!homepageRef?.current \|\| !homeworkRef?.current) {\n return;\n }\n\n const homepageSteps: TCoachmarkJourneyProps[] = [\n {\n originalElementToHighlightRef: homepageRef,\n\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}\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 <TooltipItem\n text={`Welcome to the all new ${isStudent ? 'learning' : 'tutoring'} homepage.`}\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\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}\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 <TooltipItem\n text={`Homework is now easy to access and easy to ${\n isStudent ? 'complete' : 'review'\n }!`}\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\n ),\n } as IArrowTooltipProps,\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.assigned_homeworks[0]?.sheets[0] as INodeDataProps}\n renderAs=\"homework\"\n studentId={studentId}\n shouldOpenOnRight={false}\n entityId=\"\"\n state=\"IN_PROGRESS\"\n score={null}\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 <TooltipItem\n text=\"Track homework status and their due dates.\"\n buttonLabel=\"Next\"\n onButtonClick={handleNextCoachmark}\n />\n ),\n } as IArrowTooltipProps,\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 <TooltipItem\n text=\"Access all your recent chapters in one place.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\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","_a","HOMEWORK_DETAILS","isStudent","homepageSteps","IndicatorType","jsxs","FlexView","jsx","HwCardListView","Text","_b","RECENT_CHAPTERS","ChaptersWrapper","chapter","idx","ChapterItem","MilestoneListContainer","TooltipItem","ELementWrapper","HomeworkCard","_c","_d","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js CHANGED Viewed

@@ -2,16 +2,16 @@ import { jsx as t } from "react/jsx-runtime";
 import { useRef as r, useCallback as n, useMemo as h } from "react";
 import C from "../../../homework/homework-card-view.js";
 import T from "../../../ui/layout/flex-view.js";
-import { JOURNEY_ID_STUDENT as w } from "../../journey-id/journey-id-student.js";
-import { IndicatorType as E } from "../../use-journey/constants.js";
+import { JOURNEY_ID_STUDENT as E } from "../../journey-id/journey-id-student.js";
+import { IndicatorType as w } from "../../use-journey/constants.js";
 import { useJourney as b } from "../../use-journey/use-journey.js";
-import g from "../use-home-page-journey/tooltip-item.js";
-const z = () => {
-  const e = w.PUZZLE_ASSIGNED_JOURNEY, d = r(null), o = r(null), p = r([]), { setJourney: i, endJourney: s, nextCoachmark: l } = b(), a = n(() => {
-    l(e, !1, 0, !1);
-  }, [e, l]), u = n(() => {
-    document.body.style.overflow = "unset", s(e);
-  }, [s, e]), m = n(
+import N from "../use-home-page-journey/tooltip-item.js";
+const _ = () => {
+  const e = E.PUZZLE_ASSIGNED_JOURNEY, d = r(null), o = r(null), p = r([]), { setJourney: s, endJourney: i, nextCoachmark: a } = b(), l = n(() => {
+    a(e, !1, 0, !1);
+  }, [e, a]), u = n(() => {
+    document.body.style.overflow = "unset", i(e);
+  }, [i, e]), m = n(
     (f) => {
       if (!(o != null && o.current))
         return;
@@ -25,10 +25,12 @@ const z = () => {
               subHeader: "",
               userType: "STUDENT",
               nodeData: f,
+              state: "IN_PROGRESS",
+              score: 8,
               studentContainerRef: d
             }
           ) }),
-          type: E.TOOLTIP,
+          type: w.TOOLTIP,
           indicator: {
             renderAs: "primary",
             tooltipXCoOrdinates: 66,
@@ -39,7 +41,7 @@ const z = () => {
             borderColor: "BLACK",
             arrowColor: "BLACK",
             tooltipItem: /* @__PURE__ */ t(
-              g,
+              N,
               {
                 text: "New Puzzle assigned! Click here to view.",
                 buttonLabel: "Got it",
@@ -50,13 +52,13 @@ const z = () => {
           isActive: !1
         }
       ];
-      i(e, y);
+      s(e, y);
       const c = setTimeout(() => {
-        clearTimeout(c), document.body.style.overflow = "hidden", a();
+        clearTimeout(c), document.body.style.overflow = "hidden", l();
       }, 500);
       p.current.push(c);
     },
-    [u, a, e, i]
+    [u, l, e, s]
   );
   return h(
     () => ({
@@ -67,6 +69,6 @@ const z = () => {
   );
 };
 export {
-  z as usePuzzleAssignedJourney
+  _ as usePuzzleAssignedJourney
 };
 //# sourceMappingURL=use-puzzle-assigned.js.map

package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-puzzle-assigned.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, type RefObject } from 'react';\n\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport HomeworkCardView from '../../../homework/homework-card-view';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAssignedJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ASSIGNED_JOURNEY;\n\n const studentContainerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n const puzzleHWCardRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(\n (nodeData: INodeDataProps) => {\n if (!puzzleHWCardRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleHWCardRef,\n elementToHighlight: (\n <FlexView>\n <HomeworkCardView\n header=\"\"\n subHeader=\"\"\n userType=\"STUDENT\"\n nodeData={nodeData}\n studentContainerRef={studentContainerRef}\n />\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 66,\n arrowSize: 12,\n arrowXCoOrdinates: -100,\n position: 'bottom',\n backgroundColor: 'GREEN_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"New Puzzle assigned! Click here to view.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n },\n [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n );\n\n const data = useMemo(\n () => ({\n puzzleHWCardRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleAssignedJourney };\n"],"names":["usePuzzleAssignedJourney","journeyId","JOURNEY_ID_STUDENT","studentContainerRef","useRef","puzzleHWCardRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","nodeData","puzzleAttemptSteps","FlexView","jsx","HomeworkCardView","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAkBD,EAAuB,IAAI,GAC7CE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAG,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAR,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWQ,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWP,CAAS;AAAA,EAAA,GACnB,CAACO,GAAYP,CAAS,CAAC,GAEpBa,IAAeF;AAAA,IACnB,CAACG,MAA6B;AACxB,UAAA,EAACV,KAAA,QAAAA,EAAiB;AACpB;AAGF,YAAMW,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BX;AAAA,UAC/B,sCACGY,GACC,EAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,qBAAAZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEF,MAAMiB,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeR;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWN,GAAWe,CAAkB;AAElC,YAAAM,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACT,GAAkBF,GAAqBV,GAAWM,CAAU;AAAA,EAAA;AAWxD,SARMgB;AAAA,IACX,OAAO;AAAA,MACL,iBAAAlB;AAAA,MACA,cAAAS;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}
1	+ {"version":3,"file":"use-puzzle-assigned.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-assigned.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, type RefObject } from 'react';\n\nimport type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport HomeworkCardView from '../../../homework/homework-card-view';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleAssignedJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_ASSIGNED_JOURNEY;\n\n const studentContainerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n const puzzleHWCardRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(\n (nodeData: INodeDataProps) => {\n if (!puzzleHWCardRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleHWCardRef,\n elementToHighlight: (\n <FlexView>\n <HomeworkCardView\n header=\"\"\n subHeader=\"\"\n userType=\"STUDENT\"\n nodeData={nodeData}\n state=\"IN_PROGRESS\"\n score={8}\n studentContainerRef={studentContainerRef}\n />\n </FlexView>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 66,\n arrowSize: 12,\n arrowXCoOrdinates: -100,\n position: 'bottom',\n backgroundColor: 'GREEN_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"New Puzzle assigned! Click here to view.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n },\n [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n );\n\n const data = useMemo(\n () => ({\n puzzleHWCardRef,\n startJourney,\n }),\n [startJourney],\n );\n\n return data;\n};\n\nexport { usePuzzleAssignedJourney };\n"],"names":["usePuzzleAssignedJourney","journeyId","JOURNEY_ID_STUDENT","studentContainerRef","useRef","puzzleHWCardRef","timerRefs","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","startJourney","nodeData","puzzleAttemptSteps","FlexView","jsx","HomeworkCardView","IndicatorType","TooltipItem","delayBeforeStart","useMemo"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2B,MAAM;AACrC,QAAMC,IAAYC,EAAmB,yBAE/BC,IAAsBC,EAAuB,IAAI,GACjDC,IAAkBD,EAAuB,IAAI,GAC7CE,IAAYF,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAG,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAR,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWQ,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWP,CAAS;AAAA,EAAA,GACnB,CAACO,GAAYP,CAAS,CAAC,GAEpBa,IAAeF;AAAA,IACnB,CAACG,MAA6B;AACxB,UAAA,EAACV,KAAA,QAAAA,EAAiB;AACpB;AAGF,YAAMW,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BX;AAAA,UAC/B,sCACGY,GACC,EAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,OAAM;AAAA,cACN,OAAO;AAAA,cACP,qBAAAZ;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEF,MAAMiB,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeR;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWN,GAAWe,CAAkB;AAElC,YAAAM,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXX;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACT,GAAkBF,GAAqBV,GAAWM,CAAU;AAAA,EAAA;AAWxD,SARMgB;AAAA,IACX,OAAO;AAAA,MACL,iBAAAlB;AAAA,MACA,cAAAS;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}

package/dist/features/math-fit/api/get-mathfit-assessment.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { createGetAPI as s } from "@cuemath/rest-api";
+import { BASE_URL_V3 as i } from "../../../constants/api.js";
+const { useGet: o, invalidate: n } = s({
+  getURL: (t, a, { mathfitTestId: e }) => `${i}/users/${t}/mathfit-tests/${e}`
+});
+export {
+  n as invalidateMathFitAssessment,
+  o as useGetMathFitAssessment
+};
+//# sourceMappingURL=get-mathfit-assessment.js.map

package/dist/features/math-fit/api/get-mathfit-assessment.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-mathfit-assessment.js","sources":["../../../../src/features/math-fit/api/get-mathfit-assessment.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { type IMathFitAssessmentResponse } from '../math-fit-overview/math-fit-overview-types';\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetMathFitAssessment, invalidate: invalidateMathFitAssessment } = createGetAPI<\n IMathFitAssessmentResponse,\n void,\n { mathfitTestId: string }\n>({\n getURL: (userId, _, { mathfitTestId }) =>\n `${BASE_URL_V3}/users/${userId}/mathfit-tests/${mathfitTestId}`,\n});\n\nexport { useGetMathFitAssessment, invalidateMathFitAssessment };\n"],"names":["useGetMathFitAssessment","invalidateMathFitAssessment","createGetAPI","userId","_","mathfitTestId","BASE_URL_V3"],"mappings":";;AAKA,MAAM,EAAE,QAAQA,GAAyB,YAAYC,EAAA,IAAgCC,EAInF;AAAA,EACA,QAAQ,CAACC,GAAQC,GAAG,EAAE,eAAAC,EACpB,MAAA,GAAGC,CAAW,UAAUH,CAAM,kBAAkBE,CAAa;AACjE,CAAC;"}

package/dist/features/math-fit/math-fit/math-fit.js ADDED Viewed

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as F, useCallback as M, useEffect as T } from "react";
+import d from "../../ui/loader/app-loader/app-loader.js";
+import { useGetMathFitAssessment as g } from "../api/get-mathfit-assessment.js";
+import { EMATHFIT_TEST_STATE as m } from "../math-fit-overview/math-fit-overview-types.js";
+import l from "../math-fit-overview/math-fit-overview.js";
+import v from "../math-fit-report/math-fit-report.js";
+import A from "../../ui/error/error.js";
+const P = F(function({
+  mathfitTestId: i,
+  userId: e,
+  onResumeClick: n,
+  onReviewClick: f,
+  onDoLater: s,
+  studentName: c,
+  userType: h
+}) {
+  const { get: a, data: t, isProcessing: p, isProcessed: u, isProcessingFailed: E } = g(), o = M(() => {
+    a(e, void 0, { mathfitTestId: i });
+  }, [a, e, i]);
+  return T(() => {
+    o();
+  }, [o]), p ? /* @__PURE__ */ r(d, { height: "100dvh" }) : E || u && !t ? /* @__PURE__ */ r(A, { onTryAgain: o, height: "100dvh" }) : t ? t.state === m.COMPLETED || t.state === m.EXPIRED ? /* @__PURE__ */ r(
+    v,
+    {
+      data: t,
+      onReviewClick: f,
+      studentName: c,
+      userType: h,
+      onBack: s
+    }
+  ) : /* @__PURE__ */ r(l, { data: t, onResumeClick: n, onDoLater: s }) : null;
+}), j = P;
+export {
+  j as default
+};
+//# sourceMappingURL=math-fit.js.map

package/dist/features/math-fit/math-fit/math-fit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"math-fit.js","sources":["../../../../src/features/math-fit/math-fit/math-fit.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, type FC } from 'react';\n\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport { useGetMathFitAssessment } from '../api/get-mathfit-assessment';\nimport {\n EMATHFIT_TEST_STATE,\n type IMathFitProps,\n} from '../math-fit-overview/math-fit-overview-types';\nimport MathFitOverview from '../math-fit-overview/math-fit-overview';\nimport MathFitReport from '../math-fit-report/math-fit-report';\nimport Error from '../../ui/error/error';\n\nconst MathFit: FC<IMathFitProps> = memo(function MathFit({\n mathfitTestId,\n userId,\n onResumeClick,\n onReviewClick,\n onDoLater,\n studentName,\n userType,\n}) {\n const { get, data, isProcessing, isProcessed, isProcessingFailed } = useGetMathFitAssessment();\n\n const fetchData = useCallback(() => {\n get(userId, undefined, { mathfitTestId });\n }, [get, userId, mathfitTestId]);\n\n useEffect(() => {\n fetchData();\n }, [fetchData]);\n\n if (isProcessing) {\n return <AppLoader height=\"100dvh\" />;\n }\n\n if (isProcessingFailed || (isProcessed && !data)) {\n return <Error onTryAgain={fetchData} height=\"100dvh\" />;\n }\n\n if (!data) return null;\n\n if (data.state === EMATHFIT_TEST_STATE.COMPLETED || data.state === EMATHFIT_TEST_STATE.EXPIRED) {\n return (\n <MathFitReport\n data={data}\n onReviewClick={onReviewClick}\n studentName={studentName}\n userType={userType}\n onBack={onDoLater}\n />\n );\n }\n\n return <MathFitOverview data={data} onResumeClick={onResumeClick} onDoLater={onDoLater} />;\n});\n\nexport default MathFit;\n"],"names":["MathFit","memo","mathfitTestId","userId","onResumeClick","onReviewClick","onDoLater","studentName","userType","get","data","isProcessing","isProcessed","isProcessingFailed","useGetMathFitAssessment","fetchData","useCallback","useEffect","jsx","AppLoader","Error","EMATHFIT_TEST_STATE","MathFitReport","MathFitOverview","MathFit$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAA6BC,EAAK,SAAiB;AAAA,EACvD,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,cAAAC,GAAc,aAAAC,GAAa,oBAAAC,EAAA,IAAuBC,KAE/DC,IAAYC,EAAY,MAAM;AAClC,IAAAP,EAAIN,GAAQ,QAAW,EAAE,eAAAD,EAAe,CAAA;AAAA,EACvC,GAAA,CAACO,GAAKN,GAAQD,CAAa,CAAC;AAM/B,SAJAe,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEVJ,IACK,gBAAAO,EAACC,GAAU,EAAA,QAAO,SAAS,CAAA,IAGhCN,KAAuBD,KAAe,CAACF,IACjC,gBAAAQ,EAAAE,GAAA,EAAM,YAAYL,GAAW,QAAO,SAAS,CAAA,IAGlDL,IAEDA,EAAK,UAAUW,EAAoB,aAAaX,EAAK,UAAUW,EAAoB,UAEnF,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,eAAAL;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,MACA,QAAQF;AAAA,IAAA;AAAA,EAAA,IAKN,gBAAAY,EAAAK,GAAA,EAAgB,MAAAb,GAAY,eAAAN,GAA8B,WAAAE,EAAsB,CAAA,IAdtE;AAepB,CAAC,GAEDkB,IAAexB;"}

package/dist/features/math-fit/math-fit-card/math-fit-card-styled.js ADDED Viewed

@@ -0,0 +1,22 @@
+import e from "styled-components";
+import n from "../../ui/layout/flex-view.js";
+const i = e(n)(({
+  $bgImage: o,
+  $disabled: r,
+  $expired: t
+}) => o ? `
+      background-image: url(${o});
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
+      cursor: ${r ? "not-allowed" : "pointer"};
+      opacity: ${r ? 0.5 : 1};
+      filter: ${t ? "grayscale(1)" : "none"};
+    ` : `
+    cursor: ${r ? "not-allowed" : "pointer"};
+    opacity: ${r ? 0.5 : 1};
+  `);
+export {
+  i as MathFitCardContainer
+};
+//# sourceMappingURL=math-fit-card-styled.js.map

package/dist/features/math-fit/math-fit-card/math-fit-card-styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"math-fit-card-styled.js","sources":["../../../../src/features/math-fit/math-fit-card/math-fit-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface IMathFitCardContainerProps {\n $bgImage: string;\n $disabled: boolean;\n $expired: boolean;\n}\n\nexport const MathFitCardContainer = styled(FlexView)<IMathFitCardContainerProps>(({\n $bgImage,\n $disabled,\n $expired,\n}) => {\n if ($bgImage) {\n return `\n background-image: url(${$bgImage});\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n opacity: ${$disabled ? 0.5 : 1};\n filter: ${$expired ? 'grayscale(1)' : 'none'};\n `;\n }\n\n return `\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n opacity: ${$disabled ? 0.5 : 1};\n `;\n});\n"],"names":["MathFitCardContainer","styled","FlexView","$bgImage","$disabled","$expired"],"mappings":";;AAUO,MAAMA,IAAuBC,EAAOC,CAAQ,EAA8B,CAAC;AAAA,EAChF,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MACMF,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA,gBAItBC,IAAY,gBAAgB,SAAS;AAAA,iBACpCA,IAAY,MAAM,CAAC;AAAA,gBACpBC,IAAW,iBAAiB,MAAM;AAAA,QAIzC;AAAA,cACKD,IAAY,gBAAgB,SAAS;AAAA,eACpCA,IAAY,MAAM,CAAC;AAAA,GAEjC;"}

package/dist/features/math-fit/math-fit-card/math-fit-card.js ADDED Viewed

@@ -0,0 +1,80 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { memo as C } from "react";
+import u from "../../chapters-v2/comps/node-card/node-card-tags.js";
+import T from "../../homework/node-progress.js";
+import A from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import _ from "../../ui/layout/flex-view.js";
+import n from "../../ui/separator/separator.js";
+import a from "../../ui/text/text.js";
+import { MathFitCardContainer as x } from "./math-fit-card-styled.js";
+import { ILLUSTRATIONS as E } from "../../../assets/illustrations/illustrations.js";
+const F = C(function({
+  dueDateTs: o,
+  isMathFitDisabled: t = !1,
+  tooltipText: h = "",
+  isMilestone: s = !1,
+  nodeType: p,
+  state: e,
+  subHeader: c,
+  unlockedOnTs: i,
+  userType: f,
+  score: l,
+  studentContainerRef: $
+}) {
+  const g = o && i, d = e === "EXPIRED";
+  return /* @__PURE__ */ r(
+    A,
+    {
+      renderAs: "primary",
+      tooltipItem: h,
+      position: "bottom",
+      hidden: !t,
+      children: /* @__PURE__ */ m(
+        x,
+        {
+          ref: $,
+          $widthX: 12.38,
+          $position: "relative",
+          $background: d ? "WHITE_4" : "BLUE_4",
+          $bgImage: E.MATH_FIT_CARD_BG,
+          $height: 159,
+          $gutterX: 0.78125,
+          $disabled: t,
+          $expired: d,
+          children: [
+            /* @__PURE__ */ r(
+              u,
+              {
+                nodeType: p,
+                state: e,
+                accuracy: l ?? 0,
+                dueDateTs: o,
+                isStudent: f === "STUDENT",
+                isMilestone: s,
+                isMathFitCard: !0
+              }
+            ),
+            g && /* @__PURE__ */ r(
+              T,
+              {
+                dueDate: o * 1e3,
+                unlockedOn: i * 1e3,
+                progressBg: "BLUE_2"
+              }
+            ),
+            /* @__PURE__ */ m(_, { $justifyContent: "flex-end", $height: "100%", children: [
+              /* @__PURE__ */ r(a, { $renderAs: "ac4", $color: "BLACK_1", children: "MathFit TEST" }),
+              /* @__PURE__ */ r(n, { heightX: 0.5 }),
+              /* @__PURE__ */ r(a, { $renderAs: "ub3", $color: "BLACK_T_60", $width: "100%", children: c }),
+              /* @__PURE__ */ r(n, { heightX: 0.75 })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}), y = F;
+export {
+  y as default
+};
+//# sourceMappingURL=math-fit-card.js.map

package/dist/features/math-fit/math-fit-card/math-fit-card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"math-fit-card.js","sources":["../../../../src/features/math-fit/math-fit-card/math-fit-card.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport NodeCardTags from '../../chapters-v2/comps/node-card/node-card-tags';\nimport NodeProgress from '../../homework/node-progress';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport type { IMathFitCardProps } from './math-fit-card-types';\nimport * as Styled from './math-fit-card-styled';\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\nconst MathFitCard: FC<IMathFitCardProps> = memo(function MathFitCard({\n dueDateTs,\n isMathFitDisabled = false,\n tooltipText = '',\n isMilestone = false,\n nodeType,\n state,\n subHeader,\n unlockedOnTs,\n userType,\n score,\n studentContainerRef,\n}) {\n const shouldShowProgress = dueDateTs && unlockedOnTs;\n const isExpired = state === 'EXPIRED';\n\n return (\n <ArrowTooltip\n renderAs=\"primary\"\n tooltipItem={tooltipText}\n position=\"bottom\"\n hidden={!isMathFitDisabled}\n >\n <Styled.MathFitCardContainer\n ref={studentContainerRef}\n $widthX={12.38}\n $position=\"relative\"\n $background={isExpired ? 'WHITE_4' : 'BLUE_4'}\n $bgImage={ILLUSTRATIONS.MATH_FIT_CARD_BG}\n $height={159}\n $gutterX={0.78125}\n $disabled={isMathFitDisabled}\n $expired={isExpired}\n >\n <NodeCardTags\n nodeType={nodeType}\n state={state}\n accuracy={score ?? 0}\n dueDateTs={dueDateTs}\n isStudent={userType === 'STUDENT'}\n isMilestone={isMilestone}\n isMathFitCard\n />\n {shouldShowProgress && (\n <NodeProgress\n dueDate={dueDateTs * 1000}\n unlockedOn={unlockedOnTs * 1000}\n progressBg=\"BLUE_2\"\n />\n )}\n <FlexView $justifyContent=\"flex-end\" $height=\"100%\">\n <Text $renderAs=\"ac4\" $color=\"BLACK_1\">\n MathFit TEST\n </Text>\n <Separator heightX={0.5} />\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\" $width=\"100%\">\n {subHeader}\n </Text>\n <Separator heightX={0.75} />\n </FlexView>\n </Styled.MathFitCardContainer>\n </ArrowTooltip>\n );\n});\n\nexport default MathFitCard;\n"],"names":["MathFitCard","memo","dueDateTs","isMathFitDisabled","tooltipText","isMilestone","nodeType","state","subHeader","unlockedOnTs","userType","score","studentContainerRef","shouldShowProgress","isExpired","jsx","ArrowTooltip","jsxs","Styled.MathFitCardContainer","ILLUSTRATIONS","NodeCardTags","NodeProgress","FlexView","Text","Separator","MathFitCard$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAqCC,EAAK,SAAqB;AAAA,EACnE,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACD,QAAMC,IAAqBX,KAAaO,GAClCK,IAAYP,MAAU;AAG1B,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,aAAaZ;AAAA,MACb,UAAS;AAAA,MACT,QAAQ,CAACD;AAAA,MAET,UAAA,gBAAAc;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKN;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV,aAAaE,IAAY,YAAY;AAAA,UACrC,UAAUK,EAAc;AAAA,UACxB,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAWhB;AAAA,UACX,UAAUW;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAAd;AAAA,gBACA,OAAAC;AAAA,gBACA,UAAUI,KAAS;AAAA,gBACnB,WAAAT;AAAA,gBACA,WAAWQ,MAAa;AAAA,gBACxB,aAAAL;AAAA,gBACA,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACCQ,KACC,gBAAAE;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAASnB,IAAY;AAAA,gBACrB,YAAYO,IAAe;AAAA,gBAC3B,YAAW;AAAA,cAAA;AAAA,YACb;AAAA,YAED,gBAAAQ,EAAAK,GAAA,EAAS,iBAAgB,YAAW,SAAQ,QAC3C,UAAA;AAAA,cAAA,gBAAAP,EAACQ,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,UAEvC,gBAAA;AAAA,cACA,gBAAAR,EAACS,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,cACzB,gBAAAT,EAACQ,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,QAC9C,UACHf,EAAA,CAAA;AAAA,cACA,gBAAAO,EAACS,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,YAAA,GAC5B;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAEDC,IAAezB;"}

package/dist/features/math-fit/math-fit-overview/comps/section-card/section-card-styled.js ADDED Viewed

@@ -0,0 +1,24 @@
+import t from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const l = t(o)`
+  margin-left: 12px;
+`, p = t(o)`
+  margin-left: -12px;
+`, s = t.div(({ theme: i }) => {
+  const { colors: e } = i;
+  return `
+    position: absolute;
+    height: 100%;
+    left:0;
+    top: calc(50% + 8px);
+    z-index: 0;
+    width: 1px;
+    background: ${e.BLACK_T_15};
+    `;
+});
+export {
+  l as Container,
+  s as Divider,
+  p as StatusColumn
+};
+//# sourceMappingURL=section-card-styled.js.map