@cuemath/leap 2.8.55-as1 → 2.8.56-as1

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

@@ -1,79 +1,79 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { h as g } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as y, useRef as D, useState as M, useMemo as n, useEffect as b } from "react";
-import { SHEET_STATE as F } from "../../../../../sheets/constants/sheet.js";
-import H from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import f from "../../../../../ui/layout/flex-view.js";
-import j from "../../../../../ui/text/text.js";
-import { IS_CHAPTER_COMPLETED_STATES as v } from "../../../../create/milestone-create-constants.js";
-import R from "./test-sheet-item-cta.js";
-import { TestItemCard as O, TestTag as P, TestItemTitle as X } from "./test-sheet-item-styled.js";
-import { getTopicsFromItems as Y } from "./test-sheet-item-utils.js";
-const { COMPLETED: z } = F, B = {
-  EASY: "Easy",
-  MODERATE: "Moderate",
-  DIFFICULT: "Difficult"
-}, ee = y((p) => {
-  const { sheet: l, userType: a, milestoneId: h, studentId: d, onTestPreview: u, onTestReview: E, onTestStart: I } = p, {
-    title: C,
-    items: m,
-    sheet_time: o,
-    state: c,
-    difficulty_level: S
-  } = l, e = D(null), [_, $] = M(!1), A = n(() => o && Math.ceil(o / 60) || 0, [o]), r = n(() => Y(m), [m]), i = n(() => r.join(" • "), [r]), T = r.length, w = B[S || "EASY"], x = c === z || v.some((L) => L === c);
-  return b(() => {
-    e.current && e.current.scrollHeight > e.current.clientHeight && $(!0);
-  }, [e]), /* @__PURE__ */ s(
-    O,
+import { jsx as v } from "react/jsx-runtime";
+import { h as I } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as M, useMemo as e, useCallback as j } from "react";
+import z from "../../../../../homework/homework-card.js";
+import { getNodeTypeBasedHWCardTitle as D } from "../../../../../homework/utils.js";
+import O from "../../../../../ui/buttons/clickable/clickable.js";
+import { getTopicsFromItems as P } from "./test-sheet-item-utils.js";
+const W = M((b) => {
+  const { sheet: t, userType: i, milestoneId: n, onTestPreview: s, onTestReview: a, onTestStart: c } = b, {
+    title: y,
+    items: l,
+    state: g,
+    sheet_time: m,
+    node_type: u,
+    image_url: k,
+    permissions: C,
+    accuracy: R,
+    due_date_ts: S,
+    total_questions: o,
+    image_hue: E
+  } = t, {
+    can_start: f,
+    can_resume: p,
+    can_review: d,
+    can_teacher_review: h
+  } = C || {}, r = e(() => i === "STUDENT", [i]), T = e(
+    () => r ? d : h,
+    [d, h, r]
+  ), w = e(() => m && Math.ceil(m / 60) || 0, [m]), _ = e(() => P(l), [l]), H = e(() => _.join(", "), [_]), N = e(
+    () => `${typeof o == "number" ? `${o} ${I.pluralize(o, "Question")}, ` : ""}${w} Mins`,
+    [o, w]
+  ), $ = e(() => D(u), [u]), x = j(() => {
+    if (r && (f || p)) {
+      if (typeof c == "function") {
+        c(t);
+        return;
+      }
+      throw new Error("No callback is available");
+    }
+    if (T) {
+      if (typeof a != "function")
+        throw new Error("onTestReview must be a function");
+      a(t, n);
+      return;
+    }
+    if (typeof s != "function")
+      throw new Error("onTestPreview must be a function");
+    s(n, t);
+  }, [
+    p,
+    T,
+    f,
+    r,
+    n,
+    s,
+    a,
+    c,
+    t
+  ]);
+  return /* @__PURE__ */ v(O, { label: `test card click ${y}`, onClick: x, children: /* @__PURE__ */ v(
+    z,
     {
-      $gapX: 1.25,
-      $gutterX: 1.25,
-      $flexGapX: 1.25,
-      $background: x ? "WHITE_3" : "WHITE_1",
-      $justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ s(f, { $flexGap: 4, children: [
-          /* @__PURE__ */ t(P, { $renderAs: "ac4", $color: "BLACK_T_60", children: C }),
-          /* @__PURE__ */ t(
-            H,
-            {
-              renderAs: "primary",
-              position: "bottom",
-              tooltipItem: i ?? "",
-              widthX: 22.4375,
-              hidden: !_ || !i,
-              children: /* @__PURE__ */ t(X, { ref: e, $renderAs: "ab2", children: i })
-            }
-          ),
-          /* @__PURE__ */ s(j, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-            T,
-            " ",
-            g.pluralize(T, "Chapter"),
-            " • ",
-            w,
-            " •",
-            " ",
-            A,
-            " Mins"
-          ] })
-        ] }),
-        /* @__PURE__ */ t(f, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: /* @__PURE__ */ t(
-          R,
-          {
-            milestoneId: h,
-            studentId: d,
-            sheet: l,
-            userType: a,
-            onTestPreview: u,
-            onTestReview: E,
-            onTestStart: I
-          }
-        ) })
-      ]
+      nodeType: u,
+      cardHeader: $,
+      imageHue: E || "ORANGE",
+      imageUrl: k,
+      header: H,
+      subHeader: N,
+      userType: i,
+      state: g,
+      accuracy: R,
+      dueDateTs: S
     }
-  );
+  ) });
 });
 export {
-  ee as default
+  W as default
 };
 //# sourceMappingURL=test-sheet-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"test-sheet-item.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport TestSheetItemCta from './test-sheet-item-cta';\nimport * as Styled from './test-sheet-item-styled';\nimport { getTopicsFromItems } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TEST_DIFFICULTY_LEVEL = {\n  EASY: 'Easy',\n  MODERATE: 'Moderate',\n  DIFFICULT: 'Difficult',\n};\n\nconst TestSheetItem: FC<ITestSheetItemProps> = memo(props => {\n  const { sheet, userType, milestoneId, studentId, onTestPreview, onTestReview, onTestStart } =\n    props;\n  const {\n    title,\n    items,\n    sheet_time: sheetTime,\n    state: testState,\n    difficulty_level: difficultyLevel,\n  } = sheet;\n\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const totalSheetTime = useMemo(() => (sheetTime && Math.ceil(sheetTime / 60)) || 0, [sheetTime]);\n  const topics = useMemo(() => getTopicsFromItems(items), [items]);\n  const testChapterName = useMemo(() => topics.join(' • '), [topics]);\n\n  const noOfChapters = topics.length;\n\n  const testDifficultyLevel = TEST_DIFFICULTY_LEVEL[difficultyLevel || 'EASY'];\n  const isTestCompleted =\n    testState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === testState);\n\n  useEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <Styled.TestItemCard\n      $gapX={1.25}\n      $gutterX={1.25}\n      $flexGapX={1.25}\n      $background={isTestCompleted ? 'WHITE_3' : 'WHITE_1'}\n      $justifyContent=\"space-between\"\n    >\n      <FlexView $flexGap={4}>\n        <Styled.TestTag $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n          {title}\n        </Styled.TestTag>\n\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={testChapterName ?? ''}\n          widthX={22.4375}\n          hidden={!showTitleTooltip || !testChapterName}\n        >\n          <Styled.TestItemTitle ref={titleTextRef} $renderAs=\"ab2\">\n            {testChapterName}\n          </Styled.TestItemTitle>\n        </ArrowTooltip>\n\n        <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n          {noOfChapters} {pluralize(noOfChapters, 'Chapter')} • {testDifficultyLevel} •{' '}\n          {totalSheetTime} Mins\n        </Text>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <TestSheetItemCta\n          milestoneId={milestoneId}\n          studentId={studentId}\n          sheet={sheet}\n          userType={userType}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n        />\n      </FlexView>\n    </Styled.TestItemCard>\n  );\n});\n\nexport default TestSheetItem;\n"],"names":["COMPLETED","SHEET_STATE","TEST_DIFFICULTY_LEVEL","TestSheetItem","memo","props","sheet","userType","milestoneId","studentId","onTestPreview","onTestReview","onTestStart","title","items","sheetTime","testState","difficultyLevel","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","totalSheetTime","useMemo","topics","getTopicsFromItems","testChapterName","noOfChapters","testDifficultyLevel","isTestCompleted","IS_CHAPTER_COMPLETED_STATES","state","useEffect","jsxs","Styled.TestItemCard","FlexView","jsx","Styled.TestTag","ArrowTooltip","Styled.TestItemTitle","Text","pluralize","TestSheetItemCta"],"mappings":";;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AACb,GAEMC,KAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,cAAAC,GAAc,aAAAC,EAC5E,IAAAP,GACI;AAAA,IACJ,OAAAQ;AAAA,IACA,OAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,OAAOC;AAAA,IACP,kBAAkBC;AAAA,EAChB,IAAAX,GAEEY,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExDC,IAAiBC,EAAQ,MAAOT,KAAa,KAAK,KAAKA,IAAY,EAAE,KAAM,GAAG,CAACA,CAAS,CAAC,GACzFU,IAASD,EAAQ,MAAME,EAAmBZ,CAAK,GAAG,CAACA,CAAK,CAAC,GACzDa,IAAkBH,EAAQ,MAAMC,EAAO,KAAK,KAAK,GAAG,CAACA,CAAM,CAAC,GAE5DG,IAAeH,EAAO,QAEtBI,IAAsB3B,EAAsBe,KAAmB,MAAM,GACrEa,IACJd,MAAchB,KAAa+B,EAA4B,KAAK,CAAAC,MAASA,MAAUhB,CAAS;AAE1F,SAAAiB,EAAU,MAAM;AACd,IACEf,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACH,CAAY,CAAC,GAGf,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAaL,IAAkB,YAAY;AAAA,MAC3C,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAC,gBAAAI,EAAAE,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,OAAM,QAAO,cACpC,UACHzB,GAAA;AAAA,UAEA,gBAAAwB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAaZ,KAAmB;AAAA,cAChC,QAAQ;AAAA,cACR,QAAQ,CAACP,KAAoB,CAACO;AAAA,cAE9B,UAAA,gBAAAU,EAACG,GAAA,EAAqB,KAAKtB,GAAc,WAAU,OAChD,UACHS,GAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,gBAAAO,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAA;AAAA,YAAAb;AAAA,YAAa;AAAA,YAAEc,EAAA,UAAUd,GAAc,SAAS;AAAA,YAAE;AAAA,YAAIC;AAAA,YAAoB;AAAA,YAAG;AAAA,YAC7EN;AAAA,YAAe;AAAA,UAAA,GAClB;AAAA,QAAA,GACF;AAAA,0BAECa,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA,gBAAAC;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,WAAAC;AAAA,YACA,OAAAH;AAAA,YACA,UAAAC;AAAA,YACA,eAAAG;AAAA,YACA,cAAAC;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"test-sheet-item.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.tsx"],"sourcesContent":["import type { TSheetStates } from '../../../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport HomeworkCard from '../../../../../homework/homework-card';\nimport { getNodeTypeBasedHWCardTitle } from '../../../../../homework/utils';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport { getTopicsFromItems } from './test-sheet-item-utils';\n\nconst TestSheetItem: FC<ITestSheetItemProps> = memo(props => {\n  const { sheet, userType, milestoneId, onTestPreview, onTestReview, onTestStart } = props;\n  const {\n    title,\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  } = 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  const cardHeader = useMemo(() => getNodeTypeBasedHWCardTitle(nodeType), [nodeType]);\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    <Clickable label={`test card click ${title}`} onClick={handleOnClick}>\n      <HomeworkCard\n        nodeType={nodeType}\n        cardHeader={cardHeader}\n        imageHue={imageHue || 'ORANGE'}\n        imageUrl={imageUrl}\n        header={testChapterName}\n        subHeader={subHeader}\n        userType={userType}\n        state={state as TSheetStates}\n        accuracy={accuracy}\n        dueDateTs={dueDateTs}\n      />\n    </Clickable>\n  );\n});\n\nexport default TestSheetItem;\n"],"names":["TestSheetItem","memo","props","sheet","userType","milestoneId","onTestPreview","onTestReview","onTestStart","title","items","state","sheetTime","nodeType","imageUrl","permissions","accuracy","dueDateTs","totalQuestions","imageHue","canStart","canResume","canReview","canTeacherReview","isStudent","useMemo","canReviewSheet","totalSheetTime","topics","getTopicsFromItems","testChapterName","subHeader","pluralize","cardHeader","getNodeTypeBasedHWCardTitle","handleOnClick","useCallback","Clickable","jsx","HomeworkCard"],"mappings":";;;;;;;AAYM,MAAAA,IAAyCC,EAAK,CAASC,MAAA;AAC3D,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,eAAAC,GAAe,cAAAC,GAAc,aAAAC,EAAgB,IAAAN,GAC7E;AAAA,IACJ,OAAAO;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaC;AAAA,IACb,iBAAiBC;AAAA,IACjB,WAAWC;AAAA,EACT,IAAAhB,GACE;AAAA,IACJ,WAAWiB;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,EAAA,IAClBR,KAAe,CAAA,GACbS,IAAYC,EAAQ,MAAMrB,MAAa,WAAW,CAACA,CAAQ,CAAC,GAC5DsB,IAAiBD;AAAA,IACrB,MAAOD,IAAYF,IAAYC;AAAA,IAC/B,CAACD,GAAWC,GAAkBC,CAAS;AAAA,EAAA,GAEnCG,IAAiBF,EAAQ,MAAOb,KAAa,KAAK,KAAKA,IAAY,EAAE,KAAM,GAAG,CAACA,CAAS,CAAC,GACzFgB,IAASH,EAAQ,MAAMI,EAAmBnB,CAAK,GAAG,CAACA,CAAK,CAAC,GACzDoB,IAAkBL,EAAQ,MAAMG,EAAO,KAAK,IAAI,GAAG,CAACA,CAAM,CAAC,GAC3DG,IAAYN;AAAA,IAChB,MACE,GACE,OAAOP,KAAmB,WACtB,GAAGA,CAAc,IAAIc,EAAAA,UAAUd,GAAgB,UAAU,CAAC,OAC1D,EACN,GAAGS,CAAc;AAAA,IACnB,CAACT,GAAgBS,CAAc;AAAA,EAAA,GAE3BM,IAAaR,EAAQ,MAAMS,EAA4BrB,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE5EsB,IAAgBC,EAAY,MAAM;AACtC,QAAIZ,MACEJ,KAAYC,IAAW;AACrB,UAAA,OAAOb,KAAgB,YAAY;AACrC,QAAAA,EAAYL,CAAK;AAEjB;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,0BAA0B;AAAA,IAC5C;AAGF,QAAIuB,GAAgB;AACd,UAAA,OAAOnB,KAAiB;AACpB,cAAA,IAAI,MAAM,iCAAiC;AAGnD,MAAAA,EAAaJ,GAAOE,CAAW;AAE/B;AAAA,IACF;AAEI,QAAA,OAAOC,KAAkB;AACrB,YAAA,IAAI,MAAM,kCAAkC;AAGpD,IAAAA,EAAcD,GAAaF,CAAK;AAAA,EAEhC,GACC;AAAA,IACDkB;AAAA,IACAK;AAAA,IACAN;AAAA,IACAI;AAAA,IACAnB;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAL;AAAA,EAAA,CACD;AAED,2BACGkC,GAAU,EAAA,OAAO,mBAAmB5B,CAAK,IAAI,SAAS0B,GACrD,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAA1B;AAAA,MACA,YAAAoB;AAAA,MACA,UAAUd,KAAY;AAAA,MACtB,UAAAL;AAAA,MACA,QAAQgB;AAAA,MACR,WAAAC;AAAA,MACA,UAAA3B;AAAA,MACA,OAAAO;AAAA,MACA,UAAAK;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1,18 +1,19 @@
 import { styled as o } from "styled-components";
