@cuemath/leap 3.1.0-gg2 → 3.1.1-beta-0.1

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js

@@ -1,176 +1,208 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { memo as N, useRef as S, useCallback as m } from "react";
-import rr from "../../../../../assets/line-icons/icons/check2.js";
-import tr from "../../../../../assets/line-icons/icons/eye2.js";
-import er from "../../../../../assets/line-icons/icons/home2.js";
-import cr from "../../../../../assets/line-icons/icons/lock3.js";
-import T from "../../../../../assets/line-icons/icons/more-vertical.js";
-import ir from "../../../../../assets/line-icons/icons/redo.js";
-import nr from "../../../../../assets/line-icons/icons/unlock2.js";
-import ar from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import lr from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import y from "../../../../ui/layout/flex-view.js";
-import sr from "../../../../ui/lottie-animation/lottie-animation.js";
-import or from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as mr } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as x, TEACHER_MENU_LABELS as pr } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as dr } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as hr } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as ur, NodeCardInfoWrapper as fr, IconWrapper as Cr, StyledImportantIcon as $r, NodeKebabMenuWrapper as W, NodeCardContentWrapper as _r, NodeCardTitle as br, NodeMenuOptionsWrapper as Ir } from "../node-card-styled.js";
-import kr from "../node-card-tags.js";
-import Er from "../node-menu-options/node-menu-options.js";
-const gr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Lr, REVIEW: Or, VIEW: Sr, MARK_AS_DONE: Tr, RESET: yr, LOCK: xr, UNLOCK: Wr } = pr, Dr = N(
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { memo as ar, useRef as T, useCallback as d, useEffect as sr } from "react";
+import lr from "../../../../../assets/line-icons/icons/check2.js";
+import or from "../../../../../assets/line-icons/icons/eye2.js";
+import mr from "../../../../../assets/line-icons/icons/home2.js";
+import dr from "../../../../../assets/line-icons/icons/lock3.js";
+import v from "../../../../../assets/line-icons/icons/more-vertical.js";
+import pr from "../../../../../assets/line-icons/icons/redo.js";
+import ur from "../../../../../assets/line-icons/icons/skip.js";
+import hr from "../../../../../assets/line-icons/icons/unlock2.js";
+import fr from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Cr from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import A from "../../../../ui/layout/flex-view.js";
+import _r from "../../../../ui/lottie-animation/lottie-animation.js";
+import $r from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as Ir } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as G, TEACHER_MENU_LABELS as br } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as Er } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as kr } from "../../../utils/node-card-utils.js";
+import { NodeCardContainer as gr, NodeCardInfoWrapper as Lr, IconWrapper as Or, StyledImportantIcon as Tr, NodeKebabMenuWrapper as j, NodeCardContentWrapper as yr, NodeCardTitle as xr, NodeMenuOptionsWrapper as Sr } from "../node-card-styled.js";
+import Wr from "../node-card-tags.js";
+import Mr from "../node-menu-options/node-menu-options.js";
+const Br = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Kr, REVIEW: vr, VIEW: Ar, MARK_AS_DONE: Gr, RESET: jr, LOCK: Xr, UNLOCK: Hr } = br, y = "cue_cp_close_other_node_card_menu_options", le = ar(
   ({
     nodeData: r,
-    imageHue: B,
-    blockType: M,
-    isSkipped: K,
+    imageHue: X,
+    blockType: H,
+    isSkipped: q,
     onNodeAssignAsHomework: p,
-    onNodeMarkAsDone: d,
+    onNodeMarkAsDone: u,
     onNodeView: c,
-    onNodeReview: i,
+    onNodeReview: n,
     onNodeReattempt: h,
-    onNodeUnlock: u,
-    onNodeUnassign: f
+    onNodeUnlock: f,
+    onNodeUnassign: C,
+    onNodeSkipUnSkip: _
   }) => {
-    const $ = S(null), { menuVisible: k, onMenuClick: E } = lr($), {
-      accuracy: A,
-      attempt_location: G,
-      node_type: _,
-      card_header: j,
-      title: X,
-      state: b,
-      is_optional: H,
-      sheet_statement: g,
-      permissions: F,
-      user_attempt_id: l
-    } = r, { lottie: P } = hr(_), I = S(null), {
-      can_mark_familiar: z,
-      can_review: s,
-      can_assign_as_homework: Y,
-      can_reset: q,
-      can_unlock: C,
-      can_unassign: J
-    } = F, L = M === mr.GOAL, n = b === x.LOCKED, Q = b === x.NOT_STARTED, Z = G === "INCLASS", v = (n || Q) && (C || J), R = dr(_), o = m(
+    const x = T(r.node_id), b = T(null), { menuVisible: a, onMenuClick: S, hideMenu: W } = Cr(b), {
+      accuracy: F,
+      attempt_location: P,
+      node_type: E,
+      card_header: z,
+      title: Y,
+      state: k,
+      is_optional: J,
+      sheet_statement: M,
+      permissions: Q,
+      user_attempt_id: o
+    } = r, { lottie: Z } = kr(E), g = T(null), {
+      can_mark_familiar: R,
+      can_review: m,
+      can_assign_as_homework: w,
+      can_reset: V,
+      can_unlock: $,
+      can_unassign: U,
+      can_un_skip: L,
+      can_skip: O
+    } = Q, B = H === Ir.GOAL, i = k === G.LOCKED || L, D = k === G.NOT_STARTED, N = P === "INCLASS", rr = (i || D) && ($ || U), er = Er(E), s = d(
       (e) => {
         switch (e) {
           case "node-card-view":
-            s && l ? i == null || i(r) : c == null || c(r);
+            m && o ? n == null || n(r) : c == null || c(r);
             return;
           case "node-card-assign-as-hw":
             p == null || p(r);
             return;
           case "node-card-mark-as-done":
-            d == null || d(r);
+            u == null || u(r);
             return;
           case "node-card-reset":
             h == null || h(r);
             return;
           case "node-card-unlock":
-            u == null || u(r);
+            f == null || f(r);
             return;
           case "node-card-lock":
-            f == null || f(r);
+            C == null || C(r);
+            return;
+          case "node-card-skip":
+          case "node-card-revert-skip":
+            _ == null || _(r);
             return;
           default:
             throw new Error(`No callback function for ${e}`);
         }
       },
       [
-        s,
+        m,
         r,
         p,
-        d,
+        u,
         h,
-        i,
+        n,
+        _,
+        C,
         f,
-        u,
         c,
-        l
+        o
       ]
-    ), U = m(() => {
+    ), tr = d(() => {
       var e;
-      n || (e = I.current) == null || e.play();
-    }, [n]), w = m(() => {
+      i || (e = g.current) == null || e.play();
+    }, [i]), cr = d(() => {
       var e;
-      (e = I.current) == null || e.stop();
-    }, []), V = m(() => {
-      s && l ? i == null || i(r) : c == null || c(r);
-    }, [s, r, i, c, l]), O = m(
+      (e = g.current) == null || e.stop();
+    }, []), nr = d(() => {
+      m && o ? n == null || n(r) : c == null || c(r);
+    }, [m, r, n, c, o]), K = d(
       (e) => {
-        e.stopPropagation(), E();
+        if (e.stopPropagation(), !a) {
+          const I = new CustomEvent(y, {
+            detail: { sourceId: x.current }
+          });
+          document.dispatchEvent(I);
+        }
+        S();
       },
-      [E]
-    ), D = [
+      [S, a]
+    );
+    sr(() => {
+      const e = (I) => {
+        I.detail && I.detail.sourceId !== x.current && a && W();
+      };
+      return document.addEventListener(y, e), () => {
+        document.removeEventListener(y, e);
+      };
+    }, [a, W]);
+    const ir = [
       {
         id: "node-card-view",
-        label: s && l ? Or : Sr,
-        icon: tr,
+        label: m && o ? vr : Ar,
+        icon: or,
         disabled: !1,
-        onClick: o
+        onClick: s
       },
       {
         id: "node-card-assign-as-hw",
-        label: Lr,
-        icon: er,
-        disabled: !Y,
-        onClick: o
+        label: Kr,
+        icon: mr,
+        disabled: !w,
+        onClick: s
       },
       {
         id: "node-card-reset",
-        label: yr,
-        icon: ir,
-        disabled: !q,
-        onClick: o
+        label: jr,
+        icon: pr,
+        disabled: !V,
+        onClick: s
       },
       {
         id: "node-card-mark-as-done",
-        label: Tr,
-        icon: rr,
-        disabled: !z,
-        onClick: o
+        label: Gr,
+        icon: lr,
+        disabled: !R,
+        onClick: s
       },
       {
-        id: `node-card-${C ? "unlock" : "lock"}`,
-        label: C ? Wr : xr,
-        icon: C ? nr : cr,
-        disabled: !v,
-        onClick: o
+        id: `node-card-${$ ? "unlock" : "lock"}`,
+        label: $ ? Hr : Xr,
+        icon: $ ? hr : dr,
+        disabled: !rr,
+        onClick: s
+      },
+      {
+        id: `node-card-${O ? "skip" : "revert-skip"}`,
+        label: O ? "Skip" : "Revert 'Skip'",
+        icon: ur,
+        disabled: !L && !O,
+        onClick: s
       }
     ];
-    return /* @__PURE__ */ a(y, { $position: "relative", children: [
+    return /* @__PURE__ */ l(A, { $position: "relative", children: [
       /* @__PURE__ */ t(
-        ur,
+        gr,
         {
-          $background: `${B}_2`,
-          $disabled: !!(K || n),
-          onClick: V,
-          children: /* @__PURE__ */ a(
-            ar,
+          $background: `${X}_2`,
+          $disabled: i,
+          onClick: nr,
+          $opacity: q ? 0.5 : 1,
+          children: /* @__PURE__ */ l(
+            fr,
             {
               renderAs: "primary",
-              tooltipItem: g,
+              tooltipItem: M,
               position: "bottom",
               zIndex: 5,
-              hidden: k || !g,
+              hidden: a || !M,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
-                /* @__PURE__ */ a(
-                  fr,
+                /* @__PURE__ */ l(
+                  Lr,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: R,
+                    $bgImage: er,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    onMouseEnter: U,
-                    onMouseLeave: w,
+                    onMouseEnter: tr,
+                    onMouseLeave: cr,
                     children: [
-                      /* @__PURE__ */ a(
-                        Cr,
+                      /* @__PURE__ */ l(
+                        Or,
                         {
                           $width: 31,
                           $height: 31,
@@ -178,32 +210,41 @@ const gr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Lr, REVIEW: Or,
                           $position: "relative",
                           $alignItems: "center",
                           $justifyContent: "center",
-                          $opacity: n ? 0.5 : 1,
+                          $opacity: i ? 0.5 : 1,
                           children: [
                             /* @__PURE__ */ t(
-                              sr,
+                              _r,
                               {
-                                src: P,
-                                ref: I,
-                                settings: gr
+                                src: Z,
+                                ref: g,
+                                settings: Br
                               }
                             ),
-                            !H && /* @__PURE__ */ t($r, {})
+                            !J && /* @__PURE__ */ t(Tr, {})
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        $r,
+                        {
+                          $renderAs: "ac4-black",
+                          $color: "BLACK",
+                          $opacity: i ? 0.5 : 1,
+                          $textDecoration: L ? "line-through" : "none",
+                          children: [
+                            z,
+                            " ",
+                            N && "• CW"
                           ]
                         }
                       ),
-                      /* @__PURE__ */ a(or, { $renderAs: "ac4-black", $color: "BLACK", $opacity: n ? 0.5 : 1, children: [
-                        j,
-                        " ",
-                        Z && "• CW"
-                      ] }),
-                      /* @__PURE__ */ t(y, { className: "context-menu", children: L && /* @__PURE__ */ t(W, { ref: $, onClick: O, children: /* @__PURE__ */ t(T, { width: 18, height: 18 }) }) })
+                      /* @__PURE__ */ t(A, { className: "context-menu", children: B && /* @__PURE__ */ t(j, { ref: b, onClick: K, children: /* @__PURE__ */ t(v, { width: 18, height: 18 }) }) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ t(kr, { nodeType: _, state: b, accuracy: A }),
-                !L && /* @__PURE__ */ a(
-                  _r,
+                /* @__PURE__ */ t(Wr, { nodeType: E, state: k, accuracy: F }),
+                !B && /* @__PURE__ */ l(
+                  yr,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -213,15 +254,15 @@ const gr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Lr, REVIEW: Or,
                     $justifyContent: "space-between",
                     children: [
                       /* @__PURE__ */ t(
-                        br,
+                        xr,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
-                          $opacity: n ? 0.5 : 1,
-                          children: X
+                          $opacity: i ? 0.5 : 1,
+                          children: Y
                         }
                       ),
-                      /* @__PURE__ */ t(W, { ref: $, onClick: O, children: /* @__PURE__ */ t(T, { width: 18, height: 18 }) })
+                      /* @__PURE__ */ t(j, { ref: b, onClick: K, children: /* @__PURE__ */ t(v, { width: 18, height: 18 }) })
                     ]
                   }
                 )
@@ -230,11 +271,11 @@ const gr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Lr, REVIEW: Or,
           )
         }
       ),
-      /* @__PURE__ */ t(Ir, { $visible: k, children: /* @__PURE__ */ t(Er, { options: D }) })
+      /* @__PURE__ */ t(Sr, { $visible: a, children: /* @__PURE__ */ t(Mr, { options: ir }) })
     ] });
   }
 );
 export {
-  Dr as default
+  le as default
 };
 //# sourceMappingURL=teacher-actions.js.map

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n        onMenuClick();\n      },\n      [onMenuClick],\n    );\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={Boolean(isSkipped || sheetLocked)}\n          onClick={handleOnNodeCardClick}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text $renderAs=\"ac4-black\" $color=\"BLACK\" $opacity={sheetLocked ? 0.5 : 1}>\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../../assets/line-icons/icons/skip';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_TYPE } from '../../../constants/block-constants';\nimport { NODE_CARD_STATES, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst customEventName = 'cue_cp_close_other_node_card_menu_options';\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n    onNodeSkipUnSkip,\n  }) => {\n    const componentUniqueIdRef = useRef(nodeData.node_id);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(containerRef);\n\n    const {\n      accuracy,\n      attempt_location: attemptLocation,\n      node_type: nodeType,\n      card_header: cardHeader,\n      title,\n      state,\n      is_optional: isOptional,\n      sheet_statement: sheetStatement,\n      permissions,\n      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n      can_un_skip: canUnSkip,\n      can_skip: canSkip,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED || canUnSkip;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n          case 'node-card-skip':\n          case 'node-card-revert-skip':\n            onNodeSkipUnSkip?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeSkipUnSkip,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n\n        //* If this menu is not currently visible, it means onMenuClick will attempt to open it.\n        //* In that case, dispatch an event to close other menus.\n        //* This check ensures we only dispatch, When this menu is about to be opened.\n        if (!menuVisible) {\n          const event = new CustomEvent(customEventName, {\n            detail: { sourceId: componentUniqueIdRef.current },\n          });\n\n          document.dispatchEvent(event);\n        }\n\n        //* This will toggle the current menu's visibility.\n        onMenuClick();\n      },\n      [onMenuClick, menuVisible],\n    );\n\n    useEffect(() => {\n      const handleCloseRequest = (event: CustomEvent) => {\n        //*() Ensure event.detail and event.detail.sourceId exist before accessing\n        if (event.detail && event.detail.sourceId !== componentUniqueIdRef.current && menuVisible) {\n          hideMenu();\n        }\n      };\n\n      document.addEventListener(customEventName, handleCloseRequest as EventListener);\n\n      return () => {\n        document.removeEventListener(customEventName, handleCloseRequest as EventListener);\n      };\n    }, [menuVisible, hideMenu]);\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canSkip ? 'skip' : `revert-skip`}`,\n        label: canSkip ? 'Skip' : `Revert 'Skip'`,\n        icon: SkipIcon,\n        disabled: !canUnSkip && !canSkip,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n          $opacity={isSkipped ? 0.5 : 1}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text\n                $renderAs=\"ac4-black\"\n                $color=\"BLACK\"\n                $opacity={sheetLocked ? 0.5 : 1}\n                $textDecoration={canUnSkip ? 'line-through' : 'none'}\n              >\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","customEventName","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","onNodeSkipUnSkip","componentUniqueIdRef","useRef","containerRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","canUnSkip","canSkip","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","event","useEffect","handleCloseRequest","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","SkipIcon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}