@cuemath/leap 2.9.3 → 2.9.4-as3

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

@@ -1,84 +1,81 @@
-import { jsx as E, jsxs as R, Fragment as ae } from "react/jsx-runtime";
-import { h as Ee } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as le, useMemo as Se, useState as p, useCallback as me, useEffect as f } from "react";
-import { ILLUSTRATIONS as ce } from "../../../assets/illustrations/illustrations.js";
+import { jsx as E, jsxs as O, Fragment as re } from "react/jsx-runtime";
+import { h as ae } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as Ee, useMemo as le, useState as R, useCallback as Se, useEffect as p } from "react";
+import { ILLUSTRATIONS as me } from "../../../assets/illustrations/illustrations.js";
 import { EVENTS as e } from "../../communication/pub-sub/constants.js";
-import { useInClassActionListener as Te } from "../../communication/pub-sub/hooks.js";
+import { useInClassActionListener as ce } from "../../communication/pub-sub/hooks.js";
 import de from "../../ui/separator/separator.js";
-import { invalidateMilestoneResources as _e } from "./api/get-milestone-resources.js";
-import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as De } from "./api/get-milestones.js";
-import { invalidateTestHelpData as Ie } from "./api/get-tests-list.js";
-import Me from "./filter-milestones.js";
-import Ne from "./milestone-list/milestone-list.js";
-import ue from "./milestone-list/milestone-loader/milestone-loader.js";
-import { ContentWrapper as Le, LoaderWrapper as Ce } from "./styled.js";
-const Oe = (T) => {
-  De(T);
-}, Re = le(
-  ({ studentName: T, studentId: d, studentClassroomId: h, ...P }) => {
+import { invalidateMilestoneResources as Te } from "./api/get-milestone-resources.js";
+import { useGetAllMilestonesdata as Ae, invalidateMilestonesData as _e } from "./api/get-milestones.js";
+import { invalidateTestHelpData as Ne } from "./api/get-tests-list.js";
+import De from "./filter-milestones.js";
+import Ie from "./milestone-list/milestone-list.js";
+import Me from "./milestone-list/milestone-loader/milestone-loader.js";
+import { ContentWrapper as Le, LoaderWrapper as ue } from "./styled.js";
+const Ce = (d) => {
+  _e(d);
+}, Oe = Ee(
+  ({ studentName: d, studentId: T, studentClassroomId: f, ...h }) => {
     const {
       milestoneType: o,
-      isStudentPresent: I,
-      isClassOngoing: _,
+      isStudentPresent: N,
+      isClassOngoing: P,
       userType: A,
       canCreatePlan: v,
       teacherName: G,
       parentName: U,
-      courseStream: D,
+      courseStream: _,
       activeMilestoneId: g,
       activeTabId: F,
-      onExpandPastMilestones: w,
-      onAddOutcome: x,
-      onChapterClick: V,
+      onExpandPastMilestones: V,
+      onAddOutcome: w,
+      onChapterClick: x,
       onEdit: b,
       onCreateMilestoneTest: y,
-      onPreview: H,
-      onReattempt: k,
-      onReset: K,
-      onResume: W,
-      onReview: j,
-      onStart: X,
-      onDraftPublish: $,
-      onAddChapter: q,
-      onCreatePlan: z,
-      onDelete: B,
-      onAssignResources: J,
-      onUnAssignSheet: Q,
-      onTestPreview: Y,
-      onTestReview: Z,
-      onTestStart: ee,
-      onWidgetTabSelection: te
-    } = P, n = Se(
+      onDraftPublish: H,
+      onAddChapter: k,
+      onCreatePlan: K,
+      onDelete: W,
+      onAssignResources: j,
+      onNodeAttempt: X,
+      onNodeView: $,
+      onNodeReview: q,
+      onNodeReattempt: z,
+      onNodeReset: B,
+      onNodeUnassign: J,
+      onTestPreview: Q,
+      onTestReview: Y,
+      onTestStart: Z,
+      onWidgetTabSelection: ee
+    } = h, n = le(
       () => ({
         milestone_state_group: o === "ACTIVE" ? A === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : o,
-        with_plan: !0,
-        course_stream: D,
-        student_id: d,
-        in_class: _
+        course_stream: _,
+        student_id: T
       }),
-      [_, o, D, d, A]
+      [o, _, T, A]
     ), {
       data: t,
       getAll: S,
-      isStale: M,
+      isStale: D,
       isProcessing: l
-    } = Ae(n), [N, u] = p(), [L, C] = p(!1), se = me(
+    } = Ae(n), [I, M] = R(), [L, u] = R(!1), te = Se(
       (m) => {
         const { searchText: i, selectedBoard: r, selectedGrade: a } = m || {};
-        (i || r || a) && C(!0);
+        (i || r || a) && u(!0);
         const c = t == null ? void 0 : t.filter((s) => {
-          const { milestone_name: ne, board: ie, grade: re } = s || {};
-          return (i ? ne.toLowerCase().includes(i.toLowerCase()) : !0) && (r ? ie === r : !0) && (a ? re === a : !0);
+          const { milestone_name: oe, board: ne, grade: ie } = s || {};
+          return (i ? oe.toLowerCase().includes(i.toLowerCase()) : !0) && (r ? ne === r : !0) && (a ? ie === a : !0);
         });
-        u(c);
+        M(c);
       },
       [t]
-    ), oe = () => {
-      C(!1), u(void 0);
+    ), se = () => {
+      u(!1), M(void 0);
     };
-    if (Te(
+    if (ce(
       {
-        studentClassroomId: h,
+        studentClassroomId: f,
         actions: [
           [e.CHAPTER_UPDATED],
           [e.LESSONS_MARKED_AS_FAMILIAR],
@@ -110,82 +107,81 @@ const Oe = (T) => {
           )) == null ? void 0 : c.eventPayload;
           if (i) {
             const { milestoneId: s } = i || {};
-            _e(s);
+            Te(s);
           }
           if (r) {
             const { milestoneId: s } = r;
-            Ie(s);
+            Ne(s);
           }
-          Oe(n);
+          Ce(n);
         }
       },
-      (o === "ACTIVE" || o === "INACTIVE") && I
-    ), f(() => {
+      (o === "ACTIVE" || o === "INACTIVE") && N
+    ), p(() => {
       S(n);
-    }, [S, n]), f(() => {
-      !l && M && S(n);
-    }, [S, n, M, l]), l && !t)
-      return /* @__PURE__ */ E(ue, { numMilestones: 2 });
-    const O = o === "ACTIVE" && t && t.length > 6;
-    return /* @__PURE__ */ R(Le, { $disablePointerEvents: l, children: [
-      l && /* @__PURE__ */ E(Ce, { children: /* @__PURE__ */ E("img", { src: ce.LOADER_1, alt: "loading" }) }),
-      O && /* @__PURE__ */ R(ae, { children: [
+    }, [S, n]), p(() => {
+      !l && D && S(n);
+    }, [S, n, D, l]), l && !t)
+      return /* @__PURE__ */ E(Me, { numMilestones: 2 });
+    const C = o === "ACTIVE" && t && t.length > 6;
+    return /* @__PURE__ */ O(Le, { $disablePointerEvents: l, children: [
+      l && /* @__PURE__ */ E(ue, { children: /* @__PURE__ */ E("img", { src: me.LOADER_1, alt: "loading" }) }),
+      C && /* @__PURE__ */ O(re, { children: [
         /* @__PURE__ */ E(
-          Me,
+          De,
           {
-            filteredMilestones: N,
+            filteredMilestones: I,
             milestones: t,
-            handleFilterMilestones: se,
-            handleClearFilter: oe
+            handleFilterMilestones: te,
+            handleClearFilter: se
           }
         ),
         /* @__PURE__ */ E(de, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ E(
-        Ne,
+        Ie,
         {
-          showFilters: !!O,
+          showFilters: !!C,
           canCreatePlan: v,
-          isClassOngoing: _,
+          isClassOngoing: P,
           isFiltersAdded: L,
-          isStudentPresent: I,
+          isStudentPresent: N,
           milestoneType: o,
-          milestones: L ? N : t,
-          onAddChapter: q,
-          onAddOutcome: x,
-          onChapterClick: V,
-          onCreatePlan: z,
-          onDelete: B,
-          onDraftPublish: $,
+          milestones: L ? I : t,
+          onAddChapter: k,
+          onAddOutcome: w,
+          onChapterClick: x,
+          onCreatePlan: K,
+          onDelete: W,
+          onDraftPublish: H,
           onEdit: b,
-          onExpandPastMilestones: w,
+          onExpandPastMilestones: V,
           onCreateMilestoneTest: y,
-          onPreview: H,
-          onReattempt: k,
-          onReset: K,
-          onResume: W,
-          onReview: j,
-          onStart: X,
-          onAssignResources: J,
-          onUnAssignSheet: Q,
-          onTestPreview: Y,
-          onTestReview: Z,
-          onTestStart: ee,
+          onAssignResources: j,
+          onTestPreview: Q,
+          onTestReview: Y,
+          onTestStart: Z,
+          onNodeAttempt: X,
+          onNodeView: $,
+          onNodeReview: q,
+          onNodeReattempt: z,
+          onNodeReset: B,
+          onNodeUnassign: J,
           activeMilestoneId: g,
           activeTabId: F,
-          onWidgetTabSelection: te,
-          studentId: d,
-          studentName: Ee.titleCase(T),
+          onWidgetTabSelection: ee,
+          studentId: T,
+          studentName: ae.titleCase(d),
           teacherName: G,
           parentName: U,
           userType: A,
-          courseStream: D
+          courseStream: _
         }
       )
     ] });
   }
-), We = Re;
+), Ke = Oe;
 export {
-  We as default
+  Ke as default
 };
 //# sourceMappingURL=milestone-list-container.js.map

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 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      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\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          with_plan: true,\n          course_stream: courseStream,\n          student_id: studentId,\n          in_class: isClassOngoing,\n        }) as const,\n      [isClassOngoing, 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              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\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          onPreview={onPreview}\n          onReattempt={onReattempt}\n          onReset={onReset}\n          onResume={onResume}\n          onReview={onReview}\n          onStart={onStart}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\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","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","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","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"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 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    } = 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              EVENTS.MILESTONE_RESOURCE_UNASSIGNED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message => message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\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          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","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","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ const a = o(t)`
 }), m = o(t)(({ $isImageWrapper: r }) => `
     position: relative;
     top: -92px;
-    z-index: ${r ? "-1" : "unset"};
+    z-index: ${r ? "0" : "unset"};
   `);
 export {
   m as DefaultWrapper,

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

@@ -1 +1 @@
-{"version":3,"file":"resources-list-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\n\nconst MilestoneResourcesWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst SearchButtonWrapper = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst SearchButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\ninterface IDefaultWrapper {\n  $isImageWrapper?: boolean;\n}\n\nconst DefaultWrapper = styled(FlexView)<IDefaultWrapper>(({ $isImageWrapper }) => {\n  return `\n    position: relative;\n    top: -92px;\n    z-index: ${$isImageWrapper ? '-1' : 'unset'};\n  `;\n});\n\nexport { MilestoneResourcesWrapper, SearchButtonWrapper, SearchButtonCover, DefaultWrapper };\n"],"names":["MilestoneResourcesWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","SearchButtonWrapper","SearchButtonCover","theme","colors","DefaultWrapper","$isImageWrapper"],"mappings":";;;AAKM,MAAAA,IAA4BC,EAAOC,CAAQ;AAAA;AAAA,gBAEjCC,CAA2B;AAAA,GAGrCC,IAAsBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMrCG,IAAoBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AAClD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAMKC,IAAiBP,EAAOC,CAAQ,EAAmB,CAAC,EAAE,iBAAAO,QACnD;AAAA;AAAA;AAAA,eAGMA,IAAkB,OAAO,OAAO;AAAA,GAE9C;"}
+{"version":3,"file":"resources-list-styled.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-list/resources-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\n\nconst MilestoneResourcesWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst SearchButtonWrapper = styled(FlexView)`\n  position: sticky;\n  bottom: 0;\n  margin-left: auto;\n`;\n\nconst SearchButtonCover = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n      border-radius: 50%;\n      box-shadow: 0px 10px 20px 0px ${colors.BLACK_T_15};\n    `;\n});\n\ninterface IDefaultWrapper {\n  $isImageWrapper?: boolean;\n}\n\nconst DefaultWrapper = styled(FlexView)<IDefaultWrapper>(({ $isImageWrapper }) => {\n  return `\n    position: relative;\n    top: -92px;\n    z-index: ${$isImageWrapper ? '0' : 'unset'};\n  `;\n});\n\nexport { MilestoneResourcesWrapper, SearchButtonWrapper, SearchButtonCover, DefaultWrapper };\n"],"names":["MilestoneResourcesWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","SearchButtonWrapper","SearchButtonCover","theme","colors","DefaultWrapper","$isImageWrapper"],"mappings":";;;AAKM,MAAAA,IAA4BC,EAAOC,CAAQ;AAAA;AAAA,gBAEjCC,CAA2B;AAAA,GAGrCC,IAAsBH,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMrCG,IAAoBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AAClD,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA;AAAA,sCAE6BC,EAAO,UAAU;AAAA;AAEvD,CAAC,GAMKC,IAAiBP,EAAOC,CAAQ,EAAmB,CAAC,EAAE,iBAAAO,QACnD;AAAA;AAAA;AAAA,eAGMA,IAAkB,MAAM,OAAO;AAAA,GAE7C;"}

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

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