@cuemath/leap 2.8.60-as3 → 2.8.60-beta-0.1

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

@@ -1,46 +1,45 @@
-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) => {
+import { jsx as e, jsxs as d, Fragment as G } from "react/jsx-runtime";
+import { memo as K, useCallback as T } from "react";
+import P from "../../../../../assets/line-icons/icons/eye2.js";
+import X from "../../../../../assets/line-icons/icons/redo.js";
+import j from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import M from "../../../../ui/context-menu/context-menu.js";
+import z from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as F } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as l } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as Y } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as Z } from "../../../utils/node-card-utils.js";
+import q from "../border-path-animation.js";
+import { NodeCardContainer as J, NodeCardInfoWrapper as Q, IconWrapper as U, StyledImportantIcon as V, NodeCardContentWrapper as ee, NodeCardTitle as te } from "../node-card-styled.js";
+import oe from "../node-card-tags.js";
+import re from "../node-menu-options/node-menu-options.js";
+const Ie = K((k) => {
   const {
     nodeData: t,
-    imageHue: S,
-    blockType: w,
+    imageHue: w,
+    blockType: A,
     onNodeAttempt: r,
     onNodeReattempt: n,
     onNodeReview: a,
     onNodeView: i
-  } = A, {
-    accuracy: E,
-    attempt_location: N,
+  } = k, {
+    accuracy: S,
+    attempt_location: E,
     node_type: s,
-    card_header: y,
-    title: x,
+    card_header: N,
+    title: y,
     state: c,
-    is_optional: f,
-    sheet_statement: u,
-    permissions: B,
-    marked_as_completed: C
+    is_optional: p,
+    sheet_statement: h,
+    permissions: x
   } = t, {
-    can_review: $,
-    can_reattempt: g,
-    can_start: m,
-    can_resume: l
-  } = 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) {
+    can_review: u,
+    can_reattempt: f,
+    can_start: C,
+    can_resume: $
+  } = x, g = A === F.GOAL, o = c === l.LOCKED, B = c === l.NOT_STARTED, L = c === l.IN_PROGRESS, R = E === "INCLASS", W = !h || !g, I = !p && (L || B), m = f || u, v = Y(s), _ = Z(s), b = T(
+    (O) => {
+      switch (O) {
         case "node-card-review":
           a == null || a(t);
           return;
@@ -48,71 +47,68 @@ const ke = P((A) => {
           n == null || n(t);
           return;
         default:
-          throw new Error(`No callback function for ${b}`);
+          throw new Error(`No callback function for ${O}`);
       }
     },
     [t, n, a]
-  ), G = T(() => {
-    p || o || (m || l ? r == null || r(t) : C && (i == null || i(t)));
-  }, [
-    l,
-    m,
-    t,
-    r,
-    i,
-    p,
-    o,
-    C
-  ]), K = [
+  ), D = T(() => {
+    if (!(m || o)) {
+      if (C || $) {
+        r == null || r(t);
+        return;
+      }
+      i == null || i(t);
+    }
+  }, [$, C, t, r, i, m, o]), H = [
     {
       id: "node-card-review",
       label: "Review",
-      icon: X,
-      disabled: !$,
-      onClick: O
+      icon: P,
+      disabled: !u,
+      onClick: b
     },
     {
       id: "node-card-reattempt",
       label: "Reattempt",
-      icon: j,
-      disabled: !g,
-      onClick: O
+      icon: X,
+      disabled: !f,
+      onClick: b
     }
   ];
   return /* @__PURE__ */ e(
-    F,
+    M,
     {
       targetElement: /* @__PURE__ */ e(
-        U,
+        J,
         {
-          $showOutline: !_,
-          $background: `${S}_2`,
+          $showOutline: !I,
+          $background: `${w}_2`,
           $disabled: o,
-          onClick: G,
+          onClick: D,
           children: /* @__PURE__ */ d(
-            z,
+            j,
             {
               renderAs: "primary",
-              tooltipItem: u,
+              tooltipItem: h,
               position: "bottom",
               zIndex: 5,
-              hidden: v,
+              hidden: W,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ d(
-                  V,
+                  Q,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $heightX: 3.5,
-                    $bgImage: H,
+                    $bgImage: v,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
                     $opacity: o ? 0.5 : 1,
                     children: [
                       /* @__PURE__ */ d(
-                        ee,
+                        U,
                         {
                           $width: 31,
                           $height: 31,
@@ -121,28 +117,28 @@ const ke = P((A) => {
                           $alignItems: "center",
                           $justifyContent: "center",
                           children: [
-                            k && /* @__PURE__ */ e(k, { width: 20, height: 20 }),
-                            !f && /* @__PURE__ */ e(te, {})
+                            _ && /* @__PURE__ */ e(_, { width: 20, height: 20 }),
+                            !p && /* @__PURE__ */ e(V, {})
                           ]
                         }
                       ),
-                      /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $color: "BLACK", children: [
-                        y,
+                      /* @__PURE__ */ d(z, { $renderAs: "ac4-black", $color: "BLACK", children: [
+                        N,
                         " ",
-                        W && ". CW"
+                        R && ". CW"
                       ] }),
-                      _ && /* @__PURE__ */ e(Q, {})
+                      I && /* @__PURE__ */ e(q, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(ne, { nodeType: s, state: c, accuracy: E }),
-                !I && /* @__PURE__ */ e(oe, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
-                  re,
+                /* @__PURE__ */ e(oe, { nodeType: s, state: c, accuracy: S }),
+                !g && /* @__PURE__ */ e(ee, { $background: "WHITE_1", $heightX: 4, children: /* @__PURE__ */ e(
+                  te,
                   {
                     $renderAs: "ab3",
                     $color: "BLACK_1",
                     $opacity: o ? 0.5 : 1,
-                    children: x
+                    children: y
                   }
                 ) })
               ]
@@ -154,11 +150,11 @@ const ke = P((A) => {
       menuWidth: "100%",
       menuZIndex: 6,
       menuOffset: 2,
-      menuElement: /* @__PURE__ */ e(M, { children: p ? /* @__PURE__ */ e(ae, { options: K }) : void 0 })
+      menuElement: /* @__PURE__ */ e(G, { children: m ? /* @__PURE__ */ e(re, { options: H }) : void 0 })
     }
   );
 });
 export {
-  ke as default
+  Ie 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, 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_reattempt: canReattempt,\n    can_start: canStart,\n    can_resume: canResume,\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 && (canReattempt || 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: !canReattempt,\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","canReattempt","canStart","canResume","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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"}
+{"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  } = nodeData;\n\n  const {\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    can_start: canStart,\n    can_resume: canResume,\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\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n  const renderOptions = canReattempt || 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\n      return;\n    }\n\n    onNodeView?.(nodeData);\n  }, [canResume, canStart, nodeData, onNodeAttempt, onNodeView, renderOptions, sheetLocked]);\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: !canReattempt,\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","canReview","canReattempt","canStart","canResume","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","sheetInProgress","inClassSheet","tooltipHidden","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/utils/index.js

@@ -1,8 +1,8 @@
 import { ILLUSTRATIONS as e } from "../../../assets/illustrations/illustrations.js";
 const _ = (t) => {
   if (!t) return 0;
-  const { mandatory: E } = t, { completed: c, total: r } = E;
-  return Math.floor(c / r * 100);
+  const { mandatory: E } = t, { completed: n, total: r } = E;
+  return Math.floor(n / r * 100);
 }, o = (t) => {
   switch (t) {
     case "LEARNING":
@@ -15,7 +15,6 @@ const _ = (t) => {
     case "PRACTICE":
     case "EXTRA_PRACTICE":
     case "TARGET_PRACTICE":
-    case "MASTERY":
       return e.NODE_PRACTICE_BG;
     case "PUZZLE_EASY":
     case "PUZZLE_MEDIUM":
@@ -26,9 +25,9 @@ const _ = (t) => {
     default:
       return e.NODE_CUSTOM_TEST_BG;
   }
-}, T = (t, E, c, r) => {
+}, T = (t, E, n, r) => {
   if (!t) {
-    if (!c) return `(${E})`;
+    if (!n) return `(${E})`;
     if (r !== void 0 && r > 0)
       return `${r}`;
   }

package/dist/features/chapters-v2/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/chapters-v2/utils/index.ts"],"sourcesContent":["import type { IChapterProgressStats } from '../chapter-details/chapter-details-types';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\n// This function calculates the completion percentage of a chapter based on progress stats.\n// If no progress stats are provided, it returns 0.\n// It uses the `mandatory` field from the progress stats to determine the completed and total items.\n// It returns an integer representing the percentage of completion, rounded down to the nearest whole number.\nconst getChapterCompletionPercentage = (progressStats: IChapterProgressStats | null) => {\n  if (!progressStats) return 0;\n\n  const { mandatory } = progressStats;\n  const { completed, total } = mandatory;\n\n  const percentage = Math.floor((completed / total) * 100);\n\n  return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return ILLUSTRATIONS.NODE_LEARN_BG;\n    case 'RECAP':\n      return ILLUSTRATIONS.NODE_RECAP_BG;\n\n    case 'ASSESSMENT':\n    case 'DYNAMIC':\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n    case 'VIDEO':\n      return ILLUSTRATIONS.NODE_VIDEO_BG;\n\n    default:\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n  }\n};\n\nconst getSheetNLessonCount = (\n  isSkipped: boolean,\n  sheetsLength: number,\n  isGoalBlock?: boolean,\n  lessonIdx?: number,\n) => {\n  if (isSkipped) return undefined;\n\n  if (!isGoalBlock) return `(${sheetsLength})`;\n\n  if (lessonIdx !== undefined && lessonIdx > 0) {\n    return `${lessonIdx}`;\n  }\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage, getSheetNLessonCount };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS","getSheetNLessonCount","isSkipped","sheetsLength","isGoalBlock","lessonIdx"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAItB,SAFY,KAAK,MAAOC,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAA0C;AACzE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,aAAOC,EAAc;AAAA,IACvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB;AACE,aAAOA,EAAc;AAAA,EACzB;AACF,GAEMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,MACG;AACH,MAAI,CAAAH,GAEJ;AAAA,QAAI,CAACE,EAAoB,QAAA,IAAID,CAAY;AAErC,QAAAE,MAAc,UAAaA,IAAY;AACzC,aAAO,GAAGA,CAAS;AAAA;AAEvB;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/chapters-v2/utils/index.ts"],"sourcesContent":["import type { IChapterProgressStats } from '../chapter-details/chapter-details-types';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\n// This function calculates the completion percentage of a chapter based on progress stats.\n// If no progress stats are provided, it returns 0.\n// It uses the `mandatory` field from the progress stats to determine the completed and total items.\n// It returns an integer representing the percentage of completion, rounded down to the nearest whole number.\nconst getChapterCompletionPercentage = (progressStats: IChapterProgressStats | null) => {\n  if (!progressStats) return 0;\n\n  const { mandatory } = progressStats;\n  const { completed, total } = mandatory;\n\n  const percentage = Math.floor((completed / total) * 100);\n\n  return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return ILLUSTRATIONS.NODE_LEARN_BG;\n    case 'RECAP':\n      return ILLUSTRATIONS.NODE_RECAP_BG;\n\n    case 'ASSESSMENT':\n    case 'DYNAMIC':\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n      return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n    case 'VIDEO':\n      return ILLUSTRATIONS.NODE_VIDEO_BG;\n\n    default:\n      return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n  }\n};\n\nconst getSheetNLessonCount = (\n  isSkipped: boolean,\n  sheetsLength: number,\n  isGoalBlock?: boolean,\n  lessonIdx?: number,\n) => {\n  if (isSkipped) return undefined;\n\n  if (!isGoalBlock) return `(${sheetsLength})`;\n\n  if (lessonIdx !== undefined && lessonIdx > 0) {\n    return `${lessonIdx}`;\n  }\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage, getSheetNLessonCount };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS","getSheetNLessonCount","isSkipped","sheetsLength","isGoalBlock","lessonIdx"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAItB,SAFY,KAAK,MAAOC,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAA0C;AACzE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACH,aAAOC,EAAc;AAAA,IACvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB,KAAK;AACH,aAAOA,EAAc;AAAA,IAEvB;AACE,aAAOA,EAAc;AAAA,EACzB;AACF,GAEMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,MACG;AACH,MAAI,CAAAH,GAEJ;AAAA,QAAI,CAACE,EAAoB,QAAA,IAAID,CAAY;AAErC,QAAAE,MAAc,UAAaA,IAAY;AACzC,aAAO,GAAGA,CAAS;AAAA;AAEvB;"}

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -1,63 +1,36 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import E from "../../../assets/line-icons/icons/alarm.js";
-import I from "../../../assets/line-icons/icons/bulb2.js";
-import u from "../../../assets/line-icons/icons/check2.js";
-import f from "../../../assets/line-icons/icons/dart.js";
-import d from "../../../assets/line-icons/icons/exclamation.js";
-import p from "../../../assets/line-icons/icons/lock2.js";
-import l from "../../../assets/line-icons/icons/play2.js";
-import T from "../../../assets/line-icons/icons/puzzle.js";
-import R from "../../../assets/line-icons/icons/recap.js";
-import A from "../../../assets/line-icons/icons/status.js";
-import D from "../../../assets/line-icons/icons/testtube.js";
-import h from "../../ui/layout/flex-view.js";
-import s from "../../ui/text/text.js";
-import { InProgressIconWrapper as S } from "../comps/node-card/node-card-styled.js";
-import i from "../comps/tag/tag.js";
-const g = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], C = (r) => {
-  if (!r)
-    return { isOverdue: !1, daysText: "" };
-  const c = Math.floor(Date.now() / 1e3), n = r - c, o = Math.ceil(n / g), t = o < 0, a = o > 0 ? `${Math.abs(o)}D` : "";
-  return { isOverdue: t, daysText: a };
-}, W = (r, c, n) => {
-  const { isOverdue: o, daysText: t } = C(n);
-  if (o && $.includes(r))
-    return {
-      icon: /* @__PURE__ */ e(h, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) }),
-      top: -10,
-      right: -10
-    };
-  switch (r) {
+import { jsx as r } from "react/jsx-runtime";
+import c from "../../../assets/line-icons/icons/alarm.js";
+import n from "../../../assets/line-icons/icons/bulb2.js";
+import m from "../../../assets/line-icons/icons/check2.js";
+import a from "../../../assets/line-icons/icons/dart.js";
+import i from "../../../assets/line-icons/icons/exclamation.js";
+import I from "../../../assets/line-icons/icons/lock2.js";
+import s from "../../../assets/line-icons/icons/play2.js";
+import p from "../../../assets/line-icons/icons/puzzle.js";
+import E from "../../../assets/line-icons/icons/recap.js";
+import f from "../../../assets/line-icons/icons/status.js";
+import u from "../../../assets/line-icons/icons/testtube.js";
+import { InProgressIconWrapper as A } from "../comps/node-card/node-card-styled.js";
+import e from "../comps/tag/tag.js";
+const M = (o, t) => {
+  switch (o) {
     case "LOCKED":
       return {
-        icon: /* @__PURE__ */ e(p, { width: 32, height: 32 }),
+        icon: /* @__PURE__ */ r(I, { width: 32, height: 32 }),
         top: -12,
         right: -12
       };
     case "IN_PROGRESS":
       return {
-        icon: /* @__PURE__ */ m(
-          S,
-          {
-            $flexDirection: "row",
-            $alignItems: "center",
-            $justifyContent: "center",
-            $gutterX: t ? 0.5 : 0,
-            $borderRadius: 16,
-            children: [
-              t && /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: "WHITE", children: t }),
-              /* @__PURE__ */ e(A, {})
-            ]
-          }
-        )
+        icon: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(f, {}) })
       };
     case "COMPLETED":
       return {
-        icon: /* @__PURE__ */ e(
-          i,
+        icon: /* @__PURE__ */ r(
+          e,
           {
-            Icon: u,
-            label: typeof c == "number" ? `${c}%` : void 0
+            Icon: m,
+            label: typeof t == "number" ? `${t}%` : void 0
           }
         ),
         top: -10,
@@ -65,7 +38,7 @@ const g = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], C = (r) => {
       };
     case "WAIT_FOR_REVIEW":
       return {
-        icon: /* @__PURE__ */ e(i, { Icon: d }),
+        icon: /* @__PURE__ */ r(e, { Icon: i }),
         //<AlertIcon width={32} height={32} fill="white" />,
         top: -10,
         right: -10
@@ -75,32 +48,31 @@ const g = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], C = (r) => {
         icon: void 0
       };
   }
-}, X = (r) => {
-  switch (r) {
+}, O = (o) => {
+  switch (o) {
     case "LEARNING":
-      return I;
+      return n;
     case "RECAP":
-      return R;
+      return E;
     case "DYNAMIC":
     case "ASSESSMENT":
-      return E;
+      return c;
     case "PRACTICE":
     case "EXTRA_PRACTICE":
     case "TARGET_PRACTICE":
-    case "MASTERY":
-      return f;
+      return a;
     case "PUZZLE_EASY":
     case "PUZZLE_MEDIUM":
     case "PUZZLE_HARD":
-      return T;
+      return p;
     case "VIDEO":
-      return l;
+      return s;
     default:
-      return D;
+      return u;
   }
 };
 export {
-  X as getNodeCardBasedIcon,
-  W as getNodeStateBasedTagInfo
+  O as getNodeCardBasedIcon,
+  M as getNodeStateBasedTagInfo
 };
 //# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport FlexView from '../..//ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED', 'IN_PROGRESS'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null): DueDateInfo => {\n  if (!dueDateTs) {\n    return { isOverdue: false, daysText: '' };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.ceil(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n\n  return { isOverdue, daysText };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n) => {\n  const { isOverdue, daysText } = calculateDueDateInfo(dueDateTs);\n\n  if (isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <FlexView $background=\"RED\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            OVERDUE\n          </Text>\n        </FlexView>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $gutterX={daysText ? 0.5 : 0}\n            $borderRadius={16}\n          >\n            {daysText && (\n              <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n                {daysText}\n              </Text>\n            )}\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />, //<AlertIcon width={32} height={32} fill=\"white\" />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n    case 'VIDEO':\n      return Play2Icon;\n\n    default:\n      return TestTubeIcon;\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","accuracy","jsx","FlexView","Text","Lock2Icon","jsxs","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAkB,KAAK,KAAK,IAC5BC,IAAgD,CAAC,eAAe,aAAa,GAE7EC,IAAuB,CAACC,MAA2C;AACvE,MAAI,CAACA;AACH,WAAO,EAAE,WAAW,IAAO,UAAU,GAAG;AAG1C,QAAMC,IAAmB,KAAK,MAAM,KAAK,IAAA,IAAQ,GAAI,GAC/CC,IAAsBF,IAAYC,GAClCE,IAAmB,KAAK,KAAKD,IAAsBL,CAAe,GAElEO,IAAYD,IAAmB,GAE/BE,IAAWF,IAAmB,IAAI,GAAG,KAAK,IAAIA,CAAgB,CAAC,MAAM;AAEpE,SAAA,EAAE,WAAAC,GAAW,UAAAC;AACtB,GAEMC,IAA2B,CAC/BC,GACAC,GACAR,MACG;AACH,QAAM,EAAE,WAAAI,GAAW,UAAAC,EAAS,IAAIN,EAAqBC,CAAS;AAE9D,MAAII,KAAaN,EAAmB,SAASS,CAAS;AAC7C,WAAA;AAAA,MACL,MACG,gBAAAE,EAAAC,GAAA,EAAS,aAAY,OAAM,eAAe,IAAI,OAAO,MAAM,UAAU,KACpE,4BAACC,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,oBAE3C,CAAA,GACF;AAAA,MAEF,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAIX,UAAQJ,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,UAAUT,IAAW,MAAM;AAAA,YAC3B,eAAe;AAAA,YAEd,UAAA;AAAA,cAAAA,uBACEM,GAAK,EAAA,WAAU,aAAY,QAAO,SAChC,UACHN,GAAA;AAAA,gCAEDU,GAAW,EAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAOT,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACO,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAAC;AAAA,EACX;AACF;"}
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport Play2Icon from '../../../assets/line-icons/icons/play2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport TestTubeIcon from '../../../assets/line-icons/icons/testtube';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\nconst getNodeStateBasedTagInfo = (nodeState: INodeDataProps['state'], accuracy?: number | null) => {\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper>\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />, //<AlertIcon width={32} height={32} fill=\"white\" />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n    case 'VIDEO':\n      return Play2Icon;\n\n    default:\n      return TestTubeIcon;\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["getNodeStateBasedTagInfo","nodeState","accuracy","jsx","Lock2Icon","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon","Play2Icon","TestTubeIcon"],"mappings":";;;;;;;;;;;;;;AAgBM,MAAAA,IAA2B,CAACC,GAAoCC,MAA6B;AACjG,UAAQD,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAC,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAD,EAACE,GACC,EAAA,UAAA,gBAAAF,EAACG,IAAW,CAAA,GACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAON,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACI,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAAC;AAAA,EACX;AACF;"}