@cuemath/leap 3.2.18 → 3.2.19-beta-0.1

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

@@ -1,130 +1,118 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { memo as X, useState as B, useRef as T, useCallback as I, useLayoutEffect as R } from "react";
-import P from "../../assets/line-icons/icons/closed-eye.js";
-import b from "../chapters-v2/comps/node-card/node-card-tags.js";
-import { getNodeTypeBasedBgImage as W } from "../chapters-v2/utils/index.js";
-import { getNodeCardBasedIcon as j } from "../chapters-v2/utils/node-card-utils.js";
+import { memo as B, useState as L, useRef as b, useCallback as w, useLayoutEffect as R } from "react";
+import W from "../../assets/line-icons/icons/closed-eye.js";
+import I from "../chapters-v2/comps/node-card/node-card-tags.js";
+import { getNodeTypeBasedBgImage as P } from "../chapters-v2/utils/index.js";
+import { getNodeCardBasedIcon as U } from "../chapters-v2/utils/node-card-utils.js";
 import G from "../puzzles/comps/puzzle-card.js";
-import h from "../ui/arrow-tooltip/arrow-tooltip.js";
-import U from "../ui/image/image.js";
-import t from "../ui/layout/flex-view.js";
-import V from "../ui/lottie-animation/lottie-animation.js";
-import K from "./card-title.js";
-import C from "./node-progress.js";
-import { PuzzleCardWrapper as Z, HeaderText as _, CardWrapper as F, IconWrapper as M, BannerImageWrapper as q, BannerImage as J, SubHeaderText as Q } from "./styles.js";
+import g from "../ui/arrow-tooltip/arrow-tooltip.js";
+import a from "../ui/layout/flex-view.js";
+import j from "../ui/lottie-animation/lottie-animation.js";
+import V from "./card-title.js";
+import _ from "./node-progress.js";
+import { PuzzleCardWrapper as K, CardWrapper as Z, IconWrapper as F, BannerImageWrapper as M, BannerImage as q, HeaderText as J, SubHeaderText as Q } from "./styles.js";
 const Y = { renderer: "canvas", autoplay: !1 }, ee = ({
-  header: $,
-  isInQueue: y,
-  nodeData: x,
-  studentContainerRef: g,
-  subHeader: z,
+  header: h,
+  isInQueue: C,
+  nodeData: E,
+  studentContainerRef: $,
+  subHeader: x,
   userType: c,
-  isMilestone: d = !1
+  isMilestone: d = !1,
+  puzzleHWCardRef: y
 }) => {
   const {
-    node_type: r,
+    node_type: t,
     state: m,
     accuracy: f,
-    due_date_ts: o,
-    image_url: u,
-    image_hue: i,
-    card_header: E = "",
-    unlocked_on_ts: l,
+    due_date_ts: r,
+    image_url: p,
+    image_hue: o,
+    card_header: z = "",
+    unlocked_on_ts: s,
     course_type: A,
     title: k
-  } = x, D = r === "PUZZLE_CARD", w = c === "STUDENT" && m === "LOCKED", [N, H] = B(!1), s = T(null), S = W(r), p = T(null), { lottie: v } = j(r), L = I(() => {
-    var a;
-    (a = p.current) == null || a.play();
-  }, []), O = I(() => {
-    var a;
-    (a = p.current) == null || a.stop();
+  } = E, D = t === "PUZZLE_CARD", T = c === "STUDENT" && m === "LOCKED", [N, v] = L(!1), l = b(null), H = P(t), u = b(null), { lottie: S } = U(t), O = w(() => {
+    var i;
+    (i = u.current) == null || i.play();
+  }, []), X = w(() => {
+    var i;
+    (i = u.current) == null || i.stop();
   }, []);
   return R(() => {
-    s.current && s.current.scrollHeight > s.current.clientHeight && H(!0);
+    l.current && l.current.scrollHeight > l.current.clientHeight && v(!0);
   }, []), D ? /* @__PURE__ */ e(
-    h,
+    g,
     {
       renderAs: "primary",
       tooltipItem: "Solve puzzle after class",
       position: "bottom",
-      hidden: !w,
-      children: /* @__PURE__ */ n(
-        Z,
+      hidden: !T,
+      children: /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ n(
+        K,
         {
-          ref: g,
+          ref: $,
           $position: "relative",
-          $background: `${i}_2`,
-          $disabled: w,
+          $background: `${o}_2`,
+          $disabled: T,
           children: [
-            /* @__PURE__ */ e(t, { $width: 126, $height: 160, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(
               G,
               {
-                imageHue: i,
-                backgroundColor: `${i}_2`,
-                width: "100%",
-                height: "100%",
-                children: /* @__PURE__ */ n(t, { $justifyContent: "center", $alignItems: "center", $flexGap: 12, children: [
-                  /* @__PURE__ */ e(
-                    U,
-                    {
-                      src: u ?? "",
-                      width: 68,
-                      height: 68,
-                      withLoader: !1,
-                      alt: "Puzzle"
-                    }
-                  ),
-                  /* @__PURE__ */ e(_, { $renderAs: "ab3", $align: "center", $width: "80%", children: k })
-                ] })
+                imageHue: o,
+                imageUrl: p ?? "",
+                title: k,
+                width: 126,
+                height: 159
               }
-            ) }),
+            ),
             /* @__PURE__ */ e(
-              b,
+              I,
               {
-                nodeType: r,
+                nodeType: t,
                 state: m,
                 accuracy: f,
-                dueDateTs: o,
+                dueDateTs: r,
                 isStudent: c === "STUDENT",
                 isMilestone: d
               }
             ),
-            !d && o && l && /* @__PURE__ */ e(
-              C,
+            !d && r && s && /* @__PURE__ */ e(
+              _,
               {
-                dueDate: o * 1e3,
-                unlockedOn: l * 1e3,
-                progressBg: `${i || "ORANGE"}_5`
+                dueDate: r * 1e3,
+                unlockedOn: s * 1e3,
+                progressBg: `${o || "ORANGE"}_5`
               }
             )
           ]
         }
-      )
+      ) })
     }
   ) : /* @__PURE__ */ n(
-    t,
+    a,
     {
-      ref: g,
+      ref: $,
       $widthX: 12.38,
       $position: "relative",
-      $background: `${i || "ORANGE"}_2`,
-      onMouseEnter: L,
-      onMouseLeave: O,
+      $background: `${o || "ORANGE"}_2`,
+      onMouseEnter: O,
+      onMouseLeave: X,
       children: [
         /* @__PURE__ */ n(
-          F,
+          Z,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $width: "100%",
             $heightX: 3.5,
-            $bgImage: S,
+            $bgImage: H,
             $gutterX: 0.78125,
             $flexGap: 8.5,
             $position: "relative",
             children: [
               /* @__PURE__ */ e(
-                M,
+                F,
                 {
                   $width: 31,
                   $height: 31,
@@ -133,67 +121,67 @@ const Y = { renderer: "canvas", autoplay: !1 }, ee = ({
                   $position: "relative",
                   $alignItems: "center",
                   $justifyContent: "center",
-                  children: /* @__PURE__ */ e(V, { src: v, ref: p, settings: Y })
+                  children: /* @__PURE__ */ e(j, { src: S, ref: u, settings: Y })
                 }
               ),
-              /* @__PURE__ */ e(K, { cardHeader: E, nodeType: r, courseType: A }),
-              y && /* @__PURE__ */ e(
-                h,
+              /* @__PURE__ */ e(V, { cardHeader: z, nodeType: t, courseType: A }),
+              C && /* @__PURE__ */ e(
+                g,
                 {
                   renderAs: "primary",
                   tooltipItem: "Not visible to student",
                   position: "bottom",
                   zIndex: 6,
-                  children: /* @__PURE__ */ e(P, {})
+                  children: /* @__PURE__ */ e(W, {})
                 }
               ),
-              !!u && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(J, { src: u, alt: "Chapter image" }) })
+              !!p && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(q, { src: p, alt: "Chapter image" }) })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          b,
+          I,
           {
-            nodeType: r,
+            nodeType: t,
             state: m,
             accuracy: f,
-            dueDateTs: o,
+            dueDateTs: r,
             isStudent: c === "STUDENT",
             isMilestone: d
           }
         ),
-        !d && o && l && /* @__PURE__ */ e(
-          C,
+        !d && r && s && /* @__PURE__ */ e(
+          _,
           {
-            dueDate: o * 1e3,
-            unlockedOn: l * 1e3,
-            progressBg: `${i || "ORANGE"}_4`
+            dueDate: r * 1e3,
+            unlockedOn: s * 1e3,
+            progressBg: `${o || "ORANGE"}_4`
           }
         ),
-        /* @__PURE__ */ n(t, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
+        /* @__PURE__ */ n(a, { $gutterX: 0.75, $gapX: 1, $flexRowGapX: 0.5, $background: "WHITE", children: [
           /* @__PURE__ */ e(
-            h,
+            g,
             {
               renderAs: "primary",
               position: "bottom",
-              tooltipItem: $,
+              tooltipItem: h,
               width: 300,
               hidden: !N,
               parentWidth: "auto",
               zIndex: 6,
-              children: /* @__PURE__ */ e(t, { $heightX: 2.5, children: /* @__PURE__ */ e(_, { ref: s, $renderAs: "ab3", children: $ }) })
+              children: /* @__PURE__ */ e(a, { $heightX: 2.5, children: /* @__PURE__ */ e(J, { ref: l, $renderAs: "ab3", children: h }) })
             }
           ),
           /* @__PURE__ */ n(
-            t,
+            a,
             {
               $flexDirection: "row",
               $heightX: 1.25,
               $alignItems: "center",
               $justifyContent: "space-between",
               children: [
-                /* @__PURE__ */ e(Q, { $renderAs: "ub3", $color: "BLACK_T_60", children: z }),
-                /* @__PURE__ */ e(t, { $width: 32 })
+                /* @__PURE__ */ e(Q, { $renderAs: "ub3", $color: "BLACK_T_60", children: x }),
+                /* @__PURE__ */ e(a, { $width: 32 })
               ]
             }
           )
@@ -201,8 +189,8 @@ const Y = { renderer: "canvas", autoplay: !1 }, ee = ({
       ]
     }
   );
-}, $e = X(ee);
+}, ge = B(ee);
 export {
-  $e as default
+  ge as default
 };
 //# sourceMappingURL=homework-card-view.js.map

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

@@ -1 +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 { ILottieAnimationRef } from '../ui/lottie-animation/types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, 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 PuzzleCard from '../puzzles/comps/puzzle-card';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../ui/image/image';\nimport FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport CardTitle from './card-title';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\n\ninterface IHomeworkCardViewProps {\n  header: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps;\n  studentContainerRef: React.RefObject<HTMLDivElement>;\n  subHeader: string;\n  userType: TUserTypes;\n  isMilestone?: boolean;\n}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n  header,\n  isInQueue,\n  nodeData,\n  studentContainerRef,\n  subHeader,\n  userType,\n  isMilestone = false,\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    title,\n  } = nodeData;\n  const isPuzzleCard = nodeType === 'PUZZLE_CARD';\n  const isPuzzleDisabled = userType === 'STUDENT' && state === 'LOCKED';\n\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMouseEnter = useCallback(() => {\n    animationRef.current?.play();\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    animationRef.current?.stop();\n  }, []);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, []);\n\n  if (isPuzzleCard) {\n    return (\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem=\"Solve puzzle after class\"\n        position=\"bottom\"\n        hidden={!isPuzzleDisabled}\n      >\n        <Styled.PuzzleCardWrapper\n          ref={studentContainerRef}\n          $position=\"relative\"\n          $background={`${imageHue}_2`}\n          $disabled={isPuzzleDisabled}\n        >\n          <FlexView $width={126} $height={160} $justifyContent=\"center\" $alignItems=\"center\">\n            <PuzzleCard\n              imageHue={imageHue}\n              backgroundColor={`${imageHue}_2`}\n              width=\"100%\"\n              height=\"100%\"\n            >\n              <FlexView $justifyContent=\"center\" $alignItems=\"center\" $flexGap={12}>\n                <Image\n                  src={imageUrl ?? ''}\n                  width={68}\n                  height={68}\n                  withLoader={false}\n                  alt=\"Puzzle\"\n                />\n\n                <Styled.HeaderText $renderAs=\"ab3\" $align=\"center\" $width=\"80%\">\n                  {title}\n                </Styled.HeaderText>\n              </FlexView>\n            </PuzzleCard>\n          </FlexView>\n\n          <NodeCardTags\n            nodeType={nodeType}\n            state={state}\n            accuracy={accuracy}\n            dueDateTs={dueDateTs}\n            isStudent={userType === 'STUDENT'}\n            isMilestone={isMilestone}\n          />\n          {!isMilestone && dueDateTs && unlockedOnTs && (\n            <NodeProgress\n              dueDate={dueDateTs * 1000}\n              unlockedOn={unlockedOnTs * 1000}\n              progressBg={`${imageHue || 'ORANGE'}_5`}\n            />\n          )}\n        </Styled.PuzzleCardWrapper>\n      </ArrowTooltip>\n    );\n  }\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          <LottieAnimation src={nodeCardLottie} ref={animationRef} settings={renderSettings} />\n        </Styled.IconWrapper>\n        <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\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\n        nodeType={nodeType}\n        state={state}\n        accuracy={accuracy}\n        dueDateTs={dueDateTs}\n        isStudent={userType === 'STUDENT'}\n        isMilestone={isMilestone}\n      />\n      {!isMilestone && 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 memo(HomeworkView);\n"],"names":["renderSettings","HomeworkView","header","isInQueue","nodeData","studentContainerRef","subHeader","userType","isMilestone","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","unlockedOnTs","courseType","title","isPuzzleCard","isPuzzleDisabled","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","bgImage","getNodeTypeBasedBgImage","animationRef","nodeCardLottie","getNodeCardBasedIcon","handleOnMouseEnter","useCallback","_a","handleOnMouseLeave","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.PuzzleCardWrapper","FlexView","PuzzleCard","Image","Styled.HeaderText","NodeCardTags","NodeProgress","Styled.CardWrapper","Styled.IconWrapper","LottieAnimation","CardTitle","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","Styled.SubHeaderText","HomeworkView$1","memo"],"mappings":"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"}
+{"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 { ILottieAnimationRef } from '../ui/lottie-animation/types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, 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 PuzzleCard from '../puzzles/comps/puzzle-card';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../ui/layout/flex-view';\nimport LottieAnimation from '../ui/lottie-animation/lottie-animation';\nimport CardTitle from './card-title';\nimport NodeProgress from './node-progress';\nimport * as Styled from './styles';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\n\ninterface IHomeworkCardViewProps {\n  header: string;\n  isInQueue?: boolean;\n  nodeData: INodeDataProps;\n  studentContainerRef: React.RefObject<HTMLDivElement>;\n  subHeader: string;\n  userType: TUserTypes;\n  isMilestone?: boolean;\n  puzzleHWCardRef?: React.RefObject<HTMLDivElement>;\n}\n\nconst HomeworkView: FC<IHomeworkCardViewProps> = ({\n  header,\n  isInQueue,\n  nodeData,\n  studentContainerRef,\n  subHeader,\n  userType,\n  isMilestone = false,\n  puzzleHWCardRef,\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    title,\n  } = nodeData;\n  const isPuzzleCard = nodeType === 'PUZZLE_CARD';\n  const isPuzzleDisabled = userType === 'STUDENT' && state === 'LOCKED';\n\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const bgImage = getNodeTypeBasedBgImage(nodeType);\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMouseEnter = useCallback(() => {\n    animationRef.current?.play();\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    animationRef.current?.stop();\n  }, []);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, []);\n\n  if (isPuzzleCard) {\n    return (\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem=\"Solve puzzle after class\"\n        position=\"bottom\"\n        hidden={!isPuzzleDisabled}\n      >\n        <div ref={puzzleHWCardRef}>\n          <Styled.PuzzleCardWrapper\n            ref={studentContainerRef}\n            $position=\"relative\"\n            $background={`${imageHue}_2`}\n            $disabled={isPuzzleDisabled}\n          >\n            <PuzzleCard\n              imageHue={imageHue}\n              imageUrl={imageUrl ?? ''}\n              title={title}\n              width={126}\n              height={159}\n            />\n\n            <NodeCardTags\n              nodeType={nodeType}\n              state={state}\n              accuracy={accuracy}\n              dueDateTs={dueDateTs}\n              isStudent={userType === 'STUDENT'}\n              isMilestone={isMilestone}\n            />\n            {!isMilestone && dueDateTs && unlockedOnTs && (\n              <NodeProgress\n                dueDate={dueDateTs * 1000}\n                unlockedOn={unlockedOnTs * 1000}\n                progressBg={`${imageHue || 'ORANGE'}_5`}\n              />\n            )}\n          </Styled.PuzzleCardWrapper>\n        </div>\n      </ArrowTooltip>\n    );\n  }\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          <LottieAnimation src={nodeCardLottie} ref={animationRef} settings={renderSettings} />\n        </Styled.IconWrapper>\n        <CardTitle cardHeader={cardHeader} nodeType={nodeType} courseType={courseType} />\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\n        nodeType={nodeType}\n        state={state}\n        accuracy={accuracy}\n        dueDateTs={dueDateTs}\n        isStudent={userType === 'STUDENT'}\n        isMilestone={isMilestone}\n      />\n      {!isMilestone && 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 memo(HomeworkView);\n"],"names":["renderSettings","HomeworkView","header","isInQueue","nodeData","studentContainerRef","subHeader","userType","isMilestone","puzzleHWCardRef","nodeType","state","accuracy","dueDateTs","imageUrl","imageHue","cardHeader","unlockedOnTs","courseType","title","isPuzzleCard","isPuzzleDisabled","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","bgImage","getNodeTypeBasedBgImage","animationRef","nodeCardLottie","getNodeCardBasedIcon","handleOnMouseEnter","useCallback","_a","handleOnMouseLeave","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.PuzzleCardWrapper","PuzzleCard","NodeCardTags","NodeProgress","FlexView","Styled.CardWrapper","Styled.IconWrapper","LottieAnimation","CardTitle","ClosedEyeIcon","Styled.BannerImageWrapper","Styled.BannerImage","Styled.HeaderText","Styled.SubHeaderText","HomeworkCardView","memo"],"mappings":";;;;;;;;;;;;;AAmBA,MAAMA,IAAiB,EAAE,UAAU,UAAU,UAAU,GAAM,GAavDC,KAA2C,CAAC;AAAA,EAChD,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,iBAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,aAAaC,IAAa;AAAA,IAC1B,gBAAgBC;AAAA,IAChB,aAAaC;AAAA,IACb,OAAAC;AAAA,EACE,IAAAf,GACEgB,IAAeV,MAAa,eAC5BW,IAAmBd,MAAa,aAAaI,MAAU,UAEvD,CAACW,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAC1CC,IAAUC,EAAwBlB,CAAQ,GAC1CmB,IAAeH,EAAmC,IAAI,GACtD,EAAE,QAAQI,EAAe,IAAIC,EAAqBrB,CAAQ,GAE1DsB,IAAqBC,EAAY,MAAM;;AAC3C,KAAAC,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBF,EAAY,MAAM;;AAC3C,KAAAC,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA;AAWL,SATAE,EAAgB,MAAM;AACpB,IACEX,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,EAE5B,GAAG,CAAE,CAAA,GAEDH,IAEA,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,QAAQ,CAACjB;AAAA,MAET,UAAA,gBAAAgB,EAAC,OAAI,EAAA,KAAK5B,GACR,UAAA,gBAAA8B;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKnC;AAAA,UACL,WAAU;AAAA,UACV,aAAa,GAAGU,CAAQ;AAAA,UACxB,WAAWM;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAgB;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,UAAA1B;AAAA,gBACA,UAAUD,KAAY;AAAA,gBACtB,OAAAK;AAAA,gBACA,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,YAEA,gBAAAkB;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAAhC;AAAA,gBACA,OAAAC;AAAA,gBACA,UAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,WAAWN,MAAa;AAAA,gBACxB,aAAAC;AAAA,cAAA;AAAA,YACF;AAAA,YACC,CAACA,KAAeK,KAAaI,KAC5B,gBAAAoB;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAS9B,IAAY;AAAA,gBACrB,YAAYI,IAAe;AAAA,gBAC3B,YAAY,GAAGF,KAAY,QAAQ;AAAA,cAAA;AAAA,YACrC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAGN;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAwB;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKvC;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,MACV,aAAa,GAAGU,KAAY,QAAQ;AAAA,MACpC,cAAciB;AAAA,MACd,cAAcG;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,QAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAUlB;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAU;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,aAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAEhB,4BAACC,GAAgB,EAAA,KAAKjB,GAAgB,KAAKD,GAAc,UAAU7B,GAAgB;AAAA,gBAAA;AAAA,cACrF;AAAA,cACC,gBAAAqC,EAAAW,GAAA,EAAU,YAAAhC,GAAwB,UAAAN,GAAoB,YAAAQ,EAAwB,CAAA;AAAA,cAC9Ef,KACC,gBAAAkC;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,aAAY;AAAA,kBACZ,UAAS;AAAA,kBACT,QAAQ;AAAA,kBAER,4BAACW,GAAc,EAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,cAED,CAAC,CAACnC,KACD,gBAAAuB,EAACa,GAAA,EACC,UAAC,gBAAAb,EAAAc,GAAA,EAAmB,KAAKrC,GAAU,KAAI,iBAAgB,EACzD,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAuB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAAhC;AAAA,YACA,OAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAWN,MAAa;AAAA,YACxB,aAAAC;AAAA,UAAA;AAAA,QACF;AAAA,QACC,CAACA,KAAeK,KAAaI,KAC5B,gBAAAoB;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAS9B,IAAY;AAAA,YACrB,YAAYI,IAAe;AAAA,YAC3B,YAAY,GAAGF,KAAY,QAAQ;AAAA,UAAA;AAAA,QACrC;AAAA,QAEF,gBAAAwB,EAACK,KAAS,UAAU,MAAM,OAAO,GAAG,cAAc,KAAK,aAAY,SACjE,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAapC;AAAA,cACb,OAAO;AAAA,cACP,QAAQ,CAACoB;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ;AAAA,cAER,UAAC,gBAAAe,EAAAO,GAAA,EAAS,UAAU,KAClB,UAAC,gBAAAP,EAAAe,GAAA,EAAkB,KAAK3B,GAAc,WAAU,OAC7C,YACH,CAAA,GACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAc;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEhB,UAAA;AAAA,gBAAA,gBAAAP,EAACgB,GAAA,EAAqB,WAAU,OAAM,QAAO,cAC1C,UACH/C,GAAA;AAAA,gBACA,gBAAA+B,EAACO,GAAS,EAAA,QAAQ,GAAI,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACxB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,KAAAC,EAAKtD,EAAY;"}

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

@@ -1,18 +1,18 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { memo as te, useRef as L, useCallback as w, useMemo as ie } from "react";
+import { memo as ie, useRef as L, useCallback as w, useMemo as ne } from "react";
 import P from "../../assets/line-icons/icons/eye2.js";
-import ne from "../../assets/line-icons/icons/home2.js";
-import ce from "../../assets/line-icons/icons/more-vertical.js";
+import ce from "../../assets/line-icons/icons/home2.js";
+import oe from "../../assets/line-icons/icons/more-vertical.js";
 import X from "../../assets/line-icons/icons/redo.js";
 import H from "../ui/arrow-tooltip/arrow-tooltip.js";
-import oe from "../ui/buttons/clickable/clickable.js";
+import se from "../ui/buttons/clickable/clickable.js";
 import j from "../ui/hooks/use-context-menu-click-handler.js";
-import se from "../ui/layout/flex-view.js";
+import ae from "../ui/layout/flex-view.js";
 import z from "./card-menu-options.js";
-import ae from "./homework-card-view.js";
-import { CardContainer as le, MenuWrapper as ue, CardKebabMenuWrapper as de, BlurContainer as he, BlurFlexView as me, StyledMinus2Icon as fe } from "./styles.js";
-import { getCardAnalyticProps as pe } from "./utils.js";
-const be = ({
+import le from "./homework-card-view.js";
+import { CardContainer as ue, MenuWrapper as de, CardKebabMenuWrapper as he, BlurContainer as me, BlurFlexView as fe, StyledMinus2Icon as pe } from "./styles.js";
+import { getCardAnalyticProps as be } from "./utils.js";
+const we = ({
   // callbacks
   nodeData: e,
   onNodeAttempt: C,
@@ -28,23 +28,24 @@ const be = ({
   studentId: I,
   subHeader: K,
   userMilestoneId: Z,
-  userType: v
+  userType: v,
+  puzzleHWCardRef: Y
 }) => {
   const i = E === "homework", {
     node_type: m,
     state: R,
-    permissions: Y,
+    permissions: q,
     user_node_id: c,
-    user_milestone_id: q,
+    user_milestone_id: G,
     homework_id: o
-  } = e, r = Z || q || "", g = m === "PUZZLE_CARD", G = R === "LOCKED", _ = L(null), M = L(null), { menuVisible: S, onMenuClick: J } = j(_), { menuVisible: Q, onMenuClick: V } = j(M), {
+  } = e, r = Z || G || "", g = m === "PUZZLE_CARD", J = R === "LOCKED", _ = L(null), M = L(null), { menuVisible: S, onMenuClick: Q } = j(_), { menuVisible: U, onMenuClick: V } = j(M), {
     can_start: f,
     can_resume: p,
     can_review: s,
-    can_unassign: U,
+    can_unassign: A,
     can_reset: O,
-    can_assign_as_homework: A
-  } = Y, a = v === "STUDENT", b = w(() => {
+    can_assign_as_homework: D
+  } = q, a = v === "STUDENT", b = w(() => {
     if (s) {
       if (typeof n != "function")
         throw new Error("onReview must be a function");
@@ -53,7 +54,7 @@ const be = ({
       n(e, r);
       return;
     }
-  }, [s, n, c, e, r]), D = w(() => {
+  }, [s, n, c, e, r]), N = w(() => {
     if (f || p) {
       if (typeof C != "function")
         throw new Error("onNodeAttempt must be a function");
@@ -119,7 +120,7 @@ const be = ({
       y,
       r
     ]
-  ), N = [
+  ), ee = [
     {
       id: "teacher-card-view",
       label: s ? "Review" : "View",
@@ -130,8 +131,8 @@ const be = ({
     {
       id: "teacher-card-unassign",
       label: "Unassign",
-      icon: fe,
-      disabled: i ? m === "MASTERY" : !U,
+      icon: pe,
+      disabled: i ? m === "MASTERY" : !A,
       onClick: l
     },
     {
@@ -144,11 +145,11 @@ const be = ({
     {
       id: "teacher-card-assign-as-hw",
       label: "Assign as HW",
-      icon: ne,
-      disabled: !A,
+      icon: ce,
+      disabled: !D,
       onClick: l
     }
-  ], ee = [
+  ], re = [
     {
       id: "student-card-view",
       label: "Review",
@@ -163,8 +164,8 @@ const be = ({
       disabled: !O,
       onClick: l
     }
-  ], T = ie(
-    () => pe({
+  ], T = ne(
+    () => be({
       canResume: p,
       canStart: f,
       homeworkId: o,
@@ -186,18 +187,18 @@ const be = ({
       c,
       r
     ]
-  ), re = a && g && G;
-  return /* @__PURE__ */ x(le, { $position: "relative", $width: "fit-content", children: [
+  ), te = a && g && J;
+  return /* @__PURE__ */ x(ue, { $position: "relative", $width: "fit-content", children: [
     /* @__PURE__ */ t(
-      oe,
+      se,
       {
-        onClick: a ? D : y,
+        onClick: a ? N : y,
         label: "homework-card",
         analyticsLabel: T.analyticsLabel,
         analyticsProps: T.analyticsProps,
-        disabled: re,
+        disabled: te,
         children: /* @__PURE__ */ t(
-          ae,
+          le,
           {
             header: F,
             isInQueue: $,
@@ -205,7 +206,8 @@ const be = ({
             studentContainerRef: M,
             subHeader: K,
             userType: v,
-            isMilestone: E === "milestone"
+            isMilestone: E === "milestone",
+            puzzleHWCardRef: Y
           }
         )
       }
@@ -214,13 +216,13 @@ const be = ({
       z,
       {
         $width: 200,
-        options: ee,
+        options: re,
         triggerRef: M,
-        visible: Q,
+        visible: U,
         shouldOpenOnRight: !1
       }
     ),
-    !a && !g && /* @__PURE__ */ x(ue, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
+    !a && !g && /* @__PURE__ */ x(de, { $position: "absolute", $width: "fit-content", $borderRadiusX: 2, children: [
       /* @__PURE__ */ t(
         H,
         {
@@ -231,13 +233,13 @@ const be = ({
           parentWidth: "100%",
           hidden: S || R !== "WAIT_FOR_REVIEW" && i,
           children: /* @__PURE__ */ t(
-            de,
+            he,
             {
               $alignItems: "center",
               $justifyContent: "center",
               ref: _,
-              onClick: J,
-              children: /* @__PURE__ */ t(ce, { width: 16, height: 16 })
+              onClick: Q,
+              children: /* @__PURE__ */ t(oe, { width: 16, height: 16 })
             }
           )
         }
@@ -245,7 +247,7 @@ const be = ({
       /* @__PURE__ */ t(
         z,
         {
-          options: N,
+          options: ee,
           triggerRef: _,
           visible: S,
           shouldOpenOnRight: B,
@@ -253,10 +255,10 @@ const be = ({
         }
       )
     ] }),
-    $ && /* @__PURE__ */ t(he, { $background: "WHITE_5", children: /* @__PURE__ */ t(me, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ t(H, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ t(se, { $heightX: 1, $widthX: 6 }) }) }) })
+    $ && /* @__PURE__ */ t(me, { $background: "WHITE_5", children: /* @__PURE__ */ t(fe, { $heightX: 1, $widthX: 6, children: /* @__PURE__ */ t(H, { renderAs: "primary", tooltipItem: "Not visible to student", position: "bottom", children: /* @__PURE__ */ t(ae, { $heightX: 1, $widthX: 6 }) }) }) })
   ] });
-}, Oe = te(be);
+}, Te = ie(we);
 export {
-  Oe as default
+  Te as default
 };
 //# sourceMappingURL=homework-card.js.map

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

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