@cuemath/leap 2.9.1-j2 → 2.9.2-as1

package/dist/features/recent-chapters/recent-chapters-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters-styled.js","sources":["../../../src/features/recent-chapters/recent-chapters-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst ChaptersWrapper = styled.div(({ theme }) => {\n  const { WHITE_5, WHITE_2 } = theme.colors;\n\n  return `\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-content: start;\n    background: ${WHITE_2};\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px), linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: 45px 45px;\n  `;\n});\n\nexport { ChaptersWrapper };\n"],"names":["ChaptersWrapper","styled","theme","WHITE_5","WHITE_2"],"mappings":";AAEA,MAAMA,IAAkBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAChD,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYF,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISE,CAAO;AAAA,wCACeD,CAAO,sDAAsDA,CAAO;AAAA;AAAA;AAG5G,CAAC;"}

package/dist/features/recent-chapters/recent-chapters.js

@@ -0,0 +1,34 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { useCallback as c, useEffect as f } from "react";
+import h from "../chapters/chapters-list/chapter-item/chapter-item.js";
+import C from "../ui/layout/flex-view.js";
+import d from "../ui/text/text.js";
+import { useGetRecentChapters as u } from "./api/get-recent-chapters.js";
+import { ChaptersWrapper as x } from "./recent-chapters-styled.js";
+const g = ({ studentId: r, courseStream: t, onChapterClick: p }) => {
+  const { get: o, data: e, isProcessingFailed: a } = u(), i = c(() => {
+    o(r, void 0, { courseStream: t });
+  }, [t, o, r]);
+  return f(() => {
+    i();
+  }, [i]), a ? null : e && e.length > 0 ? /* @__PURE__ */ s(C, { $flexRowGapX: 1, children: [
+    /* @__PURE__ */ s(d, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+      "Recent Chapters (",
+      e == null ? void 0 : e.length,
+      ")"
+    ] }),
+    /* @__PURE__ */ l(x, { children: e.map((n, m) => /* @__PURE__ */ l(
+      h,
+      {
+        chapter: n,
+        onChapterClick: p,
+        itemIndex: m
+      },
+      n.id
+    )) })
+  ] }) : null;
+}, F = g;
+export {
+  F as default
+};
+//# sourceMappingURL=recent-chapters.js.map

