@cuemath/leap 2.8.60-ag3 → 2.8.60-as3

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

@@ -1,256 +1,210 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as N, useRef as T, useState as ee, useLayoutEffect as re, useCallback as _ } from "react";
-import W from "../../assets/line-icons/icons/eye2.js";
-import te from "../../assets/line-icons/icons/more-vertical.js";
-import ie from "../../assets/line-icons/icons/redo.js";
-import ne from "../chapters-v2/comps/node-card/node-card-tags.js";
-import { getNodeTypeBasedBgImage as oe } from "../chapters-v2/utils/index.js";
-import { getNodeCardBasedIcon as ce } from "../chapters-v2/utils/node-card-utils.js";
-import A from "../ui/arrow-tooltip/arrow-tooltip.js";
-import ae from "../ui/buttons/clickable/clickable.js";
-import M from "../ui/hooks/use-context-menu-click-handler.js";
-import d from "../ui/layout/flex-view.js";
-import le from "../ui/text/text.js";
-import O from "./card-menu-options.js";
-import { CardContainer as se, CardWrapper as ue, IconWrapper as de, BannerImageWrapper as he, BannerImage as me, HeaderText as fe, SubHeaderText as pe, CardMenuOptionsWrapper as B, MenuWrapper as we, CardKebabMenuWrapper as be, StyledMinus2Icon as ge } from "./styles.js";
-const $e = ({
-  header: v,
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useRef as y, useState as q, useLayoutEffect as J, useCallback as x } from "react";
+import Q from "../../assets/line-icons/icons/eye2.js";
+import U from "../../assets/line-icons/icons/more-vertical.js";
+import Y from "../../assets/line-icons/icons/redo.js";
+import Z from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as D } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as N } from "../chapters-v2/utils/node-card-utils.js";
+import E from "../ui/arrow-tooltip/arrow-tooltip.js";
+import ee from "../ui/buttons/clickable/clickable.js";
+import re from "../ui/hooks/use-context-menu-click-handler.js";
+import u from "../ui/layout/flex-view.js";
+import te from "../ui/text/text.js";
+import ie from "./card-menu-options.js";
+import { CardContainer as ne, CardWrapper as ce, IconWrapper as oe, BannerImageWrapper as ae, BannerImage as se, HeaderText as le, SubHeaderText as ue, CardKebabMenuWrapper as he, CardMenuOptionsWrapper as me, StyledMinus2Icon as fe } from "./styles.js";
+const He = ({
+  header: d,
   nodeData: r,
-  subHeader: j,
-  userType: G,
+  subHeader: I,
+  userType: H,
   userMilestoneId: t,
-  onNodeUnassign: c,
-  onNodeReattempt: a,
-  onNodeView: h,
-  onNodeReview: i,
-  onNodeAttempt: m
+  onNodeUnassign: h,
+  onNodeReset: m,
+  onNodeView: i,
+  onNodeReview: n,
+  onNodeAttempt: f
 }) => {
   const {
-    node_type: f,
-    state: K,
-    accuracy: L,
-    due_date_ts: z,
-    image_url: y,
-    image_hue: F,
-    card_header: P = "",
-    permissions: p,
-    user_node_id: l
-  } = r, q = oe(f), x = ce(f), w = T(null), b = T(null), o = T(null), { menuVisible: S, onMenuClick: J } = M(w), { menuVisible: E, onMenuClick: I } = M(b), [Q, Y] = ee(!1), {
-    can_start: R,
-    can_resume: H,
-    can_review: g,
-    can_teacher_review: V,
-    can_unassign: Z,
-    can_reset: $
-  } = p, s = G === "STUDENT";
-  re(() => {
-    o.current && o.current.scrollHeight > o.current.clientHeight && Y(!0);
+    node_type: c,
+    state: X,
+    accuracy: S,
+    due_date_ts: W,
+    image_url: w,
+    image_hue: A,
+    card_header: O = "",
+    permissions: B,
+    user_node_id: s
+  } = r, R = c && D(c), $ = c && N(c), b = y(null), { menuVisible: j, onMenuClick: G } = re(b), o = y(null), [K, L] = q(!1), {
+    can_start: g,
+    can_resume: C,
+    can_review: T,
+    can_teacher_review: _,
+    can_unassign: M,
+    can_reset: P
+  } = B || {}, v = H === "STUDENT";
+  J(() => {
+    o.current && o.current.scrollHeight > o.current.clientHeight && L(!0);
   }, [o]);
-  const C = _(() => {
-    if (console.log("calles onStudentView view", p), R || H) {
-      if (console.log("calles onStudentView canStart || canResume"), typeof m != "function")
+  const z = x(() => {
+    if (g || C) {
+      if (typeof f != "function")
         throw new Error("onNodeAttempt must be a function");
-      m(r);
+      f(r);
       return;
     }
-    if ($) {
-      console.log("calles onStudentView canReset"), I();
-      return;
-    }
-    if (g) {
-      if (console.log("calles onStudentView canReview"), typeof i != "function")
+    if (T) {
+      if (typeof n != "function")
         throw new Error("onReview must be a function");
-      if (!l)
+      if (!s)
         throw new Error("user node id must be present to review the sheet");
-      i(r, t);
+      n(r, t);
       return;
     }
+    if (typeof i != "function")
+      throw new Error("onPreview must be a function");
+    i(r, t);
   }, [
-    p,
-    R,
-    H,
-    $,
+    C,
+    T,
     g,
-    m,
+    t,
     r,
-    I,
+    f,
+    n,
     i,
-    l,
-    t
-  ]), k = _(() => {
-    if (V) {
-      if (typeof i != "function")
+    s
+  ]), F = x(() => {
+    if (_) {
+      if (typeof n != "function")
         throw new Error("onReview must be a function");
-      if (!l)
+      if (!s)
         throw new Error("user node id must be present to review the sheet");
-      i(r, t);
+      n(r, t);
       return;
     }
-    if (typeof h != "function")
+    if (typeof i != "function")
       throw new Error("onPreview must be a function");
-    h(r, t);
-  }, [V, t, r, i, h, l]), u = _(
-    (X) => {
-      switch (X) {
-        case "teacher-card-view":
-          k();
-          return;
-        case "student-card-click":
-          C();
-          return;
-        case "card-unassign":
-          c == null || c(r, t);
-          return;
-        case "card-reattempt":
-          a == null || a(r, t);
-          return;
-        default:
-          throw new Error(`No callback function for ${X}`);
-      }
-    },
-    [r, a, c, C, k, t]
-  ), U = [
+    i(r, t);
+  }, [_, t, r, n, i, s]), p = (l) => {
+    switch (l) {
+      case "card-view":
+        F();
+        return;
+      case "card-unassign":
+        r && (h == null || h(r, t));
+        return;
+      case "card-reset":
+        r && (m == null || m(r, t));
+        return;
+      default:
+        throw new Error(`No callback function for ${l}`);
+    }
+  }, k = [
     {
-      id: "teacher-card-view",
+      id: "card-view",
       label: "View",
-      icon: W,
-      disabled: !0,
-      onClick: u
+      icon: Q,
+      visible: !0,
+      onClick: p
     },
     {
       id: "card-unassign",
       label: "Unassign",
-      icon: ge,
-      disabled: !!Z,
-      onClick: u
-    }
-  ], D = [
-    {
-      id: "student-card-click",
-      label: "Review",
-      icon: W,
-      disabled: !!g,
-      onClick: u
+      icon: fe,
+      visible: !!M,
+      onClick: p
     },
     {
-      id: "card-reattempt",
-      label: "Reattempt",
-      icon: ie,
-      disabled: !!$,
-      onClick: u
+      id: "card-reset",
+      label: "Reset",
+      icon: Y,
+      visible: !!P,
+      onClick: p
     }
-  ];
-  return console.log(!s), /* @__PURE__ */ n(d, { $position: "relative", children: [
-    /* @__PURE__ */ n(ae, { onClick: s ? C : k, label: "homework-card", children: [
-      /* @__PURE__ */ n(
-        se,
-        {
-          ref: b,
-          $widthX: 12.5,
-          $position: "relative",
-          $background: `${F || "ORANGE"}_2`,
-          children: [
-            /* @__PURE__ */ n(
-              ue,
-              {
-                $flexDirection: "row",
-                $alignItems: "center",
-                $width: "100%",
-                $heightX: 3.5,
-                $bgImage: q,
-                $gutterX: 0.78125,
-                $flexGap: 8.5,
-                $position: "relative",
-                children: [
-                  /* @__PURE__ */ e(
-                    de,
-                    {
-                      $width: 31,
-                      $height: 31,
-                      $borderRadiusX: 2,
-                      $background: "WHITE_1",
-                      $position: "relative",
-                      $alignItems: "center",
-                      $justifyContent: "center",
-                      children: x && /* @__PURE__ */ e(x, { width: 20, height: 20 })
-                    }
-                  ),
-                  /* @__PURE__ */ e(le, { $renderAs: "ac4-black", children: P }),
-                  !!y && /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(me, { src: y, alt: "Chapter image" }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(
-              ne,
-              {
-                nodeType: f,
-                state: K,
-                accuracy: L,
-                dueDateTs: z
-              }
-            ),
-            /* @__PURE__ */ n(d, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
-              /* @__PURE__ */ e(
-                A,
-                {
-                  renderAs: "primary",
-                  position: "bottom",
-                  tooltipItem: v,
-                  hidden: !Q,
-                  widthX: 21.75,
-                  children: /* @__PURE__ */ e(d, { $heightX: 2.5, children: /* @__PURE__ */ e(fe, { ref: o, $renderAs: "ab3", children: v }) })
-                }
-              ),
+  ], V = !!k.find((l) => l.visible);
+  return /* @__PURE__ */ e(ee, { onClick: v ? z : void 0, label: "homework-card", children: /* @__PURE__ */ a(
+    ne,
+    {
+      $widthX: 12.5,
+      $position: "relative",
+      $background: `${A || "ORANGE"}_2`,
+      children: [
+        /* @__PURE__ */ a(
+          ce,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $width: "100%",
+            $heightX: 3.5,
+            $bgImage: R,
+            $gutterX: 0.78125,
+            $flexGap: 8.5,
+            $position: "relative",
+            children: [
               /* @__PURE__ */ e(
-                d,
+                oe,
                 {
-                  $flexDirection: "row",
-                  $heightX: 1.25,
+                  $width: 31,
+                  $height: 31,
+                  $borderRadiusX: 2,
+                  $background: "WHITE_1",
+                  $position: "relative",
                   $alignItems: "center",
-                  $justifyContent: "space-between",
-                  children: /* @__PURE__ */ e(pe, { $renderAs: "ub3", $color: "BLACK_T_60", children: j })
+                  $justifyContent: "center",
+                  children: $ && /* @__PURE__ */ e($, { width: 20, height: 20 })
                 }
-              )
-            ] })
-          ]
-        }
-      ),
-      s && /* @__PURE__ */ e(B, { $visible: E, children: /* @__PURE__ */ e(
-        O,
-        {
-          $width: 200,
-          options: D,
-          triggerRef: b,
-          visible: E
-        }
-      ) })
-    ] }),
-    !s && /* @__PURE__ */ n(we, { $position: "absolute", $width: "fit-content", children: [
-      /* @__PURE__ */ e(
-        A,
-        {
-          isAnimated: !0,
-          renderAs: "primary",
-          tooltipItem: "Review",
-          position: "bottom",
-          zIndex: 5,
-          parentWidth: "100%",
-          children: /* @__PURE__ */ e(be, { ref: w, onClick: J, children: /* @__PURE__ */ e(te, { width: 16, height: 16 }) })
-        }
-      ),
-      /* @__PURE__ */ e(B, { $visible: S, children: /* @__PURE__ */ e(
-        O,
-        {
-          $width: "fit-content",
-          options: U,
-          triggerRef: w,
-          visible: S
-        }
-      ) })
-    ] })
-  ] });
-}, Ae = N($e);
+              ),
+              /* @__PURE__ */ e(te, { $renderAs: "ac4-black", children: O }),
+              !!w && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(se, { src: w, alt: "Chapter image" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(Z, { nodeType: c, state: X, accuracy: S, dueDateTs: W }),
+        /* @__PURE__ */ a(u, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+          /* @__PURE__ */ e(
+            E,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: d,
+              hidden: !K,
+              widthX: 21.75,
+              children: /* @__PURE__ */ e(u, { $heightX: 2.5, children: /* @__PURE__ */ e(le, { ref: o, $renderAs: "ab3", children: d }) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            u,
+            {
+              $flexDirection: "row",
+              $heightX: 1.25,
+              $alignItems: "center",
+              $justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ e(ue, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
+                !v && r && V && /* @__PURE__ */ a(u, { $position: "relative", $width: "fit-content", children: [
+                  /* @__PURE__ */ e(
+                    E,
+                    {
+                      renderAs: "primary",
+                      tooltipItem: "Review",
+                      position: "bottom",
+                      zIndex: 5,
+                      parentWidth: "100%",
+                      children: /* @__PURE__ */ e(he, { ref: b, onClick: G, children: /* @__PURE__ */ e(U, { width: 16, height: 16 }) })
+                    }
+                  ),
+                  /* @__PURE__ */ e(me, { $visible: j, children: /* @__PURE__ */ e(ie, { options: k }) })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
 export {
-  Ae as default
+  He 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 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 * 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}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n}: IHomeworkCardProps) => {\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  } = nodeData;\n\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    console.log('calles onStudentView view', permissions);\n    if (canStart || canResume) {\n      console.log('calles onStudentView canStart || canResume');\n\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) {\n      console.log('calles onStudentView canReset');\n\n      onStudentMenuClick();\n\n      return;\n    }\n\n    if (canReview) {\n      console.log('calles onStudentView 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    permissions,\n    canStart,\n    canResume,\n    canReset,\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('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\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onPreview 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\n        case 'student-card-click':\n          onStudentView();\n\n          return;\n        case 'card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'card-reattempt':\n          onNodeReattempt?.(nodeData, userMilestoneId);\n\n          return;\n\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: true,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: '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: 'card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !!canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  console.log(!isStudent);\n\n  return (\n    <FlexView $position=\"relative\">\n      <Clickable onClick={isStudent ? onStudentView : onTeacherView} label=\"homework-card\">\n        <Styled.CardContainer\n          ref={studentContainerRef}\n          $widthX={12.5}\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          <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              widthX={21.75}\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        </Styled.CardContainer>\n        {isStudent && (\n          <Styled.CardMenuOptionsWrapper $visible={studentMenuVisible}>\n            <CardMenuOptions\n              $width={200}\n              options={studentOptions}\n              triggerRef={studentContainerRef}\n              visible={studentMenuVisible}\n            />\n          </Styled.CardMenuOptionsWrapper>\n        )}\n      </Clickable>\n      {!isStudent && (\n        <Styled.MenuWrapper $position=\"absolute\" $width=\"fit-content\">\n          <ArrowTooltip\n            isAnimated\n            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={5}\n            parentWidth=\"100%\"\n          >\n            <Styled.CardKebabMenuWrapper ref={teacherContainerRef} onClick={onTeacherMenuClick}>\n              <MoreVerticalIcon width={16} height={16} />\n            </Styled.CardKebabMenuWrapper>\n          </ArrowTooltip>\n          <Styled.CardMenuOptionsWrapper $visible={teacherMenuVisible}>\n            <CardMenuOptions\n              $width={'fit-content'}\n              options={teacherOptions}\n              triggerRef={teacherContainerRef}\n              visible={teacherMenuVisible}\n            />\n          </Styled.CardMenuOptionsWrapper>\n        </Styled.MenuWrapper>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","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","jsxs","FlexView","Clickable","Styled.CardContainer","Styled.CardWrapper","jsx","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardMenuOptionsWrapper","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 { ICardMenuOption } from './card-menu-options';\n\nimport { 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 * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps;\n  subHeader: string;\n  userType: 'TEACHER' | 'STUDENT';\n  userMilestoneId?: string;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReset,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n}: IHomeworkCardProps) => {\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  } = nodeData;\n\n  const bgImage = nodeType && getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = nodeType && getNodeCardBasedIcon(nodeType);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n  const titleTextRef = useRef<HTMLDivElement>(null);\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 (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    if (typeof onNodeView !== 'function') {\n      throw new Error('onPreview must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [\n    canResume,\n    canReview,\n    canStart,\n    userMilestoneId,\n    nodeData,\n    onNodeAttempt,\n    onNodeReview,\n    onNodeView,\n    userNodeId,\n  ]);\n\n  const onTeacherView = useCallback(() => {\n    if (canTeacherReview) {\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\n      onNodeReview(nodeData, userMilestoneId);\n\n      return;\n    }\n\n    if (typeof onNodeView !== 'function') {\n      throw new Error('onPreview must be a function');\n    }\n\n    onNodeView(nodeData, userMilestoneId);\n  }, [canTeacherReview, userMilestoneId, nodeData, onNodeReview, onNodeView, userNodeId]);\n\n  const handleOnMenuOptionClick = (optionId: string) => {\n    switch (optionId) {\n      case 'card-view':\n        onTeacherView();\n\n        return;\n      case 'card-unassign':\n        nodeData && onNodeUnassign?.(nodeData, userMilestoneId);\n\n        return;\n      case 'card-reset':\n        nodeData && onNodeReset?.(nodeData, userMilestoneId);\n\n        return;\n\n      default:\n        throw new Error(`No callback function for ${optionId}`);\n    }\n  };\n\n  const menuOptions: ICardMenuOption[] = [\n    {\n      id: 'card-view',\n      label: 'View',\n      icon: Eye2Icon,\n      visible: true,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'card-unassign',\n      label: 'Unassign',\n      icon: Styled.StyledMinus2Icon,\n      visible: !!canUnassign,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'card-reset',\n      label: 'Reset',\n      icon: RedoIcon,\n      visible: !!canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  const canShowMenuOptions = !!menuOptions.find(option => option.visible);\n\n  return (\n    <Clickable onClick={isStudent ? onStudentView : undefined} label=\"homework-card\">\n      <Styled.CardContainer\n        $widthX={12.5}\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 nodeType={nodeType} state={state} accuracy={accuracy} dueDateTs={dueDateTs} />\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            widthX={21.75}\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            {!isStudent && nodeData && canShowMenuOptions && (\n              <FlexView $position=\"relative\" $width=\"fit-content\">\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  tooltipItem=\"Review\"\n                  position=\"bottom\"\n                  zIndex={5}\n                  parentWidth=\"100%\"\n                >\n                  <Styled.CardKebabMenuWrapper ref={containerRef} onClick={onMenuClick}>\n                    <MoreVerticalIcon width={16} height={16} />\n                  </Styled.CardKebabMenuWrapper>\n                </ArrowTooltip>\n                <Styled.CardMenuOptionsWrapper $visible={menuVisible}>\n                  <CardMenuOptions options={menuOptions} />\n                </Styled.CardMenuOptionsWrapper>\n              </FlexView>\n            )}\n          </FlexView>\n        </FlexView>\n      </Styled.CardContainer>\n    </Clickable>\n  );\n};\n\nexport default HomeworkCard;\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReset","onNodeView","onNodeReview","onNodeAttempt","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","permissions","userNodeId","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","titleTextRef","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","canShowMenuOptions","option","Clickable","jsxs","Styled.CardContainer","Styled.CardWrapper","jsx","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","FlexView","ArrowTooltip","Styled.HeaderText","Styled.SubHeaderText","Styled.CardKebabMenuWrapper","MoreVerticalIcon","Styled.CardMenuOptionsWrapper","CardMenuOptions"],"mappings":"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"}

package/dist/features/homework/styles.js

@@ -1,8 +1,8 @@
 import r from "styled-components";
 import i from "../../assets/line-icons/icons/minus2.js";
-import e from "../ui/layout/flex-view.js";
+import t from "../ui/layout/flex-view.js";
 import n from "../ui/text/text.js";
-const l = r(e)(({ theme: o }) => `
+const l = r(t)(({ theme: o }) => `
     cursor: pointer;
     width: fit-content;
     
@@ -16,9 +16,9 @@ const l = r(e)(({ theme: o }) => `
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-`, u = r(e)(({
+`, u = r(t)(({
   theme: o,
-  $visible: t
+  $visible: e
 }) => `
     cursor: pointer;
     position: absolute;
@@ -26,43 +26,43 @@ const l = r(e)(({ theme: o }) => `
     top: calc(100% + 4px);
     left: 0;
     transform-origin: top;
-    transform: scaleY(${t ? 1 : 0});
-    opacity: ${t ? 1 : 0};
+    transform: scaleY(${e ? 1 : 0});
+    opacity: ${e ? 1 : 0};
     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
     
     &:hover {
       border-radius: 50%;
       background: ${o.colors.WHITE_5}; 
     }
-  `), x = r(e)`
+  `), x = r(t)`
   border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
 
   &:hover {
     border: 1px solid ${({ theme: o }) => o.colors.BLACK};
   }
-`, b = r(e)(({ $bgImage: o }) => o ? `
+`, b = r(t)(({ $bgImage: o }) => o ? `
       background-image: url(${o});
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
       overflow: hidden;
-    ` : "overflow: hidden;"), f = r(e)`
+    ` : "overflow: hidden;"), f = r(t)`
   display: flex;
   align-items: center;
   justify-content: center;
-`, w = r(e)`
+`, w = r(t)`
   position: absolute;
   right: -18px;
   top: -4px;
-`, g = r.img(({ theme: o }) => {
-  const { gutter: t } = o.layout;
+`, h = r.img(({ theme: o }) => {
+  const { gutter: e } = o.layout;
   return `
     border: 1px solid ${o.colors.BLACK_T_15};
-    width: ${t * 4}px;
-    height: ${t * 4}px;
+    width: ${e * 4}px;
+    height: ${e * 4}px;
     border-radius: 50%;
   `;
-}), h = r(i)`
+}), g = r(i)`
   path {
     stroke: ${({ theme: o }) => o.colors.WHITE};
   }
@@ -72,19 +72,20 @@ const l = r(e)(({ theme: o }) => `
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-`, v = r(e)`
+`, v = r(t)`
   box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
+  width: 180px;
   position: relative;
   left: 0;
   top: 0;
-`, k = r(e)(({
+`, k = r(t)(({
   theme: o,
-  $disabled: t
+  $disabled: e
 }) => `
-    cursor: ${t ? "not-allowed" : "pointer"};
+    cursor: ${e ? "not-allowed" : "pointer"};
     
     &:hover {
-      background: ${t ? "transparent" : o.colors.BLACK};
+      background: ${e ? "transparent" : o.colors.BLACK};
     };
     
     path {
@@ -94,16 +95,9 @@ const l = r(e)(({ theme: o }) => `
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`, W = r(e)`
-  position: absolute;
-  z-index: 6;
-  top: calc(100% - 32px);
-  right: 8px;
-  transform-origin: top;
-  transform: scaleY(1);
 `;
 export {
-  g as BannerImage,
+  h as BannerImage,
   w as BannerImageWrapper,
   x as CardContainer,
   l as CardKebabMenuWrapper,
@@ -113,9 +107,8 @@ export {
   b as CardWrapper,
   m as HeaderText,
   f as IconWrapper,
-  W as MenuWrapper,
   C as OptionText,
-  h as StyledMinus2Icon,
+  g as StyledMinus2Icon,
   d as SubHeaderText
 };
 //# sourceMappingURL=styles.js.map