-const e = o.div(({ theme: t }) => `
+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%;
-  `), p = o.div`
+  `), e = o.div`
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: max-content;
-  gap: 0;
+  grid-template-columns: repeat(3, 200px);
+  grid-gap: 32px;
+  justify-content: center;
+  padding: 32px 0;
 `;
 export {
-  e as IconContainer,
-  p as TestSheetItemWrapper
+  p as IconContainer,
+  e as TestSheetItemWrapper
 };
 //# sourceMappingURL=test-sheets-list-styled.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"tests-list.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-list/tests-list.tsx"],"sourcesContent":["import type { ITestsListProps } from './tests-list-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 { 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-sheets-list/test-sheets-list';\nimport * as Styled from './tests-list-styled';\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, onTestReview, onTestStart } = 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 handleOnPreview = useCallback<NonNullable<ITestsListProps['onTestPreview']>>(\n    (milestoneId, sheetData) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview(milestoneId, sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview],\n  );\n\n  const handleOnStart = useCallback<NonNullable<ITestsListProps['onTestStart']>>(\n    sheet => {\n      if (typeof onTestStart === 'function') {\n        onTestStart(sheet);\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 handleOnReview = useCallback<NonNullable<ITestsListProps['onTestReview']>>(\n    sheet => {\n      if (typeof onTestReview === 'function') {\n        onTestReview(sheet, 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      <Styled.TestHelpWrapper $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.TestHelpWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <Styled.TestHelpWrapper>\n          <TestSheetsList\n            milestoneId={userMilestoneId}\n            sheets={data}\n            userType={userType}\n            studentId={studentId}\n            onCreateNewTest={handleOnCreateMilestoneTest}\n            onTestPreview={handleOnPreview}\n            onTestReview={handleOnReview}\n            onTestStart={handleOnStart}\n            canUpdatedPlan={canUpdatePlan}\n            isMilestoneActive={isMilestoneActive}\n          />\n        </Styled.TestHelpWrapper>\n      );\n    }\n\n    return (\n      <Styled.TestHelpWrapper $gapX={6.75} $alignItems=\"center\" $justifyContent=\"center\">\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      </Styled.TestHelpWrapper>\n    );\n  }\n\n  return (\n    <Styled.TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\">\n      <AppLoader height=\"100%\" />\n    </Styled.TestHelpWrapper>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestReview","onTestStart","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnPreview","milestoneId","sheetData","handleOnStart","sheet","handleOnReview","jsx","Styled.TestHelpWrapper","jsxs","FlexView","Text","Button","TestSheetsList","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}
