@cuemath/leap 2.9.6-as3 → 2.9.6-as5

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

@@ -1,9 +1,9 @@
-import { jsxs as b, jsx as g } from "react/jsx-runtime";
-import { memo as B } from "react";
-import I from "styled-components";
-import w from "../../../ui/layout/flex-view.js";
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { memo as I } from "react";
+import w from "styled-components";
+import E from "../../../ui/layout/flex-view.js";
 import S from "./block-section-view.js";
-const E = I(w)`
+const G = w(E)`
   min-height: calc(
     100vh - 168px - 56px + 64px
   ); // 168 chapter banner, 56 header height , 64 bottom padding
@@ -11,70 +11,71 @@ const E = I(w)`
   &:last-child {
     padding-bottom: 64px;
   }
-`, O = B((_) => {
+`, O = I((_) => {
   const {
-    blocks: n,
+    blocks: i,
     imageHue: e,
-    userType: i,
+    userType: c,
+    coreBlocksRef: u,
     onNodeAttempt: s,
-    onNodeAttemptLocationChange: c,
-    onNodeMarkAsDone: p,
-    onNodeReattempt: r,
-    onNodeReview: l,
-    onNodeView: d,
-    onBlockSkipUnskip: m
+    onNodeAttemptLocationChange: r,
+    onNodeMarkAsDone: l,
+    onNodeReattempt: d,
+    onNodeReview: p,
+    onNodeView: m,
+    onBlockSkipUnskip: a
   } = _;
-  let a = 0;
-  const k = n.filter(
+  let k = 0;
+  const h = i.filter(
     (o) => o.section_code === "GOALS" || o.section_code === "READINESS"
-  ), h = n.filter(
+  ), f = i.filter(
     (o) => o.section_code !== "GOALS" && o.section_code !== "READINESS"
   );
   return /* @__PURE__ */ b(
-    E,
+    G,
     {
       $width: "100%",
-      $background: h.length ? "WHITE_1" : `${e}_1`,
+      $background: f.length ? "WHITE_1" : `${e}_1`,
       children: [
-        k.map((o, t) => {
-          const { block_type: u, block_id: x, is_skipped: A } = o;
-          let f = 0;
-          const N = t === k.length - 1;
-          return u === "GOAL" && (A || (a += 1), f = a), /* @__PURE__ */ g(
+        /* @__PURE__ */ n("div", { ref: u, children: h.map((o, t) => {
+          const { block_type: x, block_id: A, is_skipped: B } = o;
+          let g = 0;
+          const N = t === h.length - 1;
+          return x === "GOAL" && (B || (k += 1), g = k), /* @__PURE__ */ n(
             S,
             {
               blockData: o,
-              userType: i,
+              userType: c,
               isLastBlock: N,
-              lessonIdx: f,
+              lessonIdx: g,
               imageHue: e,
               isGoalBlock: !0,
               onNodeAttempt: s,
-              onNodeAttemptLocationChange: c,
-              onNodeMarkAsDone: p,
-              onNodeReattempt: r,
-              onNodeReview: l,
-              onNodeView: d,
-              onBlockSkipUnskip: m
+              onNodeAttemptLocationChange: r,
+              onNodeMarkAsDone: l,
+              onNodeReattempt: d,
+              onNodeReview: p,
+              onNodeView: m,
+              onBlockSkipUnskip: a
             },
-            x
+            A
           );
-        }),
-        h.map((o) => {
+        }) }),
+        f.map((o) => {
           const { block_id: t } = o;
-          return /* @__PURE__ */ g(
+          return /* @__PURE__ */ n(
             S,
             {
               blockData: o,
-              userType: i,
+              userType: c,
               imageHue: e,
               onNodeAttempt: s,
-              onNodeAttemptLocationChange: c,
-              onNodeMarkAsDone: p,
-              onNodeReattempt: r,
-              onNodeReview: l,
-              onNodeView: d,
-              onBlockSkipUnskip: m
+              onNodeAttemptLocationChange: r,
+              onNodeMarkAsDone: l,
+              onNodeReattempt: d,
+              onNodeReview: p,
+              onNodeView: m,
+              onBlockSkipUnskip: a
             },
             t
           );

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

@@ -1 +1 @@
-{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport BlockSectionView from './block-section-view';\n\nconst ChapterDetailsWrapper = styled(FlexView)`\n  min-height: calc(\n    100vh - 168px - 56px + 64px\n  ); // 168 chapter banner, 56 header height , 64 bottom padding\n\n  &:last-child {\n    padding-bottom: 64px;\n  }\n`;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onBlockSkipUnskip,\n  } = props;\n\n  let lessonCount = 0;\n\n  const goalBlocks = blocks.filter(\n    block => block.section_code === 'GOALS' || block.section_code === 'READINESS',\n  );\n\n  const nonGoalBlocks = blocks.filter(\n    block => block.section_code !== 'GOALS' && block.section_code !== 'READINESS',\n  );\n\n  return (\n    <ChapterDetailsWrapper\n      $width=\"100%\"\n      $background={!nonGoalBlocks.length ? `${imageHue}_1` : 'WHITE_1'}\n    >\n      {goalBlocks.map((blockData, idx) => {\n        const { block_type: blockType, block_id: blockId, is_skipped: isSkipped } = blockData;\n        let lessonIdx = 0;\n\n        const isLastBlock = idx === goalBlocks.length - 1;\n\n        if (blockType === 'GOAL') {\n          if (!isSkipped) {\n            lessonCount += 1;\n          }\n\n          lessonIdx = lessonCount;\n        }\n\n        return (\n          <BlockSectionView\n            blockData={blockData}\n            userType={userType}\n            isLastBlock={isLastBlock}\n            key={blockId}\n            lessonIdx={lessonIdx}\n            imageHue={imageHue}\n            isGoalBlock\n            onNodeAttempt={onNodeAttempt}\n            onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId } = blockData;\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n    </ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["ChapterDetailsWrapper","styled","FlexView","BlockSections","memo","props","blocks","imageHue","userType","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","block","nonGoalBlocks","jsxs","blockData","idx","blockType","blockId","isSkipped","lessonIdx","isLastBlock","jsx","BlockSectionView"],"mappings":";;;;;AASA,MAAMA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvCC,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EACE,IAAAV;AAEJ,MAAIW,IAAc;AAElB,QAAMC,IAAaX,EAAO;AAAA,IACxB,CAASY,MAAAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB;AAAA,EAAA,GAG9DC,IAAgBb,EAAO;AAAA,IAC3B,CAASY,MAAAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB;AAAA,EAAA;AAIlE,SAAA,gBAAAE;AAAA,IAACpB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcmB,EAAc,SAA2B,YAAlB,GAAGZ,CAAQ;AAAA,MAE/C,UAAA;AAAA,QAAWU,EAAA,IAAI,CAACI,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,YAAYC,EAAc,IAAAJ;AAC5E,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQL,EAAW,SAAS;AAEhD,iBAAIM,MAAc,WACXE,MACYT,KAAA,IAGLU,IAAAV,IAIZ,gBAAAY;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAAR;AAAA,cACA,UAAAb;AAAA,cACA,aAAAmB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAAnB;AAAA,cACA,aAAW;AAAA,cACX,eAAAE;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKS;AAAA,UAAA;AAAA,QAWP,CAEH;AAAA,QAEAL,EAAc,IAAI,CAAaE,MAAA;AACxB,gBAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,iBAAA,gBAAAO;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,WAAAR;AAAA,cACA,UAAAb;AAAA,cACA,UAAAD;AAAA,cACA,eAAAE;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKS;AAAA,UAAA;AAAA,QAWP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"block-sections.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-sections.tsx"],"sourcesContent":["import type { IBlockSectionsProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport BlockSectionView from './block-section-view';\n\nconst ChapterDetailsWrapper = styled(FlexView)`\n  min-height: calc(\n    100vh - 168px - 56px + 64px\n  ); // 168 chapter banner, 56 header height , 64 bottom padding\n\n  &:last-child {\n    padding-bottom: 64px;\n  }\n`;\n\nconst BlockSections: FC<IBlockSectionsProps> = memo(props => {\n  const {\n    blocks,\n    imageHue,\n    userType,\n    coreBlocksRef,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onBlockSkipUnskip,\n  } = props;\n\n  let lessonCount = 0;\n\n  const goalBlocks = blocks.filter(\n    block => block.section_code === 'GOALS' || block.section_code === 'READINESS',\n  );\n\n  const nonGoalBlocks = blocks.filter(\n    block => block.section_code !== 'GOALS' && block.section_code !== 'READINESS',\n  );\n\n  return (\n    <ChapterDetailsWrapper\n      $width=\"100%\"\n      $background={!nonGoalBlocks.length ? `${imageHue}_1` : 'WHITE_1'}\n    >\n      <div ref={coreBlocksRef}>\n        {goalBlocks.map((blockData, idx) => {\n          const { block_type: blockType, block_id: blockId, is_skipped: isSkipped } = blockData;\n          let lessonIdx = 0;\n\n          const isLastBlock = idx === goalBlocks.length - 1;\n\n          if (blockType === 'GOAL') {\n            if (!isSkipped) {\n              lessonCount += 1;\n            }\n\n            lessonIdx = lessonCount;\n          }\n\n          return (\n            <BlockSectionView\n              blockData={blockData}\n              userType={userType}\n              isLastBlock={isLastBlock}\n              key={blockId}\n              lessonIdx={lessonIdx}\n              imageHue={imageHue}\n              isGoalBlock\n              onNodeAttempt={onNodeAttempt}\n              onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n              onBlockSkipUnskip={onBlockSkipUnskip}\n            />\n          );\n        })}\n      </div>\n\n      {nonGoalBlocks.map(blockData => {\n        const { block_id: blockId } = blockData;\n\n        return (\n          <BlockSectionView\n            key={blockId}\n            blockData={blockData}\n            userType={userType}\n            imageHue={imageHue}\n            onNodeAttempt={onNodeAttempt}\n            onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n            onNodeMarkAsDone={onNodeMarkAsDone}\n            onNodeReattempt={onNodeReattempt}\n            onNodeReview={onNodeReview}\n            onNodeView={onNodeView}\n            onBlockSkipUnskip={onBlockSkipUnskip}\n          />\n        );\n      })}\n    </ChapterDetailsWrapper>\n  );\n});\n\nexport default BlockSections;\n"],"names":["ChapterDetailsWrapper","styled","FlexView","BlockSections","memo","props","blocks","imageHue","userType","coreBlocksRef","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","block","nonGoalBlocks","jsxs","jsx","blockData","idx","blockType","blockId","isSkipped","lessonIdx","isLastBlock","BlockSectionView"],"mappings":";;;;;AASA,MAAMA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvCC,IAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EACE,IAAAX;AAEJ,MAAIY,IAAc;AAElB,QAAMC,IAAaZ,EAAO;AAAA,IACxB,CAASa,MAAAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB;AAAA,EAAA,GAG9DC,IAAgBd,EAAO;AAAA,IAC3B,CAASa,MAAAA,EAAM,iBAAiB,WAAWA,EAAM,iBAAiB;AAAA,EAAA;AAIlE,SAAA,gBAAAE;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,aAAcoB,EAAc,SAA2B,YAAlB,GAAGb,CAAQ;AAAA,MAEhD,UAAA;AAAA,QAAA,gBAAAe,EAAC,SAAI,KAAKb,GACP,YAAW,IAAI,CAACc,GAAWC,MAAQ;AAClC,gBAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,YAAYC,EAAc,IAAAJ;AAC5E,cAAIK,IAAY;AAEV,gBAAAC,IAAcL,MAAQN,EAAW,SAAS;AAEhD,iBAAIO,MAAc,WACXE,MACYV,KAAA,IAGLW,IAAAX,IAIZ,gBAAAK;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,WAAAP;AAAA,cACA,UAAAf;AAAA,cACA,aAAAqB;AAAA,cAEA,WAAAD;AAAA,cACA,UAAArB;AAAA,cACA,aAAW;AAAA,cACX,eAAAG;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKU;AAAA,UAAA;AAAA,QAaV,CAAA,GACH;AAAA,QAECN,EAAc,IAAI,CAAaG,MAAA;AACxB,gBAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,iBAAA,gBAAAD;AAAA,YAACQ;AAAA,YAAA;AAAA,cAEC,WAAAP;AAAA,cACA,UAAAf;AAAA,cACA,UAAAD;AAAA,cACA,eAAAG;AAAA,cACA,6BAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,iBAAAC;AAAA,cACA,cAAAC;AAAA,cACA,YAAAC;AAAA,cACA,mBAAAC;AAAA,YAAA;AAAA,YAVKU;AAAA,UAAA;AAAA,QAWP,CAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -1,45 +1,46 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as B, useMemo as d } from "react";
-import { ILLUSTRATIONS as D } from "../../../../assets/illustrations/illustrations.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { memo as D, useMemo as d } from "react";
+import { ILLUSTRATIONS as b } from "../../../../assets/illustrations/illustrations.js";
 import g from "../../../../assets/line-icons/icons/check2.js";
 import V from "../../../ui/image/image.js";
 import n from "../../../ui/layout/flex-view.js";
 import i from "../../../ui/text/text.js";
 import C from "../../comps/tag/tag.js";
 import { getChapterCompletionPercentage as W } from "../../utils/index.js";
-import { BannerContainer as b, BannerImageWrapper as M, BannerImage as O, ChapterProgressSVG as X, ChapterProgressSVGCircle as $, StyledImportantIcon as f, StyledCheckIcon as j, BannerTitleWrapper as H } from "./chapter-banner-styled.js";
-const a = 52, l = 54, c = 54, ee = B((I) => {
-  const { progressStats: o, imageHue: S, title: x, imageUrl: u } = I, r = d(() => W(o), [o]), { iconTopVal: R, iconLeftVal: E } = d(() => {
-    const h = (-(r === 100 ? 60 : r) * 3.6 - 180) * Math.PI / 180, P = c + a * Math.sin(h), A = l + a * Math.cos(h);
+import { BannerContainer as M, BannerImageWrapper as O, BannerImage as X, ChapterProgressSVG as j, ChapterProgressSVGCircle as $, StyledImportantIcon as f, StyledCheckIcon as H, BannerTitleWrapper as N } from "./chapter-banner-styled.js";
+const a = 52, l = 54, c = 54, re = D((I) => {
+  const { progressStats: o, imageHue: S, title: x, imageUrl: R, bannerRef: u } = I, t = d(() => W(o), [o]), { iconTopVal: E, iconLeftVal: w } = d(() => {
+    const h = (-(t === 100 ? 60 : t) * 3.6 - 180) * Math.PI / 180, A = c + a * Math.sin(h), B = l + a * Math.cos(h);
     return {
-      iconLeftVal: P,
-      iconTopVal: A
+      iconLeftVal: A,
+      iconTopVal: B
     };
-  }, [r]);
+  }, [t]);
   if (!o) return null;
-  const { mandatory: w, optional: T, classwork: _ } = o, { completed: k = 0, total: s = 0 } = w || {}, { completed: y = 0, total: p = 0 } = T || {}, { completed: G = 0, total: m = 0 } = _ || {}, L = m > 0 && G === m;
+  const { mandatory: T, optional: _, classwork: k } = o, { completed: y = 0, total: s = 0 } = T || {}, { completed: G = 0, total: p = 0 } = _ || {}, { completed: L = 0, total: m = 0 } = k || {}, P = m > 0 && L === m;
   return /* @__PURE__ */ e(
-    b,
+    M,
     {
       $flexDirection: "row",
       $justifyContent: "center",
       $alignItems: "center",
       $widthX: 50,
       $background: `${S}_4`,
-      children: /* @__PURE__ */ t(n, { $height: 168, $position: "relative", children: [
+      ref: u,
+      children: /* @__PURE__ */ r(n, { $height: 168, $position: "relative", children: [
         /* @__PURE__ */ e(
           V,
           {
             width: "100%",
             height: "168px",
-            src: D.CHAPTER_HEADER_BG,
+            src: b.CHAPTER_HEADER_BG,
             alt: "Chapter header background",
             withLoader: !0
           }
         ),
-        /* @__PURE__ */ t(M, { children: [
-          /* @__PURE__ */ e(O, { src: u, alt: "Chapter image" }),
-          /* @__PURE__ */ t(X, { width: "108px", height: "108px", children: [
+        /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ e(X, { src: R, alt: "Chapter image" }),
+          /* @__PURE__ */ r(j, { width: "108px", height: "108px", children: [
             /* @__PURE__ */ e(
               $,
               {
@@ -54,34 +55,34 @@ const a = 52, l = 54, c = 54, ee = B((I) => {
               {
                 $progressCircle: !0,
                 $progressBackground: "BLACK",
-                $progress: 3.3 * r,
+                $progress: 3.3 * t,
                 r: a,
                 cx: l,
                 cy: c
               }
             )
           ] }),
-          r > 0 && /* @__PURE__ */ e(f, { $progress: !0, $top: R, $left: E }),
-          r === 100 && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(C, { Icon: g }) })
+          t > 0 && /* @__PURE__ */ e(f, { $progress: !0, $top: E, $left: w }),
+          t === 100 && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(C, { Icon: g }) })
         ] }),
-        /* @__PURE__ */ t(H, { $flexGap: 4, children: [
+        /* @__PURE__ */ r(N, { $flexGap: 4, children: [
           /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: x }),
-          /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
-            !!s && /* @__PURE__ */ t(n, { $position: "relative", $flexDirection: "row", children: [
+          /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
+            !!s && /* @__PURE__ */ r(n, { $position: "relative", $flexDirection: "row", children: [
               /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
-                /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
+              /* @__PURE__ */ r(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
+                /* @__PURE__ */ r(i, { $renderAs: "ab2", children: [
                   "Core - ",
-                  k,
+                  y,
                   "/",
                   s
                 ] }),
-                L && /* @__PURE__ */ e(C, { Icon: g, label: "CW" })
+                P && /* @__PURE__ */ e(C, { Icon: g, label: "CW" })
               ] })
             ] }),
-            p > 0 && /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
+            p > 0 && /* @__PURE__ */ r(i, { $renderAs: "ab2", children: [
               "Supplementary - ",
-              y,
+              G,
               "/",
               p
             ] })
@@ -92,6 +93,6 @@ const a = 52, l = 54, c = 54, ee = B((I) => {
   );
 });
 export {
-  ee as default
+  re as default
 };
 //# sourceMappingURL=chapter-banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n  const { progressStats, imageHue, title, imageUrl } = props;\n\n  const completionPercentage = useMemo(() => {\n    return getChapterCompletionPercentage(progressStats);\n  }, [progressStats]);\n\n  const { iconTopVal, iconLeftVal } = useMemo(() => {\n    //* Calculate the position of the important icon based on the completion percentage\n    //* Convert degrees to radians\n    const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n    const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n    const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n    const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n    return {\n      iconLeftVal: positionX,\n      iconTopVal: positionY,\n    };\n  }, [completionPercentage]);\n\n  if (!progressStats) return null;\n\n  const { mandatory, optional, classwork: classWork } = progressStats;\n  const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n    mandatory || {};\n  const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n  const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n    classWork || {};\n  const showClassWorkTag =\n    totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n  return (\n    <Styled.BannerContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $widthX={50}\n      $background={`${imageHue}_4`}\n    >\n      <FlexView $height={168} $position=\"relative\">\n        <Image\n          width=\"100%\"\n          height=\"168px\"\n          src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n          alt=\"Chapter header background\"\n          withLoader\n        />\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground={'BLACK'}\n              $progress={3.3 * completionPercentage}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n          </Styled.ChapterProgressSVG>\n\n          {completionPercentage > 0 && (\n            <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n          )}\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIcon>\n              <Tag Icon={Check2Icon} />\n            </Styled.StyledCheckIcon>\n          )}\n        </Styled.BannerImageWrapper>\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            {!!totalMandatorySheets && (\n              <FlexView $position=\"relative\" $flexDirection=\"row\">\n                <Styled.StyledImportantIcon />\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <Text $renderAs=\"ab2\">\n                    Core - {completedMandatorySheets}/{totalMandatorySheets}\n                  </Text>\n                  {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n                </FlexView>\n              </FlexView>\n            )}\n            {totalOptionalSheets > 0 && (\n              <Text $renderAs=\"ab2\">\n                Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.BannerTitleWrapper>\n      </FlexView>\n    </Styled.BannerContainer>\n  );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","ChapterBanner","memo","props","progressStats","imageHue","title","imageUrl","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.BannerImage","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.StyledCheckIcon","Tag","Check2Icon","Styled.BannerTitleWrapper","Text"],"mappings":"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"}
+{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n  const { progressStats, imageHue, title, imageUrl, bannerRef } = props;\n\n  const completionPercentage = useMemo(() => {\n    return getChapterCompletionPercentage(progressStats);\n  }, [progressStats]);\n\n  const { iconTopVal, iconLeftVal } = useMemo(() => {\n    //* Calculate the position of the important icon based on the completion percentage\n    //* Convert degrees to radians\n    const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n    const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n    const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n    const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n    return {\n      iconLeftVal: positionX,\n      iconTopVal: positionY,\n    };\n  }, [completionPercentage]);\n\n  if (!progressStats) return null;\n\n  const { mandatory, optional, classwork: classWork } = progressStats;\n  const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n    mandatory || {};\n  const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n  const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n    classWork || {};\n  const showClassWorkTag =\n    totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n  return (\n    <Styled.BannerContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $widthX={50}\n      $background={`${imageHue}_4`}\n      ref={bannerRef}\n    >\n      <FlexView $height={168} $position=\"relative\">\n        <Image\n          width=\"100%\"\n          height=\"168px\"\n          src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n          alt=\"Chapter header background\"\n          withLoader\n        />\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground={'BLACK'}\n              $progress={3.3 * completionPercentage}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n          </Styled.ChapterProgressSVG>\n\n          {completionPercentage > 0 && (\n            <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n          )}\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIcon>\n              <Tag Icon={Check2Icon} />\n            </Styled.StyledCheckIcon>\n          )}\n        </Styled.BannerImageWrapper>\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            {!!totalMandatorySheets && (\n              <FlexView $position=\"relative\" $flexDirection=\"row\">\n                <Styled.StyledImportantIcon />\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <Text $renderAs=\"ab2\">\n                    Core - {completedMandatorySheets}/{totalMandatorySheets}\n                  </Text>\n                  {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n                </FlexView>\n              </FlexView>\n            )}\n            {totalOptionalSheets > 0 && (\n              <Text $renderAs=\"ab2\">\n                Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.BannerTitleWrapper>\n      </FlexView>\n    </Styled.BannerContainer>\n  );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","ChapterBanner","memo","props","progressStats","imageHue","title","imageUrl","bannerRef","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.BannerImage","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.StyledCheckIcon","Tag","Check2Icon","Styled.BannerTitleWrapper","Text"],"mappings":"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"}

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

@@ -1,46 +1,70 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { memo as B, useCallback as x, useEffect as l } from "react";
-import { ILLUSTRATIONS as y } from "../../../assets/illustrations/illustrations.js";
-import I from "../../../assets/line-icons/icons/back2.js";
-import w from "../../ui/buttons/button/button.js";
-import L from "../../ui/buttons/icon-button/icon-button.js";
-import N from "../../ui/layout/flex-view.js";
-import S from "../../ui/loader/app-loader/app-loader.js";
-import _ from "../../ui/text/text.js";
-import { useGetChapterDetails as b } from "../api/chapter.js";
-import D from "./block-sections/block-sections.js";
-import E from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as T, BackButtonContainer as v, BackButtonWrapper as R, LoaderWrapper as j } from "./chapter-details-styled.js";
-const P = B((c) => {
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { memo as N, useCallback as v, useEffect as s } from "react";
+import { ILLUSTRATIONS as D } from "../../../assets/illustrations/illustrations.js";
+import E from "../../../assets/line-icons/icons/back2.js";
+import { useJourney as P } from "../../journey/use-journey/use-journey.js";
+import T from "../../ui/buttons/button/button.js";
+import j from "../../ui/buttons/icon-button/icon-button.js";
+import J from "../../ui/layout/flex-view.js";
+import H from "../../ui/loader/app-loader/app-loader.js";
+import O from "../../ui/text/text.js";
+import { useGetChapterDetails as U } from "../api/chapter.js";
+import W from "./block-sections/block-sections.js";
+import X from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as z, BackButtonContainer as F, BackButtonWrapper as G, LoaderWrapper as V } from "./chapter-details-styled.js";
+const q = N((g) => {
   const {
-    userChapterId: i,
+    userChapterId: c,
     studentId: n,
     userType: a,
-    onBlockSkipUnskip: h,
-    onNodeAttempt: d,
-    onNodeAttemptLocationChange: g,
-    onNodeMarkAsDone: f,
-    onNodeReattempt: u,
-    onNodeReview: C,
-    onNodeView: k,
-    onExit: $
-  } = c, {
-    get: s,
+    onBlockSkipUnskip: u,
+    onNodeAttempt: C,
+    onNodeAttemptLocationChange: k,
+    onNodeMarkAsDone: y,
+    onNodeReattempt: A,
+    onNodeReview: B,
+    onNodeView: $,
+    onExit: x,
+    startChapterPageJourney: i,
+    chapterPageRef: I,
+    bannerRef: S,
+    coreBlocksRef: w,
+    canStartJourney: m
+  } = g, {
+    get: p,
     data: e,
     isProcessing: r,
-    isProcessingFailed: A,
-    isStale: m
-  } = b(), o = x(() => {
-    s(i, void 0, { studentId: n });
-  }, [s, i, n]);
-  return l(() => {
+    isProcessingFailed: R,
+    isStale: l
+  } = U(), o = v(() => {
+    p(c, void 0, { studentId: n });
+  }, [p, c, n]);
+  s(() => {
     o();
-  }, [o]), l(() => {
-    !r && m && o();
-  }, [o, r, m]), A ? /* @__PURE__ */ p(N, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
-    /* @__PURE__ */ t(_, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+  }, [o]);
+  const { isJourneyActive: h } = P();
+  return s(() => {
+    if (e) {
+      const { progress_stat: _ } = e, { classwork: b } = _ || {}, { completed: d, total: L } = b || {};
+      m && d !== 0 && L === d && !h && i && i({
+        chapterDetails: e,
+        studentId: n,
+        userType: a
+      });
+    }
+  }, [
+    e,
+    i,
+    h,
+    n,
+    a,
+    m
+  ]), s(() => {
+    !r && l && o();
+  }, [o, r, l]), R ? /* @__PURE__ */ f(J, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+    /* @__PURE__ */ t(O, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ t(
-      w,
+      T,
       {
         widthX: 14,
         size: "small",
@@ -50,54 +74,57 @@ const P = B((c) => {
         onClick: o
       }
     )
-  ] }) : !e && r ? /* @__PURE__ */ t(S, { height: "80vh" }) : /* @__PURE__ */ p(
-    T,
+  ] }) : !e && r ? /* @__PURE__ */ t(H, { height: "80vh" }) : /* @__PURE__ */ f(
+    z,
     {
+      ref: I,
       $widthX: 50,
       $disablePointerEvents: r,
       $justifyContent: "center",
       $alignItems: "center",
       children: [
-        a === "TEACHER" && /* @__PURE__ */ t(v, { $height: "100%", children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
-          L,
+        a === "TEACHER" && /* @__PURE__ */ t(F, { $height: "100%", children: /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(
+          j,
           {
-            Icon: I,
+            Icon: E,
             renderAs: "secondary-gray",
             analyticsLabel: "chapter_page_exit",
             size: "xsmall",
-            onClick: $
+            onClick: x
           }
         ) }) }),
-        r && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t("img", { src: y.LOADER_1, alt: "loader" }) }),
+        r && /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t("img", { src: D.LOADER_1, alt: "loader" }) }),
         e && /* @__PURE__ */ t(
-          E,
+          X,
           {
             title: e.name,
             imageHue: e.image_hue,
             imageUrl: e.image_url,
-            progressStats: e == null ? void 0 : e.progress_stat
+            progressStats: e == null ? void 0 : e.progress_stat,
+            bannerRef: S
           }
         ),
         e && /* @__PURE__ */ t(
-          D,
+          W,
           {
             imageHue: e.image_hue,
             userType: a,
             blocks: e.blocks,
-            onBlockSkipUnskip: h,
-            onNodeAttempt: d,
-            onNodeAttemptLocationChange: g,
-            onNodeMarkAsDone: f,
-            onNodeReattempt: u,
-            onNodeReview: C,
-            onNodeView: k
+            onBlockSkipUnskip: u,
+            onNodeAttempt: C,
+            onNodeAttemptLocationChange: k,
+            onNodeMarkAsDone: y,
+            onNodeReattempt: A,
+            onNodeReview: B,
+            onNodeView: $,
+            coreBlocksRef: w
           }
         )
       ]
     }
   );
-}), Q = P;
+}), me = q;
 export {
-  Q as default
+  me 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 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    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n  } = props;\n\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  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      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\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        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAASC,MAAA;AAClD,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAsBC,EAAY,MAAM;AAC5C,IAAAP,EAAkBX,GAAe,QAAW,EAAE,WAAAC,EAAW,CAAA;AAAA,EACxD,GAAA,CAACU,GAAmBX,GAAeC,CAAS,CAAC;AAYhD,SAVAkB,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBE,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACCE;EAErB,GAAA,CAACA,GAAqBJ,GAAcE,CAAO,CAAC,GAE3CD,IAEA,gBAAAM,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAIA,CAACL,KAAkBC,IACd,gBAAAS,EAACG,GAAU,EAAA,QAAO,OAAO,CAAA,IAIhC,gBAAAL;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,uBAAuBb;AAAA,MACvB,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QAAaX,MAAA,aACX,gBAAAoB,EAAAK,GAAA,EAA2B,SAAQ,QAClC,UAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,gBAAe;AAAA,YACf,MAAK;AAAA,YACL,SAASpB;AAAA,UAAA;AAAA,WAEb,EACF,CAAA;AAAA,QAGDG,KACC,gBAAAS,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAI,EAAA,KAAKU,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,QAGDpB,KACC,gBAAAU;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOrB,EAAe;AAAA,YACtB,UAAUA,EAAe;AAAA,YACzB,UAAUA,EAAe;AAAA,YACzB,eAAeA,KAAA,gBAAAA,EAAgB;AAAA,UAAA;AAAA,QACjC;AAAA,QAGDA,KACC,gBAAAU;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAUtB,EAAe;AAAA,YACzB,UAAAV;AAAA,YACA,QAAQU,EAAe;AAAA,YACvB,mBAAAT;AAAA,YACA,eAAAC;AAAA,YACA,6BAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAED0B,IAAetC;"}
+{"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 { 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    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n    startChapterPageJourney,\n    chapterPageRef,\n    bannerRef,\n    coreBlocksRef,\n    canStartJourney,\n  } = props;\n\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  const { isJourneyActive } = useJourney();\n\n  useEffect(() => {\n    if (chapterDetails) {\n      const { progress_stat: progressStat } = chapterDetails;\n      const { classwork } = progressStat || {};\n      const { completed, total } = classwork || {};\n\n      if (\n        canStartJourney &&\n        completed !== 0 &&\n        total === completed &&\n        !isJourneyActive &&\n        startChapterPageJourney\n      ) {\n        startChapterPageJourney({\n          chapterDetails: chapterDetails,\n          studentId,\n          userType,\n        });\n      }\n    }\n  }, [\n    chapterDetails,\n    startChapterPageJourney,\n    isJourneyActive,\n    studentId,\n    userType,\n    canStartJourney,\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%\">\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        <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      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n          coreBlocksRef={coreBlocksRef}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","startChapterPageJourney","chapterPageRef","bannerRef","coreBlocksRef","canStartJourney","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","isJourneyActive","useJourney","progressStat","classwork","completed","total","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":"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"}

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

@@ -12,7 +12,6 @@ const f = t(e)(({
   const { BLACK_1: p, BLACK: a, BLACK_T_15: i } = r.colors;
   return `
     cursor: ${n ? "not-allowed" : "pointer"};
-    ${n ? "pointer-events: none;" : "pointer-events: auto;"};
     position: relative;
     border-image: linear-gradient(to right, ${i} 0%, ${i} 100%);
     ${o && `outline: 1px solid ${i};`};
@@ -82,10 +81,10 @@ const f = t(e)(({
     }
   `), $ = t(e)`
   border-radius: 50%;
-`, v = t(e)(() => `
+`, w = t(e)(() => `
     position: relative;
     padding: 12px 8px 12px 12px;
-  `), w = t(e)(({ $top: o, $right: r }) => `
+  `), I = t(e)(({ $top: o, $right: r }) => `
   position: absolute;
   top: ${o ?? 0}px;
   right: ${r ?? 0}px;
@@ -95,7 +94,7 @@ t(c)(({}) => `
     width: 28px;
     height: 28px;
   `);
-const I = t(e)(({ theme: o }) => {
+const v = t(e)(({ theme: o }) => {
   const { BLACK_1: r, WHITE_1: n } = o.colors;
   return `
     position: absolute;
@@ -140,14 +139,14 @@ const I = t(e)(({ theme: o }) => {
   `);
 export {
   $ as IconWrapper,
-  I as InProgressIconWrapper,
+  v as InProgressIconWrapper,
   f as NodeCardContainer,
-  v as NodeCardContentWrapper,
+  w as NodeCardContentWrapper,
   k as NodeCardInfoWrapper,
   y as NodeCardTitle,
   C as NodeKebabMenuWrapper,
   W as NodeMenuOptionsWrapper,
-  w as SheetTagWrapper,
+  I as SheetTagWrapper,
   g as StyledImportantIcon
 };
 //# sourceMappingURL=node-card-styled.js.map