@cuemath/leap 2.8.61-as1 → 2.8.61-as11

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

@@ -1,23 +1,38 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { memo as p } from "react";
-import c from "../ui/buttons/clickable/clickable.js";
-import { CardOptions as m, CardOptionWrapper as u, OptionText as d } from "./styles.js";
-const g = p(({ options: n }) => n.length === 0 ? null : /* @__PURE__ */ r(m, { $background: "BLACK_2", $borderColor: "WHITE_T_38", $gapX: 0.5, children: n.map(({ icon: o, label: t, id: e, onClick: l, visible: i }) => i ? /* @__PURE__ */ r(c, { onClick: () => l(e), label: e, children: /* @__PURE__ */ a(
-  u,
-  {
-    $flexDirection: "row",
-    $alignItems: "center",
-    $flexGap: 8,
-    $gapX: 0.5,
-    $gutterX: 1,
-    children: [
-      /* @__PURE__ */ r(o, { width: 20, height: 20 }),
-      /* @__PURE__ */ r(d, { $renderAs: "ub3", $color: "WHITE", children: t })
-    ]
-  },
-  e
-) }) : null) }));
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { memo as m } from "react";
+import u from "../ui/buttons/clickable/clickable.js";
+import { CardMenuOptionsWrapper as h, CardOptionWrapper as s, OptionText as d } from "./styles.js";
+const b = m(
+  ({ options: t, shouldOpenOnRight: i, visible: n, $width: l }) => n ? /* @__PURE__ */ o(
+    h,
+    {
+      $visible: n,
+      $background: "BLACK_2",
+      $borderColor: "WHITE_T_38",
+      $gapX: 0.5,
+      $width: l,
+      $shouldopenonright: i,
+      children: t.map(({ icon: p, label: a, id: r, onClick: $, disabled: e }) => /* @__PURE__ */ o(u, { onClick: () => e ? null : $(r), label: r, children: /* @__PURE__ */ c(
+        s,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $flexGap: 8,
+          $gapX: 0.5,
+          $gutterX: 1,
+          $opacity: e ? 0.5 : 1,
+          $disabled: e,
+          children: [
+            /* @__PURE__ */ o(p, { width: 20, height: 20 }),
+            /* @__PURE__ */ o(d, { $renderAs: "ub3", $color: "WHITE", children: a })
+          ]
+        },
+        r
+      ) }, r))
+    }
+  ) : null
+);
 export {
-  g as default
+  b as default
 };
 //# sourceMappingURL=card-menu-options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  visible: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  options: ICardMenuOption[];\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(({ options }) => {\n  if (options.length === 0) return null;\n\n  return (\n    <Styled.CardOptions $background=\"BLACK_2\" $borderColor=\"WHITE_T_38\" $gapX={0.5}>\n      {options.map(({ icon: OptionIcon, label, id, onClick, visible }) => {\n        if (!visible) return null;\n\n        return (\n          <Clickable onClick={() => onClick(id)} label={id}>\n            <Styled.CardOptionWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n            >\n              <OptionIcon width={20} height={20} />\n              <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                {label}\n              </Styled.OptionText>\n            </Styled.CardOptionWrapper>\n          </Clickable>\n        );\n      })}\n    </Styled.CardOptions>\n  );\n});\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","jsx","Styled.CardOptions","OptionIcon","label","id","onClick","visible","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAmBA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,SAAAC,QACrDA,EAAQ,WAAW,IAAU,OAG/B,gBAAAC,EAACC,GAAA,EAAmB,aAAY,WAAU,cAAa,cAAa,OAAO,KACxE,YAAQ,IAAI,CAAC,EAAE,MAAMC,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,SAAAC,QAC/CA,IAGH,gBAAAN,EAACO,KAAU,SAAS,MAAMF,EAAQD,CAAE,GAAG,OAAOA,GAC5C,UAAA,gBAAAI;AAAA,EAACC;AAAAA,EAAA;AAAA,IAEC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAT,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,MACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAVKC;AAYT,EAAA,CAAA,IAjBmB,IAmBtB,EACH,CAAA,CAEH;"}