+{"version":3,"file":"tests-list.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-list/tests-list.tsx"],"sourcesContent":["import type { ITestsListProps } from './tests-list-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 { 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-sheets-list/test-sheets-list';\nimport * as Styled from './tests-list-styled';\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, onTestReview, onTestStart } = 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 handleOnPreview = useCallback<NonNullable<ITestsListProps['onTestPreview']>>(\n    (milestoneId, sheetData) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview(milestoneId, sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview],\n  );\n\n  const handleOnStart = useCallback<NonNullable<ITestsListProps['onTestStart']>>(\n    sheet => {\n      if (typeof onTestStart === 'function') {\n        onTestStart(sheet);\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 handleOnReview = useCallback<NonNullable<ITestsListProps['onTestReview']>>(\n    sheet => {\n      if (typeof onTestReview === 'function') {\n        onTestReview(sheet, 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      <Styled.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      </Styled.TestHelpWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <Styled.TestHelpWrapper>\n          <TestSheetsList\n            milestoneId={userMilestoneId}\n            sheets={data}\n            userType={userType}\n            studentId={studentId}\n            onCreateNewTest={handleOnCreateMilestoneTest}\n            onTestPreview={handleOnPreview}\n            onTestReview={handleOnReview}\n            onTestStart={handleOnStart}\n            canUpdatedPlan={canUpdatePlan}\n            isMilestoneActive={isMilestoneActive}\n          />\n        </Styled.TestHelpWrapper>\n      );\n    }\n\n    return (\n      <Styled.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      </Styled.TestHelpWrapper>\n    );\n  }\n\n  return (\n    <Styled.TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\" $background=\"WHITE\">\n      <AppLoader height=\"100%\" />\n    </Styled.TestHelpWrapper>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestReview","onTestStart","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnPreview","milestoneId","sheetData","handleOnStart","sheet","handleOnReview","Styled.TestHelpWrapper","FlexView","jsx","Text","Button","TestSheetsList","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { createGetAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V3 as s } from "../../../constants/api.js";
+const { useGet: p } = r({
+  getURL: (e, o, { courseStream: t }) => `${s}/users/${e}/course-streams/${t}/recent-chapters`
+});
+export {
+  p as useGetRecentChapters
+};
+//# sourceMappingURL=get-recent-chapters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-recent-chapters.js","sources":["../../../../src/features/recent-chapters/api/get-recent-chapters.ts"],"sourcesContent":["import type { IChapterDataProps } from '../../chapters/chapter/chapter-types';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../constants/api';\n\nconst { useGet: useGetRecentChapters } = createGetAPI<\n  IChapterDataProps[],\n  void,\n  { courseStream: TCourseStream }\n>({\n  getURL: (studentId: string, _, { courseStream }) =>\n    `${BASE_URL_V3}/users/${studentId}/course-streams/${courseStream}/recent-chapters`,\n});\n\nexport { useGetRecentChapters };\n"],"names":["useGetRecentChapters","createGetAPI","studentId","_","courseStream","BASE_URL_V3"],"mappings":";;AAOA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAmBC,GAAG,EAAE,cAAAC,EAAA,MAC/B,GAAGC,CAAW,UAAUH,CAAS,mBAAmBE,CAAY;AACpE,CAAC;"}

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

@@ -0,0 +1,23 @@
+import e from "styled-components";
+import n from "../ui/layout/flex-view.js";
+e(n)(({ theme: r }) => (r.colors, `
+    position: relative;
+   
+`));
+const o = e.div(({ theme: r }) => {
+  const { WHITE_5: t, WHITE_2: a } = r.colors;
+  return `
+    width: 720px;
+    height: 800px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    align-content: start;
+    background: ${a};
+    background-image: linear-gradient(${t} 0.5px, transparent 0.5px), linear-gradient(90deg, ${t} 0.5px, transparent 0.5px);
+    background-size: 45px 45px;
+  `;
+});
+export {
+  o as ChaptersWrapper
+};
+//# sourceMappingURL=recent-chapters-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters-styled.js","sources":["../../../src/features/recent-chapters/recent-chapters-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)(({ theme }) => {\n  const { WHITE_5, WHITE_2, RED } = theme.colors;\n\n  return `\n    position: relative;\n   \n`;\n});\n\nconst ChaptersWrapper = styled.div(({ theme }) => {\n  const { WHITE_5, WHITE_2 } = theme.colors;\n\n  return `\n    width: 720px;\n    height: 800px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-content: start;\n    background: ${WHITE_2};\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px), linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: 45px 45px;\n  `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper };\n"],"names":["styled","FlexView","theme","ChaptersWrapper","WHITE_5","WHITE_2"],"mappings":";;AAI8BA,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,SACdA,EAAM,QAEjC;AAAA;AAAA;AAAA,EAIR;AAED,MAAMC,IAAkBH,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAChD,QAAM,EAAE,SAAAE,GAAS,SAAAC,MAAYH,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMSG,CAAO;AAAA,wCACeD,CAAO,sDAAsDA,CAAO;AAAA;AAAA;AAG5G,CAAC;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recent-chapters.js","sources":["../../../src/features/recent-chapters/recent-chapters.tsx"],"sourcesContent":["import type { IChaptersListProps } from '../chapters/chapters-list/chapters-list-types';\nimport type { TCourseStream } from '../milestone/create/milestone-create-types';\nimport type { TUserTypes } from '../ui/types';\nimport type { FC } from 'react';\n\nimport { useCallback, useEffect } from 'react';\n\nimport ChapterItem from '../chapters/chapters-list/chapter-item/chapter-item';\nimport Text from '../ui/text/text';\nimport { useGetRecentChapters } from './api/get-recent-chapters';\nimport * as Styled from './recent-chapters-styled';\n// IChaptersListProps['onChapterClick']\n\ninterface RecentChaptersProps {\n  studentId: string;\n  courseStream: TCourseStream;\n  userType: TUserTypes;\n  onChapterClick: IChaptersListProps['onChapterClick'];\n}\n\nconst RecentChapters: FC<RecentChaptersProps> = ({\n  studentId,\n  courseStream,\n  userType,\n  onChapterClick,\n}) => {\n  const {\n    get: getChapters,\n    data: chapterData,\n    // isProcessing,\n    isProcessingFailed,\n  } = useGetRecentChapters();\n\n  console.log(chapterData, 'ayush', isProcessingFailed);\n  const fetchChapterDetails = useCallback(() => {\n    getChapters(studentId, undefined, { courseStream });\n  }, [courseStream, getChapters, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  if (isProcessingFailed || chapterData?.length === 0) {\n    return null;\n  }\n\n  if (chapterData && chapterData.length > 0) {\n    return (\n      <>\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recent Chapters (${chapterData?.length})\n        </Text>\n        <Styled.ChaptersWrapper>\n          {chapterData?.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                userType={userType as 'TEACHER' | 'STUDENT'}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport default RecentChapters;\n"],"names":["RecentChapters","studentId","courseStream","userType","onChapterClick","getChapters","chapterData","isProcessingFailed","useGetRecentChapters","fetchChapterDetails","useCallback","useEffect","jsxs","Fragment","Text","jsx","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","RecentChapters$1"],"mappings":";;;;;;AAoBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAMC;AAAA;AAAA,IAEN,oBAAAC;AAAA,MACEC,EAAqB;AAEjB,UAAA,IAAIF,GAAa,SAASC,CAAkB;AAC9C,QAAAE,IAAsBC,EAAY,MAAM;AAC5C,IAAAL,EAAYJ,GAAW,QAAW,EAAE,cAAAC,EAAc,CAAA;AAAA,EACjD,GAAA,CAACA,GAAcG,GAAaJ,CAAS,CAAC;AAMrC,SAJJU,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAEpBF,MAAsBD,KAAA,gBAAAA,EAAa,YAAW,IACzC,OAGLA,KAAeA,EAAY,SAAS,IAGlC,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC3BR,KAAA,gBAAAA,EAAa;AAAA,MAAO;AAAA,IAAA,GACzC;AAAA,IACA,gBAAAS,EAACC,GAAA,EACE,iCAAa,IAAI,CAACC,GAASC,MAAQ;AAC5B,YAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,aAAA,gBAAAF;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,UAAAjB;AAAA,UACA,SAAAc;AAAA,UACA,gBAAAb;AAAA,UACA,WAAWc;AAAA,QAAA;AAAA,QAJNC;AAAA,MAAA;AAAA,IAOV,IACH;AAAA,EACF,EAAA,CAAA,IAIG;AACT,GAEAE,IAAerB;"}