@cuemath/leap 2.8.61-as13 → 2.8.61-as16

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

@@ -0,0 +1,21 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import c from "../ui/layout/flex-view.js";
+import e from "../ui/text/text.js";
+const a = ({
+  cardHeader: n,
+  nodeType: l,
+  courseType: i
+}) => l === "MASTERY" ? /* @__PURE__ */ t(c, { children: [
+  /* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "Smart" }) }),
+  /* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: "Practice" })
+] }) : i === "REMEDIAL" ? /* @__PURE__ */ t(c, { children: [
+  /* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "EXTRA" }) }),
+  /* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n })
+] }) : i === "EXAM" ? /* @__PURE__ */ t(c, { children: [
+  /* @__PURE__ */ r(c, { $background: "BLACK_T_60", $width: "fit-content", $gutterX: 0.25, children: /* @__PURE__ */ r(e, { $color: "WHITE", $renderAs: "ac4-black", children: "CUSTOM" }) }),
+  /* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n })
+] }) : /* @__PURE__ */ r(e, { $renderAs: "ac4-black", children: n });
+export {
+  a as default
+};
+//# sourceMappingURL=card-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.js","sources":["../../../src/features/homework/card-title.tsx"],"sourcesContent":["import type { TCourseType, TNodeTypes } from '../chapters-v2/comps/node-card/node-card-types';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\nconst CardTitle = ({\n  cardHeader,\n  nodeType,\n  courseType,\n}: {\n  cardHeader: string;\n  nodeType: TNodeTypes;\n  courseType: TCourseType;\n}) => {\n  if (nodeType === 'MASTERY') {\n    return (\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  }\n\n  if (courseType === 'REMEDIAL') {\n    return (\n      <FlexView>\n        <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n          <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n            EXTRA\n          </Text>\n        </FlexView>\n        <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n      </FlexView>\n    );\n  }\n\n  if (courseType === 'EXAM') {\n    return (\n      <FlexView>\n        <FlexView $background=\"BLACK_T_60\" $width=\"fit-content\" $gutterX={0.25}>\n          <Text $color=\"WHITE\" $renderAs=\"ac4-black\">\n            CUSTOM\n          </Text>\n        </FlexView>\n        <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n      </FlexView>\n    );\n  }\n\n  return <Text $renderAs=\"ac4-black\">{cardHeader}</Text>;\n};\n\nexport default CardTitle;\n"],"names":["CardTitle","cardHeader","nodeType","courseType","FlexView","jsx","Text"],"mappings":";;;AAKA,MAAMA,IAAY,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAKMD,MAAa,8BAEZE,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,kBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAY,UAAQ,YAAA;AACtC,EAAA,CAAA,IAIAH,MAAe,+BAEdC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,kBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,GAAA;AAC1C,EAAA,CAAA,IAIAE,MAAe,2BAEdC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,cAAa,QAAO,eAAc,UAAU,MAChE,UAAC,gBAAAC,EAAAC,GAAA,EAAK,QAAO,SAAQ,WAAU,aAAY,mBAE3C,CAAA,GACF;AAAA,EACC,gBAAAD,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,GAAA;AAC1C,EAAA,CAAA,IAII,gBAAAI,EAAAC,GAAA,EAAK,WAAU,aAAa,UAAWL,EAAA,CAAA;"}

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

@@ -0,0 +1,133 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as p, useRef as L, useCallback as u, useLayoutEffect as N } from "react";
+import B from "../../assets/line-icons/icons/closed-eye.js";
+import R from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as v } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as O } from "../chapters-v2/utils/node-card-utils.js";
+import h from "../ui/arrow-tooltip/arrow-tooltip.js";
+import r from "../ui/layout/flex-view.js";
+import W from "../ui/lottie-animation/lottie-animation.js";
+import j from "../ui/text/text.js";
+import D from "./card-title.js";
+import G from "./node-progress.js";
+import { CardWrapper as M, IconWrapper as S, BannerImageWrapper as z, BannerImage as V, HeaderText as F, SubHeaderText as K } from "./styles.js";
+const ae = ({
+  header: a,
+  isInQueue: g,
+  nodeData: $,
+  studentContainerRef: f,
+  subHeader: T,
+  isHomeWork: I
+}) => {
+  const {
+    node_type: o,
+    state: w,
+    accuracy: b,
+    due_date_ts: n,
+    image_url: d,
+    image_hue: s,
+    card_header: c = "",
+    unlocked_on_ts: l,
+    course_type: x
+  } = $, [_, y] = p(!1), t = L(null), [C, m] = p(!1), A = v(o), { icon: k, lottie: H } = O(o), X = u(() => {
+    m(!0);
+  }, []), E = u(() => {
+    m(!1);
+  }, []);
+  return N(() => {
+    t.current && t.current.scrollHeight > t.current.clientHeight && y(!0);
+  }, [t]), /* @__PURE__ */ i(
+    r,
+    {
+      ref: f,
+      $widthX: 12.38,
+      $position: "relative",
+      $background: `${s || "ORANGE"}_2`,
+      onMouseEnter: X,
+      onMouseLeave: E,
+      children: [
+        /* @__PURE__ */ i(
+          M,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $width: "100%",
+            $heightX: 3.5,
+            $bgImage: A,
+            $gutterX: 0.78125,
+            $flexGap: 8.5,
+            $position: "relative",
+            children: [
+              /* @__PURE__ */ e(
+                S,
+                {
+                  $width: 31,
+                  $height: 31,
+                  $borderRadiusX: 2,
+                  $background: "WHITE_1",
+                  $position: "relative",
+                  $alignItems: "center",
+                  $justifyContent: "center",
+                  children: C ? /* @__PURE__ */ e(W, { src: H }) : /* @__PURE__ */ e(k, { width: 20, height: 20 })
+                }
+              ),
+              I ? /* @__PURE__ */ e(D, { cardHeader: c, nodeType: o, courseType: x }) : /* @__PURE__ */ e(j, { $renderAs: "ac4-black", children: c }),
+              g && /* @__PURE__ */ e(
+                h,
+                {
+                  renderAs: "primary",
+                  tooltipItem: "Not visible to student",
+                  position: "bottom",
+                  zIndex: 6,
+                  children: /* @__PURE__ */ e(B, {})
+                }
+              ),
+              !!d && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(V, { src: d, alt: "Chapter image" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(R, { nodeType: o, state: w, accuracy: b, dueDateTs: n }),
+        n && l && /* @__PURE__ */ e(
+          G,
+          {
+            dueDate: n * 1e3,
+            unlockedOn: l * 1e3,
+            progressBg: `${s || "ORANGE"}_4`
+          }
+        ),
+        /* @__PURE__ */ i(r, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+          /* @__PURE__ */ e(
+            h,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: a,
+              width: 300,
+              hidden: !_,
+              parentWidth: "auto",
+              zIndex: 6,
+              children: /* @__PURE__ */ e(r, { $heightX: 2.5, children: /* @__PURE__ */ e(F, { ref: t, $renderAs: "ab3", children: a }) })
+            }
+          ),
+          /* @__PURE__ */ i(
+            r,
+            {
+              $flexDirection: "row",
+              $heightX: 1.25,
+              $alignItems: "center",
+              $justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ e(K, { $renderAs: "ub3", $color: "BLACK_T_60", children: T }),
+                /* @__PURE__ */ e(r, { $width: 32 })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ae as default
+};
+//# sourceMappingURL=homework-card-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"homework-card-view.js","sources":["../../../src/features/homework/homework-card-view.tsx"],"sourcesContent":["import type { INodeDataProps } from '../chapters-v2/comps/node-card/node-card-types';\nimport type { IHomeworkData } from './hw-card-list/api/get-homeworks';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\n\nimport ClosedEyeIcon from '../../assets/line-icons/icons/closed-eye';\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 FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport Text from '../ui/text/text';\nimport CardTitle from './card-title';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\ninterface IHomeworkCardViewProps {\n  header: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps | IHomeworkData;\n  studentContainerRef: React.RefObject<HTMLDivElement>;\n  subHeader: string;\n  isHomeWork: boolean;\n}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n  header,\n  isInQueue,\n  nodeData,\n  studentContainerRef,\n  subHeader,\n  isHomeWork,\n}) => {\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    unlocked_on_ts: unlockedOnTs,\n    course_type: courseType,\n  } = nodeData;\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [renderLottie, setRenderLottie] = useState(false);\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const { icon: NodeCardIcon, lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMouseEnter = useCallback(() => {\n    setRenderLottie(true);\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setRenderLottie(false);\n  }, []);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <FlexView\n      ref={studentContainerRef}\n      $widthX={12.38}\n      $position=\"relative\"\n      $background={`${imageHue || 'ORANGE'}_2`}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\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          {renderLottie ? (\n            <LottieAnimation src={nodeCardLottie} />\n          ) : (\n            <NodeCardIcon width={20} height={20} />\n          )}\n        </Styled.IconWrapper>\n        {isHomeWork ? (\n          <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\n        ) : (\n          <Text $renderAs=\"ac4-black\">{cardHeader}</Text>\n        )}\n        {isInQueue && (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem=\"Not visible to student\"\n            position=\"bottom\"\n            zIndex={6}\n          >\n            <ClosedEyeIcon />\n          </ArrowTooltip>\n        )}\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      {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          width={300}\n          hidden={!showTitleTooltip}\n          parentWidth=\"auto\"\n          zIndex={6}\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 $width={32} />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default HomeworkView;\n"],"names":["HomeworkView","header","isInQueue","nodeData","studentContainerRef","subHeader","isHomeWork","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","unlockedOnTs","courseType","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","renderLottie","setRenderLottie","bgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","handleOnMouseEnter","useCallback","handleOnMouseLeave","useLayoutEffect","jsxs","FlexView","Styled.CardWrapper","jsx","Styled.IconWrapper","LottieAnimation","CardTitle","Text","ArrowTooltip","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","NodeCardTags","NodeProgress","Styled.HeaderText","Styled.SubHeaderText"],"mappings":"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"}

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

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