@cuemath/leap 3.3.0 → 3.3.2-2.beta-guru-01

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

@@ -1,145 +1,187 @@
-import { jsxs as c, jsx as r, Fragment as D } from "react/jsx-runtime";
-import { memo as E, useCallback as L, useEffect as p } from "react";
-import { ILLUSTRATIONS as P } from "../../../assets/illustrations/illustrations.js";
-import T from "../../../assets/line-icons/icons/back2.js";
-import { useChallengeArenaJourney as U } from "../../journey/hooks/use-chapter-page-journey/use-challenge-arena-journey.js";
-import { useJourney as j } from "../../journey/use-journey/use-journey.js";
-import H from "../../ui/buttons/button/button.js";
-import F from "../../ui/buttons/icon-button/icon-button.js";
-import O from "../../ui/layout/flex-view.js";
-import W from "../../ui/loader/app-loader/app-loader.js";
-import X from "../../ui/text/text.js";
-import { useGetChapterDetails as z } from "../api/chapter.js";
-import G from "./block-sections/block-sections.js";
-import V from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as q, BackButtonContainer as M, BackButtonWrapper as K, LoaderWrapper as Q } from "./chapter-details-styled.js";
-const Y = E((u) => {
+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 h } 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 he = G((S) => {
   const {
-    userChapterId: a,
-    studentId: i,
+    userChapterId: s,
+    studentId: l,
     userType: t,
-    onBlockSkipUnskip: k,
-    onNodeAttempt: C,
-    onNodeAssignAsHomework: y,
-    onNodeMarkAsDone: A,
-    onNodeReattempt: S,
-    onNodeReview: B,
-    onNodeView: N,
-    onExit: $,
-    onNodeUnassign: w,
-    onNodeUnlock: x,
-    onNodeSkipUnSkip: I,
-    startChapterPageJourney: s,
-    chapterPageRef: R,
-    bannerRef: b,
-    coreBlocksRef: J,
-    canStartJourney: l,
-    canStartChallengeArenaJourney: h
-  } = u, { isJourneyActive: m } = j(), {
-    get: d,
+    onBlockSkipUnskip: J,
+    onNodeAttempt: A,
+    onNodeAssignAsHomework: b,
+    onNodeMarkAsDone: $,
+    onNodeReattempt: x,
+    onNodeReview: I,
+    onNodeView: v,
+    onExit: P,
+    onNodeUnassign: _,
+    onNodeUnlock: E,
+    onNodeSkipUnSkip: H,
+    startChapterPageJourney: m,
+    onBlockReset: L,
+    chapterPageRef: T,
+    bannerRef: U,
+    coreBlocksRef: W,
+    canStartJourney: r,
+    canStartChallengeArenaJourney: u,
+    canStartDownloadNodeJourney: c,
+    canStartDownloadBlockJourney: n
+  } = S, { isJourneyActive: g } = Z(), {
+    get: k,
     data: e,
-    isProcessing: o,
-    isProcessingFailed: _,
-    isStale: g
-  } = z(), n = L(() => {
-    d(a, void 0, { studentId: i });
-  }, [d, a, i]);
-  p(() => {
-    n();
-  }, [n]);
-  const { blockSectionRef: v, startJourney: f } = U();
-  return p(() => {
-    e && l && !m && s && s({
+    isProcessing: a,
+    isProcessingFailed: j,
+    isStale: y
+  } = ae(), i = M(() => {
+    k(s, void 0, { studentId: l });
+  }, [k, s, l]);
+  f(() => {
+    i();
+  }, [i]);
+  const { blockSectionRef: F, startJourney: B } = K(), {
+    blockSectionRef: w,
+    downloadCoreBlockRef: O,
+    startJourney: C
+  } = Y(), { blockSectionRef: N, startJourney: R } = Q(), D = h(
+    () => e && ie(e.blocks),
+    [e]
+  ), d = h(
+    () => e && se(e.blocks),
+    [e]
+  ), X = h(
+    () => c && d ? w : n ? N : void 0,
+    [
+      c,
+      n,
+      d,
+      w,
+      N
+    ]
+  );
+  return f(() => {
+    e && !g && (r && m && m({
+      chapterDetails: e,
+      userChapterId: s,
+      studentId: l,
+      userType: t
+    }), !r && u && B({
       chapterDetails: e,
-      userChapterId: a,
-      studentId: i,
       userType: t
-    }), e && !l && h && !m && f({
+    }), !r && c && d && C({
+      chapterDetails: e,
+      userType: t,
+      canStartDownloadBlockJourney: n
+    }), !r && n && D && R({
       chapterDetails: e,
       userType: t
-    });
+    }));
   }, [
-    h,
-    l,
+    u,
+    r,
     e,
+    g,
+    B,
     m,
-    f,
+    R,
+    C,
+    l,
     s,
-    i,
-    a,
-    t
-  ]), p(() => {
-    !o && g && n();
-  }, [n, o, g]), _ ? /* @__PURE__ */ c(O, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ r(X, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
-    /* @__PURE__ */ r(
-      H,
+    t,
+    d,
+    D,
+    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: "h6", children: "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ o(
+      ee,
       {
         widthX: 14,
         size: "small",
         shape: "square",
         renderAs: "primary",
         label: "Try again",
-        onClick: n
+        onClick: i
       }
     )
-  ] }) : !e && o ? /* @__PURE__ */ r(W, { height: "80vh" }) : /* @__PURE__ */ c(
-    q,
+  ] }) : !e && a ? /* @__PURE__ */ o(re, { height: "100vh" }) : /* @__PURE__ */ p(
+    de,
     {
-      ref: R,
+      ref: T,
       $widthX: 50,
-      $disablePointerEvents: o,
+      $disablePointerEvents: a,
       $justifyContent: "center",
       $alignItems: "center",
+      $height: "max-content",
       children: [
-        t === "TEACHER" && /* @__PURE__ */ r(M, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(
-          F,
+        t === "TEACHER" && /* @__PURE__ */ o(me, { $height: "100%", className: "goal-widget-chapter-item", children: /* @__PURE__ */ o(pe, { children: /* @__PURE__ */ o(
+          oe,
           {
-            Icon: T,
+            Icon: q,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
-            onClick: $
+            onClick: P
           }
         ) }) }),
-        o && /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r("img", { src: P.LOADER_1, alt: "loader" }) }),
-        e && /* @__PURE__ */ c(D, { children: [
-          /* @__PURE__ */ r(
-            V,
+        a && /* @__PURE__ */ o(fe, { children: /* @__PURE__ */ o("img", { src: V.LOADER_1, alt: "loader" }) }),
+        e && /* @__PURE__ */ p(z, { children: [
+          /* @__PURE__ */ o(
+            ce,
             {
               title: e.name,
               imageHue: e.image_hue,
               imageUrl: e.image_url,
               progressStats: e == null ? void 0 : e.progress_stat,
-              bannerRef: b
+              bannerRef: U
             }
           ),
-          /* @__PURE__ */ r(
-            G,
+          /* @__PURE__ */ o(
+            le,
             {
               imageHue: e.image_hue,
               userType: t,
               blocks: e.blocks,
-              onBlockSkipUnskip: k,
-              onNodeAttempt: C,
-              onNodeAssignAsHomework: y,
-              onNodeMarkAsDone: A,
-              onNodeReattempt: S,
-              onNodeReview: B,
-              onNodeView: N,
-              coreBlocksRef: J,
-              blockSectionRef: v,
-              onNodeUnassign: w,
-              onNodeUnlock: x,
-              onNodeSkipUnSkip: I
+              onBlockSkipUnskip: J,
+              onNodeAttempt: A,
+              onNodeAssignAsHomework: b,
+              onNodeMarkAsDone: $,
+              onNodeReattempt: x,
+              onNodeReview: I,
+              onNodeView: v,
+              coreBlocksRef: W,
+              challengeBlockRef: F,
+              downloadCoreBlockRef: O,
+              downloadBlockRef: X,
+              onNodeUnassign: _,
+              onNodeUnlock: E,
+              onNodeSkipUnSkip: H,
+              onBlockReset: L
             }
           )
         ] })
       ]
     }
   );
-}), ge = Y;
+}), Pe = he;
 export {
-  ge as default
+  Pe 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 type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } 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 { 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 BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(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    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n    canStartChallengeArenaJourney,\n  } = props;\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, startJourney: startChallengeArenaJourney } = useChallengeArenaJourney();\n\n  useEffect(() => {\n    if (chapterDetails && canStartJourney && !isJourneyActive && startChapterPageJourney) {\n      startChapterPageJourney({\n        chapterDetails: chapterDetails,\n        userChapterId,\n        studentId,\n        userType,\n      });\n    }\n\n    if (chapterDetails && !canStartJourney && canStartChallengeArenaJourney && !isJourneyActive) {\n      startChallengeArenaJourney({\n        chapterDetails,\n        userType,\n      });\n    }\n  }, [\n    canStartChallengeArenaJourney,\n    canStartJourney,\n    chapterDetails,\n    isJourneyActive,\n    startChallengeArenaJourney,\n    startChapterPageJourney,\n    studentId,\n    userChapterId,\n    userType,\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=\"h6\">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=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      ref={chapterPageRef}\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\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            blockSectionRef={blockSectionRef}\n            onNodeUnassign={onNodeUnassign}\n            onNodeUnlock={onNodeUnlock}\n            onNodeSkipUnSkip={onNodeSkipUnSkip}\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","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","canStartChallengeArenaJourney","isJourneyActive","useJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","blockSectionRef","startChallengeArenaJourney","useChallengeArenaJourney","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 type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } 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';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(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=\"h6\">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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"}

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js

@@ -1,15 +1,20 @@
 import t from "styled-components";
-import a from "../../../../assets/line-icons/icons/important.js";
-import s from "../../../../assets/line-icons/icons/lock2.js";
+import s from "../../../../assets/line-icons/icons/important.js";
+import d from "../../../../assets/line-icons/icons/lock2.js";
 import e from "../../../ui/layout/flex-view.js";
-import d from "../../../ui/text/text.js";
-const b = t(e)(({ theme: o, $disabled: r }) => {
-  const { BLACK: i, BLACK_T_15: n, WHITE_5: p } = o.colors;
+import c from "../../../ui/text/text.js";
+const h = t(e)(({
+  theme: o,
+  $disabled: r,
+  $minWidth: n
+}) => {
+  const { BLACK: p, BLACK_T_15: i, WHITE_5: a } = o.colors;
   return `
+    ${n ? `min-width: ${n}px;` : ""}
     cursor: ${r ? "not-allowed" : "pointer"};
     position: relative;
-    border-image: linear-gradient(to right, ${n} 0%, ${n} 100%);
-    outline: 1px solid ${p};
+    border-image: linear-gradient(to right, ${i} 0%, ${i} 100%);
+    outline: 1px solid ${a};
 
     .node-card-border {
       position: absolute;
@@ -24,11 +29,11 @@ const b = t(e)(({ theme: o, $disabled: r }) => {
 
     &:hover {
       ${!r && `
-          outline: 1px solid ${i};
+          outline: 1px solid ${p};
         `}    
     }
   `;
-}), h = t(a)(({ theme: o }) => {
+}), m = t(s)(({ theme: o }) => {
   const { layout: r } = o;
   return `
     width: ${r.gutter * 0.75}px;
@@ -37,54 +42,54 @@ const b = t(e)(({ theme: o, $disabled: r }) => {
     top: -2.5px;
     right: -2.5px;
   `;
-}), m = t(e)(({ $bgImage: o }) => `
+}), f = t(e)(({ $bgImage: o }) => `
     background-image: url(${o});
 
     & .context-menu {
       justify-self: flex-end;
       margin-left: auto;
     }
-  `), f = t(e)`
+  `), $ = t(e)`
   border-radius: 50%;
-`, $ = t(e)(() => `
+`, I = t(e)(() => `
     position: relative;
     padding: 12px 8px 12px 12px;
-  `), I = t(e)(({ $top: o, $right: r }) => `
+  `), w = t(e)(({ $top: o, $right: r }) => `
   position: absolute;
   top: ${o ?? 0}px;
   right: ${r ?? 0}px;
   z-index: 3;
 `);
-t(s)(({}) => `
+t(d)(({}) => `
     width: 28px;
     height: 28px;
   `);
 const W = t(e)(({
   theme: o,
   $paddingRight: r,
-  $paddingLeft: i
+  $paddingLeft: n
 }) => {
-  const { BLACK_1: n, WHITE_1: p } = o.colors;
+  const { BLACK_1: p, WHITE_1: i } = o.colors;
   return `
     position: absolute;
     top: -10px;
     right: -10px;
     padding: 0px;
-    padding-left: ${i}px;
+    padding-left: ${n}px;
     padding-right: ${r}px;
-    background: ${n};
+    background: ${p};
 
     path {
-      fill: ${p};
+      fill: ${i};
     }
   `;
-}), w = t(d)(() => `
+}), k = t(c)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     overflow: hidden;
-  `), k = t(e)(({ theme: o }) => `
+  `), C = t(e)(({ theme: o }) => `
     cursor: pointer;
     padding: 4px;
     
@@ -92,7 +97,7 @@ const W = t(e)(({
       border-radius: 50%;
       background: ${o.colors.WHITE_5}; 
     }
-  `), C = t(e)(({ theme: o, $visible: r }) => `
+  `), v = t(e)(({ theme: o, $visible: r }) => `
     cursor: pointer;
 
     position: absolute;
@@ -111,15 +116,15 @@ const W = t(e)(({
     }
   `);
 export {
-  f as IconWrapper,
+  $ as IconWrapper,
   W as InProgressIconWrapper,
-  b as NodeCardContainer,
-  $ as NodeCardContentWrapper,
-  m as NodeCardInfoWrapper,
-  w as NodeCardTitle,
-  k as NodeKebabMenuWrapper,
-  C as NodeMenuOptionsWrapper,
-  I as SheetTagWrapper,
-  h as StyledImportantIcon
+  h as NodeCardContainer,
+  I as NodeCardContentWrapper,
+  f as NodeCardInfoWrapper,
+  k as NodeCardTitle,
+  C as NodeKebabMenuWrapper,
+  v as NodeMenuOptionsWrapper,
+  w as SheetTagWrapper,
+  m as StyledImportantIcon
 };
 //# sourceMappingURL=node-card-styled.js.map

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({ theme, $disabled }) => {\n  const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    outline: 1px solid ${WHITE_5};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    padding: 4px;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAYM,MAAAA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACvF,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYJ,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELE,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACH,KACD;AAAA,+BACuBC,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBP,EAAOQ,CAAa,EAAE,CAAC,EAAE,OAAAN,QAAY;AACzD,QAAA,EAAE,QAAAO,EAAW,IAAAP;AAEZ,SAAA;AAAA,aACIO,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBV,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAU,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcZ,EAAOC,CAAQ;AAAA;AAAA,GAI7BY,IAAyBb,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKa,IAAkBd,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAc,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBhB,EAAOiB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBlB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAiB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYpB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWkB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBvB,EAAOwB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBzB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKwB,IAAyB1B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAAyB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXzB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
+{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n  $minWidth?: number;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n  theme,\n  $disabled,\n  $minWidth,\n}) => {\n  const { BLACK, BLACK_T_15, WHITE_5 } = theme.colors;\n\n  return `\n    ${$minWidth ? `min-width: ${$minWidth}px;` : ''}\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    outline: 1px solid ${WHITE_5};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    &:hover {\n      ${\n        !$disabled &&\n        `\n          outline: 1px solid ${BLACK};\n        `\n      }    \n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)<{ $paddingRight: number; $paddingLeft: number }>(({\n  theme,\n  $paddingRight,\n  $paddingLeft,\n}) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    padding: 0px;\n    padding-left: ${$paddingLeft}px;\n    padding-right: ${$paddingRight}px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    padding: 4px;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","theme","$disabled","$minWidth","BLACK","BLACK_T_15","WHITE_5","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","$paddingRight","$paddingLeft","BLACK_1","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYL,EAAM;AAEtC,SAAA;AAAA,MACHE,IAAY,cAAcA,CAAS,QAAQ,EAAE;AAAA,cACrCD,IAAY,gBAAgB,SAAS;AAAA;AAAA,8CAELG,CAAU,QAAQA,CAAU;AAAA,yBACjDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAexB,CAACJ,KACD;AAAA,+BACuBE,CAAK;AAAA,SAE9B;AAAA;AAAA;AAGN,CAAC,GAEKG,IAAsBR,EAAOS,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBX,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAW,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcb,EAAOC,CAAQ;AAAA;AAAA,GAI7Ba,IAAyBd,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKc,IAAkBf,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAe,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBjB,EAAOkB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBnB,EAAOC,CAAQ,EAAmD,CAAC;AAAA,EAC/F,OAAAC;AAAA,EACA,eAAAkB;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYrB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWmB,CAAY;AAAA,qBACXD,CAAa;AAAA,kBAChBE,CAAO;AAAA;AAAA;AAAA,cAGXC,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBxB,EAAOyB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuB1B,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKyB,IAAyB3B,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAC,GAAO,UAAA0B,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKX1B,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}

package/dist/features/chapters-v2/comps/sat-mock-test/sat-mock-test-styled.js

@@ -0,0 +1,22 @@
+import t from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+import i from "../../../ui/text/text.js";
+const n = t(e)`
+  & div {
+    line-height: 1;
+  }
+`, p = t(i)`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  & span:last-child {
+    font-family: 'UntitledSans-Regular';
+    font-weight: 400;
+  }
+`;
+export {
+  n as ScoreTextWrapper,
+  p as StyledText
+};
+//# sourceMappingURL=sat-mock-test-styled.js.map

package/dist/features/chapters-v2/comps/sat-mock-test/sat-mock-test-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sat-mock-test-styled.js","sources":["../../../../../src/features/chapters-v2/comps/sat-mock-test/sat-mock-test-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst ScoreTextWrapper = styled(FlexView)`\n  & div {\n    line-height: 1;\n  }\n`;\n\nconst StyledText = styled(Text)`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & span:last-child {\n    font-family: 'UntitledSans-Regular';\n    font-weight: 400;\n  }\n`;\n\nexport { ScoreTextWrapper, StyledText };\n"],"names":["ScoreTextWrapper","styled","FlexView","StyledText","Text"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMlCC,IAAaF,EAAOG,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}