@cuemath/leap 3.5.71-j5 → 3.5.71-jj01

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

@@ -1,100 +1,100 @@
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import { memo as pr, useRef as Y, useCallback as k, useMemo as v } from "react";
-import q from "../../assets/line-icons/icons/eye2.js";
-import br from "../../assets/line-icons/icons/home2.js";
-import wr from "../../assets/line-icons/icons/more-vertical.js";
-import A from "../../assets/line-icons/icons/redo.js";
-import { ECardType as G } from "../chapters-v2/comps/node-card/node-card-types.js";
-import J from "../ui/arrow-tooltip/arrow-tooltip.js";
-import Cr from "../ui/buttons/clickable/clickable.js";
-import U from "../ui/hooks/use-context-menu-click-handler.js";
-import Er from "../ui/layout/flex-view.js";
-import Q from "./card-menu-options.js";
-import Mr from "./homework-card-view.js";
-import { EHWCardListEntityType as Tr } from "./hw-card-list/hw-card-list-types.js";
-import { CardContainer as _r, MenuWrapper as $r, CardKebabMenuWrapper as kr, BlurContainer as vr, BlurFlexView as Rr, StyledMinus2Icon as gr } from "./styles.js";
-import { getCardAnalyticProps as Sr } from "./utils.js";
-const yr = ({
+import { jsxs as Y, jsx as t } from "react/jsx-runtime";
+import { memo as pe, useRef as q, useCallback as $, useMemo as v } from "react";
+import A from "../../assets/line-icons/icons/eye2.js";
+import be from "../../assets/line-icons/icons/home2.js";
+import we from "../../assets/line-icons/icons/more-vertical.js";
+import G from "../../assets/line-icons/icons/redo.js";
+import { ECardType as J } from "../chapters-v2/comps/node-card/node-card-types.js";
+import U from "../ui/arrow-tooltip/arrow-tooltip.js";
+import Ce from "../ui/buttons/clickable/clickable.js";
+import Q from "../ui/hooks/use-context-menu-click-handler.js";
+import Me from "../ui/layout/flex-view.js";
+import D from "./card-menu-options.js";
+import Ee from "./homework-card-view.js";
+import { EHWCardListEntityType as ke } from "./hw-card-list/hw-card-list-types.js";
+import { CardContainer as Te, MenuWrapper as _e, CardKebabMenuWrapper as $e, BlurContainer as ve, BlurFlexView as Fe, StyledMinus2Icon as Re } from "./styles.js";
+import { getCardAnalyticProps as Se } from "./utils.js";
+const Le = ({
   // callbacks
-  nodeData: r,
-  onNodeAttempt: R,
+  nodeData: e,
+  onNodeAttempt: F,
   onNodeReattempt: b,
   onNodeReview: u,
   onNodeUnassign: w,
-  onNodeView: g,
+  onNodeView: R,
   onNodeAssignAsHomework: C,
   onCardClick: f,
   entityId: n,
-  entityType: E,
-  header: D,
+  entityType: M,
+  header: N,
   homeworkId: c,
-  isInQueue: W,
-  mathFitCardRef: N,
-  renderAs: H,
-  score: rr,
-  shouldOpenOnRight: er,
+  isInQueue: V,
+  mathFitCardRef: ee,
+  renderAs: P,
+  score: re,
+  shouldOpenOnRight: te,
   state: h,
-  totalQuestions: L,
-  imageUrl: ir,
-  studentId: x,
-  subHeader: tr,
-  userMilestoneId: nr,
-  userType: P,
-  puzzleHWCardRef: cr,
-  disableMenuActions: X
+  totalQuestions: W,
+  imageUrl: ie,
+  studentId: H,
+  subHeader: ne,
+  userMilestoneId: ce,
+  userType: x,
+  puzzleHWCardRef: oe,
+  disableMenuActions: z
 }) => {
-  const o = H === "homework", { node_type: m, permissions: or, user_node_id: d } = r, e = nr || "", S = m === "PUZZLE_CARD", t = E === Tr.MATHFIT_TEST, y = h === "LOCKED", O = Y(null), V = Y(null), { menuVisible: j, onMenuClick: sr } = U(O), { menuVisible: ar, onMenuClick: z } = U(V), {
-    can_start: M,
-    can_resume: T,
+  const o = P === "homework", { node_type: p, permissions: se, user_node_id: d } = e, r = ce || "", S = p === "PUZZLE_CARD", i = M === ke.MATHFIT_TEST, L = h === "LOCKED", g = q(null), y = q(null), { menuVisible: X, onMenuClick: ae } = Q(g), { menuVisible: le, onMenuClick: j } = Q(y), {
+    can_start: E,
+    can_resume: k,
     can_review: s,
-    can_unassign: B,
-    can_reset: _,
-    can_assign_as_homework: K
-  } = or, a = P === "STUDENT", $ = k(() => {
+    can_unassign: I,
+    can_reset: T,
+    can_assign_as_homework: B
+  } = se, a = x === "STUDENT", _ = $(() => {
     if (s) {
       if (typeof u != "function")
         throw new Error("onReview must be a function");
       if (!d)
         throw new Error("user node id must be present to review the sheet");
-      u(r, e);
+      u(e, r);
       return;
     }
-  }, [s, u, d, r, e]), lr = k(() => {
-    if (t && n) {
+  }, [s, u, d, e, r]), ue = $(() => {
+    if (i && n) {
       if (typeof f != "function")
         throw new Error("onCardClick must be a function for MathFit cards");
-      f({ entityId: n, type: G.MATHFIT });
+      f({ entityId: n, type: J.MATHFIT });
       return;
     }
-    if (M || T) {
-      if (typeof R != "function")
+    if (E || k) {
+      if (typeof F != "function")
         throw new Error("onNodeAttempt must be a function");
-      R(r, e, c);
+      F(e, r, c);
       return;
     }
     if (!o) {
-      z();
+      j();
       return;
     }
-    $();
+    _();
   }, [
-    T,
-    M,
+    k,
+    E,
     n,
     c,
     o,
-    t,
-    e,
+    i,
     r,
+    e,
     f,
-    R,
-    z,
-    $
-  ]), F = k(() => {
-    if (t && n) {
+    F,
+    j,
+    _
+  ]), O = $(() => {
+    if (i && n) {
       if (typeof f != "function")
         throw new Error("onCardClick must be a function for MathFit cards");
-      f({ entityId: n, type: G.MATHFIT });
+      f({ entityId: n, type: J.MATHFIT });
       return;
     }
     if (s) {
@@ -102,224 +102,221 @@ const yr = ({
         throw new Error("onNodeReview must be a function");
       if (!d)
         throw new Error("user node id must be present to review the sheet");
-      u(r, e, c);
+      u(e, r, c);
       return;
     }
-    if (typeof g != "function")
+    if (typeof R != "function")
       throw new Error("onNodeView must be a function");
-    g(r, e);
+    R(e, r);
   }, [
     s,
     n,
     c,
-    t,
-    e,
+    i,
     r,
+    e,
     f,
     u,
-    g,
+    R,
     d
-  ]), l = k(
-    (p) => {
-      switch (p) {
+  ]), l = $(
+    (m) => {
+      switch (m) {
         case "teacher-card-view":
-          F();
+          O();
           return;
         case "student-card-view":
-          $();
+          _();
           return;
         case "teacher-card-unassign":
-          w == null || w(r, e, c);
+          w == null || w(e, r, c);
           return;
         case "student-card-reattempt":
         case "teacher-card-redo":
-          b == null || b(r, e);
+          b == null || b(e, r);
           return;
         case "teacher-card-assign-as-hw":
-          C == null || C(r, e);
+          C == null || C(e, r);
           return;
         default:
-          throw new Error(`No callback function for ${p}`);
+          throw new Error(`No callback function for ${m}`);
       }
     },
     [
       c,
-      e,
       r,
+      e,
       C,
       b,
       w,
-      $,
-      F
+      _,
+      O
     ]
-  ), ur = v(() => {
-    const p = [
+  ), fe = v(() => {
+    const m = [
       {
         id: "teacher-card-view",
         label: s ? "Review" : "View",
-        icon: q,
+        icon: A,
         disabled: !1,
         onClick: l
       },
       {
         id: "teacher-card-unassign",
         label: "Unassign",
-        icon: gr,
-        disabled: o ? m === "MASTERY" : !B,
+        icon: Re,
+        disabled: o ? p === "MASTERY" : !I,
         onClick: l
       },
       {
         id: "teacher-card-redo",
         label: "Redo",
-        icon: A,
-        disabled: !_,
+        icon: G,
+        disabled: !T,
         onClick: l
       },
       {
         id: "teacher-card-assign-as-hw",
         label: "Assign as HW",
-        icon: br,
-        disabled: !K,
+        icon: be,
+        disabled: !B,
         onClick: l
       }
     ];
-    return X ? p.filter((mr) => mr.id === "teacher-card-view") : p;
+    return z ? m.filter((Z) => Z.id === "teacher-card-view") : m;
   }, [
     s,
+    I,
+    T,
     B,
-    _,
-    K,
     o,
-    m,
-    X,
+    p,
+    z,
     l
-  ]), fr = v(
+  ]), he = v(
     () => [
       {
         id: "student-card-view",
         label: "Review",
-        icon: q,
+        icon: A,
         disabled: !s,
         onClick: l
       },
       {
         id: "student-card-reattempt",
         label: "Reattempt",
-        icon: A,
-        disabled: !_,
+        icon: G,
+        disabled: !T,
         onClick: l
       }
     ],
-    [s, _, l]
-  ), Z = v(
-    () => Sr({
-      canResume: T,
-      canStart: M,
+    [s, T, l]
+  ), K = v(
+    () => Se({
+      canResume: k,
+      canStart: E,
       entityId: n,
-      entityType: E,
+      entityType: M,
       homeworkId: c,
       isHomeWork: o,
       isStudent: a,
-      milestoneId: e,
-      nodeType: m,
-      studentId: x,
-      totalQuestions: L,
+      milestoneId: r,
+      nodeType: p,
+      studentId: H,
+      totalQuestions: W,
       userNodeId: d
     }),
     [
-      T,
-      M,
-      n,
+      k,
       E,
+      n,
+      M,
       c,
       o,
       a,
-      e,
-      m,
-      x,
-      L,
+      r,
+      p,
+      H,
+      W,
       d
     ]
-  ), hr = !a && !S && !t, dr = v(
-    () => a && S && y || !a && t && h !== "COMPLETED" && h !== "EXPIRED" || t && y,
-    [a, S, y, t, h]
-  );
-  return /* @__PURE__ */ I(_r, { $position: "relative", $width: "fit-content", children: [
-    /* @__PURE__ */ i(
-      Cr,
+  ), de = !a && !S && !i, me = v(() => a && S && L || !a && i && h !== "COMPLETED" && h !== "EXPIRED" || i && L, [a, S, L, i, h]);
+  return /* @__PURE__ */ Y(Te, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ t(
+      Ce,
       {
-        onClick: a ? lr : F,
+        onClick: a ? ue : O,
         label: "homework-card",
-        analyticsLabel: Z.analyticsLabel,
-        analyticsProps: Z.analyticsProps,
-        disabled: dr,
-        children: /* @__PURE__ */ i(
-          Mr,
+        analyticsLabel: K.analyticsLabel,
+        analyticsProps: K.analyticsProps,
+        disabled: me,
+        children: /* @__PURE__ */ t(
+          Ee,
           {
-            entityType: E,
-            header: D,
-            isInQueue: W,
-            isMilestone: H === "milestone",
-            nodeData: r,
-            puzzleHWCardRef: cr,
-            mathFitCardRef: N,
-            score: rr,
-            imageUrl: ir,
+            entityType: M,
+            header: N,
+            isInQueue: V,
+            isMilestone: P === "milestone",
+            nodeData: e,
+            puzzleHWCardRef: oe,
+            mathFitCardRef: ee,
+            score: re,
+            imageUrl: ie,
             state: h,
-            studentContainerRef: V,
-            subHeader: tr,
-            userType: P
+            studentContainerRef: y,
+            subHeader: ne,
+            userType: x
           }
         )
       }
     ),
-    a && !o && !t && /* @__PURE__ */ i(
-      Q,
+    a && !o && !i && /* @__PURE__ */ t(
+      D,
       {
         $width: 200,
-        options: fr,
-        triggerRef: V,
-        visible: ar,
+        options: he,
+        triggerRef: y,
+        visible: le,
         shouldOpenOnRight: !1
       }
     ),
-    hr && /* @__PURE__ */ I($r, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
-      /* @__PURE__ */ i(
-        J,
+    de && /* @__PURE__ */ Y(_e, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+      /* @__PURE__ */ t(
+        U,
         {
           renderAs: "primary",
           tooltipItem: "Review",
           position: "bottom",
           zIndex: 6,
           parentWidth: "100%",
-          hidden: j || h !== "WAIT_FOR_REVIEW" && o,
-          children: /* @__PURE__ */ i(
-            kr,
+          hidden: X || h !== "WAIT_FOR_REVIEW" && o,
+          children: /* @__PURE__ */ t(
+            $e,
             {
               $alignItems: "center",
               $justifyContent: "center",
-              ref: O,
-              onClick: sr,
-              children: /* @__PURE__ */ i(wr, { width: 16, height: 16 })
+              ref: g,
+              onClick: ae,
+              children: /* @__PURE__ */ t(we, { width: 16, height: 16 })
             }
           )
         }
       ),
-      /* @__PURE__ */ i(
-        Q,
+      /* @__PURE__ */ t(
+        D,
         {
-          options: ur,
-          triggerRef: O,
-          visible: j,
-          shouldOpenOnRight: er,
+          options: fe,
+          triggerRef: g,
+          visible: X,
+          shouldOpenOnRight: te,
           $width: 144
         }
       )
     ] }),
-    W && /* @__PURE__ */ i(vr, { $background: "WHITE_5", children: /* @__PURE__ */ i(Rr, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ i(J, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ i(Er, { $heightX: 1, $widthX: 6 }) }) }) })
+    V && /* @__PURE__ */ t(ve, { $background: "WHITE_5", children: /* @__PURE__ */ t(Fe, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ t(U, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ t(Me, { $heightX: 1, $widthX: 6 }) }) }) })
   ] });
-}, qr = pr(yr);
+}, Ae = pe(Le);
 export {
-  qr as default
+  Ae as default
 };
 //# sourceMappingURL=homework-card.js.map

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 { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\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 RedoIcon from '../../assets/line-icons/icons/redo';\nimport {\n  ECardType,\n  type INodeCardCallbacks,\n  type INodeDataProps,\n  type TSheetStates,\n} from '../chapters-v2/comps/node-card/node-card-types';\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 type { TUserTypes } from '../ui/types';\nimport CardMenuOptions from './card-menu-options';\nimport HomeworkView from './homework-card-view';\nimport { EHWCardListEntityType } from './hw-card-list/hw-card-list-types';\nimport * as Styled from './styles';\nimport { getCardAnalyticProps } from './utils';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  entityId?: string;\n  entityType?: EHWCardListEntityType;\n  header: string;\n  homeworkId?: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps;\n  puzzleHWCardRef?: React.RefObject<HTMLDivElement>;\n  mathFitCardRef?: React.RefObject<HTMLDivElement>;\n  disableMenuActions?: boolean;\n  renderAs: 'homework' | 'milestone';\n  score: number | null;\n  shouldOpenOnRight: boolean;\n  state: TSheetStates;\n  imageUrl?: string;\n  studentId: string;\n  subHeader: string;\n  userMilestoneId?: string;\n  userType: TUserTypes;\n  totalQuestions: number;\n}\n\nconst HomeworkCard: FC<IHomeworkCardProps> = ({\n  // callbacks\n  nodeData,\n  onNodeAttempt,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeUnassign,\n  onNodeView,\n  onNodeAssignAsHomework,\n  onCardClick,\n\n  entityId,\n  entityType,\n  header,\n  homeworkId,\n  isInQueue,\n  mathFitCardRef,\n  renderAs,\n  score,\n  shouldOpenOnRight,\n  state,\n  totalQuestions,\n  imageUrl,\n  studentId,\n  subHeader,\n  userMilestoneId,\n  userType,\n  puzzleHWCardRef,\n  disableMenuActions,\n}) => {\n  const isHomeWork = renderAs === 'homework';\n  const { node_type: nodeType, permissions, user_node_id: userNodeId } = nodeData;\n\n  const milestoneId = userMilestoneId || '';\n  const isPuzzleCard = nodeType === 'PUZZLE_CARD';\n  const isMathFitCard = entityType === EHWCardListEntityType.MATHFIT_TEST;\n  const isSheetLocked = state === 'LOCKED';\n\n  const teacherContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const studentContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n    can_assign_as_homework: canAssignAsHw,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  const onStudentViewSheet = useCallback(() => {\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, milestoneId);\n\n      return;\n    }\n  }, [canReview, onNodeReview, userNodeId, nodeData, milestoneId]);\n\n  const onStudentCardClick = useCallback(() => {\n    // Handle MathFit card clicks\n    if (isMathFitCard && entityId) {\n      if (typeof onCardClick !== 'function') {\n        throw new Error('onCardClick must be a function for MathFit cards');\n      }\n\n      onCardClick({ entityId, type: ECardType.MATHFIT });\n\n      return;\n    }\n\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData, milestoneId, homeworkId);\n\n      return;\n    }\n\n    if (!isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n    onStudentViewSheet();\n  }, [\n    canResume,\n    canStart,\n    entityId,\n    homeworkId,\n    isHomeWork,\n    isMathFitCard,\n    milestoneId,\n    nodeData,\n    onCardClick,\n    onNodeAttempt,\n    onStudentMenuClick,\n    onStudentViewSheet,\n  ]);\n\n  const onTeacherCardClick = useCallback(() => {\n    // Handle MathFit card clicks\n    if (isMathFitCard && entityId) {\n      if (typeof onCardClick !== 'function') {\n        throw new Error('onCardClick must be a function for MathFit cards');\n      }\n\n      onCardClick({ entityId, type: ECardType.MATHFIT });\n\n      return;\n    }\n\n    if (canReview) {\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      onNodeReview(nodeData, milestoneId, homeworkId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, milestoneId);\n  }, [\n    canReview,\n    entityId,\n    homeworkId,\n    isMathFitCard,\n    milestoneId,\n    nodeData,\n    onCardClick,\n    onNodeReview,\n    onNodeView,\n    userNodeId,\n  ]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherCardClick();\n\n          return;\n        case 'student-card-view':\n          onStudentViewSheet();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, milestoneId, homeworkId);\n\n          return;\n        case 'student-card-reattempt':\n        case 'teacher-card-redo':\n          onNodeReattempt?.(nodeData, milestoneId);\n\n          return;\n\n        case 'teacher-card-assign-as-hw':\n          onNodeAssignAsHomework?.(nodeData, milestoneId);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [\n      homeworkId,\n      milestoneId,\n      nodeData,\n      onNodeAssignAsHomework,\n      onNodeReattempt,\n      onNodeUnassign,\n      onStudentViewSheet,\n      onTeacherCardClick,\n    ],\n  );\n\n  const teacherOptions = useMemo(() => {\n    const options = [\n      {\n        id: 'teacher-card-view',\n        label: canReview ? 'Review' : '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: isHomeWork ? nodeType === 'MASTERY' : !canUnassign,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'teacher-card-redo',\n        label: 'Redo',\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'teacher-card-assign-as-hw',\n        label: 'Assign as HW',\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return disableMenuActions\n      ? options.filter(option => option.id === 'teacher-card-view')\n      : options;\n  }, [\n    canReview,\n    canUnassign,\n    canReset,\n    canAssignAsHw,\n    isHomeWork,\n    nodeType,\n    disableMenuActions,\n    handleOnMenuOptionClick,\n  ]);\n\n  const studentOptions = useMemo(\n    () => [\n      {\n        id: 'student-card-view',\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    [canReview, canReset, handleOnMenuOptionClick],\n  );\n\n  const analyticsLabel = useMemo(\n    () =>\n      getCardAnalyticProps({\n        canResume,\n        canStart,\n        entityId,\n        entityType,\n        homeworkId,\n        isHomeWork,\n        isStudent,\n        milestoneId,\n        nodeType,\n        studentId,\n        totalQuestions,\n        userNodeId,\n      }),\n    [\n      canResume,\n      canStart,\n      entityId,\n      entityType,\n      homeworkId,\n      isHomeWork,\n      isStudent,\n      milestoneId,\n      nodeType,\n      studentId,\n      totalQuestions,\n      userNodeId,\n    ],\n  );\n\n  const showMoreMenu = !isStudent && !isPuzzleCard && !isMathFitCard;\n\n  const isClickableDisabled = useMemo(\n    () =>\n      (isStudent && isPuzzleCard && isSheetLocked) ||\n      (!isStudent && isMathFitCard && state !== 'COMPLETED' && state !== 'EXPIRED') ||\n      (isMathFitCard && isSheetLocked),\n    [isStudent, isPuzzleCard, isSheetLocked, isMathFitCard, state],\n  );\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable\n        onClick={isStudent ? onStudentCardClick : onTeacherCardClick}\n        label=\"homework-card\"\n        analyticsLabel={analyticsLabel.analyticsLabel}\n        analyticsProps={analyticsLabel.analyticsProps}\n        disabled={isClickableDisabled}\n      >\n        <HomeworkView\n          entityType={entityType}\n          header={header}\n          isInQueue={isInQueue}\n          isMilestone={renderAs === 'milestone'}\n          nodeData={nodeData}\n          puzzleHWCardRef={puzzleHWCardRef}\n          mathFitCardRef={mathFitCardRef}\n          score={score}\n          imageUrl={imageUrl}\n          state={state}\n          studentContainerRef={studentContainerRef}\n          subHeader={subHeader}\n          userType={userType}\n        />\n      </Clickable>\n      {isStudent && !isHomeWork && !isMathFitCard && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {showMoreMenu && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\" $borderRadiusX={2}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={6}\n            parentWidth=\"100%\"\n            hidden={teacherMenuVisible || (state !== 'WAIT_FOR_REVIEW' && isHomeWork)}\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            $width={144}\n          />\n        </Styled.MenuWrapper>\n      )}\n      {isInQueue && (\n        <Styled.BlurContainer $background=\"WHITE_5\">\n          <Styled.BlurFlexView $heightX={1} $widthX={6}>\n            <ArrowTooltip renderAs=\"primary\" tooltipItem=\"Not visible to student\" position=\"bottom\">\n              <FlexView $heightX={1} $widthX={6} />\n            </ArrowTooltip>\n          </Styled.BlurFlexView>\n        </Styled.BlurContainer>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","nodeData","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeUnassign","onNodeView","onNodeAssignAsHomework","onCardClick","entityId","entityType","header","homeworkId","isInQueue","mathFitCardRef","renderAs","score","shouldOpenOnRight","state","totalQuestions","imageUrl","studentId","subHeader","userMilestoneId","userType","puzzleHWCardRef","disableMenuActions","isHomeWork","nodeType","permissions","userNodeId","milestoneId","isPuzzleCard","isMathFitCard","EHWCardListEntityType","isSheetLocked","teacherContainerRef","useRef","studentContainerRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","canStart","canResume","canReview","canUnassign","canReset","canAssignAsHw","isStudent","onStudentViewSheet","useCallback","onStudentCardClick","ECardType","onTeacherCardClick","handleOnMenuOptionClick","optionId","teacherOptions","useMemo","options","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","Home2Icon","option","studentOptions","analyticsLabel","getCardAnalyticProps","showMoreMenu","isClickableDisabled","Styled.CardContainer","jsx","Clickable","HomeworkView","CardMenuOptions","jsxs","Styled.MenuWrapper","ArrowTooltip","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.BlurContainer","Styled.BlurFlexView","FlexView","HomeworkCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, type FC } from 'react';\n\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 RedoIcon from '../../assets/line-icons/icons/redo';\nimport {\n  ECardType,\n  type INodeCardCallbacks,\n  type INodeDataProps,\n  type TSheetStates,\n} from '../chapters-v2/comps/node-card/node-card-types';\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 type { TUserTypes } from '../ui/types';\nimport CardMenuOptions from './card-menu-options';\nimport HomeworkView from './homework-card-view';\nimport { EHWCardListEntityType } from './hw-card-list/hw-card-list-types';\nimport * as Styled from './styles';\nimport { getCardAnalyticProps } from './utils';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  entityId?: string;\n  entityType?: EHWCardListEntityType;\n  header: string;\n  homeworkId?: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps;\n  puzzleHWCardRef?: React.RefObject<HTMLDivElement>;\n  mathFitCardRef?: React.RefObject<HTMLDivElement>;\n  disableMenuActions?: boolean;\n  renderAs: 'homework' | 'milestone';\n  score: number | null;\n  shouldOpenOnRight: boolean;\n  state: TSheetStates;\n  imageUrl?: string;\n  studentId: string;\n  subHeader: string;\n  userMilestoneId?: string;\n  userType: TUserTypes;\n  totalQuestions: number;\n}\n\nconst HomeworkCard: FC<IHomeworkCardProps> = ({\n  // callbacks\n  nodeData,\n  onNodeAttempt,\n  onNodeReattempt,\n  onNodeReview,\n  onNodeUnassign,\n  onNodeView,\n  onNodeAssignAsHomework,\n  onCardClick,\n\n  entityId,\n  entityType,\n  header,\n  homeworkId,\n  isInQueue,\n  mathFitCardRef,\n  renderAs,\n  score,\n  shouldOpenOnRight,\n  state,\n  totalQuestions,\n  imageUrl,\n  studentId,\n  subHeader,\n  userMilestoneId,\n  userType,\n  puzzleHWCardRef,\n  disableMenuActions,\n}) => {\n  const isHomeWork = renderAs === 'homework';\n  const { node_type: nodeType, permissions, user_node_id: userNodeId } = nodeData;\n\n  const milestoneId = userMilestoneId || '';\n  const isPuzzleCard = nodeType === 'PUZZLE_CARD';\n  const isMathFitCard = entityType === EHWCardListEntityType.MATHFIT_TEST;\n  const isSheetLocked = state === 'LOCKED';\n\n  const teacherContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const studentContainerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const { menuVisible: teacherMenuVisible, onMenuClick: onTeacherMenuClick } =\n    useContextMenuClickHandler(teacherContainerRef);\n  const { menuVisible: studentMenuVisible, onMenuClick: onStudentMenuClick } =\n    useContextMenuClickHandler(studentContainerRef);\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_unassign: canUnassign,\n    can_reset: canReset,\n    can_assign_as_homework: canAssignAsHw,\n  } = permissions;\n  const isStudent = userType === 'STUDENT';\n\n  const onStudentViewSheet = useCallback(() => {\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, milestoneId);\n\n      return;\n    }\n  }, [canReview, onNodeReview, userNodeId, nodeData, milestoneId]);\n\n  const onStudentCardClick = useCallback(() => {\n    // Handle MathFit card clicks\n    if (isMathFitCard && entityId) {\n      if (typeof onCardClick !== 'function') {\n        throw new Error('onCardClick must be a function for MathFit cards');\n      }\n\n      onCardClick({ entityId, type: ECardType.MATHFIT });\n\n      return;\n    }\n\n    if (canStart || canResume) {\n      if (typeof onNodeAttempt !== 'function') {\n        throw new Error('onNodeAttempt must be a function');\n      }\n\n      onNodeAttempt(nodeData, milestoneId, homeworkId);\n\n      return;\n    }\n\n    if (!isHomeWork) {\n      onStudentMenuClick();\n\n      return;\n    }\n    onStudentViewSheet();\n  }, [\n    canResume,\n    canStart,\n    entityId,\n    homeworkId,\n    isHomeWork,\n    isMathFitCard,\n    milestoneId,\n    nodeData,\n    onCardClick,\n    onNodeAttempt,\n    onStudentMenuClick,\n    onStudentViewSheet,\n  ]);\n\n  const onTeacherCardClick = useCallback(() => {\n    // Handle MathFit card clicks\n    if (isMathFitCard && entityId) {\n      if (typeof onCardClick !== 'function') {\n        throw new Error('onCardClick must be a function for MathFit cards');\n      }\n\n      onCardClick({ entityId, type: ECardType.MATHFIT });\n\n      return;\n    }\n\n    if (canReview) {\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      onNodeReview(nodeData, milestoneId, homeworkId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onNodeView must be a function');\n    }\n\n    onNodeView(nodeData, milestoneId);\n  }, [\n    canReview,\n    entityId,\n    homeworkId,\n    isMathFitCard,\n    milestoneId,\n    nodeData,\n    onCardClick,\n    onNodeReview,\n    onNodeView,\n    userNodeId,\n  ]);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'teacher-card-view':\n          onTeacherCardClick();\n\n          return;\n        case 'student-card-view':\n          onStudentViewSheet();\n\n          return;\n        case 'teacher-card-unassign':\n          onNodeUnassign?.(nodeData, milestoneId, homeworkId);\n\n          return;\n        case 'student-card-reattempt':\n        case 'teacher-card-redo':\n          onNodeReattempt?.(nodeData, milestoneId);\n\n          return;\n\n        case 'teacher-card-assign-as-hw':\n          onNodeAssignAsHomework?.(nodeData, milestoneId);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [\n      homeworkId,\n      milestoneId,\n      nodeData,\n      onNodeAssignAsHomework,\n      onNodeReattempt,\n      onNodeUnassign,\n      onStudentViewSheet,\n      onTeacherCardClick,\n    ],\n  );\n\n  const teacherOptions = useMemo(() => {\n    const options = [\n      {\n        id: 'teacher-card-view',\n        label: canReview ? 'Review' : '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: isHomeWork ? nodeType === 'MASTERY' : !canUnassign,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'teacher-card-redo',\n        label: 'Redo',\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'teacher-card-assign-as-hw',\n        label: 'Assign as HW',\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return disableMenuActions\n      ? options.filter(option => option.id === 'teacher-card-view')\n      : options;\n  }, [\n    canReview,\n    canUnassign,\n    canReset,\n    canAssignAsHw,\n    isHomeWork,\n    nodeType,\n    disableMenuActions,\n    handleOnMenuOptionClick,\n  ]);\n\n  const studentOptions = useMemo(\n    () => [\n      {\n        id: 'student-card-view',\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    [canReview, canReset, handleOnMenuOptionClick],\n  );\n\n  const analyticsLabel = useMemo(\n    () =>\n      getCardAnalyticProps({\n        canResume,\n        canStart,\n        entityId,\n        entityType,\n        homeworkId,\n        isHomeWork,\n        isStudent,\n        milestoneId,\n        nodeType,\n        studentId,\n        totalQuestions,\n        userNodeId,\n      }),\n    [\n      canResume,\n      canStart,\n      entityId,\n      entityType,\n      homeworkId,\n      isHomeWork,\n      isStudent,\n      milestoneId,\n      nodeType,\n      studentId,\n      totalQuestions,\n      userNodeId,\n    ],\n  );\n\n  const showMoreMenu = !isStudent && !isPuzzleCard && !isMathFitCard;\n\n  const isClickableDisabled = useMemo(() => {\n    const isStudentPuzzleLocked = isStudent && isPuzzleCard && isSheetLocked;\n    const isTeacherMathFitIncomplete =\n      !isStudent && isMathFitCard && state !== 'COMPLETED' && state !== 'EXPIRED';\n    const isMathFitLocked = isMathFitCard && isSheetLocked;\n\n    return isStudentPuzzleLocked || isTeacherMathFitIncomplete || isMathFitLocked;\n  }, [isStudent, isPuzzleCard, isSheetLocked, isMathFitCard, state]);\n\n  return (\n    <Styled.CardContainer $position=\"relative\" $width=\"fit-content\">\n      <Clickable\n        onClick={isStudent ? onStudentCardClick : onTeacherCardClick}\n        label=\"homework-card\"\n        analyticsLabel={analyticsLabel.analyticsLabel}\n        analyticsProps={analyticsLabel.analyticsProps}\n        disabled={isClickableDisabled}\n      >\n        <HomeworkView\n          entityType={entityType}\n          header={header}\n          isInQueue={isInQueue}\n          isMilestone={renderAs === 'milestone'}\n          nodeData={nodeData}\n          puzzleHWCardRef={puzzleHWCardRef}\n          mathFitCardRef={mathFitCardRef}\n          score={score}\n          imageUrl={imageUrl}\n          state={state}\n          studentContainerRef={studentContainerRef}\n          subHeader={subHeader}\n          userType={userType}\n        />\n      </Clickable>\n      {isStudent && !isHomeWork && !isMathFitCard && (\n        <CardMenuOptions\n          $width={200}\n          options={studentOptions}\n          triggerRef={studentContainerRef}\n          visible={studentMenuVisible}\n          shouldOpenOnRight={false}\n        />\n      )}\n      {showMoreMenu && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\" $borderRadiusX={2}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={6}\n            parentWidth=\"100%\"\n            hidden={teacherMenuVisible || (state !== 'WAIT_FOR_REVIEW' && isHomeWork)}\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            $width={144}\n          />\n        </Styled.MenuWrapper>\n      )}\n      {isInQueue && (\n        <Styled.BlurContainer $background=\"WHITE_5\">\n          <Styled.BlurFlexView $heightX={1} $widthX={6}>\n            <ArrowTooltip renderAs=\"primary\" tooltipItem=\"Not visible to student\" position=\"bottom\">\n              <FlexView $heightX={1} $widthX={6} />\n            </ArrowTooltip>\n          </Styled.BlurFlexView>\n        </Styled.BlurContainer>\n      )}\n    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","nodeData","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeUnassign","onNodeView","onNodeAssignAsHomework","onCardClick","entityId","entityType","header","homeworkId","isInQueue","mathFitCardRef","renderAs","score","shouldOpenOnRight","state","totalQuestions","imageUrl","studentId","subHeader","userMilestoneId","userType","puzzleHWCardRef","disableMenuActions","isHomeWork","nodeType","permissions","userNodeId","milestoneId","isPuzzleCard","isMathFitCard","EHWCardListEntityType","isSheetLocked","teacherContainerRef","useRef","studentContainerRef","teacherMenuVisible","onTeacherMenuClick","useContextMenuClickHandler","studentMenuVisible","onStudentMenuClick","canStart","canResume","canReview","canUnassign","canReset","canAssignAsHw","isStudent","onStudentViewSheet","useCallback","onStudentCardClick","ECardType","onTeacherCardClick","handleOnMenuOptionClick","optionId","teacherOptions","useMemo","options","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","Home2Icon","option","studentOptions","analyticsLabel","getCardAnalyticProps","showMoreMenu","isClickableDisabled","Styled.CardContainer","jsx","Clickable","HomeworkView","CardMenuOptions","jsxs","Styled.MenuWrapper","ArrowTooltip","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.BlurContainer","Styled.BlurFlexView","FlexView","HomeworkCard$1","memo"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js

@@ -2,48 +2,45 @@ import n from "styled-components";
 import a from "../../../../../ui/layout/flex-view.js";
 import d from "../../../../../ui/text/text.js";
 import { MILESTONE_WIDGET_MIN_HEIGHT as p } from "../../../../constants.js";
-const x = n(a)(({ theme: o }) => `
-    padding-bottom: ${o.layout.gutter * 1.5}px;
-  `), $ = n.div(({ theme: o, $backgroundColor: e, $frames: r }) => {
-  const { colors: t } = o;
+const x = n(a)(({ theme: r }) => `
+    padding-bottom: ${r.layout.gutter * 1.5}px;
+  `), m = n.div(({ theme: r, $backgroundColor: e, $frames: o }) => {
+  const { colors: t } = r;
   return `
     display: grid;
     background: ${t[e || "WHITE_3"]};
-    grid-template-columns: repeat(${r}, 1fr);
+    grid-template-columns: repeat(${o}, 1fr);
   `;
-}), m = n(d)(({ theme: o, $selected: e }) => {
-  const { layout: r, colors: t } = o, { BLACK_T_15: i, BLACK_T_87: s } = t;
+}), T = n(d)(({ theme: r, $selected: e }) => {
+  const { layout: o, colors: t } = r, { BLACK_T_15: i, BLACK_T_87: s } = t;
   return `
     cursor: pointer;
-    padding: ${r.gutter * 0.5}px 0;
+    padding: ${o.gutter * 0.5}px 0;
     border-bottom: 1px solid ${e ? s : i};
   `;
-}), T = n(a)(({ theme: o, $flexibleHeight: e }) => {
-  const { WHITE_5: r } = o.colors, { gutter: t } = o.layout;
+}), $ = n(a)(({ theme: r, $flexibleHeight: e }) => {
+  const { WHITE_5: o } = r.colors, { gutter: t } = r.layout;
   return `
     position: relative;
-    height: ${p}px;
     ${e ? `
       height: 100%;
       min-height: ${p}px;
     ` : `
       height: ${p}px;
-      overflow-y: auto;
-      overflow-x: hidden; 
     `}
     overflow-y: auto;
     overflow-x: hidden;
 
-    background: ${o.colors.WHITE_2};
-    background-image: linear-gradient(${r} 0.5px, transparent 0.5px),
-      linear-gradient(90deg, ${r} 0.5px, transparent 0.5px);
+    background: ${r.colors.WHITE_2};
+    background-image: linear-gradient(${o} 0.5px, transparent 0.5px),
+      linear-gradient(90deg, ${o} 0.5px, transparent 0.5px);
     background-size: ${t * 2.81}px ${t * 2.81}px;
   `;
 });
 export {
   x as NoPlanCardWrapper,
-  T as TabComponentWrapper,
-  m as TabsText,
-  $ as TabsWrapper
+  $ as TabComponentWrapper,
+  T as TabsText,
+  m as TabsWrapper
 };
 //# sourceMappingURL=milestone-tabs-styled.js.map