@cuemath/leap 3.1.6-j1 → 3.1.6

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

@@ -1,157 +1,136 @@
-import { jsxs as t, Fragment as te, jsx as n } from "react/jsx-runtime";
-import ne, { memo as oe, useState as ie, useCallback as h } from "react";
-import re from "../../../hooks/use-lazy-ref.js";
-import u from "../../../ui/buttons/text-button/text-button.js";
-import c from "../../../ui/layout/flex-view.js";
-import se from "../../../ui/separator/separator.js";
-import C from "../../../ui/text/text.js";
-import ae from "./milestone-widget/milestone-widget.js";
-import { StyledDownIcon as le } from "./milestone-widget/milestone-widget-styled.js";
-import ce from "./no-active-milestone/no-active-milestone.js";
-import de from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const Te = oe(
-  ({ milestones: e, studentId: M, milestoneType: s, ...x }) => {
-    const [a, N] = ie(!1), {
+import { jsxs as r, Fragment as K, jsx as o } from "react/jsx-runtime";
+import Q, { memo as Y, useCallback as p } from "react";
+import Z from "../../../hooks/use-lazy-ref.js";
+import h from "../../../ui/buttons/text-button/text-button.js";
+import d from "../../../ui/layout/flex-view.js";
+import ee from "../../../ui/separator/separator.js";
+import te from "../../../ui/text/text.js";
+import oe from "./milestone-widget/milestone-widget.js";
+import ne from "./no-active-milestone/no-active-milestone.js";
+import ie from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const ue = Y(
+  ({ milestones: e, studentId: u, milestoneType: s, ...A }) => {
+    const {
       canCreatePlan: m,
-      isClassOngoing: T,
-      isFiltersAdded: $,
-      isStudentPresent: I,
-      onAddChapter: v,
-      onAddOutcome: i,
-      onChapterClick: w,
-      onCreatePlan: r,
-      onDelete: E,
+      isClassOngoing: g,
+      isFiltersAdded: C,
+      isStudentPresent: M,
+      onAddChapter: T,
+      onAddOutcome: n,
+      onChapterClick: N,
+      onCreatePlan: i,
+      onDelete: v,
       onDraftPublish: R,
-      onEdit: D,
-      onExpandPastMilestones: f,
-      onCreateMilestoneTest: P,
-      onNodeAttempt: S,
-      onNodeView: b,
-      onNodeReview: k,
-      onNodeReattempt: F,
-      onNodeReset: B,
-      onNodeUnassign: V,
-      onAssignResources: j,
-      onTestPreview: G,
-      onTestReview: L,
-      onTestStart: O,
+      onEdit: w,
+      onCreateMilestoneTest: x,
+      onNodeAttempt: b,
+      onNodeView: D,
+      onNodeReview: $,
+      onNodeReattempt: P,
+      onNodeReset: F,
+      onNodeUnassign: I,
+      onAssignResources: k,
+      onTestPreview: E,
+      onTestReview: S,
+      onTestStart: V,
       activeMilestoneId: _,
-      activeTabId: y,
+      activeTabId: j,
       onWidgetTabSelection: z,
-      studentName: p,
-      teacherName: X,
-      parentName: H,
-      userType: d,
-      courseStream: U,
-      onNodeAssignAsHomework: W
-    } = x, l = s === "ACTIVE", A = s === "DRAFT", g = re(de), q = h(() => {
-      r == null || r(g);
-    }, [r, g]), J = () => {
-      !a && f && f(), N(!a);
-    }, K = h(() => {
-      i == null || i();
-    }, [i]);
+      studentName: c,
+      teacherName: B,
+      parentName: G,
+      userType: a,
+      courseStream: y,
+      onNodeAssignAsHomework: H
+    } = A, l = s === "ACTIVE", L = s === "DRAFT", f = Z(ie), O = p(() => {
+      i == null || i(f);
+    }, [i, f]), W = p(() => {
+      n == null || n();
+    }, [n]);
     if (!e) return null;
-    const Q = e.some(
-      (o) => o.milestone_state === "ACTIVE"
-    ), Y = e.some(
-      (o) => o.milestone_state === "DRAFT"
+    const X = e.some(
+      (t) => t.milestone_state === "ACTIVE"
+    ), U = e.some(
+      (t) => t.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ t(te, { children: [
-      l && !Q && /* @__PURE__ */ n(c, { $marginBottom: 40, children: /* @__PURE__ */ n(
-        ce,
+    return /* @__PURE__ */ r(K, { children: [
+      l && !X && /* @__PURE__ */ o(d, { $marginBottom: 40, children: /* @__PURE__ */ o(
+        ne,
         {
           canCreatePlan: m,
-          isDraftMilestonePresent: Y,
-          isFiltersAdded: $,
-          onCreatePlan: r,
-          studentName: p,
-          userType: d
+          isDraftMilestonePresent: U,
+          isFiltersAdded: C,
+          onCreatePlan: i,
+          studentName: c,
+          userType: a
         }
       ) }),
-      l && /* @__PURE__ */ t(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
-        /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
+      l && /* @__PURE__ */ r(d, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 16, children: [
+        /* @__PURE__ */ r(te, { $renderAs: "ac4", children: [
           "Goals (",
           e.length,
           ")"
         ] }),
-        d === "TEACHER" && /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: [
-          /* @__PURE__ */ n(
-            u,
+        a === "TEACHER" && /* @__PURE__ */ r(d, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ o(
+            h,
             {
               label: "Create Goal",
               size: "small",
-              onClick: q,
+              onClick: O,
               disabled: !m
             }
           ),
-          /* @__PURE__ */ n(u, { label: "Add Milestone", size: "small", onClick: K })
+          /* @__PURE__ */ o(h, { label: "Add Milestone", size: "small", onClick: W })
         ] })
       ] }),
-      s === "INACTIVE" && !!e.length && /* @__PURE__ */ t(
-        c,
-        {
-          $flexDirection: "row",
-          $alignItems: "center",
-          $justifyContent: "space-between",
-          $marginBottomX: 1,
-          children: [
-            /* @__PURE__ */ t(C, { $renderAs: "ac4", children: [
-              "PAST LEARNING PLANS & OUTCOMES (",
-              e.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ n(le, { onClick: J, $expanded: a })
-          ]
-        }
-      ),
-      (A || l || a) && e.map((o, Z) => {
-        const { id: ee } = o;
-        return /* @__PURE__ */ t(ne.Fragment, { children: [
-          /* @__PURE__ */ n(
-            ae,
+      e.map((t, q) => {
+        const { id: J } = t;
+        return /* @__PURE__ */ r(Q.Fragment, { children: [
+          /* @__PURE__ */ o(
+            oe,
             {
-              milestone: o,
-              studentId: M,
-              studentName: p,
-              parentName: H,
-              teacherName: X,
-              userType: d,
-              onAddOutcome: i,
-              onChapterClick: w,
-              isMilestoneActive: l || A,
+              milestone: t,
+              studentId: u,
+              studentName: c,
+              parentName: G,
+              teacherName: B,
+              userType: a,
+              onAddOutcome: n,
+              onChapterClick: N,
+              isMilestoneActive: l || L,
               milestoneType: s,
-              onEdit: D,
-              onCreateMilestoneTest: P,
-              onAddChapter: v,
-              onDelete: E,
+              onEdit: w,
+              onCreateMilestoneTest: x,
+              onAddChapter: T,
+              onDelete: v,
               onDraftPublish: R,
-              isClassOngoing: T,
-              isStudentPresent: I,
-              onAssignResources: j,
-              onNodeAttempt: S,
-              onNodeView: b,
-              onNodeReview: k,
-              onNodeReattempt: F,
-              onNodeReset: B,
-              onNodeUnassign: V,
-              onNodeAssignAsHomework: W,
-              onTestPreview: G,
-              onTestReview: L,
-              onTestStart: O,
-              courseStream: U,
+              isClassOngoing: g,
+              isStudentPresent: M,
+              onAssignResources: k,
+              onNodeAttempt: b,
+              onNodeView: D,
+              onNodeReview: $,
+              onNodeReattempt: P,
+              onNodeReset: F,
+              onNodeUnassign: I,
+              onNodeAssignAsHomework: H,
+              onTestPreview: E,
+              onTestReview: S,
+              onTestStart: V,
+              courseStream: y,
               activeMilestoneId: _,
-              activeTabId: y,
+              activeTabId: j,
               onWidgetTabSelection: z
             }
           ),
-          Z !== e.length - 1 && /* @__PURE__ */ n(se, { heightX: 2 })
-        ] }, `milestone=${ee}`);
+          q !== e.length - 1 && /* @__PURE__ */ o(ee, { heightX: 2 })
+        ] }, `milestone=${J}`);
       })
     ] });
   }
 );
 export {
-  Te as default
+  ue as default
 };
 //# sourceMappingURL=milestone-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            $marginBottomX={1}\n          >\n            <Text $renderAs=\"ac4\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onNodeAttempt={onNodeAttempt}\n                  onNodeView={onNodeView}\n                  onNodeReview={onNodeReview}\n                  onNodeReattempt={onNodeReattempt}\n                  onNodeReset={onNodeReset}\n                  onNodeUnassign={onNodeUnassign}\n                  onNodeAssignAsHomework={onNodeAssignAsHomework}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <Separator heightX={2} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","toggleExpand","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","StyledDownIcon","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport useLazyRef from '../../../hooks/use-lazy-ref';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onCreateMilestoneTest,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onAssignResources,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      onNodeAssignAsHomework,\n    } = restMilestoneListProps;\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n    const temporaryMilestoneId = useLazyRef(uuidv4);\n\n    const handleCreatePlan = useCallback(() => {\n      onCreatePlan?.(temporaryMilestoneId);\n    }, [onCreatePlan, temporaryMilestoneId]);\n\n    const handleOnAddOutcome = useCallback(() => {\n      onAddOutcome?.();\n    }, [onAddOutcome]);\n\n    if (!milestones) return null;\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <FlexView $marginBottom={40}>\n            <NoActiveMilestone\n              canCreatePlan={canCreatePlan}\n              isDraftMilestonePresent={draftMilestonePresent}\n              isFiltersAdded={isFiltersAdded}\n              onCreatePlan={onCreatePlan}\n              studentName={studentName}\n              userType={userType}\n            />\n          </FlexView>\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={16}>\n            <Text $renderAs=\"ac4\">Goals ({milestones.length})</Text>\n\n            {userType === 'TEACHER' && (\n              <FlexView $flexDirection=\"row\" $flexGapX={1}>\n                <TextButton\n                  label=\"Create Goal\"\n                  size=\"small\"\n                  onClick={handleCreatePlan}\n                  disabled={!canCreatePlan}\n                />\n                <TextButton label=\"Add Milestone\" size=\"small\" onClick={handleOnAddOutcome} />\n              </FlexView>\n            )}\n          </FlexView>\n        )}\n\n        {milestones.map((milestone, idx) => {\n          const { id: milestoneId } = milestone;\n\n          return (\n            <React.Fragment key={`milestone=${milestoneId}`}>\n              <MilestoneWidget\n                milestone={milestone}\n                studentId={studentId}\n                studentName={studentName}\n                parentName={parentName}\n                teacherName={teacherName}\n                userType={userType}\n                onAddOutcome={onAddOutcome}\n                onChapterClick={onChapterClick}\n                isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                milestoneType={milestoneType}\n                onEdit={onEdit}\n                onCreateMilestoneTest={onCreateMilestoneTest}\n                onAddChapter={onAddChapter}\n                onDelete={onDelete}\n                onDraftPublish={onDraftPublish}\n                isClassOngoing={isClassOngoing}\n                isStudentPresent={isStudentPresent}\n                onAssignResources={onAssignResources}\n                onNodeAttempt={onNodeAttempt}\n                onNodeView={onNodeView}\n                onNodeReview={onNodeReview}\n                onNodeReattempt={onNodeReattempt}\n                onNodeReset={onNodeReset}\n                onNodeUnassign={onNodeUnassign}\n                onNodeAssignAsHomework={onNodeAssignAsHomework}\n                onTestPreview={onTestPreview}\n                onTestReview={onTestReview}\n                onTestStart={onTestStart}\n                courseStream={courseStream}\n                activeMilestoneId={activeMilestoneId}\n                activeTabId={activeTabId}\n                onWidgetTabSelection={onWidgetTabSelection}\n              />\n              {idx !== milestones.length - 1 && <Separator heightX={2} />}\n            </React.Fragment>\n          );\n        })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onCreateMilestoneTest","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onAssignResources","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","onNodeAssignAsHomework","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","FlexView","NoActiveMilestone","Text","TextButton","idx","milestoneId","React","MilestoneWidget","Separator"],"mappings":"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"}

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

@@ -13,7 +13,8 @@ const f = x`
 `, v = r(i)`
   position: relative;
   animation: ${f} 0.3s ease-in-out;
-`, k = r(g)(({ theme: o, $expanded: t }) => {
+`;
+r(g)(({ theme: o, $expanded: t }) => {
   const {
     layout: { gutter: e },
     colors: { BLACK_1: n }
@@ -27,7 +28,8 @@ const f = x`
     transform: rotate(${t === !0 ? 180 : 0}deg);
     transition: transform 0.3s ease;
   `;
-}), C = r.div(({ $expanded: o, theme: t }) => {
+});
+const k = r.div(({ $expanded: o, theme: t }) => {
   const { colors: e } = t;
   return `
     display:grid;
@@ -37,7 +39,7 @@ const f = x`
     border: 1px solid ${e.GREY_2};
     border-top:none;
   `;
-}), I = r.div`
+}), C = r.div`
   min-height: 0px;
   width: 100%;
 `;
@@ -81,7 +83,7 @@ r.div(({ theme: o, $rotate: t }) => {
     }
   `;
 });
-const _ = r(i)`
+const I = r(i)`
   border-bottom: 0px;
   position: relative;
   padding: 32px 32px 24px;
@@ -90,7 +92,7 @@ const _ = r(i)`
 r(s)`
   white-space: pre-wrap;
 `;
-const A = r(s)`
+const _ = r(s)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -109,7 +111,7 @@ r(i)(({
     top: ${t.layout.gutter * 1.75 / 2}px;
     ${o === "right" ? "right: 0px;" : "left: 0px;"}
   `);
-const D = r.div(({ theme: o }) => {
+const A = r.div(({ theme: o }) => {
   const { layout: t } = o;
   return `
     position: absolute;
@@ -127,7 +129,7 @@ const D = r.div(({ theme: o }) => {
     position: absolute;
     inset: 50%;
     transform: translate(-50%, -50%) rotate(-90deg);
-  `), S = r.circle(
+  `), W = r.circle(
   ({ theme: o, $progressCircle: t, $progress: e, $progressBackground: n }) => {
     const { colors: p, layout: l } = o, { GREY_2: c } = p, { gutter: a } = l, d = a * 12.5, u = t ? d - e : e;
     return `
@@ -146,13 +148,12 @@ r(s)(({ theme: o, $backgroundColor: t }) => `
   `);
 export {
   G as ChapterProgressSVG,
-  S as ChapterProgressSVGCircle,
-  I as Content,
-  C as ContentWrapper,
+  W as ChapterProgressSVGCircle,
+  C as Content,
+  k as ContentWrapper,
   v as MainContainer,
-  A as MilestoneTitle,
-  D as StyledCheckIconWrapper,
-  k as StyledDownIcon,
-  _ as Wrapper
+  _ as MilestoneTitle,
+  A as StyledCheckIconWrapper,
+  I as Wrapper
 };
 //# sourceMappingURL=milestone-widget-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled, { keyframes } from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(ChevronDownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n    colors: { BLACK_1 },\n  } = theme;\n\n  return `\n    cursor: pointer;\n    width: ${gutter * 1.5}px;\n    height: ${gutter * 1.5}px;\n    outline: 1px solid ${BLACK_1};\n    border-radius: 50%;\n    transform: rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 0px;\n    right: 0px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 12.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\ninterface IWidgetStateTag {\n  $backgroundColor: TColorNames;\n}\n\nconst WidgetStateTag = styled(Text)<IWidgetStateTag>(({ theme, $backgroundColor }) => {\n  return `\n    padding: 4px;\n    background: ${theme.colors[$backgroundColor]};\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIconWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  WidgetStateTag,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","StyledDownIcon","ChevronDownIcon","theme","$expanded","gutter","BLACK_1","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","$placement","StyledCheckIconWrapper","layout","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","strokeDashArray","strokeDashOffset","$backgroundColor"],"mappings":"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"}
+{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled, { keyframes } from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(ChevronDownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n    colors: { BLACK_1 },\n  } = theme;\n\n  return `\n    cursor: pointer;\n    width: ${gutter * 1.5}px;\n    height: ${gutter * 1.5}px;\n    outline: 1px solid ${BLACK_1};\n    border-radius: 50%;\n    transform: rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIconWrapper = styled.div(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    position: absolute;\n    top: 0px;\n    right: 0px;\n    z-index: 2;\n\n    width: ${layout.gutter * 1.25}px;\n    height: ${layout.gutter * 1.25}px;\n    border-radius: 50%;\n    background: ${theme.colors.WHITE_1};\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 12.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\ninterface IWidgetStateTag {\n  $backgroundColor: TColorNames;\n}\n\nconst WidgetStateTag = styled(Text)<IWidgetStateTag>(({ theme, $backgroundColor }) => {\n  return `\n    padding: 4px;\n    background: ${theme.colors[$backgroundColor]};\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIconWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n  WidgetStateTag,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","ChevronDownIcon","theme","$expanded","gutter","BLACK_1","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","$placement","StyledCheckIconWrapper","layout","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","strokeDashArray","strokeDashOffset","$backgroundColor"],"mappings":"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"}

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

@@ -1,27 +1,28 @@
-import { jsx as a, jsxs as C, Fragment as ae } from "react/jsx-runtime";
+import { jsx as a, jsxs as O, Fragment as ae } from "react/jsx-runtime";
 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 _e 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 { ContentWrapper as Oe, LoaderWrapper as Ce } from "./styled.js";
-const ue = (_) => {
-  De(_);
-}, pe = Se(
-  ({ studentName: _, studentId: l, studentClassroomId: h, ...v }) => {
+import { invalidatePastMilestoneCount as Me } from "./api/get-past-milestone-count.js";
+import { invalidateTestHelpData as Re } from "./api/get-tests-list.js";
+import Ie from "./filter-milestones.js";
+import Le from "./milestone-list/milestone-list.js";
+import Ce from "./milestone-list/milestone-loader/milestone-loader.js";
+import { ContentWrapper as Oe, LoaderWrapper as ue } from "./styled.js";
+const pe = (m) => {
+  De(m), Me(m.student_id);
+}, fe = Se(
+  ({ studentName: m, studentId: l, studentClassroomId: h, ...v }) => {
     const {
       milestoneType: s,
       isStudentPresent: N,
       isClassOngoing: P,
-      userType: d,
+      userType: _,
       canCreatePlan: U,
       teacherName: G,
       parentName: g,
@@ -39,9 +40,9 @@ const ue = (_) => {
       onDelete: j,
       onAssignResources: X,
       onNodeAttempt: $,
-      onNodeView: q,
-      onNodeReview: z,
-      onNodeReattempt: B,
+      onNodeView: z,
+      onNodeReview: B,
+      onNodeReattempt: q,
       onNodeReset: J,
       onNodeUnassign: Q,
       onTestPreview: Y,
@@ -51,31 +52,31 @@ const ue = (_) => {
       onNodeAssignAsHomework: oe
     } = v, n = me(
       () => ({
-        milestone_state_group: s === "ACTIVE" ? d === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
+        milestone_state_group: s === "ACTIVE" ? _ === "TEACHER" ? "LIVE" : "STUDENT_LIVE" : s,
         course_stream: A,
         student_id: l
       }),
-      [s, A, l, d]
+      [s, A, l, _]
     ), {
       data: o,
-      getAll: m,
+      getAll: T,
       isStale: D,
       isProcessing: S
     } = Ne(n), [M, R] = u(), [I, L] = u(!1), se = Te(
-      (T) => {
-        const { searchText: E, selectedBoard: i, selectedGrade: r } = T || {};
+      (c) => {
+        const { searchText: E, selectedBoard: i, selectedGrade: r } = c || {};
         (E || i || r) && L(!0);
-        const c = o == null ? void 0 : o.filter((t) => {
+        const d = 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);
         });
-        R(c);
+        R(d);
       },
       [o]
     ), ne = () => {
       L(!1), R(void 0);
     };
-    if (_e(
+    if (de(
       {
         studentClassroomId: h,
         actions: [
@@ -101,37 +102,37 @@ const ue = (_) => {
           [e.MILESTONE_TEST_ASSIGNED],
           [e.SHEET_MARKED_AS_REVIEWED]
         ],
-        callback: (T) => {
-          var r, c;
-          const E = (r = T.find(
+        callback: (c) => {
+          var r, d;
+          const E = (r = c.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(
+          )) == null ? void 0 : r.eventPayload, i = (d = c.find(
             (t) => t.eventName === e.MILESTONE_TEST_ASSIGNED || t.eventName === e.MILESTONE_RESOURCE_RESET
-          )) == null ? void 0 : c.eventPayload;
+          )) == null ? void 0 : d.eventPayload;
           if (E) {
             const { milestoneId: t } = E || {};
             f(l), Ae(t);
           }
           if (i) {
             const { milestoneId: t } = i;
-            f(l), Me(t);
+            f(l), Re(t);
           }
-          ue(n);
+          pe(n);
         }
       },
       (s === "ACTIVE" || s === "INACTIVE") && N
     ), p(() => {
-      m(n);
-    }, [m, n]), p(() => {
-      !S && D && m(n);
-    }, [m, n, D, S]), S && !o)
-      return /* @__PURE__ */ a(Le, { 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: [
+      T(n);
+    }, [T, n]), p(() => {
+      !S && D && T(n);
+    }, [T, n, D, S]), S && !o)
+      return /* @__PURE__ */ a(Ce, { numMilestones: 2 });
+    const C = s === "ACTIVE" && o && o.length > 6;
+    return /* @__PURE__ */ O(Oe, { $disablePointerEvents: S, children: [
+      S && /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a("img", { src: ce.LOADER_1, alt: "loading" }) }),
+      C && /* @__PURE__ */ O(ae, { children: [
         /* @__PURE__ */ a(
-          Re,
+          Ie,
           {
             filteredMilestones: M,
             milestones: o,
@@ -139,12 +140,12 @@ const ue = (_) => {
             handleClearFilter: ne
           }
         ),
-        /* @__PURE__ */ a(de, { heightX: 1.5 })
+        /* @__PURE__ */ a(_e, { heightX: 1.5 })
       ] }),
       /* @__PURE__ */ a(
-        Ie,
+        Le,
         {
-          showFilters: !!O,
+          showFilters: !!C,
           canCreatePlan: U,
           isClassOngoing: P,
           isFiltersAdded: I,
@@ -165,9 +166,9 @@ const ue = (_) => {
           onTestReview: Z,
           onTestStart: ee,
           onNodeAttempt: $,
-          onNodeView: q,
-          onNodeReview: z,
-          onNodeReattempt: B,
+          onNodeView: z,
+          onNodeReview: B,
+          onNodeReattempt: q,
           onNodeReset: J,
           onNodeUnassign: Q,
           onNodeAssignAsHomework: oe,
@@ -175,17 +176,17 @@ const ue = (_) => {
           activeTabId: w,
           onWidgetTabSelection: te,
           studentId: l,
-          studentName: le.titleCase(_),
+          studentName: le.titleCase(m),
           teacherName: G,
           parentName: g,
-          userType: d,
+          userType: _,
           courseStream: A
         }
       )
     ] });
   }
-), Xe = pe;
+), ze = fe;
 export {
-  Xe as default
+  ze as default
 };
 //# sourceMappingURL=milestone-list-container.js.map