@cuemath/leap 2.9.9-as1 → 2.9.9-as2

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

@@ -1,126 +1,128 @@
-import { jsx as e, jsxs as d, Fragment as F } from "react/jsx-runtime";
-import { memo as Y, useState as Z, useCallback as m } from "react";
-import q from "../../../../../assets/line-icons/icons/eye2.js";
-import J from "../../../../../assets/line-icons/icons/redo.js";
-import Q from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import U from "../../../../ui/context-menu/context-menu.js";
-import V from "../../../../ui/lottie-animation/lottie-animation.js";
-import ee from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as te } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as f } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as oe } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as re } from "../../../utils/node-card-utils.js";
-import ne from "../border-path-animation.js";
-import { NodeCardContainer as ae, NodeCardInfoWrapper as ie, IconWrapper as ce, StyledImportantIcon as se, NodeCardContentWrapper as de, NodeCardTitle as me } from "../node-card-styled.js";
-import le from "../node-card-tags.js";
-import pe from "../node-menu-options/node-menu-options.js";
-const we = Y((b) => {
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { memo as j, useRef as z, 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 F from "../../../../ui/context-menu/context-menu.js";
+import J from "../../../../ui/lottie-animation/lottie-animation.js";
+import Q from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as U } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as C } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as V } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as ee } from "../../../utils/node-card-utils.js";
+import te from "../border-path-animation.js";
+import { NodeCardContainer as oe, NodeCardInfoWrapper as re, IconWrapper as ne, StyledImportantIcon as ae, NodeCardContentWrapper as ie, NodeCardTitle as se } from "../node-card-styled.js";
+import ce from "../node-card-tags.js";
+import de from "../node-menu-options/node-menu-options.js";
+const me = { renderer: "canvas", autoplay: !1 }, Ee = j((b) => {
   const {
     nodeData: t,
     imageHue: A,
-    blockType: L,
-    onNodeAttempt: n,
-    onNodeReattempt: a,
-    onNodeReview: i,
+    blockType: T,
+    onNodeAttempt: a,
+    onNodeReattempt: i,
+    onNodeReview: s,
     onNodeView: o,
-    isStudent: T
+    isStudent: E
   } = b, {
-    accuracy: E,
-    attempt_location: w,
-    node_type: l,
-    card_header: y,
-    title: N,
+    accuracy: y,
+    attempt_location: L,
+    node_type: p,
+    card_header: R,
+    title: w,
     state: c,
-    is_optional: C,
-    sheet_statement: $,
-    permissions: R,
-    marked_as_completed: s
+    is_optional: $,
+    sheet_statement: g,
+    permissions: x,
+    marked_as_completed: d
   } = t, {
-    can_review: g,
-    can_start: p,
-    can_resume: h,
+    can_review: _,
+    can_start: u,
+    can_resume: f,
     can_reset: I
-  } = R, x = L === te.GOAL, r = c === f.LOCKED, B = c === f.NOT_STARTED, v = c === f.IN_PROGRESS, M = w === "INCLASS", W = p || h, _ = !C && (v || B), u = !W && (I || g), [D, O] = Z(!1), G = oe(l), { icon: H, lottie: K } = re(l), k = m(
-    (S) => {
-      switch (S) {
+  } = x, B = T === U.GOAL, n = c === C.LOCKED, N = c === C.NOT_STARTED, v = c === C.IN_PROGRESS, M = L === "INCLASS", W = u || f, O = !$ && (v || N), k = !W && (I || _), h = z(null), D = V(p), { lottie: G } = ee(p), S = l(
+    (r) => {
+      switch (r) {
         case "node-card-review":
-          s ? o == null || o(t) : i == null || i(t);
+          d ? o == null || o(t) : s == null || s(t);
           return;
         case "node-card-reattempt":
-          a == null || a(t);
+          i == null || i(t);
           return;
         default:
-          throw new Error(`No callback function for ${S}`);
+          throw new Error(`No callback function for ${r}`);
       }
     },
-    [t, a, i, o, s]
-  ), P = m(() => {
-    u || r || (p || h ? n == null || n(t) : s && (o == null || o(t)));
+    [t, i, s, o, d]
+  ), H = l(() => {
+    k || n || (u || f ? a == null || a(t) : d && (o == null || o(t)));
   }, [
-    h,
-    p,
+    f,
+    u,
     t,
-    n,
+    a,
     o,
-    u,
-    r,
-    s
-  ]), X = m(() => {
-    r || O(!0);
-  }, [r]), j = m(() => {
-    O(!1);
-  }, []), z = [
+    k,
+    n,
+    d
+  ]), K = l(() => {
+    var r;
+    n || (r = h.current) == null || r.play();
+  }, [n]), P = l(() => {
+    var r;
+    (r = h.current) == null || r.stop();
+  }, []), X = [
     {
       id: "node-card-review",
       label: "Review",
-      icon: q,
-      disabled: !g,
-      onClick: k
+      icon: Y,
+      disabled: !_,
+      onClick: S
     },
     {
       id: "node-card-reattempt",
       label: "Reattempt",
-      icon: J,
+      icon: Z,
       disabled: !I,
-      onClick: k
+      onClick: S
     }
   ];
   return /* @__PURE__ */ e(
-    U,
+    F,
     {
       targetElement: /* @__PURE__ */ e(
-        ae,
+        oe,
         {
-          $showOutline: !_,
+          $showOutline: !O,
           $background: `${A}_2`,
-          $disabled: r,
-          onClick: P,
-          onMouseEnter: X,
-          onMouseLeave: j,
-          children: /* @__PURE__ */ d(
-            Q,
+          $disabled: n,
+          onClick: H,
+          onMouseEnter: K,
+          onMouseLeave: P,
+          children: /* @__PURE__ */ m(
+            q,
             {
               renderAs: "primary",
-              tooltipItem: $,
+              tooltipItem: g,
               position: "bottom",
               zIndex: 5,
-              hidden: !$,
+              hidden: !g,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
-                /* @__PURE__ */ d(
-                  ie,
+                /* @__PURE__ */ m(
+                  re,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $heightX: 3.5,
-                    $bgImage: G,
+                    $bgImage: D,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    $opacity: r ? 0.5 : 1,
+                    $opacity: n ? 0.5 : 1,
                     children: [
-                      /* @__PURE__ */ d(
-                        ce,
+                      /* @__PURE__ */ m(
+                        ne,
                         {
                           $width: 31,
                           $height: 31,
@@ -129,36 +131,43 @@ const we = Y((b) => {
                           $alignItems: "center",
                           $justifyContent: "center",
                           children: [
-                            D ? /* @__PURE__ */ e(V, { src: K }) : /* @__PURE__ */ e(H, { width: 20, height: 20 }),
-                            !C && /* @__PURE__ */ e(se, {})
+                            /* @__PURE__ */ e(
+                              J,
+                              {
+                                src: G,
+                                ref: h,
+                                settings: me
+                              }
+                            ),
+                            !$ && /* @__PURE__ */ e(ae, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ d(ee, { $renderAs: "ac4-black", $color: "BLACK", children: [
-                        y,
+                      /* @__PURE__ */ m(Q, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                        R,
                         " ",
                         M && "• CW"
                       ] }),
-                      _ && /* @__PURE__ */ e(ne, {})
+                      O && /* @__PURE__ */ e(te, {})
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(
-                  le,
+                  ce,
                   {
-                    nodeType: l,
+                    nodeType: p,
                     state: c,
-                    accuracy: E,
-                    isStudent: T
+                    accuracy: y,
+                    isStudent: E
                   }
                 ),
-                !x && /* @__PURE__ */ e(de, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
-                  me,
+                !B && /* @__PURE__ */ e(ie, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  se,
                   {
                     $renderAs: "ab3",
                     $color: "BLACK_1",
-                    $opacity: r ? 0.5 : 1,
-                    children: N
+                    $opacity: n ? 0.5 : 1,
+                    children: w
                   }
                 ) })
               ]
@@ -170,11 +179,11 @@ const we = Y((b) => {
       menuWidth: "100%",
       menuZIndex: 6,
       menuOffset: 2,
-      menuElement: /* @__PURE__ */ e(F, { children: u ? /* @__PURE__ */ e(pe, { options: z }) : void 0 })
+      menuElement: /* @__PURE__ */ e(de, { options: X })
     }
   );
 });
 export {
-  we as default
+  Ee 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 { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\n\nimport { memo, useCallback, useState, 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 BorderPathAnimation from '../border-path-animation';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\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\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\n  const [renderLottie, setRenderLottie] = useState(false);\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const { icon: NodeCardIcon, 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    setRenderLottie(true);\n  }, [sheetLocked]);\n\n  const handleOnMouseLeave = useCallback(() => {\n    setRenderLottie(false);\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          onMouseEnter={handleOnMouseEnter}\n          onMouseLeave={handleOnMouseLeave}\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            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n              >\n                {renderLottie ? (\n                  <LottieAnimation src={nodeCardLottie} />\n                ) : (\n                  <NodeCardIcon width={20} height={20} />\n                )}\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text $renderAs=\"ac4-black\" $color=\"BLACK\">\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              {showCardAnimation && <BorderPathAnimation />}\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} /> : undefined}</>}\n    />\n  );\n});\n\nexport default StudentActions;\n"],"names":["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","renderLottie","setRenderLottie","useState","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","nodeCardLottie","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","handleOnMouseEnter","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"],"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 BorderPathAnimation from '../border-path-animation';\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          onMouseEnter={handleOnMouseEnter}\n          onMouseLeave={handleOnMouseLeave}\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            >\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\n              {showCardAnimation && <BorderPathAnimation />}\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={<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"],"mappings":"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"}

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

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