@cuemath/leap 2.8.55 → 2.8.56-as1

package/dist/features/milestone/milestone-list-container/api/get-milestones.js

@@ -1,26 +1,18 @@
-import { createGetAllAPI as a } from "@cuemath/rest-api";
-import { BASE_URL_V3 as l } from "../../../../constants/api.js";
-import { stringify as n } from "../../../../helpers/query-string.js";
-const { useGetAll: c, invalidate: p } = a({
+import { createGetAllAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as i } from "../../../../constants/api.js";
+import { stringify as a } from "../../../../helpers/query-string.js";
+const { useGetAll: u, invalidate: _ } = o({
   getURL: (e) => {
-    const {
-      student_id: t,
-      course_stream: s,
-      milestone_state_group: r,
-      with_plan: i,
-      in_class: o = !1
-    } = e;
-    return `${l}/user-milestones/users/${t}/course-streams/${s}/?${n(
+    const { milestone_state_group: t, student_id: s, course_stream: r } = e;
+    return `${i}/user-milestones/users/${s}/course-streams/${r}/?${a(
       {
-        milestone_state_group: r,
-        with_plan: i,
-        in_class: o
+        milestone_state_group: t
       }
     )}`;
   }
 });
 export {
-  p as invalidateMilestonesData,
-  c as useGetAllMilestonesdata
+  _ as invalidateMilestonesData,
+  u as useGetAllMilestonesdata
 };
 //# sourceMappingURL=get-milestones.js.map

package/dist/features/milestone/milestone-list-container/api/get-milestones.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-milestones.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestones.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\nimport type { IMilestoneData } from '../milestone-list/milestone-list-types';\n\nimport { createGetAllAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  with_plan: boolean;\n  course_stream: TCourseStream;\n  student_id: string;\n  in_class?: boolean;\n};\n\nconst { useGetAll: useGetAllMilestonesdata, invalidate: invalidateMilestonesData } =\n  createGetAllAPI<IMilestoneData, TQuery>({\n    getURL: query => {\n      const {\n        student_id,\n        course_stream,\n        milestone_state_group,\n        with_plan,\n        in_class = false,\n      } = query;\n\n      return `${BASE_URL_V3}/user-milestones/users/${student_id}/course-streams/${course_stream}/?${stringify(\n        {\n          milestone_state_group,\n          with_plan,\n          in_class,\n        },\n      )}`;\n    },\n  });\n\nexport { useGetAllMilestonesdata, invalidateMilestonesData };\n"],"names":["useGetAllMilestonesdata","invalidateMilestonesData","createGetAllAPI","query","student_id","course_stream","milestone_state_group","with_plan","in_class","BASE_URL_V3","stringify"],"mappings":";;;AAgBA,MAAM,EAAE,WAAWA,GAAyB,YAAYC,EAAA,IACtDC,EAAwC;AAAA,EACtC,QAAQ,CAASC,MAAA;AACT,UAAA;AAAA,MACJ,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,IACT,IAAAL;AAEJ,WAAO,GAAGM,CAAW,0BAA0BL,CAAU,mBAAmBC,CAAa,KAAKK;AAAA,MAC5F;AAAA,QACE,uBAAAJ;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"get-milestones.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-milestones.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\nimport type { IMilestoneData } from '../milestone-list/milestone-list-types';\n\nimport { createGetAllAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ntype TQuery = {\n  milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n  student_id: string;\n  course_stream: TCourseStream;\n};\n\nconst { useGetAll: useGetAllMilestonesdata, invalidate: invalidateMilestonesData } =\n  createGetAllAPI<IMilestoneData, TQuery>({\n    getURL: query => {\n      const { milestone_state_group, student_id, course_stream } = query;\n\n      return `${BASE_URL_V3_1}/user-milestones/users/${student_id}/course-streams/${course_stream}/?${stringify(\n        {\n          milestone_state_group,\n        },\n      )}`;\n    },\n  });\n\nexport { useGetAllMilestonesdata, invalidateMilestonesData };\n"],"names":["useGetAllMilestonesdata","invalidateMilestonesData","createGetAllAPI","query","milestone_state_group","student_id","course_stream","BASE_URL_V3_1","stringify"],"mappings":";;;AAcA,MAAM,EAAE,WAAWA,GAAyB,YAAYC,EAAA,IACtDC,EAAwC;AAAA,EACtC,QAAQ,CAASC,MAAA;AACf,UAAM,EAAE,uBAAAC,GAAuB,YAAAC,GAAY,eAAAC,EAAA,IAAkBH;AAE7D,WAAO,GAAGI,CAAa,0BAA0BF,CAAU,mBAAmBC,CAAa,KAAKE;AAAA,MAC9F;AAAA,QACE,uBAAAJ;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACH;AACF,CAAC;"}

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

@@ -1,122 +1,147 @@
-import { jsxs as s, Fragment as J, jsx as i } from "react/jsx-runtime";
-import K, { memo as Q, useState as Y } from "react";
-import m from "../../../ui/layout/flex-view.js";
-import Z from "../../../ui/text/text.js";
-import ee from "./milestone-widget/milestone-widget.js";
-import { StyledDownIcon as te } from "./milestone-widget/milestone-widget-styled.js";
-import ne from "./no-active-milestone/no-active-milestone.js";
-const de = Q(
-  ({ milestones: e, studentId: f, milestoneType: n, ...p }) => {
-    const [o, A] = Y(!1), {
-      canCreatePlan: u,
-      isClassOngoing: g,
-      isFiltersAdded: M,
-      isStudentPresent: h,
-      onAddChapter: C,
-      onAddOutcome: v,
-      onChapterClick: I,
-      onCreatePlan: P,
-      onDelete: T,
-      onDraftPublish: x,
+import { jsxs as t, Fragment as te, jsx as o } from "react/jsx-runtime";
+import ne, { memo as oe, useState as ie, useCallback as A } from "react";
+import se from "../../../hooks/use-lazy-ref.js";
+import C from "../../../ui/buttons/text-button/text-button.js";
+import c from "../../../ui/layout/flex-view.js";
+import g from "../../../ui/text/text.js";
+import re from "./milestone-widget/milestone-widget.js";
+import { StyledDownIcon as ae } from "./milestone-widget/milestone-widget-styled.js";
+import le from "./no-active-milestone/no-active-milestone.js";
+import ce from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const xe = oe(
+  ({ milestones: e, studentId: M, milestoneType: r, ...x }) => {
+    const [a, T] = ie(!1), {
+      canCreatePlan: m,
+      isClassOngoing: v,
+      isFiltersAdded: I,
+      isStudentPresent: $,
+      onAddChapter: R,
+      onAddOutcome: i,
+      onChapterClick: w,
+      onCreatePlan: s,
+      onDelete: E,
+      onDraftPublish: P,
       onEdit: S,
-      onExpandPastMilestones: a,
-      onCreateMilestoneTest: R,
-      onPreview: w,
-      onReattempt: E,
-      onReset: D,
-      onResume: N,
-      onReview: $,
-      onStart: F,
-      onAssignResources: b,
+      onExpandPastMilestones: f,
+      onCreateMilestoneTest: D,
+      onPreview: b,
+      onReattempt: N,
+      onReset: F,
+      onResume: k,
+      onReview: j,
+      onStart: G,
+      onAssignResources: L,
       onUnAssignSheet: O,
       onTestPreview: V,
       onTestReview: _,
-      onTestStart: j,
-      activeMilestoneId: L,
-      activeTabId: k,
+      onTestStart: y,
+      activeMilestoneId: z,
+      activeTabId: B,
       onWidgetTabSelection: U,
-      studentName: l,
+      studentName: p,
       teacherName: W,
-      parentName: y,
-      userType: c,
-      courseStream: B
-    } = p;
-    if (!e)
-      return null;
-    const r = n === "ACTIVE", d = n === "DRAFT", G = () => {
-      !o && a && a(), A(!o);
-    }, X = e.some(
-      (t) => t.milestone_state === "ACTIVE"
-    ), q = e.some(
-      (t) => t.milestone_state === "DRAFT"
+      parentName: X,
+      userType: d,
+      courseStream: H
+    } = x, l = r === "ACTIVE", h = r === "DRAFT", u = se(ce), q = A(() => {
+      s == null || s(u);
+    }, [s, u]), J = () => {
+      !a && f && f(), T(!a);
+    }, K = A(() => {
+      i == null || i();
+    }, [i]);
+    if (!e) return null;
+    const Q = e.some(
+      (n) => n.milestone_state === "ACTIVE"
+    ), Y = e.some(
+      (n) => n.milestone_state === "DRAFT"
     );
-    return /* @__PURE__ */ s(J, { children: [
-      r && !X && /* @__PURE__ */ i(
-        ne,
+    return /* @__PURE__ */ t(te, { children: [
+      l && !Q && /* @__PURE__ */ o(
+        le,
         {
-          canCreatePlan: u,
-          isDraftMilestonePresent: q,
-          isFiltersAdded: M,
-          onCreatePlan: P,
-          studentName: l,
-          userType: c
+          canCreatePlan: m,
+          isDraftMilestonePresent: Y,
+          isFiltersAdded: I,
+          onCreatePlan: s,
+          studentName: p,
+          userType: d
         }
       ),
-      n === "INACTIVE" && !!e.length && /* @__PURE__ */ s(m, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
-        /* @__PURE__ */ s(Z, { $renderAs: "eyebrow1", children: [
+      l && /* @__PURE__ */ t(c, { $flexDirection: "row", $justifyContent: "space-between", $marginBottom: 10, children: [
+        /* @__PURE__ */ t(g, { $renderAs: "ac4", children: [
+          "Goals (",
+          e.length,
+          ")"
+        ] }),
+        d === "TEACHER" && /* @__PURE__ */ t(c, { $flexDirection: "row", $flexGapX: 1, children: [
+          /* @__PURE__ */ o(
+            C,
+            {
+              label: "Create Goal",
+              size: "small",
+              onClick: q,
+              disabled: !m
+            }
+          ),
+          /* @__PURE__ */ o(C, { label: "Add Milestone", size: "small", onClick: K })
+        ] })
+      ] }),
+      r === "INACTIVE" && !!e.length && /* @__PURE__ */ t(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(g, { $renderAs: "ac4", children: [
           "PAST LEARNING PLANS & OUTCOMES (",
           e.length,
           ")"
         ] }),
-        /* @__PURE__ */ i(te, { onClick: G, $expanded: o })
+        /* @__PURE__ */ o(ae, { onClick: J, $expanded: a })
       ] }),
-      (d || r || o) && e.map((t, z) => {
-        const { id: H } = t;
-        return /* @__PURE__ */ s(K.Fragment, { children: [
-          /* @__PURE__ */ i(
-            ee,
+      (h || l || a) && e.map((n, Z) => {
+        const { id: ee } = n;
+        return /* @__PURE__ */ t(ne.Fragment, { children: [
+          /* @__PURE__ */ o(
+            re,
             {
-              milestone: t,
-              studentId: f,
-              studentName: l,
-              parentName: y,
+              milestone: n,
+              studentId: M,
+              studentName: p,
+              parentName: X,
               teacherName: W,
-              userType: c,
-              onAddOutcome: v,
-              onChapterClick: I,
-              isMilestoneActive: r || d,
-              milestoneType: n,
+              userType: d,
+              onAddOutcome: i,
+              onChapterClick: w,
+              isMilestoneActive: l || h,
+              milestoneType: r,
               onEdit: S,
-              onCreateMilestoneTest: R,
-              onPreview: w,
-              onReattempt: E,
-              onReset: D,
-              onResume: N,
-              onReview: $,
-              onStart: F,
-              onAddChapter: C,
-              onDelete: T,
-              onDraftPublish: x,
-              isClassOngoing: g,
-              isStudentPresent: h,
-              onAssignResources: b,
+              onCreateMilestoneTest: D,
+              onPreview: b,
+              onReattempt: N,
+              onReset: F,
+              onResume: k,
+              onReview: j,
+              onStart: G,
+              onAddChapter: R,
+              onDelete: E,
+              onDraftPublish: P,
+              isClassOngoing: v,
+              isStudentPresent: $,
+              onAssignResources: L,
               onUnAssignSheet: O,
               onTestPreview: V,
               onTestReview: _,
-              onTestStart: j,
-              courseStream: B,
-              activeMilestoneId: L,
-              activeTabId: k,
+              onTestStart: y,
+              courseStream: H,
+              activeMilestoneId: z,
+              activeTabId: B,
               onWidgetTabSelection: U
             }
           ),
-          z !== e.length - 1 && /* @__PURE__ */ i(m, { $heightX: 2.625 })
-        ] }, `milestone=${H}`);
+          Z !== e.length - 1 && /* @__PURE__ */ o(c, { $heightX: 2.625 })
+        ] }, `milestone=${ee}`);
       })
     ] });
   }
 );
 export {
-  de as default
+  xe 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, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\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      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\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          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">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                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\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 && <FlexView $heightX={2.625} />}\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","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"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, 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 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      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\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          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {isMilestoneActive && (\n          <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $marginBottom={10}>\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 $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\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                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\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 && <FlexView $heightX={2.625} />}\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","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","temporaryMilestoneId","useLazyRef","uuidv4","handleCreatePlan","useCallback","toggleExpand","handleOnAddOutcome","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","TextButton","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":";;;;;;;;;;AAaA,MAAMA,KAA+CC;AAAA,EACnD,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,eAAAC,GAAe,GAAGC,QAA6B;AACvE,UAAM,CAACC,GAA0BC,CAA2B,IAAIC,GAAS,EAAK,GACxE;AAAA,MACJ,eAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,IACE,IAAAnC,GAEEoC,IAAoBrC,MAAkB,UACtCsC,IAAmBtC,MAAkB,SACrCuC,IAAuBC,GAAWC,EAAM,GAExCC,IAAmBC,EAAY,MAAM;AACzC,MAAA/B,KAAA,QAAAA,EAAe2B;AAAA,IAAoB,GAClC,CAAC3B,GAAc2B,CAAoB,CAAC,GAEjCK,IAAe,MAAM;AACrB,MAAA,CAAC1C,KAA4Bc,KACRA,KAEzBb,EAA4B,CAACD,CAAwB;AAAA,IAAA,GAGjD2C,IAAqBF,EAAY,MAAM;AAC5B,MAAAjC,KAAA,QAAAA;AAAA,IAAA,GACd,CAACA,CAAY,CAAC;AAEb,QAAA,CAACZ,EAAmB,QAAA;AAExB,UAAMgD,IAAyBhD,EAAW;AAAA,MACxC,CAAAiD,MAAaA,EAAU,oBAAoB;AAAA,IAAA,GAEvCC,IAAwBlD,EAAW;AAAA,MACvC,CAAAiD,MAAaA,EAAU,oBAAoB;AAAA,IAAA;AAG7C,WAEK,gBAAAE,EAAAC,IAAA,EAAA,UAAA;AAAA,MAAAb,KAAqB,CAACS,KACrB,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAA/C;AAAA,UACA,yBAAyB2C;AAAA,UACzB,gBAAAzC;AAAA,UACA,cAAAK;AAAA,UACA,aAAAoB;AAAA,UACA,UAAAG;AAAA,QAAA;AAAA,MACF;AAAA,MAGDE,uBACEgB,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,eAAe,IAC5E,UAAA;AAAA,QAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,UAAA;AAAA,UAAQxD,EAAW;AAAA,UAAO;AAAA,QAAA,GAAC;AAAA,QAEhDqC,MAAa,aACZ,gBAAAc,EAACI,KAAS,gBAAe,OAAM,WAAW,GACxC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,SAASb;AAAA,cACT,UAAU,CAACrC;AAAA,YAAA;AAAA,UACb;AAAA,4BACCkD,GAAW,EAAA,OAAM,iBAAgB,MAAK,SAAQ,SAASV,GAAoB;AAAA,QAAA,GAC9E;AAAA,MAAA,GAEJ;AAAA,MAGD7C,MAAkB,cAAc,EAAQF,EAAW,UACjD,gBAAAmD,EAAAI,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,QAAC,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,OAAM,UAAA;AAAA,UAAA;AAAA,UAAiCxD,EAAW;AAAA,UAAO;AAAA,QAAA,GAAC;AAAA,QACzE,gBAAAqD,EAAAK,IAAA,EAAe,SAASZ,GAAc,WAAW1C,GAA0B;AAAA,MAAA,GAC9E;AAAA,OAGAoC,KAAoBD,KAAqBnC,MACzCJ,EAAW,IAAI,CAACiD,GAAWU,MAAQ;AAC3B,cAAA,EAAE,IAAIC,GAAgB,IAAAX;AAG1B,eAAA,gBAAAE,EAACU,GAAM,UAAN,EACC,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,WAAAb;AAAA,cACA,WAAAhD;AAAA,cACA,aAAAiC;AAAA,cACA,YAAAE;AAAA,cACA,aAAAD;AAAA,cACA,UAAAE;AAAA,cACA,cAAAzB;AAAA,cACA,gBAAAC;AAAA,cACA,mBAAmB0B,KAAqBC;AAAA,cACxC,eAAAtC;AAAA,cACA,QAAAe;AAAA,cACA,uBAAAE;AAAA,cACA,WAAAC;AAAA,cACA,aAAAC;AAAA,cACA,SAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,SAAAC;AAAA,cACA,cAAAd;AAAA,cACA,UAAAI;AAAA,cACA,gBAAAC;AAAA,cACA,gBAAAR;AAAA,cACA,kBAAAE;AAAA,cACA,mBAAAgB;AAAA,cACA,iBAAAC;AAAA,cACA,eAAAC;AAAA,cACA,cAAAC;AAAA,cACA,aAAAC;AAAA,cACA,cAAAQ;AAAA,cACA,mBAAAP;AAAA,cACA,aAAAC;AAAA,cACA,sBAAAC;AAAA,YAAA;AAAA,UACF;AAAA,UACC0B,MAAQ3D,EAAW,SAAS,KAAM,gBAAAqD,EAAAE,GAAA,EAAS,UAAU,OAAO;AAAA,QAnC1C,EAAA,GAAA,aAAaK,EAAW,EAoC7C;AAAA,MAAA,CAEH;AAAA,IACL,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js

@@ -1,116 +1,108 @@
-import { jsxs as G, jsx as t, Fragment as V } from "react/jsx-runtime";
-import { memo as q, useState as z, useCallback as d } from "react";
-import H from "../../../../../../assets/line-icons/icons/bin2.js";
-import J from "../../../../../../assets/line-icons/icons/edit2.js";
-import K from "../../../../../../assets/line-icons/icons/plus.js";
-import p from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import P from "../../../../../ui/buttons/button/button.js";
-import w from "../../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as Q } from "../../../../../ui/context/context.js";
-import W from "../../../../../ui/layout/flex-view.js";
-import Y from "../../../../../ui/text/text.js";
-import { EVENT_NAMES as Z } from "../../../../create/milestone-create-constants.js";
-import { invalidateMilestonesData as ee } from "../../../api/get-milestones.js";
-import { useDraftPublish as te } from "./use-goal-draft-publish.js";
-const be = q((x) => {
+import { jsxs as A, jsx as t } from "react/jsx-runtime";
+import { memo as L, useState as R, useCallback as d } from "react";
+import V from "../../../../../../assets/line-icons/icons/edit2.js";
+import y from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../../../ui/buttons/button/button.js";
+import q from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as B } from "../../../../../ui/context/context.js";
+import w from "../../../../../ui/layout/flex-view.js";
+import H from "../../../../../ui/text/text.js";
+import { EVENT_NAMES as J } from "../../../../create/milestone-create-constants.js";
+import { invalidateMilestonesData as K } from "../../../api/get-milestones.js";
+import { useDraftPublish as Q } from "./use-goal-draft-publish.js";
+const de = L((x) => {
   const {
-    milestone: u,
-    studentId: h,
-    isClassOngoing: m,
-    isStudentPresent: N,
-    studentName: k,
-    teacherName: T,
-    parentName: O,
-    onAddOutcome: n,
-    onDraftPublish: s,
+    milestone: m,
+    studentId: c,
+    isClassOngoing: G,
+    isStudentPresent: P,
+    studentName: $,
+    teacherName: N,
+    parentName: T,
+    onAddOutcome: s,
+    onDraftPublish: n,
     onEdit: i,
-    onDelete: a,
-    courseStream: f
+    courseStream: p
   } = x, {
     id: e,
-    milestone_name: b,
-    milestone_date_ts: _,
-    milestone_state: r,
-    permissions: $,
-    goal_category: E,
-    goal_code: c
-  } = u, {
-    can_delete: I,
-    can_update_date: D,
-    can_update_plan: A
-  } = $, { onEvent: g } = Q(), [y, C] = z(""), M = r === "OUTCOME_PENDING", S = c && r === "DRAFT", o = !m || N, X = d(
-    (l, B) => {
-      const { id: R } = B || {};
-      l ? C(l) : (e && ee({
+    milestone_name: u,
+    milestone_date_ts: h,
+    milestone_state: a,
+    permissions: k,
+    goal_category: f,
+    goal_code: l
+  } = m, {
+    can_delete: b,
+    can_update_date: _,
+    can_update_plan: E
+  } = k, { onEvent: C } = B(), [D, g] = R(""), O = a === "OUTCOME_PENDING", X = l && a === "DRAFT", o = !G || P, M = d(
+    (r, z) => {
+      const { id: F } = z || {};
+      r ? g(r) : (e && K({
         milestone_state_group: "LIVE",
-        with_plan: !0,
-        course_stream: f,
-        student_id: h,
-        in_class: m
-      }), s == null || s(e, !0), g(Z.DRAFT_EDIT.completed, {
-        milestone_id: e || R
+        course_stream: p,
+        student_id: c
+      }), n == null || n(e, !0), C(J.DRAFT_EDIT.completed, {
+        milestone_id: e || F
       }));
     },
-    [e, m, h, s, C, g, f]
-  ), { onPublish: v, isProcessing: F } = te({
-    handleGoalPublishComplete: X,
-    milestone: u,
+    [e, c, n, g, C, p]
+  ), { onPublish: S, isProcessing: j } = Q({
+    handleGoalPublishComplete: M,
+    milestone: m,
     milestoneId: e,
-    studentName: k,
-    parentName: O,
-    teacherName: T
-  }), L = d(() => {
+    studentName: $,
+    parentName: T,
+    teacherName: N
+  }), v = d(() => {
     i == null || i({
       milestoneId: e,
-      milestoneName: b,
-      milestoneDueDate: _,
-      isMilestoneChaptersListEditable: A,
-      isMilestoneDateEditable: D,
-      milestoneState: r,
-      canDelete: I,
-      goalCategory: E,
-      goalCode: c
+      milestoneName: u,
+      milestoneDueDate: h,
+      isMilestoneChaptersListEditable: E,
+      isMilestoneDateEditable: _,
+      milestoneState: a,
+      canDelete: b,
+      goalCategory: f,
+      goalCode: l
     });
   }, [
-    I,
-    D,
-    A,
+    b,
     _,
     E,
-    c,
+    h,
+    f,
+    l,
     e,
-    b,
-    r,
+    u,
+    a,
     i
   ]), U = d(() => {
-    a == null || a({ milestoneId: e });
-  }, [a, e]), j = d(() => {
-    n == null || n(e);
-  }, [n, e]);
-  return /* @__PURE__ */ G(
-    W,
-    {
-      $flexDirection: "row",
-      $flexGapX: 1.5,
-      $alignItems: "center",
-      $width: "fit-content",
-      onClick: (l) => l.stopPropagation(),
-      children: [
-        M && /* @__PURE__ */ t(
-          P,
-          {
-            renderAs: "primary",
-            Icon: K,
-            size: "small",
-            label: "Add outcome",
-            shape: "square",
-            widthX: 11,
-            onClick: j
-          }
-        ),
-        S && /* @__PURE__ */ G(V, { children: [
-          /* @__PURE__ */ t(
-            p,
+    s == null || s(e);
+  }, [s, e]);
+  return /* @__PURE__ */ A(w, { $justifyContent: "center", $flexGap: 8, children: [
+    /* @__PURE__ */ A(
+      w,
+      {
+        $flexDirection: "row",
+        $flexGapX: 1.5,
+        $alignItems: "center",
+        $width: "fit-content",
+        onClick: (r) => r.stopPropagation(),
+        children: [
+          O && /* @__PURE__ */ t(
+            I,
+            {
+              renderAs: "primary",
+              size: "small",
+              label: "Add outcome",
+              shape: "square",
+              widthX: 10,
+              onClick: U
+            }
+          ),
+          X && /* @__PURE__ */ t(
+            y,
             {
               position: "bottom",
               renderAs: "primary",
@@ -118,55 +110,47 @@ const be = q((x) => {
               hidden: o,
               widthX: 15,
               children: /* @__PURE__ */ t(
-                P,
+                I,
                 {
                   renderAs: "primary",
                   shape: "square",
-                  widthX: 8,
+                  widthX: 10,
                   label: "Publish",
-                  size: "xsmall",
-                  onClick: v,
-                  busy: F,
+                  size: "small",
+                  onClick: S,
+                  busy: j,
                   disabled: !o
                 }
               )
             }
           ),
           /* @__PURE__ */ t(
-            p,
+            y,
             {
               position: "bottom",
               renderAs: "primary",
               widthX: o ? 5 : 15,
               tooltipItem: o ? "Edit goal" : "Goals can only be edited for students in class.",
               children: /* @__PURE__ */ t(
-                w,
+                q,
                 {
                   renderAs: "secondary",
-                  Icon: J,
+                  Icon: V,
                   analyticsLabel: "Edit Goal",
-                  onClick: L,
+                  onClick: v,
+                  size: "xsmall",
                   disabled: !o
                 }
               )
             }
-          ),
-          /* @__PURE__ */ t(p, { position: "bottom", renderAs: "primary", tooltipItem: "Delete goal", children: /* @__PURE__ */ t(
-            w,
-            {
-              renderAs: "secondary",
-              Icon: H,
-              analyticsLabel: "Delete Goal",
-              onClick: U
-            }
-          ) })
-        ] }),
-        y && /* @__PURE__ */ t(Y, { $renderAs: "ub3-bold", $color: "RED", children: y })
-      ]
-    }
-  );
+          )
+        ]
+      }
+    ),
+    D && /* @__PURE__ */ t(H, { $widthX: 12.5, $renderAs: "ub3-bold", $color: "RED", $align: "center", children: D })
+  ] });
 });
 export {
-  be as default
+  de as default
 };
 //# sourceMappingURL=goal-action-ctas.js.map