@cuemath/leap 3.5.50 → 3.5.51-as10

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

@@ -1,61 +1,76 @@
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import l from "../../../assets/line-icons/icons/check2.js";
-import R from "../../../assets/line-icons/icons/exclamation.js";
-import m from "../../../assets/line-icons/icons/lock2.js";
-import p from "../../../assets/line-icons/icons/status.js";
-import { LOTTIE as t } from "../../../assets/lottie/lottie.js";
-import u from "../../ui/layout/flex-view.js";
-import E from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import I from "../../ui/text/text.js";
-import { InProgressIconWrapper as d } from "../comps/node-card/node-card-styled.js";
-import A from "../comps/tag/tag.js";
-const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
-  if (!r || c)
-    return { isOverdue: !1, daysText: "", differenceInDays: 0 };
-  const i = Math.floor(Date.now() / 1e3), s = r - i, o = Math.round(s / f), a = o < 0, n = o > 0 ? `${Math.abs(o)}D` : "";
-  return { isOverdue: a, daysText: n, differenceInDays: o };
-}, x = (r, c, i, s, o) => {
-  const { isOverdue: a, daysText: n, differenceInDays: T } = C(s, o);
-  if (!o && a && _.includes(r))
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import p from "../../../assets/line-icons/icons/check2.js";
+import h from "../../../assets/line-icons/icons/exclamation.js";
+import N from "../../../assets/line-icons/icons/lock2.js";
+import C from "../../../assets/line-icons/icons/status.js";
+import { LOTTIE as r } from "../../../assets/lottie/lottie.js";
+import f from "../../ui/layout/flex-view.js";
+import S from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import u from "../../ui/text/text.js";
+import { InProgressIconWrapper as D } from "../comps/node-card/node-card-styled.js";
+import R from "../comps/tag/tag.js";
+const P = 60 * 60 * 24, L = 60 * 60, g = 60, O = ["NOT_STARTED"], $ = (e, o, n) => {
+  if (!e || o && !n)
+    return { isOverdue: !1, daysText: "", differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };
+  const i = Math.floor(Date.now() / 1e3), c = e - i, a = Math.floor(c / L), T = Math.floor(c / g), s = Math.round(c / P), d = s < 0, E = s > 0 ? `${Math.abs(s)}D` : "", A = a > 0 ? Math.abs(a) : 0, I = T > 0 ? Math.abs(T) : 0;
+  return { isOverdue: d, daysText: E, differenceInDays: s, hoursLeft: A, minutesLeft: I };
+}, M = (e, o, n, i) => i ? e < 1 && o > 0 ? `${o}m` : `${e}h` : n, m = (e, o, n = !1) => /* @__PURE__ */ _(
+  D,
+  {
+    $flexDirection: "row",
+    $alignItems: "center",
+    $justifyContent: "center",
+    $borderRadius: 16,
+    $paddingRight: n ? 0 : 6,
+    $paddingLeft: e ? 6 : 0,
+    $showWarningBg: o,
+    children: [
+      e && /* @__PURE__ */ t(u, { $renderAs: "ub3-bold", $color: "WHITE", children: e }),
+      n && /* @__PURE__ */ t(C, {})
+    ]
+  }
+), v = ({
+  state: e,
+  isStudent: o,
+  accuracy: n,
+  dueDateTs: i,
+  isMilestone: c,
+  isMathFitCard: a
+}) => {
+  const { isOverdue: T, daysText: s, differenceInDays: d, hoursLeft: E, minutesLeft: A } = $(
+    i,
+    c,
+    a
+  ), I = !!(a && E <= 24 && E >= 0), l = M(E, A, s, I);
+  if (!c && T && O.includes(e))
     return {
-      icon: /* @__PURE__ */ e(
-        E,
+      icon: /* @__PURE__ */ t(
+        S,
         {
           renderAs: "primary",
           position: "bottom",
           tooltipItem: "Complete now",
           zIndex: 10,
-          hidden: !c,
+          hidden: !o,
           parentWidth: "fit-content",
-          children: /* @__PURE__ */ e(u, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(I, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
+          children: /* @__PURE__ */ t(f, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ t(u, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
         }
       ),
       top: -10,
       right: -10
     };
-  switch (r) {
+  switch (e) {
     case "NOT_STARTED":
       return {
-        icon: /* @__PURE__ */ e(
-          E,
+        icon: /* @__PURE__ */ t(
+          S,
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: T > 1 ? `${T} days left` : "Complete it today",
+            tooltipItem: d > 1 ? `${d} days left` : "Complete it today",
             zIndex: 10,
-            hidden: !c,
-            children: /* @__PURE__ */ e(
-              d,
-              {
-                $flexDirection: "row",
-                $alignItems: "center",
-                $justifyContent: "center",
-                $borderRadius: 16,
-                $paddingRight: 6,
-                $paddingLeft: 6,
-                children: n && /* @__PURE__ */ e(I, { $renderAs: "ub3-bold", $color: "WHITE", children: n })
-              }
-            )
+            hidden: !o,
+            children: m(l, I)
           }
         ),
         top: 0,
@@ -63,35 +78,21 @@ const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
       };
     case "LOCKED":
       return {
-        icon: /* @__PURE__ */ e(m, { width: 32, height: 32 }),
+        icon: /* @__PURE__ */ t(N, { width: 32, height: 32 }),
         top: -16,
         right: -16
       };
     case "IN_PROGRESS":
       return {
-        icon: /* @__PURE__ */ S(
-          d,
-          {
-            $flexDirection: "row",
-            $alignItems: "center",
-            $justifyContent: "center",
-            $borderRadius: 16,
-            $paddingRight: 0,
-            $paddingLeft: n ? 6 : 0,
-            children: [
-              n && /* @__PURE__ */ e(I, { $renderAs: "ub3-bold", $color: "WHITE", children: n }),
-              /* @__PURE__ */ e(p, {})
-            ]
-          }
-        )
+        icon: m(l, I, !0)
       };
     case "COMPLETED":
       return {
-        icon: /* @__PURE__ */ e(
-          A,
+        icon: /* @__PURE__ */ t(
+          R,
           {
-            Icon: l,
-            label: typeof i == "number" ? `${i}%` : void 0
+            Icon: p,
+            label: typeof n == "number" ? `${n}%` : void 0
           }
         ),
         top: -10,
@@ -99,37 +100,43 @@ const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
       };
     case "WAIT_FOR_REVIEW":
       return {
-        icon: /* @__PURE__ */ e(
-          E,
+        icon: /* @__PURE__ */ t(
+          S,
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: c ? "Waiting for teacher to review" : "Needs your review",
+            tooltipItem: o ? "Waiting for teacher to review" : "Needs your review",
             zIndex: 10,
-            children: /* @__PURE__ */ e(A, { Icon: R })
+            children: /* @__PURE__ */ t(R, { Icon: h })
           }
         ),
         top: -10,
         right: -10
       };
+    case "EXPIRED":
+      return {
+        icon: /* @__PURE__ */ t(f, { $background: "WHITE_5", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ t(u, { $renderAs: "ub3", $color: "BLACK_1", children: "EXPIRED" }) }),
+        top: -10,
+        right: -10
+      };
     default:
       return {
         icon: void 0
       };
   }
-}, y = (r) => {
-  switch (r) {
+}, X = (e) => {
+  switch (e) {
     case "LEVEL2":
     case "LEVEL3":
     case "HIDDEN_BASIC":
       return {
-        lottie: t.COMPETITIVE_ARENA
+        lottie: r.COMPETITIVE_ARENA
       };
     case "LEARNING":
     case "SAT_MATH_LEARNING":
     case "SAT_ENGLISH_LEARNING":
       return {
-        lottie: t.LEARN
+        lottie: r.LEARN
       };
     case "RECAP":
     case "REMEDIAL":
@@ -138,7 +145,7 @@ const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
     case "SAT_MATH_RECAP":
     case "SAT_ENGLISH_RECAP":
       return {
-        lottie: t.RECAP
+        lottie: r.RECAP
       };
     case "DYNAMIC":
     case "ASSESSMENT":
@@ -146,7 +153,7 @@ const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
     case "DIAGNOSTIC":
     case "TURING_ASSESSMENT":
       return {
-        lottie: t.TEST
+        lottie: r.TEST
       };
     case "PRACTICE":
     case "EXTRA_PRACTICE":
@@ -156,41 +163,41 @@ const f = 60 * 60 * 24, _ = ["NOT_STARTED"], C = (r, c) => {
     case "SAT_MATH_ASSESSMENT":
     case "SAT_ENGLISH_ASSESSMENT":
       return {
-        lottie: t.PRACTICE
+        lottie: r.PRACTICE
       };
     case "PUZZLE":
     case "PUZZLE_EASY":
     case "PUZZLE_MEDIUM":
     case "PUZZLE_HARD":
       return {
-        lottie: t.PUZZLE
+        lottie: r.PUZZLE
       };
     case "TURING_SUBJECTIVE":
       return {
-        lottie: t.SUBJECTIVE
+        lottie: r.SUBJECTIVE
       };
     case "TURING_BASIC":
     case "PYTHON_BASIC":
     case "PYTHON_VISUAL":
       return {
-        lottie: t.ACTIVITY
+        lottie: r.ACTIVITY
       };
     case "VIDEO":
       return {
-        lottie: t.VIDEO
+        lottie: r.VIDEO
       };
     case "PDF":
       return {
-        lottie: t.DOWNLOAD
+        lottie: r.DOWNLOAD
       };
     default:
       return {
-        lottie: t.PROJECT
+        lottie: r.PROJECT
       };
   }
 };
 export {
-  y as getNodeCardBasedIcon,
-  x as getNodeStateBasedTagInfo
+  X as getNodeCardBasedIcon,
+  v 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 Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface DueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n  differenceInDays: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (dueDateTs?: number | null, isMilestone?: boolean): DueDateInfo => {\n  if (!dueDateTs || isMilestone) {\n    return { isOverdue: false, daysText: '', differenceInDays: 0 };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInDays = Math.round(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, differenceInDays };\n};\n\nconst getNodeStateBasedTagInfo = (\n  nodeState: INodeDataProps['state'],\n  isStudent: boolean,\n  accuracy?: number | null,\n  dueDateTs?: number | null,\n  isMilestone?: boolean,\n) => {\n  const { isOverdue, daysText, differenceInDays } = calculateDueDateInfo(dueDateTs, isMilestone);\n\n  if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem=\"Complete now\"\n          zIndex={10}\n          hidden={!isStudent}\n          parentWidth=\"fit-content\"\n        >\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        </ArrowTooltip>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={\n              differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n            }\n            zIndex={10}\n            hidden={!isStudent}\n          >\n            <InProgressIconWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $borderRadius={16}\n              $paddingRight={6}\n              $paddingLeft={6}\n            >\n              {daysText && (\n                <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n                  {daysText}\n                </Text>\n              )}\n            </InProgressIconWrapper>\n          </ArrowTooltip>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -16,\n        right: -16,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderRadius={16}\n            $paddingRight={0}\n            $paddingLeft={daysText ? 6 : 0}\n          >\n            {daysText && (\n              <Text $renderAs=\"ub3-bold\" $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: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n            zIndex={10}\n          >\n            <Tag Icon={ExclamationIcon} />\n          </ArrowTooltip>\n        ),\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 'LEVEL2':\n    case 'LEVEL3':\n    case 'HIDDEN_BASIC':\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n      };\n    case 'LEARNING':\n    case 'SAT_MATH_LEARNING':\n    case 'SAT_ENGLISH_LEARNING':\n      return {\n        lottie: LOTTIE.LEARN,\n      };\n    case 'RECAP':\n    case 'REMEDIAL':\n    case 'REVISION':\n    case 'PPT_BASIC':\n    case 'SAT_MATH_RECAP':\n    case 'SAT_ENGLISH_RECAP':\n      return {\n        lottie: LOTTIE.RECAP,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n    case 'DIAGNOSTIC':\n    case 'TURING_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n    case 'TURING_PRACTICE':\n    case 'SAT_MATH_ASSESSMENT':\n    case 'SAT_ENGLISH_ASSESSMENT':\n      return {\n        lottie: LOTTIE.PRACTICE,\n      };\n    case 'PUZZLE':\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n      };\n    case 'TURING_SUBJECTIVE':\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n      };\n    case 'TURING_BASIC':\n    case 'PYTHON_BASIC':\n    case 'PYTHON_VISUAL':\n      return {\n        lottie: LOTTIE.ACTIVITY,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n      };\n    case 'PDF':\n      return {\n        lottie: LOTTIE.DOWNLOAD,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","currentTimestamp","differenceInSeconds","differenceInDays","isOverdue","daysText","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Text","InProgressIconWrapper","Lock2Icon","jsxs","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import Check2Icon from '../../../assets/line-icons/icons/check2';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport FlexView from '../..//ui/layout/flex-view';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Text from '../../ui/text/text';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport type { INodeCardTagsProps, INodeDataProps } from '../comps/node-card/node-card-types';\nimport Tag from '../comps/tag/tag';\n\ninterface IDueDateInfo {\n  isOverdue: boolean;\n  daysText: string;\n  differenceInDays: number;\n  hoursLeft: number;\n  minutesLeft: number;\n}\n\nconst SECONDS_PER_DAY = 60 * 60 * 24;\nconst SECONDS_PER_HOUR = 60 * 60;\nconst SECONDS_PER_MINUTE = 60;\nconst OVERDUE_TAG_STATES: INodeDataProps['state'][] = ['NOT_STARTED'];\n\nconst calculateDueDateInfo = (\n  dueDateTs?: number | null,\n  isMilestone?: boolean,\n  isMathFitCard?: boolean,\n): IDueDateInfo => {\n  if (!dueDateTs || (isMilestone && !isMathFitCard)) {\n    return { isOverdue: false, daysText: '', differenceInDays: 0, hoursLeft: 0, minutesLeft: 0 };\n  }\n\n  const currentTimestamp = Math.floor(Date.now() / 1000);\n  const differenceInSeconds = dueDateTs - currentTimestamp;\n  const differenceInHours = Math.floor(differenceInSeconds / SECONDS_PER_HOUR);\n  const differenceInMinutes = Math.floor(differenceInSeconds / SECONDS_PER_MINUTE);\n  const differenceInDays = Math.round(differenceInSeconds / SECONDS_PER_DAY);\n\n  const isOverdue = differenceInDays < 0;\n\n  const daysText = differenceInDays > 0 ? `${Math.abs(differenceInDays)}D` : '';\n  const hoursLeft = differenceInHours > 0 ? Math.abs(differenceInHours) : 0;\n  const minutesLeft = differenceInMinutes > 0 ? Math.abs(differenceInMinutes) : 0;\n\n  return { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft };\n};\n\nconst getTimeDisplayText = (\n  hoursLeft: number,\n  minutesLeft: number,\n  daysText: string,\n  showWarning: boolean,\n): string => {\n  if (showWarning) {\n    return hoursLeft < 1 && minutesLeft > 0 ? `${minutesLeft}m` : `${hoursLeft}h`;\n  }\n\n  return daysText;\n};\n\nconst renderTimeDisplayIcon = (\n  timeDisplayText: string,\n  showWarning: boolean,\n  includeStatusIcon = false,\n) => {\n  return (\n    <InProgressIconWrapper\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={16}\n      $paddingRight={includeStatusIcon ? 0 : 6}\n      $paddingLeft={timeDisplayText ? 6 : 0}\n      $showWarningBg={showWarning}\n    >\n      {timeDisplayText && (\n        <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n          {timeDisplayText}\n        </Text>\n      )}\n      {includeStatusIcon && <StatusIcon />}\n    </InProgressIconWrapper>\n  );\n};\n\nconst getNodeStateBasedTagInfo = ({\n  state: nodeState,\n  isStudent,\n  accuracy,\n  dueDateTs,\n  isMilestone,\n  isMathFitCard,\n}: INodeCardTagsProps) => {\n  const { isOverdue, daysText, differenceInDays, hoursLeft, minutesLeft } = calculateDueDateInfo(\n    dueDateTs,\n    isMilestone,\n    isMathFitCard,\n  );\n\n  const showWarning = !!(isMathFitCard && hoursLeft <= 24 && hoursLeft >= 0);\n\n  const timeDisplayText = getTimeDisplayText(hoursLeft, minutesLeft, daysText, showWarning);\n\n  if (!isMilestone && isOverdue && OVERDUE_TAG_STATES.includes(nodeState)) {\n    return {\n      icon: (\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem=\"Complete now\"\n          zIndex={10}\n          hidden={!isStudent}\n          parentWidth=\"fit-content\"\n        >\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        </ArrowTooltip>\n      ),\n      top: -10,\n      right: -10,\n    };\n  }\n\n  switch (nodeState) {\n    case 'NOT_STARTED':\n      return {\n        icon: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={\n              differenceInDays > 1 ? `${differenceInDays} days left` : 'Complete it today'\n            }\n            zIndex={10}\n            hidden={!isStudent}\n          >\n            {renderTimeDisplayIcon(timeDisplayText, showWarning)}\n          </ArrowTooltip>\n        ),\n        top: 0,\n        right: 0,\n      };\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -16,\n        right: -16,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: renderTimeDisplayIcon(timeDisplayText, showWarning, true),\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: (\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={isStudent ? 'Waiting for teacher to review' : 'Needs your review'}\n            zIndex={10}\n          >\n            <Tag Icon={ExclamationIcon} />\n          </ArrowTooltip>\n        ),\n        top: -10,\n        right: -10,\n      };\n\n    case 'EXPIRED':\n      return {\n        icon: (\n          <FlexView $background=\"WHITE_5\" $borderRadius={16} $gapX={0.24} $gutterX={0.5}>\n            <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n              EXPIRED\n            </Text>\n          </FlexView>\n        ),\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 'LEVEL2':\n    case 'LEVEL3':\n    case 'HIDDEN_BASIC':\n      return {\n        lottie: LOTTIE.COMPETITIVE_ARENA,\n      };\n    case 'LEARNING':\n    case 'SAT_MATH_LEARNING':\n    case 'SAT_ENGLISH_LEARNING':\n      return {\n        lottie: LOTTIE.LEARN,\n      };\n    case 'RECAP':\n    case 'REMEDIAL':\n    case 'REVISION':\n    case 'PPT_BASIC':\n    case 'SAT_MATH_RECAP':\n    case 'SAT_ENGLISH_RECAP':\n      return {\n        lottie: LOTTIE.RECAP,\n      };\n    case 'DYNAMIC':\n    case 'ASSESSMENT':\n    case 'CHAPTER_ASSESSMENT':\n    case 'DIAGNOSTIC':\n    case 'TURING_ASSESSMENT':\n      return {\n        lottie: LOTTIE.TEST,\n      };\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n    case 'TARGET_PRACTICE':\n    case 'MASTERY':\n    case 'TURING_PRACTICE':\n    case 'SAT_MATH_ASSESSMENT':\n    case 'SAT_ENGLISH_ASSESSMENT':\n      return {\n        lottie: LOTTIE.PRACTICE,\n      };\n    case 'PUZZLE':\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return {\n        lottie: LOTTIE.PUZZLE,\n      };\n    case 'TURING_SUBJECTIVE':\n      return {\n        lottie: LOTTIE.SUBJECTIVE,\n      };\n    case 'TURING_BASIC':\n    case 'PYTHON_BASIC':\n    case 'PYTHON_VISUAL':\n      return {\n        lottie: LOTTIE.ACTIVITY,\n      };\n    case 'VIDEO':\n      return {\n        lottie: LOTTIE.VIDEO,\n      };\n    case 'PDF':\n      return {\n        lottie: LOTTIE.DOWNLOAD,\n      };\n    default:\n      return {\n        lottie: LOTTIE.PROJECT,\n      };\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["SECONDS_PER_DAY","SECONDS_PER_HOUR","SECONDS_PER_MINUTE","OVERDUE_TAG_STATES","calculateDueDateInfo","dueDateTs","isMilestone","isMathFitCard","currentTimestamp","differenceInSeconds","differenceInHours","differenceInMinutes","differenceInDays","isOverdue","daysText","hoursLeft","minutesLeft","getTimeDisplayText","showWarning","renderTimeDisplayIcon","timeDisplayText","includeStatusIcon","jsxs","InProgressIconWrapper","Text","StatusIcon","getNodeStateBasedTagInfo","nodeState","isStudent","accuracy","jsx","ArrowTooltip","FlexView","Lock2Icon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","LOTTIE"],"mappings":"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"}