@cuemath/leap 3.0.26-gs1 → 3.0.26-guru.0

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

@@ -1,192 +1,208 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { memo as er, useRef as S, useCallback as m } from "react";
-import cr from "../../../../../assets/line-icons/icons/check2.js";
-import ir from "../../../../../assets/line-icons/icons/eye2.js";
-import ar from "../../../../../assets/line-icons/icons/home2.js";
-import nr from "../../../../../assets/line-icons/icons/lock3.js";
-import W from "../../../../../assets/line-icons/icons/more-vertical.js";
-import lr from "../../../../../assets/line-icons/icons/redo.js";
-import sr from "../../../../../assets/line-icons/icons/skip.js";
-import or from "../../../../../assets/line-icons/icons/unlock2.js";
-import mr from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import pr from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import B from "../../../../ui/layout/flex-view.js";
-import dr from "../../../../ui/lottie-animation/lottie-animation.js";
-import hr from "../../../../ui/text/text.js";
-import { BLOCK_TYPE as ur } from "../../../constants/block-constants.js";
-import { NODE_CARD_STATES as M, TEACHER_MENU_LABELS as fr } from "../../../constants/node-constants.js";
-import { getNodeTypeBasedBgImage as Cr } from "../../../utils/index.js";
-import { getNodeCardBasedIcon as $r } from "../../../utils/node-card-utils.js";
-import { NodeCardContainer as _r, NodeCardInfoWrapper as br, IconWrapper as Ir, StyledImportantIcon as kr, NodeKebabMenuWrapper as K, NodeCardContentWrapper as gr, NodeCardTitle as Er, NodeMenuOptionsWrapper as Lr } from "../node-card-styled.js";
-import Or from "../node-card-tags.js";
-import Tr from "../node-menu-options/node-menu-options.js";
-const yr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: xr, REVIEW: Sr, VIEW: Wr, MARK_AS_DONE: Br, RESET: Mr, LOCK: Kr, UNLOCK: Ar } = fr, ct = er(
+import { memo as ar, useRef as T, useCallback as d, useEffect as sr } from "react";
+import lr from "../../../../../assets/line-icons/icons/check2.js";
+import or from "../../../../../assets/line-icons/icons/eye2.js";
+import mr from "../../../../../assets/line-icons/icons/home2.js";
+import dr from "../../../../../assets/line-icons/icons/lock3.js";
+import v from "../../../../../assets/line-icons/icons/more-vertical.js";
+import pr from "../../../../../assets/line-icons/icons/redo.js";
+import ur from "../../../../../assets/line-icons/icons/skip.js";
+import hr from "../../../../../assets/line-icons/icons/unlock2.js";
+import fr from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Cr from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import A from "../../../../ui/layout/flex-view.js";
+import _r from "../../../../ui/lottie-animation/lottie-animation.js";
+import $r from "../../../../ui/text/text.js";
+import { BLOCK_TYPE as Ir } from "../../../constants/block-constants.js";
+import { NODE_CARD_STATES as G, TEACHER_MENU_LABELS as br } from "../../../constants/node-constants.js";
+import { getNodeTypeBasedBgImage as Er } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as kr } from "../../../utils/node-card-utils.js";
+import { NodeCardContainer as gr, NodeCardInfoWrapper as Lr, IconWrapper as Or, StyledImportantIcon as Tr, NodeKebabMenuWrapper as j, NodeCardContentWrapper as yr, NodeCardTitle as xr, NodeMenuOptionsWrapper as Sr } from "../node-card-styled.js";
+import Wr from "../node-card-tags.js";
+import Mr from "../node-menu-options/node-menu-options.js";
+const Br = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: Kr, REVIEW: vr, VIEW: Ar, MARK_AS_DONE: Gr, RESET: jr, LOCK: Xr, UNLOCK: Hr } = br, y = "cue_cp_close_other_node_card_menu_options", le = ar(
   ({
     nodeData: r,
-    imageHue: A,
-    blockType: G,
-    isSkipped: j,
+    imageHue: X,
+    blockType: H,
+    isSkipped: q,
     onNodeAssignAsHomework: p,
-    onNodeMarkAsDone: d,
+    onNodeMarkAsDone: u,
     onNodeView: c,
-    onNodeReview: i,
+    onNodeReview: n,
     onNodeReattempt: h,
-    onNodeUnlock: u,
-    onNodeUnassign: f,
-    onNodeSkipUnSkip: C
+    onNodeUnlock: f,
+    onNodeUnassign: C,
+    onNodeSkipUnSkip: _
   }) => {
-    const _ = S(null), { menuVisible: L, onMenuClick: O } = pr(_), {
-      accuracy: X,
-      attempt_location: H,
-      node_type: b,
-      card_header: v,
-      title: F,
-      state: I,
-      is_optional: P,
-      sheet_statement: T,
-      permissions: z,
-      user_attempt_id: s
-    } = r, { lottie: Y } = $r(b), k = S(null), {
-      can_mark_familiar: q,
-      can_review: o,
-      can_assign_as_homework: J,
-      can_reset: Q,
+    const x = T(r.node_id), b = T(null), { menuVisible: a, onMenuClick: S, hideMenu: W } = Cr(b), {
+      accuracy: F,
+      attempt_location: P,
+      node_type: E,
+      card_header: z,
+      title: Y,
+      state: k,
+      is_optional: J,
+      sheet_statement: M,
+      permissions: Q,
+      user_attempt_id: o
+    } = r, { lottie: Z } = kr(E), g = T(null), {
+      can_mark_familiar: R,
+      can_review: m,
+      can_assign_as_homework: w,
+      can_reset: V,
       can_unlock: $,
-      can_unassign: Z,
-      can_un_skip: g,
-      can_skip: E
-    } = z, y = G === ur.GOAL, a = I === M.LOCKED || g, R = I === M.NOT_STARTED, w = H === "INCLASS", V = (a || R) && ($ || Z), U = Cr(b), n = m(
+      can_unassign: U,
+      can_un_skip: L,
+      can_skip: O
+    } = Q, B = H === Ir.GOAL, i = k === G.LOCKED || L, D = k === G.NOT_STARTED, N = P === "INCLASS", rr = (i || D) && ($ || U), er = Er(E), s = d(
       (e) => {
         switch (e) {
           case "node-card-view":
-            o && s ? i == null || i(r) : c == null || c(r);
+            m && o ? n == null || n(r) : c == null || c(r);
             return;
           case "node-card-assign-as-hw":
             p == null || p(r);
             return;
           case "node-card-mark-as-done":
-            d == null || d(r);
+            u == null || u(r);
             return;
           case "node-card-reset":
             h == null || h(r);
             return;
           case "node-card-unlock":
-            u == null || u(r);
+            f == null || f(r);
             return;
           case "node-card-lock":
-            f == null || f(r);
+            C == null || C(r);
             return;
           case "node-card-skip":
           case "node-card-revert-skip":
-            C == null || C(r);
+            _ == null || _(r);
             return;
           default:
             throw new Error(`No callback function for ${e}`);
         }
       },
       [
-        o,
+        m,
         r,
         p,
-        d,
+        u,
         h,
-        i,
+        n,
+        _,
         C,
         f,
-        u,
         c,
-        s
+        o
       ]
-    ), D = m(() => {
+    ), tr = d(() => {
       var e;
-      a || (e = k.current) == null || e.play();
-    }, [a]), N = m(() => {
+      i || (e = g.current) == null || e.play();
+    }, [i]), cr = d(() => {
       var e;
-      (e = k.current) == null || e.stop();
-    }, []), rr = m(() => {
-      o && s ? i == null || i(r) : c == null || c(r);
-    }, [o, r, i, c, s]), x = m(
+      (e = g.current) == null || e.stop();
+    }, []), nr = d(() => {
+      m && o ? n == null || n(r) : c == null || c(r);
+    }, [m, r, n, c, o]), K = d(
       (e) => {
-        e.stopPropagation(), O();
+        if (e.stopPropagation(), !a) {
+          const I = new CustomEvent(y, {
+            detail: { sourceId: x.current }
+          });
+          document.dispatchEvent(I);
+        }
+        S();
       },
-      [O]
-    ), tr = [
+      [S, a]
+    );
+    sr(() => {
+      const e = (I) => {
+        I.detail && I.detail.sourceId !== x.current && a && W();
+      };
+      return document.addEventListener(y, e), () => {
+        document.removeEventListener(y, e);
+      };
+    }, [a, W]);
+    const ir = [
       {
         id: "node-card-view",
-        label: o && s ? Sr : Wr,
-        icon: ir,
+        label: m && o ? vr : Ar,
+        icon: or,
         disabled: !1,
-        onClick: n
+        onClick: s
       },
       {
         id: "node-card-assign-as-hw",
-        label: xr,
-        icon: ar,
-        disabled: !J,
-        onClick: n
+        label: Kr,
+        icon: mr,
+        disabled: !w,
+        onClick: s
       },
       {
         id: "node-card-reset",
-        label: Mr,
-        icon: lr,
-        disabled: !Q,
-        onClick: n
+        label: jr,
+        icon: pr,
+        disabled: !V,
+        onClick: s
       },
       {
         id: "node-card-mark-as-done",
-        label: Br,
-        icon: cr,
-        disabled: !q,
-        onClick: n
+        label: Gr,
+        icon: lr,
+        disabled: !R,
+        onClick: s
       },
       {
         id: `node-card-${$ ? "unlock" : "lock"}`,
-        label: $ ? Ar : Kr,
-        icon: $ ? or : nr,
-        disabled: !V,
-        onClick: n
+        label: $ ? Hr : Xr,
+        icon: $ ? hr : dr,
+        disabled: !rr,
+        onClick: s
       },
       {
-        id: `node-card-${E ? "skip" : "revert-skip"}`,
-        label: E ? "Skip" : "Revert 'Skip'",
-        icon: sr,
-        disabled: !g && !E,
-        onClick: n
+        id: `node-card-${O ? "skip" : "revert-skip"}`,
+        label: O ? "Skip" : "Revert 'Skip'",
+        icon: ur,
+        disabled: !L && !O,
+        onClick: s
       }
     ];
-    return /* @__PURE__ */ l(B, { $position: "relative", children: [
+    return /* @__PURE__ */ l(A, { $position: "relative", children: [
       /* @__PURE__ */ t(
-        _r,
+        gr,
         {
-          $background: `${A}_2`,
-          $disabled: !!(j || a),
-          onClick: rr,
+          $background: `${X}_2`,
+          $disabled: i,
+          onClick: nr,
+          $opacity: q ? 0.5 : 1,
           children: /* @__PURE__ */ l(
-            mr,
+            fr,
             {
               renderAs: "primary",
-              tooltipItem: T,
+              tooltipItem: M,
               position: "bottom",
               zIndex: 5,
-              hidden: L || !T,
+              hidden: a || !M,
               parentWidth: "100%",
               widthX: 11.25,
               children: [
                 /* @__PURE__ */ l(
-                  br,
+                  Lr,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
                     $width: "100%",
                     $heightX: 3.5,
-                    $bgImage: U,
+                    $bgImage: er,
                     $gutterX: 0.78125,
                     $flexGap: 8.5,
-                    onMouseEnter: D,
-                    onMouseLeave: N,
+                    onMouseEnter: tr,
+                    onMouseLeave: cr,
                     children: [
                       /* @__PURE__ */ l(
-                        Ir,
+                        Or,
                         {
                           $width: 31,
                           $height: 31,
@@ -194,41 +210,41 @@ const yr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: xr, REVIEW: Sr,
                           $position: "relative",
                           $alignItems: "center",
                           $justifyContent: "center",
-                          $opacity: a ? 0.5 : 1,
+                          $opacity: i ? 0.5 : 1,
                           children: [
                             /* @__PURE__ */ t(
-                              dr,
+                              _r,
                               {
-                                src: Y,
-                                ref: k,
-                                settings: yr
+                                src: Z,
+                                ref: g,
+                                settings: Br
                               }
                             ),
-                            !P && /* @__PURE__ */ t(kr, {})
+                            !J && /* @__PURE__ */ t(Tr, {})
                           ]
                         }
                       ),
                       /* @__PURE__ */ l(
-                        hr,
+                        $r,
                         {
                           $renderAs: "ac4-black",
                           $color: "BLACK",
-                          $opacity: a ? 0.5 : 1,
-                          $textDecoration: g ? "line-through" : "none",
+                          $opacity: i ? 0.5 : 1,
+                          $textDecoration: L ? "line-through" : "none",
                           children: [
-                            v,
+                            z,
                             " ",
-                            w && "• CW"
+                            N && "• CW"
                           ]
                         }
                       ),
-                      /* @__PURE__ */ t(B, { className: "context-menu", children: y && /* @__PURE__ */ t(K, { ref: _, onClick: x, children: /* @__PURE__ */ t(W, { width: 18, height: 18 }) }) })
+                      /* @__PURE__ */ t(A, { className: "context-menu", children: B && /* @__PURE__ */ t(j, { ref: b, onClick: K, children: /* @__PURE__ */ t(v, { width: 18, height: 18 }) }) })
                     ]
                   }
                 ),
-                /* @__PURE__ */ t(Or, { nodeType: b, state: I, accuracy: X }),
-                !y && /* @__PURE__ */ l(
-                  gr,
+                /* @__PURE__ */ t(Wr, { nodeType: E, state: k, accuracy: F }),
+                !B && /* @__PURE__ */ l(
+                  yr,
                   {
                     $flexDirection: "row",
                     $alignItems: "center",
@@ -238,15 +254,15 @@ const yr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: xr, REVIEW: Sr,
                     $justifyContent: "space-between",
                     children: [
                       /* @__PURE__ */ t(
-                        Er,
+                        xr,
                         {
                           $renderAs: "ab3",
                           $color: "BLACK_1",
-                          $opacity: a ? 0.5 : 1,
-                          children: F
+                          $opacity: i ? 0.5 : 1,
+                          children: Y
                         }
                       ),
-                      /* @__PURE__ */ t(K, { ref: _, onClick: x, children: /* @__PURE__ */ t(W, { width: 18, height: 18 }) })
+                      /* @__PURE__ */ t(j, { ref: b, onClick: K, children: /* @__PURE__ */ t(v, { width: 18, height: 18 }) })
                     ]
                   }
                 )
@@ -255,11 +271,11 @@ const yr = { renderer: "canvas", autoplay: !1 }, { ASSIGN_AS_HW: xr, REVIEW: Sr,
           )
         }
       ),
-      /* @__PURE__ */ t(Lr, { $visible: L, children: /* @__PURE__ */ t(Tr, { options: tr }) })
+      /* @__PURE__ */ t(Sr, { $visible: a, children: /* @__PURE__ */ t(Mr, { options: ir }) })
     ] });
   }
 );
 export {
-  ct as default
+  le as default
 };
 //# sourceMappingURL=teacher-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../../assets/line-icons/icons/skip';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\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, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n    onNodeSkipUnSkip,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\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      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n      can_un_skip: canUnSkip,\n      can_skip: canSkip,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED || canUnSkip;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n          case 'node-card-skip':\n          case 'node-card-revert-skip':\n            onNodeSkipUnSkip?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeSkipUnSkip,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n        onMenuClick();\n      },\n      [onMenuClick],\n    );\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canSkip ? 'skip' : `revert-skip`}`,\n        label: canSkip ? 'Skip' : `Revert 'Skip'`,\n        icon: SkipIcon,\n        disabled: !canUnSkip && !canSkip,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={Boolean(isSkipped || sheetLocked)}\n          onClick={handleOnNodeCardClick}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text\n                $renderAs=\"ac4-black\"\n                $color=\"BLACK\"\n                $opacity={sheetLocked ? 0.5 : 1}\n                $textDecoration={canUnSkip ? 'line-through' : 'none'}\n              >\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","onNodeSkipUnSkip","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","canUnSkip","canSkip","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","SkipIcon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport Lock3Icon from '../../../../../assets/line-icons/icons/lock3';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport RedoIcon from '../../../../../assets/line-icons/icons/redo';\nimport SkipIcon from '../../../../../assets/line-icons/icons/skip';\nimport Unlock2Icon from '../../../../../assets/line-icons/icons/unlock2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../../ui/layout/flex-view';\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, TEACHER_MENU_LABELS } from '../../../constants/node-constants';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst renderSettings = { renderer: 'canvas', autoplay: false };\nconst { ASSIGN_AS_HW, REVIEW, VIEW, MARK_AS_DONE, RESET, LOCK, UNLOCK } = TEACHER_MENU_LABELS;\n\nconst customEventName = 'cue_cp_close_other_node_card_menu_options';\n\nconst TeacherActions: FC<Omit<INodeCardProps, 'userType'>> = memo(\n  ({\n    nodeData,\n    imageHue,\n    blockType,\n    isSkipped,\n    onNodeAssignAsHomework,\n    onNodeMarkAsDone,\n    onNodeView,\n    onNodeReview,\n    onNodeReattempt,\n    onNodeUnlock,\n    onNodeUnassign,\n    onNodeSkipUnSkip,\n  }) => {\n    const componentUniqueIdRef = useRef(nodeData.node_id);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick, hideMenu } = useContextMenuClickHandler(containerRef);\n\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      user_attempt_id: userAttemptId,\n    } = nodeData;\n\n    const { lottie: nodeCardLottie } = getNodeCardBasedIcon(nodeType);\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n    const {\n      can_mark_familiar: canMarkFamiliar,\n      can_review: canReview,\n      can_assign_as_homework: canAssignAsHw,\n      can_reset: canReset,\n      can_unlock: canUnlock,\n      can_unassign: canUnassign,\n      can_un_skip: canUnSkip,\n      can_skip: canSkip,\n    } = permissions;\n\n    const isGoalBlock = blockType === BLOCK_TYPE.GOAL;\n    const sheetLocked = state === NODE_CARD_STATES.LOCKED || canUnSkip;\n    const sheetNotStarted = state === NODE_CARD_STATES.NOT_STARTED;\n    const inClassSheet = attemptLocation === 'INCLASS';\n    const canLockUnlockSheet = (sheetLocked || sheetNotStarted) && (canUnlock || canUnassign);\n\n    const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n\n    const handleOnMenuOptionClick = useCallback(\n      (optionId: string) => {\n        switch (optionId) {\n          case 'node-card-view':\n            if (canReview && userAttemptId) {\n              onNodeReview?.(nodeData);\n            } else {\n              onNodeView?.(nodeData);\n            }\n\n            return;\n\n          case 'node-card-assign-as-hw':\n            onNodeAssignAsHomework?.(nodeData);\n\n            return;\n\n          case 'node-card-mark-as-done':\n            onNodeMarkAsDone?.(nodeData);\n\n            return;\n\n          case 'node-card-reset':\n            onNodeReattempt?.(nodeData);\n\n            return;\n          case 'node-card-unlock':\n            onNodeUnlock?.(nodeData);\n\n            return;\n          case 'node-card-lock':\n            onNodeUnassign?.(nodeData);\n\n            return;\n          case 'node-card-skip':\n          case 'node-card-revert-skip':\n            onNodeSkipUnSkip?.(nodeData);\n\n            return;\n          default:\n            throw new Error(`No callback function for ${optionId}`);\n        }\n      },\n      [\n        canReview,\n        nodeData,\n        onNodeAssignAsHomework,\n        onNodeMarkAsDone,\n        onNodeReattempt,\n        onNodeReview,\n        onNodeSkipUnSkip,\n        onNodeUnassign,\n        onNodeUnlock,\n        onNodeView,\n        userAttemptId,\n      ],\n    );\n\n    const handleOnMouseEnter = useCallback(() => {\n      if (sheetLocked) return;\n      animationRef.current?.play();\n    }, [sheetLocked]);\n\n    const handleOnMouseLeave = useCallback(() => {\n      animationRef.current?.stop();\n    }, []);\n\n    const handleOnNodeCardClick = useCallback(() => {\n      if (canReview && userAttemptId) {\n        onNodeReview?.(nodeData);\n      } else {\n        onNodeView?.(nodeData);\n      }\n    }, [canReview, nodeData, onNodeReview, onNodeView, userAttemptId]);\n\n    const handleOnKebabMenuClick = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        e.stopPropagation();\n\n        //* If this menu is not currently visible, it means onMenuClick will attempt to open it.\n        //* In that case, dispatch an event to close other menus.\n        //* This check ensures we only dispatch, When this menu is about to be opened.\n        if (!menuVisible) {\n          const event = new CustomEvent(customEventName, {\n            detail: { sourceId: componentUniqueIdRef.current },\n          });\n\n          document.dispatchEvent(event);\n        }\n\n        //* This will toggle the current menu's visibility.\n        onMenuClick();\n      },\n      [onMenuClick, menuVisible],\n    );\n\n    useEffect(() => {\n      const handleCloseRequest = (event: CustomEvent) => {\n        //*() Ensure event.detail and event.detail.sourceId exist before accessing\n        if (event.detail && event.detail.sourceId !== componentUniqueIdRef.current && menuVisible) {\n          hideMenu();\n        }\n      };\n\n      document.addEventListener(customEventName, handleCloseRequest as EventListener);\n\n      return () => {\n        document.removeEventListener(customEventName, handleCloseRequest as EventListener);\n      };\n    }, [menuVisible, hideMenu]);\n\n    const menuOptions: INodeMenuOption[] = [\n      {\n        id: 'node-card-view',\n        label: canReview && userAttemptId ? REVIEW : VIEW,\n        icon: Eye2Icon,\n        disabled: false,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-assign-as-hw',\n        label: ASSIGN_AS_HW,\n        icon: Home2Icon,\n        disabled: !canAssignAsHw,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-reset',\n        label: RESET,\n        icon: RedoIcon,\n        disabled: !canReset,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: 'node-card-mark-as-done',\n        label: MARK_AS_DONE,\n        icon: Check2Icon,\n        disabled: !canMarkFamiliar,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canUnlock ? 'unlock' : 'lock'}`,\n        label: canUnlock ? UNLOCK : LOCK,\n        icon: canUnlock ? Unlock2Icon : Lock3Icon,\n        disabled: !canLockUnlockSheet,\n        onClick: handleOnMenuOptionClick,\n      },\n      {\n        id: `node-card-${canSkip ? 'skip' : `revert-skip`}`,\n        label: canSkip ? 'Skip' : `Revert 'Skip'`,\n        icon: SkipIcon,\n        disabled: !canUnSkip && !canSkip,\n        onClick: handleOnMenuOptionClick,\n      },\n    ];\n\n    return (\n      <FlexView $position=\"relative\">\n        <Styled.NodeCardContainer\n          $background={`${imageHue}_2`}\n          $disabled={sheetLocked}\n          onClick={handleOnNodeCardClick}\n          $opacity={isSkipped ? 0.5 : 1}\n        >\n          <ArrowTooltip\n            renderAs=\"primary\"\n            tooltipItem={sheetStatement}\n            position=\"bottom\"\n            zIndex={5}\n            hidden={menuVisible || !sheetStatement}\n            parentWidth=\"100%\"\n            widthX={11.25}\n          >\n            <Styled.NodeCardInfoWrapper\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $width=\"100%\"\n              $heightX={3.5}\n              $bgImage={nodeBgImage}\n              $gutterX={0.78125}\n              $flexGap={8.5}\n              onMouseEnter={handleOnMouseEnter}\n              onMouseLeave={handleOnMouseLeave}\n            >\n              <Styled.IconWrapper\n                $width={31}\n                $height={31}\n                $background=\"WHITE_1\"\n                $position=\"relative\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $opacity={sheetLocked ? 0.5 : 1}\n              >\n                <LottieAnimation\n                  src={nodeCardLottie}\n                  ref={animationRef}\n                  settings={renderSettings}\n                />\n                {!isOptional && <Styled.StyledImportantIcon />}\n              </Styled.IconWrapper>\n\n              <Text\n                $renderAs=\"ac4-black\"\n                $color=\"BLACK\"\n                $opacity={sheetLocked ? 0.5 : 1}\n                $textDecoration={canUnSkip ? 'line-through' : 'none'}\n              >\n                {cardHeader} {inClassSheet && `• CW`}\n              </Text>\n\n              <FlexView className=\"context-menu\">\n                {isGoalBlock && (\n                  <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                    <MoreVerticalIcon width={18} height={18} />\n                  </Styled.NodeKebabMenuWrapper>\n                )}\n              </FlexView>\n            </Styled.NodeCardInfoWrapper>\n\n            <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n            {!isGoalBlock && (\n              <Styled.NodeCardContentWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $background=\"WHITE_1\"\n                $flexGap={8}\n                $heightX={4}\n                $justifyContent=\"space-between\"\n              >\n                <Styled.NodeCardTitle\n                  $renderAs=\"ab3\"\n                  $color=\"BLACK_1\"\n                  $opacity={sheetLocked ? 0.5 : 1}\n                >\n                  {title}\n                </Styled.NodeCardTitle>\n\n                <Styled.NodeKebabMenuWrapper ref={containerRef} onClick={handleOnKebabMenuClick}>\n                  <MoreVerticalIcon width={18} height={18} />\n                </Styled.NodeKebabMenuWrapper>\n              </Styled.NodeCardContentWrapper>\n            )}\n          </ArrowTooltip>\n        </Styled.NodeCardContainer>\n        <Styled.NodeMenuOptionsWrapper $visible={menuVisible}>\n          <NodeMenuOptions options={menuOptions} />\n        </Styled.NodeMenuOptionsWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default TeacherActions;\n"],"names":["renderSettings","ASSIGN_AS_HW","REVIEW","VIEW","MARK_AS_DONE","RESET","LOCK","UNLOCK","TEACHER_MENU_LABELS","customEventName","TeacherActions","memo","nodeData","imageHue","blockType","isSkipped","onNodeAssignAsHomework","onNodeMarkAsDone","onNodeView","onNodeReview","onNodeReattempt","onNodeUnlock","onNodeUnassign","onNodeSkipUnSkip","componentUniqueIdRef","useRef","containerRef","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","sheetStatement","permissions","userAttemptId","nodeCardLottie","getNodeCardBasedIcon","animationRef","canMarkFamiliar","canReview","canAssignAsHw","canReset","canUnlock","canUnassign","canUnSkip","canSkip","isGoalBlock","BLOCK_TYPE","sheetLocked","NODE_CARD_STATES","sheetNotStarted","inClassSheet","canLockUnlockSheet","nodeBgImage","getNodeTypeBasedBgImage","handleOnMenuOptionClick","useCallback","optionId","handleOnMouseEnter","_a","handleOnMouseLeave","handleOnNodeCardClick","handleOnKebabMenuClick","event","useEffect","handleCloseRequest","menuOptions","Eye2Icon","Home2Icon","RedoIcon","Check2Icon","Unlock2Icon","Lock3Icon","SkipIcon","jsxs","FlexView","jsx","Styled.NodeCardContainer","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","LottieAnimation","Styled.StyledImportantIcon","Text","Styled.NodeKebabMenuWrapper","MoreVerticalIcon","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle","Styled.NodeMenuOptionsWrapper","NodeMenuOptions"],"mappings":"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"}

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

@@ -3,20 +3,20 @@ import T from "../../../assets/line-icons/icons/check2.js";
 import f from "../../../assets/line-icons/icons/exclamation.js";
 import u from "../../../assets/line-icons/icons/lock2.js";
 import R from "../../../assets/line-icons/icons/status.js";
-import { LOTTIE as r } from "../../../assets/lottie/lottie.js";
+import { LOTTIE as n } from "../../../assets/lottie/lottie.js";
 import A from "../../ui/layout/flex-view.js";
 import d from "../../ui/arrow-tooltip/arrow-tooltip.js";
 import E from "../../ui/text/text.js";
-import { InProgressIconWrapper as I } from "../comps/node-card/node-card-styled.js";
+import { InProgressIconWrapper as l } from "../comps/node-card/node-card-styled.js";
 import m from "../comps/tag/tag.js";
-const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
-  if (!t)
+const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t, i) => {
+  if (!t || i)
     return { isOverdue: !1, daysText: "", differenceInDays: 0 };
-  const n = Math.floor(Date.now() / 1e3), c = t - n, o = Math.ceil(c / h), s = o < 0, a = o > 0 ? `${Math.abs(o)}D` : "";
-  return { isOverdue: s, daysText: a, differenceInDays: o };
-}, w = (t, n, c, o, s) => {
-  const { isOverdue: a, daysText: i, differenceInDays: l } = D(o);
-  if (!s && a && $.includes(t))
+  const c = Math.floor(Date.now() / 1e3), s = t - c, r = Math.ceil(s / h), a = r < 0, o = r > 0 ? `${Math.abs(r)}D` : "";
+  return { isOverdue: a, daysText: o, differenceInDays: r };
+}, w = (t, i, c, s, r) => {
+  const { isOverdue: a, daysText: o, differenceInDays: I } = D(s, r);
+  if (!r && a && $.includes(t))
     return {
       icon: /* @__PURE__ */ e(
         d,
@@ -25,7 +25,7 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
           position: "bottom",
           tooltipItem: "Complete now",
           zIndex: 10,
-          hidden: !n,
+          hidden: !i,
           parentWidth: "fit-content",
           children: /* @__PURE__ */ e(A, { $background: "RED", $borderRadius: 16, $gapX: 0.24, $gutterX: 0.5, children: /* @__PURE__ */ e(E, { $renderAs: "ac4-black", $color: "WHITE", children: "OVERDUE" }) })
         }
@@ -41,11 +41,11 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: l > 1 ? `${l} days left` : "Complete it today",
+            tooltipItem: I > 1 ? `${I} days left` : "Complete it today",
             zIndex: 10,
-            hidden: !n,
+            hidden: !i,
             children: /* @__PURE__ */ e(
-              I,
+              l,
               {
                 $flexDirection: "row",
                 $alignItems: "center",
@@ -53,7 +53,7 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
                 $borderRadius: 16,
                 $paddingRight: 6,
                 $paddingLeft: 6,
-                children: i && /* @__PURE__ */ e(E, { $renderAs: "ub3-bold", $color: "WHITE", children: i })
+                children: o && /* @__PURE__ */ e(E, { $renderAs: "ub3-bold", $color: "WHITE", children: o })
               }
             )
           }
@@ -70,16 +70,16 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
     case "IN_PROGRESS":
       return {
         icon: /* @__PURE__ */ p(
-          I,
+          l,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $justifyContent: "center",
             $borderRadius: 16,
             $paddingRight: 0,
-            $paddingLeft: i ? 6 : 0,
+            $paddingLeft: o ? 6 : 0,
             children: [
-              i && /* @__PURE__ */ e(E, { $renderAs: "ub3-bold", $color: "WHITE", children: i }),
+              o && /* @__PURE__ */ e(E, { $renderAs: "ub3-bold", $color: "WHITE", children: o }),
               /* @__PURE__ */ e(R, {})
             ]
           }
@@ -104,7 +104,7 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
           {
             renderAs: "primary",
             position: "bottom",
-            tooltipItem: n ? "Waiting for teacher to review" : "Needs your review",
+            tooltipItem: i ? "Waiting for teacher to review" : "Needs your review",
             zIndex: 10,
             children: /* @__PURE__ */ e(m, { Icon: f })
           }
@@ -123,42 +123,42 @@ const h = 60 * 60 * 24, $ = ["NOT_STARTED", "IN_PROGRESS"], D = (t) => {
     case "LEVEL2":
     case "LEVEL3":
       return {
-        lottie: r.LEARN
+        lottie: n.LEARN
       };
     case "RECAP":
     case "REMEDIAL":
     case "REVISION":
       return {
-        lottie: r.RECAP
+        lottie: n.RECAP
       };
     case "DYNAMIC":
     case "ASSESSMENT":
     case "CHAPTER_ASSESSMENT":
     case "DIAGNOSTIC":
       return {
-        lottie: r.TEST
+        lottie: n.TEST
       };
     case "PRACTICE":
     case "EXTRA_PRACTICE":
     case "TARGET_PRACTICE":
     case "MASTERY":
       return {
-        lottie: r.PRACTICE
+        lottie: n.PRACTICE
       };
     case "PUZZLE":
     case "PUZZLE_EASY":
     case "PUZZLE_MEDIUM":
     case "PUZZLE_HARD":
       return {
-        lottie: r.PUZZLE
+        lottie: n.PUZZLE
       };
     case "VIDEO":
       return {
-        lottie: r.VIDEO
+        lottie: n.VIDEO
       };
     default:
       return {
-        lottie: r.PROJECT
+        lottie: n.PROJECT
       };
   }
 };