@cuemath/leap 2.8.61-as4 → 2.8.61-as5

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/comps/node-card/teacher-actions/teacher-actions.js

@@ -22,10 +22,10 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
     imageHue: T,
     blockType: O,
     isSkipped: $,
-    onNodeAttemptLocationChange: o,
-    onNodeMarkAsDone: n,
-    onNodeView: c,
-    onNodeReview: a
+    onNodeAttemptLocationChange: i,
+    onNodeMarkAsDone: o,
+    onNodeView: n,
+    onNodeReview: c
   }) => {
     const l = X(null), { menuVisible: w, onMenuClick: u } = Y(l), {
       accuracy: x,
@@ -33,7 +33,7 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
       node_type: d,
       card_header: W,
       title: A,
-      state: s,
+      state: a,
       is_optional: C,
       sheet_statement: _,
       permissions: B
@@ -41,17 +41,17 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
       can_change_attempt_location: H,
       can_mark_familiar: L,
       can_review: m
-    } = B, p = O === Q.GOAL, i = s === f.LOCKED, G = s === f.NOT_STARTED, K = s === f.IN_PROGRESS, I = y === "INCLASS", M = !_ || !p || i, g = !C && (K || G), R = Z(d), b = D(d), h = F(
+    } = B, p = O === Q.GOAL, s = a === f.LOCKED, G = a === f.NOT_STARTED, K = a === f.IN_PROGRESS, I = y === "INCLASS", M = !_ || !p, g = !C && (K || G), R = Z(d), b = D(d), h = F(
       (E) => {
         switch (E) {
           case "node-card-view":
-            m ? a == null || a(r) : c == null || c(r);
+            m ? c == null || c(r) : n == null || n(r);
             return;
           case "node-card-assign-as-hw":
-            o == null || o(r);
+            i == null || i(r);
             return;
           case "node-card-mark-as-done":
-            n == null || n(r);
+            o == null || o(r);
             return;
           default:
             throw new Error(`No callback function for ${E}`);
@@ -60,10 +60,10 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
       [
         m,
         r,
+        i,
         o,
-        n,
-        a,
-        c
+        c,
+        n
       ]
     ), j = [
       {
@@ -92,7 +92,7 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
       re,
       {
         $showOutline: !g,
-        $isSheetLocked: i,
+        $isSheetLocked: s,
         $background: `${T}_2`,
         $disabled: !!$,
         children: [
@@ -127,14 +127,14 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
                           $position: "relative",
                           $alignItems: "center",
                           $justifyContent: "center",
-                          $opacity: i ? 0.5 : 1,
+                          $opacity: s ? 0.5 : 1,
                           children: [
                             b && /* @__PURE__ */ e(b, { width: 20, height: 20 }),
                             !C && /* @__PURE__ */ e(oe, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ t(J, { $renderAs: "ac4-black", $color: "BLACK", $opacity: i ? 0.5 : 1, children: [
+                      /* @__PURE__ */ t(J, { $renderAs: "ac4-black", $color: "BLACK", $opacity: s ? 0.5 : 1, children: [
                         W,
                         " ",
                         I && ". CW"
@@ -144,7 +144,7 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(se, { nodeType: d, state: s, accuracy: x }),
+                /* @__PURE__ */ e(se, { nodeType: d, state: a, accuracy: x }),
                 !p && /* @__PURE__ */ t(
                   ne,
                   {
@@ -160,7 +160,7 @@ const { ASSIGN_AS_HW: de, REVIEW: me, VIEW: pe, MARK_AS_DONE: he } = V, Be = P(
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
-                          $opacity: i ? 0.5 : 1,
+                          $opacity: s ? 0.5 : 1,
                           children: A
                         }
                       ),

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport BorderPathAnimation from '../border-path-animation';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n    } = nodeData;\n\n    const {\n      can_change_attempt_location: canChangeAttemptLocation,\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const sheetInProgress = state === NODE_CARD_STATES.IN_PROGRESS;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const tooltipHidden = !sheetStatement || !isGoalBlock || sheetLocked;\n\n    const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n    const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAttemptLocationChange?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAttemptLocationChange,\n        onNodeMarkAsDone,\n        onNodeReview,\n        onNodeView,\n      ],\n    );\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canChangeAttemptLocation || !inClassSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <Styled.NodeCardContainer\n        $showOutline={!showCardAnimation}\n        $isSheetLocked={sheetLocked}\n        $background={`${imageHue}_2`}\n        $disabled={Boolean(isSkipped)}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={sheetStatement}\n          position=\"bottom\"\n          zIndex={5}\n          hidden={tooltipHidden}\n          parentWidth=\"100%\"\n          widthX={11.25}\n        >\n          <Styled.NodeCardInfoWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $width=\"100%\"\n            $heightX={3.5}\n            $bgImage={nodeBgImage}\n            $gutterX={0.78125}\n            $flexGap={8.5}\n          >\n            <Styled.IconWrapper\n              $width={31}\n              $height={31}\n              $background=\"WHITE_1\"\n              $position=\"relative\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $opacity={sheetLocked ? 0.5 : 1}\n            >\n              {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n              {!isOptional && <Styled.StyledImportantIcon />}\n            </Styled.IconWrapper>\n\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK\" $opacity={sheetLocked ? 0.5 : 1}>\n              {cardHeader} {inClassSheet && `. CW`}\n            </Text>\n\n            <FlexView className=\"context-menu\">\n              {isGoalBlock && (\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeKebabMenuWrapper>\n              )}\n            </FlexView>\n\n            {showCardAnimation && !isSkipped && <BorderPathAnimation />}\n          </Styled.NodeCardInfoWrapper>\n\n          <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n          {!isGoalBlock && (\n            <Styled.NodeCardContentWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $background=\"WHITE_1\"\n              $flexGap={8}\n              $heightX={4}\n              $justifyContent=\"space-between\"\n            >\n              <Styled.NodeCardTitle\n                $renderAs=\"ab3\"\n                $color=\"BLACK_1\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                {title}\n              </Styled.NodeCardTitle>\n\n              <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                <MoreVerticalIcon width={16} height={16} />\n              </Styled.NodeKebabMenuWrapper>\n            </Styled.NodeCardContentWrapper>\n          )}\n        </ArrowTooltip>\n\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </Styled.NodeCardContainer>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeView","onNodeReview","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","canChangeAttemptLocation","canMarkFamiliar","canReview","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","showCardAnimation","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","menuOptions","Eye2Icon","Home2Icon","Check2Icon","jsxs","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","jsx","Styled.StyledImportantIcon","Text","FlexView","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport BorderPathAnimation from '../border-path-animation';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n    } = nodeData;\n\n    const {\n      can_change_attempt_location: canChangeAttemptLocation,\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const sheetInProgress = state === NODE_CARD_STATES.IN_PROGRESS;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const tooltipHidden = !sheetStatement || !isGoalBlock;\n\n    const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n    const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAttemptLocationChange?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAttemptLocationChange,\n        onNodeMarkAsDone,\n        onNodeReview,\n        onNodeView,\n      ],\n    );\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canChangeAttemptLocation || !inClassSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <Styled.NodeCardContainer\n        $showOutline={!showCardAnimation}\n        $isSheetLocked={sheetLocked}\n        $background={`${imageHue}_2`}\n        $disabled={Boolean(isSkipped)}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={sheetStatement}\n          position=\"bottom\"\n          zIndex={5}\n          hidden={tooltipHidden}\n          parentWidth=\"100%\"\n          widthX={11.25}\n        >\n          <Styled.NodeCardInfoWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $width=\"100%\"\n            $heightX={3.5}\n            $bgImage={nodeBgImage}\n            $gutterX={0.78125}\n            $flexGap={8.5}\n          >\n            <Styled.IconWrapper\n              $width={31}\n              $height={31}\n              $background=\"WHITE_1\"\n              $position=\"relative\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $opacity={sheetLocked ? 0.5 : 1}\n            >\n              {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n              {!isOptional && <Styled.StyledImportantIcon />}\n            </Styled.IconWrapper>\n\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK\" $opacity={sheetLocked ? 0.5 : 1}>\n              {cardHeader} {inClassSheet && `. CW`}\n            </Text>\n\n            <FlexView className=\"context-menu\">\n              {isGoalBlock && (\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeKebabMenuWrapper>\n              )}\n            </FlexView>\n\n            {showCardAnimation && !isSkipped && <BorderPathAnimation />}\n          </Styled.NodeCardInfoWrapper>\n\n          <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n          {!isGoalBlock && (\n            <Styled.NodeCardContentWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $background=\"WHITE_1\"\n              $flexGap={8}\n              $heightX={4}\n              $justifyContent=\"space-between\"\n            >\n              <Styled.NodeCardTitle\n                $renderAs=\"ab3\"\n                $color=\"BLACK_1\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                {title}\n              </Styled.NodeCardTitle>\n\n              <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                <MoreVerticalIcon width={16} height={16} />\n              </Styled.NodeKebabMenuWrapper>\n            </Styled.NodeCardContentWrapper>\n          )}\n        </ArrowTooltip>\n\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </Styled.NodeCardContainer>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeView","onNodeReview","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","canChangeAttemptLocation","canMarkFamiliar","canReview","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","showCardAnimation","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","menuOptions","Eye2Icon","Home2Icon","Check2Icon","jsxs","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","jsx","Styled.StyledImportantIcon","Text","FlexView","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,MAAM,EAAE,cAAAA,IAAc,QAAAC,IAAQ,MAAAC,IAAM,cAAAC,OAAiBC,GAE/CC,KAAuDC;AAAA,EAC3D,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY,GAEtE;AAAA,MACJ,UAAAK;AAAA,MACA,kBAAkBC;AAAA,MAClB,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAaC;AAAA,MACb,iBAAiBC;AAAA,MACjB,aAAAC;AAAA,IACE,IAAArB,GAEE;AAAA,MACJ,6BAA6BsB;AAAA,MAC7B,mBAAmBC;AAAA,MACnB,YAAYC;AAAA,IACV,IAAAH,GAEEI,IAAcvB,MAAcwB,EAAW,MACvCC,IAAcT,MAAUU,EAAiB,QACzCC,IAAkBX,MAAUU,EAAiB,aAC7CE,IAAkBZ,MAAUU,EAAiB,aAC7CG,IAAejB,MAAoB,WACnCkB,IAAgB,CAACZ,KAAkB,CAACK,GAEpCQ,IAAoB,CAACd,MAAeW,KAAmBD,IAEvDK,IAAcC,EAAwBpB,CAAQ,GAC9CqB,IAAeC,EAAqBtB,CAAQ,GAE5CuB,IAA0BC;AAAA,MAC9B,CAACC,MAAqB;AACpB,gBAAQA,GAAU;AAAA,UAChB,KAAK;AACH,YAAIhB,IACFjB,KAAA,QAAAA,EAAeP,KAEfM,KAAA,QAAAA,EAAaN;AAGf;AAAA,UAEF,KAAK;AACH,YAAAI,KAAA,QAAAA,EAA8BJ;AAE9B;AAAA,UAEF,KAAK;AACH,YAAAK,KAAA,QAAAA,EAAmBL;AAEnB;AAAA,UACF;AACE,kBAAM,IAAI,MAAM,4BAA4BwC,CAAQ,EAAE;AAAA,QAC1D;AAAA,MACF;AAAA,MACA;AAAA,QACEhB;AAAA,QACAxB;AAAA,QACAI;AAAA,QACAC;AAAA,QACAE;AAAA,QACAD;AAAA,MACF;AAAA,IAAA,GAGImC,IAAiC;AAAA,MACrC;AAAA,QACE,IAAI;AAAA,QACJ,OAAOjB,IAAY9B,KAASC;AAAA,QAC5B,MAAM+C;AAAA,QACN,UAAU;AAAA,QACV,SAASJ;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO7C;AAAA,QACP,MAAMkD;AAAA,QACN,UAAU,CAACrB,KAA4B,CAACS;AAAA,QACxC,SAASO;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO1C;AAAA,QACP,MAAMgD;AAAA,QACN,UAAU,CAACrB;AAAA,QACX,SAASe;AAAA,MACX;AAAA,IAAA;AAIA,WAAA,gBAAAO;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,cAAc,CAACb;AAAA,QACf,gBAAgBN;AAAA,QAChB,aAAa,GAAG1B,CAAQ;AAAA,QACxB,WAAW,EAAQE;AAAA,QAEnB,UAAA;AAAA,UAAA,gBAAA0C;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAa3B;AAAA,cACb,UAAS;AAAA,cACT,QAAQ;AAAA,cACR,QAAQY;AAAA,cACR,aAAY;AAAA,cACZ,QAAQ;AAAA,cAER,UAAA;AAAA,gBAAA,gBAAAa;AAAA,kBAACG;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,QAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAUd;AAAA,oBACV,UAAU;AAAA,oBACV,UAAU;AAAA,oBAEV,UAAA;AAAA,sBAAA,gBAAAW;AAAA,wBAACI;AAAAA,wBAAA;AAAA,0BACC,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,aAAY;AAAA,0BACZ,WAAU;AAAA,0BACV,aAAY;AAAA,0BACZ,iBAAgB;AAAA,0BAChB,UAAUtB,IAAc,MAAM;AAAA,0BAE7B,UAAA;AAAA,4BAAAS,KAAiB,gBAAAc,EAAAd,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,4BACrD,CAACjB,KAAe,gBAAA+B,EAAAC,IAAA,EAA2B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC9C;AAAA,sBAEA,gBAAAN,EAACO,KAAK,WAAU,aAAY,QAAO,SAAQ,UAAUzB,IAAc,MAAM,GACtE,UAAA;AAAA,wBAAAX;AAAA,wBAAW;AAAA,wBAAEe,KAAgB;AAAA,sBAAA,GAChC;AAAA,sBAEA,gBAAAmB,EAACG,KAAS,WAAU,gBACjB,eACE,gBAAAH,EAAAI,GAAA,EAA4B,KAAK9C,GAAc,SAASG,GACvD,4BAAC4C,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,GAC3C,EAEJ,CAAA;AAAA,sBAECtB,KAAqB,CAAC9B,KAAa,gBAAA+C,EAACM,IAAoB,CAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC3D;AAAA,gBAEC,gBAAAN,EAAAO,IAAA,EAAa,UAAA1C,GAAoB,OAAAG,GAAc,UAAAL,EAAoB,CAAA;AAAA,gBAEnE,CAACY,KACA,gBAAAoB;AAAA,kBAACa;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,aAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,UAAU;AAAA,oBACV,iBAAgB;AAAA,oBAEhB,UAAA;AAAA,sBAAA,gBAAAR;AAAA,wBAACS;AAAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,QAAO;AAAA,0BACP,UAAUhC,IAAc,MAAM;AAAA,0BAE7B,UAAAV;AAAA,wBAAA;AAAA,sBACH;AAAA,sBAEC,gBAAAiC,EAAAI,GAAA,EAA4B,KAAK9C,GAAc,SAASG,GACvD,UAAA,gBAAAuC,EAACK,GAAiB,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA,GAC3C;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEA,gBAAAL,EAACU,IAAA,EAA8B,UAAUlD,GACvC,UAAC,gBAAAwC,EAAAW,IAAA,EAAgB,SAASpB,EAAA,CAAa,EACzC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/homework/hw-card-list/hw-card-list.js

@@ -1,76 +1,83 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { h as U } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { useRef as Y, useState as s, useCallback as r, useEffect as f } from "react";
-import Z from "../../../assets/line-icons/icons/chevron-left.js";
-import J from "../../../assets/line-icons/icons/chevron-right.js";
-import { getTopicsFromItems as ee } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
-import u from "../../ui/layout/flex-view.js";
-import te from "../../ui/text/text.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { h as Z } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { useRef as D, useState as l, useCallback as n, useEffect as u } from "react";
+import J from "../../../assets/line-icons/icons/chevron-left.js";
+import ee from "../../../assets/line-icons/icons/chevron-right.js";
+import { getTopicsFromItems as te } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
+import c from "../../ui/layout/flex-view.js";
+import m from "../../ui/text/text.js";
 import oe from "../homework-card.js";
 import { useGetHomeworks as re } from "./api/get-homeworks.js";
-import { HoverZone as H, ScrollButton as b, ScrollContainer as ne } from "./hw-card-list-styled.js";
+import { HoverZone as k, ScrollButton as _, ScrollContainer as ne } from "./hw-card-list-styled.js";
 const ie = ({
-  userType: k = "STUDENT",
-  studentId: m,
-  stream: p,
+  userType: b = "STUDENT",
+  studentId: p,
+  stream: $,
   onTestStart: w,
   onNodeAttempt: x,
   onTestPreview: R,
   onNodeView: S,
-  onTestReview: _,
-  onNodeReview: E,
-  onNodeUnassign: T
+  onTestReview: T,
+  onNodeReview: A,
+  onNodeUnassign: E
 }) => {
-  const o = Y(null), [I, $] = s(!1), [M, g] = s(!1), [y, A] = s(!1), [B, N] = s(!0), { get: v, data: n, isProcessingFailed: j } = re(), z = r(() => {
-    o.current && o.current.scrollBy({ left: -200, behavior: "smooth" });
-  }, []), W = r(() => {
-    o.current && o.current.scrollBy({ left: 200, behavior: "smooth" });
-  }, []), F = r(() => {
-    $(!0);
-  }, []), G = r(() => {
-    $(!1);
-  }, []), K = r(() => {
+  const r = D(null), [I, g] = l(!1), [y, v] = l(!1), [B, M] = l(!1), [N, j] = l(!0), { get: L, data: e, isProcessingFailed: K } = re(), z = n(() => {
+    r.current && r.current.scrollBy({ left: -200, behavior: "smooth" });
+  }, []), G = n(() => {
+    r.current && r.current.scrollBy({ left: 200, behavior: "smooth" });
+  }, []), W = n(() => {
     g(!0);
-  }, []), D = r(() => {
+  }, []), F = n(() => {
     g(!1);
-  }, []), i = r(() => {
-    if (o.current) {
-      const { scrollLeft: e, scrollWidth: l, clientWidth: c } = o.current;
-      A(e > 10), N(e < l - c - 10);
+  }, []), X = n(() => {
+    v(!0);
+  }, []), O = n(() => {
+    v(!1);
+  }, []), i = n(() => {
+    if (r.current) {
+      const { scrollLeft: o, scrollWidth: h, clientWidth: a } = r.current;
+      M(o > 10), j(o < h - a - 10);
     }
   }, []);
-  f(() => {
-    const e = o.current;
-    if (e)
-      return e.addEventListener("scroll", i), i(), () => {
-        e.removeEventListener("scroll", i);
+  u(() => {
+    const o = r.current;
+    if (o)
+      return o.addEventListener("scroll", i), i(), () => {
+        o.removeEventListener("scroll", i);
       };
-  }, [i]), f(() => {
+  }, [i]), u(() => {
     i();
-  }, [n, i]);
-  const L = r(() => {
-    v(m, void 0, { stream: p });
-  }, [v, p, m]);
-  return f(() => {
-    L();
-  }, [L]), j ? null : /* @__PURE__ */ d(u, { $flexRowGapX: 1, children: [
-    /* @__PURE__ */ d(te, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+  }, [e, i]);
+  const C = n(() => {
+    L(p, void 0, { stream: $ });
+  }, [L, $, p]);
+  return u(() => {
+    C();
+  }, [C]), e && e.length === 0 ? /* @__PURE__ */ s(c, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ s(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
-      n == null ? void 0 : n.length,
+      e == null ? void 0 : e.length,
       ")"
     ] }),
-    /* @__PURE__ */ d(u, { $position: "relative", onMouseEnter: i, children: [
-      y && /* @__PURE__ */ t(
-        H,
+    /* @__PURE__ */ t(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
+  ] }) : K ? null : /* @__PURE__ */ s(c, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ s(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Homework (",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ s(c, { $position: "relative", onMouseEnter: i, children: [
+      B && /* @__PURE__ */ t(
+        k,
         {
           $position: "absolute",
           $width: "60px",
           left: "0",
           right: "auto",
-          onMouseEnter: F,
-          onMouseLeave: G,
+          onMouseEnter: W,
+          onMouseLeave: F,
           children: /* @__PURE__ */ t(
-            b,
+            _,
             {
               $position: "absolute",
               $background: "BLACK_T_60",
@@ -81,49 +88,49 @@ const ie = ({
               $visible: I,
               left: "0px",
               right: "auto",
-              children: /* @__PURE__ */ t(Z, { width: 24, height: 24 })
+              children: /* @__PURE__ */ t(J, { width: 24, height: 24 })
             }
           )
         },
         "left-hover-zone"
       ),
-      /* @__PURE__ */ t(ne, { ref: o, children: /* @__PURE__ */ t(u, { $flexDirection: "row", $flexGapX: 1, children: n == null ? void 0 : n.map((e, l) => {
+      /* @__PURE__ */ t(ne, { ref: r, children: /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, h) => {
         const {
-          items: c,
-          node_id: O,
-          sheet_time: C,
-          total_questions: h,
-          worksheet_id: P,
-          node_type: Q
-        } = e, V = C && Math.ceil(C / 60) || 0, X = ee(c).join(", "), q = `${typeof h == "number" ? `${h} ${U.pluralize(h, "Question")}, ` : ""}${V} Mins`, a = Q === "DYNAMIC";
+          items: a,
+          node_id: P,
+          sheet_time: H,
+          total_questions: d,
+          worksheet_id: Q,
+          node_type: V
+        } = o, q = H && Math.ceil(H / 60) || 0, U = te(a).join(", "), Y = `${typeof d == "number" ? `${d} ${Z.pluralize(d, "Question")}, ` : ""}${q} Mins`, f = V === "DYNAMIC";
         return /* @__PURE__ */ t(
           oe,
           {
-            userType: k,
-            header: X,
-            subHeader: q,
-            nodeData: e,
+            userType: b,
+            header: U,
+            subHeader: Y,
+            nodeData: o,
             renderAs: "homework",
-            onNodeAttempt: a ? w : x,
+            onNodeAttempt: f ? w : x,
             shouldOpenOnRight: !1,
-            onNodeView: a ? R : S,
-            onNodeReview: a ? _ : E,
-            onNodeUnassign: T
+            onNodeView: f ? R : S,
+            onNodeReview: f ? T : A,
+            onNodeUnassign: E
           },
-          `${P}_${O}_${l}`
+          `${Q}_${P}_${h}`
         );
       }) }) }),
-      B && /* @__PURE__ */ t(
-        H,
+      N && /* @__PURE__ */ t(
+        k,
         {
           $position: "absolute",
           $width: "60px",
           right: "0",
           left: "auto",
-          onMouseEnter: K,
-          onMouseLeave: D,
+          onMouseEnter: X,
+          onMouseLeave: O,
           children: /* @__PURE__ */ t(
-            b,
+            _,
             {
               $position: "absolute",
               $width: "60px",
@@ -131,11 +138,11 @@ const ie = ({
               $background: "BLACK_T_60",
               $justifyContent: "center",
               $alignItems: "center",
-              onClick: W,
-              $visible: M,
+              onClick: G,
+              $visible: y,
               left: "auto",
               right: "0px",
-              children: /* @__PURE__ */ t(J, { width: 24, height: 24 })
+              children: /* @__PURE__ */ t(ee, { width: 24, height: 24 })
             }
           )
         },

package/dist/features/homework/hw-card-list/hw-card-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType = 'STUDENT',\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n}) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(true);\n  const { get: getHomeworks, data: hwDetails, isProcessingFailed } = useGetHomeworks();\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleLeftHoverEnter = useCallback(() => {\n    setIsLeftHovered(true);\n  }, []);\n\n  const handleLeftHoverLeave = useCallback(() => {\n    setIsLeftHovered(false);\n  }, []);\n\n  const handleRightHoverEnter = useCallback(() => {\n    setIsRightHovered(true);\n  }, []);\n\n  const handleRightHoverLeave = useCallback(() => {\n    setIsRightHovered(false);\n  }, []);\n\n  // Function to check scroll position and update button availability\n  const checkScrollPosition = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      // Can scroll left if scrolled to the right\n      setCanScrollLeft(scrollLeft > 10);\n\n      // Can scroll right if not at the end\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  // Add scroll event listener to check scroll position\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollPosition);\n      // Run once on mount to set initial button states\n      checkScrollPosition();\n\n      return () => {\n        scrollElement.removeEventListener('scroll', checkScrollPosition);\n      };\n    }\n  }, [checkScrollPosition]);\n\n  // Also check when content changes\n  useEffect(() => {\n    checkScrollPosition();\n  }, [hwDetails, checkScrollPosition]);\n\n  const fetchChapterDetails = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <FlexView $flexRowGapX={1}>\n      <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n        Homework ({hwDetails?.length})\n      </Text>\n      <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n        {/* Left hover zone */}\n        {canScrollLeft && (\n          <Styled.HoverZone\n            key=\"left-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            left=\"0\"\n            right=\"auto\"\n            onMouseEnter={handleLeftHoverEnter}\n            onMouseLeave={handleLeftHoverLeave}\n          >\n            {/* Left scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $height=\"100%\"\n              onClick={handleScrollLeft}\n              $visible={isLeftHovered}\n              left=\"0px\"\n              right=\"auto\"\n            >\n              <ChevronLeftIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {hwDetails?.map((sheet, idx) => {\n              const {\n                items,\n                node_id: nodeId,\n                sheet_time: sheetTime,\n                total_questions: totalQuestions,\n                worksheet_id: worksheetId,\n                node_type: nodeType,\n              } = sheet;\n              const totalSheetTime = (sheetTime && Math.ceil(sheetTime / 60)) || 0;\n              const topics = getTopicsFromItems(items);\n              const testChapterName = topics.join(', ');\n              const subHeader = `${\n                typeof totalQuestions === 'number'\n                  ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n                  : ''\n              }${totalSheetTime} Mins`;\n              const isTestSheet = nodeType === 'DYNAMIC';\n\n              return (\n                <HomeworkCard\n                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  userType={userType}\n                  header={testChapterName}\n                  subHeader={subHeader}\n                  nodeData={sheet}\n                  renderAs=\"homework\"\n                  onNodeAttempt={isTestSheet ? onTestStart : onNodeAttempt}\n                  shouldOpenOnRight={false}\n                  onNodeView={isTestSheet ? onTestPreview : onNodeView}\n                  onNodeReview={isTestSheet ? onTestReview : onNodeReview}\n                  onNodeUnassign={onNodeUnassign}\n                />\n              );\n            })}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        {/* Right hover zone */}\n        {canScrollRight && (\n          <Styled.HoverZone\n            key=\"right-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            right=\"0\"\n            left=\"auto\"\n            onMouseEnter={handleRightHoverEnter}\n            onMouseLeave={handleRightHoverLeave}\n          >\n            {/* Right scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $width=\"60px\"\n              $height=\"100%\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              onClick={handleScrollRight}\n              $visible={isRightHovered}\n              left=\"auto\"\n              right=\"0px\"\n            >\n              <ChevronRightIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","useGetHomeworks","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","fetchChapterDetails","jsxs","FlexView","Text","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","items","nodeId","sheetTime","totalQuestions","worksheetId","nodeType","totalSheetTime","testChapterName","getTopicsFromItems","subHeader","pluralize","isTestSheet","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}
+{"version":3,"file":"hw-card-list.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../../ui/types';\n\nimport { pluralize } from 'humanize-plus';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport ChevronLeftIcon from '../../../assets/line-icons/icons/chevron-left';\nimport ChevronRightIcon from '../../../assets/line-icons/icons/chevron-right';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport HomeworkCard from '../homework-card';\nimport { useGetHomeworks } from './api/get-homeworks';\nimport * as Styled from './hw-card-list-styled';\n\ninterface HWCardListProps extends INodeCardCallbacks {\n  userType: TUserTypes;\n  studentId: string;\n  stream: string;\n  onTestPreview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n  onTestStart?: (sheetData: INodeDataProps) => void;\n  onTestReview?: (sheetData: INodeDataProps, milestoneId?: string) => void;\n}\n\nconst HWCardList: React.FC<HWCardListProps> = ({\n  userType = 'STUDENT',\n  studentId,\n  stream,\n  onTestStart,\n  onNodeAttempt,\n  onTestPreview,\n  onNodeView,\n  onTestReview,\n  onNodeReview,\n  onNodeUnassign,\n}) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [isLeftHovered, setIsLeftHovered] = useState(false);\n  const [isRightHovered, setIsRightHovered] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(true);\n  const { get: getHomeworks, data: hwDetails, isProcessingFailed } = useGetHomeworks();\n\n  const handleScrollLeft = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: -200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleScrollRight = useCallback(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollBy({ left: 200, behavior: 'smooth' });\n    }\n  }, []);\n\n  const handleLeftHoverEnter = useCallback(() => {\n    setIsLeftHovered(true);\n  }, []);\n\n  const handleLeftHoverLeave = useCallback(() => {\n    setIsLeftHovered(false);\n  }, []);\n\n  const handleRightHoverEnter = useCallback(() => {\n    setIsRightHovered(true);\n  }, []);\n\n  const handleRightHoverLeave = useCallback(() => {\n    setIsRightHovered(false);\n  }, []);\n\n  // Function to check scroll position and update button availability\n  const checkScrollPosition = useCallback(() => {\n    if (scrollRef.current) {\n      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;\n\n      // Can scroll left if scrolled to the right\n      setCanScrollLeft(scrollLeft > 10);\n\n      // Can scroll right if not at the end\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 10);\n    }\n  }, []);\n\n  // Add scroll event listener to check scroll position\n  useEffect(() => {\n    const scrollElement = scrollRef.current;\n\n    if (scrollElement) {\n      scrollElement.addEventListener('scroll', checkScrollPosition);\n      // Run once on mount to set initial button states\n      checkScrollPosition();\n\n      return () => {\n        scrollElement.removeEventListener('scroll', checkScrollPosition);\n      };\n    }\n  }, [checkScrollPosition]);\n\n  // Also check when content changes\n  useEffect(() => {\n    checkScrollPosition();\n  }, [hwDetails, checkScrollPosition]);\n\n  const fetchChapterDetails = useCallback(() => {\n    getHomeworks(studentId, undefined, { stream });\n  }, [getHomeworks, stream, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (hwDetails && hwDetails.length === 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Homework ({hwDetails?.length})\n        </Text>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n          No Homework assigned yet\n        </Text>\n      </FlexView>\n    );\n  }\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  return (\n    <FlexView $flexRowGapX={1}>\n      <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n        Homework ({hwDetails?.length})\n      </Text>\n      <FlexView $position=\"relative\" onMouseEnter={checkScrollPosition}>\n        {/* Left hover zone */}\n        {canScrollLeft && (\n          <Styled.HoverZone\n            key=\"left-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            left=\"0\"\n            right=\"auto\"\n            onMouseEnter={handleLeftHoverEnter}\n            onMouseLeave={handleLeftHoverLeave}\n          >\n            {/* Left scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $height=\"100%\"\n              onClick={handleScrollLeft}\n              $visible={isLeftHovered}\n              left=\"0px\"\n              right=\"auto\"\n            >\n              <ChevronLeftIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n\n        <Styled.ScrollContainer ref={scrollRef}>\n          <FlexView $flexDirection=\"row\" $flexGapX={1}>\n            {hwDetails?.map((sheet, idx) => {\n              const {\n                items,\n                node_id: nodeId,\n                sheet_time: sheetTime,\n                total_questions: totalQuestions,\n                worksheet_id: worksheetId,\n                node_type: nodeType,\n              } = sheet;\n              const totalSheetTime = (sheetTime && Math.ceil(sheetTime / 60)) || 0;\n              const topics = getTopicsFromItems(items);\n              const testChapterName = topics.join(', ');\n              const subHeader = `${\n                typeof totalQuestions === 'number'\n                  ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n                  : ''\n              }${totalSheetTime} Mins`;\n              const isTestSheet = nodeType === 'DYNAMIC';\n\n              return (\n                <HomeworkCard\n                  key={`${worksheetId}_${nodeId}_${idx}`}\n                  userType={userType}\n                  header={testChapterName}\n                  subHeader={subHeader}\n                  nodeData={sheet}\n                  renderAs=\"homework\"\n                  onNodeAttempt={isTestSheet ? onTestStart : onNodeAttempt}\n                  shouldOpenOnRight={false}\n                  onNodeView={isTestSheet ? onTestPreview : onNodeView}\n                  onNodeReview={isTestSheet ? onTestReview : onNodeReview}\n                  onNodeUnassign={onNodeUnassign}\n                />\n              );\n            })}\n          </FlexView>\n        </Styled.ScrollContainer>\n\n        {/* Right hover zone */}\n        {canScrollRight && (\n          <Styled.HoverZone\n            key=\"right-hover-zone\"\n            $position=\"absolute\"\n            $width=\"60px\"\n            right=\"0\"\n            left=\"auto\"\n            onMouseEnter={handleRightHoverEnter}\n            onMouseLeave={handleRightHoverLeave}\n          >\n            {/* Right scroll button - only visible when hovered */}\n            <Styled.ScrollButton\n              $position=\"absolute\"\n              $width=\"60px\"\n              $height=\"100%\"\n              $background=\"BLACK_T_60\"\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              onClick={handleScrollRight}\n              $visible={isRightHovered}\n              left=\"auto\"\n              right=\"0px\"\n            >\n              <ChevronRightIcon width={24} height={24} />\n            </Styled.ScrollButton>\n          </Styled.HoverZone>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default HWCardList;\n"],"names":["HWCardList","userType","studentId","stream","onTestStart","onNodeAttempt","onTestPreview","onNodeView","onTestReview","onNodeReview","onNodeUnassign","scrollRef","useRef","isLeftHovered","setIsLeftHovered","useState","isRightHovered","setIsRightHovered","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","getHomeworks","hwDetails","isProcessingFailed","useGetHomeworks","handleScrollLeft","useCallback","handleScrollRight","handleLeftHoverEnter","handleLeftHoverLeave","handleRightHoverEnter","handleRightHoverLeave","checkScrollPosition","scrollLeft","scrollWidth","clientWidth","useEffect","scrollElement","fetchChapterDetails","jsxs","FlexView","Text","jsx","Styled.HoverZone","Styled.ScrollButton","ChevronLeftIcon","Styled.ScrollContainer","sheet","idx","items","nodeId","sheetTime","totalQuestions","worksheetId","nodeType","totalSheetTime","testChapterName","getTopicsFromItems","subHeader","pluralize","isTestSheet","HomeworkCard","ChevronRightIcon","HWCardList$1"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js

@@ -5,7 +5,7 @@ import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import v from "../../../../ui/image/image.js";
 import r from "../../../../ui/layout/flex-view.js";
 import U from "../../../../ui/separator/separator.js";
-import s from "../../../../ui/text/text.js";
+import a from "../../../../ui/text/text.js";
 import Y from "./goals/goal-action-ctas.js";
 import { GOAL_CATEGORY_BASED_IMAGES as q } from "./milestone-constants.js";
 import { getRemainingDaysToCompleteGoal as z, getGoalCategoryBasedColorTheme as J, getMilestoneWidgetStatusInfo as Q } from "./milestone-utils.js";
@@ -32,7 +32,7 @@ const ue = X(
       goal_category: l,
       goal_code: g,
       progress_stat: S
-    } = d, { completed: p = 0, total: k = 0 } = S || {}, h = i === "OUTCOME_PENDING", a = p > 0 ? Math.floor((p / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof g == "string", [g]), P = z(b);
+    } = d, { completed: p = 0, total: k = 0 } = S || {}, h = i === "OUTCOME_PENDING", s = p > 0 ? Math.floor((p / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof g == "string", [g]), P = z(b);
     return F(() => {
       o.current && o.current.scrollHeight > o.current.clientHeight && O(!0);
     }, [o]), l ? /* @__PURE__ */ t(
@@ -40,7 +40,7 @@ const ue = X(
       {
         $flexDirection: "row",
         $justifyContent: "space-between",
-        $alignItems: "flex-start",
+        $alignItems: "center",
         $flexGapX: 1,
         children: [
           /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
@@ -62,7 +62,7 @@ const ue = X(
                       {
                         $progressCircle: !0,
                         $progressBackground: "BLACK_1",
-                        $progress: a * 2,
+                        $progress: s * 2,
                         r: "31",
                         cx: "32",
                         cy: "32"
@@ -78,14 +78,14 @@ const ue = X(
                       height: 40
                     }
                   ) }),
-                  a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
+                  s === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
                 ]
               }
             ),
             /* @__PURE__ */ t(r, { $flexGap: 16, children: [
               /* @__PURE__ */ t(r, { $flexGap: 4, children: [
                 /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
-                  /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
+                  /* @__PURE__ */ e(a, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
                   h && /* @__PURE__ */ e(
                     r,
                     {
@@ -94,7 +94,7 @@ const ue = X(
                       $gutter: 4,
                       $alignItems: "center",
                       $background: R,
-                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
+                      children: /* @__PURE__ */ e(a, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
                     }
                   ),
                   i === "DRAFT" && /* @__PURE__ */ e(
@@ -105,7 +105,7 @@ const ue = X(
                       $gutter: 4,
                       $alignItems: "center",
                       $background: $,
-                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
+                      children: /* @__PURE__ */ e(a, { $renderAs: "ac4", children: "Draft" })
                     }
                   )
                 ] }),
@@ -126,8 +126,8 @@ const ue = X(
                     )
                   }
                 ),
-                i !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-                  a,
+                i !== "DRAFT" && s > 0 && /* @__PURE__ */ t(a, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+                  s,
                   "% complete",
                   P
                 ] })

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\n      onEdit,\n      onDraftPublish,\n      onAddOutcome,\n    } = restMilestoneInfoWrapperProps;\n\n    const {\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      milestone_state: milestoneState,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n      progress_stat: progressStat,\n    } = milestone;\n\n    const { completed = 0, total = 0 } = progressStat || {};\n    const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n    const progressCompletionPercentage =\n      completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n    const backgroundColor =\n      (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n    const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    if (!goalCategory) return null;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"flex-start\"\n        $flexGapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <FlexView\n            $widthX={4}\n            $heightX={4}\n            $background=\"WHITE_T_38\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n            $borderRadiusX={2}\n          >\n            <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progressBackground=\"BLACK_1\"\n                $progress={progressCompletionPercentage * 2}\n                r=\"31\"\n                cx=\"32\"\n                cy=\"32\"\n              />\n            </Styled.ChapterProgressSVG>\n\n            <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={40}\n                height={40}\n              />\n            </FlexView>\n\n            {progressCompletionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </FlexView>\n\n          <FlexView $flexGap={16}>\n            <FlexView $flexGap={4}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                  {goalCategory.split('_').join(' ')}\n                </Text>\n\n                {isOutcomePending && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={backgroundColor}\n                  >\n                    <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                      Outcome pending\n                    </Text>\n                  </FlexView>\n                )}\n\n                {milestoneState === 'DRAFT' && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={borderColor}\n                  >\n                    <Text $renderAs=\"ac4\">Draft</Text>\n                  </FlexView>\n                )}\n              </FlexView>\n\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem={milestoneName}\n                hidden={!showTitleTooltip}\n              >\n                <Styled.MilestoneTitle\n                  ref={titleTextRef}\n                  $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{remainingDays}\n                </Text>\n              )}\n            </FlexView>\n\n            {outcomes?.length ? (\n              <>\n                <Separator width={40} height={1} background=\"BLACK_T_15\" />\n                <OutcomeWrapper outcomes={outcomes} />\n              </>\n            ) : undefined}\n          </FlexView>\n        </FlexView>\n\n        {userType === 'TEACHER' && (\n          <GoalActionCtas\n            milestone={milestone}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onAddOutcome={onAddOutcome}\n            isClassOngoing={Boolean(isClassOngoing)}\n            isStudentPresent={Boolean(isStudentPresent)}\n            onDraftPublish={onDraftPublish}\n            onEdit={onEdit}\n            courseStream={courseStream}\n          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\n      onEdit,\n      onDraftPublish,\n      onAddOutcome,\n    } = restMilestoneInfoWrapperProps;\n\n    const {\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      milestone_state: milestoneState,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n      progress_stat: progressStat,\n    } = milestone;\n\n    const { completed = 0, total = 0 } = progressStat || {};\n    const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n    const progressCompletionPercentage =\n      completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n    const backgroundColor =\n      (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n    const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    if (!goalCategory) return null;\n\n    return (\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $flexGapX={1}\n      >\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <FlexView\n            $widthX={4}\n            $heightX={4}\n            $background=\"WHITE_T_38\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n            $borderRadiusX={2}\n          >\n            <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progressBackground=\"BLACK_1\"\n                $progress={progressCompletionPercentage * 2}\n                r=\"31\"\n                cx=\"32\"\n                cy=\"32\"\n              />\n            </Styled.ChapterProgressSVG>\n\n            <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={40}\n                height={40}\n              />\n            </FlexView>\n\n            {progressCompletionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </FlexView>\n\n          <FlexView $flexGap={16}>\n            <FlexView $flexGap={4}>\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                  {goalCategory.split('_').join(' ')}\n                </Text>\n\n                {isOutcomePending && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={backgroundColor}\n                  >\n                    <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                      Outcome pending\n                    </Text>\n                  </FlexView>\n                )}\n\n                {milestoneState === 'DRAFT' && (\n                  <FlexView\n                    $flexDirection=\"row\"\n                    $gap={4}\n                    $gutter={4}\n                    $alignItems=\"center\"\n                    $background={borderColor}\n                  >\n                    <Text $renderAs=\"ac4\">Draft</Text>\n                  </FlexView>\n                )}\n              </FlexView>\n\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                tooltipItem={milestoneName}\n                hidden={!showTitleTooltip}\n              >\n                <Styled.MilestoneTitle\n                  ref={titleTextRef}\n                  $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && progressCompletionPercentage > 0 && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{remainingDays}\n                </Text>\n              )}\n            </FlexView>\n\n            {outcomes?.length ? (\n              <>\n                <Separator width={40} height={1} background=\"BLACK_T_15\" />\n                <OutcomeWrapper outcomes={outcomes} />\n              </>\n            ) : undefined}\n          </FlexView>\n        </FlexView>\n\n        {userType === 'TEACHER' && (\n          <GoalActionCtas\n            milestone={milestone}\n            studentId={studentId}\n            studentName={studentName}\n            teacherName={teacherName ?? ''}\n            parentName={parentName ?? ''}\n            onAddOutcome={onAddOutcome}\n            isClassOngoing={Boolean(isClassOngoing)}\n            isStudentPresent={Boolean(isStudentPresent)}\n            onDraftPublish={onDraftPublish}\n            onEdit={onEdit}\n            courseStream={courseStream}\n          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.8.61-as4",
+  "version": "2.8.61-as5",
   "type": "module",
   "files": [
     "dist"