@cuemath/leap 2.8.61-as5 → 2.8.61-as7

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

@@ -1,40 +1,40 @@
 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 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 G = ({
+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: l,
+  blockData: l,
+  lessonIdx: s,
   isLastBlock: C,
   isGoalBlock: r,
-  onNodeAttempt: _,
-  onNodeAttemptLocationChange: g,
-  onNodeMarkAsDone: x,
+  onNodeAttempt: g,
+  onNodeAttemptLocationChange: x,
+  onNodeMarkAsDone: _,
   onNodeReattempt: b,
   onNodeReview: E,
   onNodeView: N,
   onBlockSkipUnskip: i
 }) => {
-  const { block_type: p, name: a, sheets: d, is_skipped: e, permissions: w } = s, { can_skip: A, can_un_skip: h } = w, f = y[p], L = M(e, d.length, r, l), 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: h ? "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,
@@ -52,11 +52,11 @@ const G = ({
                 children: [
                   f === "Puzzles" ? a : f,
                   " ",
-                  L
+                  A
                 ]
               }
             ),
-            r && (l ?? 0) > 0 && /* @__PURE__ */ t(
+            r && (s ?? 0) > 0 && /* @__PURE__ */ t(
               u,
               {
                 $renderAs: "ab2-bold",
@@ -66,26 +66,26 @@ const G = ({
               }
             )
           ] }),
-          o === "TEACHER" && (A || h) && /* @__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: d.map(($) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t(K, { $opacity: e ? 0.5 : 1, children: d.map(($) => /* @__PURE__ */ t(
           T,
           {
             imageHue: m || "BLUE",
@@ -93,9 +93,9 @@ const G = ({
             nodeData: $,
             blockType: p,
             isSkipped: e,
-            onNodeAttempt: _,
-            onNodeAttemptLocationChange: g,
-            onNodeMarkAsDone: x,
+            onNodeAttempt: g,
+            onNodeAttemptLocationChange: x,
+            onNodeMarkAsDone: _,
             onNodeReattempt: b,
             onNodeReview: E,
             onNodeView: N
@@ -107,6 +107,6 @@ const G = ({
   );
 };
 export {
-  G 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 === 'Puzzles' ? name : 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/communication/pub-sub/constants.js

@@ -24,11 +24,14 @@ const E = {
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
 }, T = {
+  HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN"
+}, A = {
   ...E,
   ..._,
-  ...S
+  ...S,
+  ...T
 };
 export {
-  T as EVENTS
+  A as EVENTS
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AACrB,GAEMC,IAAS;AAAA,EACb,GAAGJ;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AACL;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { memo as te, useRef as _, useState as ie, useLayoutEffect as ne, useCallback as y } from "react";
 import V from "../../assets/line-icons/icons/eye2.js";
 import oe from "../../assets/line-icons/icons/more-vertical.js";
@@ -20,15 +20,15 @@ const _e = ({
   subHeader: G,
   userType: K,
   userMilestoneId: t,
-  onNodeUnassign: c,
-  onNodeReattempt: a,
+  onNodeUnassign: a,
+  onNodeReattempt: s,
   onNodeView: h,
   onNodeReview: i,
   onNodeAttempt: m,
   renderAs: L,
   shouldOpenOnRight: z
 }) => {
-  const s = L === "homework", {
+  const n = L === "homework", {
     node_type: f,
     state: F,
     accuracy: P,
@@ -39,7 +39,7 @@ const _e = ({
     permissions: J,
     user_node_id: l,
     unlocked_on_ts: v
-  } = r, Q = se(f), H = le(f), w = _(null), g = _(null), n = _(null), { menuVisible: O, onMenuClick: Y } = M(w), { menuVisible: Z, onMenuClick: R } = M(g), [U, D] = ie(!1), {
+  } = r, Q = se(f), H = le(f), w = _(null), g = _(null), o = _(null), { menuVisible: O, onMenuClick: Y } = M(w), { menuVisible: Z, onMenuClick: R } = M(g), [U, D] = ie(!1), {
     can_start: W,
     can_resume: S,
     can_review: $,
@@ -48,8 +48,8 @@ const _e = ({
     can_reset: b
   } = J, C = K === "STUDENT";
   ne(() => {
-    n.current && n.current.scrollHeight > n.current.clientHeight && D(!0);
-  }, [n]);
+    o.current && o.current.scrollHeight > o.current.clientHeight && D(!0);
+  }, [o]);
   const k = y(() => {
     if (W || S) {
       if (typeof m != "function")
@@ -57,7 +57,7 @@ const _e = ({
       m(r);
       return;
     }
-    if (b && !s) {
+    if (b && !n) {
       R();
       return;
     }
@@ -73,7 +73,7 @@ const _e = ({
     W,
     S,
     b,
-    s,
+    n,
     $,
     m,
     r,
@@ -103,16 +103,16 @@ const _e = ({
           k();
           return;
         case "teacher-card-unassign":
-          c == null || c(r, t);
+          a == null || a(r, t);
           return;
         case "student-card-reattempt":
-          a == null || a(r, t);
+          s == null || s(r, t);
           return;
         default:
           throw new Error(`No callback function for ${A}`);
       }
     },
-    [r, a, c, k, T, t]
+    [r, s, a, k, T, t]
   ), ee = [
     {
       id: "teacher-card-view",
@@ -125,7 +125,7 @@ const _e = ({
       id: "teacher-card-unassign",
       label: "Unassign",
       icon: Te,
-      disabled: !N,
+      disabled: !N || !n,
       onClick: u
     }
   ], re = [
@@ -144,8 +144,8 @@ const _e = ({
       onClick: u
     }
   ];
-  return /* @__PURE__ */ o(me, { $position: "relative", $width: "fit-content", children: [
-    /* @__PURE__ */ e(ue, { onClick: C ? k : T, label: "homework-card", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(me, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ e(ue, { onClick: C ? k : T, label: "homework-card", children: /* @__PURE__ */ c(
       d,
       {
         ref: g,
@@ -153,7 +153,7 @@ const _e = ({
         $position: "relative",
         $background: `${I || "ORANGE"}_2`,
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ c(
             fe,
             {
               $flexDirection: "row",
@@ -200,7 +200,7 @@ const _e = ({
               progressBg: `${I || "ORANGE"}_4`
             }
           ),
-          /* @__PURE__ */ o(d, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+          /* @__PURE__ */ c(d, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
             /* @__PURE__ */ e(
               B,
               {
@@ -209,7 +209,7 @@ const _e = ({
                 tooltipItem: x,
                 hidden: !U,
                 parentWidth: "auto",
-                children: /* @__PURE__ */ e(d, { $heightX: 2.5, children: /* @__PURE__ */ e($e, { ref: n, $renderAs: "ab3", children: x }) })
+                children: /* @__PURE__ */ e(d, { $heightX: 2.5, children: /* @__PURE__ */ e($e, { ref: o, $renderAs: "ab3", children: x }) })
               }
             ),
             /* @__PURE__ */ e(
@@ -226,7 +226,7 @@ const _e = ({
         ]
       }
     ) }),
-    C && !s && /* @__PURE__ */ e(
+    C && !n && /* @__PURE__ */ e(
       j,
       {
         $width: 200,
@@ -236,7 +236,7 @@ const _e = ({
         shouldOpenOnRight: !1
       }
     ),
-    !C && /* @__PURE__ */ o(Ce, { $position: "absolute", $width: "fit-content", children: [
+    !C && /* @__PURE__ */ c(Ce, { $position: "absolute", $width: "fit-content", children: [
       /* @__PURE__ */ e(
         B,
         {
@@ -245,7 +245,7 @@ const _e = ({
           position: "bottom",
           zIndex: 5,
           parentWidth: "100%",
-          hidden: !s || O,
+          hidden: !n || O,
           children: /* @__PURE__ */ e(
             ke,
             {

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

@@ -1 +1 @@
-{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.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 { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps;\n  subHeader: string;\n  userType: TUserTypes;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n  renderAs,\n  shouldOpenOnRight,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    accuracy,\n    due_date_ts: dueDateTs,\n    image_url: imageUrl,\n    image_hue: imageHue,\n    card_header: cardHeader = '',\n    permissions,\n    user_node_id: userNodeId,\n    unlocked_on_ts: unlockedOnTs,\n  } = nodeData;\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const teacherContainerRef = useRef<HTMLDivElement>(null);\n  const studentContainerRef = useRef<HTMLDivElement>(null);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  const onStudentView = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData);\n\n      return;\n    }\n\n    if (canReset && !isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n  }, [\n    canStart,\n    canResume,\n    canReset,\n    isHomeWork,\n    canReview,\n    onNodeAttempt,\n    nodeData,\n    onStudentMenuClick,\n    onNodeReview,\n    userNodeId,\n    userMilestoneId,\n  ]);\n\n  const onTeacherView = useCallback(() => {\n    if (canTeacherReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onNodeReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [canTeacherReview, userMilestoneId, nodeData, onNodeReview, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherView();\n\n          return;\n        case 'student-card-click':\n          onStudentView();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'student-card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReattempt, onNodeUnassign, onStudentView, onTeacherView, userMilestoneId],\n  );\n\n  const teacherOptions = [\n    {\n      id: 'teacher-card-view',\n      label: 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'teacher-card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: !canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const studentOptions = [\n    {\n      id: 'student-card-click',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'student-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable onClick={isStudent ? onStudentView : onTeacherView} label=\"homework-card\">\n        <FlexView\n          ref={studentContainerRef}\n          $widthX={12.38}\n          $position=\"relative\"\n          $background={`${imageHue || 'ORANGE'}_2`}\n        >\n          <Styled.CardWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $width=\"100%\"\n            $heightX={3.5}\n            $bgImage={bgImage}\n            $gutterX={0.78125}\n            $flexGap={8.5}\n            $position=\"relative\"\n          >\n            <Styled.IconWrapper\n              $width={31}\n              $height={31}\n              $borderRadiusX={2}\n              $background=\"WHITE_1\"\n              $position=\"relative\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n            </Styled.IconWrapper>\n            <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n            {!!imageUrl && (\n              <Styled.BannerImageWrapper>\n                <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n              </Styled.BannerImageWrapper>\n            )}\n          </Styled.CardWrapper>\n          <NodeCardTags\n            nodeType={nodeType}\n            state={state}\n            accuracy={accuracy}\n            dueDateTs={dueDateTs}\n          />\n          {dueDateTs && unlockedOnTs && (\n            <NodeProgress\n              dueDate={dueDateTs * 1000}\n              unlockedOn={unlockedOnTs * 1000}\n              progressBg={`${imageHue || 'ORANGE'}_4`}\n            />\n          )}\n          <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={header}\n              hidden={!showTitleTooltip}\n              parentWidth=\"auto\"\n            >\n              <FlexView $heightX={2.5}>\n                <Styled.HeaderText ref={titleTextRef} $renderAs=\"ab3\">\n                  {header}\n                </Styled.HeaderText>\n              </FlexView>\n            </ArrowTooltip>\n            <FlexView\n              $flexDirection=\"row\"\n              $heightX={1.25}\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Styled.SubHeaderText $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                {subHeader}\n              </Styled.SubHeaderText>\n            </FlexView>\n          </FlexView>\n        </FlexView>\n      </Clickable>\n      {isStudent && !isHomeWork && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={5}\n            parentWidth=\"100%\"\n            hidden={!isHomeWork || teacherMenuVisible}\n          >\n            <Styled.CardKebabMenuWrapper\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              ref={teacherContainerRef}\n              onClick={onTeacherMenuClick}\n            >\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <CardMenuOptions\n            options={teacherOptions}\n            triggerRef={teacherContainerRef}\n            visible={teacherMenuVisible}\n            shouldOpenOnRight={shouldOpenOnRight}\n          />\n        </Styled.MenuWrapper>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","renderAs","shouldOpenOnRight","isHomeWork","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","unlockedOnTs","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","teacherContainerRef","useRef","studentContainerRef","titleTextRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","teacherOptions","Eye2Icon","Styled.StyledMinus2Icon","studentOptions","RedoIcon","Styled.CardContainer","jsx","Clickable","jsxs","FlexView","Styled.CardWrapper","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","CardMenuOptions","Styled.MenuWrapper","Styled.CardKebabMenuWrapper","MoreVerticalIcon","HomeworkCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps | IHomeworkData;\n  subHeader: string;\n  userType: TUserTypes;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n  renderAs,\n  shouldOpenOnRight,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    accuracy,\n    due_date_ts: dueDateTs,\n    image_url: imageUrl,\n    image_hue: imageHue,\n    card_header: cardHeader = '',\n    permissions,\n    user_node_id: userNodeId,\n    unlocked_on_ts: unlockedOnTs,\n  } = nodeData;\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const teacherContainerRef = useRef<HTMLDivElement>(null);\n  const studentContainerRef = useRef<HTMLDivElement>(null);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  const onStudentView = useCallback(() => {\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData);\n\n      return;\n    }\n\n    if (canReset && !isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n\n    if (canReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n  }, [\n    canStart,\n    canResume,\n    canReset,\n    isHomeWork,\n    canReview,\n    onNodeAttempt,\n    nodeData,\n    onStudentMenuClick,\n    onNodeReview,\n    userNodeId,\n    userMilestoneId,\n  ]);\n\n  const onTeacherView = useCallback(() => {\n    if (canTeacherReview) {\n      if (typeof onNodeReview !== 'function') {\n        throw new Error('onNodeReview must be a function');\n      }\n\n      if (!userNodeId) {\n        throw new Error('user node id must be present to review the sheet');\n      }\n\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [canTeacherReview, userMilestoneId, nodeData, onNodeReview, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherView();\n\n          return;\n        case 'student-card-click':\n          onStudentView();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'student-card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReattempt, onNodeUnassign, onStudentView, onTeacherView, userMilestoneId],\n  );\n\n  const teacherOptions = [\n    {\n      id: 'teacher-card-view',\n      label: 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'teacher-card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      disabled: !canUnassign || !isHomeWork,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const studentOptions = [\n    {\n      id: 'student-card-click',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'student-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable onClick={isStudent ? onStudentView : onTeacherView} label=\"homework-card\">\n        <FlexView\n          ref={studentContainerRef}\n          $widthX={12.38}\n          $position=\"relative\"\n          $background={`${imageHue || 'ORANGE'}_2`}\n        >\n          <Styled.CardWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $width=\"100%\"\n            $heightX={3.5}\n            $bgImage={bgImage}\n            $gutterX={0.78125}\n            $flexGap={8.5}\n            $position=\"relative\"\n          >\n            <Styled.IconWrapper\n              $width={31}\n              $height={31}\n              $borderRadiusX={2}\n              $background=\"WHITE_1\"\n              $position=\"relative\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n            </Styled.IconWrapper>\n            <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n            {!!imageUrl && (\n              <Styled.BannerImageWrapper>\n                <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n              </Styled.BannerImageWrapper>\n            )}\n          </Styled.CardWrapper>\n          <NodeCardTags\n            nodeType={nodeType}\n            state={state}\n            accuracy={accuracy}\n            dueDateTs={dueDateTs}\n          />\n          {dueDateTs && unlockedOnTs && (\n            <NodeProgress\n              dueDate={dueDateTs * 1000}\n              unlockedOn={unlockedOnTs * 1000}\n              progressBg={`${imageHue || 'ORANGE'}_4`}\n            />\n          )}\n          <FlexView $gutterX={0.75} $gapX={1} $flexRowGapX={0.5} $background=\"WHITE\">\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={header}\n              hidden={!showTitleTooltip}\n              parentWidth=\"auto\"\n            >\n              <FlexView $heightX={2.5}>\n                <Styled.HeaderText ref={titleTextRef} $renderAs=\"ab3\">\n                  {header}\n                </Styled.HeaderText>\n              </FlexView>\n            </ArrowTooltip>\n            <FlexView\n              $flexDirection=\"row\"\n              $heightX={1.25}\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Styled.SubHeaderText $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                {subHeader}\n              </Styled.SubHeaderText>\n            </FlexView>\n          </FlexView>\n        </FlexView>\n      </Clickable>\n      {isStudent && !isHomeWork && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={5}\n            parentWidth=\"100%\"\n            hidden={!isHomeWork || teacherMenuVisible}\n          >\n            <Styled.CardKebabMenuWrapper\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              ref={teacherContainerRef}\n              onClick={onTeacherMenuClick}\n            >\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <CardMenuOptions\n            options={teacherOptions}\n            triggerRef={teacherContainerRef}\n            visible={teacherMenuVisible}\n            shouldOpenOnRight={shouldOpenOnRight}\n          />\n        </Styled.MenuWrapper>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","renderAs","shouldOpenOnRight","isHomeWork","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","unlockedOnTs","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","teacherContainerRef","useRef","studentContainerRef","titleTextRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","teacherOptions","Eye2Icon","Styled.StyledMinus2Icon","studentOptions","RedoIcon","Styled.CardContainer","jsx","Clickable","jsxs","FlexView","Styled.CardWrapper","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","CardMenuOptions","Styled.MenuWrapper","Styled.CardKebabMenuWrapper","MoreVerticalIcon","HomeworkCard$1","memo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"get-homeworks.js","sources":["../../../../../src/features/homework/hw-card-list/api/get-homeworks.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\nconst { useGet: useGetHomeworks, invalidate: invalidateHomeworks } = createGetAPI<\n  INodeDataProps[],\n  void,\n  { stream: string }\n>({\n  getURL: (studentId: string, _, { stream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${stream}/homework`,\n});\n\nexport { useGetHomeworks, invalidateHomeworks };\n"],"names":["useGetHomeworks","invalidateHomeworks","createGetAPI","studentId","_","stream","BASE_URL_V3"],"mappings":";;AAMA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAInE;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,QAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAM;AAC9D,CAAC;"}
+{"version":3,"file":"get-homeworks.js","sources":["../../../../../src/features/homework/hw-card-list/api/get-homeworks.ts"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\n\ninterface IHomeworkData extends INodeDataProps {\n  homework_id: string;\n  chapter_name: string;\n}\n\nconst { useGet: useGetHomeworks, invalidate: invalidateHomeworks } = createGetAPI<\n  IHomeworkData[],\n  void,\n  { stream: string }\n>({\n  getURL: (studentId: string, _, { stream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${stream}/homework`,\n});\n\nexport { useGetHomeworks, invalidateHomeworks };\nexport type { IHomeworkData };\n"],"names":["useGetHomeworks","invalidateHomeworks","createGetAPI","studentId","_","stream","BASE_URL_V3"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAInE;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,QAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAM;AAC9D,CAAC;"}

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

@@ -1,10 +1,10 @@
 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 { useRef as D, useState as c, 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 h 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";
@@ -21,7 +21,7 @@ const ie = ({
   onNodeReview: A,
   onNodeUnassign: E
 }) => {
-  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(() => {
+  const r = D(null), [I, g] = c(!1), [y, v] = c(!1), [B, M] = c(!1), [N, j] = c(!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" });
@@ -35,8 +35,8 @@ const ie = ({
     v(!1);
   }, []), i = n(() => {
     if (r.current) {
-      const { scrollLeft: o, scrollWidth: h, clientWidth: a } = r.current;
-      M(o > 10), j(o < h - a - 10);
+      const { scrollLeft: o, scrollWidth: l, clientWidth: a } = r.current;
+      M(o > 10), j(o < l - a - 10);
     }
   }, []);
   u(() => {
@@ -53,20 +53,20 @@ const ie = ({
   }, [L, $, p]);
   return u(() => {
     C();
-  }, [C]), e && e.length === 0 ? /* @__PURE__ */ s(c, { $flexRowGapX: 1, children: [
+  }, [C]), e && e.length === 0 ? /* @__PURE__ */ s(h, { $flexRowGapX: 1, children: [
     /* @__PURE__ */ s(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
       "Homework (",
       e == null ? void 0 : e.length,
       ")"
     ] }),
     /* @__PURE__ */ t(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: "No Homework assigned yet" })
-  ] }) : K ? null : /* @__PURE__ */ s(c, { $flexRowGapX: 1, children: [
+  ] }) : K ? null : /* @__PURE__ */ s(h, { $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: [
+    /* @__PURE__ */ s(h, { $position: "relative", onMouseEnter: i, children: [
       B && /* @__PURE__ */ t(
         k,
         {
@@ -94,7 +94,7 @@ const ie = ({
         },
         "left-hover-zone"
       ),
-      /* @__PURE__ */ t(ne, { ref: r, children: /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, h) => {
+      /* @__PURE__ */ t(ne, { ref: r, children: /* @__PURE__ */ t(h, { $flexDirection: "row", $flexGapX: 1, children: e == null ? void 0 : e.map((o, l) => {
         const {
           items: a,
           node_id: P,
@@ -112,12 +112,12 @@ const ie = ({
             nodeData: o,
             renderAs: "homework",
             onNodeAttempt: f ? w : x,
-            shouldOpenOnRight: !1,
+            shouldOpenOnRight: e.length > 3 && l === e.length - 1,
             onNodeView: f ? R : S,
             onNodeReview: f ? T : A,
             onNodeUnassign: E
           },
-          `${Q}_${P}_${h}`
+          `${Q}_${P}_${l}`
         );
       }) }) }),
       N && /* @__PURE__ */ t(

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 (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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"}
+{"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={hwDetails.length > 3 && idx === hwDetails.length - 1}\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/index.d.ts

@@ -352,6 +352,7 @@ declare interface ErrorProps {
 }
 
 export declare const EVENTS: {
+    HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
     GOAL_CREATED: "GOAL_CREATED";
     GOAL_EDITED: "GOAL_EDITED";
     GOAL_DELETED: "GOAL_DELETED";
@@ -1318,6 +1319,11 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
+export declare interface IHomeworkData extends INodeDataProps {
+    homework_id: string;
+    chapter_name: string;
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -4492,6 +4498,11 @@ export declare type TInclassMessage = {
     eventPayload: {
         worksheetId: string;
     };
+} | {
+    eventName: typeof EVENTS.HOMEWORK_UNASSIGN;
+    eventPayload: {
+        homeworkId: string;
+    };
 } | {
     eventName: typeof EVENTS.CHAPTER_UPDATED;
     eventPayload: {

package/package.json

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