@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

package/dist/features/chapters-v2/chapter-details/chapter-details.js

@@ -1,29 +1,29 @@
-import { jsxs as p, jsx as o, Fragment as z } from "react/jsx-runtime";
-import { memo as G, useCallback as M, useEffect as f, useMemo as u } from "react";
-import { ILLUSTRATIONS as V } from "../../../assets/illustrations/illustrations.js";
-import q from "../../../assets/line-icons/icons/back2.js";
-import { useChallengeArenaJourney as K } from "../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey.js";
-import { useDownloadBlockJourney as Q } from "../../journey/hooks/use-chapter-page-journey/use-download-block-journey.js";
-import { useDownloadNodeJourney as Y } from "../../journey/hooks/use-chapter-page-journey/use-download-node-journey.js";
-import { useJourney as Z } from "../../journey/use-journey/use-journey.js";
-import ee from "../../ui/buttons/button/button.js";
-import oe from "../../ui/buttons/icon-button/icon-button.js";
-import te from "../../ui/layout/flex-view.js";
-import re from "../../ui/loader/app-loader/app-loader.js";
-import ne from "../../ui/text/text.js";
-import { useGetChapterDetails as ae } from "../api/chapter.js";
-import { getHasDownloadBlock as ie, getHasNonDownloadBlockWithPdfNode as se } from "../utils/index.js";
-import le from "./block-sections/block-sections.js";
-import ce from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as de, BackButtonContainer as me, BackButtonWrapper as pe, LoaderWrapper as fe } from "./chapter-details-styled.js";
-const ue = G(function(S) {
+import { jsxs as f, jsx as o, Fragment as M } from "react/jsx-runtime";
+import { memo as V, useCallback as q, useEffect as p, useMemo as u } from "react";
+import { ILLUSTRATIONS as K } from "../../../assets/illustrations/illustrations.js";
+import Q from "../../../assets/line-icons/icons/back2.js";
+import { useChallengeArenaJourney as Y } from "../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey.js";
+import { useDownloadBlockJourney as Z } from "../../journey/hooks/use-chapter-page-journey/use-download-block-journey.js";
+import { useDownloadNodeJourney as ee } from "../../journey/hooks/use-chapter-page-journey/use-download-node-journey.js";
+import { useJourney as oe } from "../../journey/use-journey/use-journey.js";
+import te from "../../ui/buttons/button/button.js";
+import re from "../../ui/buttons/icon-button/icon-button.js";
+import ne from "../../ui/layout/flex-view.js";
+import ae from "../../ui/loader/app-loader/app-loader.js";
+import ie from "../../ui/text/text.js";
+import { useGetChapterDetails as se } from "../api/chapter.js";
+import { getHasDownloadBlock as le, getHasNonDownloadBlockWithPdfNode as ce } from "../utils/index.js";
+import de from "./block-sections/block-sections.js";
+import me from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as fe, BackButtonContainer as pe, BackButtonWrapper as ue, LoaderWrapper as he } from "./chapter-details-styled.js";
+const ge = V(function(S) {
   const {
     userChapterId: s,
     studentId: l,
     userType: t,
     onBlockSkipUnskip: J,
-    onNodeAttempt: A,
-    onNodeAssignAsHomework: b,
+    onNodeAttempt: b,
+    onNodeAssignAsHomework: A,
     onNodeMarkAsDone: $,
     onNodeReattempt: x,
     onNodeReview: I,
@@ -40,53 +40,55 @@ const ue = G(function(S) {
     canStartJourney: r,
     canStartChallengeArenaJourney: h,
     canStartDownloadNodeJourney: c,
-    canStartDownloadBlockJourney: n
-  } = S, { isJourneyActive: g } = Z(), {
+    canStartDownloadBlockJourney: n,
+    nodeCardsRef: j,
+    backButtonRef: F
+  } = S, { isJourneyActive: g } = oe(), {
     get: k,
     data: e,
     isProcessing: a,
-    isProcessingFailed: j,
-    isStale: y
-  } = ae(), i = M(() => {
+    isProcessingFailed: O,
+    isStale: B
+  } = se(), i = q(() => {
     k(s, void 0, { studentId: l });
   }, [k, s, l]);
-  f(() => {
+  p(() => {
     i();
   }, [i]);
-  const { blockSectionRef: F, startJourney: B } = K(), {
+  const { blockSectionRef: X, startJourney: y } = Y(), {
     blockSectionRef: w,
-    downloadCoreBlockRef: O,
+    downloadCoreBlockRef: z,
     startJourney: C
-  } = Y(), { blockSectionRef: D, startJourney: N } = Q(), R = u(
-    () => e && ie(e.blocks),
+  } = ee(), { blockSectionRef: R, startJourney: D } = Z(), N = u(
+    () => e && le(e.blocks),
     [e]
   ), d = u(
-    () => e && se(e.blocks),
+    () => e && ce(e.blocks),
     [e]
-  ), X = u(
-    () => c && d ? w : n ? D : void 0,
+  ), G = u(
+    () => c && d ? w : n ? R : void 0,
     [
       c,
       n,
       d,
       w,
-      D
+      R
     ]
   );
-  return f(() => {
+  return p(() => {
     e && !g && (r && m && m({
       chapterDetails: e,
       userChapterId: s,
       studentId: l,
       userType: t
-    }), !r && h && B({
+    }), !r && h && y({
       chapterDetails: e,
       userType: t
     }), !r && c && d && C({
       chapterDetails: e,
       userType: t,
       canStartDownloadBlockJourney: n
-    }), !r && n && R && N({
+    }), !r && n && N && D({
       chapterDetails: e,
       userType: t
     }));
@@ -95,23 +97,23 @@ const ue = G(function(S) {
     r,
     e,
     g,
-    B,
+    y,
     m,
-    N,
+    D,
     C,
     l,
     s,
     t,
     d,
-    R,
+    N,
     c,
     n
-  ]), f(() => {
-    !a && y && i();
-  }, [i, a, y]), j ? /* @__PURE__ */ p(te, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ o(ne, { $renderAs: "ab1-bold", children: "Oops! Something went wrong. Please try again later." }),
+  ]), p(() => {
+    !a && B && i();
+  }, [i, a, B]), O ? /* @__PURE__ */ f(ne, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ o(ie, { $renderAs: "ab1-bold", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ o(
-      ee,
+      te,
       {
         widthX: 14,
         size: "small",
@@ -121,8 +123,8 @@ const ue = G(function(S) {
         onClick: i
       }
     )
-  ] }) : !e && a ? /* @__PURE__ */ o(re, { height: "100vh" }) : /* @__PURE__ */ p(
-    de,
+  ] }) : !e && a ? /* @__PURE__ */ o(ae, { height: "100vh" }) : /* @__PURE__ */ f(
+    fe,
     {
       ref: T,
       $widthX: 50,
@@ -131,20 +133,21 @@ const ue = G(function(S) {
       $alignItems: "center",
       $height: "max-content",
       children: [
-        t === "TEACHER" && /* @__PURE__ */ o(me, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ o(
-          oe,
+        t === "TEACHER" && /* @__PURE__ */ o(pe, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ o(
+          re,
           {
-            Icon: q,
+            ref: F,
+            Icon: Q,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
             onClick: P
           }
         ) }) }),
-        a && /* @__PURE__ */ o(fe, { children: /* @__PURE__ */ o("img", { src: V.LOADER_1, alt: "loader" }) }),
-        e && /* @__PURE__ */ p(z, { children: [
+        a && /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o("img", { src: K.LOADER_1, alt: "loader" }) }),
+        e && /* @__PURE__ */ f(M, { children: [
           /* @__PURE__ */ o(
-            ce,
+            me,
             {
               title: e.name,
               imageHue: e.image_hue,
@@ -154,22 +157,23 @@ const ue = G(function(S) {
             }
           ),
           /* @__PURE__ */ o(
-            le,
+            de,
             {
               imageHue: e.image_hue,
               userType: t,
               blocks: e.blocks,
               onBlockSkipUnskip: J,
-              onNodeAttempt: A,
-              onNodeAssignAsHomework: b,
+              onNodeAttempt: b,
+              onNodeAssignAsHomework: A,
               onNodeMarkAsDone: $,
               onNodeReattempt: x,
               onNodeReview: I,
               onNodeView: v,
               coreBlocksRef: W,
-              challengeBlockRef: F,
-              downloadCoreBlockRef: O,
-              downloadBlockRef: X,
+              challengeBlockRef: X,
+              downloadCoreBlockRef: z,
+              downloadBlockRef: G,
+              nodeCardsRef: j,
               onNodeUnassign: _,
               onNodeUnlock: E,
               onNodeSkipUnSkip: H,
@@ -180,8 +184,8 @@ const ue = G(function(S) {
       ]
     }
   );
-}), _e = ue;
+}), He = ge;
 export {
-  _e as default
+  He as default
 };
 //# sourceMappingURL=chapter-details.js.map

package/dist/features/chapters-v2/chapter-details/chapter-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useChallengeArenaJourney } from '../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey';\nimport { useDownloadBlockJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-block-journey';\nimport { useDownloadNodeJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-node-journey';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport { getHasDownloadBlock, getHasNonDownloadBlockWithPdfNode } from '../utils';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\nimport type { IChapterDetails } from './chapter-details-types';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(function ChapterDetails(props) {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    onNodeUnassign,\n    onNodeUnlock,\n    onNodeSkipUnSkip,\n    startChapterPageJourney,\n    onBlockReset,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n    canStartChallengeArenaJourney,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n  } = props;\n\n  const { isJourneyActive } = useJourney();\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  const { blockSectionRef: challengeBlockRef, startJourney: startChallengeArenaJourney } =\n    useChallengeArenaJourney();\n\n  const {\n    blockSectionRef: downloadBlockRef,\n    downloadCoreBlockRef,\n    startJourney: startDownloadNodeJourney,\n  } = useDownloadNodeJourney();\n\n  const { blockSectionRef: downloadBlockSectionRef, startJourney: startDownloadBlockJourney } =\n    useDownloadBlockJourney();\n\n  const hasDownloadBlock = useMemo(\n    () => chapterDetails && getHasDownloadBlock(chapterDetails.blocks),\n    [chapterDetails],\n  );\n  const hasNonDownloadBlockWithPdfNode = useMemo(\n    () => chapterDetails && getHasNonDownloadBlockWithPdfNode(chapterDetails.blocks),\n    [chapterDetails],\n  );\n\n  const activeDownloadBlockRef = useMemo(\n    () =>\n      canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode\n        ? downloadBlockRef\n        : canStartDownloadBlockJourney\n          ? downloadBlockSectionRef\n          : undefined,\n    [\n      canStartDownloadNodeJourney,\n      canStartDownloadBlockJourney,\n      hasNonDownloadBlockWithPdfNode,\n      downloadBlockRef,\n      downloadBlockSectionRef,\n    ],\n  );\n\n  useEffect(() => {\n    if (chapterDetails && !isJourneyActive) {\n      if (canStartJourney && startChapterPageJourney) {\n        startChapterPageJourney({\n          chapterDetails: chapterDetails,\n          userChapterId,\n          studentId,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartChallengeArenaJourney) {\n        startChallengeArenaJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode) {\n        startDownloadNodeJourney({\n          chapterDetails,\n          userType,\n          canStartDownloadBlockJourney,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadBlockJourney && hasDownloadBlock) {\n        startDownloadBlockJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n    }\n  }, [\n    canStartChallengeArenaJourney,\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChallengeArenaJourney,\n    startChapterPageJourney,\n    startDownloadBlockJourney,\n    startDownloadNodeJourney,\n    studentId,\n    userChapterId,\n    userType,\n    hasNonDownloadBlockWithPdfNode,\n    hasDownloadBlock,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n  ]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"ab1-bold\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $height=\"max-content\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\" className=\"goal-widget-chapter-item\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <>\n          <ChapterBanner\n            title={chapterDetails.name}\n            imageHue={chapterDetails.image_hue}\n            imageUrl={chapterDetails.image_url}\n            progressStats={chapterDetails?.progress_stat}\n            bannerRef={bannerRef}\n          />\n          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n            challengeBlockRef={challengeBlockRef}\n            downloadCoreBlockRef={downloadCoreBlockRef}\n            downloadBlockRef={activeDownloadBlockRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\n            onBlockReset={onBlockReset}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","startChapterPageJourney","onBlockReset","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","canStartChallengeArenaJourney","canStartDownloadNodeJourney","canStartDownloadBlockJourney","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","challengeBlockRef","startChallengeArenaJourney","useChallengeArenaJourney","downloadBlockRef","downloadCoreBlockRef","startDownloadNodeJourney","useDownloadNodeJourney","downloadBlockSectionRef","startDownloadBlockJourney","useDownloadBlockJourney","hasDownloadBlock","useMemo","getHasDownloadBlock","hasNonDownloadBlockWithPdfNode","getHasNonDownloadBlockWithPdfNode","activeDownloadBlockRef","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}
+{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport { useChallengeArenaJourney } from '../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey';\nimport { useDownloadBlockJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-block-journey';\nimport { useDownloadNodeJourney } from '../../journey/hooks/use-chapter-page-journey/use-download-node-journey';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport { getHasDownloadBlock, getHasNonDownloadBlockWithPdfNode } from '../utils';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\nimport type { IChapterDetails } from './chapter-details-types';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(function ChapterDetails(props) {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    onNodeUnassign,\n    onNodeUnlock,\n    onNodeSkipUnSkip,\n    startChapterPageJourney,\n    onBlockReset,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n    canStartChallengeArenaJourney,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n    nodeCardsRef,\n    backButtonRef,\n  } = props;\n\n  const { isJourneyActive } = useJourney();\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  const { blockSectionRef: challengeBlockRef, startJourney: startChallengeArenaJourney } =\n    useChallengeArenaJourney();\n\n  const {\n    blockSectionRef: downloadBlockRef,\n    downloadCoreBlockRef,\n    startJourney: startDownloadNodeJourney,\n  } = useDownloadNodeJourney();\n\n  const { blockSectionRef: downloadBlockSectionRef, startJourney: startDownloadBlockJourney } =\n    useDownloadBlockJourney();\n\n  const hasDownloadBlock = useMemo(\n    () => chapterDetails && getHasDownloadBlock(chapterDetails.blocks),\n    [chapterDetails],\n  );\n  const hasNonDownloadBlockWithPdfNode = useMemo(\n    () => chapterDetails && getHasNonDownloadBlockWithPdfNode(chapterDetails.blocks),\n    [chapterDetails],\n  );\n\n  const activeDownloadBlockRef = useMemo(\n    () =>\n      canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode\n        ? downloadBlockRef\n        : canStartDownloadBlockJourney\n          ? downloadBlockSectionRef\n          : undefined,\n    [\n      canStartDownloadNodeJourney,\n      canStartDownloadBlockJourney,\n      hasNonDownloadBlockWithPdfNode,\n      downloadBlockRef,\n      downloadBlockSectionRef,\n    ],\n  );\n\n  useEffect(() => {\n    if (chapterDetails && !isJourneyActive) {\n      if (canStartJourney && startChapterPageJourney) {\n        startChapterPageJourney({\n          chapterDetails: chapterDetails,\n          userChapterId,\n          studentId,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartChallengeArenaJourney) {\n        startChallengeArenaJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadNodeJourney && hasNonDownloadBlockWithPdfNode) {\n        startDownloadNodeJourney({\n          chapterDetails,\n          userType,\n          canStartDownloadBlockJourney,\n        });\n      }\n\n      if (!canStartJourney && canStartDownloadBlockJourney && hasDownloadBlock) {\n        startDownloadBlockJourney({\n          chapterDetails,\n          userType,\n        });\n      }\n    }\n  }, [\n    canStartChallengeArenaJourney,\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChallengeArenaJourney,\n    startChapterPageJourney,\n    startDownloadBlockJourney,\n    startDownloadNodeJourney,\n    studentId,\n    userChapterId,\n    userType,\n    hasNonDownloadBlockWithPdfNode,\n    hasDownloadBlock,\n    canStartDownloadNodeJourney,\n    canStartDownloadBlockJourney,\n  ]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"ab1-bold\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $height=\"max-content\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\" className=\"goal-widget-chapter-item\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              ref={backButtonRef}\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <>\n          <ChapterBanner\n            title={chapterDetails.name}\n            imageHue={chapterDetails.image_hue}\n            imageUrl={chapterDetails.image_url}\n            progressStats={chapterDetails?.progress_stat}\n            bannerRef={bannerRef}\n          />\n          <BlockSections\n            imageHue={chapterDetails.image_hue}\n            userType={userType}\n            blocks={chapterDetails.blocks}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAssignAsHomework={onNodeAssignAsHomework}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            coreBlocksRef={coreBlocksRef}\n            challengeBlockRef={challengeBlockRef}\n            downloadCoreBlockRef={downloadCoreBlockRef}\n            downloadBlockRef={activeDownloadBlockRef}\n            nodeCardsRef={nodeCardsRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\n            onBlockReset={onBlockReset}\n          />\n        </>\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","onNodeUnassign","onNodeUnlock","onNodeSkipUnSkip","startChapterPageJourney","onBlockReset","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","canStartChallengeArenaJourney","canStartDownloadNodeJourney","canStartDownloadBlockJourney","nodeCardsRef","backButtonRef","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","challengeBlockRef","startChallengeArenaJourney","useChallengeArenaJourney","downloadBlockRef","downloadCoreBlockRef","startDownloadNodeJourney","useDownloadNodeJourney","downloadBlockSectionRef","startDownloadBlockJourney","useDownloadBlockJourney","hasDownloadBlock","useMemo","getHasDownloadBlock","hasNonDownloadBlockWithPdfNode","getHasNonDownloadBlockWithPdfNode","activeDownloadBlockRef","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}

package/dist/features/journey/hooks/use-learning-plan-journey/use-chapter-details-journey.js

@@ -0,0 +1,97 @@
+import { jsx as o, Fragment as b, jsxs as f } from "react/jsx-runtime";
+import { useRef as a, useCallback as s, useEffect as E, useMemo as k } from "react";
+import y from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey-id/journey-id-teacher.js";
+import { IndicatorType as T } from "../../use-journey/constants.js";
+import g from "../../../ui/separator/separator.js";
+import i from "../../../ui/text/text.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+import { useJourney as L } from "../../use-journey/use-journey.js";
+const D = ({ onComplete: d }) => {
+  const n = I.CHAPTER_DETAILS_INTRO_JOURNEY, e = a(null), t = a(null), O = a([]), { setJourney: m, clearJourney: r, nextCoachmark: c, isJourneyActive: u } = L(), h = s(() => {
+    document.body.style.overflow = "unset", r(), d();
+  }, [r, d]), l = s(() => {
+    c(n);
+  }, [n, c]), p = s(() => {
+    if (!(e != null && e.current) || !(t != null && t.current) || u) return;
+    const w = [
+      {
+        originalElementToHighlightRef: e,
+        elementToHighlight: /* @__PURE__ */ o(b, {}),
+        type: T.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 145,
+          tooltipYCoOrdinates: 125,
+          arrowSize: 10,
+          arrowXCoOrdinates: -100,
+          position: "bottom",
+          backgroundColor: "PURPLE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ f(y, { children: [
+                /* @__PURE__ */ o(i, { $renderAs: "ub3-bold", children: "Open a worksheet" }),
+                /* @__PURE__ */ o(g, { height: 4 }),
+                /* @__PURE__ */ o(i, { $renderAs: "ub3", children: "Tap to open any worksheet." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: l
+            }
+          )
+        }
+      },
+      {
+        originalElementToHighlightRef: t,
+        elementToHighlight: /* @__PURE__ */ o(b, {}),
+        type: T.TOOLTIP,
+        indicator: {
+          width: 283,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 130,
+          tooltipYCoOrdinates: 40,
+          arrowSize: 10,
+          arrowXCoOrdinates: -115,
+          position: "bottom",
+          backgroundColor: "ORANGE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ f(y, { children: [
+                /* @__PURE__ */ o(i, { $renderAs: "ub3-bold", children: "Back to Goals" }),
+                /* @__PURE__ */ o(g, { height: 4 }),
+                /* @__PURE__ */ o(i, { $renderAs: "ub3", children: "Tap here to go back to learning home." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: h
+            }
+          )
+        }
+      }
+    ];
+    m(n, w, void 0, !1);
+    const C = setTimeout(() => {
+      clearTimeout(C), document.body.style.overflow = "hidden", l();
+    }, 500);
+    O.current.push(C);
+  }, [h, l, u, n, m]);
+  return E(() => () => {
+    r && r();
+  }, [r]), k(
+    () => ({
+      nodeCardsRef: e,
+      backButtonRef: t,
+      startJourney: p
+    }),
+    [p]
+  );
+};
+export {
+  D as useChapterDetailsJourney
+};
+//# sourceMappingURL=use-chapter-details-journey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-chapter-details-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-chapter-details-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseChapterDetailsJourney {\n  (params: { onComplete: () => void }): {\n    nodeCardsRef: RefObject<HTMLDivElement>;\n    backButtonRef: RefObject<HTMLButtonElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useChapterDetailsJourney: IUseChapterDetailsJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.CHAPTER_DETAILS_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const nodeCardsRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const backButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, clearJourney, nextCoachmark, isJourneyActive } = useJourney();\n\n  // Helper to mark journey as completed for a class\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!nodeCardsRef?.current || !backButtonRef?.current || isJourneyActive) return;\n\n    const chapterDetailsSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: nodeCardsRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 145,\n          tooltipYCoOrdinates: 125,\n          arrowSize: 10,\n          arrowXCoOrdinates: -100,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a worksheet</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any worksheet.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: backButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 283,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 130,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: -115,\n          position: 'bottom',\n          backgroundColor: 'ORANGE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Back to Goals</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to go back to learning home.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, chapterDetailsSteps, undefined, false);\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  }, [handleEndJourney, handleNextCoachmark, isJourneyActive, journeyId, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      nodeCardsRef,\n      backButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useChapterDetailsJourney };\n"],"names":["useChapterDetailsJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","nodeCardsRef","useRef","backButtonRef","timerRefs","setJourney","clearJourney","nextCoachmark","isJourneyActive","useJourney","handleEndJourney","useCallback","handleNextCoachmark","startJourney","chapterDetailsSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}

package/dist/features/journey/hooks/use-learning-plan-journey/use-learning-plan-journey.js

@@ -0,0 +1,105 @@
+import { jsx as o, Fragment as y, jsxs as b } from "react/jsx-runtime";
+import { useRef as a, useCallback as s, useEffect as w, useMemo as L } from "react";
+import f from "../../../ui/layout/flex-view.js";
+import { JOURNEY_ID_TEACHER as I } from "../../journey-id/journey-id-teacher.js";
+import { IndicatorType as g } from "../../use-journey/constants.js";
+import T from "../../../ui/separator/separator.js";
+import l from "../../../ui/text/text.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+import { useJourney as J } from "../../use-journey/use-journey.js";
+const Y = ({ onComplete: d }) => {
+  const e = I.LEARNING_PLAN_INTRO_JOURNEY, r = a(null), t = a(null), O = a([]), { isJourneyActive: c, setJourney: m, clearJourney: n, nextCoachmark: i } = J(), u = s(() => {
+    i(e);
+  }, [e, i]), p = s(() => {
+    document.body.style.overflow = "unset", n(), d();
+  }, [n, d]), h = s(() => {
+    if (!(r != null && r.current) || !(t != null && t.current) || c)
+      return;
+    const E = [
+      {
+        originalElementToHighlightRef: r,
+        elementToHighlight: /* @__PURE__ */ o(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: -85,
+          tooltipYCoOrdinates: 40,
+          arrowSize: 10,
+          arrowXCoOrdinates: 102,
+          position: "bottom",
+          backgroundColor: "BLUE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ b(f, { children: [
+                /* @__PURE__ */ o(l, { $renderAs: "ub3-bold", children: "Edit a Goal" }),
+                /* @__PURE__ */ o(T, { height: 4 }),
+                /* @__PURE__ */ o(l, { $renderAs: "ub3", children: "You can always edit this later." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: u
+            }
+          )
+        }
+      },
+      {
+        originalElementToHighlightRef: t,
+        elementToHighlight: /* @__PURE__ */ o(y, {}),
+        type: g.TOOLTIP,
+        indicator: {
+          width: 232,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 175,
+          tooltipYCoOrdinates: 75,
+          arrowSize: 10,
+          arrowXCoOrdinates: 0,
+          position: "right",
+          backgroundColor: "GREEN_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ o(
+            A,
+            {
+              element: /* @__PURE__ */ b(f, { children: [
+                /* @__PURE__ */ o(l, { $renderAs: "ub3-bold", children: "Open a Chapter" }),
+                /* @__PURE__ */ o(T, { height: 4 }),
+                /* @__PURE__ */ o(l, { $renderAs: "ub3", children: "Tap to open any chapter." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: p
+            }
+          )
+        }
+      }
+    ];
+    m(e, E, void 0, !1);
+    const C = setTimeout(() => {
+      clearTimeout(C), document.body.style.overflow = "hidden", i(e);
+    }, 500);
+    O.current.push(C);
+  }, [
+    p,
+    u,
+    c,
+    e,
+    i,
+    m
+  ]);
+  return w(() => () => {
+    n && n();
+  }, [n]), L(
+    () => ({
+      editButtonRef: r,
+      firstChapterRef: t,
+      startJourney: h
+    }),
+    [h]
+  );
+};
+export {
+  Y as useLearningPlanJourney
+};
+//# sourceMappingURL=use-learning-plan-journey.js.map

package/dist/features/journey/hooks/use-learning-plan-journey/use-learning-plan-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-learning-plan-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-learning-plan-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseLearningPlanJourney {\n  ({ onComplete }: { onComplete: () => void }): {\n    editButtonRef: RefObject<HTMLButtonElement>;\n    firstChapterRef: RefObject<HTMLDivElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useLearningPlanJourney: IUseLearningPlanJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.LEARNING_PLAN_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const editButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const firstChapterRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { isJourneyActive, setJourney, clearJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if targeted is absent or journey was already completed or active for this class\n    if (!editButtonRef?.current || !firstChapterRef?.current || isJourneyActive) {\n      return;\n    }\n\n    const learningPlanSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef: editButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: -85,\n          tooltipYCoOrdinates: 40,\n          arrowSize: 10,\n          arrowXCoOrdinates: 102,\n          position: 'bottom',\n          backgroundColor: 'BLUE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Edit a Goal</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">You can always edit this later.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleNextCoachmark}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n      {\n        originalElementToHighlightRef: firstChapterRef,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 232,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 175,\n          tooltipYCoOrdinates: 75,\n          arrowSize: 10,\n          arrowXCoOrdinates: 0,\n          position: 'right',\n          backgroundColor: 'GREEN_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Open a Chapter</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap to open any chapter.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, learningPlanSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 500);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [\n    handleEndJourney,\n    handleNextCoachmark,\n    isJourneyActive,\n    journeyId,\n    nextCoachmark,\n    setJourney,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      editButtonRef,\n      firstChapterRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useLearningPlanJourney };\n"],"names":["useLearningPlanJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","editButtonRef","useRef","firstChapterRef","timerRefs","isJourneyActive","setJourney","clearJourney","nextCoachmark","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","learningPlanSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":"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"}

package/dist/features/journey/hooks/use-learning-plan-journey/use-resource-assignment-journey.js

@@ -0,0 +1,64 @@
+import { jsx as t, Fragment as h, jsxs as T } from "react/jsx-runtime";
+import { useRef as u, useCallback as d, useEffect as E, useMemo as b } from "react";
+import { JOURNEY_ID_TEACHER as g } from "../../journey-id/journey-id-teacher.js";
+import A from "../use-home-page-journey/tooltip-item.js";
+import { IndicatorType as C } from "../../use-journey/constants.js";
+import J from "../../../ui/layout/flex-view.js";
+import R from "../../../ui/separator/separator.js";
+import p from "../../../ui/text/text.js";
+import { useJourney as I } from "../../use-journey/use-journey.js";
+const U = ({ onComplete: n }) => {
+  const r = g.RESOURCE_ASSIGNMENT_INTRO_JOURNEY, e = u(null), f = u([]), { setJourney: i, nextCoachmark: s, clearJourney: o, isJourneyActive: m } = I(), a = d(() => {
+    document.body.style.overflow = "unset", o(), n();
+  }, [o, n]), l = d(() => {
+    if (!(e != null && e.current) || m) return;
+    const y = [
+      {
+        originalElementToHighlightRef: e,
+        elementToHighlight: /* @__PURE__ */ t(h, {}),
+        type: C.TOOLTIP,
+        indicator: {
+          width: 264,
+          renderAs: "primary",
+          tooltipXCoOrdinates: 85,
+          tooltipYCoOrdinates: 50,
+          arrowSize: 10,
+          position: "bottom",
+          backgroundColor: "PURPLE_4",
+          borderColor: "BLACK",
+          arrowColor: "BLACK",
+          tooltipItem: /* @__PURE__ */ t(
+            A,
+            {
+              element: /* @__PURE__ */ T(J, { children: [
+                /* @__PURE__ */ t(p, { $renderAs: "ub3-bold", children: "Assign Extra Practice" }),
+                /* @__PURE__ */ t(R, { height: 4 }),
+                /* @__PURE__ */ t(p, { $renderAs: "ub3", children: "Tap here to assign a new activity." })
+              ] }),
+              buttonLabel: "Got it",
+              onButtonClick: a
+            }
+          )
+        }
+      }
+    ];
+    i(r, y, void 0, !1);
+    const c = setTimeout(() => {
+      clearTimeout(c), document.body.style.overflow = "hidden", s(r);
+    }, 100);
+    f.current.push(c);
+  }, [a, m, r, s, i]);
+  return E(() => () => {
+    o && o();
+  }, [o]), b(
+    () => ({
+      assignResourceButtonRef: e,
+      startJourney: l
+    }),
+    [l]
+  );
+};
+export {
+  U as useResourceAssignmentJourney
+};
+//# sourceMappingURL=use-resource-assignment-journey.js.map

package/dist/features/journey/hooks/use-learning-plan-journey/use-resource-assignment-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource-assignment-journey.js","sources":["../../../../../src/features/journey/hooks/use-learning-plan-journey/use-resource-assignment-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../journey-id/journey-id-teacher';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useJourney } from '../../use-journey/use-journey';\n\ninterface IUseResourceAssignmentJourney {\n  (props: { onComplete: () => void }): {\n    assignResourceButtonRef: RefObject<HTMLButtonElement>;\n    startJourney: () => void;\n  };\n}\n\nconst useResourceAssignmentJourney: IUseResourceAssignmentJourney = ({ onComplete }) => {\n  const journeyId = JOURNEY_ID_TEACHER.RESOURCE_ASSIGNMENT_INTRO_JOURNEY;\n\n  // Refs for elements to highlight\n  const assignResourceButtonRef = useRef<HTMLButtonElement>(null) as RefObject<HTMLButtonElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { setJourney, nextCoachmark, clearJourney, isJourneyActive } = useJourney();\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    clearJourney();\n    onComplete();\n  }, [clearJourney, onComplete]);\n\n  const startJourney = useCallback(() => {\n    // Check if elements are absent or journey was already completed for this class\n    if (!assignResourceButtonRef?.current || isJourneyActive) return;\n\n    const resourceAssignmentSteps: TCoachmarkJourneyProps[] = [\n      {\n        originalElementToHighlightRef:\n          assignResourceButtonRef as unknown as RefObject<HTMLDivElement>,\n        elementToHighlight: <></>,\n        type: IndicatorType.TOOLTIP,\n        indicator: {\n          width: 264,\n          renderAs: 'primary',\n          tooltipXCoOrdinates: 85,\n          tooltipYCoOrdinates: 50,\n          arrowSize: 10,\n          position: 'bottom',\n          backgroundColor: 'PURPLE_4',\n          borderColor: 'BLACK',\n          arrowColor: 'BLACK',\n          tooltipItem: (\n            <TooltipItem\n              element={\n                <FlexView>\n                  <Text $renderAs=\"ub3-bold\">Assign Extra Practice</Text>\n                  <Separator height={4} />\n                  <Text $renderAs=\"ub3\">Tap here to assign a new activity.</Text>\n                </FlexView>\n              }\n              buttonLabel=\"Got it\"\n              onButtonClick={handleEndJourney}\n            />\n          ),\n        } as IArrowTooltipProps,\n      },\n    ];\n\n    setJourney(journeyId, resourceAssignmentSteps, undefined, false);\n\n    const delayBeforeStart = setTimeout(() => {\n      clearTimeout(delayBeforeStart);\n      document.body.style.overflow = 'hidden';\n      nextCoachmark(journeyId);\n    }, 100);\n\n    timerRefs.current.push(delayBeforeStart);\n  }, [handleEndJourney, isJourneyActive, journeyId, nextCoachmark, setJourney]);\n\n  useEffect(() => {\n    return () => {\n      if (clearJourney) {\n        clearJourney();\n      }\n    };\n  }, [clearJourney]);\n\n  const data = useMemo(\n    () => ({\n      assignResourceButtonRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n\nexport { useResourceAssignmentJourney };\n"],"names":["useResourceAssignmentJourney","onComplete","journeyId","JOURNEY_ID_TEACHER","assignResourceButtonRef","useRef","timerRefs","setJourney","nextCoachmark","clearJourney","isJourneyActive","useJourney","handleEndJourney","useCallback","startJourney","resourceAssignmentSteps","jsx","Fragment","IndicatorType","TooltipItem","FlexView","Text","Separator","delayBeforeStart","useEffect","useMemo"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAA8D,CAAC,EAAE,YAAAC,QAAiB;AACtF,QAAMC,IAAYC,EAAmB,mCAG/BC,IAA0BC,EAA0B,IAAI,GACxDC,IAAYD,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAE,GAAY,eAAAC,GAAe,cAAAC,GAAc,iBAAAC,EAAA,IAAoBC,KAE/DC,IAAmBC,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAClBJ,KACFR;EAAA,GACV,CAACQ,GAAcR,CAAU,CAAC,GAEvBa,IAAeD,EAAY,MAAM;AAEjC,QAAA,EAACT,KAAA,QAAAA,EAAyB,YAAWM,EAAiB;AAE1D,UAAMK,IAAoD;AAAA,MACxD;AAAA,QACE,+BACEX;AAAA,QACF,oBAAsB,gBAAAY,EAAAC,GAAA,EAAA;AAAA,QACtB,MAAMC,EAAc;AAAA,QACpB,WAAW;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UACrB,WAAW;AAAA,UACX,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,aACE,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,2BACGC,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,YAAW,UAAqB,yBAAA;AAAA,gBAChD,gBAAAL,EAACM,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gBACrB,gBAAAN,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAkC,sCAAA;AAAA,cAAA,GAC1D;AAAA,cAEF,aAAY;AAAA,cACZ,eAAeT;AAAA,YAAA;AAAA,UACjB;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA;AAGS,IAAAL,EAAAL,GAAWa,GAAyB,QAAW,EAAK;AAEzD,UAAAQ,IAAmB,WAAW,MAAM;AACxC,mBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UAC/Bf,EAAcN,CAAS;AAAA,OACtB,GAAG;AAEI,IAAAI,EAAA,QAAQ,KAAKiB,CAAgB;AAAA,EAAA,GACtC,CAACX,GAAkBF,GAAiBR,GAAWM,GAAeD,CAAU,CAAC;AAE5E,SAAAiB,EAAU,MACD,MAAM;AACX,IAAIf,KACWA;EACf,GAED,CAACA,CAAY,CAAC,GAEJgB;AAAA,IACX,OAAO;AAAA,MACL,yBAAArB;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAIjB;"}