@cuemath/leap 2.8.60-as4 → 2.8.60-gs1

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js

@@ -1,113 +1,129 @@
-import { jsx as e, jsxs as c, Fragment as N } from "react/jsx-runtime";
-import { memo as B, useCallback as l, useEffect as D } from "react";
-import { IMAGES as v } from "../../../../assets/images/images.js";
-import G from "../../../../assets/line-icons/icons/plus.js";
-import H from "../../../../assets/line-icons/icons/search.js";
-import O from "../../../sheet-v2/resource-list/resource-list.js";
-import X from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import b from "../../../ui/buttons/button/button.js";
-import q from "../../../ui/buttons/icon-button/icon-button.js";
-import w from "../../../ui/layout/flex-view.js";
-import z from "../../../ui/loader/app-loader/app-loader.js";
-import C from "../../../ui/text/text.js";
-import { useGetMilestoneResources as F } from "../../milestone-list-container/api/get-milestone-resources.js";
-import { MilestoneResourcesWrapper as d, SearchButtonWrapper as L, SearchButtonCover as U, DefaultWrapper as E } from "./resources-list-styled.js";
-const ae = B((M) => {
+import { jsx as e, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { memo as q, useCallback as t, useEffect as G } from "react";
+import { IMAGES as H } from "../../../../assets/images/images.js";
+import X from "../../../../assets/line-icons/icons/plus.js";
+import z from "../../../../assets/line-icons/icons/search.js";
+import F from "../../../sheets/resources-list/resources-list.js";
+import L from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import C from "../../../ui/buttons/button/button.js";
+import _ from "../../../ui/buttons/icon-button/icon-button.js";
+import M from "../../../ui/layout/flex-view.js";
+import V from "../../../ui/loader/app-loader/app-loader.js";
+import S from "../../../ui/text/text.js";
+import { useGetMilestoneResources as Y } from "../../milestone-list-container/api/get-milestone-resources.js";
+import { MilestoneResourcesWrapper as m, SearchButtonWrapper as J, SearchButtonCover as K, DefaultWrapper as P } from "./resources-list-styled.js";
+const ue = q((T) => {
   const {
-    isDraftMilestone: m,
-    isMilestoneActive: t,
-    userType: u,
-    studentId: p,
+    isDraftMilestone: f,
+    isMilestoneActive: s,
+    userType: p,
+    studentId: g,
     userMilestoneId: r,
-    canUpdatePlan: h,
+    canUpdatePlan: A,
     onAssignResources: o,
-    onNodeAttempt: T,
-    onNodeView: P,
-    onNodeReview: S,
-    onNodeReset: x,
-    onNodeUnassign: W,
-    onNodeReattempt: j
-  } = M, f = u === "TEACHER", g = !h || !t || t && m, {
-    get: $,
-    isProcessed: s,
-    isProcessing: A,
-    isProcessingFailed: n,
-    isStale: y,
-    data: i
-  } = F(), I = l(() => {
-    r && $(r, void 0, {
-      studentId: p
+    onStart: W,
+    onUnAssignSheet: i,
+    onReset: n,
+    onPreview: x,
+    onReview: j,
+    onResume: k,
+    onReattempt: O
+  } = T, $ = p === "TEACHER", w = !A || !s || s && f, {
+    get: R,
+    isProcessed: a,
+    isProcessing: y,
+    isProcessingFailed: c,
+    isStale: I,
+    data: l
+  } = Y(), b = t(() => {
+    r && R(r, void 0, {
+      studentId: g
     });
-  }, [p, r, $]), a = l(() => {
-    I();
-  }, [I]);
-  D(() => {
-    !A && (!s && !n || y) && a();
-  }, [a, s, A, n, y]);
-  const R = l(() => {
+  }, [g, r, R]), d = t(() => {
+    b();
+  }, [b]);
+  G(() => {
+    !y && (!a && !c || I) && d();
+  }, [d, a, y, c, I]);
+  const E = t(() => {
     if (typeof o != "function")
       throw new Error("onAssignResources must be a function");
     if (!r) throw new Error("userMilestoneId is required");
     o(r);
-  }, [o, r]), k = i && i.length > 0;
-  return n ? /* @__PURE__ */ e(
-    d,
+  }, [o, r]), U = t(
+    (u) => {
+      if (typeof i != "function")
+        throw new Error("onUnAssignSheet must be a function");
+      if (!r) throw new Error("userMilestoneId is required");
+      i(u, r);
+    },
+    [i, r]
+  ), v = t(
+    (u) => {
+      n == null || n(u, r);
+    },
+    [n, r]
+  ), B = l && l.length > 0;
+  return c ? /* @__PURE__ */ e(
+    m,
     {
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
-      children: /* @__PURE__ */ c(w, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-        /* @__PURE__ */ e(C, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+      children: /* @__PURE__ */ h(M, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+        /* @__PURE__ */ e(S, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
         /* @__PURE__ */ e(
-          b,
+          C,
           {
             widthX: 14,
             size: "small",
             shape: "square",
             renderAs: "primary",
             label: "Try again",
-            onClick: a
+            onClick: d
           }
         )
       ] })
     }
-  ) : s ? /* @__PURE__ */ e(d, { $justifyContent: "space-between", children: k ? /* @__PURE__ */ c(N, { children: [
+  ) : a ? /* @__PURE__ */ e(m, { $justifyContent: "space-between", children: B ? /* @__PURE__ */ h(D, { children: [
     /* @__PURE__ */ e(
-      O,
+      F,
       {
-        sheets: i,
-        userType: u,
-        onNodeAttempt: T,
-        onNodeView: P,
-        onNodeReview: S,
-        onNodeReattempt: j,
-        onNodeReset: x,
-        onNodeUnassign: W,
-        userMilestoneId: r
+        sheets: l,
+        userType: p,
+        userMilestoneId: r,
+        isMilestoneWidget: !0,
+        onStart: W,
+        onResume: k,
+        onReattempt: O,
+        onUnAssignSheet: U,
+        onReset: v,
+        onPreview: x,
+        onReview: j
       }
     ),
-    f && h && /* @__PURE__ */ e(
-      L,
+    $ && A && /* @__PURE__ */ e(
+      J,
       {
         $flexDirection: "row",
         $justifyContent: "flex-end",
         $gapX: 1,
         $gutterX: 1,
-        children: /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(
-          q,
+        children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+          _,
           {
-            Icon: H,
+            Icon: z,
             renderAs: "secondary",
             size: "small",
             analyticsLabel: "Milestone Resource Search",
-            onClick: R,
-            disabled: !t
+            onClick: E,
+            disabled: !s
           }
         ) })
       }
     )
-  ] }) : /* @__PURE__ */ c(
-    w,
+  ] }) : /* @__PURE__ */ h(
+    M,
     {
       $width: "100%",
       $height: "100%",
@@ -115,33 +131,33 @@ const ae = B((M) => {
       $justifyContent: "flex-start",
       $background: "WHITE",
       children: [
-        /* @__PURE__ */ e(E, { $isImageWrapper: !0, children: /* @__PURE__ */ e("img", { src: v.BG_EMPTY_RESOURCES, alt: "Empty resources", width: 420, height: 420 }) }),
-        /* @__PURE__ */ e(E, { children: f ? /* @__PURE__ */ e(
-          X,
+        /* @__PURE__ */ e(P, { $isImageWrapper: !0, children: /* @__PURE__ */ e("img", { src: H.BG_EMPTY_RESOURCES, alt: "Empty resources", width: 420, height: 420 }) }),
+        /* @__PURE__ */ e(P, { children: $ ? /* @__PURE__ */ e(
+          L,
           {
             renderAs: "primary",
             position: "bottom",
-            hidden: !g,
-            tooltipItem: m ? "Allowed after plan is published" : "Plan is completed",
+            hidden: !w,
+            tooltipItem: f ? "Allowed after plan is published" : "Plan is completed",
             children: /* @__PURE__ */ e(
-              b,
+              C,
               {
                 renderAs: "primary",
                 label: "Assign Resource",
-                Icon: G,
+                Icon: X,
                 shape: "square",
                 size: "small",
-                onClick: R,
-                disabled: g
+                onClick: E,
+                disabled: w
               }
             )
           }
-        ) : /* @__PURE__ */ e(C, { $renderAs: "ab2-bold", children: "Wait for the teacher to assign a resource" }) })
+        ) : /* @__PURE__ */ e(S, { $renderAs: "ab2-bold", children: "Wait for the teacher to assign a resource" }) })
       ]
     }
-  ) }) : /* @__PURE__ */ e(d, { $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ e(z, { height: "100%" }) });
+  ) }) : /* @__PURE__ */ e(m, { $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ e(V, { height: "100%" }) });
 });
 export {
-  ae as default
+  ue as default
 };
 //# sourceMappingURL=resources-list.js.map

package/dist/features/milestone/milestone-resources/resources-list/resources-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheet-v2/resource-list/resource-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onNodeAttempt,\n    onNodeView,\n    onNodeReview,\n    onNodeReset,\n    onNodeUnassign,\n    onNodeReattempt,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const sheetsDataPresent = sheets && sheets.length > 0;\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            onClick={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheetsDataPresent ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              onNodeAttempt={onNodeAttempt}\n              onNodeView={onNodeView}\n              onNodeReview={onNodeReview}\n              onNodeReattempt={onNodeReattempt}\n              onNodeReset={onNodeReset}\n              onNodeUnassign={onNodeUnassign}\n              userMilestoneId={userMilestoneId}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView\n            $width=\"100%\"\n            $height=\"100%\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $background=\"WHITE\"\n          >\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReset","onNodeUnassign","onNodeReattempt","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","sheetsDataPresent","jsx","Styled.MilestoneResourcesWrapper","FlexView","Text","Button","jsxs","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":"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"}
+{"version":3,"file":"resources-list.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list.tsx"],"sourcesContent":["import type { ISheetItemCallbackProps } from '../../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IMilestoneWidgetResourcesProps } from './resources-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport SearchIcon from '../../../../assets/line-icons/icons/search';\nimport ResourcesList from '../../../sheets/resources-list/resources-list';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useGetMilestoneResources } from '../../milestone-list-container/api/get-milestone-resources';\nimport * as Styled from './resources-list-styled';\n\nconst MilestoneWidgetResources: FC<IMilestoneWidgetResourcesProps> = memo(props => {\n  const {\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n    onAssignResources,\n    onStart,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onResume,\n    onReattempt,\n  } = props;\n\n  const isTeacher = userType === 'TEACHER';\n  const isEPSheetCreationDisabled =\n    !canUpdatePlan || !isMilestoneActive || (isMilestoneActive && isDraftMilestone);\n\n  const {\n    get: getMilestoneResources,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n    data: sheets,\n  } = useGetMilestoneResources();\n\n  const fetchMilestoneResources = useCallback(() => {\n    if (userMilestoneId) {\n      getMilestoneResources(userMilestoneId, undefined, {\n        studentId,\n      });\n    }\n  }, [studentId, userMilestoneId, getMilestoneResources]);\n\n  const handleOnTryAgain = useCallback(() => {\n    fetchMilestoneResources();\n  }, [fetchMilestoneResources]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnAssignResources = useCallback(() => {\n    if (typeof onAssignResources !== 'function')\n      throw new Error('onAssignResources must be a function');\n\n    if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n    onAssignResources(userMilestoneId);\n  }, [onAssignResources, userMilestoneId]);\n\n  const handleOnUnAssignResources = useCallback<\n    NonNullable<ISheetItemCallbackProps['onUnAssignSheet']>\n  >(\n    sheet => {\n      if (typeof onUnAssignSheet !== 'function')\n        throw new Error('onUnAssignSheet must be a function');\n\n      if (!userMilestoneId) throw new Error('userMilestoneId is required');\n\n      onUnAssignSheet(sheet, userMilestoneId);\n    },\n    [onUnAssignSheet, userMilestoneId],\n  );\n\n  const handleOnReset = useCallback<NonNullable<ISheetItemCallbackProps['onReset']>>(\n    sheetData => {\n      onReset?.(sheetData, userMilestoneId);\n    },\n    [onReset, userMilestoneId],\n  );\n\n  const sheetsDataPresent = sheets && sheets.length > 0;\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.MilestoneResourcesWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            onClick={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.MilestoneResourcesWrapper $justifyContent=\"space-between\">\n        {sheetsDataPresent ? (\n          <>\n            <ResourcesList\n              sheets={sheets}\n              userType={userType}\n              userMilestoneId={userMilestoneId}\n              isMilestoneWidget\n              onStart={onStart}\n              onResume={onResume}\n              onReattempt={onReattempt}\n              onUnAssignSheet={handleOnUnAssignResources}\n              onReset={handleOnReset}\n              onPreview={onPreview}\n              onReview={onReview}\n            />\n\n            {isTeacher && canUpdatePlan && (\n              <Styled.SearchButtonWrapper\n                $flexDirection=\"row\"\n                $justifyContent=\"flex-end\"\n                $gapX={1}\n                $gutterX={1}\n              >\n                <Styled.SearchButtonCover>\n                  <IconButton\n                    Icon={SearchIcon}\n                    renderAs=\"secondary\"\n                    size=\"small\"\n                    analyticsLabel=\"Milestone Resource Search\"\n                    onClick={handleOnAssignResources}\n                    disabled={!isMilestoneActive}\n                  />\n                </Styled.SearchButtonCover>\n              </Styled.SearchButtonWrapper>\n            )}\n          </>\n        ) : (\n          <FlexView\n            $width=\"100%\"\n            $height=\"100%\"\n            $alignItems=\"center\"\n            $justifyContent=\"flex-start\"\n            $background=\"WHITE\"\n          >\n            <Styled.DefaultWrapper $isImageWrapper>\n              <img src={IMAGES.BG_EMPTY_RESOURCES} alt=\"Empty resources\" width={420} height={420} />\n            </Styled.DefaultWrapper>\n\n            <Styled.DefaultWrapper>\n              {isTeacher ? (\n                <ArrowTooltip\n                  renderAs=\"primary\"\n                  position=\"bottom\"\n                  hidden={!isEPSheetCreationDisabled}\n                  tooltipItem={\n                    isDraftMilestone ? 'Allowed after plan is published' : 'Plan is completed'\n                  }\n                >\n                  <Button\n                    renderAs=\"primary\"\n                    label=\"Assign Resource\"\n                    Icon={PlusIcon}\n                    shape=\"square\"\n                    size=\"small\"\n                    onClick={handleOnAssignResources}\n                    disabled={isEPSheetCreationDisabled}\n                  />\n                </ArrowTooltip>\n              ) : (\n                <Text $renderAs=\"ab2-bold\">Wait for the teacher to assign a resource</Text>\n              )}\n            </Styled.DefaultWrapper>\n          </FlexView>\n        )}\n      </Styled.MilestoneResourcesWrapper>\n    );\n  }\n\n  return (\n    <Styled.MilestoneResourcesWrapper $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </Styled.MilestoneResourcesWrapper>\n  );\n});\n\nexport default MilestoneWidgetResources;\n"],"names":["MilestoneWidgetResources","memo","props","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onAssignResources","onStart","onUnAssignSheet","onReset","onPreview","onReview","onResume","onReattempt","isTeacher","isEPSheetCreationDisabled","getMilestoneResources","isProcessed","isProcessing","isProcessingFailed","isStale","sheets","useGetMilestoneResources","fetchMilestoneResources","useCallback","handleOnTryAgain","useEffect","handleOnAssignResources","handleOnUnAssignResources","sheet","handleOnReset","sheetData","sheetsDataPresent","jsx","Styled.MilestoneResourcesWrapper","FlexView","Text","Button","jsxs","Fragment","ResourcesList","Styled.SearchButtonWrapper","Styled.SearchButtonCover","IconButton","SearchIcon","Styled.DefaultWrapper","IMAGES","ArrowTooltip","PlusIcon","AppLoader"],"mappings":"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"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js

@@ -0,0 +1,71 @@
+import { jsx as E } from "react/jsx-runtime";
+import { memo as M, useMemo as _, useCallback as N } from "react";
+import O from "../../../../../sheets/comps/sheet-button/index.js";
+import { SHEET_STATE as k } from "../../../../../sheets/constants/sheet.js";
+import L from "../../../../../ui/layout/flex-view.js";
+import { IS_CHAPTER_COMPLETED_STATES as $ } from "../../../../create/milestone-create-constants.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as g } from "../../../tests-creation/tests-creation-analytics-events.js";
+import { getTestCtaInfo as H } from "./test-sheet-item-utils.js";
+const { COMPLETED: U } = k, J = M((d) => {
+  const { milestoneId: n, studentId: m, userType: T, sheet: s, onTestStart: r, onTestReview: i, onTestPreview: a } = d, e = _(() => T === "STUDENT", [T]), { permissions: f, state: c, accuracy: l, user_node_id: u } = s, {
+    can_start: t,
+    can_resume: o,
+    can_review: S,
+    can_teacher_review: w
+  } = f, p = e ? S : w, h = _(
+    () => ({
+      user_node_id: u,
+      milestone_id: n,
+      student_id: m,
+      ...e ? {
+        can_start: t,
+        can_resume: o
+      } : {}
+    }),
+    [n, m, o, t, e, u]
+  ), C = N(() => {
+    if (e && (t || o)) {
+      if (typeof r == "function") {
+        r(s);
+        return;
+      }
+      throw new Error("No callback is available");
+    }
+    if (p) {
+      if (typeof i != "function")
+        throw new Error("onTestReview must be a function");
+      i(s, n);
+      return;
+    }
+    if (typeof a != "function")
+      throw new Error("onTestPreview must be a function");
+    a(n, s);
+  }, [
+    e,
+    p,
+    a,
+    n,
+    s,
+    t,
+    o,
+    r,
+    i
+  ]), y = H(c, f, e), { state: b, renderAs: v = "primary", label: A } = y || {}, I = !(c === U || $.some((x) => x === c)) && !(t || o || S), P = e && I, R = typeof l == "number" ? `${l}%` : void 0, D = e && (t || o) ? g.CUSTOM_TEST_ATTEMPTED : "";
+  return /* @__PURE__ */ E(L, { $flexDirection: "row", $flexGapX: 1, $alignItems: "center", children: /* @__PURE__ */ E(
+    O,
+    {
+      renderAs: v,
+      label: A,
+      onClick: C,
+      disabled: P,
+      state: b,
+      accuracy: R,
+      analyticsLabel: D,
+      analyticsProps: h
+    }
+  ) });
+});
+export {
+  J as default
+};
+//# sourceMappingURL=test-sheet-item-cta.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item-cta.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-cta.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport SheetButton from '../../../../../sheets/comps/sheet-button';\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../../tests-creation/tests-creation-analytics-events';\nimport { getTestCtaInfo } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TestSheetItemCta: FC<Omit<ITestSheetItemProps, 'sequenceNo'>> = memo(props => {\n  const { milestoneId, studentId, userType, sheet, onTestStart, onTestReview, onTestPreview } =\n    props;\n  const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n  const { permissions, state: sheetState, accuracy, user_node_id } = sheet;\n  const {\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_teacher_review: canTeacherReview,\n  } = permissions;\n  const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n  const analyticsProps = useMemo(\n    () => ({\n      user_node_id,\n      milestone_id: milestoneId,\n      student_id: studentId,\n      ...(isStudent\n        ? {\n            can_start: canStart,\n            can_resume: canResume,\n          }\n        : {}),\n    }),\n    [milestoneId, studentId, canResume, canStart, isStudent, user_node_id],\n  );\n\n  const handleOnClick = useCallback(() => {\n    if (isStudent) {\n      if (canStart || canResume) {\n        if (typeof onTestStart === 'function') {\n          onTestStart(sheet);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n    }\n\n    if (canReviewSheet) {\n      if (typeof onTestReview !== 'function') {\n        throw new Error('onTestReview must be a function');\n      }\n\n      onTestReview(sheet, milestoneId);\n\n      return;\n    }\n\n    if (typeof onTestPreview !== 'function') {\n      throw new Error('onTestPreview must be a function');\n    }\n\n    onTestPreview(milestoneId, sheet);\n\n    return;\n  }, [\n    isStudent,\n    canReviewSheet,\n    onTestPreview,\n    milestoneId,\n    sheet,\n    canStart,\n    canResume,\n    onTestStart,\n    onTestReview,\n  ]);\n\n  const testCtaInfo = getTestCtaInfo(sheetState, permissions, isStudent);\n  const { state: testCtaState, renderAs = 'primary', label } = testCtaInfo || {};\n\n  const isSheetCompleted =\n    sheetState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === sheetState);\n  const sheetPermissionDisability = !isSheetCompleted && !(canStart || canResume || canReview);\n  const disableCta = isStudent && sheetPermissionDisability;\n  const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n\n  const analyticsLabel =\n    isStudent && (canStart || canResume)\n      ? TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_ATTEMPTED\n      : '';\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n      <SheetButton\n        renderAs={renderAs}\n        label={label}\n        onClick={handleOnClick}\n        disabled={disableCta}\n        state={testCtaState}\n        accuracy={sheetAccuracy}\n        analyticsLabel={analyticsLabel}\n        analyticsProps={analyticsProps}\n      />\n    </FlexView>\n  );\n});\n\nexport default TestSheetItemCta;\n"],"names":["COMPLETED","SHEET_STATE","TestSheetItemCta","memo","props","milestoneId","studentId","userType","sheet","onTestStart","onTestReview","onTestPreview","isStudent","useMemo","permissions","sheetState","accuracy","user_node_id","canStart","canResume","canReview","canTeacherReview","canReviewSheet","analyticsProps","handleOnClick","useCallback","testCtaInfo","getTestCtaInfo","testCtaState","renderAs","label","sheetPermissionDisability","IS_CHAPTER_COMPLETED_STATES","state","disableCta","sheetAccuracy","analyticsLabel","TESTS_CREATION_ANALYTICS_EVENTS","FlexView","jsx","SheetButton"],"mappings":";;;;;;;;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAgEC,EAAK,CAASC,MAAA;AAC5E,QAAA,EAAE,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,aAAAC,GAAa,cAAAC,GAAc,eAAAC,EAC1E,IAAAP,GACIQ,IAAYC,EAAQ,MAAMN,MAAa,WAAW,CAACA,CAAQ,CAAC,GAC5D,EAAE,aAAAO,GAAa,OAAOC,GAAY,UAAAC,GAAU,cAAAC,EAAiB,IAAAT,GAC7D;AAAA,IACJ,WAAWU;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,EAClB,IAAAP,GACEQ,IAAiBV,IAAYQ,IAAYC,GAEzCE,IAAiBV;AAAA,IACrB,OAAO;AAAA,MACL,cAAAI;AAAA,MACA,cAAcZ;AAAA,MACd,YAAYC;AAAA,MACZ,GAAIM,IACA;AAAA,QACE,WAAWM;AAAA,QACX,YAAYC;AAAA,MAAA,IAEd,CAAC;AAAA,IAAA;AAAA,IAEP,CAACd,GAAaC,GAAWa,GAAWD,GAAUN,GAAWK,CAAY;AAAA,EAAA,GAGjEO,IAAgBC,EAAY,MAAM;AACtC,QAAIb,MACEM,KAAYC,IAAW;AACrB,UAAA,OAAOV,KAAgB,YAAY;AACrC,QAAAA,EAAYD,CAAK;AAEjB;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,0BAA0B;AAAA,IAC5C;AAGF,QAAIc,GAAgB;AACd,UAAA,OAAOZ,KAAiB;AACpB,cAAA,IAAI,MAAM,iCAAiC;AAGnD,MAAAA,EAAaF,GAAOH,CAAW;AAE/B;AAAA,IACF;AAEI,QAAA,OAAOM,KAAkB;AACrB,YAAA,IAAI,MAAM,kCAAkC;AAGpD,IAAAA,EAAcN,GAAaG,CAAK;AAAA,EAEhC,GACC;AAAA,IACDI;AAAA,IACAU;AAAA,IACAX;AAAA,IACAN;AAAA,IACAG;AAAA,IACAU;AAAA,IACAC;AAAA,IACAV;AAAA,IACAC;AAAA,EAAA,CACD,GAEKgB,IAAcC,EAAeZ,GAAYD,GAAaF,CAAS,GAC/D,EAAE,OAAOgB,GAAc,UAAAC,IAAW,WAAW,OAAAC,EAAM,IAAIJ,KAAe,IAItEK,IAA4B,EADhChB,MAAef,KAAagC,EAA4B,KAAK,CAAAC,MAASA,MAAUlB,CAAU,MACrC,EAAEG,KAAYC,KAAaC,IAC5Ec,IAAatB,KAAamB,GAC1BI,IAAgB,OAAOnB,KAAa,WAAW,GAAGA,CAAQ,MAAM,QAEhEoB,IACJxB,MAAcM,KAAYC,KACtBkB,EAAgC,wBAChC;AAEN,2BACGC,GAAS,EAAA,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvD,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAAX;AAAA,MACA,OAAAC;AAAA,MACA,SAASN;AAAA,MACT,UAAUU;AAAA,MACV,OAAON;AAAA,MACP,UAAUO;AAAA,MACV,gBAAAC;AAAA,MACA,gBAAAb;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js

@@ -0,0 +1,31 @@
+import o from "styled-components";
+import i from "../../../../../ui/layout/flex-view.js";
+import e from "../../../../../ui/text/text.js";
+const s = o(i)(({ theme: t }) => {
+  const { WHITE_5: r } = t.colors;
+  return `
+    border: 1px solid ${r};
+    border-top-width: 0;
+    border-left-width: 0;
+
+    &:nth-child(even) {
+      border-right-width: 0;
+    }
+  `;
+}), c = o(e)(({ theme: t }) => `
+    width: fit-content;
+    padding: ${t.layout.gutter * 0.25}px;
+    background-color: ${t.colors.BLUE_2};
+  `), p = o(e)(() => `
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  `);
+export {
+  s as TestItemCard,
+  p as TestItemTitle,
+  c as TestTag
+};
+//# sourceMappingURL=test-sheet-item-styled.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\n\nconst TestItemCard = styled(FlexView)(({ theme }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n    border: 1px solid ${WHITE_5};\n    border-top-width: 0;\n    border-left-width: 0;\n\n    &:nth-child(even) {\n      border-right-width: 0;\n    }\n  `;\n});\n\nconst TestTag = styled(Text)(({ theme }) => {\n  return `\n    width: fit-content;\n    padding: ${theme.layout.gutter * 0.25}px;\n    background-color: ${theme.colors.BLUE_2};\n  `;\n});\n\nconst TestItemTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nexport { TestItemCard, TestItemTitle, TestTag };\n"],"names":["TestItemCard","styled","FlexView","theme","WHITE_5","TestTag","Text","TestItemTitle"],"mappings":";;;AAKA,MAAMA,IAAeC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAA,EAAE,SAAAC,EAAQ,IAAID,EAAM;AAEnB,SAAA;AAAA,wBACeC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,CAAC,GAEKC,IAAUJ,EAAOK,CAAI,EAAE,CAAC,EAAE,OAAAH,QACvB;AAAA;AAAA,eAEMA,EAAM,OAAO,SAAS,IAAI;AAAA,wBACjBA,EAAM,OAAO,MAAM;AAAA,GAE1C,GAEKI,IAAgBN,EAAOK,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js

@@ -0,0 +1,38 @@
+import { SHEET_STATE as c } from "../../../../../sheets/constants/sheet.js";
+import { IS_CHAPTER_COMPLETED_STATES as i } from "../../../../create/milestone-create-constants.js";
+const { COMPLETED: m } = c, l = (r, e, t) => {
+  const { can_start: n, can_resume: a } = e, o = r === m || i.some((s) => s === r);
+  if (t) {
+    if (a)
+      return {
+        state: "in_progress",
+        renderAs: "primary",
+        label: "Resume"
+      };
+    if (n)
+      return {
+        state: void 0,
+        renderAs: "primary",
+        label: "Start"
+      };
+  }
+  return o ? {
+    state: "completed",
+    renderAs: "secondary_black",
+    label: "Review"
+  } : {
+    state: a ? "in_progress" : void 0,
+    renderAs: "primary",
+    label: "View"
+  };
+}, E = (r) => {
+  const e = /* @__PURE__ */ new Set();
+  return r == null || r.forEach((t) => {
+    e.add(t.chapter_name);
+  }), Array.from(e);
+};
+export {
+  l as getTestCtaInfo,
+  E as getTopicsFromItems
+};
+//# sourceMappingURL=test-sheet-item-utils.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item-utils.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.ts"],"sourcesContent":["import type {\n  TSheetButtonState,\n  TSheetButtonVariant,\n} from '../../../../../sheets/comps/sheet-button/types';\nimport type {\n  ISheetDataProps,\n  TTestHelpItemsDataProps,\n} from '../../../../../sheets/sheets-list/sheet-item/sheet-item-types';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\n\nconst { COMPLETED } = SHEET_STATE;\n\ninterface IGetTestSheetCtaInfo {\n  (\n    state: ISheetDataProps['state'],\n    permissions: ISheetDataProps['permissions'],\n    isStudent: boolean,\n  ): {\n    state: TSheetButtonState | undefined;\n    renderAs: TSheetButtonVariant;\n    label: 'Start' | 'Resume' | 'View' | 'Review';\n  };\n}\n\nconst getTestCtaInfo: IGetTestSheetCtaInfo = (sheetState, permissions, isStudent) => {\n  const { can_start: canStart, can_resume: canResume } = permissions;\n\n  const isSheetCompleted =\n    sheetState === COMPLETED ||\n    IS_CHAPTER_COMPLETED_STATES.some(completedState => completedState === sheetState);\n\n  if (isStudent) {\n    if (canResume) {\n      return {\n        state: 'in_progress',\n        renderAs: 'primary',\n        label: 'Resume',\n      };\n    }\n\n    if (canStart) {\n      return {\n        state: undefined,\n        renderAs: 'primary',\n        label: 'Start',\n      };\n    }\n  }\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n      label: 'Review',\n    };\n  }\n\n  return {\n    state: canResume ? 'in_progress' : undefined,\n    renderAs: 'primary',\n    label: 'View',\n  };\n};\n\nconst getTopicsFromItems = (items?: TTestHelpItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics);\n};\n\nexport { getTopicsFromItems, getTestCtaInfo };\n"],"names":["COMPLETED","SHEET_STATE","getTestCtaInfo","sheetState","permissions","isStudent","canStart","canResume","isSheetCompleted","IS_CHAPTER_COMPLETED_STATES","completedState","getTopicsFromItems","items","topics","item"],"mappings":";;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAchBC,IAAuC,CAACC,GAAYC,GAAaC,MAAc;AACnF,QAAM,EAAE,WAAWC,GAAU,YAAYC,MAAcH,GAEjDI,IACJL,MAAeH,KACfS,EAA4B,KAAK,CAAAC,MAAkBA,MAAmBP,CAAU;AAElF,MAAIE,GAAW;AACb,QAAIE;AACK,aAAA;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAIX,QAAID;AACK,aAAA;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,EAGb;AAEA,SAAIE,IACK;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,EAAA,IAIJ;AAAA,IACL,OAAOD,IAAY,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAEX,GAEMI,IAAqB,CAACC,MAAsC;AAC1D,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM;AAC1B;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js

@@ -0,0 +1,79 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { h as g } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as y, useRef as D, useState as M, useMemo as n, useEffect as b } from "react";
+import { SHEET_STATE as F } from "../../../../../sheets/constants/sheet.js";
+import H from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import f from "../../../../../ui/layout/flex-view.js";
+import j from "../../../../../ui/text/text.js";
+import { IS_CHAPTER_COMPLETED_STATES as v } from "../../../../create/milestone-create-constants.js";
+import R from "./test-sheet-item-cta.js";
+import { TestItemCard as O, TestTag as P, TestItemTitle as X } from "./test-sheet-item-styled.js";
+import { getTopicsFromItems as Y } from "./test-sheet-item-utils.js";
+const { COMPLETED: z } = F, B = {
+  EASY: "Easy",
+  MODERATE: "Moderate",
+  DIFFICULT: "Difficult"
+}, ee = y((p) => {
+  const { sheet: l, userType: a, milestoneId: h, studentId: d, onTestPreview: u, onTestReview: E, onTestStart: I } = p, {
+    title: C,
+    items: m,
+    sheet_time: o,
+    state: c,
+    difficulty_level: S
+  } = l, e = D(null), [_, $] = M(!1), A = n(() => o && Math.ceil(o / 60) || 0, [o]), r = n(() => Y(m), [m]), i = n(() => r.join(" • "), [r]), T = r.length, w = B[S || "EASY"], x = c === z || v.some((L) => L === c);
+  return b(() => {
+    e.current && e.current.scrollHeight > e.current.clientHeight && $(!0);
+  }, [e]), /* @__PURE__ */ s(
+    O,
+    {
+      $gapX: 1.25,
+      $gutterX: 1.25,
+      $flexGapX: 1.25,
+      $background: x ? "WHITE_3" : "WHITE_1",
+      $justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ s(f, { $flexGap: 4, children: [
+          /* @__PURE__ */ t(P, { $renderAs: "ac4", $color: "BLACK_T_60", children: C }),
+          /* @__PURE__ */ t(
+            H,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: i ?? "",
+              widthX: 22.4375,
+              hidden: !_ || !i,
+              children: /* @__PURE__ */ t(X, { ref: e, $renderAs: "ab2", children: i })
+            }
+          ),
+          /* @__PURE__ */ s(j, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+            T,
+            " ",
+            g.pluralize(T, "Chapter"),
+            " • ",
+            w,
+            " •",
+            " ",
+            A,
+            " Mins"
+          ] })
+        ] }),
+        /* @__PURE__ */ t(f, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: /* @__PURE__ */ t(
+          R,
+          {
+            milestoneId: h,
+            studentId: d,
+            sheet: l,
+            userType: a,
+            onTestPreview: u,
+            onTestReview: E,
+            onTestStart: I
+          }
+        ) })
+      ]
+    }
+  );
+});
+export {
+  ee as default
+};
+//# sourceMappingURL=test-sheet-item.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport TestSheetItemCta from './test-sheet-item-cta';\nimport * as Styled from './test-sheet-item-styled';\nimport { getTopicsFromItems } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TEST_DIFFICULTY_LEVEL = {\n  EASY: 'Easy',\n  MODERATE: 'Moderate',\n  DIFFICULT: 'Difficult',\n};\n\nconst TestSheetItem: FC<ITestSheetItemProps> = memo(props => {\n  const { sheet, userType, milestoneId, studentId, onTestPreview, onTestReview, onTestStart } =\n    props;\n  const {\n    title,\n    items,\n    sheet_time: sheetTime,\n    state: testState,\n    difficulty_level: difficultyLevel,\n  } = sheet;\n\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const totalSheetTime = useMemo(() => (sheetTime && Math.ceil(sheetTime / 60)) || 0, [sheetTime]);\n  const topics = useMemo(() => getTopicsFromItems(items), [items]);\n  const testChapterName = useMemo(() => topics.join(' • '), [topics]);\n\n  const noOfChapters = topics.length;\n\n  const testDifficultyLevel = TEST_DIFFICULTY_LEVEL[difficultyLevel || 'EASY'];\n  const isTestCompleted =\n    testState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === testState);\n\n  useEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <Styled.TestItemCard\n      $gapX={1.25}\n      $gutterX={1.25}\n      $flexGapX={1.25}\n      $background={isTestCompleted ? 'WHITE_3' : 'WHITE_1'}\n      $justifyContent=\"space-between\"\n    >\n      <FlexView $flexGap={4}>\n        <Styled.TestTag $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n          {title}\n        </Styled.TestTag>\n\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={testChapterName ?? ''}\n          widthX={22.4375}\n          hidden={!showTitleTooltip || !testChapterName}\n        >\n          <Styled.TestItemTitle ref={titleTextRef} $renderAs=\"ab2\">\n            {testChapterName}\n          </Styled.TestItemTitle>\n        </ArrowTooltip>\n\n        <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n          {noOfChapters} {pluralize(noOfChapters, 'Chapter')} • {testDifficultyLevel} •{' '}\n          {totalSheetTime} Mins\n        </Text>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <TestSheetItemCta\n          milestoneId={milestoneId}\n          studentId={studentId}\n          sheet={sheet}\n          userType={userType}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n        />\n      </FlexView>\n    </Styled.TestItemCard>\n  );\n});\n\nexport default TestSheetItem;\n"],"names":["COMPLETED","SHEET_STATE","TEST_DIFFICULTY_LEVEL","TestSheetItem","memo","props","sheet","userType","milestoneId","studentId","onTestPreview","onTestReview","onTestStart","title","items","sheetTime","testState","difficultyLevel","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","totalSheetTime","useMemo","topics","getTopicsFromItems","testChapterName","noOfChapters","testDifficultyLevel","isTestCompleted","IS_CHAPTER_COMPLETED_STATES","state","useEffect","jsxs","Styled.TestItemCard","FlexView","jsx","Styled.TestTag","ArrowTooltip","Styled.TestItemTitle","Text","pluralize","TestSheetItemCta"],"mappings":";;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AACb,GAEMC,KAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,cAAAC,GAAc,aAAAC,EAC5E,IAAAP,GACI;AAAA,IACJ,OAAAQ;AAAA,IACA,OAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,OAAOC;AAAA,IACP,kBAAkBC;AAAA,EAChB,IAAAX,GAEEY,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExDC,IAAiBC,EAAQ,MAAOT,KAAa,KAAK,KAAKA,IAAY,EAAE,KAAM,GAAG,CAACA,CAAS,CAAC,GACzFU,IAASD,EAAQ,MAAME,EAAmBZ,CAAK,GAAG,CAACA,CAAK,CAAC,GACzDa,IAAkBH,EAAQ,MAAMC,EAAO,KAAK,KAAK,GAAG,CAACA,CAAM,CAAC,GAE5DG,IAAeH,EAAO,QAEtBI,IAAsB3B,EAAsBe,KAAmB,MAAM,GACrEa,IACJd,MAAchB,KAAa+B,EAA4B,KAAK,CAAAC,MAASA,MAAUhB,CAAS;AAE1F,SAAAiB,EAAU,MAAM;AACd,IACEf,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACH,CAAY,CAAC,GAGf,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAaL,IAAkB,YAAY;AAAA,MAC3C,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAC,gBAAAI,EAAAE,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,OAAM,QAAO,cACpC,UACHzB,GAAA;AAAA,UAEA,gBAAAwB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAaZ,KAAmB;AAAA,cAChC,QAAQ;AAAA,cACR,QAAQ,CAACP,KAAoB,CAACO;AAAA,cAE9B,UAAA,gBAAAU,EAACG,GAAA,EAAqB,KAAKtB,GAAc,WAAU,OAChD,UACHS,GAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,gBAAAO,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAA;AAAA,YAAAb;AAAA,YAAa;AAAA,YAAEc,EAAA,UAAUd,GAAc,SAAS;AAAA,YAAE;AAAA,YAAIC;AAAA,YAAoB;AAAA,YAAG;AAAA,YAC7EN;AAAA,YAAe;AAAA,UAAA,GAClB;AAAA,QAAA,GACF;AAAA,0BAECa,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA,gBAAAC;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,WAAAC;AAAA,YACA,OAAAH;AAAA,YACA,UAAAC;AAAA,YACA,eAAAG;AAAA,YACA,cAAAC;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js

@@ -0,0 +1,18 @@
+import { styled as o } from "styled-components";
+const e = o.div(({ theme: t }) => `
+    position: absolute;
+    bottom: ${t.layout.gutter}px;
+    right: ${t.layout.gutter}px;
+    box-shadow: 0px 10px 20px 0px ${t.colors.BLACK_T_20};
+    border-radius: 50%;
+  `), p = o.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: max-content;
+  gap: 0;
+`;
+export {
+  e as IconContainer,
+  p as TestSheetItemWrapper
+};
+//# sourceMappingURL=test-sheets-list-styled.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheets-list-styled.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nconst IconContainer = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nconst TestSheetItemWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: max-content;\n  gap: 0;\n`;\n\nexport { IconContainer, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","theme","TestSheetItemWrapper"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAC3B;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D,GAEKC,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}