package/dist/features/recent-chapters/recent-chapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({ studentId, courseStream, onChapterClick }) => {\n  const { get: getChapters, data: chapterData, isProcessingFailed } = useGetRecentChapters();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <FlexView $flexRowGapX={1}>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters ({chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData.map((chapter, idx) => (\n            <ChapterItem\n              key={chapter.id}\n              chapter={chapter}\n              onChapterClick={onChapterClick}\n              itemIndex={idx}\n            />\n          ))}\n        </Styled.ChaptersWrapper>\n      </FlexView>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","onChapterClick","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","Text","jsx","Styled.ChaptersWrapper","chapter","idx","ChapterItem","RecentChapters$1"],"mappings":";;;;;;;AAoBA,MAAMA,IAA0C,CAAC,EAAE,WAAAC,GAAW,cAAAC,GAAc,gBAAAC,QAAqB;AAC/F,QAAM,EAAE,KAAKC,GAAa,MAAMC,GAAa,oBAAAC,EAAA,IAAuBC,KAE9DC,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYH,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcE,GAAaH,CAAS,CAAC;AAMzC,SAJAS,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,IACK,OAGLD,KAAeA,EAAY,SAAS,IAEpC,gBAAAM,EAACC,GAAS,EAAA,cAAc,GACtB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC5BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,YAAY,IAAI,CAACC,GAASC,MACzB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,gBAAAb;AAAA,QACA,WAAWc;AAAA,MAAA;AAAA,MAHND,EAAQ;AAAA,IAKhB,CAAA,GACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAG,IAAenB;"}

package/dist/features/sheet-v2/resource-list/resource-list.js

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+import { h as f } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as $ } from "react";
+import x from "styled-components";
+import _ from "../../homework/homework-card.js";
+import g from "../../ui/layout/flex-view.js";
+const w = x.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`, R = ({ sheets: r, userType: n, ...m }) => /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(w, { children: r.map((o, s) => {
+  const {
+    title: d,
+    node_id: a,
+    worksheet_id: p,
+    is_timed: l,
+    sheet_time: c,
+    total_questions: e
+  } = o, u = Math.ceil((c || 0) / 60), i = e ? `${e} ${f.pluralize(e, "Question")}` : "", h = l ? `${i} ${u} Mins` : i;
+  return /* @__PURE__ */ t(
+    _,
+    {
+      header: d,
+      subHeader: h,
+      userType: n,
+      nodeData: o,
+      renderAs: "milestone",
+      shouldOpenOnRight: (s + 1) % 3 === 0,
+      ...m
+    },
+    `${p}_${a}_${s}`
+  );
+}) }) }), j = $(R);
+export {
+  j as default
+};
+//# sourceMappingURL=resource-list.js.map

package/dist/features/sheet-v2/resource-list/resource-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-list.js","sources":["../../../../src/features/sheet-v2/resource-list/resource-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nconst ResourcesList: FC<IResourcesListProps> = ({ sheets, userType, ...sheetCallBacks }) => (\n  <FlexView>\n    <ResourceItemListWrapper>\n      {sheets.map((sheet, idx) => {\n        const {\n          title,\n          node_id: nodeId,\n          worksheet_id: worksheetId,\n          is_timed: isTimed,\n          sheet_time: sheetTime,\n          total_questions: totalQuestions,\n        } = sheet;\n        const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n        const totalQuestionsText = totalQuestions\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n          : '';\n        const subHeader = isTimed\n          ? `${totalQuestionsText} ${totalSheetTime} Mins`\n          : totalQuestionsText;\n\n        return (\n          <HomeworkCard\n            key={`${worksheetId}_${nodeId}_${idx}`}\n            header={title}\n            subHeader={subHeader}\n            userType={userType}\n            nodeData={sheet}\n            renderAs=\"milestone\"\n            shouldOpenOnRight={(idx + 1) % 3 === 0}\n            {...sheetCallBacks}\n          />\n        );\n      })}\n    </ResourceItemListWrapper>\n  </FlexView>\n);\n\nexport default memo(ResourcesList);\n"],"names":["ResourceItemListWrapper","styled","ResourcesList","sheets","userType","sheetCallBacks","jsx","FlexView","sheet","idx","title","nodeId","worksheetId","isTimed","sheetTime","totalQuestions","totalSheetTime","totalQuestionsText","pluralize","subHeader","HomeworkCard","ResourcesList$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAyC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAe,MACnF,gBAAAC,EAAAC,GAAA,EACC,4BAACP,GACE,EAAA,UAAAG,EAAO,IAAI,CAACK,GAAOC,MAAQ;AACpB,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,cAAcC;AAAA,IACd,UAAUC;AAAA,IACV,YAAYC;AAAA,IACZ,iBAAiBC;AAAA,EACf,IAAAP,GACEQ,IAAiB,KAAK,MAAMF,KAAa,KAAK,EAAE,GAChDG,IAAqBF,IACvB,GAAGA,CAAc,IAAIG,EAAU,UAAAH,GAAgB,UAAU,CAAC,KAC1D,IACEI,IAAYN,IACd,GAAGI,CAAkB,IAAID,CAAc,UACvCC;AAGF,SAAA,gBAAAX;AAAA,IAACc;AAAA,IAAA;AAAA,MAEC,QAAQV;AAAA,MACR,WAAAS;AAAA,MACA,UAAAf;AAAA,MACA,UAAUI;AAAA,MACV,UAAS;AAAA,MACT,oBAAoBC,IAAM,KAAK,MAAM;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,IAPC,GAAGO,CAAW,IAAID,CAAM,IAAIF,CAAG;AAAA,EAAA;AAU1C,CAAC,GACH,EACF,CAAA,GAGaY,IAAAC,EAAKpB,CAAa;"}

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

@@ -1,20 +1,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { memo as O, useMemo as $, useCallback as M, Fragment as V } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { memo as G, useMemo as O, useCallback as $, Fragment as M } 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 A } 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))
+import V from "../../../ui/layout/flex-view.js";
+import j from "../../comps/sheet-button/index.js";
+import { NODE_TYPE as K, SHEET_STATE as U } from "../../constants/sheet.js";
+const { TARGET_PRACTICE: I, PRACTICE: b, LEARNING: X } = K, { COMPLETED: y, IN_PROGRESS: Y } = U, q = (n, o, i) => {
+  if (n === y || A.some((f) => f === n))
     return {
       state: "completed",
       renderAs: "secondary_black"
     };
-  if ((o === y || o === v) && a === "PENDING_TARGET_PRACTICE")
+  if ((o === b || o === I) && i === "PENDING_TARGET_PRACTICE")
     return {
       state: "overdue",
       renderAs: "tertiary"
@@ -24,85 +23,85 @@ const { TARGET_PRACTICE: v, PRACTICE: y, LEARNING: X } = U, { COMPLETED: P, IN_P
       state: "in_progress",
       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, {
-          can_start: c,
-          can_resume: m,
-          can_reattempt: C,
-          can_review: R,
-          can_teacher_review: T
-        } = E, S = s ? R : T;
-        if (s) {
-          if (c || m) {
-            if (c && typeof u == "function") {
-              u(r, i(e), t);
+}, ae = G(
+  ({ sheetsListData: n, userType: o, isLessonDisabled: i, ...T }) => {
+    const { lessonTagType: f, onStart: d, onResume: p, onReattempt: u, onReview: l, onPreview: _ } = T, r = O(() => o === "STUDENT", [o]), v = $(
+      (s) => {
+        const { permissions: E, node_id: t, user_node_id: e } = s, {
+          can_start: a,
+          can_resume: c,
+          can_reattempt: w,
+          can_review: C,
+          can_teacher_review: h
+        } = E, R = r ? C : h;
+        if (r) {
+          if (a || c) {
+            if (a && typeof d == "function") {
+              d(t, e);
               return;
             }
-            if (m && typeof f == "function") {
-              f(r, i(e), t);
+            if (c && typeof p == "function") {
+              p(t, e);
               return;
             }
             throw new Error("No callback is available");
-          } else if (C) {
-            if (typeof l != "function")
+          } else if (w) {
+            if (typeof u != "function")
               throw new Error("canReattempt must be a function");
-            l(r, i(e), t);
+            u(t, e);
             return;
           }
         }
-        if (S) {
-          if (typeof _ != "function")
+        if (R) {
+          if (typeof l != "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"));
+          l(e);
           return;
         }
-        if (typeof w != "function")
+        if (typeof _ != "function")
           throw new Error("onPreview must be a function");
-        w(e, i(e));
+        _(s);
       },
-      [s, _, u, w, l, f]
+      [r, l, d, _, u, p]
     );
-    return /* @__PURE__ */ p(j, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: n.map((e, E) => {
+    return /* @__PURE__ */ m(V, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: n.map((s, E) => {
       const {
-        node_type: r,
-        state: t,
-        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(
+        node_type: t,
+        state: e,
+        permissions: a,
+        sheet_statement: c
+      } = s, {
+        can_start: w,
+        can_resume: C,
+        can_reattempt: h,
+        can_review: R
+      } = a, S = t === I ? b : t, P = t === X, N = e === "LOCKED", D = q(e, t, f), { state: g, renderAs: L } = D || {}, k = !(e === y || A.some((x) => x === e)) && !(w || C || R || h);
+      return /* @__PURE__ */ m(M, { children: /* @__PURE__ */ m(
         H,
         {
           renderAs: "secondary",
           position: "bottom",
-          tooltipItem: m,
+          tooltipItem: c,
           textVariant: "ab3",
-          children: /* @__PURE__ */ p(
-            K,
+          children: /* @__PURE__ */ m(
+            j,
             {
-              renderAs: L ?? (a || !s && D ? "secondary_grey" : "primary"),
-              label: A,
-              Icon: N ? B : F,
-              onClick: () => I(e),
-              disabled: s && (a || x),
-              state: k
+              renderAs: L ?? (i || !r && N ? "secondary_grey" : "primary"),
+              label: S,
+              Icon: P ? B : F,
+              onClick: () => v(s),
+              disabled: r && (i || k),
+              state: g
             }
           )
         }
-      ) }, `${A}__lesson_button__${E}`);
+      ) }, `${S}__lesson_button__${E}`);
     }) });
   }
 );
 export {
-  me as default
+  ae as default
 };
 //# sourceMappingURL=lesson-item-cta-info.js.map

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';\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, userNodeId);\n\n              return;\n            }\n\n            if (canResume && typeof onResume === 'function') {\n              onResume(nodeId, 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, 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);\n\n          return;\n        }\n\n        if (typeof onPreview !== 'function') {\n          throw new Error('onPreview must be a function');\n        }\n\n        onPreview(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","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,85 +1,84 @@
-import { jsxs as v, 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 { jsxs as $, jsx as e } from "react/jsx-runtime";
+import { memo as z, useRef as J, useState as Q, useMemo as Z, useCallback as d, useLayoutEffect as ee } from "react";
+import te from "../../../../assets/line-icons/icons/minus2.js";
+import oe from "../../../../assets/line-icons/icons/plus2.js";
+import re from "../../../../assets/line-icons/icons/redo.js";
 import A 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 { 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 ne from "../../../ui/context-menu/context-menu.js";
+import { useUIContext as ie } from "../../../ui/context/context.js";
+import ce from "../../../ui/layout/flex-view.js";
+import se from "../../comps/sheet-button/index.js";
+import ae from "../../lessons-list/lesson-item/context-menu-helper/target-element.js";
+import { SHEETS_ANALYTICS_EVENTS as v } from "../../sheets-analytics-events.js";
+import { TEACHER_MENU_OPTIONS as ue } from "../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.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";
-const { UNASSIGN: x, REDO: N } = me, Me = J(
+import { ResourceItemCard as me, ResourceItemTitle as pe, IconButtonWrapper as fe } from "./styled.js";
+import { getResourceItemCtaState as de, getResourceItemCtaInfo as he, getResourceItemBackgroundColor as _e } from "./utils.js";
+const { UNASSIGN: x, REDO: N } = ue, Oe = z(
   ({
     sheet: t,
-    userType: O,
-    isMilestoneWidget: w,
+    userType: k,
+    isMilestoneWidget: h,
     userMilestoneId: _,
     onUnlock: i,
     onUnAssignSheet: u,
-    onReset: m,
-    onPreview: l,
+    onReset: l,
+    onPreview: m,
     onReview: p,
     onStart: f
   }) => {
-    const { onClick: c } = ce(), r = Q(null), [D, M] = Z(!1), {
-      accuracy: b,
-      permissions: X,
-      title: C,
-      sheet_statement: j,
-      state: E,
+    const { onClick: c } = ie(), r = J(null), [O, D] = Q(!1), {
+      accuracy: w,
+      permissions: M,
+      title: b,
+      sheet_statement: X,
+      state: C,
       node_id: o,
       user_node_id: s,
-      node_sub_group: G,
-      node_type: y
+      node_sub_group: j,
+      node_type: E
     } = t, {
-      can_start: I,
-      can_resume: S,
-      can_unlock: g,
-      can_review: H,
-      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(
+      can_start: y,
+      can_resume: I,
+      can_unlock: S,
+      can_review: G,
+      can_teacher_review: H,
+      can_unassign: L,
+      can_reset: B
+    } = M, U = typeof w == "number" ? `${w}%` : void 0, n = k === "STUDENT", g = n ? G : H, P = de(C), { label: V, Icon: F } = he(j) || {}, a = Z(
       () => ({
         node_id: o,
-        node_type: y
+        node_type: E
       }),
-      [o, y]
+      [o, E]
     ), 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)) {
+    }, [i, o, c, a]), W = d(() => {
+      if (n && (y || I)) {
         if (typeof f == "function") {
-          f(o, h(t), s);
+          f(o, s);
           return;
         }
         throw new Error("No callback is available");
       }
-      if (R) {
+      if (g) {
         if (typeof p != "function")
           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, _);
         return;
       }
-      if (typeof l != "function")
+      if (typeof m != "function")
         throw new Error("onPreview must be a function");
-      l(t, h(t));
+      m(t);
     }, [
-      S,
-      R,
       I,
+      g,
+      y,
       n,
       o,
       t,
@@ -87,104 +86,104 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
       s,
       f,
       p,
-      l
-    ]), T = d(
-      (z) => {
-        switch (z) {
+      m
+    ]), R = d(
+      (q) => {
+        switch (q) {
           case x:
             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;
           case N:
-            if (typeof m != "function")
+            if (typeof l != "function")
               throw new Error("onReset must be a function");
-            m(t);
+            l(t);
             return;
         }
       },
-      [t, u, m, a, c]
+      [t, u, l, a, c]
     );
-    te(() => {
-      r.current && r.current.scrollHeight > r.current.clientHeight && M(!0);
+    ee(() => {
+      r.current && r.current.scrollHeight > r.current.clientHeight && D(!0);
     }, [r]);
-    const q = [
+    const Y = [
       {
         id: "supplementary_resources_unassign",
         label: "Unassign",
-        icon: /* @__PURE__ */ e(oe, { width: 20, height: 20 }),
+        icon: /* @__PURE__ */ e(te, { width: 20, height: 20 }),
         option: x,
-        visible: B,
-        onClick: T
+        visible: L,
+        onClick: R
       },
       {
         id: "supplementary_resources_redo",
         label: "Redo",
-        icon: /* @__PURE__ */ e(ne, {}),
+        icon: /* @__PURE__ */ e(re, {}),
         option: N,
-        visible: U,
-        onClick: T
+        visible: B,
+        onClick: R
       }
-    ], $ = _e(
-      E,
+    ], T = _e(
+      C,
       n,
-      g,
-      !!w
+      S,
+      !!h
     );
-    return /* @__PURE__ */ v(
-      pe,
+    return /* @__PURE__ */ $(
+      me,
       {
         $gapX: 1,
         $gutterX: 1,
         $flexGapX: 1.25,
-        $background: $,
+        $background: T,
         $justifyContent: "space-between",
         $heightX: 8,
-        $isMilestoneWidget: w,
+        $isMilestoneWidget: h,
         children: [
           /* @__PURE__ */ e(
             A,
             {
               renderAs: "primary",
               position: "bottom",
-              tooltipItem: C,
-              hidden: !D,
+              tooltipItem: b,
+              hidden: !O,
               widthX: 21.75,
-              children: /* @__PURE__ */ e(fe, { ref: r, $renderAs: "ab2", $color: "BLACK_T_87", children: C })
+              children: /* @__PURE__ */ e(pe, { ref: r, $renderAs: "ab2", $color: "BLACK_T_87", children: b })
             }
           ),
-          /* @__PURE__ */ v(se, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
-            /* @__PURE__ */ e(A, { position: "bottom", tooltipItem: j, renderAs: "secondary", children: /* @__PURE__ */ e(
-              ae,
+          /* @__PURE__ */ $(ce, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
+            /* @__PURE__ */ e(A, { position: "bottom", tooltipItem: X, renderAs: "secondary", children: /* @__PURE__ */ e(
+              se,
               {
                 renderAs: "primary",
-                label: W ?? "",
+                label: V ?? "",
                 Icon: F,
-                backgroundColor: $,
+                backgroundColor: T,
                 state: P,
                 hoverActive: !1,
-                onClick: Y,
-                accuracy: V,
+                onClick: W,
+                accuracy: U,
                 widthX: 8.5
               }
             ) }),
-            !n && (g ? /* @__PURE__ */ e(
-              de,
+            !n && (S ? /* @__PURE__ */ e(
+              fe,
               {
                 $flexDirection: "row",
                 $alignItems: "center",
                 $justifyContent: "center",
                 onClick: K,
-                children: /* @__PURE__ */ e(re, {})
+                children: /* @__PURE__ */ e(oe, {})
               }
             ) : /* @__PURE__ */ e(
-              ie,
+              ne,
               {
-                targetElement: /* @__PURE__ */ e(ue, { invertHover: !0 }),
-                menuElement: /* @__PURE__ */ e(le, { menuOptions: q })
+                targetElement: /* @__PURE__ */ e(ae, { invertHover: !0 }),
+                menuElement: /* @__PURE__ */ e(le, { menuOptions: Y })
               }
             ))
           ] })
@@ -194,6 +193,6 @@ const { UNASSIGN: x, REDO: N } = me, Me = J(
   }
 );
 export {
-  Me as default
+  Oe as default
 };
 //# sourceMappingURL=resource-item.js.map