+{"version":3,"file":"card-menu-options.js","sources":["../../../src/features/homework/card-menu-options.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nimport { memo } from 'react';\n\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport * as Styled from './styles';\n\ninterface ICardMenuOption {\n  id: string;\n  label: string;\n  icon: FC<SVGProps<SVGSVGElement>>;\n  onClick: (id: string) => void;\n  disabled: boolean;\n}\n\ninterface ICardMenuOptionsProps {\n  $width?: string | number;\n  options: ICardMenuOption[];\n  triggerRef: React.RefObject<HTMLElement>;\n  visible: boolean;\n  shouldOpenOnRight: boolean;\n}\n\nconst CardMenuOptions: FC<ICardMenuOptionsProps> = memo(\n  ({ options, shouldOpenOnRight, visible, $width }) => {\n    if (!visible) return null;\n\n    return (\n      <Styled.CardMenuOptionsWrapper\n        $visible={visible}\n        $background=\"BLACK_2\"\n        $borderColor=\"WHITE_T_38\"\n        $gapX={0.5}\n        $width={$width}\n        $shouldopenonright={shouldOpenOnRight}\n      >\n        {options.map(({ icon: OptionIcon, label, id, onClick, disabled }) => (\n          <Clickable onClick={() => (!disabled ? onClick(id) : null)} label={id} key={id}>\n            <Styled.CardOptionWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $flexGap={8}\n              $gapX={0.5}\n              $gutterX={1}\n              $opacity={disabled ? 0.5 : 1}\n              $disabled={disabled}\n              key={id}\n            >\n              <OptionIcon width={20} height={20} />\n              <Styled.OptionText $renderAs=\"ub3\" $color=\"WHITE\">\n                {label}\n              </Styled.OptionText>\n            </Styled.CardOptionWrapper>\n          </Clickable>\n        ))}\n      </Styled.CardMenuOptionsWrapper>\n    );\n  },\n);\n\nexport default CardMenuOptions;\n"],"names":["CardMenuOptions","memo","options","shouldOpenOnRight","visible","$width","jsx","Styled.CardMenuOptionsWrapper","OptionIcon","label","id","onClick","disabled","Clickable","jsxs","Styled.CardOptionWrapper","Styled.OptionText"],"mappings":";;;;AAuBA,MAAMA,IAA6CC;AAAA,EACjD,CAAC,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,SAAAC,GAAS,QAAAC,QACjCD,IAGH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAUH;AAAA,MACV,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,OAAO;AAAA,MACP,QAAAC;AAAA,MACA,oBAAoBF;AAAA,MAEnB,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAMM,GAAY,OAAAC,GAAO,IAAAC,GAAI,SAAAC,GAAS,UAAAC,0BACnDC,GAAU,EAAA,SAAS,MAAQD,IAAyB,OAAdD,EAAQD,CAAE,GAAW,OAAOA,GACjE,UAAA,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAUH,IAAW,MAAM;AAAA,UAC3B,WAAWA;AAAA,UAGX,UAAA;AAAA,YAAA,gBAAAN,EAACE,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,YACnC,gBAAAF,EAACU,GAAA,EAAkB,WAAU,OAAM,QAAO,SACvC,UACHP,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QALKC;AAAA,MAAA,EAMP,GAf0EA,CAgB5E,CACD;AAAA,IAAA;AAAA,EAAA,IA7BgB;AAiCzB;"}

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

