@cuemath/leap 3.0.12-j → 3.0.12

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

@@ -1,128 +1,126 @@
-import { jsx as e, jsxs as m, Fragment as j } from "react/jsx-runtime";
-import { memo as z, useRef as F, useCallback as l } from "react";
-import Y from "../../../../../assets/line-icons/icons/eye2.js";
-import Z from "../../../../../assets/line-icons/icons/redo.js";
-import q from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import J from "../../../../ui/border-path-animation/border-path-animation.js";
-import Q from "../../../../ui/context-menu/context-menu.js";
-import U from "../../../../ui/lottie-animation/lottie-animation.js";
-import V from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as ee } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as $ } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as te } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as oe } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as re, NodeCardInfoWrapper as ne, IconWrapper as ae, StyledImportantIcon as ie, NodeCardContentWrapper as se, NodeCardTitle as ce } from "../node-card-styled.js";
-import de from "../node-card-tags.js";
-import me from "../node-menu-options/node-menu-options.js";
-const le = { renderer: "canvas", autoplay: !1 }, Le = z((A) => {
+import { jsx as e, jsxs as d, Fragment as H } from "react/jsx-runtime";
+import { memo as K, useRef as X, useCallback as m } from "react";
+import j from "../../../../../assets/line-icons/icons/eye2.js";
+import G from "../../../../../assets/line-icons/icons/redo.js";
+import z from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import F from "../../../../ui/context-menu/context-menu.js";
+import P from "../../../../ui/lottie-animation/lottie-animation.js";
+import Y from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as Z } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as q } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as J } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as Q } from "../../../utils/node-card-utils.js";
+import { NodeCardContainer as U, NodeCardInfoWrapper as V, IconWrapper as ee, StyledImportantIcon as te, NodeCardContentWrapper as re, NodeCardTitle as ne } from "../node-card-styled.js";
+import oe from "../node-card-tags.js";
+import ae from "../node-menu-options/node-menu-options.js";
+const ie = { renderer: "canvas", autoplay: !1 }, be = K((k) => {
   const {
     nodeData: t,
-    imageHue: S,
-    blockType: T,
+    imageHue: O,
+    blockType: b,
     onNodeAttempt: a,
     onNodeReattempt: i,
-    onNodeReview: s,
-    onNodeView: o,
-    isStudent: E
-  } = A, {
+    onNodeReview: c,
+    onNodeView: r,
+    isStudent: y
+  } = k, {
     accuracy: L,
-    attempt_location: y,
-    node_type: p,
-    card_header: R,
-    title: w,
-    state: c,
-    is_optional: g,
-    sheet_statement: _,
-    permissions: B,
-    marked_as_completed: d
+    attempt_location: S,
+    node_type: l,
+    card_header: A,
+    title: E,
+    state: C,
+    is_optional: T,
+    sheet_statement: $,
+    permissions: x,
+    marked_as_completed: g
   } = t, {
-    can_review: I,
-    can_start: u,
-    can_resume: h,
-    can_reset: O
-  } = B, x = T === ee.GOAL, n = c === $.LOCKED, N = c === $.NOT_STARTED, W = c === $.IN_PROGRESS, v = y === "INCLASS", M = u || h, b = !g && (W || N), f = !M && (O || I), C = F(null), D = te(p), { lottie: K } = oe(p), k = l(
-    (r) => {
-      switch (r) {
+    can_review: s,
+    can_start: p,
+    can_resume: u,
+    can_reset: _
+  } = x, R = b === Z.GOAL, o = C === q.LOCKED, v = S === "INCLASS", f = !(p || u) && (_ || s), h = X(null), w = J(l), { lottie: B } = Q(l), I = m(
+    (n) => {
+      switch (n) {
         case "node-card-review":
-          d ? o == null || o(t) : s == null || s(t);
+          s ? c == null || c(t) : r == null || r(t);
           return;
         case "node-card-reattempt":
           i == null || i(t);
           return;
         default:
-          throw new Error(`No callback function for ${r}`);
+          throw new Error(`No callback function for ${n}`);
       }
     },
-    [t, i, s, o, d]
-  ), G = l(() => {
-    f || n || (u || h ? a == null || a(t) : d && (o == null || o(t)));
+    [s, t, i, c, r]
+  ), M = m(() => {
+    f || o || (p || u ? a == null || a(t) : g && (r == null || r(t)));
   }, [
-    h,
     u,
+    p,
     t,
     a,
-    o,
+    r,
     f,
-    n,
-    d
-  ]), H = l(() => {
-    var r;
-    n || (r = C.current) == null || r.play();
-  }, [n]), P = l(() => {
-    var r;
-    (r = C.current) == null || r.stop();
-  }, []), X = [
+    o,
+    g
+  ]), W = m(() => {
+    var n;
+    o || (n = h.current) == null || n.play();
+  }, [o]), N = m(() => {
+    var n;
+    (n = h.current) == null || n.stop();
+  }, []), D = [
     {
       id: "node-card-review",
       label: "Review",
-      icon: Y,
-      disabled: !I,
-      onClick: k
+      icon: j,
+      disabled: !s,
+      onClick: I
     },
     {
       id: "node-card-reattempt",
       label: "Reattempt",
-      icon: Z,
-      disabled: !O,
-      onClick: k
+      icon: G,
+      disabled: !_,
+      onClick: I
     }
   ];
   return /* @__PURE__ */ e(
-    Q,
+    F,
     {
       targetElement: /* @__PURE__ */ e(
-        re,
+        U,
         {
-          $showOutline: !b,
-          $background: `${S}_2`,
-          $disabled: n,
-          onClick: G,
-          children: /* @__PURE__ */ m(
-            q,
+          $background: `${O}_2`,
+          $disabled: o,
+          onClick: M,
+          children: /* @__PURE__ */ d(
+            z,
             {
               renderAs: "primary",
-              tooltipItem: _,
+              tooltipItem: $,
               position: "bottom",
               zIndex: 5,
-              hidden: !_,
+              hidden: !$,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
-                /* @__PURE__ */ m(
-                  ne,
+                /* @__PURE__ */ d(
+                  V,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $heightX: 3.5,
-                    $bgImage: D,
+                    $bgImage: w,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    $opacity: n ? 0.5 : 1,
-                    onMouseEnter: H,
-                    onMouseLeave: P,
+                    $opacity: o ? 0.5 : 1,
+                    onMouseEnter: W,
+                    onMouseLeave: N,
                     children: [
-                      /* @__PURE__ */ m(
-                        ae,
+                      /* @__PURE__ */ d(
+                        ee,
                         {
                           $width: 31,
                           $height: 31,
@@ -132,42 +130,41 @@ const le = { renderer: "canvas", autoplay: !1 }, Le = z((A) => {
                           $justifyContent: "center",
                           children: [
                             /* @__PURE__ */ e(
-                              U,
+                              P,
                               {
-                                src: K,
-                                ref: C,
-                                settings: le
+                                src: B,
+                                ref: h,
+                                settings: ie
                               }
                             ),
-                            !g && /* @__PURE__ */ e(ie, {})
+                            !T && /* @__PURE__ */ e(te, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ m(V, { $renderAs: "ac4-black", $color: "BLACK", children: [
-                        R,
+                      /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                        A,
                         " ",
                         v && "• CW"
-                      ] }),
-                      b && /* @__PURE__ */ e(J, { borderColor: "BLACK_1", borderWidth: 1 })
+                      ] })
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(
-                  de,
+                  oe,
                   {
-                    nodeType: p,
-                    state: c,
+                    nodeType: l,
+                    state: C,
                     accuracy: L,
-                    isStudent: E
+                    isStudent: y
                   }
                 ),
-                !x && /* @__PURE__ */ e(se, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
-                  ce,
+                !R && /* @__PURE__ */ e(re, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  ne,
                   {
                     $renderAs: "ab3",
                     $color: "BLACK_1",
-                    $opacity: n ? 0.5 : 1,
-                    children: w
+                    $opacity: o ? 0.5 : 1,
+                    children: E
                   }
                 ) })
               ]
@@ -179,11 +176,11 @@ const le = { renderer: "canvas", autoplay: !1 }, Le = z((A) => {
       menuWidth: "100%",
       menuZIndex: 6,
       menuOffset: 2,
-      menuElement: f ? /* @__PURE__ */ e(me, { options: X }) : /* @__PURE__ */ e(j, {})
+      menuElement: f ? /* @__PURE__ */ e(ae, { options: D }) : /* @__PURE__ */ e(H, {})
     }
   );
 });
 export {
-  Le as default
+  be as default
 };
 //# sourceMappingURL=student-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"student-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/student-actions/student-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';\n\nimport { memo, useCallback, useRef, type FC } from 'react';\n\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport BorderPathAnimation from '../../../../ui/border-path-animation/border-path-animation';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\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 } 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 };\n\nconst StudentActions: FC<Omit<INodeCardProps, 'userType'>> = memo(props => {\n  const {\n    nodeData,\n    imageHue,\n    blockType,\n    onNodeAttempt,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    isStudent,\n  } = props;\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    marked_as_completed: teacherMarkedAsCompleted,\n  } = nodeData;\n  const {\n    can_review: canReview,\n    can_start: canStart,\n    can_resume: canResume,\n    can_reset: canReset,\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 sheetInProgress = state === NODE_CARD_STATES.IN_PROGRESS;\n  const inClassSheet = attemptLocation === 'INCLASS';\n  const canStartOrResume = canStart || canResume;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n  const renderOptions = !canStartOrResume && (canReset || canReview);\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'node-card-review':\n          teacherMarkedAsCompleted ? onNodeView?.(nodeData) : onNodeReview?.(nodeData);\n\n          return;\n\n        case 'node-card-reattempt':\n          onNodeReattempt?.(nodeData);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [nodeData, onNodeReattempt, onNodeReview, onNodeView, teacherMarkedAsCompleted],\n  );\n\n  const handleOnNodeCardClick = useCallback(() => {\n    if (renderOptions || sheetLocked) return;\n\n    if (canStart || canResume) {\n      onNodeAttempt?.(nodeData);\n    } else if (teacherMarkedAsCompleted) {\n      onNodeView?.(nodeData);\n    }\n  }, [\n    canResume,\n    canStart,\n    nodeData,\n    onNodeAttempt,\n    onNodeView,\n    renderOptions,\n    sheetLocked,\n    teacherMarkedAsCompleted,\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 menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-review',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <ContextMenu\n      targetElement={\n        <Styled.NodeCardContainer\n          $showOutline={!showCardAnimation}\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={!sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              $opacity={sheetLocked ? 0.5 : 1}\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              >\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\">\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n              {showCardAnimation && <BorderPathAnimation borderColor=\"BLACK_1\" borderWidth={1} />}\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags\n              nodeType={nodeType}\n              state={state}\n              accuracy={accuracy}\n              isStudent={isStudent}\n            />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper $background=\"WHITE_1\" $heightX={4}>\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n      }\n      startLeft\n      menuWidth=\"100%\"\n      menuZIndex={6}\n      menuOffset={2}\n      menuElement={renderOptions ? <NodeMenuOptions options={menuOptions} /> : <></>}\n    />\n  );\n});\n\nexport default StudentActions;\n"],"names":["renderSettings","StudentActions","memo","props","nodeData","imageHue","blockType","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeView","isStudent","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","teacherMarkedAsCompleted","canReview","canStart","canResume","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","canStartOrResume","showCardAnimation","renderOptions","animationRef","useRef","nodeBgImage","getNodeTypeBasedBgImage","nodeCardLottie","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","handleOnMouseEnter","_a","handleOnMouseLeave","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","NodeMenuOptions","Fragment"],"mappings":"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"}
+{"version":3,"file":"student-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/student-actions/student-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';\n\nimport { memo, useCallback, useRef, type FC } from 'react';\n\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\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 } 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 };\n\nconst StudentActions: FC<Omit<INodeCardProps, 'userType'>> = memo(props => {\n  const {\n    nodeData,\n    imageHue,\n    blockType,\n    onNodeAttempt,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    isStudent,\n  } = props;\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    marked_as_completed: teacherMarkedAsCompleted,\n  } = nodeData;\n  const {\n    can_review: canReview,\n    can_start: canStart,\n    can_resume: canResume,\n    can_reset: canReset,\n  } = permissions;\n\n  const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n  const sheetLocked = state === NODE_CARD_STATES.LOCKED;\n  const inClassSheet = attemptLocation === 'INCLASS';\n  const canStartOrResume = canStart || canResume;\n\n  const renderOptions = !canStartOrResume && (canReset || canReview);\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'node-card-review':\n          if (canReview) {\n            onNodeReview?.(nodeData);\n          } else {\n            onNodeView?.(nodeData);\n          }\n\n          return;\n\n        case 'node-card-reattempt':\n          onNodeReattempt?.(nodeData);\n\n          return;\n\n        default:\n          throw new Error(`No callback function for ${optionId}`);\n      }\n    },\n    [canReview, nodeData, onNodeReattempt, onNodeReview, onNodeView],\n  );\n\n  const handleOnNodeCardClick = useCallback(() => {\n    if (renderOptions || sheetLocked) return;\n\n    if (canStart || canResume) {\n      onNodeAttempt?.(nodeData);\n    } else if (teacherMarkedAsCompleted) {\n      onNodeView?.(nodeData);\n    }\n  }, [\n    canResume,\n    canStart,\n    nodeData,\n    onNodeAttempt,\n    onNodeView,\n    renderOptions,\n    sheetLocked,\n    teacherMarkedAsCompleted,\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 menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-review',\n      label: 'Review',\n      icon: Eye2Icon,\n      disabled: !canReview,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-reattempt',\n      label: 'Reattempt',\n      icon: RedoIcon,\n      disabled: !canReset,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <ContextMenu\n      targetElement={\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={!sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              $opacity={sheetLocked ? 0.5 : 1}\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              >\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\">\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags\n              nodeType={nodeType}\n              state={state}\n              accuracy={accuracy}\n              isStudent={isStudent}\n            />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper $background=\"WHITE_1\" $heightX={4}>\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n      }\n      startLeft\n      menuWidth=\"100%\"\n      menuZIndex={6}\n      menuOffset={2}\n      menuElement={renderOptions ? <NodeMenuOptions options={menuOptions} /> : <></>}\n    />\n  );\n});\n\nexport default StudentActions;\n"],"names":["renderSettings","StudentActions","memo","props","nodeData","imageHue","blockType","onNodeAttempt","onNodeReattempt","onNodeReview","onNodeView","isStudent","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","teacherMarkedAsCompleted","canReview","canStart","canResume","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","inClassSheet","renderOptions","animationRef","useRef","nodeBgImage","getNodeTypeBasedBgImage","nodeCardLottie","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","handleOnMouseEnter","_a","handleOnMouseLeave","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","NodeMenuOptions","Fragment"],"mappings":"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"}

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

@@ -1,150 +1,147 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { memo as q, useRef as L, useCallback as $ } from "react";
-import J from "../../../../../assets/line-icons/icons/check2.js";
-import Q from "../../../../../assets/line-icons/icons/eye2.js";
-import V from "../../../../../assets/line-icons/icons/home2.js";
-import O from "../../../../../assets/line-icons/icons/more-vertical.js";
-import Z from "../../../../../assets/line-icons/icons/redo.js";
-import D from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import N from "../../../../ui/border-path-animation/border-path-animation.js";
-import ee from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import re from "../../../../ui/layout/flex-view.js";
-import te from "../../../../ui/lottie-animation/lottie-animation.js";
-import ne from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as ie } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as _, TEACHER_MENU_LABELS as oe } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as ce } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as ae } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as se, NodeCardInfoWrapper as le, IconWrapper as de, StyledImportantIcon as me, NodeKebabMenuWrapper as y, NodeCardContentWrapper as pe, NodeCardTitle as he, NodeMenuOptionsWrapper as fe } from "../node-card-styled.js";
-import ue from "../node-card-tags.js";
-import Ce from "../node-menu-options/node-menu-options.js";
-const $e = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: be, MARK_AS_DONE: ge, RESET: Ee } = oe, Fe = q(
+import { memo as P, useRef as g, useCallback as C } from "react";
+import R from "../../../../../assets/line-icons/icons/check2.js";
+import U from "../../../../../assets/line-icons/icons/eye2.js";
+import Y from "../../../../../assets/line-icons/icons/home2.js";
+import E from "../../../../../assets/line-icons/icons/more-vertical.js";
+import q from "../../../../../assets/line-icons/icons/redo.js";
+import J from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Q from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import V from "../../../../ui/layout/flex-view.js";
+import Z from "../../../../ui/lottie-animation/lottie-animation.js";
+import D from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as N } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as ee, TEACHER_MENU_LABELS as re } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as te } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as ne } from "../../../utils/node-card-utils.js";
+import { NodeCardContainer as ie, NodeCardInfoWrapper as ce, IconWrapper as ae, StyledImportantIcon as oe, NodeKebabMenuWrapper as y, NodeCardContentWrapper as le, NodeCardTitle as se, NodeMenuOptionsWrapper as de } from "../node-card-styled.js";
+import me from "../node-card-tags.js";
+import pe from "../node-menu-options/node-menu-options.js";
+const he = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: fe, REVIEW: ue, VIEW: Ce, MARK_AS_DONE: $e, RESET: _e } = re, ve = P(
   ({
     nodeData: t,
-    imageHue: k,
-    blockType: W,
-    isSkipped: I,
-    onNodeAssignAsHomework: o,
-    onNodeMarkAsDone: c,
-    onNodeView: a,
-    onNodeReview: s,
-    onNodeReattempt: l
+    imageHue: L,
+    blockType: S,
+    isSkipped: T,
+    onNodeAssignAsHomework: c,
+    onNodeMarkAsDone: a,
+    onNodeView: o,
+    onNodeReview: l,
+    onNodeReattempt: s
   }) => {
-    const p = L(null), { menuVisible: x, onMenuClick: b } = ee(p), {
-      accuracy: B,
-      attempt_location: A,
-      node_type: h,
-      card_header: M,
-      title: w,
-      state: d,
-      is_optional: g,
-      sheet_statement: E,
-      permissions: K,
-      user_attempt_id: f
-    } = t, { lottie: G } = ae(h), u = L(null), {
-      can_mark_familiar: j,
-      can_review: C,
-      can_assign_as_homework: v,
-      can_reset: P
-    } = K, S = W === ie.GOAL, n = d === _.LOCKED, R = d === _.NOT_STARTED, X = d === _.IN_PROGRESS, H = A === "INCLASS", T = !g && (X || R), F = ce(h), m = $(
+    const m = g(null), { menuVisible: k, onMenuClick: $ } = Q(m), {
+      accuracy: O,
+      attempt_location: x,
+      node_type: p,
+      card_header: W,
+      title: B,
+      state: _,
+      is_optional: M,
+      sheet_statement: I,
+      permissions: w,
+      user_attempt_id: h
+    } = t, { lottie: A } = ne(p), f = g(null), {
+      can_mark_familiar: K,
+      can_review: u,
+      can_assign_as_homework: G,
+      can_reset: j
+    } = w, b = S === N.GOAL, n = _ === ee.LOCKED, v = x === "INCLASS", X = te(p), d = C(
       (r) => {
         switch (r) {
           case "node-card-view":
-            C && f ? s == null || s(t) : a == null || a(t);
+            u && h ? l == null || l(t) : o == null || o(t);
             return;
           case "node-card-assign-as-hw":
-            o == null || o(t);
+            c == null || c(t);
             return;
           case "node-card-mark-as-done":
-            c == null || c(t);
+            a == null || a(t);
             return;
           case "node-card-reset":
-            l == null || l(t);
+            s == null || s(t);
             return;
           default:
             throw new Error(`No callback function for ${r}`);
         }
       },
       [
-        C,
+        u,
         t,
-        o,
         c,
-        l,
-        s,
         a,
-        f
+        s,
+        l,
+        o,
+        h
       ]
-    ), z = $(() => {
+    ), H = C(() => {
       var r;
-      n || (r = u.current) == null || r.play();
-    }, [n]), U = $(() => {
+      n || (r = f.current) == null || r.play();
+    }, [n]), F = C(() => {
       var r;
-      (r = u.current) == null || r.stop();
-    }, []), Y = [
+      (r = f.current) == null || r.stop();
+    }, []), z = [
       {
         id: "node-card-view",
-        label: C && f ? Ie : be,
-        icon: Q,
+        label: u && h ? ue : Ce,
+        icon: U,
         disabled: !1,
-        onClick: m
+        onClick: d
       },
       {
         id: "node-card-assign-as-hw",
-        label: _e,
-        icon: V,
-        disabled: !v,
-        onClick: m
+        label: fe,
+        icon: Y,
+        disabled: !G,
+        onClick: d
       },
       {
         id: "node-card-reset",
-        label: Ee,
-        icon: Z,
-        disabled: !P,
-        onClick: m
+        label: _e,
+        icon: q,
+        disabled: !j,
+        onClick: d
       },
       {
         id: "node-card-mark-as-done",
-        label: ge,
-        icon: J,
-        disabled: !j,
-        onClick: m
+        label: $e,
+        icon: R,
+        disabled: !K,
+        onClick: d
       }
     ];
     return /* @__PURE__ */ i(
-      se,
+      ie,
       {
-        $showOutline: !T,
-        $isSheetLocked: n,
-        $background: `${k}_2`,
-        $disabled: !!I,
+        $background: `${L}_2`,
+        $disabled: !!(T || n),
         children: [
           /* @__PURE__ */ i(
-            D,
+            J,
             {
               renderAs: "primary",
-              tooltipItem: E,
+              tooltipItem: I,
               position: "bottom",
               zIndex: 5,
-              hidden: !E,
+              hidden: !I,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ i(
-                  le,
+                  ce,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: F,
+                    $bgImage: X,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    onMouseEnter: z,
-                    onMouseLeave: U,
+                    onMouseEnter: H,
+                    onMouseLeave: F,
                     children: [
                       /* @__PURE__ */ i(
-                        de,
+                        ae,
                         {
                           $width: 31,
                           $height: 31,
@@ -154,24 +151,23 @@ const $e = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: _e, REVIEW: Ie,
                           $justifyContent: "center",
                           $opacity: n ? 0.5 : 1,
                           children: [
-                            /* @__PURE__ */ e(te, { src: G, ref: u, settings: $e }),
-                            !g && /* @__PURE__ */ e(me, {})
+                            /* @__PURE__ */ e(Z, { src: A, ref: f, settings: he }),
+                            !M && /* @__PURE__ */ e(oe, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ i(ne, { $renderAs: "ac4-black", $color: "BLACK", $opacity: n ? 0.5 : 1, children: [
-                        M,
+                      /* @__PURE__ */ i(D, { $renderAs: "ac4-black", $color: "BLACK", $opacity: n ? 0.5 : 1, children: [
+                        W,
                         " ",
-                        H && "• CW"
+                        v && "• CW"
                       ] }),
-                      /* @__PURE__ */ e(re, { className: "context-menu", children: S && /* @__PURE__ */ e(y, { ref: p, onClick: b, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) }) }),
-                      T && !I && /* @__PURE__ */ e(N, { borderColor: "BLACK_1", borderWidth: 1 })
+                      /* @__PURE__ */ e(V, { className: "context-menu", children: b && /* @__PURE__ */ e(y, { ref: m, onClick: $, children: /* @__PURE__ */ e(E, { width: 16, height: 16 }) }) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(ue, { nodeType: h, state: d, accuracy: B }),
-                !S && /* @__PURE__ */ i(
-                  pe,
+                /* @__PURE__ */ e(me, { nodeType: p, state: _, accuracy: O }),
+                !b && /* @__PURE__ */ i(
+                  le,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -181,28 +177,28 @@ const $e = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: _e, REVIEW: Ie,
                     $justifyContent: "space-between",
                     children: [
                       /* @__PURE__ */ e(
-                        he,
+                        se,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
                           $opacity: n ? 0.5 : 1,
-                          children: w
+                          children: B
                         }
                       ),
-                      /* @__PURE__ */ e(y, { ref: p, onClick: b, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) })
+                      /* @__PURE__ */ e(y, { ref: m, onClick: $, children: /* @__PURE__ */ e(E, { width: 16, height: 16 }) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(fe, { $visible: x, children: /* @__PURE__ */ e(Ce, { options: Y }) })
+          /* @__PURE__ */ e(de, { $visible: k, children: /* @__PURE__ */ e(pe, { options: z }) })
         ]
       }
     );
   }
 );
 export {
-  Fe as default
+  ve as default
 };
 //# sourceMappingURL=teacher-actions.js.map