@cuemath/leap 2.9.4-as5 → 2.9.4-as7

package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js

@@ -17,7 +17,7 @@ const a = 52, l = 54, c = 54, ee = B((I) => {
     };
   }, [r]);
   if (!o) return null;
-  const { mandatory: _, optional: w, class_work: T } = o, { completed: k = 0, total: s = 0 } = _ || {}, { completed: y = 0, total: p = 0 } = w || {}, { completed: G = 0, total: m = 0 } = T || {}, L = m > 0 && G === m;
+  const { mandatory: w, optional: T, classwork: _ } = o, { completed: k = 0, total: s = 0 } = w || {}, { completed: y = 0, total: p = 0 } = T || {}, { completed: G = 0, total: m = 0 } = _ || {}, L = m > 0 && G === m;
   return /* @__PURE__ */ e(
     b,
     {
@@ -69,7 +69,7 @@ const a = 52, l = 54, c = 54, ee = B((I) => {
           /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGapX: 2.75, children: [
             !!s && /* @__PURE__ */ t(n, { $position: "relative", $flexDirection: "row", children: [
               /* @__PURE__ */ e(f, {}),
-              /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
+              /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
                 /* @__PURE__ */ t(i, { $renderAs: "ab2", children: [
                   "Core - ",
                   k,

package/dist/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n  const { progressStats, imageHue, title, imageUrl } = props;\n\n  const completionPercentage = useMemo(() => {\n    return getChapterCompletionPercentage(progressStats);\n  }, [progressStats]);\n\n  const { iconTopVal, iconLeftVal } = useMemo(() => {\n    //* Calculate the position of the important icon based on the completion percentage\n    //* Convert degrees to radians\n    const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n    const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n    const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n    const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n    return {\n      iconLeftVal: positionX,\n      iconTopVal: positionY,\n    };\n  }, [completionPercentage]);\n\n  if (!progressStats) return null;\n\n  const { mandatory, optional, class_work: classWork } = progressStats;\n  const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n    mandatory || {};\n  const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n  const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n    classWork || {};\n  const showClassWorkTag =\n    totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n  return (\n    <Styled.BannerContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $widthX={50}\n      $background={`${imageHue}_4`}\n    >\n      <FlexView $height={168} $position=\"relative\">\n        <Image\n          width=\"100%\"\n          height=\"168px\"\n          src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n          alt=\"Chapter header background\"\n          withLoader\n        />\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground={'BLACK'}\n              $progress={3.3 * completionPercentage}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n          </Styled.ChapterProgressSVG>\n\n          {completionPercentage > 0 && (\n            <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n          )}\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIcon>\n              <Tag Icon={Check2Icon} />\n            </Styled.StyledCheckIcon>\n          )}\n        </Styled.BannerImageWrapper>\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            {!!totalMandatorySheets && (\n              <FlexView $position=\"relative\" $flexDirection=\"row\">\n                <Styled.StyledImportantIcon />\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n                  <Text $renderAs=\"ab2\">\n                    Core - {completedMandatorySheets}/{totalMandatorySheets}\n                  </Text>\n                  {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n                </FlexView>\n              </FlexView>\n            )}\n            {totalOptionalSheets > 0 && (\n              <Text $renderAs=\"ab2\">\n                Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.BannerTitleWrapper>\n      </FlexView>\n    </Styled.BannerContainer>\n  );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","ChapterBanner","memo","props","progressStats","imageHue","title","imageUrl","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.BannerImage","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.StyledCheckIcon","Tag","Check2Icon","Styled.BannerTitleWrapper","Text"],"mappings":"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"}
+{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters-v2/chapter-details/chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { IChapterBannerProps } from './chapter-banner-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Tag from '../../comps/tag/tag';\nimport { getChapterCompletionPercentage } from '../../utils';\nimport * as Styled from './chapter-banner-styled';\n\nconst PROGRESS_CIRCLE_RADIUS = 52;\nconst PROGRESS_CIRCLE_CENTER_X = 54;\nconst PROGRESS_CIRCLE_CENTER_Y = 54;\n\n// This component renders a banner for a chapter, displaying its title, progress, and associated tags.\n// It includes an image, progress visualization, and details about the chapter's core and supplementary sheets.\n// It calculates the completion percentage and dynamically positions an icon based on progress.\nconst ChapterBanner: FC<IChapterBannerProps> = memo(props => {\n  const { progressStats, imageHue, title, imageUrl } = props;\n\n  const completionPercentage = useMemo(() => {\n    return getChapterCompletionPercentage(progressStats);\n  }, [progressStats]);\n\n  const { iconTopVal, iconLeftVal } = useMemo(() => {\n    //* Calculate the position of the important icon based on the completion percentage\n    //* Convert degrees to radians\n    const angleInDegree = completionPercentage === 100 ? 60 : completionPercentage;\n\n    const angleInRadian = ((-angleInDegree * 3.6 - 180) * Math.PI) / 180;\n    const positionX = PROGRESS_CIRCLE_CENTER_Y + PROGRESS_CIRCLE_RADIUS * Math.sin(angleInRadian);\n    const positionY = PROGRESS_CIRCLE_CENTER_X + PROGRESS_CIRCLE_RADIUS * Math.cos(angleInRadian);\n\n    return {\n      iconLeftVal: positionX,\n      iconTopVal: positionY,\n    };\n  }, [completionPercentage]);\n\n  if (!progressStats) return null;\n\n  const { mandatory, optional, classwork: classWork } = progressStats;\n  const { completed: completedMandatorySheets = 0, total: totalMandatorySheets = 0 } =\n    mandatory || {};\n  const { completed: completedOptionalSheets = 0, total: totalOptionalSheets = 0 } = optional || {};\n  const { completed: completedClassWorkSheets = 0, total: totalClassWorkSheets = 0 } =\n    classWork || {};\n  const showClassWorkTag =\n    totalClassWorkSheets > 0 && completedClassWorkSheets === totalClassWorkSheets;\n\n  return (\n    <Styled.BannerContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n      $widthX={50}\n      $background={`${imageHue}_4`}\n    >\n      <FlexView $height={168} $position=\"relative\">\n        <Image\n          width=\"100%\"\n          height=\"168px\"\n          src={ILLUSTRATIONS.CHAPTER_HEADER_BG}\n          alt=\"Chapter header background\"\n          withLoader\n        />\n        <Styled.BannerImageWrapper>\n          <Styled.BannerImage src={imageUrl} alt=\"Chapter image\" />\n          <Styled.ChapterProgressSVG width=\"108px\" height=\"108px\">\n            <Styled.ChapterProgressSVGCircle\n              $progress={0}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground={'BLACK'}\n              $progress={3.3 * completionPercentage}\n              r={PROGRESS_CIRCLE_RADIUS}\n              cx={PROGRESS_CIRCLE_CENTER_X}\n              cy={PROGRESS_CIRCLE_CENTER_Y}\n            />\n          </Styled.ChapterProgressSVG>\n\n          {completionPercentage > 0 && (\n            <Styled.StyledImportantIcon $progress $top={iconTopVal} $left={iconLeftVal} />\n          )}\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIcon>\n              <Tag Icon={Check2Icon} />\n            </Styled.StyledCheckIcon>\n          )}\n        </Styled.BannerImageWrapper>\n        <Styled.BannerTitleWrapper $flexGap={4}>\n          <Text $renderAs=\"ah4-bold\">{title}</Text>\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={2.75}>\n            {!!totalMandatorySheets && (\n              <FlexView $position=\"relative\" $flexDirection=\"row\">\n                <Styled.StyledImportantIcon />\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <Text $renderAs=\"ab2\">\n                    Core - {completedMandatorySheets}/{totalMandatorySheets}\n                  </Text>\n                  {showClassWorkTag && <Tag Icon={Check2Icon} label=\"CW\" />}\n                </FlexView>\n              </FlexView>\n            )}\n            {totalOptionalSheets > 0 && (\n              <Text $renderAs=\"ab2\">\n                Supplementary - {completedOptionalSheets}/{totalOptionalSheets}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.BannerTitleWrapper>\n      </FlexView>\n    </Styled.BannerContainer>\n  );\n});\n\nexport default ChapterBanner;\n"],"names":["PROGRESS_CIRCLE_RADIUS","PROGRESS_CIRCLE_CENTER_X","PROGRESS_CIRCLE_CENTER_Y","ChapterBanner","memo","props","progressStats","imageHue","title","imageUrl","completionPercentage","useMemo","getChapterCompletionPercentage","iconTopVal","iconLeftVal","angleInRadian","positionX","positionY","mandatory","optional","classWork","completedMandatorySheets","totalMandatorySheets","completedOptionalSheets","totalOptionalSheets","completedClassWorkSheets","totalClassWorkSheets","showClassWorkTag","jsx","Styled.BannerContainer","jsxs","FlexView","Image","ILLUSTRATIONS","Styled.BannerImageWrapper","Styled.BannerImage","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.StyledImportantIcon","Styled.StyledCheckIcon","Tag","Check2Icon","Styled.BannerTitleWrapper","Text"],"mappings":"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"}

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

@@ -1,47 +1,47 @@
-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 { jsx as e, jsxs as d, Fragment as z } from "react/jsx-runtime";
+import { memo as F, useState as Y, useCallback as m } from "react";
+import Z from "../../../../../assets/line-icons/icons/eye2.js";
+import q from "../../../../../assets/line-icons/icons/redo.js";
+import J from "../../../../ui/arrow-tooltip/arrow-tooltip.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 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 { getNodeTypeBasedBgImage as te } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as oe } from "../../../utils/node-card-utils.js";
+import re from "../border-path-animation.js";
+import { NodeCardContainer as ne, NodeCardInfoWrapper as ae, IconWrapper as ie, StyledImportantIcon as ce, NodeCardContentWrapper as se, NodeCardTitle as de } from "../node-card-styled.js";
+import me from "../node-card-tags.js";
+import le from "../node-menu-options/node-menu-options.js";
+const Ee = F((A) => {
   const {
     nodeData: t,
-    imageHue: S,
-    blockType: T,
+    imageHue: L,
+    blockType: S,
     onNodeAttempt: n,
     onNodeReattempt: a,
     onNodeReview: i,
     onNodeView: o
-  } = L, {
-    accuracy: E,
-    attempt_location: w,
+  } = A, {
+    accuracy: T,
+    attempt_location: E,
     node_type: l,
-    card_header: y,
-    title: N,
+    card_header: w,
+    title: y,
     state: c,
     is_optional: C,
     sheet_statement: $,
-    permissions: R,
+    permissions: N,
     marked_as_completed: s
   } = 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) {
+  } = N, R = S === ee.GOAL, r = c === f.LOCKED, x = c === f.NOT_STARTED, B = c === f.IN_PROGRESS, v = E === "INCLASS", M = p || h, _ = !C && (B || x), u = !M && (I || g), [W, O] = Y(!1), D = te(l), { icon: G, lottie: H } = oe(l), k = m(
+    (b) => {
+      switch (b) {
         case "node-card-review":
           s ? o == null || o(t) : i == null || i(t);
           return;
@@ -49,11 +49,11 @@ const we = Y((L) => {
           a == null || a(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(() => {
+  ), K = m(() => {
     u || r || (p || h ? n == null || n(t) : s && (o == null || o(t)));
   }, [
     h,
@@ -64,62 +64,62 @@ const we = Y((L) => {
     u,
     r,
     s
-  ]), X = m(() => {
-    k(!0);
-  }, []), j = m(() => {
-    k(!1);
-  }, []), z = [
+  ]), P = m(() => {
+    O(!0);
+  }, []), X = m(() => {
+    O(!1);
+  }, []), j = [
     {
       id: "node-card-review",
       label: "Review",
-      icon: q,
+      icon: Z,
       disabled: !g,
-      onClick: b
+      onClick: k
     },
     {
       id: "node-card-reattempt",
       label: "Reattempt",
-      icon: J,
+      icon: q,
       disabled: !I,
-      onClick: b
+      onClick: k
     }
   ];
   return /* @__PURE__ */ e(
-    U,
+    Q,
     {
       targetElement: /* @__PURE__ */ e(
-        ae,
+        ne,
         {
-          $showOutline: !O,
-          $background: `${S}_2`,
+          $showOutline: !_,
+          $background: `${L}_2`,
           $disabled: r,
-          onClick: P,
-          onMouseEnter: X,
-          onMouseLeave: j,
+          onClick: K,
+          onMouseEnter: P,
+          onMouseLeave: X,
           children: /* @__PURE__ */ d(
-            Q,
+            J,
             {
               renderAs: "primary",
               tooltipItem: $,
               position: "bottom",
               zIndex: 5,
-              hidden: M,
+              hidden: !$,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ d(
-                  ie,
+                  ae,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $heightX: 3.5,
-                    $bgImage: H,
+                    $bgImage: D,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
                     $opacity: r ? 0.5 : 1,
                     children: [
                       /* @__PURE__ */ d(
-                        ce,
+                        ie,
                         {
                           $width: 31,
                           $height: 31,
@@ -128,28 +128,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, {})
+                            W ? /* @__PURE__ */ e(U, { src: H }) : /* @__PURE__ */ e(G, { width: 20, height: 20 }),
+                            !C && /* @__PURE__ */ e(ce, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ d(ee, { $renderAs: "ac4-black", $color: "BLACK", children: [
-                        y,
+                      /* @__PURE__ */ d(V, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                        w,
                         " ",
                         v && ". CW"
                       ] }),
-                      O && /* @__PURE__ */ e(ne, {})
+                      _ && /* @__PURE__ */ e(re, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(le, { nodeType: l, state: c, accuracy: E }),
-                !_ && /* @__PURE__ */ e(de, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
-                  me,
+                /* @__PURE__ */ e(me, { nodeType: l, state: c, accuracy: T }),
+                !R && /* @__PURE__ */ e(se, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  de,
                   {
                     $renderAs: "ab3",
                     $color: "BLACK_1",
                     $opacity: r ? 0.5 : 1,
-                    children: N
+                    children: y
                   }
                 ) })
               ]
@@ -161,11 +161,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(z, { children: u ? /* @__PURE__ */ e(le, { options: j }) : void 0 })
     }
   );
 });
 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  } = 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, 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 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={!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 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","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":";;;;;;;;;;;;;;;;AAoBM,MAAAA,KAAuDC,EAAK,CAASC,MAAA;AACnE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAP,GACE;AAAA,IACJ,UAAAQ;AAAA,IACA,kBAAkBC;AAAA,IAClB,WAAWC;AAAA,IACX,aAAaC;AAAA,IACb,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAaC;AAAA,IACb,iBAAiBC;AAAA,IACjB,aAAAC;AAAA,IACA,qBAAqBC;AAAA,EACnB,IAAAhB,GAEE;AAAA,IACJ,YAAYiB;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,WAAWC;AAAA,EACT,IAAAL,GAEEM,IAAcnB,MAAcoB,GAAW,MACvCC,IAAcX,MAAUY,EAAiB,QACzCC,IAAkBb,MAAUY,EAAiB,aAC7CE,IAAkBd,MAAUY,EAAiB,aAC7CG,IAAenB,MAAoB,WACnCoB,IAAmBV,KAAYC,GAE/BU,IAAoB,CAAChB,MAAea,KAAmBD,IACvDK,IAAgB,CAACF,MAAqBR,KAAYH,IAElD,CAACc,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAcC,GAAwB1B,CAAQ,GAC9C,EAAE,MAAM2B,GAAc,QAAQC,MAAmBC,GAAqB7B,CAAQ,GAE9E8B,IAA0BC;AAAA,IAC9B,CAACC,MAAqB;AACpB,cAAQA,GAAU;AAAA,QAChB,KAAK;AACH,UAAAzB,IAA2BV,KAAA,QAAAA,EAAaN,KAAYK,KAAA,QAAAA,EAAeL;AAEnE;AAAA,QAEF,KAAK;AACH,UAAAI,KAAA,QAAAA,EAAkBJ;AAElB;AAAA,QAEF;AACE,gBAAM,IAAI,MAAM,4BAA4ByC,CAAQ,EAAE;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,CAACzC,GAAUI,GAAiBC,GAAcC,GAAYU,CAAwB;AAAA,EAAA,GAG1E0B,IAAwBF,EAAY,MAAM;AAC9C,IAAIV,KAAiBP,MAEjBL,KAAYC,IACdhB,KAAA,QAAAA,EAAgBH,KACPgB,MACTV,KAAA,QAAAA,EAAaN;AAAA,EACf,GACC;AAAA,IACDmB;AAAA,IACAD;AAAA,IACAlB;AAAA,IACAG;AAAA,IACAG;AAAA,IACAwB;AAAA,IACAP;AAAA,IACAP;AAAA,EAAA,CACD,GAEK2B,IAAqBH,EAAY,MAAM;AAC3C,IAAAR,EAAgB,EAAI;AAAA,EACtB,GAAG,CAAE,CAAA,GAECY,IAAqBJ,EAAY,MAAM;AAC3C,IAAAR,EAAgB,EAAK;AAAA,EACvB,GAAG,CAAE,CAAA,GAECa,IAAiC;AAAA,IACrC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMC;AAAA,MACN,UAAU,CAAC7B;AAAA,MACX,SAASsB;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMQ;AAAA,MACN,UAAU,CAAC3B;AAAA,MACX,SAASmB;AAAA,IACX;AAAA,EAAA;AAIA,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eACE,gBAAAD;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,cAAc,CAACrB;AAAA,UACf,aAAa,GAAG5B,CAAQ;AAAA,UACxB,WAAWsB;AAAA,UACX,SAASmB;AAAA,UACT,cAAcC;AAAA,UACd,cAAcC;AAAA,UAEd,UAAA,gBAAAO;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAatC;AAAA,cACb,UAAS;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ,CAACA;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ;AAAA,cAER,UAAA;AAAA,gBAAA,gBAAAqC;AAAA,kBAACE;AAAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,aAAY;AAAA,oBACZ,UAAU;AAAA,oBACV,UAAUnB;AAAA,oBACV,UAAU;AAAA,oBACV,UAAU;AAAA,oBACV,UAAUX,IAAc,MAAM;AAAA,oBAE9B,UAAA;AAAA,sBAAA,gBAAA4B;AAAA,wBAACG;AAAAA,wBAAA;AAAA,0BACC,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,aAAY;AAAA,0BACZ,WAAU;AAAA,0BACV,aAAY;AAAA,0BACZ,iBAAgB;AAAA,0BAEf,UAAA;AAAA,4BACCvB,IAAA,gBAAAiB,EAACO,GAAgB,EAAA,KAAKlB,EAAgB,CAAA,sBAErCD,GAAa,EAAA,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,4BAEtC,CAACvB,KAAe,gBAAAmC,EAAAQ,IAAA,EAA2B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC9C;AAAA,sBAEC,gBAAAL,EAAAM,GAAA,EAAK,WAAU,aAAY,QAAO,SAChC,UAAA;AAAA,wBAAA/C;AAAA,wBAAW;AAAA,wBAAEiB,KAAgB;AAAA,sBAAA,GAChC;AAAA,sBAECE,uBAAsB6B,IAAoB,EAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC7C;AAAA,gBAEC,gBAAAV,EAAAW,IAAA,EAAa,UAAAlD,GAAoB,OAAAG,GAAc,UAAAL,EAAoB,CAAA;AAAA,gBAEnE,CAACc,KACC,gBAAA2B,EAAAY,IAAA,EAA8B,aAAY,WAAU,UAAU,GAC7D,UAAA,gBAAAZ;AAAA,kBAACa;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,QAAO;AAAA,oBACP,UAAUtC,IAAc,MAAM;AAAA,oBAE7B,UAAAZ;AAAA,kBAAA;AAAA,gBAAA,GAEL;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,WAAS;AAAA,MACT,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,oCAAgB,UAAgBmB,IAAA,gBAAAkB,EAACc,MAAgB,SAASjB,EAAa,CAAA,IAAK,OAAU,CAAA;AAAA,IAAA;AAAA,EAAA;AAG5F,CAAC;"}

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

@@ -1,53 +1,53 @@
 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 { 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 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 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 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 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(
   ({
     nodeData: t,
     imageHue: A,
     blockType: L,
-    isSkipped: C,
+    isSkipped: $,
     onNodeAttemptLocationChange: o,
     onNodeMarkAsDone: i,
     onNodeView: n,
-    onNodeReview: c
+    onNodeReview: a
   }) => {
-    const [w, _] = q(!1), l = J(null), { menuVisible: x, onMenuClick: I } = ee(l), {
+    const [w, C] = Y(!1), l = q(null), { menuVisible: x, onMenuClick: _ } = D(l), {
       accuracy: y,
       attempt_location: W,
       node_type: d,
       card_header: B,
       title: M,
-      state: a,
-      is_optional: g,
-      sheet_statement: b,
+      state: c,
+      is_optional: I,
+      sheet_statement: g,
       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(
+    } = H, b = L === oe.GOAL, s = c === u.LOCKED, R = c === u.NOT_STARTED, j = c === u.IN_PROGRESS, E = W === "INCLASS", S = !I && (j || R), P = ne(d), { icon: X, lottie: v } = ae(d), h = f(
       (k) => {
         switch (k) {
           case "node-card-view":
-            p && m ? c == null || c(t) : n == null || n(t);
+            p && m ? a == null || a(t) : n == null || n(t);
             return;
           case "node-card-assign-as-hw":
             o == null || o(t);
@@ -64,71 +64,71 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
         t,
         o,
         i,
-        c,
+        a,
         n,
         m
       ]
-    ), z = u(() => {
-      _(!0);
-    }, []), N = u(() => {
-      _(!1);
-    }, []), U = [
+    ), F = f(() => {
+      C(!0);
+    }, []), z = f(() => {
+      C(!1);
+    }, []), N = [
       {
         id: "node-card-view",
-        label: p && m ? Ie : ge,
-        icon: V,
+        label: p && m ? _e : Ie,
+        icon: Q,
         disabled: !1,
-        onClick: f
+        onClick: h
       },
       {
         id: "node-card-assign-as-hw",
-        label: _e,
-        icon: Z,
+        label: Ce,
+        icon: V,
         disabled: !G || !E,
-        onClick: f
+        onClick: h
       },
       {
         id: "node-card-mark-as-done",
-        label: be,
-        icon: Q,
+        label: ge,
+        icon: J,
         disabled: !K,
-        onClick: f
+        onClick: h
       }
     ];
     return /* @__PURE__ */ r(
-      le,
+      se,
       {
         $showOutline: !S,
         $isSheetLocked: s,
         $background: `${A}_2`,
-        $disabled: !!C,
-        onMouseEnter: z,
-        onMouseLeave: N,
+        $disabled: !!$,
+        onMouseEnter: F,
+        onMouseLeave: z,
         children: [
           /* @__PURE__ */ r(
-            D,
+            Z,
             {
               renderAs: "primary",
-              tooltipItem: b,
+              tooltipItem: g,
               position: "bottom",
               zIndex: 5,
-              hidden: P,
+              hidden: !g,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ r(
-                  de,
+                  le,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: X,
+                    $bgImage: P,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
                     children: [
                       /* @__PURE__ */ r(
-                        me,
+                        de,
                         {
                           $width: 31,
                           $height: 31,
@@ -138,24 +138,24 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
                           $justifyContent: "center",
                           $opacity: s ? 0.5 : 1,
                           children: [
-                            w ? /* @__PURE__ */ e(re, { src: F }) : /* @__PURE__ */ e(v, { width: 20, height: 20 }),
-                            !g && /* @__PURE__ */ e(pe, {})
+                            w ? /* @__PURE__ */ e(te, { src: v }) : /* @__PURE__ */ e(X, { width: 20, height: 20 }),
+                            !I && /* @__PURE__ */ e(me, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ r(oe, { $renderAs: "ac4-black", $color: "BLACK", $opacity: s ? 0.5 : 1, children: [
+                      /* @__PURE__ */ r(re, { $renderAs: "ac4-black", $color: "BLACK", $opacity: s ? 0.5 : 1, children: [
                         B,
                         " ",
                         E && ". 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(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($e, { nodeType: d, state: a, accuracy: y }),
-                !h && /* @__PURE__ */ r(
-                  he,
+                /* @__PURE__ */ e(ue, { nodeType: d, state: c, accuracy: y }),
+                !b && /* @__PURE__ */ r(
+                  pe,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -165,7 +165,7 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
                     $justifyContent: "space-between",
                     children: [
                       /* @__PURE__ */ e(
-                        fe,
+                        he,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
@@ -173,20 +173,20 @@ const { ASSIGN_AS_HW: _e, REVIEW: Ie, VIEW: ge, MARK_AS_DONE: be } = ne, Xe = Y(
                           children: M
                         }
                       ),
-                      /* @__PURE__ */ e(T, { ref: l, onClick: I, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) })
+                      /* @__PURE__ */ e(T, { ref: l, onClick: _, children: /* @__PURE__ */ e(O, { width: 16, height: 16 }) })
                     ]
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(ue, { $visible: x, children: /* @__PURE__ */ e(Ce, { options: U }) })
+          /* @__PURE__ */ e(fe, { $visible: x, children: /* @__PURE__ */ e($e, { options: N }) })
         ]
       }
     );
   }
 );
 export {
-  Xe as default
+  Pe as default
 };
 //# sourceMappingURL=teacher-actions.js.map