@cuemath/leap 2.8.61-as3 → 2.8.61-as5

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

@@ -1,66 +1,67 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as te, useRef as y, useState as ie, useLayoutEffect as ne, useCallback as x } from "react";
-import M from "../../assets/line-icons/icons/eye2.js";
+import { jsxs as o, 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";
 import ce from "../../assets/line-icons/icons/redo.js";
 import ae from "../chapters-v2/comps/node-card/node-card-tags.js";
 import { getNodeTypeBasedBgImage as se } from "../chapters-v2/utils/index.js";
 import { getNodeCardBasedIcon as le } from "../chapters-v2/utils/node-card-utils.js";
-import V from "../ui/arrow-tooltip/arrow-tooltip.js";
+import B from "../ui/arrow-tooltip/arrow-tooltip.js";
 import ue from "../ui/buttons/clickable/clickable.js";
-import j from "../ui/hooks/use-context-menu-click-handler.js";
+import M from "../ui/hooks/use-context-menu-click-handler.js";
 import d from "../ui/layout/flex-view.js";
 import de from "../ui/text/text.js";
-import G from "./card-menu-options.js";
+import j from "./card-menu-options.js";
 import he from "./node-progress.js";
-import { CardContainer as me, CardWrapper as fe, IconWrapper as pe, BannerImageWrapper as we, BannerImage as $e, HeaderText as be, SubHeaderText as ge, CardMenuOptionsWrapper as K, MenuWrapper as Ce, CardKebabMenuWrapper as ke, StyledMinus2Icon as Te } from "./styles.js";
+import { CardContainer as me, CardWrapper as fe, IconWrapper as pe, BannerImageWrapper as we, BannerImage as ge, HeaderText as $e, SubHeaderText as be, MenuWrapper as Ce, CardKebabMenuWrapper as ke, StyledMinus2Icon as Te } from "./styles.js";
 const _e = ({
-  header: E,
+  header: x,
   nodeData: r,
-  subHeader: L,
-  userType: P,
+  subHeader: G,
+  userType: K,
   userMilestoneId: t,
   onNodeUnassign: c,
   onNodeReattempt: a,
   onNodeView: h,
   onNodeReview: i,
   onNodeAttempt: m,
-  renderAs: z
+  renderAs: L,
+  shouldOpenOnRight: z
 }) => {
-  const s = z === "homework", {
+  const s = L === "homework", {
     node_type: f,
     state: F,
-    accuracy: q,
+    accuracy: P,
     due_date_ts: p,
-    image_url: I,
-    image_hue: H,
-    card_header: J = "",
-    permissions: Q,
+    image_url: E,
+    image_hue: I,
+    card_header: q = "",
+    permissions: J,
     user_node_id: l,
-    unlocked_on_ts: W
-  } = r, Y = se(f), O = le(f), w = y(null), $ = y(null), o = y(null), { menuVisible: b, onMenuClick: Z } = j(w), { menuVisible: R, onMenuClick: S } = j($), [U, D] = ie(!1), {
-    can_start: X,
-    can_resume: A,
-    can_review: g,
-    can_teacher_review: C,
+    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), {
+    can_start: W,
+    can_resume: S,
+    can_review: $,
+    can_teacher_review: X,
     can_unassign: N,
-    can_reset: k
-  } = Q, T = P === "STUDENT";
+    can_reset: b
+  } = J, C = K === "STUDENT";
   ne(() => {
-    o.current && o.current.scrollHeight > o.current.clientHeight && D(!0);
-  }, [o]);
-  const _ = x(() => {
-    if (X || A) {
+    n.current && n.current.scrollHeight > n.current.clientHeight && D(!0);
+  }, [n]);
+  const k = y(() => {
+    if (W || S) {
       if (typeof m != "function")
         throw new Error("onNodeAttempt must be a function");
       m(r);
       return;
     }
-    if (k && !s) {
-      S();
+    if (b && !s) {
+      R();
       return;
     }
-    if (g) {
+    if ($) {
       if (typeof i != "function")
         throw new Error("onReview must be a function");
       if (!l)
@@ -69,37 +70,37 @@ const _e = ({
       return;
     }
   }, [
-    X,
-    A,
-    k,
+    W,
+    S,
+    b,
     s,
-    g,
+    $,
     m,
     r,
-    S,
+    R,
     i,
     l,
     t
-  ]), v = x(() => {
-    if (C) {
+  ]), T = y(() => {
+    if (X) {
       if (typeof i != "function")
-        throw new Error("onReview must be a function");
+        throw new Error("onNodeReview must be a function");
       if (!l)
         throw new Error("user node id must be present to review the sheet");
       i(r, t);
       return;
     }
     if (typeof h != "function")
-      throw new Error("onPreview must be a function");
+      throw new Error("onNodeView must be a function");
     h(r, t);
-  }, [C, t, r, i, h, l]), u = x(
-    (B) => {
-      switch (B) {
+  }, [X, t, r, i, h, l]), u = y(
+    (A) => {
+      switch (A) {
         case "teacher-card-view":
-          v();
+          T();
           return;
         case "student-card-click":
-          _();
+          k();
           return;
         case "teacher-card-unassign":
           c == null || c(r, t);
@@ -108,15 +109,15 @@ const _e = ({
           a == null || a(r, t);
           return;
         default:
-          throw new Error(`No callback function for ${B}`);
+          throw new Error(`No callback function for ${A}`);
       }
     },
-    [r, a, c, _, v, t]
+    [r, a, c, k, T, t]
   ), ee = [
     {
       id: "teacher-card-view",
       label: "View",
-      icon: M,
+      icon: V,
       disabled: !1,
       onClick: u
     },
@@ -131,142 +132,141 @@ const _e = ({
     {
       id: "student-card-click",
       label: "Review",
-      icon: M,
-      disabled: !g,
+      icon: V,
+      disabled: !$,
       onClick: u
     },
     {
       id: "student-card-reattempt",
       label: "Reattempt",
       icon: ce,
-      disabled: !k,
+      disabled: !b,
       onClick: u
     }
   ];
-  return /* @__PURE__ */ n(me, { $position: "relative", $width: "fit-content", children: [
-    /* @__PURE__ */ n(ue, { onClick: T ? _ : v, label: "homework-card", children: [
-      /* @__PURE__ */ n(
-        d,
-        {
-          ref: $,
-          $widthX: 12.38,
-          $position: "relative",
-          $background: `${H || "ORANGE"}_2`,
-          children: [
-            /* @__PURE__ */ n(
-              fe,
-              {
-                $flexDirection: "row",
-                $alignItems: "center",
-                $width: "100%",
-                $heightX: 3.5,
-                $bgImage: Y,
-                $gutterX: 0.78125,
-                $flexGap: 8.5,
-                $position: "relative",
-                children: [
-                  /* @__PURE__ */ e(
-                    pe,
-                    {
-                      $width: 31,
-                      $height: 31,
-                      $borderRadiusX: 2,
-                      $background: "WHITE_1",
-                      $position: "relative",
-                      $alignItems: "center",
-                      $justifyContent: "center",
-                      children: O && /* @__PURE__ */ e(O, { width: 20, height: 20 })
-                    }
-                  ),
-                  /* @__PURE__ */ e(de, { $renderAs: "ac4-black", children: J }),
-                  !!I && /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e($e, { src: I, alt: "Chapter image" }) })
-                ]
-              }
-            ),
+  return /* @__PURE__ */ o(me, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ e(ue, { onClick: C ? k : T, label: "homework-card", children: /* @__PURE__ */ o(
+      d,
+      {
+        ref: g,
+        $widthX: 12.38,
+        $position: "relative",
+        $background: `${I || "ORANGE"}_2`,
+        children: [
+          /* @__PURE__ */ o(
+            fe,
+            {
+              $flexDirection: "row",
+              $alignItems: "center",
+              $width: "100%",
+              $heightX: 3.5,
+              $bgImage: Q,
+              $gutterX: 0.78125,
+              $flexGap: 8.5,
+              $position: "relative",
+              children: [
+                /* @__PURE__ */ e(
+                  pe,
+                  {
+                    $width: 31,
+                    $height: 31,
+                    $borderRadiusX: 2,
+                    $background: "WHITE_1",
+                    $position: "relative",
+                    $alignItems: "center",
+                    $justifyContent: "center",
+                    children: H && /* @__PURE__ */ e(H, { width: 20, height: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(de, { $renderAs: "ac4-black", children: q }),
+                !!E && /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(ge, { src: E, alt: "Chapter image" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              nodeType: f,
+              state: F,
+              accuracy: P,
+              dueDateTs: p
+            }
+          ),
+          p && v && /* @__PURE__ */ e(
+            he,
+            {
+              dueDate: p * 1e3,
+              unlockedOn: v * 1e3,
+              progressBg: `${I || "ORANGE"}_4`
+            }
+          ),
+          /* @__PURE__ */ o(d, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
             /* @__PURE__ */ e(
-              ae,
+              B,
               {
-                nodeType: f,
-                state: F,
-                accuracy: q,
-                dueDateTs: p
+                renderAs: "primary",
+                position: "bottom",
+                tooltipItem: x,
+                hidden: !U,
+                parentWidth: "auto",
+                children: /* @__PURE__ */ e(d, { $heightX: 2.5, children: /* @__PURE__ */ e($e, { ref: n, $renderAs: "ab3", children: x }) })
               }
             ),
-            p && W && /* @__PURE__ */ e(
-              he,
+            /* @__PURE__ */ e(
+              d,
               {
-                dueDate: p * 1e3,
-                unlockedOn: W * 1e3,
-                progressBg: `${H || "ORANGE"}_4`
+                $flexDirection: "row",
+                $heightX: 1.25,
+                $alignItems: "center",
+                $justifyContent: "space-between",
+                children: /* @__PURE__ */ e(be, { $renderAs: "ub3", $color: "BLACK_T_60", children: G })
               }
-            ),
-            /* @__PURE__ */ n(d, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
-              /* @__PURE__ */ e(
-                V,
-                {
-                  renderAs: "primary",
-                  position: "bottom",
-                  tooltipItem: E,
-                  hidden: !U,
-                  parentWidth: "auto",
-                  children: /* @__PURE__ */ e(d, { $heightX: 2.5, children: /* @__PURE__ */ e(be, { ref: o, $renderAs: "ab3", children: E }) })
-                }
-              ),
-              /* @__PURE__ */ e(
-                d,
-                {
-                  $flexDirection: "row",
-                  $heightX: 1.25,
-                  $alignItems: "center",
-                  $justifyContent: "space-between",
-                  children: /* @__PURE__ */ e(ge, { $renderAs: "ub3", $color: "BLACK_T_60", children: L })
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      T && !s && /* @__PURE__ */ e(K, { $visible: R, children: /* @__PURE__ */ e(
-        G,
-        {
-          $width: 200,
-          options: re,
-          triggerRef: $,
-          visible: R
-        }
-      ) })
-    ] }),
-    !T && /* @__PURE__ */ n(Ce, { $position: "absolute", $width: "fit-content", children: [
+            )
+          ] })
+        ]
+      }
+    ) }),
+    C && !s && /* @__PURE__ */ e(
+      j,
+      {
+        $width: 200,
+        options: re,
+        triggerRef: g,
+        visible: Z,
+        shouldOpenOnRight: !1
+      }
+    ),
+    !C && /* @__PURE__ */ o(Ce, { $position: "absolute", $width: "fit-content", children: [
       /* @__PURE__ */ e(
-        V,
+        B,
         {
           renderAs: "primary",
           tooltipItem: "Review",
           position: "bottom",
           zIndex: 5,
           parentWidth: "100%",
-          hidden: !s || !C || b,
+          hidden: !s || O,
           children: /* @__PURE__ */ e(
             ke,
             {
               $alignItems: "center",
               $justifyContent: "center",
               ref: w,
-              onClick: Z,
+              onClick: Y,
               children: /* @__PURE__ */ e(oe, { width: 16, height: 16 })
             }
           )
         }
       ),
-      /* @__PURE__ */ e(K, { $visible: b, children: /* @__PURE__ */ e(
-        G,
+      /* @__PURE__ */ e(
+        j,
         {
-          $width: "fit-content",
           options: ee,
           triggerRef: w,
-          visible: b
+          visible: O,
+          shouldOpenOnRight: z
         }
-      ) })
+      )
     ] })
   ] });
 }, Ge = te(_e);

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}\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}: 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\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('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        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        {isStudent && !isHomeWork && (\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            renderAs=\"primary\"\n            tooltipItem=\"Review\"\n            position=\"bottom\"\n            zIndex={5}\n            parentWidth=\"100%\"\n            hidden={!isHomeWork || !canTeacherReview || 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          <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    </Styled.CardContainer>\n  );\n};\n\nexport default memo(HomeworkCard);\n"],"names":["HomeworkCard","header","nodeData","subHeader","userType","userMilestoneId","onNodeUnassign","onNodeReattempt","onNodeView","onNodeReview","onNodeAttempt","renderAs","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","jsxs","Clickable","FlexView","Styled.CardWrapper","jsx","Styled.IconWrapper","Text","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","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 { 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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"}

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

@@ -1,7 +1,7 @@
 import { createGetAPI as r } from "@cuemath/rest-api";
 import { BASE_URL_V3 as t } from "../../../../constants/api.js";
 const { useGet: i, invalidate: u } = r({
-  getURL: (e, s, { stream: o }) => `${t}/users/${e}/course-streams/${o}/homeworks/ `
+  getURL: (e, s, { stream: o }) => `${t}/users/${e}/course-streams/${o}/homework`
 });
 export {
   u as invalidateHomeworks,

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}/homeworks/ `,\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\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;"}

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

@@ -0,0 +1,34 @@
+import t from "styled-components";
+import e from "../../ui/layout/flex-view.js";
+const n = t(e)`
+  overflow-x: hidden;
+  overflow-y: visible;
+  padding: 16px 0px 92px 0px;
+  margin-bottom: -92px;
+  margin-top: -16px;
+`, p = t(e)`
+  right: ${({ right: o }) => o};
+  left: ${({ left: o }) => o};
+  width: 32px;
+  cursor: pointer;
+  transition: opacity 0.3s ease-in-out;
+  opacity: ${({ $visible: o }) => o ? 1 : 0};
+  pointer-events: ${({ $visible: o }) => o ? "auto" : "none"};
+  z-index: 10;
+  path {
+    fill: ${({ theme: o }) => o.colors.WHITE};
+  }
+`, l = t(e)`
+  cursor: pointer;
+  height: 100%;
+  right: ${({ right: o }) => o};
+  left: ${({ left: o }) => o};
+  pointer-events: all;
+  z-index: 5;
+`;
+export {
+  l as HoverZone,
+  p as ScrollButton,
+  n as ScrollContainer
+};
+//# sourceMappingURL=hw-card-list-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hw-card-list-styled.js","sources":["../../../../src/features/homework/hw-card-list/hw-card-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const ScrollContainer = styled(FlexView)`\n  overflow-x: hidden;\n  overflow-y: visible;\n  padding: 16px 0px 92px 0px;\n  margin-bottom: -92px;\n  margin-top: -16px;\n`;\n\nexport const ScrollButton = styled(FlexView)<{ $visible: boolean; right: string; left: string }>`\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  width: 32px;\n  cursor: pointer;\n  transition: opacity 0.3s ease-in-out;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  z-index: 10;\n  path {\n    fill: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HoverZone = styled(FlexView)<{ right: string; left: string }>`\n  cursor: pointer;\n  height: 100%;\n  right: ${({ right }) => right};\n  left: ${({ left }) => left};\n  pointer-events: all;\n  z-index: 5;\n`;\n"],"names":["ScrollContainer","styled","FlexView","ScrollButton","right","left","$visible","theme","HoverZone"],"mappings":";;AAIa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeF,EAAOC,CAAQ;AAAA,WAChC,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA,aAIf,CAAC,EAAE,UAAAC,EAAA,MAAgBA,IAAW,IAAI,CAAE;AAAA,oBAC7B,CAAC,EAAE,UAAAA,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,YAGtD,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIhCC,IAAYP,EAAOC,CAAQ;AAAA;AAAA;AAAA,WAG7B,CAAC,EAAE,OAAAE,EAAM,MAAMA,CAAK;AAAA,UACrB,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;"}