@cuemath/leap 2.8.60-ag2 → 2.8.60-as1

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

@@ -1,165 +1,119 @@
-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) => {
+import { jsx as e, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { memo as M, useCallback as A, useEffect as x } from "react";
+import H from "styled-components";
+import { IMAGES as P } from "../../../../assets/images/images.js";
+import N from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import b from "../../../ui/buttons/button/button.js";
+import S from "../../../ui/layout/flex-view.js";
+import k from "../../../ui/loader/app-loader/app-loader.js";
+import $ from "../../../ui/separator/separator.js";
+import y from "../../../ui/text/text.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as L } from "../../constants.js";
+import { useGetTestHelpData as O } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as X } from "../tests-creation/tests-creation-analytics-events.js";
+import j from "./test-list-view.js";
+const s = H(S)`
+  position: relative;
+  min-height: ${L}px;
+`, Q = M((o) => {
   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
+    isChaptersAvailable: p,
+    isDraftMilestone: h,
+    isMilestoneActive: n,
+    userType: T,
+    studentId: a,
+    userMilestoneId: r,
+    canUpdatePlan: f
+  } = o, { onCreateMilestoneTest: i } = o, {
+    get: g,
+    data: t,
+    isProcessingFailed: l,
+    isProcessed: m,
+    isStale: u,
+    isProcessing: E
+  } = O(), I = !f || !p || !n || n && h, _ = n && !p ? "Chapters need to be assigned" : h ? "Allowed after plan is published" : "Plan is completed", c = A(() => {
+    g(r, void 0, {
+      studentId: a
     });
-  }, [A, m, t]);
-  L(() => {
-    !w && (!f && !p || C) && h();
-  }, [h, f, w, p, C]);
-  const $ = l(() => {
+  }, [g, a, r]);
+  x(() => {
+    !E && (!m && !l || u) && c();
+  }, [c, m, E, l, u]);
+  const C = A(() => {
     if (typeof i == "function") {
-      i == null || i(t, ((r == null ? void 0 : r.length) || 0) + 1);
+      i == null || i(r, ((t == null ? void 0 : t.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;
+  }, [i, r, t]);
+  return l ? /* @__PURE__ */ e(s, { $alignItems: "center", $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ d(S, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ e(y, { $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
       }
-      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,
+    )
+  ] }) }) : m ? t != null && t.length ? /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+    j,
     {
-      ...c,
-      onNodeAttempt: O,
-      onNodeView: M,
-      onNodeReview: P,
-      milestoneId: t,
-      sheets: r,
-      userType: b,
-      studentId: m,
-      onCreateNewTest: $,
-      canUpdatedPlan: I,
-      isMilestoneActive: d
+      ...o,
+      milestoneId: r,
+      sheets: t,
+      userType: T,
+      studentId: a,
+      onCreateNewTest: C,
+      canUpdatedPlan: f,
+      isMilestoneActive: n
     }
-  ) : /* @__PURE__ */ u(
-    T,
+  ) }) : /* @__PURE__ */ d(
+    s,
     {
       $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("img", { src: P.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ e($, { heightX: 2 }),
+        T === "TEACHER" ? /* @__PURE__ */ d(w, { children: [
           /* @__PURE__ */ e(
-            D,
+            N,
             {
               renderAs: "primary",
               position: "bottom",
-              hidden: !y,
-              tooltipItem: k,
+              hidden: !I,
+              tooltipItem: _,
               children: /* @__PURE__ */ e(
-                S,
+                b,
                 {
                   widthX: 10,
                   renderAs: "primary",
                   shape: "square",
                   size: "small",
                   label: "Create a Test",
-                  onClick: $,
-                  disabled: y,
-                  analyticsLabel: R.CUSTOM_TEST_CREATION_STARTED,
+                  onClick: C,
+                  disabled: I,
+                  analyticsLabel: X.CUSTOM_TEST_CREATION_STARTED,
                   analyticsProps: {
-                    milestone_id: t
+                    milestone_id: r
                   }
                 }
               )
             }
           ),
-          /* @__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($, { heightX: 2 })
+        ] }) : /* @__PURE__ */ e(y, { $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%" })
-    }
-  );
+  ) : /* @__PURE__ */ e(s, { $alignItems: "center", $justifyContent: "center", $background: "WHITE", children: /* @__PURE__ */ e(k, { height: "100%" }) });
 });
 export {
-  re as default
+  Q as default
 };
 //# sourceMappingURL=test-list-container.js.map

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

@@ -1 +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":";;;;;;;;;;;;;AAiBM,MAAAA,KAA0CC,EAAK,CAASC,MAAA;AACtD,QAAA;AAAA,IACJ,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAP,GACE,EAAE,uBAAAQ,GAAuB,eAAAC,GAAe,aAAAC,GAAa,cAAAC,MAAiBX,GAEtE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,MACEC,EAAmB,GAEjBC,IACJ,CAACZ,KACD,CAACN,KACD,CAACE,KACAA,KAAqBD,GAClBkB,IACJjB,KAAqB,CAACF,IAClB,iCACAC,IACE,oCACA,qBAEFmB,IAAmBC,EAAY,MAAM;AACzC,IAAAV,EAAgBN,GAAiB,QAAW;AAAA,MAC1C,WAAAD;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACO,GAAiBP,GAAWC,CAAe,CAAC;AAEhD,EAAAiB,EAAU,MAAM;AACd,IAAI,CAACN,MAAkB,CAACF,KAAe,CAACD,KAAuBE,MAC5CK;EACnB,GACC,CAACA,GAAkBN,GAAaE,GAAcH,GAAoBE,CAAO,CAAC;AAEvE,QAAAQ,IAA8BF,EAAY,MAAM;AAChD,QAAA,OAAOd,KAA0B,YAAY;AAC/C,MAAAA,KAAA,QAAAA,EAAwBF,KAAkBO,KAAA,gBAAAA,EAAM,WAAU,KAAK;AAE/D;AAAA,IACF;AAEM,UAAA,IAAI,MAAM,yDAAyD;AAAA,EACxE,GAAA,CAACL,GAAuBF,GAAiBO,CAAI,CAAC,GAE3CY,IAAsBH;AAAA,IAC1B,CAACI,MAA8B;AACzB,UAAA,OAAOjB,KAAkB,YAAY;AACvC,QAAAA,KAAA,QAAAA,EAAgBiB,GAAWpB;AAE3B;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAACG,GAAeH,CAAe;AAAA,EAAA,GAG3BqB,IAAoBL;AAAA,IACxB,CAACI,MAA8B;AACzB,UAAA,OAAOhB,KAAgB,YAAY;AACrC,QAAAA,KAAA,QAAAA,EAAcgB;AAEd;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAAChB,CAAW;AAAA,EAAA,GAGRkB,IAAqBN;AAAA,IACzB,CAACI,MAA8B;AACzB,UAAA,OAAOf,KAAiB,YAAY;AACtC,QAAAA,KAAA,QAAAA,EAAee,GAAWpB;AAE1B;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAACK,GAAcL,CAAe;AAAA,EAAA;AAGhC,SAAIQ,IAEA,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,QACxE,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAASZ;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKFN,IACEF,KAAA,QAAAA,EAAM,SAEN,gBAAAkB;AAAA,IAACG;AAAA,IAAA;AAAA,MACE,GAAGlC;AAAA,MACJ,eAAe2B;AAAA,MACf,YAAYF;AAAA,MACZ,cAAcG;AAAA,MACd,aAAatB;AAAA,MACb,QAAQO;AAAA,MACR,UAAAT;AAAA,MACA,WAAAC;AAAA,MACA,iBAAiBmB;AAAA,MACjB,gBAAgBjB;AAAA,MAChB,mBAAAJ;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAA0B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAASK;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAJ,EAAC,OAAI,EAAA,KAAKK,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,QACxD,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtBjC,MAAa,YAEV,gBAAAyB,EAAAS,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQ,CAACpB;AAAA,cACT,aAAaC;AAAA,cAEb,UAAA,gBAAAW;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAAST;AAAA,kBACT,UAAUL;AAAA,kBACV,gBAAgBqB,EAAgC;AAAA,kBAChD,gBAAgB;AAAA,oBACd,cAAclC;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAyB,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QAAA,EAAA,CACzB,IAEC,gBAAAN,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAON,gBAAAD;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,SAASK;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA,gBAAAJ,EAACU,GAAU,EAAA,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA;AAG/B,CAAC;"}
+{"version":3,"file":"test-list-container.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-container.tsx"],"sourcesContent":["import type { ITestsListProps } from './types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\nimport styled from 'styled-components';\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 TestHelpWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\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 } = 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  if (isProcessingFailed) {\n    return (\n      <TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\" $background=\"WHITE\">\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      </TestHelpWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <TestHelpWrapper>\n          <TestSheetsList\n            {...props}\n            milestoneId={userMilestoneId}\n            sheets={data}\n            userType={userType}\n            studentId={studentId}\n            onCreateNewTest={handleOnCreateMilestoneTest}\n            canUpdatedPlan={canUpdatePlan}\n            isMilestoneActive={isMilestoneActive}\n          />\n        </TestHelpWrapper>\n      );\n    }\n\n    return (\n      <TestHelpWrapper\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\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      </TestHelpWrapper>\n    );\n  }\n\n  return (\n    <TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </TestHelpWrapper>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["TestHelpWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","jsx","jsxs","Text","Button","TestSheetsList","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA,gBAEvBC,CAA2B;AAAA,GAGrCC,IAA0CC,EAAK,CAASC,MAAA;AACtD,QAAA;AAAA,IACJ,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAP,GACE,EAAE,uBAAAQ,EAA0B,IAAAR,GAE5B;AAAA,IACJ,KAAKS;AAAA,IACL,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,MACEC,EAAmB,GAEjBC,IACJ,CAACT,KACD,CAACN,KACD,CAACE,KACAA,KAAqBD,GAClBe,IACJd,KAAqB,CAACF,IAClB,iCACAC,IACE,oCACA,qBAEFgB,IAAmBC,EAAY,MAAM;AACzC,IAAAV,EAAgBH,GAAiB,QAAW;AAAA,MAC1C,WAAAD;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACI,GAAiBJ,GAAWC,CAAe,CAAC;AAEhD,EAAAc,EAAU,MAAM;AACd,IAAI,CAACN,MAAkB,CAACF,KAAe,CAACD,KAAuBE,MAC5CK;EACnB,GACC,CAACA,GAAkBN,GAAaE,GAAcH,GAAoBE,CAAO,CAAC;AAEvE,QAAAQ,IAA8BF,EAAY,MAAM;AAChD,QAAA,OAAOX,KAA0B,YAAY;AAC/C,MAAAA,KAAA,QAAAA,EAAwBF,KAAkBI,KAAA,gBAAAA,EAAM,WAAU,KAAK;AAE/D;AAAA,IACF;AAEM,UAAA,IAAI,MAAM,yDAAyD;AAAA,EACxE,GAAA,CAACF,GAAuBF,GAAiBI,CAAI,CAAC;AAEjD,SAAIC,IAEC,gBAAAW,EAAA5B,GAAA,EAAgB,aAAY,UAAS,iBAAgB,UAAS,aAAY,SACzE,UAAA,gBAAA6B,EAAC3B,KAAS,WAAW,KAAK,aAAY,UAAS,iBAAgB,UAC7D,UAAA;AAAA,IAAC,gBAAA0B,EAAAE,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,EACF,CAAA,EACF,CAAA,IAIAN,IACEF,KAAA,QAAAA,EAAM,2BAELhB,GACC,EAAA,UAAA,gBAAA4B;AAAA,IAACI;AAAA,IAAA;AAAA,MACE,GAAG1B;AAAA,MACJ,aAAaM;AAAA,MACb,QAAQI;AAAA,MACR,UAAAN;AAAA,MACA,WAAAC;AAAA,MACA,iBAAiBgB;AAAA,MACjB,gBAAgBd;AAAA,MAChB,mBAAAJ;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA,IAKF,gBAAAoB;AAAA,IAAC7B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAA4B,EAAC,OAAI,EAAA,KAAKK,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,QACxD,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtBxB,MAAa,YAEV,gBAAAmB,EAAAM,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQ,CAACd;AAAA,cACT,aAAaC;AAAA,cAEb,UAAA,gBAAAK;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAASJ;AAAA,kBACT,UAAUL;AAAA,kBACV,gBAAgBe,EAAgC;AAAA,kBAChD,gBAAgB;AAAA,oBACd,cAAczB;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAgB,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QAAA,EAAA,CACzB,IAEC,gBAAAN,EAAAE,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAOL,gBAAAF,EAAA5B,GAAA,EAAgB,aAAY,UAAS,iBAAgB,UAAS,aAAY,SACzE,UAAC,gBAAA4B,EAAAU,GAAA,EAAU,QAAO,OAAA,CAAO,EAC3B,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,41 @@
+import { jsx as h } from "react/jsx-runtime";
+import { h as d } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as f, useMemo as s } from "react";
+import l from "../../../homework/homework-card.js";
+const T = (e) => {
+  const t = /* @__PURE__ */ new Set();
+  return e == null || e.forEach((r) => {
+    t.add(r.chapter_name);
+  }), Array.from(t);
+}, _ = f((e) => {
+  const { sheet: t, userType: r, milestoneId: $, ...c } = e, {
+    items: a,
+    // state,
+    sheet_time: n,
+    // node_type: nodeType,
+    // image_url: imageUrl,
+    // permissions,
+    // accuracy,
+    // due_date_ts: dueDateTs,
+    total_questions: o
+    // image_hue: imageHue,
+    // card_header: cardHeader = '',
+  } = t, m = s(() => n && Math.ceil(n / 60) || 0, [n]), i = s(() => T(a), [a]), p = s(() => i.join(", "), [i]), u = s(
+    () => `${typeof o == "number" ? `${o} ${d.pluralize(o, "Question")}, ` : ""}${m} Mins`,
+    [o, m]
+  );
+  return /* @__PURE__ */ h(
+    l,
+    {
+      header: p,
+      subHeader: u,
+      userType: r,
+      nodeData: t,
+      ...c
+    }
+  );
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=test-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"test-list-item.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-item.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useMemo } from 'react';\n\nimport HomeworkCard from '../../../homework/homework-card';\n\nconst getTopicsFromItems = (items?: TNodeDataTestItemsDataProps[]) => {\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\nconst TestListItem: FC<ITestItemProps> = memo(props => {\n  const { sheet, userType, milestoneId, ...resProps } = props;\n  const {\n    items,\n    // state,\n    sheet_time: sheetTime,\n    // node_type: nodeType,\n    // image_url: imageUrl,\n    // permissions,\n    // accuracy,\n    // due_date_ts: dueDateTs,\n    total_questions: totalQuestions,\n    // image_hue: imageHue,\n    // card_header: cardHeader = '',\n  } = sheet;\n  // const {\n  //   can_start: canStart,\n  //   can_resume: canResume,\n  //   can_review: canReview,\n  //   can_teacher_review: canTeacherReview,\n  // } = permissions || {};\n  // const isStudent = useMemo(() => userType === 'STUDENT', [userType]);\n  // const canReviewSheet = useMemo(\n  //   () => (isStudent ? canReview : canTeacherReview),\n  //   [canReview, canTeacherReview, isStudent],\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  const subHeader = useMemo(\n    () =>\n      `${\n        typeof totalQuestions === 'number'\n          ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n          : ''\n      }${totalSheetTime} Mins`,\n    [totalQuestions, totalSheetTime],\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  //   canResume,\n  //   canReviewSheet,\n  //   canStart,\n  //   isStudent,\n  //   milestoneId,\n  //   onTestPreview,\n  //   onTestReview,\n  //   onTestStart,\n  //   sheet,\n  // ]);\n\n  return (\n    <HomeworkCard\n      header={testChapterName}\n      subHeader={subHeader}\n      userType={userType}\n      nodeData={sheet}\n      {...resProps}\n    />\n  );\n});\n\nexport default TestListItem;\n"],"names":["getTopicsFromItems","items","topics","item","TestListItem","memo","props","sheet","userType","milestoneId","resProps","sheetTime","totalQuestions","totalSheetTime","useMemo","testChapterName","subHeader","pluralize","jsx","HomeworkCard"],"mappings":";;;;AASA,MAAMA,IAAqB,CAACC,MAA0C;AAC9D,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM;AAC1B,GAEME,IAAmCC,EAAK,CAASC,MAAA;AACrD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,GAAGC,EAAa,IAAAJ,GAChD;AAAA,IACJ,OAAAL;AAAA;AAAA,IAEA,YAAYU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMZ,iBAAiBC;AAAA;AAAA;AAAA,EAGf,IAAAL,GAYEM,IAAiBC,EAAQ,MAAOH,KAAa,KAAK,KAAKA,IAAY,EAAE,KAAM,GAAG,CAACA,CAAS,CAAC,GACzFT,IAASY,EAAQ,MAAMd,EAAmBC,CAAK,GAAG,CAACA,CAAK,CAAC,GACzDc,IAAkBD,EAAQ,MAAMZ,EAAO,KAAK,IAAI,GAAG,CAACA,CAAM,CAAC,GAC3Dc,IAAYF;AAAA,IAChB,MACE,GACE,OAAOF,KAAmB,WACtB,GAAGA,CAAc,IAAIK,EAAAA,UAAUL,GAAgB,UAAU,CAAC,OAC1D,EACN,GAAGC,CAAc;AAAA,IACnB,CAACD,GAAgBC,CAAc;AAAA,EAAA;AA8C/B,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQJ;AAAA,MACR,WAAAC;AAAA,MACA,UAAAR;AAAA,MACA,UAAUD;AAAA,MACT,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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

@@ -1,16 +1,11 @@
-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`
+import { styled as o } from "styled-components";
+const p = 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%;
+  `), e = o.div`
   display: grid;
   grid-template-columns: repeat(3, 200px);
   grid-gap: 32px;
@@ -18,8 +13,7 @@ const i = t(o)`
   padding: 32px 0;
 `;
 export {
-  s as IconButtonCover,
-  i as IconContainer,
-  a as TestSheetItemWrapper
+  p as IconContainer,
+  e as TestSheetItemWrapper
 };
 //# sourceMappingURL=test-list-view-styled.js.map

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

@@ -1 +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;"}
+{"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\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(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 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;AAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\n\nconst getTopicNameFromItems = (items?: TNodeDataTestItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics).join(', ');\n};\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <FlexView\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n        $position=\"relative\"\n        $justifyContent=\"space-between\"\n      >\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const {\n              items,\n              node_id: nodeId,\n              sheet_time: sheetTime,\n              total_questions: totalQuestions,\n              worksheet_id: worksheetId,\n            } = sheet;\n            const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n            const testChapterName = getTopicNameFromItems(items);\n            const subHeader = `${\n              typeof totalQuestions === 'number'\n                ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}, `\n                : ''\n            }${totalSheetTime} Mins`;\n\n            return (\n              <HomeworkCard\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                header={testChapterName}\n                subHeader={subHeader}\n                nodeData={sheet}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer\n            $flexDirection=\"row\"\n            $justifyContent=\"flex-end\"\n            $gapX={1}\n            $gutterX={1}\n          >\n            <Styled.IconButtonCover>\n              <IconButton\n                Icon={Plus2Icon}\n                renderAs=\"secondary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                onClick={onCreateNewTest}\n                disabled={!isMilestoneActive}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </Styled.IconButtonCover>\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["getTopicNameFromItems","items","topics","item","TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","sheet","idx","nodeId","sheetTime","totalQuestions","worksheetId","totalSheetTime","testChapterName","subHeader","pluralize","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAACC,MAA0C;AACjE,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM,EAAE,KAAK,IAAI;AACrC,GAEME,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AACpB,gBAAA;AAAA,YACJ,OAAAnB;AAAA,YACA,SAASoB;AAAA,YACT,YAAYC;AAAA,YACZ,iBAAiBC;AAAA,YACjB,cAAcC;AAAA,UACZ,IAAAL,GACEM,IAAiB,KAAK,MAAMH,KAAa,KAAK,EAAE,GAChDI,IAAkB1B,EAAsBC,CAAK,GAC7C0B,IAAY,GAChB,OAAOJ,KAAmB,WACtB,GAAGA,CAAc,IAAIK,EAAA,UAAUL,GAAgB,UAAU,CAAC,OAC1D,EACN,GAAGE,CAAc;AAGf,iBAAA,gBAAAR;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,UAAApB;AAAA,cACA,QAAQiB;AAAA,cACR,WAAAC;AAAA,cACA,UAAUR;AAAA,cACT,GAAGN;AAAA,YAAA;AAAA,YALC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAQzC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACa;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,cAACe;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAASxB;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}
+{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestListItem from './test-list-item';\nimport * as Styled from './test-list-view-styled';\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <>\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <TestListItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                sheet={sheet}\n                milestoneId={milestoneId}\n                studentId={studentId}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n              onClick={onCreateNewTest}\n              disabled={!isMilestoneActive}\n              analyticsProps={{\n                milestone_id: milestoneId,\n              }}\n            />\n          </Styled.IconContainer>\n        )}\n      </>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","Fragment","jsx","Styled.TestSheetItemWrapper","sheet","idx","worksheetId","nodeId","TestListItem","Styled.IconContainer","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;AAWA,MAAMA,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAIC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,UAAAb;AAAA,UACA,OAAAS;AAAA,UACA,aAAAZ;AAAA,UACA,WAAAC;AAAA,UACC,GAAGM;AAAA,QAAA;AAAA,QALC,GAAGO,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAQzC,CAAA,GACH;AAAA,IAECV,MAAa,aAAaG,KACxB,gBAAAI,EAAAO,GAAA,EACC,UAAA,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,gBAAgBC,EAAgC;AAAA,QAChD,SAAShB;AAAA,QACT,UAAU,CAACC;AAAA,QACX,gBAAgB;AAAA,UACd,cAAcL;AAAA,QAChB;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ,EAAA,CAAA;AAGN;"}

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

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