@cuemath/leap 2.8.61-as1 → 2.8.61-as11

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

@@ -1,112 +1,112 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import k from "../../../../assets/line-icons/icons/more-vertical.js";
+import S from "../../../../assets/line-icons/icons/more-vertical.js";
 import I from "../../../../assets/line-icons/icons/skip.js";
 import O from "../../../ui/context-menu/context-menu.js";
 import c from "../../../ui/layout/flex-view.js";
-import f from "../../../ui/text/text.js";
+import u from "../../../ui/text/text.js";
 import T from "../../comps/node-card/node-card.js";
 import j from "../../comps/node-card/node-menu-options/node-menu-options.js";
-import { BLOCK_NAME as y } from "../../constants/block-constants.js";
-import { getSheetNLessonCount as M } from "../../utils/index.js";
-import { BlockSectionWrapper as B, BlockOptionsWrapper as K, BlockSheetContainer as V } from "./block-sections-styled.js";
-const J = ({
+import { BLOCK_NAME as k } from "../../constants/block-constants.js";
+import { getSheetNLessonCount as y } from "../../utils/index.js";
+import { BlockSectionWrapper as M, BlockOptionsWrapper as B, BlockSheetContainer as K } from "./block-sections-styled.js";
+const q = ({
   userType: o,
   imageHue: m,
-  blockData: s,
-  lessonIdx: p,
-  isLastBlock: $,
+  blockData: l,
+  lessonIdx: s,
+  isLastBlock: C,
   isGoalBlock: r,
-  onNodeAttempt: u,
-  onNodeAttemptLocationChange: C,
+  onNodeAttempt: g,
+  onNodeAttemptLocationChange: x,
   onNodeMarkAsDone: _,
-  onNodeReattempt: g,
-  onNodeReview: x,
-  onNodeView: b,
+  onNodeReattempt: b,
+  onNodeReview: E,
+  onNodeView: N,
   onBlockSkipUnskip: i
 }) => {
-  const { block_type: l, name: E, sheets: a, is_skipped: e, permissions: N } = s, { can_skip: w, can_un_skip: d } = N, A = y[l], L = M(e, a.length, r, p), S = [
+  const { block_type: p, name: a, sheets: d, permissions: w } = l, { can_skip: h, can_un_skip: e } = w, f = k[p], A = y(e, d.length, r, s), L = [
     {
       id: "node-card-skip",
-      label: d ? "Revert 'Skip'" : "Skip",
+      label: e ? "Revert 'Skip'" : "Skip",
       icon: I,
       disabled: !1,
-      onClick: () => i == null ? void 0 : i(s, !e)
+      onClick: () => i == null ? void 0 : i(l, h)
     }
   ];
   return o === "STUDENT" && e ? null : /* @__PURE__ */ t(
-    B,
+    M,
     {
       $background: r ? `${m}_1` : "WHITE_1",
       $gutterX: 1,
-      $lastBlock: $,
+      $lastBlock: C,
       $flexGap: 12,
       children: /* @__PURE__ */ n(c, { $flexGap: 12, children: [
         /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
           /* @__PURE__ */ n(c, { $opacity: e ? 0.5 : 1, children: [
             /* @__PURE__ */ n(
-              f,
+              u,
               {
                 $renderAs: "ac4",
                 $color: "BLACK_T_60",
                 $textDecoration: e ? "line-through" : "none",
                 children: [
-                  A,
+                  f === "Puzzles" ? a : f,
                   " ",
-                  L
+                  A
                 ]
               }
             ),
-            r && (p ?? 0) > 0 && /* @__PURE__ */ t(
-              f,
+            r && (s ?? 0) > 0 && /* @__PURE__ */ t(
+              u,
               {
                 $renderAs: "ab2-bold",
                 $color: "BLACK_1",
                 $textDecoration: e ? "line-through" : "none",
-                children: E
+                children: a
               }
             )
           ] }),
-          o === "TEACHER" && (w || d) && /* @__PURE__ */ t(
+          o === "TEACHER" && (h || e) && /* @__PURE__ */ t(
             O,
             {
               targetElement: /* @__PURE__ */ t(
-                K,
+                B,
                 {
                   $width: 20,
                   $height: 20,
                   $justifyContent: "center",
                   $alignItems: "center",
-                  children: /* @__PURE__ */ t(k, { width: 16, height: 16 })
+                  children: /* @__PURE__ */ t(S, { width: 16, height: 16 })
                 }
               ),
-              menuElement: /* @__PURE__ */ t(j, { options: S }),
+              menuElement: /* @__PURE__ */ t(j, { options: L }),
               menuOffset: 5,
               menuZIndex: 4
             }
           )
         ] }),
-        /* @__PURE__ */ t(V, { $opacity: e ? 0.5 : 1, children: a.map((h) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t(K, { $opacity: e ? 0.5 : 1, children: d.map(($) => /* @__PURE__ */ t(
           T,
           {
             imageHue: m || "BLUE",
             userType: o,
-            nodeData: h,
-            blockType: l,
+            nodeData: $,
+            blockType: p,
             isSkipped: e,
-            onNodeAttempt: u,
-            onNodeAttemptLocationChange: C,
+            onNodeAttempt: g,
+            onNodeAttemptLocationChange: x,
             onNodeMarkAsDone: _,
-            onNodeReattempt: g,
-            onNodeReview: x,
-            onNodeView: b
+            onNodeReattempt: b,
+            onNodeReview: E,
+            onNodeView: N
           },
-          h.node_id
+          $.node_id
         )) })
       ] })
     }
   );
 };
 export {
-  J as default
+  q as default
 };
 //# sourceMappingURL=block-section-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport type { IBlockSectionProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport { BLOCK_NAME } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  onNodeAttempt,\n  onNodeAttemptLocationChange,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n}) => {\n  const { block_type: blockType, name, sheets, is_skipped: isSkipped, permissions } = blockData;\n\n  const { can_skip: canSkip, can_un_skip: canUnskip } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount(isSkipped, sheets.length, isGoalBlock, lessonIdx);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip',\n      icon: SkipIcon,\n      disabled: false,\n      onClick: () => onBlockSkipUnskip?.(blockData, !isSkipped),\n    },\n  ];\n\n  if (userType === 'STUDENT' && isSkipped) return null;\n\n  return (\n    <Styled.BlockSectionWrapper\n      $background={isGoalBlock ? `${imageHue}_1` : 'WHITE_1'}\n      $gutterX={1}\n      $lastBlock={isLastBlock}\n      $flexGap={12}\n    >\n      <FlexView $flexGap={12}>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <FlexView $opacity={isSkipped ? 0.5 : 1}>\n            <Text\n              $renderAs=\"ac4\"\n              $color=\"BLACK_T_60\"\n              $textDecoration={isSkipped ? 'line-through' : 'none'}\n            >\n              {blockName} {sheetNLessonCount}\n            </Text>\n\n            {isGoalBlock && (lessonIdx ?? 0) > 0 && (\n              <Text\n                $renderAs=\"ab2-bold\"\n                $color=\"BLACK_1\"\n                $textDecoration={isSkipped ? 'line-through' : 'none'}\n              >\n                {name}\n              </Text>\n            )}\n          </FlexView>\n\n          {userType === 'TEACHER' && (canSkip || canUnskip) && (\n            <ContextMenu\n              targetElement={\n                <Styled.BlockOptionsWrapper\n                  $width={20}\n                  $height={20}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\n\n        <Styled.BlockSheetContainer $opacity={isSkipped ? 0.5 : 1}>\n          {sheets.map(nodeData => (\n            <NodeCard\n              key={nodeData.node_id}\n              imageHue={imageHue || 'BLUE'}\n              userType={userType}\n              nodeData={nodeData}\n              blockType={blockType}\n              isSkipped={isSkipped}\n              onNodeAttempt={onNodeAttempt}\n              onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n            />\n          ))}\n        </Styled.BlockSheetContainer>\n      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","blockType","name","sheets","isSkipped","permissions","canSkip","canUnskip","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","menuOptions","SkipIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","Styled.BlockSheetContainer","nodeData","NodeCard"],"mappings":"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"}
+{"version":3,"file":"block-section-view.js","sources":["../../../../../src/features/chapters-v2/chapter-details/block-sections/block-section-view.tsx"],"sourcesContent":["import type { INodeMenuOption } from '../../comps/node-card/node-menu-options/node-menu-options-types';\nimport type { IBlockSectionProps } from './block-sections-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../assets/line-icons/icons/more-vertical';\nimport SkipIcon from '../../../../assets/line-icons/icons/skip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport NodeCard from '../../comps/node-card/node-card';\nimport NodeMenuOptions from '../../comps/node-card/node-menu-options/node-menu-options';\nimport { BLOCK_NAME } from '../../constants/block-constants';\nimport { getSheetNLessonCount } from '../../utils';\nimport * as Styled from './block-sections-styled';\n\nconst BlockSectionView: FC<IBlockSectionProps> = ({\n  userType,\n  imageHue,\n  blockData,\n  lessonIdx,\n  isLastBlock,\n  isGoalBlock,\n  onNodeAttempt,\n  onNodeAttemptLocationChange,\n  onNodeMarkAsDone,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeView,\n  onBlockSkipUnskip,\n}) => {\n  const { block_type: blockType, name, sheets, permissions } = blockData;\n\n  const { can_skip: canSkip, can_un_skip: canUnskip } = permissions;\n  const blockName = BLOCK_NAME[blockType];\n\n  const sheetNLessonCount = getSheetNLessonCount(canUnskip, sheets.length, isGoalBlock, lessonIdx);\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-skip',\n      label: canUnskip ? `Revert 'Skip'` : 'Skip',\n      icon: SkipIcon,\n      disabled: false,\n      onClick: () => onBlockSkipUnskip?.(blockData, canSkip),\n    },\n  ];\n\n  if (userType === 'STUDENT' && canUnskip) return null;\n\n  return (\n    <Styled.BlockSectionWrapper\n      $background={isGoalBlock ? `${imageHue}_1` : 'WHITE_1'}\n      $gutterX={1}\n      $lastBlock={isLastBlock}\n      $flexGap={12}\n    >\n      <FlexView $flexGap={12}>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n          <FlexView $opacity={canUnskip ? 0.5 : 1}>\n            <Text\n              $renderAs=\"ac4\"\n              $color=\"BLACK_T_60\"\n              $textDecoration={canUnskip ? 'line-through' : 'none'}\n            >\n              {blockName === 'Puzzles' ? name : blockName} {sheetNLessonCount}\n            </Text>\n\n            {isGoalBlock && (lessonIdx ?? 0) > 0 && (\n              <Text\n                $renderAs=\"ab2-bold\"\n                $color=\"BLACK_1\"\n                $textDecoration={canUnskip ? 'line-through' : 'none'}\n              >\n                {name}\n              </Text>\n            )}\n          </FlexView>\n\n          {userType === 'TEACHER' && (canSkip || canUnskip) && (\n            <ContextMenu\n              targetElement={\n                <Styled.BlockOptionsWrapper\n                  $width={20}\n                  $height={20}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                >\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.BlockOptionsWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={4}\n            />\n          )}\n        </FlexView>\n\n        <Styled.BlockSheetContainer $opacity={canUnskip ? 0.5 : 1}>\n          {sheets.map(nodeData => (\n            <NodeCard\n              key={nodeData.node_id}\n              imageHue={imageHue || 'BLUE'}\n              userType={userType}\n              nodeData={nodeData}\n              blockType={blockType}\n              isSkipped={canUnskip}\n              onNodeAttempt={onNodeAttempt}\n              onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n              onNodeMarkAsDone={onNodeMarkAsDone}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReview={onNodeReview}\n              onNodeView={onNodeView}\n            />\n          ))}\n        </Styled.BlockSheetContainer>\n      </FlexView>\n    </Styled.BlockSectionWrapper>\n  );\n};\n\nexport default BlockSectionView;\n"],"names":["BlockSectionView","userType","imageHue","blockData","lessonIdx","isLastBlock","isGoalBlock","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","blockType","name","sheets","permissions","canSkip","canUnskip","blockName","BLOCK_NAME","sheetNLessonCount","getSheetNLessonCount","menuOptions","SkipIcon","jsx","Styled.BlockSectionWrapper","jsxs","FlexView","Text","ContextMenu","Styled.BlockOptionsWrapper","MoreVerticalIcon","NodeMenuOptions","Styled.BlockSheetContainer","nodeData","NodeCard"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import { jsxs as x, jsx as u } from "react/jsx-runtime";
-import { memo as G } from "react";
+import { jsxs as G, jsx as f } from "react/jsx-runtime";
+import { memo as I } from "react";
 import L from "../../../ui/layout/flex-view.js";
-import B from "./block-section-view.js";
-const O = G((A) => {
+import u from "./block-section-view.js";
+const b = I((A) => {
   const {
     blocks: t,
     imageHue: n,
@@ -11,41 +11,45 @@ const O = G((A) => {
     onNodeAttemptLocationChange: c,
     onNodeMarkAsDone: l,
     onNodeReattempt: r,
-    onNodeReview: p,
-    onNodeView: d,
-    onBlockSkipUnskip: k
+    onNodeReview: d,
+    onNodeView: p,
+    onBlockSkipUnskip: m
   } = A;
-  let m = 0;
-  const a = t.filter((o) => o.section_code === "GOALS"), N = t.filter((o) => o.section_code !== "GOALS");
-  return /* @__PURE__ */ x(L, { $width: "100%", children: [
-    a.map((o, e) => {
-      const { block_type: S, block_id: _, is_skipped: b } = o;
-      let f = 0;
-      const w = e === a.length - 1;
-      return S === "GOAL" && (b || (m += 1), f = m), /* @__PURE__ */ u(
-        B,
+  let k = 0;
+  const S = t.filter(
+    (o) => o.section_code === "GOALS" || o.section_code === "READINESS"
+  ), N = t.filter(
+    (o) => o.section_code !== "GOALS" && o.section_code !== "READINESS"
+  );
+  return /* @__PURE__ */ G(L, { $width: "100%", children: [
+    S.map((o, e) => {
+      const { block_type: _, block_id: B, is_skipped: w } = o;
+      let a = 0;
+      const x = e === S.length - 1;
+      return _ === "GOAL" && (w || (k += 1), a = k), /* @__PURE__ */ f(
+        u,
         {
           blockData: o,
           userType: i,
-          isLastBlock: w,
-          lessonIdx: f,
+          isLastBlock: x,
+          lessonIdx: a,
           imageHue: n,
           isGoalBlock: !0,
           onNodeAttempt: s,
           onNodeAttemptLocationChange: c,
           onNodeMarkAsDone: l,
           onNodeReattempt: r,
-          onNodeReview: p,
-          onNodeView: d,
-          onBlockSkipUnskip: k
+          onNodeReview: d,
+          onNodeView: p,
+          onBlockSkipUnskip: m
         },
-        _
+        B
       );
     }),
     N.map((o) => {
       const { block_id: e } = o;
-      return /* @__PURE__ */ u(
-        B,
+      return /* @__PURE__ */ f(
+        u,
         {
           blockData: o,
           userType: i,
@@ -54,9 +58,9 @@ const O = G((A) => {
           onNodeAttemptLocationChange: c,
           onNodeMarkAsDone: l,
           onNodeReattempt: r,
-          onNodeReview: p,
-          onNodeView: d,
-          onBlockSkipUnskip: k
+          onNodeReview: d,
+          onNodeView: p,
+          onBlockSkipUnskip: m
         },
         e
       );
@@ -64,6 +68,6 @@ const O = G((A) => {
   ] });
 });
 export {
-  O as default
+  b as default
 };
 //# sourceMappingURL=block-sections.js.map

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';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport BlockSectionView from './block-section-view';\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(block => block.section_code === 'GOALS');\n  const nonGoalBlocks = blocks.filter(block => block.section_code !== 'GOALS');\n\n  return (\n    <FlexView $width=\"100%\">\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    </FlexView>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","block","nonGoalBlocks","jsxs","FlexView","blockData","idx","blockType","blockId","isSkipped","lessonIdx","isLastBlock","jsx","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,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,OAAO,CAASY,MAAAA,EAAM,iBAAiB,OAAO,GAClEC,IAAgBb,EAAO,OAAO,CAASY,MAAAA,EAAM,iBAAiB,OAAO;AAGzE,SAAA,gBAAAE,EAACC,GAAS,EAAA,QAAO,QACd,UAAA;AAAA,IAAWJ,EAAA,IAAI,CAACK,GAAWC,MAAQ;AAClC,YAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,YAAYC,EAAc,IAAAJ;AAC5E,UAAIK,IAAY;AAEV,YAAAC,IAAcL,MAAQN,EAAW,SAAS;AAEhD,aAAIO,MAAc,WACXE,MACYV,KAAA,IAGLW,IAAAX,IAIZ,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,UAAAd;AAAA,UACA,aAAAoB;AAAA,UAEA,WAAAD;AAAA,UACA,UAAApB;AAAA,UACA,aAAW;AAAA,UACX,eAAAE;AAAA,UACA,6BAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKU;AAAA,MAAA;AAAA,IAWP,CAEH;AAAA,IAEAN,EAAc,IAAI,CAAaG,MAAA;AACxB,YAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,aAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,WAAAR;AAAA,UACA,UAAAd;AAAA,UACA,UAAAD;AAAA,UACA,eAAAE;AAAA,UACA,6BAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKU;AAAA,MAAA;AAAA,IAWP,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ,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';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport BlockSectionView from './block-section-view';\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    <FlexView $width=\"100%\">\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    </FlexView>\n  );\n});\n\nexport default BlockSections;\n"],"names":["BlockSections","memo","props","blocks","imageHue","userType","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onBlockSkipUnskip","lessonCount","goalBlocks","block","nonGoalBlocks","jsxs","FlexView","blockData","idx","blockType","blockId","isSkipped","lessonIdx","isLastBlock","jsx","BlockSectionView"],"mappings":";;;;AAQM,MAAAA,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,EAACC,GAAS,EAAA,QAAO,QACd,UAAA;AAAA,IAAWJ,EAAA,IAAI,CAACK,GAAWC,MAAQ;AAClC,YAAM,EAAE,YAAYC,GAAW,UAAUC,GAAS,YAAYC,EAAc,IAAAJ;AAC5E,UAAIK,IAAY;AAEV,YAAAC,IAAcL,MAAQN,EAAW,SAAS;AAEhD,aAAIO,MAAc,WACXE,MACYV,KAAA,IAGLW,IAAAX,IAIZ,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,UAAAd;AAAA,UACA,aAAAoB;AAAA,UAEA,WAAAD;AAAA,UACA,UAAApB;AAAA,UACA,aAAW;AAAA,UACX,eAAAE;AAAA,UACA,6BAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKU;AAAA,MAAA;AAAA,IAWP,CAEH;AAAA,IAEAN,EAAc,IAAI,CAAaG,MAAA;AACxB,YAAA,EAAE,UAAUG,EAAY,IAAAH;AAG5B,aAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,WAAAR;AAAA,UACA,UAAAd;AAAA,UACA,UAAAD;AAAA,UACA,eAAAE;AAAA,UACA,6BAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAAC;AAAA,QAAA;AAAA,QAVKU;AAAA,MAAA;AAAA,IAWP,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { memo as B, useMemo as h } from "react";
+import { memo as B, useMemo as d } from "react";
 import { ILLUSTRATIONS as D } from "../../../../assets/illustrations/illustrations.js";
-import d from "../../../../assets/line-icons/icons/check2.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 g from "../../comps/tag/tag.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 C, StyledImportantIcon as $, StyledCheckIcon as j, BannerTitleWrapper as H } from "./chapter-banner-styled.js";
-const a = 52, l = 54, c = 54, ee = B((f) => {
-  const { progressStats: o, imageHue: I, title: S, imageUrl: x } = f, r = h(() => W(o), [o]), { iconTopVal: u, iconLeftVal: R } = h(() => {
-    const m = (-(r === 100 ? 60 : r) * 3.6 - 180) * Math.PI / 180, P = c + a * Math.sin(m), A = l + a * Math.cos(m);
+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);
     return {
       iconLeftVal: P,
       iconTopVal: A
     };
   }, [r]);
   if (!o) return null;
-  const { mandatory: E, optional: _, class_work: w } = o, { completed: T = 0, total: k = 0 } = E || {}, { completed: y = 0, total: s = 0 } = _ || {}, { completed: G = 0, total: p = 0 } = w || {}, L = p > 0 && G === p;
+  const { mandatory: _, optional: w, class_work: T } = o, { completed: k = 0, total: s = 0 } = _ || {}, { completed: y = 0, total: p = 0 } = w || {}, { completed: G = 0, total: m = 0 } = T || {}, L = m > 0 && G === m;
   return /* @__PURE__ */ e(
     b,
     {
@@ -25,7 +25,7 @@ const a = 52, l = 54, c = 54, ee = B((f) => {
       $justifyContent: "center",
       $alignItems: "center",
       $widthX: 50,
-      $background: `${I}_4`,
+      $background: `${S}_4`,
       children: /* @__PURE__ */ t(n, { $height: 168, $position: "relative", children: [
         /* @__PURE__ */ e(
           V,
@@ -38,10 +38,10 @@ const a = 52, l = 54, c = 54, ee = B((f) => {
           }
         ),
         /* @__PURE__ */ t(M, { children: [
-          /* @__PURE__ */ e(O, { src: x, alt: "Chapter image" }),
+          /* @__PURE__ */ e(O, { src: u, alt: "Chapter image" }),
           /* @__PURE__ */ t(X, { width: "108px", height: "108px", children: [
             /* @__PURE__ */ e(
-              C,
+              $,
               {
                 $progress: 0,
                 r: a,
@@ -50,7 +50,7 @@ const a = 52, l = 54, c = 54, ee = B((f) => {
               }
             ),
             /* @__PURE__ */ e(
-              C,
+              $,
               {
                 $progressCircle: !0,
                 $progressBackground: "BLACK",
@@ -61,29 +61,29 @@ const a = 52, l = 54, c = 54, ee = B((f) => {
               }
             )
           ] }),
-          r > 0 && /* @__PURE__ */ e($, { $progress: !0, $top: u, $left: R }),
-          r === 100 && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(g, { Icon: d }) })
+          r > 0 && /* @__PURE__ */ e(f, { $progress: !0, $top: R, $left: E }),
+          r === 100 && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(C, { Icon: g }) })
         ] }),
         /* @__PURE__ */ t(H, { $flexGap: 4, children: [
-          /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: S }),
+          /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: x }),
           /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
-            /* @__PURE__ */ t(n, { $position: "relative", $flexDirection: "row", children: [
-              /* @__PURE__ */ e($, {}),
+            !!s && /* @__PURE__ */ t(n, { $position: "relative", $flexDirection: "row", children: [
+              /* @__PURE__ */ e(f, {}),
               /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
                 /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
                   "Core - ",
-                  T,
+                  k,
                   "/",
-                  k
+                  s
                 ] }),
-                L && /* @__PURE__ */ e(g, { Icon: d, label: "CW" })
+                L && /* @__PURE__ */ e(C, { Icon: g, label: "CW" })
               ] })
             ] }),
-            s > 0 && /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
+            p > 0 && /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
               "Supplementary - ",
               y,
               "/",
-              s
+              p
             ] })
           ] })
         ] })

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, class_work: 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\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\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n\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\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            <FlexView $position=\"relative\" $flexDirection=\"row\">\n              <Styled.StyledImportantIcon />\n\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ab2\">\n                  Core - {completedMandatorySheets}/{totalMandatorySheets}\n                </Text>\n\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 } = 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, class_work: 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={4}>\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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"}

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

@@ -1,16 +1,16 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as m } from "react";
 import { getNodeStateBasedTagInfo as p } from "../../utils/node-card-utils.js";
-import { SheetTagWrapper as g } from "./node-card-styled.js";
-const h = m((o) => {
-  const { state: t, accuracy: e, nodeType: a, dueDateTs: r } = o, c = a === "DYNAMIC" ? e : void 0, {
+import { SheetTagWrapper as S } from "./node-card-styled.js";
+const y = m((t) => {
+  const { state: e, accuracy: a, nodeType: o, dueDateTs: r } = t, c = o === "DYNAMIC" || o === "ASSESSMENT" || o === "CHAPTER_ASSESSMENT" ? a : void 0, {
     icon: i,
     top: n,
     right: s
-  } = p(t, c, r);
-  return /* @__PURE__ */ d(g, { $top: n, $right: s, children: i });
+  } = p(e, c, r);
+  return /* @__PURE__ */ d(S, { $top: n, $right: s, children: i });
 });
 export {
-  h as default
+  y as default
 };
 //# sourceMappingURL=node-card-tags.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"node-card-tags.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-tags.tsx"],"sourcesContent":["import type { INodeCardTagsProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getNodeStateBasedTagInfo } from '../../utils/node-card-utils';\nimport * as Styled from './node-card-styled';\n\nconst NodeCardTags: FC<INodeCardTagsProps> = memo(props => {\n  const { state, accuracy, nodeType, dueDateTs } = props;\n\n  const isDynamicNode = nodeType === 'DYNAMIC';\n  const accuracyValue = isDynamicNode ? accuracy : undefined;\n\n  const {\n    icon: NodeTagIcon,\n    top,\n    right,\n  } = getNodeStateBasedTagInfo(state, accuracyValue, dueDateTs);\n\n  return (\n    <Styled.SheetTagWrapper $top={top} $right={right}>\n      {NodeTagIcon}\n    </Styled.SheetTagWrapper>\n  );\n});\n\nexport default NodeCardTags;\n"],"names":["NodeCardTags","memo","props","state","accuracy","nodeType","dueDateTs","accuracyValue","NodeTagIcon","top","right","getNodeStateBasedTagInfo","jsx","Styled.SheetTagWrapper"],"mappings":";;;;AAQM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,WAAAC,MAAcJ,GAG3CK,IADgBF,MAAa,YACGD,IAAW,QAE3C;AAAA,IACJ,MAAMI;AAAA,IACN,KAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAC,EAAyBR,GAAOI,GAAeD,CAAS;AAG1D,SAAA,gBAAAM,EAACC,GAAA,EAAuB,MAAMJ,GAAK,QAAQC,GACxC,UACHF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"node-card-tags.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-tags.tsx"],"sourcesContent":["import type { INodeCardTagsProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getNodeStateBasedTagInfo } from '../../utils/node-card-utils';\nimport * as Styled from './node-card-styled';\n\nconst NodeCardTags: FC<INodeCardTagsProps> = memo(props => {\n  const { state, accuracy, nodeType, dueDateTs } = props;\n\n  const isDynamicNode =\n    nodeType === 'DYNAMIC' || nodeType === 'ASSESSMENT' || nodeType === 'CHAPTER_ASSESSMENT';\n  const accuracyValue = isDynamicNode ? accuracy : undefined;\n\n  const {\n    icon: NodeTagIcon,\n    top,\n    right,\n  } = getNodeStateBasedTagInfo(state, accuracyValue, dueDateTs);\n\n  return (\n    <Styled.SheetTagWrapper $top={top} $right={right}>\n      {NodeTagIcon}\n    </Styled.SheetTagWrapper>\n  );\n});\n\nexport default NodeCardTags;\n"],"names":["NodeCardTags","memo","props","state","accuracy","nodeType","dueDateTs","accuracyValue","NodeTagIcon","top","right","getNodeStateBasedTagInfo","jsx","Styled.SheetTagWrapper"],"mappings":";;;;AAQM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,WAAAC,MAAcJ,GAI3CK,IADJF,MAAa,aAAaA,MAAa,gBAAgBA,MAAa,uBAChCD,IAAW,QAE3C;AAAA,IACJ,MAAMI;AAAA,IACN,KAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAC,EAAyBR,GAAOI,GAAeD,CAAS;AAG1D,SAAA,gBAAAM,EAACC,GAAA,EAAuB,MAAMJ,GAAK,QAAQC,GACxC,UACHF,EAAA,CAAA;AAEJ,CAAC;"}