@cuemath/leap 2.8.61-as17 → 2.8.61-as3

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

@@ -1,114 +1,107 @@
-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((L) => {
+import { jsx as e, jsxs as d, Fragment as M } from "react/jsx-runtime";
+import { memo as P, useCallback as T } from "react";
+import X from "../../../../../assets/line-icons/icons/eye2.js";
+import j 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 Y from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as Z } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as h } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as q } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as J } from "../../../utils/node-card-utils.js";
+import Q from "../border-path-animation.js";
+import { NodeCardContainer as U, NodeCardInfoWrapper as V, IconWrapper as ee, StyledImportantIcon as te, NodeCardContentWrapper as oe, NodeCardTitle as re } from "../node-card-styled.js";
+import ne from "../node-card-tags.js";
+import ae from "../node-menu-options/node-menu-options.js";
+const ke = P((A) => {
   const {
     nodeData: t,
     imageHue: S,
-    blockType: T,
-    onNodeAttempt: n,
-    onNodeReattempt: a,
-    onNodeReview: i,
-    onNodeView: o
-  } = L, {
+    blockType: w,
+    onNodeAttempt: r,
+    onNodeReattempt: n,
+    onNodeReview: a,
+    onNodeView: i
+  } = A, {
     accuracy: E,
-    attempt_location: w,
-    node_type: l,
+    attempt_location: N,
+    node_type: s,
     card_header: y,
-    title: N,
+    title: x,
     state: c,
-    is_optional: C,
-    sheet_statement: $,
-    permissions: R,
-    marked_as_completed: s
+    is_optional: f,
+    sheet_statement: u,
+    permissions: B,
+    marked_as_completed: C
   } = t, {
-    can_review: g,
-    can_start: p,
-    can_resume: h,
-    can_reset: I
-  } = R, _ = T === te.GOAL, r = c === f.LOCKED, x = c === f.NOT_STARTED, B = c === f.IN_PROGRESS, v = w === "INCLASS", M = !$ || !_, W = p || h, O = !C && (B || x), u = !W && (I || g), [D, k] = Z(!1), H = oe(l), { icon: G, lottie: K } = re(l), b = m(
-    (A) => {
-      switch (A) {
+    can_review: $,
+    can_start: m,
+    can_resume: l,
+    can_reset: g
+  } = B, I = w === Z.GOAL, o = c === h.LOCKED, L = c === h.NOT_STARTED, R = c === h.IN_PROGRESS, W = N === "INCLASS", v = !u || !I, D = m || l, _ = !f && (R || L), p = !D && (g || $), H = q(s), k = J(s), O = T(
+    (b) => {
+      switch (b) {
         case "node-card-review":
-          s ? o == null || o(t) : i == null || i(t);
+          a == null || a(t);
           return;
         case "node-card-reattempt":
-          a == null || a(t);
+          n == null || n(t);
           return;
         default:
-          throw new Error(`No callback function for ${A}`);
+          throw new Error(`No callback function for ${b}`);
       }
     },
-    [t, a, i, o, s]
-  ), P = m(() => {
-    u || r || (p || h ? n == null || n(t) : s && (o == null || o(t)));
+    [t, n, a]
+  ), G = T(() => {
+    p || o || (m || l ? r == null || r(t) : C && (i == null || i(t)));
   }, [
-    h,
-    p,
+    l,
+    m,
     t,
-    n,
-    o,
-    u,
     r,
-    s
-  ]), X = m(() => {
-    k(!0);
-  }, []), j = m(() => {
-    k(!1);
-  }, []), z = [
+    i,
+    p,
+    o,
+    C
+  ]), K = [
     {
       id: "node-card-review",
       label: "Review",
-      icon: q,
-      disabled: !g,
-      onClick: b
+      icon: X,
+      disabled: !$,
+      onClick: O
     },
     {
       id: "node-card-reattempt",
       label: "Reattempt",
-      icon: J,
-      disabled: !I,
-      onClick: b
+      icon: j,
+      disabled: !g,
+      onClick: O
     }
   ];
   return /* @__PURE__ */ e(
-    U,
+    F,
     {
       targetElement: /* @__PURE__ */ e(
-        ae,
+        U,
         {
-          $showOutline: !O,
+          $showOutline: !_,
           $background: `${S}_2`,
-          $disabled: r,
-          onClick: P,
-          onMouseEnter: X,
-          onMouseLeave: j,
+          $disabled: o,
+          onClick: G,
           children: /* @__PURE__ */ d(
-            Q,
+            z,
             {
               renderAs: "primary",
-              tooltipItem: $,
+              tooltipItem: u,
               position: "bottom",
               zIndex: 5,
-              hidden: M,
+              hidden: v,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ d(
-                  ie,
+                  V,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -116,10 +109,10 @@ const we = Y((L) => {
                     $bgImage: H,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    $opacity: r ? 0.5 : 1,
+                    $opacity: o ? 0.5 : 1,
                     children: [
                       /* @__PURE__ */ d(
-                        ce,
+                        ee,
                         {
                           $width: 31,
                           $height: 31,
@@ -128,28 +121,28 @@ const we = Y((L) => {
                           $alignItems: "center",
                           $justifyContent: "center",
                           children: [
-                            D ? /* @__PURE__ */ e(V, { src: K }) : /* @__PURE__ */ e(G, { width: 20, height: 20 }),
-                            !C && /* @__PURE__ */ e(se, {})
+                            k && /* @__PURE__ */ e(k, { width: 20, height: 20 }),
+                            !f && /* @__PURE__ */ e(te, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ d(ee, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                      /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $color: "BLACK", children: [
                         y,
                         " ",
-                        v && ". CW"
+                        W && ". CW"
                       ] }),
-                      O && /* @__PURE__ */ e(ne, {})
+                      _ && /* @__PURE__ */ e(Q, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(le, { nodeType: l, state: c, accuracy: E }),
-                !_ && /* @__PURE__ */ e(de, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
-                  me,
+                /* @__PURE__ */ e(ne, { nodeType: s, state: c, accuracy: E }),
+                !I && /* @__PURE__ */ e(oe, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  re,
                   {
                     $renderAs: "ab3",
                     $color: "BLACK_1",
-                    $opacity: r ? 0.5 : 1,
-                    children: N
+                    $opacity: o ? 0.5 : 1,
+                    children: x
                   }
                 ) })
               ]
@@ -161,11 +154,11 @@ const we = Y((L) => {
       menuWidth: "100%",
       menuZIndex: 6,
       menuOffset: 2,
-      menuElement: /* @__PURE__ */ e(F, { children: u ? /* @__PURE__ */ e(pe, { options: z }) : void 0 })
+      menuElement: /* @__PURE__ */ e(M, { children: p ? /* @__PURE__ */ e(ae, { options: K }) : void 0 })
     }
   );
 });
 export {
-  we as default
+  ke 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  } = 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 tooltipHidden = !sheetStatement || !isGoalBlock;\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    setRenderLottie(true);\n  }, []);\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={tooltipHidden}\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 nodeType={nodeType} state={state} accuracy={accuracy} />\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","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","teacherMarkedAsCompleted","canReview","canStart","canResume","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","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 { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\n\nimport { memo, useCallback, 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 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  } = 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 tooltipHidden = !sheetStatement || !isGoalBlock;\n  const canStartOrResume = canStart || canResume;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n  const renderOptions = !canStartOrResume && (canReset || canReview);\n\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n\n  const handleOnMenuOptionClick = useCallback(\n    (optionId: string) => {\n      switch (optionId) {\n        case 'node-card-review':\n          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],\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 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={tooltipHidden}\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                {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\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 nodeType={nodeType} state={state} accuracy={accuracy} />\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","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","teacherMarkedAsCompleted","canReview","canStart","canResume","canReset","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","canStartOrResume","showCardAnimation","renderOptions","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","handleOnMenuOptionClick","useCallback","optionId","handleOnNodeCardClick","menuOptions","Eye2Icon","RedoIcon","jsx","ContextMenu","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","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,134 +1,126 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as Y, useState as q, useRef as J, useCallback as u } from "react";
-import Q from "../../../../../assets/line-icons/icons/check2.js";
-import V from "../../../../../assets/line-icons/icons/eye2.js";
-import Z from "../../../../../assets/line-icons/icons/home2.js";
-import O from "../../../../../assets/line-icons/icons/more-vertical.js";
-import D from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import ee from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import te from "../../../../ui/layout/flex-view.js";
-import re from "../../../../ui/lottie-animation/lottie-animation.js";
-import oe from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as ie } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as $, TEACHER_MENU_LABELS as ne } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as ce } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as ae } from "../../../utils/node-card-utils.js";
-import se from "../border-path-animation.js";
-import { NodeCardContainer as le, NodeCardInfoWrapper as de, IconWrapper as me, StyledImportantIcon as pe, NodeKebabMenuWrapper as T, NodeCardContentWrapper as he, NodeCardTitle as fe, NodeMenuOptionsWrapper as ue } from "../node-card-styled.js";
-import $e from "../node-card-tags.js";
-import Ce from "../node-menu-options/node-menu-options.js";
-const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { memo as P, useRef as X, useCallback as F } from "react";
+import v from "../../../../../assets/line-icons/icons/book2.js";
+import z from "../../../../../assets/line-icons/icons/check2.js";
+import N from "../../../../../assets/line-icons/icons/eye2.js";
+import U from "../../../../../assets/line-icons/icons/home2.js";
+import T from "../../../../../assets/line-icons/icons/more-vertical.js";
+import V from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Y from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import q from "../../../../ui/layout/flex-view.js";
+import J from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as Q } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as $, TEACHER_MENU_LABELS as Z } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as D } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as ee } from "../../../utils/node-card-utils.js";
+import re from "../border-path-animation.js";
+import { NodeCardContainer as te, NodeCardInfoWrapper as ie, IconWrapper as oe, StyledImportantIcon as ne, NodeKebabMenuWrapper as k, NodeCardContentWrapper as ce, NodeCardTitle as ae, NodeMenuOptionsWrapper as se } from "../node-card-styled.js";
+import le from "../node-card-tags.js";
+import de from "../node-menu-options/node-menu-options.js";
+const { ASSIGN_AS_HW: me, REVERT_TO_CW: pe, REVIEW: he, VIEW: fe, MARK_AS_DONE: $e } = Z, Re = P(
   ({
-    nodeData: t,
-    imageHue: A,
-    blockType: L,
+    nodeData: r,
+    imageHue: S,
+    blockType: O,
     isSkipped: C,
     onNodeAttemptLocationChange: o,
-    onNodeMarkAsDone: i,
-    onNodeView: n,
-    onNodeReview: c
+    onNodeMarkAsDone: n,
+    onNodeView: c,
+    onNodeReview: a
   }) => {
-    const [w, _] = q(!1), l = J(null), { menuVisible: x, onMenuClick: I } = ee(l), {
-      accuracy: y,
-      attempt_location: W,
+    const l = X(null), { menuVisible: W, onMenuClick: u } = Y(l), {
+      accuracy: w,
+      attempt_location: x,
       node_type: d,
-      card_header: B,
-      title: M,
-      state: a,
-      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, h = L === ie.GOAL, s = a === $.LOCKED, R = a === $.NOT_STARTED, j = a === $.IN_PROGRESS, E = W === "INCLASS", P = !b || !h, S = !g && (j || R), X = ce(d), { icon: v, lottie: F } = ae(d), f = u(
-      (k) => {
-        switch (k) {
+      card_header: y,
+      title: B,
+      state: s,
+      is_optional: _,
+      sheet_statement: I,
+      permissions: A
+    } = r, {
+      can_change_attempt_location: H,
+      can_mark_familiar: L,
+      can_review: m
+    } = A, p = O === Q.GOAL, i = s === $.LOCKED, R = s === $.NOT_STARTED, G = s === $.IN_PROGRESS, h = x === "INCLASS", K = !I || !p || i, g = !_ && (G || R), M = D(d), b = ee(d), f = F(
+      (E) => {
+        switch (E) {
           case "node-card-view":
-            p && m ? c == null || c(t) : n == null || n(t);
+            m ? a == null || a(r) : c == null || c(r);
             return;
           case "node-card-assign-as-hw":
-            o == null || o(t);
+            o == null || o(r);
             return;
           case "node-card-mark-as-done":
-            i == null || i(t);
+            n == null || n(r);
             return;
           default:
-            throw new Error(`No callback function for ${k}`);
+            throw new Error(`No callback function for ${E}`);
         }
       },
       [
-        p,
-        t,
+        m,
+        r,
         o,
-        i,
-        c,
         n,
-        m
+        a,
+        c
       ]
-    ), z = u(() => {
-      _(!0);
-    }, []), N = u(() => {
-      _(!1);
-    }, []), U = [
+    ), j = [
       {
         id: "node-card-view",
-        label: p && m ? Ie : ge,
-        icon: V,
+        label: m ? he : fe,
+        icon: N,
         disabled: !1,
         onClick: f
       },
       {
         id: "node-card-assign-as-hw",
-        label: _e,
-        icon: Z,
-        disabled: !G || !E,
+        label: h ? me : pe,
+        icon: h ? U : v,
+        disabled: !H,
         onClick: f
       },
       {
         id: "node-card-mark-as-done",
-        label: be,
-        icon: Q,
-        disabled: !K,
+        label: $e,
+        icon: z,
+        disabled: !L,
         onClick: f
       }
     ];
-    return /* @__PURE__ */ r(
-      le,
+    return /* @__PURE__ */ t(
+      te,
       {
-        $showOutline: !S,
-        $isSheetLocked: s,
-        $background: `${A}_2`,
+        $showOutline: !g,
+        $isSheetLocked: i,
+        $background: `${S}_2`,
         $disabled: !!C,
-        onMouseEnter: z,
-        onMouseLeave: N,
         children: [
-          /* @__PURE__ */ r(
-            D,
+          /* @__PURE__ */ t(
+            V,
             {
               renderAs: "primary",
-              tooltipItem: b,
+              tooltipItem: I,
               position: "bottom",
               zIndex: 5,
-              hidden: P,
+              hidden: K,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
-                /* @__PURE__ */ r(
-                  de,
+                /* @__PURE__ */ t(
+                  ie,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: X,
+                    $bgImage: M,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
                     children: [
-                      /* @__PURE__ */ r(
-                        me,
+                      /* @__PURE__ */ t(
+                        oe,
                         {
                           $width: 31,
                           $height: 31,
@@ -136,26 +128,26 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
                           $position: "relative",
                           $alignItems: "center",
                           $justifyContent: "center",
-                          $opacity: s ? 0.5 : 1,
+                          $opacity: i ? 0.5 : 1,
                           children: [
-                            w ? /* @__PURE__ */ e(re, { src: F }) : /* @__PURE__ */ e(v, { width: 20, height: 20 }),
-                            !g && /* @__PURE__ */ e(pe, {})
+                            b && /* @__PURE__ */ e(b, { width: 20, height: 20 }),
+                            !_ && /* @__PURE__ */ e(ne, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ r(oe, { $renderAs: "ac4-black", $color: "BLACK", $opacity: s ? 0.5 : 1, children: [
-                        B,
+                      /* @__PURE__ */ t(J, { $renderAs: "ac4-black", $color: "BLACK", $opacity: i ? 0.5 : 1, children: [
+                        y,
                         " ",
-                        E && ". CW"
+                        h && ". CW"
                       ] }),
-                      /* @__PURE__ */ e(te, { className: "context-menu", children: h && /* @__PURE__ */ e(T, { ref: l, onClick: I, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) }) }),
-                      S && !C && /* @__PURE__ */ e(se, {})
+                      /* @__PURE__ */ e(q, { className: "context-menu", children: p && /* @__PURE__ */ e(k, { ref: l, onClick: u, children: /* @__PURE__ */ e(T, { width: 16, height: 16 }) }) }),
+                      g && !C && /* @__PURE__ */ e(re, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e($e, { nodeType: d, state: a, accuracy: y }),
-                !h && /* @__PURE__ */ r(
-                  he,
+                /* @__PURE__ */ e(le, { nodeType: d, state: s, accuracy: w }),
+                !p && /* @__PURE__ */ t(
+                  ce,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -165,28 +157,28 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
                     $justifyContent: "space-between",
                     children: [
                       /* @__PURE__ */ e(
-                        fe,
+                        ae,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
-                          $opacity: s ? 0.5 : 1,
-                          children: M
+                          $opacity: i ? 0.5 : 1,
+                          children: B
                         }
                       ),
-                      /* @__PURE__ */ e(T, { ref: l, onClick: I, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) })
+                      /* @__PURE__ */ e(k, { ref: l, onClick: u, children: /* @__PURE__ */ e(T, { width: 16, height: 16 }) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(ue, { $visible: x, children: /* @__PURE__ */ e(Ce, { options: U }) })
+          /* @__PURE__ */ e(se, { $visible: W, children: /* @__PURE__ */ e(de, { options: j }) })
         ]
       }
     );
   }
 );
 export {
-  Xe as default
+  Re as default
 };
 //# sourceMappingURL=teacher-actions.js.map