@cuemath/leap 3.0.12-ays8 → 3.0.12

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

@@ -3,36 +3,36 @@ import { h as le } from "../../../node_modules/humanize-plus/dist/humanize.js";
 import { memo as Se, useMemo as me, useState as u, useCallback as Te, useEffect as p } from "react";
 import { ILLUSTRATIONS as ce } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as _e } from "../../communication/pub-sub/hooks.js";
+import { useInClassActionListener as de } from "../../communication/pub-sub/hooks.js";
 import { invalidateHomeworks as f } from "../../homework/hw-card-list/api/get-homeworks.js";
-import de from "../../ui/separator/separator.js";
-import { invalidateMilestoneResources as Ae } from "./api/get-milestone-resources.js";
-import { useGetAllMilestonesdata as Ne, invalidateMilestonesData as De } from "./api/get-milestones.js";
-import { invalidateTestHelpData as Me } from "./api/get-tests-list.js";
-import Re from "./filter-milestones.js";
-import Ie from "./milestone-list/milestone-list.js";
-import Le from "./milestone-list/milestone-loader/milestone-loader.js";
+import _e from "../../ui/separator/separator.js";
+import { invalidateMilestoneResources as Ne } from "./api/get-milestone-resources.js";
+import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as Me } from "./api/get-milestones.js";
+import { invalidateTestHelpData as De } from "./api/get-tests-list.js";
+import Ie from "./filter-milestones.js";
+import Le from "./milestone-list/milestone-list.js";
+import Re from "./milestone-list/milestone-loader/milestone-loader.js";
 import { ContentWrapper as Oe, LoaderWrapper as Ce } from "./styled.js";
