@cuemath/leap 2.8.61 → 2.8.62-aa0

package/dist/features/sheets/lessons-list/lesson-item/lesson-item-cta-info.js

@@ -1,20 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { memo as O, useMemo as $, useCallback as M, Fragment as V } from "react";
 import B from "../../../../assets/line-icons/icons/bulb2.js";
 import F from "../../../../assets/line-icons/icons/practice.js";
-import { IS_CHAPTER_COMPLETED_STATES as b } from "../../../milestone/create/milestone-create-constants.js";
+import { IS_CHAPTER_COMPLETED_STATES as I } from "../../../milestone/create/milestone-create-constants.js";
 import H from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import j from "../../../ui/layout/flex-view.js";
 import K from "../../comps/sheet-button/index.js";
 import { NODE_TYPE as U, SHEET_STATE as W } from "../../constants/sheet.js";
 import { isV3Worksheet as i } from "../../utils/is-v3-worksheet.js";
-const { TARGET_PRACTICE: v, PRACTICE: y, LEARNING: X } = U, { COMPLETED: P, IN_PROGRESS: Y } = W, q = (n, o, a) => {
-  if (n === P || b.some((d) => d === n))
+const { TARGET_PRACTICE: b, PRACTICE: y, LEARNING: X } = U, { COMPLETED: v, IN_PROGRESS: Y } = W, q = (n, o, a) => {
+  if (n === v || I.some((p) => p === n))
     return {
       state: "completed",
       renderAs: "secondary_black"
     };
-  if ((o === y || o === v) && a === "PENDING_TARGET_PRACTICE")
+  if ((o === y || o === b) && a === "PENDING_TARGET_PRACTICE")
     return {
       state: "overdue",
       renderAs: "tertiary"
@@ -25,80 +25,80 @@ const { TARGET_PRACTICE: v, PRACTICE: y, LEARNING: X } = U, { COMPLETED: P, IN_P
       renderAs: "primary"
     };
 }, me = O(
-  ({ sheetsListData: n, userType: o, isLessonDisabled: a, ...h }) => {
-    const { lessonTagType: d, onStart: u, onResume: f, onReattempt: l, onReview: _, onPreview: w } = h, s = $(() => o === "STUDENT", [o]), I = M(
-      (e) => {
-        const { permissions: E, node_id: r, user_node_id: t } = e, {
+  ({ sheetsListData: n, userType: o, isLessonDisabled: a, ...S }) => {
+    const { lessonTagType: p, onStart: d, onResume: u, onReattempt: l, onReview: _, onPreview: E } = S, r = $(() => o === "STUDENT", [o]), P = M(
+      (s) => {
+        const { permissions: h, node_id: t, user_node_id: e } = s, {
           can_start: c,
           can_resume: m,
-          can_reattempt: C,
-          can_review: R,
-          can_teacher_review: T
-        } = E, S = s ? R : T;
-        if (s) {
+          can_reattempt: w,
+          can_review: C,
+          can_teacher_review: R
+        } = h, T = r ? C : R;
+        if (r) {
           if (c || m) {
-            if (c && typeof u == "function") {
-              u(r, i(e), t);
+            if (c && typeof d == "function") {
+              d(t, i(), e);
               return;
             }
-            if (m && typeof f == "function") {
-              f(r, i(e), t);
+            if (m && typeof u == "function") {
+              u(t, i(), e);
               return;
             }
             throw new Error("No callback is available");
-          } else if (C) {
+          } else if (w) {
             if (typeof l != "function")
               throw new Error("canReattempt must be a function");
-            l(r, i(e), t);
+            l(t, i(), e);
             return;
           }
         }
-        if (S) {
+        if (T) {
           if (typeof _ != "function")
             throw new Error("onReview must be a function");
-          if (!t)
+          if (!e)
             throw new Error("user node id must be present to review the sheet");
-          _(t, i(e, "review"));
+          _(e, i());
           return;
         }
-        if (typeof w != "function")
+        if (typeof E != "function")
           throw new Error("onPreview must be a function");
-        w(e, i(e));
+        E(s, i());
       },
-      [s, _, u, w, l, f]
+      [r, _, d, E, l, u]
     );
-    return /* @__PURE__ */ p(j, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: n.map((e, E) => {
+    return /* @__PURE__ */ f(j, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: n.map((s, h) => {
       const {
-        node_type: r,
-        state: t,
+        node_type: t,
+        state: e,
         permissions: c,
         sheet_statement: m
-      } = e, {
-        can_start: C,
-        can_resume: R,
-        can_reattempt: T,
-        can_review: S
-      } = c, A = r === v ? y : r, N = r === X, D = t === "LOCKED", g = q(t, r, d), { state: k, renderAs: L } = g || {}, x = !(t === P || b.some((G) => G === t)) && !(C || R || S || T);
-      return /* @__PURE__ */ p(V, { children: /* @__PURE__ */ p(
+      } = s, {
+        can_start: w,
+        can_resume: C,
+        can_reattempt: R,
+        can_review: T
+      } = c, A = t === b ? y : t, N = t === X, D = e === "LOCKED", g = q(e, t, p), { state: k, renderAs: L } = g || {}, x = !(e === v || I.some((G) => G === e)) && !(w || C || T || R);
+      return /* @__PURE__ */ f(V, { children: /* @__PURE__ */ f(
         H,
         {
           renderAs: "secondary",
           position: "bottom",
           tooltipItem: m,
           textVariant: "ab3",
-          children: /* @__PURE__ */ p(
+          children: /* @__PURE__ */ f(
             K,
             {
-              renderAs: L ?? (a || !s && D ? "secondary_grey" : "primary"),
+              renderAs: L ?? (a || !r && D ? "secondary_grey" : "primary"),
               label: A,
               Icon: N ? B : F,
-              onClick: () => I(e),
-              disabled: s && (a || x),
+              onClick: () => P(s),
+              disabled: r && (a || x),
               state: k
             }
           )
         }
-      ) }, `${A}__lesson_button__${E}`);
+      ) }, `${A}__lesson_button__${h}`);
     }) });
   }
 );

package/dist/features/sheets/lessons-list/lesson-item/lesson-item-cta-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"lesson-item-cta-info.js","sources":["../../../../../src/features/sheets/lessons-list/lesson-item/lesson-item-cta-info.tsx"],"sourcesContent":["import type { TSheetButtonVariant } from '../../comps/sheet-button/types';\nimport type { ISheetDataProps } from '../../sheets-list/sheet-item/sheet-item-types';\nimport type { IGetLessonCtaInfo, ILessonItemCtaInfoProps } from './lesson-item-types';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo } from 'react';\n\nimport Bulb2Icon from '../../../../assets/line-icons/icons/bulb2';\nimport PracticeIcon from '../../../../assets/line-icons/icons/practice';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../milestone/create/milestone-create-constants';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport { NODE_TYPE, SHEET_STATE } from '../../constants/sheet';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\n\nconst { TARGET_PRACTICE, PRACTICE, LEARNING } = NODE_TYPE;\nconst { COMPLETED, IN_PROGRESS } = SHEET_STATE;\n\nconst getLessonCtaInfo: IGetLessonCtaInfo = (state, nodeType, lessonTagType) => {\n  const isSheetCompleted =\n    state === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(sheetState => sheetState === state);\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n    };\n  }\n\n  if (\n    (nodeType === PRACTICE || nodeType === TARGET_PRACTICE) &&\n    lessonTagType === 'PENDING_TARGET_PRACTICE'\n  ) {\n    return {\n      state: 'overdue',\n      renderAs: 'tertiary',\n    };\n  }\n\n  if (state === IN_PROGRESS) {\n    return {\n      state: 'in_progress',\n      renderAs: 'primary',\n    };\n  }\n\n  return undefined;\n};\n\nconst LessonItemCtaInfo: FC<ILessonItemCtaInfoProps> = memo(\n  ({ sheetsListData, userType, isLessonDisabled, ...restLessonItemCtaInfoProps }) => {\n    const { lessonTagType, onStart, onResume, onReattempt, onReview, onPreview } =\n      restLessonItemCtaInfoProps;\n\n    const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n\n    const handleOnClick = useCallback(\n      (sheetInfo: ISheetDataProps) => {\n        const { permissions, node_id: nodeId, user_node_id: userNodeId } = sheetInfo;\n        const {\n          can_start: canStart,\n          can_resume: canResume,\n          can_reattempt: canReattempt,\n          can_review: canReview,\n          can_teacher_review: canTeacherReview,\n        } = permissions;\n        const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n        if (isStudent) {\n          //* Student actions\n\n          if (canStart || canResume) {\n            if (canStart && typeof onStart === 'function') {\n              onStart(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n              return;\n            }\n\n            if (canResume && typeof onResume === 'function') {\n              onResume(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n              return;\n            }\n\n            throw new Error('No callback is available');\n          } else if (canReattempt) {\n            if (typeof onReattempt !== 'function') {\n              throw new Error('canReattempt must be a function');\n            }\n\n            onReattempt(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n            return;\n          }\n        }\n\n        if (canReviewSheet) {\n          if (typeof onReview !== 'function') {\n            throw new Error('onReview must be a function');\n          }\n\n          if (!userNodeId) {\n            throw new Error('user node id must be present to review the sheet');\n          }\n\n          onReview(userNodeId, isV3Worksheet(sheetInfo, 'review'));\n\n          return;\n        }\n\n        if (typeof onPreview !== 'function') {\n          throw new Error('onPreview must be a function');\n        }\n\n        onPreview(sheetInfo, isV3Worksheet(sheetInfo));\n\n        return;\n      },\n      [isStudent, onReview, onStart, onPreview, onReattempt, onResume],\n    );\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n        {sheetsListData.map((sheet, idx) => {\n          const {\n            node_type: nodeType,\n            state,\n            permissions,\n            sheet_statement: sheetStatement,\n          } = sheet;\n          const {\n            can_start: canStart,\n            can_resume: canResume,\n            can_reattempt: canReattempt,\n            can_review: canReview,\n          } = permissions;\n          const sheetType = nodeType === TARGET_PRACTICE ? PRACTICE : nodeType;\n          const isLearningNodeType = nodeType === LEARNING;\n          const isSheetLocked = state === 'LOCKED';\n\n          const lessonCtaInfo = getLessonCtaInfo(state, nodeType, lessonTagType);\n          const { state: lessonCtaState, renderAs } = lessonCtaInfo || {};\n\n          const isSheetCompleted =\n            state === COMPLETED ||\n            IS_CHAPTER_COMPLETED_STATES.some(sheetState => sheetState === state);\n          const sheetPermissionDisability =\n            !isSheetCompleted && !(canStart || canResume || canReview || canReattempt);\n          const disableCta = isStudent && (isLessonDisabled || sheetPermissionDisability);\n          const sheetCtaDefaultRenderAs: TSheetButtonVariant =\n            isLessonDisabled || (!isStudent && isSheetLocked) ? 'secondary_grey' : 'primary';\n\n          return (\n            <Fragment key={`${sheetType}__lesson_button__${idx}`}>\n              <ArrowTooltip\n                renderAs=\"secondary\"\n                position=\"bottom\"\n                tooltipItem={sheetStatement}\n                textVariant=\"ab3\"\n              >\n                <SheetButton\n                  renderAs={renderAs ?? sheetCtaDefaultRenderAs}\n                  label={sheetType}\n                  Icon={isLearningNodeType ? Bulb2Icon : PracticeIcon}\n                  onClick={() => handleOnClick(sheet)}\n                  disabled={disableCta}\n                  state={lessonCtaState}\n                />\n              </ArrowTooltip>\n            </Fragment>\n          );\n        })}\n      </FlexView>\n    );\n  },\n);\n\nexport default LessonItemCtaInfo;\n"],"names":["TARGET_PRACTICE","PRACTICE","LEARNING","NODE_TYPE","COMPLETED","IN_PROGRESS","SHEET_STATE","getLessonCtaInfo","state","nodeType","lessonTagType","IS_CHAPTER_COMPLETED_STATES","sheetState","LessonItemCtaInfo","memo","sheetsListData","userType","isLessonDisabled","restLessonItemCtaInfoProps","onStart","onResume","onReattempt","onReview","onPreview","isStudent","useMemo","handleOnClick","useCallback","sheetInfo","permissions","nodeId","userNodeId","canStart","canResume","canReattempt","canReview","canTeacherReview","canReviewSheet","isV3Worksheet","jsx","FlexView","sheet","idx","sheetStatement","sheetType","isLearningNodeType","isSheetLocked","lessonCtaInfo","lessonCtaState","renderAs","sheetPermissionDisability","Fragment","ArrowTooltip","SheetButton","Bulb2Icon","PracticeIcon"],"mappings":"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"}
+{"version":3,"file":"lesson-item-cta-info.js","sources":["../../../../../src/features/sheets/lessons-list/lesson-item/lesson-item-cta-info.tsx"],"sourcesContent":["import type { TSheetButtonVariant } from '../../comps/sheet-button/types';\nimport type { ISheetDataProps } from '../../sheets-list/sheet-item/sheet-item-types';\nimport type { IGetLessonCtaInfo, ILessonItemCtaInfoProps } from './lesson-item-types';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useCallback, useMemo } from 'react';\n\nimport Bulb2Icon from '../../../../assets/line-icons/icons/bulb2';\nimport PracticeIcon from '../../../../assets/line-icons/icons/practice';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../milestone/create/milestone-create-constants';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport { NODE_TYPE, SHEET_STATE } from '../../constants/sheet';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\n\nconst { TARGET_PRACTICE, PRACTICE, LEARNING } = NODE_TYPE;\nconst { COMPLETED, IN_PROGRESS } = SHEET_STATE;\n\nconst getLessonCtaInfo: IGetLessonCtaInfo = (state, nodeType, lessonTagType) => {\n  const isSheetCompleted =\n    state === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(sheetState => sheetState === state);\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n    };\n  }\n\n  if (\n    (nodeType === PRACTICE || nodeType === TARGET_PRACTICE) &&\n    lessonTagType === 'PENDING_TARGET_PRACTICE'\n  ) {\n    return {\n      state: 'overdue',\n      renderAs: 'tertiary',\n    };\n  }\n\n  if (state === IN_PROGRESS) {\n    return {\n      state: 'in_progress',\n      renderAs: 'primary',\n    };\n  }\n\n  return undefined;\n};\n\nconst LessonItemCtaInfo: FC<ILessonItemCtaInfoProps> = memo(\n  ({ sheetsListData, userType, isLessonDisabled, ...restLessonItemCtaInfoProps }) => {\n    const { lessonTagType, onStart, onResume, onReattempt, onReview, onPreview } =\n      restLessonItemCtaInfoProps;\n\n    const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n\n    const handleOnClick = useCallback(\n      (sheetInfo: ISheetDataProps) => {\n        const { permissions, node_id: nodeId, user_node_id: userNodeId } = sheetInfo;\n        const {\n          can_start: canStart,\n          can_resume: canResume,\n          can_reattempt: canReattempt,\n          can_review: canReview,\n          can_teacher_review: canTeacherReview,\n        } = permissions;\n        const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n        if (isStudent) {\n          //* Student actions\n\n          if (canStart || canResume) {\n            if (canStart && typeof onStart === 'function') {\n              onStart(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n              return;\n            }\n\n            if (canResume && typeof onResume === 'function') {\n              onResume(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n              return;\n            }\n\n            throw new Error('No callback is available');\n          } else if (canReattempt) {\n            if (typeof onReattempt !== 'function') {\n              throw new Error('canReattempt must be a function');\n            }\n\n            onReattempt(nodeId, isV3Worksheet(sheetInfo), userNodeId);\n\n            return;\n          }\n        }\n\n        if (canReviewSheet) {\n          if (typeof onReview !== 'function') {\n            throw new Error('onReview must be a function');\n          }\n\n          if (!userNodeId) {\n            throw new Error('user node id must be present to review the sheet');\n          }\n\n          onReview(userNodeId, isV3Worksheet(sheetInfo, 'review'));\n\n          return;\n        }\n\n        if (typeof onPreview !== 'function') {\n          throw new Error('onPreview must be a function');\n        }\n\n        onPreview(sheetInfo, isV3Worksheet(sheetInfo));\n\n        return;\n      },\n      [isStudent, onReview, onStart, onPreview, onReattempt, onResume],\n    );\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n        {sheetsListData.map((sheet, idx) => {\n          const {\n            node_type: nodeType,\n            state,\n            permissions,\n            sheet_statement: sheetStatement,\n          } = sheet;\n          const {\n            can_start: canStart,\n            can_resume: canResume,\n            can_reattempt: canReattempt,\n            can_review: canReview,\n          } = permissions;\n          const sheetType = nodeType === TARGET_PRACTICE ? PRACTICE : nodeType;\n          const isLearningNodeType = nodeType === LEARNING;\n          const isSheetLocked = state === 'LOCKED';\n\n          const lessonCtaInfo = getLessonCtaInfo(state, nodeType, lessonTagType);\n          const { state: lessonCtaState, renderAs } = lessonCtaInfo || {};\n\n          const isSheetCompleted =\n            state === COMPLETED ||\n            IS_CHAPTER_COMPLETED_STATES.some(sheetState => sheetState === state);\n          const sheetPermissionDisability =\n            !isSheetCompleted && !(canStart || canResume || canReview || canReattempt);\n          const disableCta = isStudent && (isLessonDisabled || sheetPermissionDisability);\n          const sheetCtaDefaultRenderAs: TSheetButtonVariant =\n            isLessonDisabled || (!isStudent && isSheetLocked) ? 'secondary_grey' : 'primary';\n\n          return (\n            <Fragment key={`${sheetType}__lesson_button__${idx}`}>\n              <ArrowTooltip\n                renderAs=\"secondary\"\n                position=\"bottom\"\n                tooltipItem={sheetStatement}\n                textVariant=\"ab3\"\n              >\n                <SheetButton\n                  renderAs={renderAs ?? sheetCtaDefaultRenderAs}\n                  label={sheetType}\n                  Icon={isLearningNodeType ? Bulb2Icon : PracticeIcon}\n                  onClick={() => handleOnClick(sheet)}\n                  disabled={disableCta}\n                  state={lessonCtaState}\n                />\n              </ArrowTooltip>\n            </Fragment>\n          );\n        })}\n      </FlexView>\n    );\n  },\n);\n\nexport default LessonItemCtaInfo;\n"],"names":["TARGET_PRACTICE","PRACTICE","LEARNING","NODE_TYPE","COMPLETED","IN_PROGRESS","SHEET_STATE","getLessonCtaInfo","state","nodeType","lessonTagType","IS_CHAPTER_COMPLETED_STATES","sheetState","LessonItemCtaInfo","memo","sheetsListData","userType","isLessonDisabled","restLessonItemCtaInfoProps","onStart","onResume","onReattempt","onReview","onPreview","isStudent","useMemo","handleOnClick","useCallback","sheetInfo","permissions","nodeId","userNodeId","canStart","canResume","canReattempt","canReview","canTeacherReview","canReviewSheet","isV3Worksheet","jsx","FlexView","sheet","idx","sheetStatement","sheetType","isLearningNodeType","isSheetLocked","lessonCtaInfo","lessonCtaState","renderAs","sheetPermissionDisability","Fragment","ArrowTooltip","SheetButton","Bulb2Icon","PracticeIcon"],"mappings":"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"}

package/dist/features/sheets/resources-list/resource-item/resource-item.js

@@ -1,26 +1,26 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
 import { memo as J, useRef as Q, useState as Z, useMemo as ee, useCallback as d, useLayoutEffect as te } from "react";
 import oe from "../../../../assets/line-icons/icons/minus2.js";
 import re from "../../../../assets/line-icons/icons/plus2.js";
 import ne from "../../../../assets/line-icons/icons/redo.js";
-import A from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import k from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import ie from "../../../ui/context-menu/context-menu.js";
 import { useUIContext as ce } from "../../../ui/context/context.js";
 import se from "../../../ui/layout/flex-view.js";
 import ae from "../../comps/sheet-button/index.js";
 import ue from "../../lessons-list/lesson-item/context-menu-helper/target-element.js";
-import { SHEETS_ANALYTICS_EVENTS as k } from "../../sheets-analytics-events.js";
+import { SHEETS_ANALYTICS_EVENTS as v } from "../../sheets-analytics-events.js";
 import { TEACHER_MENU_OPTIONS as me } from "../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js";
 import { isV3Worksheet as h } from "../../utils/is-v3-worksheet.js";
 import le from "./context-menu-helper/menu-element.js";
 import { ResourceItemCard as pe, ResourceItemTitle as fe, IconButtonWrapper as de } from "./styled.js";
-import { getResourceItemCtaState as he, getResourceItemCtaInfo as we, getResourceItemBackgroundColor as _e } from "./utils.js";
+import { getResourceItemCtaState as he, getResourceItemCtaInfo as _e, getResourceItemBackgroundColor as we } from "./utils.js";
 const { UNASSIGN: x, REDO: N } = me, Me = J(
   ({
     sheet: t,
     userType: O,
-    isMilestoneWidget: w,
-    userMilestoneId: _,
+    isMilestoneWidget: _,
+    userMilestoneId: w,
     onUnlock: i,
     onUnAssignSheet: u,
     onReset: m,
@@ -46,7 +46,7 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
       can_teacher_review: L,
       can_unassign: B,
       can_reset: U
-    } = X, V = typeof b == "number" ? `${b}%` : void 0, n = O === "STUDENT", R = n ? H : L, P = he(E), { label: W, Icon: F } = we(G) || {}, a = ee(
+    } = X, V = typeof b == "number" ? `${b}%` : void 0, n = O === "STUDENT", R = n ? H : L, P = he(E), { label: W, Icon: F } = _e(G) || {}, a = ee(
       () => ({
         node_id: o,
         node_type: y
@@ -54,13 +54,13 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
       [o, y]
     ), K = d(() => {
       c({
-        analyticsLabel: k.RESOURCE_ASSIGNED,
+        analyticsLabel: v.RESOURCE_ASSIGNED,
         props: a
       }), i == null || i(o);
     }, [i, o, c, a]), Y = d(() => {
       if (n && (I || S)) {
         if (typeof f == "function") {
-          f(o, h(t), s);
+          f(o, h(), s);
           return;
         }
         throw new Error("No callback is available");
@@ -70,12 +70,12 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
           throw new Error("onReview must be a function");
         if (!s)
           throw new Error("user node id must be present to review the sheet");
-        p(s, h(t, "review"), _);
+        p(s, h(), w);
         return;
       }
       if (typeof l != "function")
         throw new Error("onPreview must be a function");
-      l(t, h(t));
+      l(t, h());
     }, [
       S,
       R,
@@ -83,7 +83,7 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
       n,
       o,
       t,
-      _,
+      w,
       s,
       f,
       p,
@@ -95,7 +95,7 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
             if (typeof u != "function")
               throw new Error("onUnassignSheet must be a function");
             c({
-              analyticsLabel: k.RESOURCE_UNASSIGNED,
+              analyticsLabel: v.RESOURCE_UNASSIGNED,
               props: a
             }), u(t);
             return;
@@ -128,13 +128,13 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
         visible: U,
         onClick: T
       }
-    ], $ = _e(
+    ], $ = we(
       E,
       n,
       g,
-      !!w
+      !!_
     );
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ A(
       pe,
       {
         $gapX: 1,
@@ -143,10 +143,10 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
         $background: $,
         $justifyContent: "space-between",
         $heightX: 8,
-        $isMilestoneWidget: w,
+        $isMilestoneWidget: _,
         children: [
           /* @__PURE__ */ e(
-            A,
+            k,
             {
               renderAs: "primary",
               position: "bottom",
@@ -156,8 +156,8 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
               children: /* @__PURE__ */ e(fe, { ref: r, $renderAs: "ab2", $color: "BLACK_T_87", children: C })
             }
           ),
-          /* @__PURE__ */ v(se, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
-            /* @__PURE__ */ e(A, { position: "bottom", tooltipItem: j, renderAs: "secondary", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ A(se, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
+            /* @__PURE__ */ e(k, { position: "bottom", tooltipItem: j, renderAs: "secondary", children: /* @__PURE__ */ e(
               ae,
               {
                 renderAs: "primary",

package/dist/features/sheets/resources-list/resource-item/resource-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, memo, useState, useMemo } from 'react';\n\nimport Minus2Icon from '../../../../assets/line-icons/icons/minus2';\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\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 { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport ContextMenuTargetElement from '../../lessons-list/lesson-item/context-menu-helper/target-element';\nimport { SHEETS_ANALYTICS_EVENTS } from '../../sheets-analytics-events';\nimport { TEACHER_MENU_OPTIONS } from '../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport * as Styled from './styled';\nimport {\n  getResourceItemBackgroundColor,\n  getResourceItemCtaInfo,\n  getResourceItemCtaState,\n} from './utils';\n\nconst { UNASSIGN, REDO } = TEACHER_MENU_OPTIONS;\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({\n    sheet,\n    userType,\n    isMilestoneWidget,\n    userMilestoneId,\n    onUnlock,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onStart,\n  }) => {\n    const { onClick: trackClick } = useUIContext();\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      accuracy,\n      permissions,\n      title,\n      sheet_statement: sheetStatement,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_sub_group: nodeSubGroup,\n      node_type: nodeType,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_unlock: canUnlock,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n      can_unassign: canUnassign,\n      can_reset: canReset,\n    } = permissions;\n\n    const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n    const ctaState = getResourceItemCtaState(sheetState);\n    const { label, Icon } = getResourceItemCtaInfo(nodeSubGroup) || {};\n\n    const analyticsProps = useMemo(\n      () => ({\n        node_id: nodeId,\n        node_type: nodeType,\n      }),\n      [nodeId, nodeType],\n    );\n\n    const handleAssignSheet = useCallback(() => {\n      trackClick({\n        analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_ASSIGNED,\n        props: analyticsProps,\n      });\n\n      onUnlock?.(nodeId);\n    }, [onUnlock, nodeId, trackClick, analyticsProps]);\n\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    const handleMenuOptionClick = useCallback(\n      (selectedOption: string) => {\n        switch (selectedOption) {\n          case UNASSIGN:\n            if (typeof onUnAssignSheet !== 'function') {\n              throw new Error('onUnassignSheet must be a function');\n            }\n\n            trackClick({\n              analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_UNASSIGNED,\n              props: analyticsProps,\n            });\n\n            onUnAssignSheet(sheet);\n\n            return;\n\n          case REDO:\n            if (typeof onReset !== 'function') {\n              throw new Error('onReset must be a function');\n            }\n\n            onReset(sheet);\n\n            return;\n        }\n      },\n      [sheet, onUnAssignSheet, onReset, analyticsProps, trackClick],\n    );\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    const menuOptions: IMenuOptionsProps[] = [\n      {\n        id: 'supplementary_resources_unassign',\n        label: 'Unassign',\n        icon: <Minus2Icon width={20} height={20} />,\n        option: UNASSIGN,\n        visible: canUnassign,\n        onClick: handleMenuOptionClick,\n      },\n      {\n        id: 'supplementary_resources_redo',\n        label: 'Redo',\n        icon: <RedoIcon />,\n        option: REDO,\n        visible: canReset,\n        onClick: handleMenuOptionClick,\n      },\n    ];\n\n    const backgroundColor = getResourceItemBackgroundColor(\n      sheetState,\n      isStudent,\n      canUnlock,\n      !!isMilestoneWidget,\n    );\n\n    return (\n      <Styled.ResourceItemCard\n        $gapX={1}\n        $gutterX={1}\n        $flexGapX={1.25}\n        $background={backgroundColor}\n        $justifyContent=\"space-between\"\n        $heightX={8}\n        $isMilestoneWidget={isMilestoneWidget}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={title}\n          hidden={!showTitleTooltip}\n          widthX={21.75}\n        >\n          <Styled.ResourceItemTitle ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n            {title}\n          </Styled.ResourceItemTitle>\n        </ArrowTooltip>\n\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n          <ArrowTooltip position=\"bottom\" tooltipItem={sheetStatement} renderAs=\"secondary\">\n            <SheetButton\n              renderAs=\"primary\"\n              label={label ?? ''}\n              Icon={Icon}\n              backgroundColor={backgroundColor}\n              state={ctaState}\n              hoverActive={false}\n              onClick={handleOnClick}\n              accuracy={sheetAccuracy}\n              widthX={8.5}\n            />\n          </ArrowTooltip>\n\n          {!isStudent &&\n            (canUnlock ? (\n              <Styled.IconButtonWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                onClick={handleAssignSheet}\n              >\n                <Plus2Icon />\n              </Styled.IconButtonWrapper>\n            ) : (\n              <ContextMenu\n                targetElement={<ContextMenuTargetElement invertHover />}\n                menuElement={<ContextMenuElement menuOptions={menuOptions} />}\n              />\n            ))}\n        </FlexView>\n      </Styled.ResourceItemCard>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["UNASSIGN","REDO","TEACHER_MENU_OPTIONS","ResourceItem","memo","sheet","userType","isMilestoneWidget","userMilestoneId","onUnlock","onUnAssignSheet","onReset","onPreview","onReview","onStart","trackClick","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","accuracy","permissions","title","sheetStatement","sheetState","nodeId","userNodeId","nodeSubGroup","nodeType","canStart","canResume","canUnlock","canReview","canTeacherReview","canUnassign","canReset","sheetAccuracy","isStudent","canReviewSheet","ctaState","getResourceItemCtaState","label","Icon","getResourceItemCtaInfo","analyticsProps","useMemo","handleAssignSheet","useCallback","SHEETS_ANALYTICS_EVENTS","handleOnClick","isV3Worksheet","handleMenuOptionClick","selectedOption","useLayoutEffect","menuOptions","jsx","Minus2Icon","RedoIcon","backgroundColor","getResourceItemBackgroundColor","jsxs","Styled.ResourceItemCard","ArrowTooltip","Styled.ResourceItemTitle","FlexView","SheetButton","Styled.IconButtonWrapper","Plus2Icon","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}
+{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, memo, useState, useMemo } from 'react';\n\nimport Minus2Icon from '../../../../assets/line-icons/icons/minus2';\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\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 { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport ContextMenuTargetElement from '../../lessons-list/lesson-item/context-menu-helper/target-element';\nimport { SHEETS_ANALYTICS_EVENTS } from '../../sheets-analytics-events';\nimport { TEACHER_MENU_OPTIONS } from '../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport * as Styled from './styled';\nimport {\n  getResourceItemBackgroundColor,\n  getResourceItemCtaInfo,\n  getResourceItemCtaState,\n} from './utils';\n\nconst { UNASSIGN, REDO } = TEACHER_MENU_OPTIONS;\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({\n    sheet,\n    userType,\n    isMilestoneWidget,\n    userMilestoneId,\n    onUnlock,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onStart,\n  }) => {\n    const { onClick: trackClick } = useUIContext();\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      accuracy,\n      permissions,\n      title,\n      sheet_statement: sheetStatement,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_sub_group: nodeSubGroup,\n      node_type: nodeType,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_unlock: canUnlock,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n      can_unassign: canUnassign,\n      can_reset: canReset,\n    } = permissions;\n\n    const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n    const ctaState = getResourceItemCtaState(sheetState);\n    const { label, Icon } = getResourceItemCtaInfo(nodeSubGroup) || {};\n\n    const analyticsProps = useMemo(\n      () => ({\n        node_id: nodeId,\n        node_type: nodeType,\n      }),\n      [nodeId, nodeType],\n    );\n\n    const handleAssignSheet = useCallback(() => {\n      trackClick({\n        analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_ASSIGNED,\n        props: analyticsProps,\n      });\n\n      onUnlock?.(nodeId);\n    }, [onUnlock, nodeId, trackClick, analyticsProps]);\n\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    const handleMenuOptionClick = useCallback(\n      (selectedOption: string) => {\n        switch (selectedOption) {\n          case UNASSIGN:\n            if (typeof onUnAssignSheet !== 'function') {\n              throw new Error('onUnassignSheet must be a function');\n            }\n\n            trackClick({\n              analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_UNASSIGNED,\n              props: analyticsProps,\n            });\n\n            onUnAssignSheet(sheet);\n\n            return;\n\n          case REDO:\n            if (typeof onReset !== 'function') {\n              throw new Error('onReset must be a function');\n            }\n\n            onReset(sheet);\n\n            return;\n        }\n      },\n      [sheet, onUnAssignSheet, onReset, analyticsProps, trackClick],\n    );\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    const menuOptions: IMenuOptionsProps[] = [\n      {\n        id: 'supplementary_resources_unassign',\n        label: 'Unassign',\n        icon: <Minus2Icon width={20} height={20} />,\n        option: UNASSIGN,\n        visible: canUnassign,\n        onClick: handleMenuOptionClick,\n      },\n      {\n        id: 'supplementary_resources_redo',\n        label: 'Redo',\n        icon: <RedoIcon />,\n        option: REDO,\n        visible: canReset,\n        onClick: handleMenuOptionClick,\n      },\n    ];\n\n    const backgroundColor = getResourceItemBackgroundColor(\n      sheetState,\n      isStudent,\n      canUnlock,\n      !!isMilestoneWidget,\n    );\n\n    return (\n      <Styled.ResourceItemCard\n        $gapX={1}\n        $gutterX={1}\n        $flexGapX={1.25}\n        $background={backgroundColor}\n        $justifyContent=\"space-between\"\n        $heightX={8}\n        $isMilestoneWidget={isMilestoneWidget}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={title}\n          hidden={!showTitleTooltip}\n          widthX={21.75}\n        >\n          <Styled.ResourceItemTitle ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n            {title}\n          </Styled.ResourceItemTitle>\n        </ArrowTooltip>\n\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n          <ArrowTooltip position=\"bottom\" tooltipItem={sheetStatement} renderAs=\"secondary\">\n            <SheetButton\n              renderAs=\"primary\"\n              label={label ?? ''}\n              Icon={Icon}\n              backgroundColor={backgroundColor}\n              state={ctaState}\n              hoverActive={false}\n              onClick={handleOnClick}\n              accuracy={sheetAccuracy}\n              widthX={8.5}\n            />\n          </ArrowTooltip>\n\n          {!isStudent &&\n            (canUnlock ? (\n              <Styled.IconButtonWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                onClick={handleAssignSheet}\n              >\n                <Plus2Icon />\n              </Styled.IconButtonWrapper>\n            ) : (\n              <ContextMenu\n                targetElement={<ContextMenuTargetElement invertHover />}\n                menuElement={<ContextMenuElement menuOptions={menuOptions} />}\n              />\n            ))}\n        </FlexView>\n      </Styled.ResourceItemCard>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["UNASSIGN","REDO","TEACHER_MENU_OPTIONS","ResourceItem","memo","sheet","userType","isMilestoneWidget","userMilestoneId","onUnlock","onUnAssignSheet","onReset","onPreview","onReview","onStart","trackClick","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","accuracy","permissions","title","sheetStatement","sheetState","nodeId","userNodeId","nodeSubGroup","nodeType","canStart","canResume","canUnlock","canReview","canTeacherReview","canUnassign","canReset","sheetAccuracy","isStudent","canReviewSheet","ctaState","getResourceItemCtaState","label","Icon","getResourceItemCtaInfo","analyticsProps","useMemo","handleAssignSheet","useCallback","SHEETS_ANALYTICS_EVENTS","handleOnClick","isV3Worksheet","handleMenuOptionClick","selectedOption","useLayoutEffect","menuOptions","jsx","Minus2Icon","RedoIcon","backgroundColor","getResourceItemBackgroundColor","jsxs","Styled.ResourceItemCard","ArrowTooltip","Styled.ResourceItemTitle","FlexView","SheetButton","Styled.IconButtonWrapper","Plus2Icon","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAM,EAAE,UAAAA,GAAU,MAAAC,EAAS,IAAAC,IAErBC,KAAuCC;AAAA,EAC3C,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,SAASC,EAAW,IAAIC,GAAa,GACvCC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD;AAAA,MACJ,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,iBAAiBC;AAAA,MACjB,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,gBAAgBC;AAAA,MAChB,WAAWC;AAAA,IACT,IAAAzB,GACE;AAAA,MACJ,WAAW0B;AAAA,MACX,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,oBAAoBC;AAAA,MACpB,cAAcC;AAAA,MACd,WAAWC;AAAA,IACT,IAAAd,GAEEe,IAAgB,OAAOhB,KAAa,WAAW,GAAGA,CAAQ,MAAM,QAChEiB,IAAYjC,MAAa,WACzBkC,IAAiBD,IAAYL,IAAYC,GAEzCM,IAAWC,GAAwBhB,CAAU,GAC7C,EAAE,OAAAiB,GAAO,MAAAC,EAAA,IAASC,GAAuBhB,CAAY,KAAK,IAE1DiB,IAAiBC;AAAA,MACrB,OAAO;AAAA,QACL,SAASpB;AAAA,QACT,WAAWG;AAAA,MAAA;AAAA,MAEb,CAACH,GAAQG,CAAQ;AAAA,IAAA,GAGbkB,IAAoBC,EAAY,MAAM;AAC/B,MAAAlC,EAAA;AAAA,QACT,gBAAgBmC,EAAwB;AAAA,QACxC,OAAOJ;AAAA,MAAA,CACR,GAEDrC,KAAA,QAAAA,EAAWkB;AAAA,OACV,CAAClB,GAAUkB,GAAQZ,GAAY+B,CAAc,CAAC,GAE3CK,IAAgBF,EAAY,MAAM;AAClC,UAAAV,MAAcR,KAAYC,IAAY;AACpC,YAAA,OAAOlB,KAAY,YAAY;AACjC,UAAAA,EAAQa,GAAQyB,EAAmB,GAAGxB,CAAU;AAEhD;AAAA,QACF;AAEM,cAAA,IAAI,MAAM,0BAA0B;AAAA,MAC5C;AAEA,UAAIY,GAAgB;AACd,YAAA,OAAO3B,KAAa;AAChB,gBAAA,IAAI,MAAM,6BAA6B;AAG/C,YAAI,CAACe;AACG,gBAAA,IAAI,MAAM,kDAAkD;AAGpE,QAAAf,EAASe,GAAYwB,EAA6B,GAAG5C,CAAe;AAEpE;AAAA,MACF;AAEI,UAAA,OAAOI,KAAc;AACjB,cAAA,IAAI,MAAM,8BAA8B;AAGtC,MAAAA,EAAAP,GAAO+C,EAAmB,CAAC;AAAA,IAAA,GACpC;AAAA,MACDpB;AAAA,MACAQ;AAAA,MACAT;AAAA,MACAQ;AAAA,MACAZ;AAAA,MACAtB;AAAA,MACAG;AAAA,MACAoB;AAAA,MACAd;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA,CACD,GAEKyC,IAAwBJ;AAAA,MAC5B,CAACK,MAA2B;AAC1B,gBAAQA,GAAgB;AAAA,UACtB,KAAKtD;AACC,gBAAA,OAAOU,KAAoB;AACvB,oBAAA,IAAI,MAAM,oCAAoC;AAG3C,YAAAK,EAAA;AAAA,cACT,gBAAgBmC,EAAwB;AAAA,cACxC,OAAOJ;AAAA,YAAA,CACR,GAEDpC,EAAgBL,CAAK;AAErB;AAAA,UAEF,KAAKJ;AACC,gBAAA,OAAOU,KAAY;AACf,oBAAA,IAAI,MAAM,4BAA4B;AAG9C,YAAAA,EAAQN,CAAK;AAEb;AAAA,QACJ;AAAA,MACF;AAAA,MACA,CAACA,GAAOK,GAAiBC,GAASmC,GAAgB/B,CAAU;AAAA,IAAA;AAG9D,IAAAwC,GAAgB,MAAM;AACpB,MACEtC,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACH,CAAY,CAAC;AAEjB,UAAMuC,IAAmC;AAAA,MACvC;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAO,gBAAAC,EAAAC,IAAA,EAAW,OAAO,IAAI,QAAQ,IAAI;AAAA,QACzC,QAAQ1D;AAAA,QACR,SAASoC;AAAA,QACT,SAASiB;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,wBAAOM,IAAS,EAAA;AAAA,QAChB,QAAQ1D;AAAA,QACR,SAASoC;AAAA,QACT,SAASgB;AAAA,MACX;AAAA,IAAA,GAGIO,IAAkBC;AAAA,MACtBnC;AAAA,MACAa;AAAA,MACAN;AAAA,MACA,CAAC,CAAC1B;AAAA,IAAA;AAIF,WAAA,gBAAAuD;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,aAAaH;AAAA,QACb,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,oBAAoBrD;AAAA,QAEpB,UAAA;AAAA,UAAA,gBAAAkD;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAaxC;AAAA,cACb,QAAQ,CAACL;AAAA,cACT,QAAQ;AAAA,cAER,UAAA,gBAAAsC,EAACQ,IAAA,EAAyB,KAAKhD,GAAc,WAAU,OAAM,QAAO,cACjE,UACHO,EAAA,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,4BAEC0C,IAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA;AAAA,YAAA,gBAAAT,EAACO,KAAa,UAAS,UAAS,aAAavC,GAAgB,UAAS,aACpE,UAAA,gBAAAgC;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAOxB,KAAS;AAAA,gBAChB,MAAAC;AAAA,gBACA,iBAAAgB;AAAA,gBACA,OAAOnB;AAAA,gBACP,aAAa;AAAA,gBACb,SAASU;AAAA,gBACT,UAAUb;AAAA,gBACV,QAAQ;AAAA,cAAA;AAAA,YAAA,GAEZ;AAAA,YAEC,CAACC,MACCN,IACC,gBAAAwB;AAAA,cAACW;AAAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,SAASpB;AAAA,gBAET,4BAACqB,IAAU,EAAA;AAAA,cAAA;AAAA,YAAA,IAGb,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,eAAe,gBAAAb,EAACc,IAAyB,EAAA,aAAW,GAAC,CAAA;AAAA,gBACrD,aAAc,gBAAAd,EAAAe,IAAA,EAAmB,aAAAhB,EAA0B,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC7D,GAEN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/student-actions/student-actions.js

@@ -1,68 +1,68 @@
 import { jsxs as A, Fragment as g, jsx as s } from "react/jsx-runtime";
-import { useMemo as I, useCallback as C } from "react";
+import { useMemo as v, useCallback as C } from "react";
 import V from "../../../../../ui/buttons/button/button.js";
 import W from "../../../../../ui/context-menu/context-menu.js";
 import { useUIContext as j } from "../../../../../ui/context/context.js";
 import { NODE_TYPE as U } from "../../../../constants/sheet.js";
-import { isV3Worksheet as m } from "../../../../utils/is-v3-worksheet.js";
+import { isV3Worksheet as a } from "../../../../utils/is-v3-worksheet.js";
 import Y from "../context-menu-helper/menu-element/menu-element.js";
 import z from "../context-menu-helper/target-element/target-element.js";
 import { MENU_OPTIONS as R } from "./student-actions-constant.js";
 const $ = ({
-  sheet: t,
+  sheet: m,
   isDefocused: o,
   isLastSheet: N,
   ...x
 }) => {
-  const { teacherId: b, milestoneId: d, section: c, onStart: u, onResume: p, onReattempt: l, onReview: f } = x, { permissions: M, node_id: w, user_node_id: e, node_type: T } = t, {
-    can_start: i,
-    can_resume: E,
-    can_review: h,
+  const { teacherId: b, milestoneId: d, section: c, onStart: u, onResume: p, onReattempt: l, onReview: f } = x, { permissions: M, node_id: h, user_node_id: e, node_type: T } = m, {
+    can_start: r,
+    can_resume: w,
+    can_review: E,
     can_reattempt: _,
     is_review_disabled: y
-  } = M, n = T === U.DYNAMIC ? e : w, { onEvent: v } = j(), a = I(() => {
-    const r = {
+  } = M, t = T === U.DYNAMIC ? e : h, { onEvent: I } = j(), i = v(() => {
+    const n = {
       teacher_id: b,
-      node_id: w,
+      node_id: h,
       user_node_id: e
     };
-    return d && (r.milestone_id = d), c && (r.section = c), r;
-  }, [d, w, c, b, e]), k = C(() => {
-    if (!n)
+    return d && (n.milestone_id = d), c && (n.section = c), n;
+  }, [d, h, c, b, e]), k = C(() => {
+    if (!t)
       throw new Error("No required id is present to open the sheet.");
-    if (i && typeof u == "function") {
-      u(n, m(t), e);
+    if (r && typeof u == "function") {
+      u(t, a(), e);
       return;
     }
-    if (E && typeof p == "function") {
-      p(n, m(t), e);
+    if (w && typeof p == "function") {
+      p(t, a(), e);
       return;
     }
     throw new Error("No callback provided. If provided it must be a function");
-  }, [E, i, n, p, u, t, e]), S = C(
-    (r) => {
-      if (v("clicked", {
-        ...a,
-        cta: r
-      }), r === R.REVIEW) {
+  }, [w, r, t, p, u, m, e]), S = C(
+    (n) => {
+      if (I("clicked", {
+        ...i,
+        cta: n
+      }), n === R.REVIEW) {
         if (!e)
           throw new Error("No required id is present to open the sheet.");
         if (typeof f != "function")
           throw new Error("onReview must be a function");
-        f(e, m(t, "review"));
+        f(e, a());
         return;
       }
-      if (!n)
+      if (!t)
         throw new Error("No required id is present to open the sheet.");
       if (typeof l != "function")
         throw new Error("onReattempt must be a function");
-      l(n, m(t), e);
+      l(t, a(), e);
     },
-    [a, n, l, f, t, v, e]
-  ), O = i || E, P = !o && _ || h, q = I(
+    [i, t, l, f, m, I, e]
+  ), O = r || w, P = !o && _ || E, q = v(
     () => [
       {
-        show: h,
+        show: E,
         label: R.REVIEW,
         disable: y
       },
@@ -71,26 +71,26 @@ const $ = ({
         label: R.REATTEMPT
       }
     ],
-    [_, h, o, y]
+    [_, E, o, y]
   );
   return /* @__PURE__ */ A(g, { children: [
     O && /* @__PURE__ */ s(
       V,
       {
-        label: i ? "Start" : "Resume",
+        label: r ? "Start" : "Resume",
         widthX: 7,
         renderAs: "primary",
         size: "xsmall",
         onClick: k,
         disabled: o,
-        analyticsProps: a,
+        analyticsProps: i,
         shape: "square"
       }
     ),
     P && /* @__PURE__ */ s(
       W,
       {
-        targetElement: /* @__PURE__ */ s(z, { analyticsLabel: "Sheet menu", analyticsProps: a }),
+        targetElement: /* @__PURE__ */ s(z, { analyticsLabel: "Sheet menu", analyticsProps: i }),
         menuElement: /* @__PURE__ */ s(
           Y,
           {

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/student-actions/student-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-actions.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/student-actions/student-actions.tsx"],"sourcesContent":["import type { IRewardNActionsProps, TTrackEventPayloadProps } from '../reward-n-actions-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport ContextMenu from '../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { NODE_TYPE } from '../../../../constants/sheet';\nimport { isV3Worksheet } from '../../../../utils/is-v3-worksheet';\nimport MenuElement from '../context-menu-helper/menu-element/menu-element';\nimport TargetElement from '../context-menu-helper/target-element/target-element';\nimport { MENU_OPTIONS } from './student-actions-constant';\n\nconst StudentActions: FC<IRewardNActionsProps> = ({\n  sheet,\n  isDefocused,\n  isLastSheet,\n  ...restStudentActionProps\n}) => {\n  const { teacherId, milestoneId, section, onStart, onResume, onReattempt, onReview } =\n    restStudentActionProps;\n  const { permissions, node_id: nodeId, user_node_id: userNodeId, node_type: nodeType } = sheet;\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    is_review_disabled: isReviewHidden,\n  } = permissions;\n\n  const id = nodeType === NODE_TYPE.DYNAMIC ? userNodeId : nodeId;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const analyticsProps = useMemo(() => {\n    const payload: TTrackEventPayloadProps = {\n      teacher_id: teacherId,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    };\n\n    if (milestoneId) {\n      payload.milestone_id = milestoneId;\n    }\n\n    if (section) {\n      payload.section = section;\n    }\n\n    return payload;\n  }, [milestoneId, nodeId, section, teacherId, userNodeId]);\n\n  const handleOnPrimaryCtaClick = useCallback(() => {\n    if (!id) {\n      throw new Error('No required id is present to open the sheet.');\n    }\n\n    if (canStart && typeof onStart === 'function') {\n      onStart(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    }\n\n    if (canResume && typeof onResume === 'function') {\n      onResume(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [canResume, canStart, id, onResume, onStart, sheet, userNodeId]);\n\n  const handleOnMenuOptionSelection = useCallback(\n    (selectedOption: string) => {\n      trackEvent('clicked', {\n        ...analyticsProps,\n        cta: selectedOption,\n      });\n      if (selectedOption === MENU_OPTIONS.REVIEW) {\n        if (!userNodeId) {\n          throw new Error('No required id is present to open the sheet.');\n        }\n\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'));\n\n        return;\n      }\n\n      if (!id) {\n        throw new Error('No required id is present to open the sheet.');\n      }\n\n      if (typeof onReattempt !== 'function') {\n        throw new Error('onReattempt must be a function');\n      }\n\n      onReattempt(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    },\n    [analyticsProps, id, onReattempt, onReview, sheet, trackEvent, userNodeId],\n  );\n\n  const renderPrimaryCta = canStart || canResume;\n  const renderContextMenu = (!isDefocused && canReattempt) || canReview;\n\n  const options = useMemo(\n    () => [\n      {\n        show: canReview,\n        label: MENU_OPTIONS.REVIEW,\n        disable: isReviewHidden,\n      },\n      {\n        show: !isDefocused && canReattempt,\n        label: MENU_OPTIONS.REATTEMPT,\n      },\n    ],\n    [canReattempt, canReview, isDefocused, isReviewHidden],\n  );\n\n  return (\n    <>\n      {renderPrimaryCta && (\n        <Button\n          label={canStart ? 'Start' : 'Resume'}\n          widthX={7}\n          renderAs=\"primary\"\n          size=\"xsmall\"\n          onClick={handleOnPrimaryCtaClick}\n          disabled={isDefocused}\n          analyticsProps={analyticsProps}\n          shape=\"square\"\n        />\n      )}\n\n      {renderContextMenu && (\n        <ContextMenu\n          targetElement={\n            <TargetElement analyticsLabel=\"Sheet menu\" analyticsProps={analyticsProps} />\n          }\n          menuElement={\n            <MenuElement\n              options={options}\n              handleOnMenuOptionSelection={handleOnMenuOptionSelection}\n            />\n          }\n          menuOffset={10}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </>\n  );\n};\n\nexport default StudentActions;\n"],"names":["StudentActions","sheet","isDefocused","isLastSheet","restStudentActionProps","teacherId","milestoneId","section","onStart","onResume","onReattempt","onReview","permissions","nodeId","userNodeId","nodeType","canStart","canResume","canReview","canReattempt","isReviewHidden","id","NODE_TYPE","trackEvent","useUIContext","analyticsProps","useMemo","payload","handleOnPrimaryCtaClick","useCallback","isV3Worksheet","handleOnMenuOptionSelection","selectedOption","MENU_OPTIONS","renderPrimaryCta","renderContextMenu","options","jsxs","Fragment","jsx","Button","ContextMenu","TargetElement","MenuElement"],"mappings":"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"}
+{"version":3,"file":"student-actions.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/student-actions/student-actions.tsx"],"sourcesContent":["import type { IRewardNActionsProps, TTrackEventPayloadProps } from '../reward-n-actions-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo } from 'react';\n\nimport Button from '../../../../../ui/buttons/button/button';\nimport ContextMenu from '../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport { NODE_TYPE } from '../../../../constants/sheet';\nimport { isV3Worksheet } from '../../../../utils/is-v3-worksheet';\nimport MenuElement from '../context-menu-helper/menu-element/menu-element';\nimport TargetElement from '../context-menu-helper/target-element/target-element';\nimport { MENU_OPTIONS } from './student-actions-constant';\n\nconst StudentActions: FC<IRewardNActionsProps> = ({\n  sheet,\n  isDefocused,\n  isLastSheet,\n  ...restStudentActionProps\n}) => {\n  const { teacherId, milestoneId, section, onStart, onResume, onReattempt, onReview } =\n    restStudentActionProps;\n  const { permissions, node_id: nodeId, user_node_id: userNodeId, node_type: nodeType } = sheet;\n\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    is_review_disabled: isReviewHidden,\n  } = permissions;\n\n  const id = nodeType === NODE_TYPE.DYNAMIC ? userNodeId : nodeId;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const analyticsProps = useMemo(() => {\n    const payload: TTrackEventPayloadProps = {\n      teacher_id: teacherId,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    };\n\n    if (milestoneId) {\n      payload.milestone_id = milestoneId;\n    }\n\n    if (section) {\n      payload.section = section;\n    }\n\n    return payload;\n  }, [milestoneId, nodeId, section, teacherId, userNodeId]);\n\n  const handleOnPrimaryCtaClick = useCallback(() => {\n    if (!id) {\n      throw new Error('No required id is present to open the sheet.');\n    }\n\n    if (canStart && typeof onStart === 'function') {\n      onStart(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    }\n\n    if (canResume && typeof onResume === 'function') {\n      onResume(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [canResume, canStart, id, onResume, onStart, sheet, userNodeId]);\n\n  const handleOnMenuOptionSelection = useCallback(\n    (selectedOption: string) => {\n      trackEvent('clicked', {\n        ...analyticsProps,\n        cta: selectedOption,\n      });\n      if (selectedOption === MENU_OPTIONS.REVIEW) {\n        if (!userNodeId) {\n          throw new Error('No required id is present to open the sheet.');\n        }\n\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'));\n\n        return;\n      }\n\n      if (!id) {\n        throw new Error('No required id is present to open the sheet.');\n      }\n\n      if (typeof onReattempt !== 'function') {\n        throw new Error('onReattempt must be a function');\n      }\n\n      onReattempt(id, isV3Worksheet(sheet), userNodeId);\n\n      return;\n    },\n    [analyticsProps, id, onReattempt, onReview, sheet, trackEvent, userNodeId],\n  );\n\n  const renderPrimaryCta = canStart || canResume;\n  const renderContextMenu = (!isDefocused && canReattempt) || canReview;\n\n  const options = useMemo(\n    () => [\n      {\n        show: canReview,\n        label: MENU_OPTIONS.REVIEW,\n        disable: isReviewHidden,\n      },\n      {\n        show: !isDefocused && canReattempt,\n        label: MENU_OPTIONS.REATTEMPT,\n      },\n    ],\n    [canReattempt, canReview, isDefocused, isReviewHidden],\n  );\n\n  return (\n    <>\n      {renderPrimaryCta && (\n        <Button\n          label={canStart ? 'Start' : 'Resume'}\n          widthX={7}\n          renderAs=\"primary\"\n          size=\"xsmall\"\n          onClick={handleOnPrimaryCtaClick}\n          disabled={isDefocused}\n          analyticsProps={analyticsProps}\n          shape=\"square\"\n        />\n      )}\n\n      {renderContextMenu && (\n        <ContextMenu\n          targetElement={\n            <TargetElement analyticsLabel=\"Sheet menu\" analyticsProps={analyticsProps} />\n          }\n          menuElement={\n            <MenuElement\n              options={options}\n              handleOnMenuOptionSelection={handleOnMenuOptionSelection}\n            />\n          }\n          menuOffset={10}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </>\n  );\n};\n\nexport default StudentActions;\n"],"names":["StudentActions","sheet","isDefocused","isLastSheet","restStudentActionProps","teacherId","milestoneId","section","onStart","onResume","onReattempt","onReview","permissions","nodeId","userNodeId","nodeType","canStart","canResume","canReview","canReattempt","isReviewHidden","id","NODE_TYPE","trackEvent","useUIContext","analyticsProps","useMemo","payload","handleOnPrimaryCtaClick","useCallback","isV3Worksheet","handleOnMenuOptionSelection","selectedOption","MENU_OPTIONS","renderPrimaryCta","renderContextMenu","options","jsxs","Fragment","jsx","Button","ContextMenu","TargetElement","MenuElement"],"mappings":"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"}