@@ -1,209 +1,289 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { memo as P, useRef as x, useState as q, useLayoutEffect as J, useCallback as f } from "react";
-import Q from "../../assets/line-icons/icons/eye2.js";
-import Y from "../../assets/line-icons/icons/more-vertical.js";
-import Z from "../../assets/line-icons/icons/redo.js";
-import U 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 s 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 oe, IconWrapper as ce, BannerImageWrapper as ae, BannerImage as le, HeaderText as se, SubHeaderText as ue, CardKebabMenuWrapper as me, CardMenuOptionsWrapper as he, StyledMinus2Icon as pe } from "./styles.js";
-const fe = ({
-  header: d,
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { memo as ne, useRef as I, useState as oe, useLayoutEffect as ce, useCallback as y } from "react";
+import M from "../../assets/line-icons/icons/eye2.js";
+import ae from "../../assets/line-icons/icons/more-vertical.js";
+import se from "../../assets/line-icons/icons/redo.js";
+import le from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as de } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as ue } from "../chapters-v2/utils/node-card-utils.js";
+import j from "../ui/arrow-tooltip/arrow-tooltip.js";
+import he from "../ui/buttons/clickable/clickable.js";
+import G from "../ui/hooks/use-context-menu-click-handler.js";
+import o from "../ui/layout/flex-view.js";
+import E from "../ui/text/text.js";
+import K from "./card-menu-options.js";
+import me from "./node-progress.js";
+import { CardContainer as fe, CardWrapper as pe, IconWrapper as $e, BannerImageWrapper as we, BannerImage as be, HeaderText as ge, SubHeaderText as Ce, MenuWrapper as ke, CardKebabMenuWrapper as _e, StyledMinus2Icon as Te } from "./styles.js";
+const Ie = ({
+  header: x,
   nodeData: r,
-  subHeader: I,
-  userType: H,
+  subHeader: L,
+  userType: z,
   userMilestoneId: t,
-  onNodeUnassign: c,
-  onNodeReset: a,
-  onNodeView: u,
+  onNodeUnassign: s,
+  onNodeReattempt: l,
+  onNodeView: m,
   onNodeReview: i,
-  onNodeAttempt: m
+  onNodeAttempt: f,
+  renderAs: P,
+  shouldOpenOnRight: F
 }) => {
-  const {
-    node_type: h,
-    state: X,
-    accuracy: S,
-    due_date_ts: W,
-    image_url: w,
-    image_hue: A,
-    card_header: B = "",
-    permissions: O,
-    user_node_id: l
-  } = r, R = D(h), $ = N(h), b = x(null), n = x(null), { menuVisible: j, onMenuClick: V } = re(b), [G, K] = q(!1), {
-    can_start: g,
-    can_resume: C,
-    can_review: T,
-    can_teacher_review: _,
-    can_unassign: L,
-    can_reset: z
-  } = O, k = H === "STUDENT";
-  J(() => {
-    n.current && n.current.scrollHeight > n.current.clientHeight && K(!0);
-  }, [n]);
-  const F = f(() => {
-    if (g || C) {
-      if (typeof m != "function")
+  const c = P === "homework", {
+    node_type: d,
+    state: Y,
+    accuracy: q,
+    due_date_ts: p,
+    image_url: v,
+    image_hue: H,
+    card_header: J = "",
+    permissions: Q,
+    user_node_id: u,
+    unlocked_on_ts: R,
+    user_milestone_id: $
+  } = r, Z = de(d), A = ue(d), w = I(null), b = I(null), a = I(null), { menuVisible: O, onMenuClick: U } = G(w), { menuVisible: D, onMenuClick: S } = G(b), [N, ee] = oe(!1), {
+    can_start: W,
+    can_resume: X,
+    can_review: g,
+    can_teacher_review: B,
+    can_unassign: re,
+    can_reset: C
+  } = Q, k = z === "STUDENT";
+  ce(() => {
+    a.current && a.current.scrollHeight > a.current.clientHeight && ee(!0);
+  }, [a]);
+  const _ = y(() => {
+    if (W || X) {
+      if (typeof f != "function")
         throw new Error("onNodeAttempt must be a function");
-      m(r);
+      f(r);
       return;
     }
-    if (T) {
+    if (C && !c) {
+      S();
+      return;
+    }
+    if (g) {
       if (typeof i != "function")
         throw new Error("onReview must be a function");
-      if (!l)
+      if (!u)
         throw new Error("user node id must be present to review the sheet");
       i(r, t);
       return;
     }
   }, [
+    W,
+    X,
     C,
-    T,
+    c,
     g,
-    t,
+    f,
     r,
-    m,
+    S,
     i,
-    l
-  ]), v = f(() => {
-    if (_) {
+    u,
+    t
+  ]), T = y(() => {
+    if (B) {
       if (typeof i != "function")
-        throw new Error("onReview must be a function");
-      if (!l)
+        throw new Error("onNodeReview must be a function");
+      if (!u)
         throw new Error("user node id must be present to review the sheet");
-      i(r, t);
+      i(r, t || $);
       return;
     }
-    if (typeof u != "function")
-      throw new Error("onPreview must be a function");
-    u(r, t);
-  }, [_, t, r, i, u, l]), p = f(
-    (y) => {
-      switch (y) {
-        case "card-view":
-          v();
+    if (typeof m != "function")
+      throw new Error("onNodeView must be a function");
+    m(r, t || $);
+  }, [
+    B,
+    t,
+    r,
+    i,
+    $,
+    m,
+    u
+  ]), h = y(
+    (V) => {
+      switch (V) {
+        case "teacher-card-view":
+          T();
+          return;
+        case "student-card-click":
+          _();
           return;
-        case "card-unassign":
-          c == null || c(r, t);
+        case "teacher-card-unassign":
+          s == null || s(r, t);
           return;
-        case "card-reset":
-          a == null || a(r, t);
+        case "student-card-reattempt":
+          l == null || l(r, t);
           return;
         default:
-          throw new Error(`No callback function for ${y}`);
+          throw new Error(`No callback function for ${V}`);
       }
     },
-    [r, a, c, v, t]
-  ), M = [
+    [r, l, s, _, T, t]
+  ), te = [
     {
-      id: "card-view",
+      id: "teacher-card-view",
       label: "View",
-      icon: Q,
-      visible: !0,
-      onClick: p
+      icon: M,
+      disabled: !1,
+      onClick: h
     },
     {
-      id: "card-unassign",
+      id: "teacher-card-unassign",
       label: "Unassign",
-      icon: pe,
-      visible: !!L,
-      onClick: p
+      icon: Te,
+      disabled: c ? !1 : !re,
+      onClick: h
+    }
+  ], ie = [
+    {
+      id: "student-card-click",
+      label: "Review",
+      icon: M,
+      disabled: !g,
+      onClick: h
     },
     {
-      id: "card-reset",
-      label: "Reset",
-      icon: Z,
-      visible: !!z,
-      onClick: p
+      id: "student-card-reattempt",
+      label: "Reattempt",
+      icon: se,
+      disabled: !C,
+      onClick: h
     }
   ];
-  return /* @__PURE__ */ e(ee, { onClick: k ? F : void 0, label: "homework-card", children: /* @__PURE__ */ o(
-    ne,
-    {
-      $widthX: 12.5,
-      $position: "relative",
-      $background: `${A || "ORANGE"}_2`,
-      children: [
-        /* @__PURE__ */ o(
-          oe,
-          {
-            $flexDirection: "row",
-            $alignItems: "center",
-            $width: "100%",
-            $heightX: 3.5,
-            $bgImage: R,
-            $gutterX: 0.78125,
-            $flexGap: 8.5,
-            $position: "relative",
-            children: [
-              /* @__PURE__ */ e(
-                ce,
-                {
-                  $width: 31,
-                  $height: 31,
-                  $borderRadiusX: 2,
-                  $background: "WHITE_1",
-                  $position: "relative",
-                  $alignItems: "center",
-                  $justifyContent: "center",
-                  children: $ && /* @__PURE__ */ e($, { width: 20, height: 20 })
-                }
-              ),
-              /* @__PURE__ */ e(te, { $renderAs: "ac4-black", children: B }),
-              !!w && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(le, { src: w, alt: "Chapter image" }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(U, { nodeType: h, state: X, accuracy: S, dueDateTs: W }),
-        /* @__PURE__ */ o(s, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+  return /* @__PURE__ */ n(fe, { $position: "relative", $width: "fit-content", children: [
+    /* @__PURE__ */ e(he, { onClick: k ? _ : T, label: "homework-card", children: /* @__PURE__ */ n(
+      o,
+      {
+        ref: b,
+        $widthX: 12.38,
+        $position: "relative",
+        $background: `${H || "ORANGE"}_2`,
+        children: [
+          /* @__PURE__ */ n(
+            pe,
+            {
+              $flexDirection: "row",
+              $alignItems: "center",
+              $width: "100%",
+              $heightX: 3.5,
+              $bgImage: Z,
+              $gutterX: 0.78125,
+              $flexGap: 8.5,
+              $position: "relative",
+              children: [
+                /* @__PURE__ */ e(
+                  $e,
+                  {
+                    $width: 31,
+                    $height: 31,
+                    $borderRadiusX: 2,
+                    $background: "WHITE_1",
+                    $position: "relative",
+                    $alignItems: "center",
+                    $justifyContent: "center",
+                    children: A && /* @__PURE__ */ e(A, { width: 20, height: 20 })
+                  }
+                ),
+                d === "MASTERY" ? /* @__PURE__ */ n(o, { children: [
+                  /* @__PURE__ */ e(o, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ e(E, { $color: "WHITE", $renderAs: "ac4-black", children: "Smart" }) }),
+                  /* @__PURE__ */ e(E, { $renderAs: "ac4-black", children: "Practice" })
+                ] }) : /* @__PURE__ */ e(E, { $renderAs: "ac4-black", children: J }),
+                !!v && /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(be, { src: v, alt: "Chapter image" }) })
+              ]
+            }
+          ),
           /* @__PURE__ */ e(
-            E,
+            le,
             {
-              renderAs: "primary",
-              position: "bottom",
-              tooltipItem: d,
-              hidden: !G,
-              widthX: 21.75,
-              children: /* @__PURE__ */ e(s, { $heightX: 2.5, children: /* @__PURE__ */ e(se, { ref: n, $renderAs: "ab3", children: d }) })
+              nodeType: d,
+              state: Y,
+              accuracy: q,
+              dueDateTs: p
             }
           ),
-          /* @__PURE__ */ o(
-            s,
+          p && R && /* @__PURE__ */ e(
+            me,
+            {
+              dueDate: p * 1e3,
+              unlockedOn: R * 1e3,
+              progressBg: `${H || "ORANGE"}_4`
+            }
+          ),
+          /* @__PURE__ */ n(o, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+            /* @__PURE__ */ e(
+              j,
+              {
+                renderAs: "primary",
+                position: "bottom",
+                tooltipItem: x,
+                hidden: !N,
+                parentWidth: "auto",
+                zIndex: 2,
+                children: /* @__PURE__ */ e(o, { $heightX: 2.5, children: /* @__PURE__ */ e(ge, { ref: a, $renderAs: "ab3", children: x }) })
+              }
+            ),
+            /* @__PURE__ */ e(
+              o,
+              {
+                $flexDirection: "row",
+                $heightX: 1.25,
+                $alignItems: "center",
+                $justifyContent: "space-between",
+                children: /* @__PURE__ */ e(Ce, { $renderAs: "ub3", $color: "BLACK_T_60", children: L })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    k && !c && /* @__PURE__ */ e(
+      K,
+      {
+        $width: 200,
+        options: ie,
+        triggerRef: b,
+        visible: D,
+        shouldOpenOnRight: !1
+      }
+    ),
+    !k && /* @__PURE__ */ n(ke, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+      /* @__PURE__ */ e(
+        j,
+        {
+          renderAs: "primary",
+          tooltipItem: "Review",
+          position: "bottom",
+          zIndex: 5,
+          parentWidth: "100%",
+          hidden: !c || O,
+          children: /* @__PURE__ */ e(
+            _e,
             {
-              $flexDirection: "row",
-              $heightX: 1.25,
               $alignItems: "center",
-              $justifyContent: "space-between",
-              children: [
-                /* @__PURE__ */ e(ue, { $renderAs: "ub3", $color: "BLACK_T_60", children: I }),
-                !k && /* @__PURE__ */ o(s, { $position: "relative", $width: "fit-content", children: [
-                  /* @__PURE__ */ e(
-                    E,
-                    {
-                      renderAs: "primary",
-                      tooltipItem: "Review",
-                      position: "bottom",
-                      zIndex: 5,
-                      parentWidth: "100%",
-                      children: /* @__PURE__ */ e(me, { ref: b, onClick: V, children: /* @__PURE__ */ e(Y, { width: 16, height: 16 }) })
-                    }
-                  ),
-                  /* @__PURE__ */ e(he, { $visible: j, children: /* @__PURE__ */ e(ie, { options: M }) })
-                ] })
-              ]
+              $justifyContent: "center",
+              ref: w,
+              onClick: U,
+              children: /* @__PURE__ */ e(ae, { width: 16, height: 16 })
             }
           )
-        ] })
-      ]
-    }
-  ) });
-}, Xe = P(fe);
+        }
+      ),
+      /* @__PURE__ */ e(
+        K,
+        {
+          options: te,
+          triggerRef: w,
+          visible: O,
+          shouldOpenOnRight: F
+        }
+      )
+    ] })
+  ] });
+}, Ke = ne(Ie);
 export {
-  Xe as default
+  Ke 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';\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: '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 = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\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    canResume,\n    canReview,\n    canStart,\n    userMilestoneId,\n    nodeData,\n    onNodeAttempt,\n    onNodeReview,\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 = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'card-view':\n          onTeacherView();\n\n          return;\n        case 'card-unassign':\n          onNodeUnassign?.(nodeData, userMilestoneId);\n\n          return;\n        case 'card-reset':\n          onNodeReset?.(nodeData, userMilestoneId);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReset, onNodeUnassign, onTeacherView, userMilestoneId],\n  );\n\n  const menuOptions = [\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  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 && (\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 memo(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","titleTextRef","menuVisible","onMenuClick","useContextMenuClickHandler","showTitleTooltip","setShowTitleTooltip","useState","canStart","canResume","canReview","canTeacherReview","canUnassign","canReset","isStudent","useLayoutEffect","onStudentView","useCallback","onTeacherView","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Styled.StyledMinus2Icon","RedoIcon","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","HomeworkCard$1","memo"],"mappings":"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"}
+{"version":3,"file":"homework-card.js","sources":["../../../src/features/homework/homework-card.tsx"],"sourcesContent":["import type {\n  INodeCardCallbacks,\n  INodeDataProps,\n} from '../chapters-v2/comps/node-card/node-card-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport Eye2Icon from '../../assets/line-icons/icons/eye2';\nimport MoreVerticalIcon from '../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../assets/line-icons/icons/redo';\nimport NodeCardTags from '../chapters-v2/comps/node-card/node-card-tags';\nimport { getNodeTypeBasedBgImage } from '../chapters-v2/utils';\nimport { getNodeCardBasedIcon } from '../chapters-v2/utils/node-card-utils';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport CardMenuOptions from './card-menu-options';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardProps extends INodeCardCallbacks {\n  header: string;\n  nodeData: INodeDataProps | IHomeworkData;\n  subHeader: string;\n  userType: TUserTypes;\n  userMilestoneId?: string;\n  renderAs: 'homework' | 'milestone';\n  shouldOpenOnRight: boolean;\n}\n\nconst HomeworkCard = ({\n  header,\n  nodeData,\n  subHeader,\n  userType,\n  userMilestoneId,\n  onNodeUnassign,\n  onNodeReattempt,\n  onNodeView,\n  onNodeReview,\n  onNodeAttempt,\n  renderAs,\n  shouldOpenOnRight,\n}: IHomeworkCardProps) => {\n  const isHomeWork = renderAs === 'homework';\n  const {\n    node_type: nodeType,\n    state,\n    accuracy,\n    due_date_ts: dueDateTs,\n    image_url: imageUrl,\n    image_hue: imageHue,\n    card_header: cardHeader = '',\n    permissions,\n    user_node_id: userNodeId,\n    unlocked_on_ts: unlockedOnTs,\n    user_milestone_id: milestoneId,\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 || milestoneId);\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 || milestoneId);\n  }, [\n    canTeacherReview,\n    userMilestoneId,\n    nodeData,\n    onNodeReview,\n    milestoneId,\n    onNodeView,\n    userNodeId,\n  ]);\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: isHomeWork ? false : !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            {nodeType === 'MASTERY' ? (\n              <FlexView>\n                <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n                  <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n                    Smart\n                  </Text>\n                </FlexView>\n                <Text $renderAs=\"ac4-black\">Practice</Text>\n              </FlexView>\n            ) : (\n              <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n            )}\n\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              zIndex={2}\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\" $borderRadiusX={2}>\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","milestoneId","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":";;;;;;;;;;;;;;;;AAkCA,MAAMA,KAAe,CAAC;AAAA,EACpB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAaF,MAAa,YAC1B;AAAA,IACJ,WAAWG;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,aAAaC,IAAa;AAAA,IAC1B,aAAAC;AAAA,IACA,cAAcC;AAAA,IACd,gBAAgBC;AAAA,IAChB,mBAAmBC;AAAA,EACjB,IAAAtB,GACEuB,IAAUC,GAAwBZ,CAAQ,GAC1Ca,IAAeC,GAAqBd,CAAQ,GAC5Ce,IAAsBC,EAAuB,IAAI,GACjDC,IAAsBD,EAAuB,IAAI,GACjDE,IAAeF,EAAuB,IAAI,GAC1C,EAAE,aAAaG,GAAoB,aAAaC,MACpDC,EAA2BN,CAAmB,GAC1C,EAAE,aAAaO,GAAoB,aAAaC,MACpDF,EAA2BJ,CAAmB,GAC1C,CAACO,GAAkBC,EAAmB,IAAIC,GAAS,EAAK,GAExD;AAAA,IACJ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,IACpB,cAAcC;AAAA,IACd,WAAWC;AAAA,EACT,IAAAzB,GACE0B,IAAY3C,MAAa;AAE/B,EAAA4C,GAAgB,MAAM;AACpB,IACEhB,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDO,GAAoB,EAAI;AAAA,EAC1B,GACC,CAACP,CAAY,CAAC;AAEX,QAAAiB,IAAgBC,EAAY,MAAM;AACtC,QAAIT,KAAYC,GAAW;AACrB,UAAA,OAAOhC,KAAkB;AACrB,cAAA,IAAI,MAAM,kCAAkC;AAGpD,MAAAA,EAAcR,CAAQ;AAEtB;AAAA,IACF;AAEI,QAAA4C,KAAY,CAACjC,GAAY;AACR,MAAAwB;AAEnB;AAAA,IACF;AAEA,QAAIM,GAAW;AACT,UAAA,OAAOlC,KAAiB;AACpB,cAAA,IAAI,MAAM,6BAA6B;AAG/C,UAAI,CAACa;AACG,cAAA,IAAI,MAAM,kDAAkD;AAEpE,MAAAb,EAAaP,GAAUG,CAAe;AAEtC;AAAA,IACF;AAAA,EAAA,GACC;AAAA,IACDoC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAjC;AAAA,IACA8B;AAAA,IACAjC;AAAA,IACAR;AAAA,IACAmC;AAAA,IACA5B;AAAA,IACAa;AAAA,IACAjB;AAAA,EAAA,CACD,GAEK8C,IAAgBD,EAAY,MAAM;AACtC,QAAIN,GAAkB;AAChB,UAAA,OAAOnC,KAAiB;AACpB,cAAA,IAAI,MAAM,iCAAiC;AAGnD,UAAI,CAACa;AACG,cAAA,IAAI,MAAM,kDAAkD;AAGvD,MAAAb,EAAAP,GAAUG,KAAmBmB,CAAW;AAErD;AAAA,IACF;AAEI,QAAA,OAAOhB,KAAe;AAClB,YAAA,IAAI,MAAM,+BAA+B;AAGtC,IAAAA,EAAAN,GAAUG,KAAmBmB,CAAW;AAAA,EAAA,GAClD;AAAA,IACDoB;AAAA,IACAvC;AAAA,IACAH;AAAA,IACAO;AAAA,IACAe;AAAA,IACAhB;AAAA,IACAc;AAAA,EAAA,CACD,GAEK8B,IAA0BF;AAAA,IAC9B,CAACG,MAAqB;AACpB,cAAQA,GAAU;AAAA,QAChB,KAAK;AACW,UAAAF;AAEd;AAAA,QACF,KAAK;AACW,UAAAF;AAEd;AAAA,QACF,KAAK;AACH,UAAA3C,KAAA,QAAAA,EAAiBJ,GAAUG;AAE3B;AAAA,QACF,KAAK;AACH,UAAAE,KAAA,QAAAA,EAAkBL,GAAUG;AAE5B;AAAA,QACF;AACE,gBAAM,IAAI,MAAM,4BAA4BgD,CAAQ,EAAE;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,CAACnD,GAAUK,GAAiBD,GAAgB2C,GAAeE,GAAe9C,CAAe;AAAA,EAAA,GAGrFiD,KAAiB;AAAA,IACrB;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMC;AAAA,MACN,UAAU;AAAA,MACV,SAASH;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMI;AAAAA,MACN,UAAU3C,IAAa,KAAQ,CAACgC;AAAA,MAChC,SAASO;AAAA,IACX;AAAA,EAAA,GAGIK,KAAiB;AAAA,IACrB;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMF;AAAA,MACN,UAAU,CAACZ;AAAA,MACX,SAASS;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMM;AAAA,MACN,UAAU,CAACZ;AAAA,MACX,SAASM;AAAA,IACX;AAAA,EAAA;AAGF,2BACGO,IAAA,EAAqB,WAAU,YAAW,QAAO,eAChD,UAAA;AAAA,IAAA,gBAAAC,EAACC,MAAU,SAASd,IAAYE,IAAgBE,GAAe,OAAM,iBACnE,UAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKhC;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACV,aAAa,GAAGZ,KAAY,QAAQ;AAAA,QAEpC,UAAA;AAAA,UAAA,gBAAA2C;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,QAAO;AAAA,cACP,UAAU;AAAA,cACV,UAAUvC;AAAA,cACV,UAAU;AAAA,cACV,UAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAmC;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,SAAS;AAAA,oBACT,gBAAgB;AAAA,oBAChB,aAAY;AAAA,oBACZ,WAAU;AAAA,oBACV,aAAY;AAAA,oBACZ,iBAAgB;AAAA,oBAEf,eAAiB,gBAAAL,EAAAjC,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,kBAAA;AAAA,gBACxD;AAAA,gBACCb,MAAa,YACZ,gBAAAgD,EAACC,GACC,EAAA,UAAA;AAAA,kBAAA,gBAAAH,EAACG,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAH,EAAAM,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,kBAE3C,CAAA,GACF;AAAA,kBACC,gBAAAN,EAAAM,GAAA,EAAK,WAAU,aAAY,UAAQ,YAAA;AAAA,gBAAA,GACtC,IAEA,gBAAAN,EAACM,GAAK,EAAA,WAAU,aAAa,UAAW9C,GAAA;AAAA,gBAGzC,CAAC,CAACF,KACD,gBAAA0C,EAACO,IAAA,EACC,UAAC,gBAAAP,EAAAQ,IAAA,EAAmB,KAAKlD,GAAU,KAAI,iBAAgB,EACzD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,gBAAA0C;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,UAAAvD;AAAA,cACA,OAAAC;AAAA,cACA,UAAAC;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UACF;AAAA,UACCA,KAAaM,KACZ,gBAAAqC;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,SAASrD,IAAY;AAAA,cACrB,YAAYM,IAAe;AAAA,cAC3B,YAAY,GAAGJ,KAAY,QAAQ;AAAA,YAAA;AAAA,UACrC;AAAA,UAEF,gBAAA2C,EAACC,KAAS,UAAU,MAAM,OAAO,GAAG,cAAc,KAAK,aAAY,SACjE,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAatE;AAAA,gBACb,QAAQ,CAACqC;AAAA,gBACT,aAAY;AAAA,gBACZ,QAAQ;AAAA,gBAER,UAAC,gBAAAsB,EAAAG,GAAA,EAAS,UAAU,KAClB,UAAC,gBAAAH,EAAAY,IAAA,EAAkB,KAAKxC,GAAc,WAAU,OAC7C,YACH,CAAA,GACF;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAA4B;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,UAAU;AAAA,gBACV,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAEhB,UAAA,gBAAAH,EAACa,IAAA,EAAqB,WAAU,OAAM,QAAO,cAC1C,UACHtE,GAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACC4C,KAAa,CAAClC,KACb,gBAAA+C;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAASjB;AAAA,QACT,YAAY1B;AAAA,QACZ,SAASK;AAAA,QACT,mBAAmB;AAAA,MAAA;AAAA,IACrB;AAAA,IAED,CAACW,KACA,gBAAAe,EAACa,IAAA,EAAmB,WAAU,YAAW,QAAO,eAAc,gBAAgB,GAC5E,UAAA;AAAA,MAAA,gBAAAf;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,aAAY;AAAA,UACZ,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAY;AAAA,UACZ,QAAQ,CAAC1D,KAAcoB;AAAA,UAEvB,UAAA,gBAAA2B;AAAA,YAACgB;AAAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,KAAK/C;AAAA,cACL,SAASK;AAAA,cAET,UAAC,gBAAA0B,EAAAiB,IAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAjB;AAAA,QAACc;AAAA,QAAA;AAAA,UACC,SAASpB;AAAA,UACT,YAAYzB;AAAA,UACZ,SAASI;AAAA,UACT,mBAAArB;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEekE,KAAAC,GAAK/E,EAAY;"}

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

@@ -0,0 +1,10 @@
+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}/homework`
+});
+export {
+  u as invalidateHomeworks,
+  i as useGetHomeworks
+};
+//# sourceMappingURL=get-homeworks.js.map

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

@@ -0,0 +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\ninterface IHomeworkData extends INodeDataProps {\n  homework_id: string;\n  chapter_name: string;\n}\n\nconst { useGet: useGetHomeworks, invalidate: invalidateHomeworks } = createGetAPI<\n  IHomeworkData[],\n  void,\n  { stream: string }\n>({\n  getURL: (studentId: string, _, { stream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${stream}/homework`,\n});\n\nexport { useGetHomeworks, invalidateHomeworks };\nexport type { IHomeworkData };\n"],"names":["useGetHomeworks","invalidateHomeworks","createGetAPI","studentId","_","stream","BASE_URL_V3"],"mappings":";;AAWA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAAwBC,EAInE;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,QAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAM;AAC9D,CAAC;"}