-const ue = (_) => {
-  De(_);
+const ue = (d) => {
+  Me(d);
 }, pe = Se(
-  ({ studentName: _, studentId: l, studentClassroomId: h, ...v }) => {
+  ({ studentName: d, studentId: l, studentClassroomId: h, ...v }) => {
     const {
       milestoneType: s,
-      isStudentPresent: N,
+      isStudentPresent: A,
       isClassOngoing: P,
-      userType: d,
+      userType: _,
       canCreatePlan: U,
       teacherName: G,
       parentName: g,
-      courseStream: A,
-      activeMilestoneId: V,
-      activeTabId: w,
-      onExpandPastMilestones: F,
-      onAddOutcome: H,
-      onChapterClick: x,
-      onEdit: b,
-      onCreateMilestoneTest: y,
+      courseStream: N,
+      activeMilestoneId: w,
+      activeTabId: F,
+      onExpandPastMilestones: V,
+      onAddOutcome: x,
+      onChapterClick: b,
+      onEdit: y,
+      onCreateMilestoneTest: H,
       onDraftPublish: k,
       onAddChapter: K,
       onCreatePlan: W,
@@ -51,31 +51,31 @@ const ue = (_) => {
       onNodeAssignAsHomework: oe
     } = v, n = me(
       () => ({
-        milestone_state_group: s === "ACTIVE" ? d === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
-        course_stream: A,
+        milestone_state_group: s === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
+        course_stream: N,
         student_id: l
       }),
-      [s, A, l, d]
+      [s, N, l, _]
     ), {
       data: o,
       getAll: m,
-      isStale: D,
+      isStale: M,
       isProcessing: S
-    } = Ne(n), [M, R] = u(), [I, L] = u(!1), se = Te(
+    } = Ae(n), [D, I] = u(), [L, R] = u(!1), se = Te(
       (T) => {
-        const { searchText: E, selectedBoard: i, selectedGrade: r } = T || {};
-        (E || i || r) && L(!0);
+        const { searchText: i, selectedBoard: E, selectedGrade: r } = T || {};
+        (i || E || r) && R(!0);
         const c = o == null ? void 0 : o.filter((t) => {
-          const { milestone_name: Ee, board: ie, grade: re } = t || {};
-          return (E ? Ee.toLowerCase().includes(E.toLowerCase()) : !0) && (i ? ie === i : !0) && (r ? re === r : !0);
+          const { milestone_name: ie, board: Ee, grade: re } = t || {};
+          return (i ? ie.toLowerCase().includes(i.toLowerCase()) : !0) && (E ? Ee === E : !0) && (r ? re === r : !0);
         });
-        R(c);
+        I(c);
       },
       [o]
     ), ne = () => {
-      L(!1), R(void 0);
+      R(!1), I(void 0);
     };
-    if (_e(
+    if (de(
       {
         studentClassroomId: h,
         actions: [
@@ -98,68 +98,67 @@ const ue = (_) => {
           [e.GOAL_DELETED],
           [e.GOAL_OUTCOME_ADDED],
           [e.PAST_MILESTONE_OUTCOME_ADDED],
-          [e.MILESTONE_TEST_ASSIGNED],
-          [e.SHEET_MARKED_AS_REVIEWED]
+          [e.MILESTONE_TEST_ASSIGNED]
         ],
         callback: (T) => {
           var r, c;
-          const E = (r = T.find(
-            (t) => t.eventName === e.MILESTONE_RESOURCE_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_UNASSIGNED || t.eventName === e.MILESTONE_RESOURCE_RESET || t.eventName === e.SHEET_MARKED_AS_REVIEWED
-          )) == null ? void 0 : r.eventPayload, i = (c = T.find(
+          const i = (r = T.find(
+            (t) => t.eventName === e.MILESTONE_RESOURCE_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_UNASSIGNED || t.eventName === e.MILESTONE_RESOURCE_RESET
+          )) == null ? void 0 : r.eventPayload, E = (c = T.find(
             (t) => t.eventName === e.MILESTONE_TEST_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_RESET
           )) == null ? void 0 : c.eventPayload;
-          if (E) {
-            const { milestoneId: t } = E || {};
-            f(l), Ae(t);
-          }
           if (i) {
-            const { milestoneId: t } = i;
-            f(l), Me(t);
+            const { milestoneId: t } = i || {};
+            f(l), Ne(t);
+          }
+          if (E) {
+            const { milestoneId: t } = E;
+            f(l), De(t);
           }
           ue(n);
         }
       },
-      (s === "ACTIVE" || s === "INACTIVE") && N
+      (s === "ACTIVE" || s === "INACTIVE") && A
     ), p(() => {
       m(n);
     }, [m, n]), p(() => {
-      !S && D && m(n);
-    }, [m, n, D, S]), S && !o)
-      return /* @__PURE__ */ a(Le, { numMilestones: 2 });
+      !S && M && m(n);
+    }, [m, n, M, S]), S && !o)
+      return /* @__PURE__ */ a(Re, { numMilestones: 2 });
     const O = s === "ACTIVE" && o && o.length > 6;
     return /* @__PURE__ */ C(Oe, { $disablePointerEvents: S, children: [
       S && /* @__PURE__ */ a(Ce, { children: /* @__PURE__ */ a("img", { src: ce.LOADER_1, alt: "loading" }) }),
       O && /* @__PURE__ */ C(ae, { children: [
         /* @__PURE__ */ a(
-          Re,
+          Ie,
           {
-            filteredMilestones: M,
+            filteredMilestones: D,
             milestones: o,
             handleFilterMilestones: se,
             handleClearFilter: ne
           }
         ),
-        /* @__PURE__ */ a(de, { heightX: 1.5 })
+        /* @__PURE__ */ a(_e, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ a(
-        Ie,
+        Le,
         {
           showFilters: !!O,
           canCreatePlan: U,
           isClassOngoing: P,
-          isFiltersAdded: I,
-          isStudentPresent: N,
+          isFiltersAdded: L,
+          isStudentPresent: A,
           milestoneType: s,
-          milestones: I ? M : o,
+          milestones: L ? D : o,
           onAddChapter: K,
-          onAddOutcome: H,
-          onChapterClick: x,
+          onAddOutcome: x,
+          onChapterClick: b,
           onCreatePlan: W,
           onDelete: j,
           onDraftPublish: k,
-          onEdit: b,
-          onExpandPastMilestones: F,
-          onCreateMilestoneTest: y,
+          onEdit: y,
+          onExpandPastMilestones: V,
+          onCreateMilestoneTest: H,
           onAssignResources: X,
           onTestPreview: Y,
           onTestReview: Z,
@@ -171,15 +170,15 @@ const ue = (_) => {
           onNodeReset: J,
           onNodeUnassign: Q,
           onNodeAssignAsHomework: oe,
-          activeMilestoneId: V,
-          activeTabId: w,
+          activeMilestoneId: w,
+          activeTabId: F,
           onWidgetTabSelection: te,
           studentId: l,
-          studentName: le.titleCase(_),
+          studentName: le.titleCase(d),
           teacherName: G,
           parentName: g,
-          userType: d,
-          courseStream: A
+          userType: _,
+          courseStream: N
         }
       )
     ] });

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n      onNodeAssignAsHomework,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n          [EVENTS.SHEET_MARKED_AS_REVIEWED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET ||\n              message.eventName === EVENTS.SHEET_MARKED_AS_REVIEWED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}
+{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n      onNodeAssignAsHomework,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
-import { jsxs as u, jsx as e, Fragment as X } from "react/jsx-runtime";
-import { memo as D, useCallback as l, useEffect as j } from "react";
-import { IMAGES as G } from "../../../../assets/images/images.js";
-import R from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { jsxs as u, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { memo as L, useCallback as l, useEffect as X } from "react";
+import { IMAGES as D } from "../../../../assets/images/images.js";
+import j from "../../../ui/arrow-tooltip/arrow-tooltip.js";
 import S from "../../../ui/buttons/button/button.js";
 import T from "../../../ui/layout/flex-view.js";
-import W from "../../../ui/loader/app-loader/app-loader.js";
+import G 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 F } from "../../milestone-list-container/api/get-tests-list.js";
-import { TESTS_CREATION_ANALYTICS_EVENTS as U } from "../tests-creation/tests-creation-analytics-events.js";
-import V from "./test-list-view.js";
-const ne = D((c) => {
+import { useGetTestHelpData as R } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as W } from "../tests-creation/tests-creation-analytics-events.js";
+import F from "./test-list-view.js";
+const oe = L((c) => {
   const {
     isChaptersAvailable: g,
     isDraftMilestone: E,
@@ -33,12 +33,12 @@ const ne = D((c) => {
     isProcessed: f,
     isStale: w,
     isProcessing: C
-  } = F(), y = !I || !g || !d || d && E, M = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
+  } = R(), y = !I || !g || !d || d && E, M = d && !g ? "Chapters need to be assigned" : E ? "Allowed after plan is published" : "Plan is completed", h = l(() => {
     A(t, void 0, {
       studentId: m
     });
   }, [A, m, t]);
-  j(() => {
+  X(() => {
     !C && (!f && !p || w) && h();
   }, [h, f, C, p, w]);
   const $ = l(() => {
@@ -57,9 +57,9 @@ const ne = D((c) => {
     },
     [i, t]
   ), H = l(
-    (a, x, L) => {
+    (a) => {
       if (typeof n == "function") {
-        n == null || n(a, x, L);
+        n == null || n(a);
         return;
       }
       throw new Error("No callback provided. If provided it must be a function");
@@ -99,7 +99,7 @@ const ne = D((c) => {
       ]
     }
   ) : f ? r != null && r.length ? /* @__PURE__ */ e(
-    V,
+    F,
     {
       ...c,
       onNodeAttempt: H,
@@ -123,11 +123,11 @@ const ne = D((c) => {
       $background: "WHITE",
       $height: v,
       children: [
-        /* @__PURE__ */ e("img", { src: G.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+        /* @__PURE__ */ e("img", { src: D.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
         /* @__PURE__ */ e(_, { heightX: 2 }),
-        b === "TEACHER" ? /* @__PURE__ */ u(X, { children: [
+        b === "TEACHER" ? /* @__PURE__ */ u(x, { children: [
           /* @__PURE__ */ e(
-            R,
+            j,
             {
               renderAs: "primary",
               position: "bottom",
@@ -143,7 +143,7 @@ const ne = D((c) => {
                   label: "Create a Test",
                   onClick: $,
                   disabled: y,
-                  analyticsLabel: U.CUSTOM_TEST_CREATION_STARTED,
+                  analyticsLabel: W.CUSTOM_TEST_CREATION_STARTED,
                   analyticsProps: {
                     milestone_id: t
                   }
@@ -162,11 +162,11 @@ const ne = D((c) => {
       $alignItems: "center",
       $justifyContent: "center",
       $background: "WHITE",
-      children: /* @__PURE__ */ e(W, { height: "100%" })
+      children: /* @__PURE__ */ e(G, { height: "100%" })
     }
   );
 });
 export {
-  ne as default
+  oe 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 {\n    onCreateMilestoneTest,\n    onTestPreview,\n    onTestStart,\n    onTestReview,\n    onNodeAssignAsHomework,\n  } = 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, milestoneId?: string, hwId?: string) => {\n      if (typeof onTestStart === 'function') {\n        onTestStart?.(sheetData, milestoneId, hwId);\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          onNodeAssignAsHomework={onNodeAssignAsHomework}\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","onNodeAssignAsHomework","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","milestoneId","hwId","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}
+{"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 {\n    onCreateMilestoneTest,\n    onTestPreview,\n    onTestStart,\n    onTestReview,\n    onNodeAssignAsHomework,\n  } = 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          onNodeAssignAsHomework={onNodeAssignAsHomework}\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","onNodeAssignAsHomework","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnTestPreview","sheetData","handleOnTestStart","handleOnTestReview","jsxs","FlexView","jsx","Text","Button","TestSheetsList","MILESTONE_WIDGET_MIN_HEIGHT","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

package/dist/features/ui/theme/tab.js

@@ -45,6 +45,32 @@ const o = (a) => ({ sizes: {
       hover: 500,
       disabled: 400
     }
+  },
+  secondary: {
+    backgroundColorName: {
+      inactive: "BLACK",
+      active: "WHITE",
+      hover: "WHITE",
+      disabled: "GREY_1"
+    },
+    colorName: {
+      inactive: "WHITE",
+      active: "BLACK",
+      hover: "BLACK",
+      disabled: "BLACK_50"
+    },
+    borderColorName: {
+      inactive: "WHITE",
+      active: "WHITE",
+      hover: "BLACK",
+      disabled: "GREY_1"
+    },
+    fontWeight: {
+      inactive: 400,
+      active: 500,
+      hover: 500,
+      disabled: 400
+    }
   }
 } });
 export {

package/dist/features/ui/theme/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GAgCc,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n    secondary: {\n      backgroundColorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OA+E5B,EAAE,OA9EwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GA0Dc,UAvD0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}