@cuemath/leap 2.9.12-j2 → 3.0.1-as1

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

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

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js

@@ -0,0 +1,165 @@
+import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { memo as H, useCallback as l, useEffect as L } from "react";
+import { IMAGES as X } from "../../../../assets/images/images.js";
+import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import S from "../../../ui/buttons/button/button.js";
+import T from "../../../ui/layout/flex-view.js";
+import j from "../../../ui/loader/app-loader/app-loader.js";
+import _ from "../../../ui/separator/separator.js";
+import N from "../../../ui/text/text.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as v } from "../../constants.js";
+import { useGetTestHelpData as G } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as R } from "../tests-creation/tests-creation-analytics-events.js";
+import W from "./test-list-view.js";
+const re = H((c) => {
+  const {
+    isChaptersAvailable: g,
+    isDraftMilestone: E,
+    isMilestoneActive: d,
+    userType: b,
+    studentId: m,
+    userMilestoneId: t,
+    canUpdatePlan: I
+  } = c, { onCreateMilestoneTest: i, onTestPreview: o, onTestStart: n, onTestReview: s } = c, {
+    get: A,
+    data: r,
+    isProcessingFailed: p,
+    isProcessed: f,
+    isStale: C,
+    isProcessing: w
+  } = G(), y = !I || !g || !d || d && E, k = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
+    A(t, void 0, {
+      studentId: m
+    });
+  }, [A, m, t]);
+  L(() => {
+    !w && (!f && !p || C) && h();
+  }, [h, f, w, p, C]);
+  const $ = l(() => {
+    if (typeof i == "function") {
+      i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
+      return;
+    }
+    throw new Error("No callback provided. If provided it must be a function");
+  }, [i, t, r]), M = l(
+    (a) => {
+      if (typeof o == "function") {
+        o == null || o(a, t);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [o, t]
+  ), O = l(
+    (a) => {
+      if (typeof n == "function") {
+        n == null || n(a);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [n]
+  ), P = l(
+    (a) => {
+      if (typeof s == "function") {
+        s == null || s(a, t);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [s, t]
+  );
+  return p ? /* @__PURE__ */ u(
+    T,
+    {
+      $flexGapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $height: "100%",
+      $background: "WHITE",
+      children: [
+        /* @__PURE__ */ e(N, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+        /* @__PURE__ */ e(
+          S,
+          {
+            widthX: 14,
+            size: "small",
+            shape: "square",
+            renderAs: "primary",
+            label: "Try again",
+            onClick: h
+          }
+        )
+      ]
+    }
+  ) : f ? r != null && r.length ? /* @__PURE__ */ e(
+    W,
+    {
+      ...c,
+      onNodeAttempt: O,
+      onNodeView: M,
+      onNodeReview: P,
+      milestoneId: t,
+      sheets: r,
+      userType: b,
+      studentId: m,
+      onCreateNewTest: $,
+      canUpdatedPlan: I,
+      isMilestoneActive: d
+    }
+  ) : /* @__PURE__ */ u(
+    T,
+    {
+      $gapX: 6.75,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "WHITE",
+      $height: v,
+      children: [
+        /* @__PURE__ */ e("img", { src: X.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ e(_, { heightX: 2 }),
+        b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
+          /* @__PURE__ */ e(
+            D,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              hidden: !y,
+              tooltipItem: k,
+              children: /* @__PURE__ */ e(
+                S,
+                {
+                  widthX: 10,
+                  renderAs: "primary",
+                  shape: "square",
+                  size: "small",
+                  label: "Create a Test",
+                  onClick: $,
+                  disabled: y,
+                  analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
+                  analyticsProps: {
+                    milestone_id: t
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(_, { heightX: 2 })
+        ] }) : /* @__PURE__ */ e(N, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    T,
+    {
+      $height: v,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "WHITE",
+      children: /* @__PURE__ */ e(j, { height: "100%" })
+    }
+  );
+});
+export {
+  re as default
+};
+//# sourceMappingURL=test-list-container.js.map

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { INodeDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-list-view';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const { onCreateMilestoneTest, onTestPreview, onTestStart, onTestReview } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnTestPreview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview, userMilestoneId],\n  );\n\n  const handleOnTestStart = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnTestReview = useCallback(\n    (sheetData: INodeDataProps) => {\n      if (typeof onTestReview === 'function') {\n        onTestReview?.(sheetData, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $height=\"100%\"\n        $background=\"WHITE\"\n      >\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    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestSheetsList\n          {...props}\n          onNodeAttempt={handleOnTestStart}\n          onNodeView={handleOnTestPreview}\n          onNodeReview={handleOnTestReview}\n          milestoneId={userMilestoneId}\n          sheets={data}\n          userType={userType}\n          studentId={studentId}\n          onCreateNewTest={handleOnCreateMilestoneTest}\n          canUpdatedPlan={canUpdatePlan}\n          isMilestoneActive={isMilestoneActive}\n        />\n      );\n    }\n\n    return (\n      <FlexView\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      >\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView\n      $height={MILESTONE_WIDGET_MIN_HEIGHT}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"WHITE\"\n    >\n      <AppLoader height=\"100%\" />\n    </FlexView>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestStart","onTestReview","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { styled as t } from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+const i = t(o)`
+  position: sticky;
+  bottom: 0;
+  margin-left: auto;
+`, s = t(o)(({ theme: e }) => {
+  const { colors: r } = e;
+  return `
+      border-radius: 50%;
+      box-shadow: 0px 10px 20px 0px ${r.BLACK_T_15};
+    `;
+}), a = t.div`
+  display: grid;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
+`;
+export {
+  s as IconButtonCover,
+  i as IconContainer,
+  a as TestSheetItemWrapper
+};
+//# sourceMappingURL=test-list-view-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"test-list-view-styled.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view-styled.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst IconContainer = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst IconButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\nconst TestSheetItemWrapper = 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\nexport { IconContainer, IconButtonCover, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","FlexView","IconButtonCover","theme","colors","TestSheetItemWrapper"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM/BC,IAAkBF,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAEKC,IAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js

@@ -0,0 +1,87 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { h as S } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as x } from "react";
+import A from "../../../../assets/line-icons/icons/plus2.js";
+import N from "../../../homework/homework-card.js";
+import w from "../../../ui/buttons/icon-button/icon-button.js";
+import g from "../../../ui/layout/flex-view.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as O } from "../../constants.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as j } from "../tests-creation/tests-creation-analytics-events.js";
+import { TestSheetItemWrapper as H, IconContainer as M, IconButtonCover as R } from "./test-list-view-styled.js";
+const b = (e) => {
+  if (!(e != null && e.length)) return "";
+  const o = /* @__PURE__ */ new Set();
+  for (const n of e)
+    o.add(n.chapter_name);
+  return [...o].join(", ");
+}, P = x(
+  ({
+    milestoneId: e,
+    studentId: o,
+    sheets: n,
+    userType: i,
+    onCreateNewTest: a,
+    isMilestoneActive: c,
+    canUpdatedPlan: l,
+    ...d
+  }) => /* @__PURE__ */ C(
+    g,
+    {
+      $height: O,
+      $position: "relative",
+      $justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ t(H, { children: n.map((s, m) => {
+          const {
+            items: T,
+            node_id: p,
+            sheet_time: h,
+            total_questions: r,
+            worksheet_id: u,
+            is_timed: f
+          } = s, _ = Math.ceil((h || 0) / 60), I = b(T), $ = f ? `${_} Mins` : "", E = `${r ? `${r} ${S.pluralize(r, "Question")}` : ""} • ${$}`;
+          return /* @__PURE__ */ t(
+            N,
+            {
+              userType: i,
+              header: I,
+              subHeader: E,
+              nodeData: s,
+              renderAs: "milestone",
+              studentId: o,
+              shouldOpenOnRight: (m + 1) % 3 === 0,
+              ...d
+            },
+            `${u}_${p}_${m}`
+          );
+        }) }),
+        i === "TEACHER" && l && /* @__PURE__ */ t(
+          M,
+          {
+            $flexDirection: "row",
+            $justifyContent: "flex-end",
+            $gapX: 1,
+            $gutterX: 1,
+            children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
+              w,
+              {
+                Icon: A,
+                renderAs: "secondary",
+                analyticsLabel: j.CUSTOM_TEST_CREATION_STARTED,
+                onClick: a,
+                disabled: !c,
+                analyticsProps: {
+                  milestone_id: e
+                }
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  )
+);
+export {
+  P as default
+};
+//# sourceMappingURL=test-list-view.js.map