@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/milestone/create/submit-modal/use-submit-milestone.js

@@ -0,0 +1,71 @@
+import { useUIContext as N } from "../../../ui/context/context.js";
+import { invalidateMilestoneGetData as O } from "../../edit/comps/edit-milestone-modal/api/get-milestone.js";
+import { useMilestonePatch as j } from "../../edit/comps/edit-milestone-modal/api/patch-milestone.js";
+import { useMilestonePost as x } from "../api/milestone-submit.js";
+import { GOAL_EDIT_FLOWS as _, EVENT_NAMES as G } from "../milestone-create-constants.js";
+const h = (n) => n.filter((t) => t.added).map((t) => ({
+  chapter_code: t.code ?? t.chapter_code,
+  is_in_focus: !0,
+  is_familiar: !1
+})), W = ({
+  formData: n,
+  isMilestoneEdit: t,
+  studentId: f,
+  milestoneId: e,
+  onSubmit: g,
+  setError: P,
+  analyticsProps: b = {},
+  flow: r,
+  courseStream: M
+}) => {
+  const { onEvent: c } = N(), p = (s, o) => {
+    const { id: i } = o || {};
+    s ? P("Oops! Something went wrong. Please try again in sometime.") : (e && O(e), g(), c == null || c(G[r].completed, {
+      milestone_id: e || i,
+      ...b
+    }));
+  }, { post: C, isProcessing: E } = x({
+    onComplete: p
+  }), { patch: d, isProcessing: S } = j({
+    onComplete: p
+  }), y = (s) => {
+    if (e) {
+      const { primaryChaptersList: o = [] } = n, i = {
+        chapters_in_plan: h(o),
+        publish: !0
+      };
+      s && (i.share_message = s), d(e, i);
+    }
+  }, l = (s) => {
+    const {
+      grade: o,
+      testName: i,
+      board: A,
+      milestoneEndDate: u,
+      academicEventId: L,
+      primaryChaptersList: T = [],
+      testType: v,
+      major: D
+    } = n;
+    if (u) {
+      const a = {
+        grade: o,
+        test_name: i,
+        course_stream: M,
+        milestone_date_ts: new Date(u).getTime() / 1e3,
+        academic_event_id: L,
+        chapters_in_plan: h(T),
+        share_message: s,
+        publish: !0
+      };
+      v !== "standardized" && (a.board = A, a.selected_major = D), _.includes(r) && e ? d(e, a) : C(a, {
+        studentId: f
+      });
+    }
+  }, m = S || E;
+  return t ? _.includes(r) ? { submit: y, isProcessing: m } : { submit: l, isProcessing: m } : { submit: l, isProcessing: m };
+};
+export {
+  W as default
+};
+//# sourceMappingURL=use-submit-milestone.js.map

package/dist/features/milestone/create/submit-modal/use-submit-milestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-submit-milestone.js","sources":["../../../../../src/features/milestone/create/submit-modal/use-submit-milestone.ts"],"sourcesContent":["import type { IChapter } from '../comps/chapter-item/chapter-item-types';\nimport type {\n  IMilestoneFormData,\n  TCourseStream,\n  TMilestoneFormFlow,\n  TMilestonePayload,\n} from '../milestone-create-types';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport { invalidateMilestoneGetData } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { useMilestonePatch } from '../../edit/comps/edit-milestone-modal/api/patch-milestone';\nimport { useMilestonePost } from '../api/milestone-submit';\nimport { EVENT_NAMES, GOAL_EDIT_FLOWS } from '../milestone-create-constants';\n\ninterface IUseSubmitMilestoneProps {\n  formData: IMilestoneFormData;\n  isMilestoneEdit: boolean;\n  studentId: string;\n  milestoneId: string | null;\n  onSubmit: () => void;\n  setError: React.Dispatch<React.SetStateAction<string>>;\n  analyticsProps?: Record<string, unknown>;\n  flow: TMilestoneFormFlow;\n  courseStream: TCourseStream;\n}\n\ninterface IGetAddedChapters {\n  (chapters: IChapter[]): TMilestonePayload['chapters_in_plan'];\n}\n\nconst getAddedChapters: IGetAddedChapters = chapters => {\n  return chapters\n    .filter(chapter => chapter.added)\n    .map(chapter => ({\n      chapter_code: chapter.code ?? chapter.chapter_code,\n      is_in_focus: true,\n      is_familiar: false,\n    }));\n};\n\nconst useSubmitMilestone = ({\n  formData,\n  isMilestoneEdit,\n  studentId,\n  milestoneId,\n  onSubmit,\n  setError,\n  analyticsProps = {},\n  flow,\n  courseStream,\n}: IUseSubmitMilestoneProps) => {\n  const { onEvent: trackEvent } = useUIContext();\n  const onMilestoneSubmitComplete = (errorMessage: string | null, data?: { id: string }) => {\n    const { id } = data || {};\n\n    if (errorMessage) {\n      setError('Oops! Something went wrong. Please try again in sometime.');\n    } else {\n      if (milestoneId) invalidateMilestoneGetData(milestoneId);\n      onSubmit();\n      trackEvent?.(EVENT_NAMES[flow].completed, {\n        milestone_id: milestoneId || id,\n        ...analyticsProps,\n      });\n    }\n  };\n\n  const { post: postMilestone, isProcessing: isPostProcessing } = useMilestonePost({\n    onComplete: onMilestoneSubmitComplete,\n  });\n\n  const { patch: patchMilestone, isProcessing: isPatchProcessing } = useMilestonePatch({\n    onComplete: onMilestoneSubmitComplete,\n  });\n\n  const submitPlanAndShareEdit = (message?: string) => {\n    if (milestoneId) {\n      const { primaryChaptersList = [] } = formData;\n\n      const payload: TMilestonePayload = {\n        chapters_in_plan: getAddedChapters(primaryChaptersList),\n        publish: true,\n      };\n\n      if (message) {\n        payload.share_message = message;\n      }\n\n      patchMilestone(milestoneId, payload);\n    }\n  };\n\n  const submitPlanAndShare = (message?: string) => {\n    const {\n      grade,\n      testName,\n      board,\n      milestoneEndDate,\n      academicEventId,\n      primaryChaptersList = [],\n      testType,\n      major,\n    } = formData;\n\n    if (milestoneEndDate) {\n      const payload: TMilestonePayload = {\n        grade,\n        test_name: testName,\n        course_stream: courseStream,\n        milestone_date_ts: new Date(milestoneEndDate).getTime() / 1000,\n        academic_event_id: academicEventId,\n        chapters_in_plan: getAddedChapters(primaryChaptersList),\n        share_message: message,\n        publish: true,\n      };\n\n      if (testType !== 'standardized') {\n        payload.board = board;\n        payload.selected_major = major;\n      }\n\n      if (GOAL_EDIT_FLOWS.includes(flow) && milestoneId) {\n        patchMilestone(milestoneId, payload);\n      } else\n        postMilestone(payload, {\n          studentId,\n        });\n    }\n  };\n\n  const isProcessing = isPatchProcessing || isPostProcessing;\n\n  if (isMilestoneEdit) {\n    if (!GOAL_EDIT_FLOWS.includes(flow)) return { submit: submitPlanAndShare, isProcessing };\n\n    return { submit: submitPlanAndShareEdit, isProcessing };\n  }\n\n  return { submit: submitPlanAndShare, isProcessing };\n};\n\nexport default useSubmitMilestone;\n"],"names":["getAddedChapters","chapters","chapter","useSubmitMilestone","formData","isMilestoneEdit","studentId","milestoneId","onSubmit","setError","analyticsProps","flow","courseStream","trackEvent","useUIContext","onMilestoneSubmitComplete","errorMessage","data","id","EVENT_NAMES","postMilestone","isPostProcessing","useMilestonePost","patchMilestone","isPatchProcessing","useMilestonePatch","submitPlanAndShareEdit","message","primaryChaptersList","payload","submitPlanAndShare","grade","testName","board","milestoneEndDate","academicEventId","testType","major","GOAL_EDIT_FLOWS","isProcessing"],"mappings":";;;;;AA8BA,MAAMA,IAAsC,CAAYC,MAC/CA,EACJ,OAAO,CAAAC,MAAWA,EAAQ,KAAK,EAC/B,IAAI,CAAYA,OAAA;AAAA,EACf,cAAcA,EAAQ,QAAQA,EAAQ;AAAA,EACtC,aAAa;AAAA,EACb,aAAa;AACb,EAAA,GAGAC,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAC;AAAA,EAClB,MAAAC;AAAA,EACA,cAAAC;AACF,MAAgC;AAC9B,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAA4B,CAACC,GAA6BC,MAA0B;AACxF,UAAM,EAAE,IAAAC,EAAA,IAAOD,KAAQ;AAEvB,IAAID,IACFP,EAAS,2DAA2D,KAEhEF,OAAwCA,CAAW,GAC9CC,KACIK,KAAA,QAAAA,EAAAM,EAAYR,CAAI,EAAE,WAAW;AAAA,MACxC,cAAcJ,KAAeW;AAAA,MAC7B,GAAGR;AAAA,IAAA;AAAA,EAEP,GAGI,EAAE,MAAMU,GAAe,cAAcC,EAAA,IAAqBC,EAAiB;AAAA,IAC/E,YAAYP;AAAA,EAAA,CACb,GAEK,EAAE,OAAOQ,GAAgB,cAAcC,EAAA,IAAsBC,EAAkB;AAAA,IACnF,YAAYV;AAAA,EAAA,CACb,GAEKW,IAAyB,CAACC,MAAqB;AACnD,QAAIpB,GAAa;AACf,YAAM,EAAE,qBAAAqB,IAAsB,GAAO,IAAAxB,GAE/ByB,IAA6B;AAAA,QACjC,kBAAkB7B,EAAiB4B,CAAmB;AAAA,QACtD,SAAS;AAAA,MAAA;AAGX,MAAID,MACFE,EAAQ,gBAAgBF,IAG1BJ,EAAehB,GAAasB,CAAO;AAAA,IACrC;AAAA,EAAA,GAGIC,IAAqB,CAACH,MAAqB;AACzC,UAAA;AAAA,MACJ,OAAAI;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,qBAAAP,IAAsB,CAAC;AAAA,MACvB,UAAAQ;AAAA,MACA,OAAAC;AAAA,IACE,IAAAjC;AAEJ,QAAI8B,GAAkB;AACpB,YAAML,IAA6B;AAAA,QACjC,OAAAE;AAAA,QACA,WAAWC;AAAA,QACX,eAAepB;AAAA,QACf,mBAAmB,IAAI,KAAKsB,CAAgB,EAAE,QAAY,IAAA;AAAA,QAC1D,mBAAmBC;AAAA,QACnB,kBAAkBnC,EAAiB4B,CAAmB;AAAA,QACtD,eAAeD;AAAA,QACf,SAAS;AAAA,MAAA;AAGX,MAAIS,MAAa,mBACfP,EAAQ,QAAQI,GAChBJ,EAAQ,iBAAiBQ,IAGvBC,EAAgB,SAAS3B,CAAI,KAAKJ,IACpCgB,EAAehB,GAAasB,CAAO,IAEnCT,EAAcS,GAAS;AAAA,QACrB,WAAAvB;AAAA,MAAA,CACD;AAAA,IACL;AAAA,EAAA,GAGIiC,IAAef,KAAqBH;AAE1C,SAAIhB,IACGiC,EAAgB,SAAS3B,CAAI,IAE3B,EAAE,QAAQe,GAAwB,cAAAa,MAFG,EAAE,QAAQT,GAAoB,cAAAS,MAKrE,EAAE,QAAQT,GAAoB,cAAAS;AACvC;"}

package/dist/features/milestone/create/utils/index.js

@@ -0,0 +1,52 @@
+const h = (r) => r.map(({ name: t }) => ({
+  name: t
+})), f = (r, t = !1) => r.map((a) => {
+  const {
+    id: n,
+    code: o,
+    chapter_code: e,
+    image_url: s,
+    name: i,
+    chapter_tags: d,
+    state: l,
+    recommended: p,
+    is_puzzle_chapter: c,
+    program_id: g,
+    blocks: u
+  } = a;
+  return {
+    id: n,
+    code: o || e,
+    chapter_code: e,
+    image_url: s,
+    name: i,
+    chapter_tags: d,
+    state: l,
+    recommended: p,
+    added: !t,
+    program_id: g,
+    is_puzzle_chapter: c,
+    learning_sheet_data: h(u)
+  };
+}), _ = (r) => {
+  const t = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+  r && r.forEach(({ board: e, grade: s }) => {
+    t.add(e), a.add(s);
+  });
+  const n = Array.from(t, (e) => ({
+    id: e,
+    label: e
+  })), o = Array.from(a, (e) => ({
+    id: e,
+    label: e
+  }));
+  return { boardOptions: n, gradeOptions: o };
+}, b = (r, t, a, n) => r ? "No results. Please clear the filters" : n === "STUDENT" ? `Waiting for your teacher 
+ to create your personalized learning plan!` : t ? `Publish ${a}'s draft goals or set new ones to build their learning plan.` : `Create ${a}'s learning plan by adding a goal`;
+export {
+  _ as getFilterOptions,
+  f as getFormChapters,
+  h as getLearningSheetData,
+  b as getNoMilestoneTitle
+};
+//# sourceMappingURL=index.js.map

package/dist/features/milestone/create/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/milestone/create/utils/index.ts"],"sourcesContent":["import type { IMilestoneData } from '../../milestone-list-container/milestone-list/milestone-list-types';\nimport type { IChapter, IChapterModel } from '../comps/chapter-item/chapter-item-types';\nimport type { IMilestoneFormData } from '../milestone-create-types';\nimport type { TRecommendedChaptersQuery } from '../types';\n\n//TODO: refactor conditions when all are clear\nconst createChaptersListQueryParams = (formData: IMilestoneFormData): TRecommendedChaptersQuery => {\n  const { chapterGoalCategory } = formData;\n  const { program_code: programCode } = chapterGoalCategory?.primaryGoalCategory || {};\n\n  const queryParams: TRecommendedChaptersQuery = {\n    filter_type: 'PROGRAM_CODE',\n    program_code: programCode,\n  };\n\n  return queryParams;\n};\n\nconst getLearningSheetData = (blocks: IChapterModel['blocks']) => {\n  return blocks.map(({ name }) => ({\n    name,\n  }));\n};\n\nconst getFormChapters = (chapters: IChapterModel[], editMode = false): IChapter[] => {\n  return chapters.map(chapter => {\n    const {\n      id,\n      code,\n      chapter_code,\n      image_url,\n      name,\n      chapter_tags,\n      state,\n      recommended,\n      is_puzzle_chapter: isPuzzleChapter,\n      program_id: programId,\n      blocks,\n    } = chapter;\n\n    return {\n      id,\n      code: code || chapter_code,\n      chapter_code,\n      image_url,\n      name,\n      chapter_tags,\n      state,\n      recommended,\n      added: !editMode,\n      program_id: programId,\n      is_puzzle_chapter: isPuzzleChapter,\n      learning_sheet_data: getLearningSheetData(blocks),\n    };\n  });\n};\n\nconst getFilterOptions = (milestones: IMilestoneData[] | undefined) => {\n  const boardSet = new Set<string>();\n  const gradeSet = new Set<string>();\n\n  if (milestones) {\n    milestones.forEach(({ board, grade }) => {\n      boardSet.add(board);\n      gradeSet.add(grade);\n    });\n  }\n\n  const bdOptions: { id: string; label: string }[] = Array.from(boardSet, item => ({\n    id: item,\n    label: item,\n  }));\n\n  const grOptions: { id: string; label: string }[] = Array.from(gradeSet, item => ({\n    id: item,\n    label: item,\n  }));\n\n  return { boardOptions: bdOptions, gradeOptions: grOptions };\n};\n\nconst getNoMilestoneTitle = (\n  isFiltersAdded: boolean,\n  isDraftMilestonePresent: boolean,\n  studentName: string,\n  userType: string,\n) => {\n  if (isFiltersAdded) {\n    return 'No results. Please clear the filters';\n  }\n\n  if (userType === 'STUDENT') {\n    return `Waiting for your teacher \\n to create your personalized learning plan!`;\n  }\n\n  if (isDraftMilestonePresent) {\n    return `Publish ${studentName}'s draft goals or set new ones to build their learning plan.`;\n  }\n\n  return `Create ${studentName}'s learning plan by adding a goal`;\n};\n\nexport {\n  createChaptersListQueryParams,\n  getFormChapters,\n  getFilterOptions,\n  getNoMilestoneTitle,\n  getLearningSheetData,\n};\n"],"names":["getLearningSheetData","blocks","name","getFormChapters","chapters","editMode","chapter","id","code","chapter_code","image_url","chapter_tags","state","recommended","isPuzzleChapter","programId","getFilterOptions","milestones","boardSet","gradeSet","board","grade","bdOptions","item","grOptions","getNoMilestoneTitle","isFiltersAdded","isDraftMilestonePresent","studentName","userType"],"mappings":"AAkBM,MAAAA,IAAuB,CAACC,MACrBA,EAAO,IAAI,CAAC,EAAE,MAAAC,SAAY;AAAA,EAC/B,MAAAA;AACA,EAAA,GAGEC,IAAkB,CAACC,GAA2BC,IAAW,OACtDD,EAAS,IAAI,CAAWE,MAAA;AACvB,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAR;AAAA,IACA,cAAAS;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAmBC;AAAA,IACnB,YAAYC;AAAA,IACZ,QAAAd;AAAA,EACE,IAAAK;AAEG,SAAA;AAAA,IACL,IAAAC;AAAA,IACA,MAAMC,KAAQC;AAAA,IACd,cAAAA;AAAA,IACA,WAAAC;AAAA,IACA,MAAAR;AAAA,IACA,cAAAS;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAO,CAACR;AAAA,IACR,YAAYU;AAAA,IACZ,mBAAmBD;AAAA,IACnB,qBAAqBd,EAAqBC,CAAM;AAAA,EAAA;AAClD,CACD,GAGGe,IAAmB,CAACC,MAA6C;AAC/D,QAAAC,wBAAe,OACfC,wBAAe;AAErB,EAAIF,KACFA,EAAW,QAAQ,CAAC,EAAE,OAAAG,GAAO,OAAAC,QAAY;AACvC,IAAAH,EAAS,IAAIE,CAAK,GAClBD,EAAS,IAAIE,CAAK;AAAA,EAAA,CACnB;AAGH,QAAMC,IAA6C,MAAM,KAAKJ,GAAU,CAASK,OAAA;AAAA,IAC/E,IAAIA;AAAA,IACJ,OAAOA;AAAA,EACP,EAAA,GAEIC,IAA6C,MAAM,KAAKL,GAAU,CAASI,OAAA;AAAA,IAC/E,IAAIA;AAAA,IACJ,OAAOA;AAAA,EACP,EAAA;AAEF,SAAO,EAAE,cAAcD,GAAW,cAAcE,EAAU;AAC5D,GAEMC,IAAsB,CAC1BC,GACAC,GACAC,GACAC,MAEIH,IACK,yCAGLG,MAAa,YACR;AAAA,+CAGLF,IACK,WAAWC,CAAW,iEAGxB,UAAUA,CAAW;"}

package/dist/features/milestone/edit/comps/delete-milestone/confirm-delete.js

@@ -0,0 +1,62 @@
+import { jsxs as r, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { useState as g } from "react";
+import u from "../../../../ui/buttons/button/button.js";
+import t from "../../../../ui/layout/flex-view.js";
+import x from "../../../../ui/separator/separator.js";
+import i from "../../../../ui/text/text.js";
+import { useMilestoneDelete as b } from "../edit-milestone-modal/api/delete-milestone.js";
+import { WarningsListWrapper as w, ListText as s } from "./styled.js";
+const D = "Deleting a goal is irreversible!", y = [
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $inline: !0, $renderAs: "ub2", children: "This card and its resources will be removed from the homepage." }) }, "list-item-1"),
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { $renderAs: "ub2", $inline: !0, children: "Chapter progress won't be lost; it will still show in other goals with these chapters." }) }, "list-item-2")
+], L = ({ milestoneId: o, onDelete: a }) => {
+  const [d, n] = g(!1), h = (l, f) => {
+    l ? n(!0) : (n(!1), a(f));
+  }, { delete: c, isProcessing: m } = b({
+    onComplete: h
+  }), p = () => {
+    c(o);
+  };
+  return /* @__PURE__ */ r(
+    t,
+    {
+      $height: "100%",
+      $justifyContent: "space-between",
+      $flexGapX: 2.5,
+      $gutterX: 1.5,
+      $gapX: 1.5,
+      children: [
+        /* @__PURE__ */ r(t, { $flexGapX: 1.5, children: [
+          /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", children: D }),
+          /* @__PURE__ */ e(t, { $flexGapX: 1, children: /* @__PURE__ */ r(w, { children: [
+            /* @__PURE__ */ e(i, { $renderAs: "ac4-black", $color: "RED", children: "Please note" }),
+            y.map((l) => l)
+          ] }) })
+        ] }),
+        /* @__PURE__ */ r(t, { children: [
+          d && /* @__PURE__ */ e(t, { $heightX: 2.375, $justifyContent: "flex-end", children: /* @__PURE__ */ r($, { children: [
+            /* @__PURE__ */ e(i, { $renderAs: "body2", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
+            /* @__PURE__ */ e(x, { heightX: 1 })
+          ] }) }),
+          /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "flex-end", children: /* @__PURE__ */ e(
+            u,
+            {
+              renderAs: "primary",
+              label: "Delete",
+              analyticsLabel: "modal_delete_milestone",
+              size: "small",
+              shape: "square",
+              onClick: p,
+              busy: m,
+              widthX: 12
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  L as default
+};
+//# sourceMappingURL=confirm-delete.js.map

package/dist/features/milestone/edit/comps/delete-milestone/confirm-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete.js","sources":["../../../../../../src/features/milestone/edit/comps/delete-milestone/confirm-delete.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useMilestoneDelete } from '../edit-milestone-modal/api/delete-milestone';\nimport * as Styled from './styled';\n\nconst header = 'Deleting a goal is irreversible!';\nconst warningTexts = [\n  <li key=\"list-item-1\">\n    <Styled.ListText $inline $renderAs=\"ub2\">\n      This card and its resources will be removed from the homepage.\n    </Styled.ListText>\n  </li>,\n  <li key=\"list-item-2\">\n    <Styled.ListText $renderAs=\"ub2\" $inline>\n      Chapter progress won't be lost; it will still show in other goals with these chapters.\n    </Styled.ListText>\n  </li>,\n];\n\ninterface IConfirmDeleteProps {\n  onDelete: (data: { milestone_name: string } | undefined) => void;\n  milestoneId: string;\n}\n\nconst ConfirmDelete: FC<IConfirmDeleteProps> = ({ milestoneId, onDelete: handleDeleteSuccess }) => {\n  const [isDeleteFailed, setDeleteFailed] = useState(false);\n\n  const handleMilestoneDeleteComplete = (\n    error: string | null,\n    data?: { milestone_name: string },\n  ) => {\n    if (error) {\n      setDeleteFailed(true);\n    } else {\n      setDeleteFailed(false);\n      handleDeleteSuccess(data);\n    }\n  };\n\n  const { delete: deleteMilestone, isProcessing } = useMilestoneDelete({\n    onComplete: handleMilestoneDeleteComplete,\n  });\n\n  const handleDelete = () => {\n    deleteMilestone(milestoneId);\n  };\n\n  return (\n    <FlexView\n      $height=\"100%\"\n      $justifyContent=\"space-between\"\n      $flexGapX={2.5}\n      $gutterX={1.5}\n      $gapX={1.5}\n    >\n      <FlexView $flexGapX={1.5}>\n        <Text $renderAs=\"ah4-bold\">{header}</Text>\n\n        <FlexView $flexGapX={1}>\n          <Styled.WarningsListWrapper>\n            <Text $renderAs=\"ac4-black\" $color=\"RED\">\n              Please note\n            </Text>\n\n            {warningTexts.map(text => text)}\n          </Styled.WarningsListWrapper>\n        </FlexView>\n      </FlexView>\n\n      <FlexView>\n        {isDeleteFailed && (\n          <FlexView $heightX={2.375} $justifyContent=\"flex-end\">\n            <>\n              <Text $renderAs=\"body2\" $color=\"RED\" $alignSelf=\"center\">\n                Oops! Something went wrong. Please try again in sometime.\n              </Text>\n              <Separator heightX={1} />\n            </>\n          </FlexView>\n        )}\n\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"flex-end\">\n          <Button\n            renderAs=\"primary\"\n            label=\"Delete\"\n            analyticsLabel=\"modal_delete_milestone\"\n            size=\"small\"\n            shape=\"square\"\n            onClick={handleDelete}\n            busy={isProcessing}\n            widthX={12}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default ConfirmDelete;\n"],"names":["header","warningTexts","jsx","Styled.ListText","ConfirmDelete","milestoneId","handleDeleteSuccess","isDeleteFailed","setDeleteFailed","useState","handleMilestoneDeleteComplete","error","data","deleteMilestone","isProcessing","useMilestoneDelete","handleDelete","jsxs","FlexView","Text","Styled.WarningsListWrapper","text","Fragment","Separator","Button"],"mappings":";;;;;;;;AASA,MAAMA,IAAS,oCACTC,IAAe;AAAA,EAClB,gBAAAC,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,SAAO,IAAC,WAAU,OAAM,UAEzC,iEAAA,CAAA,EAAA,GAHM,aAIR;AAAA,EACC,gBAAAD,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAgB,WAAU,OAAM,SAAO,IAAC,UAEzC,yFAAA,CAAA,EAAA,GAHM,aAIR;AACF,GAOMC,IAAyC,CAAC,EAAE,aAAAC,GAAa,UAAUC,QAA0B;AACjG,QAAM,CAACC,GAAgBC,CAAe,IAAIC,EAAS,EAAK,GAElDC,IAAgC,CACpCC,GACAC,MACG;AACH,IAAID,IACFH,EAAgB,EAAI,KAEpBA,EAAgB,EAAK,GACrBF,EAAoBM,CAAI;AAAA,EAC1B,GAGI,EAAE,QAAQC,GAAiB,cAAAC,EAAA,IAAiBC,EAAmB;AAAA,IACnE,YAAYL;AAAA,EAAA,CACb,GAEKM,IAAe,MAAM;AACzB,IAAAH,EAAgBR,CAAW;AAAA,EAAA;AAI3B,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAA;AAAA,QAAC,gBAAAD,EAAAC,GAAA,EAAS,WAAW,KACnB,UAAA;AAAA,UAAC,gBAAAhB,EAAAiB,GAAA,EAAK,WAAU,YAAY,UAAOnB,GAAA;AAAA,4BAElCkB,GAAS,EAAA,WAAW,GACnB,UAAC,gBAAAD,EAAAG,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAlB,EAACiB,GAAK,EAAA,WAAU,aAAY,QAAO,OAAM,UAEzC,eAAA;AAAA,YAEClB,EAAa,IAAI,CAAAoB,MAAQA,CAAI;AAAA,UAAA,EAAA,CAChC,EACF,CAAA;AAAA,QAAA,GACF;AAAA,0BAECH,GACE,EAAA,UAAA;AAAA,UAAAX,uBACEW,GAAS,EAAA,UAAU,OAAO,iBAAgB,YACzC,UACE,gBAAAD,EAAAK,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAApB,EAACiB,KAAK,WAAU,SAAQ,QAAO,OAAM,YAAW,UAAS,UAEzD,4DAAA,CAAA;AAAA,YACA,gBAAAjB,EAACqB,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,EACF,CAAA;AAAA,4BAGDL,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,YAClE,UAAA,gBAAAhB;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,gBAAe;AAAA,cACf,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASR;AAAA,cACT,MAAMF;AAAA,cACN,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/milestone/edit/comps/delete-milestone/styled.js

@@ -0,0 +1,23 @@
+import i from "styled-components";
+import e from "../../../../ui/text/text.js";
+const s = i.div(
+  ({
+    theme: {
+      colors: { BLACK_T_87: t }
+    }
+  }) => `
+      list-style: decimal;
+      font-size: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      color : ${t};
+    `
+), r = i(e)`
+  display: inline;
+`;
+export {
+  r as ListText,
+  s as WarningsListWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/features/milestone/edit/comps/delete-milestone/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/features/milestone/edit/comps/delete-milestone/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\n\nconst WarningsListWrapper = styled.div(\n  ({\n    theme: {\n      colors: { BLACK_T_87 },\n    },\n  }) => `\n      list-style: decimal;\n      font-size: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      color : ${BLACK_T_87};\n    `,\n);\n\nconst ListText = styled(Text)`\n  display: inline;\n`;\n\nexport { WarningsListWrapper, ListText };\n"],"names":["WarningsListWrapper","styled","BLACK_T_87","ListText","Text"],"mappings":";;AAIA,MAAMA,IAAsBC,EAAO;AAAA,EACjC,CAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ,EAAE,YAAAC,EAAW;AAAA,IACvB;AAAA,EAAA,MACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMQA,CAAU;AAAA;AAE1B,GAEMC,IAAWF,EAAOG,CAAI;AAAA;AAAA;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/delete-milestone.js

@@ -0,0 +1,9 @@
+import { createDeleteAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V3 as o } from "../../../../../../constants/api.js";
+const { useDelete: l } = t({
+  getURL: (e) => `${o}/user-milestone/${e}`
+});
+export {
+  l as useMilestoneDelete
+};
+//# sourceMappingURL=delete-milestone.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/delete-milestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-milestone.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/delete-milestone.ts"],"sourcesContent":["import { createDeleteAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../../constants/api';\n\nconst { useDelete: useMilestoneDelete } = createDeleteAPI<{ milestone_name: string }>({\n  getURL: (milestoneId: string) => `${BASE_URL_V3}/user-milestone/${milestoneId}`,\n});\n\nexport { useMilestoneDelete };\n"],"names":["useMilestoneDelete","createDeleteAPI","milestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,WAAWA,EAAmB,IAAIC,EAA4C;AAAA,EACpF,QAAQ,CAACC,MAAwB,GAAGC,CAAW,mBAAmBD,CAAW;AAC/E,CAAC;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js

@@ -0,0 +1,11 @@
+import { createGetAPI as i } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as o } from "../../../../../../constants/api.js";
+import { stringify as r } from "../../../../../../helpers/query-string.js";
+const { useGet: n, invalidate: l } = i({
+  getURL: (e, t) => `${o}/user-milestone/${e}/?${r(t)}`
+});
+export {
+  l as invalidateMilestoneGetData,
+  n as useMilestoneGet
+};
+//# sourceMappingURL=get-milestone.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-milestone.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/get-milestone.ts"],"sourcesContent":["import type { IMilestoneData } from '../../../../milestone-list-container/milestone-list/milestone-list-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../../../constants/api';\nimport { stringify } from '../../../../../../helpers/query-string';\n\ntype TQuery = {\n  with_sheets: boolean;\n  with_recommended_chapters?: boolean;\n};\n\nconst { useGet: useMilestoneGet, invalidate: invalidateMilestoneGetData } = createGetAPI<\n  IMilestoneData,\n  TQuery\n>({\n  getURL: (milestoneId, query) =>\n    `${BASE_URL_V3_1}/user-milestone/${milestoneId}/?${stringify(query)}`,\n});\n\nexport { useMilestoneGet, invalidateMilestoneGetData };\n"],"names":["useMilestoneGet","invalidateMilestoneGetData","createGetAPI","milestoneId","query","BASE_URL_V3_1","stringify"],"mappings":";;;AAYA,MAAM,EAAE,QAAQA,GAAiB,YAAYC,EAAA,IAA+BC,EAG1E;AAAA,EACA,QAAQ,CAACC,GAAaC,MACpB,GAAGC,CAAa,mBAAmBF,CAAW,KAAKG,EAAUF,CAAK,CAAC;AACvE,CAAC;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js

@@ -0,0 +1,9 @@
+import { createPatchAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V3_2 as o } from "../../../../../../constants/api.js";
+const { usePatch: c } = e({
+  getURL: (t) => `${o}/user-milestone/${t}`
+});
+export {
+  c as useGoalPlanPatch
+};
+//# sourceMappingURL=patch-goal-plan.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch-goal-plan.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/patch-goal-plan.ts"],"sourcesContent":["import { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../../../constants/api';\n\nconst { usePatch: useGoalPlanPatch } = createPatchAPI<{ id: string }, Record<string, unknown>>({\n  getURL: milestoneId => `${BASE_URL_V3_2}/user-milestone/${milestoneId}`,\n});\n\nexport { useGoalPlanPatch };\n"],"names":["useGoalPlanPatch","createPatchAPI","milestoneId","BASE_URL_V3_2"],"mappings":";;AAIA,MAAM,EAAE,UAAUA,EAAiB,IAAIC,EAAwD;AAAA,EAC7F,QAAQ,CAAAC,MAAe,GAAGC,CAAa,mBAAmBD,CAAW;AACvE,CAAC;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-milestone.js

@@ -0,0 +1,9 @@
+import { createPatchAPI as t } from "@cuemath/rest-api";
+import { BASE_URL_V3 as o } from "../../../../../../constants/api.js";
+const { usePatch: c } = t({
+  getURL: (e) => `${o}/user-milestone/${e}`
+});
+export {
+  c as useMilestonePatch
+};
+//# sourceMappingURL=patch-milestone.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/api/patch-milestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch-milestone.js","sources":["../../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/api/patch-milestone.ts"],"sourcesContent":["import { createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../../constants/api';\n\nconst { usePatch: useMilestonePatch } = createPatchAPI<{ id: string }, Record<string, unknown>>({\n  getURL: milestoneId => `${BASE_URL_V3}/user-milestone/${milestoneId}`,\n});\n\nexport { useMilestonePatch };\n"],"names":["useMilestonePatch","createPatchAPI","milestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,UAAUA,EAAkB,IAAIC,EAAwD;AAAA,EAC9F,QAAQ,CAAAC,MAAe,GAAGC,CAAW,mBAAmBD,CAAW;AACrE,CAAC;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js

@@ -0,0 +1,91 @@
+import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { memo as b } from "react";
+import u from "../../../../ui/buttons/button/button.js";
+import C from "../../../../ui/buttons/text-button/text-button.js";
+import X from "../../../../ui/inputs/text-input/text-input.js";
+import t from "../../../../ui/layout/flex-view.js";
+import A from "../../../../ui/separator/separator.js";
+import n from "../../../../ui/text/text.js";
+import { formatDate as d } from "../../../../../node_modules/date-fns/format.js";
+const F = b(
+  ({
+    inputMilestoneName: a,
+    areDateUpdatesDisabled: m,
+    handleDateChange: s,
+    inputMilestoneDate: o,
+    anyFieldChanged: $,
+    isProcessing: l,
+    isDataPatched: i,
+    onSave: f,
+    isPatchingFailed: h,
+    onDeleteOptionClick: c,
+    errorMessage: p,
+    canDelete: y,
+    milestoneState: g
+  }) => {
+    const x = !$ || l || i || !o;
+    return /* @__PURE__ */ r(t, { $gutterX: 1.5, $gapX: 1.5, $height: "100%", $justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(n, { $renderAs: "h4", children: "Edit Goal" }),
+      /* @__PURE__ */ e(t, { $width: "fit-content", $marginBottomX: 0.5, children: /* @__PURE__ */ e(n, { $renderAs: "ab1", children: a }) }),
+      /* @__PURE__ */ e(
+        X,
+        {
+          renderAs: "primary",
+          type: "date",
+          label: "Tentative Date of Completion",
+          widthX: 20,
+          min: d(Date.now(), "yyyy-MM-dd"),
+          value: o ? d(o * 1e3, "yyyy-MM-dd") : "",
+          onChange: s,
+          errorMessage: p,
+          disabled: m
+        }
+      ),
+      /* @__PURE__ */ e(t, { $heightX: i ? 2.375 : 3.625, $justifyContent: "flex-end", children: h && /* @__PURE__ */ r(w, { children: [
+        /* @__PURE__ */ e(n, { $renderAs: "body2", $color: "RED", $alignSelf: "center", children: "Oops! Something went wrong. Please try again in sometime." }),
+        /* @__PURE__ */ e(A, { heightX: 1 })
+      ] }) }),
+      /* @__PURE__ */ r(t, { children: [
+        i && /* @__PURE__ */ e(t, { $width: "100%", children: /* @__PURE__ */ e(n, { $renderAs: "body2", $alignSelf: "flex-end", $color: "GREEN_5", $marginBottomX: 0.25, children: "Changes saved!" }) }),
+        /* @__PURE__ */ r(
+          t,
+          {
+            $flexDirection: "row",
+            $justifyContent: "space-between",
+            $alignItems: "center",
+            $flexGapX: 1.5,
+            $width: "100%",
+            children: [
+              /* @__PURE__ */ e(
+                t,
+                {
+                  $flexDirection: "row",
+                  $justifyContent: "flex-end",
+                  $alignItems: "center",
+                  $flexColumnGapX: 1,
+                  $width: "100%",
+                  children: g !== "DRAFT" && y && /* @__PURE__ */ e(C, { label: "Delete", color: "RED", onClick: c })
+                }
+              ),
+              /* @__PURE__ */ e(
+                u,
+                {
+                  renderAs: "primary",
+                  label: l ? "Saving..." : "Save",
+                  onClick: f,
+                  size: "small",
+                  shape: "square",
+                  disabled: x
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  F as default
+};
+//# sourceMappingURL=edit-milestone.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-milestone.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.tsx"],"sourcesContent":["import type { TMilestoneStates } from '../../../milestone-list-container/milestone-list/milestone-list-types';\nimport type { ChangeEvent } from 'react';\n\nimport { format } from 'date-fns';\nimport { memo } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport TextInput from '../../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\n\ninterface IEditMilestoneProps {\n  inputMilestoneName: string;\n  areDateUpdatesDisabled: boolean;\n  handleDateChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  inputMilestoneDate: number;\n  anyFieldChanged: boolean;\n  isProcessing: boolean;\n  isDataPatched: boolean;\n  isMilestoneChaptersListEditable: boolean;\n  onSave: () => void;\n  isPatchingFailed: boolean;\n  onDeleteOptionClick: () => void;\n  errorMessage: string;\n  canDelete: boolean;\n  milestoneState: TMilestoneStates;\n}\n\nconst EditMilestone: React.FC<IEditMilestoneProps> = memo(\n  ({\n    inputMilestoneName,\n    areDateUpdatesDisabled,\n    handleDateChange,\n    inputMilestoneDate,\n    anyFieldChanged,\n    isProcessing,\n    isDataPatched,\n    onSave,\n    isPatchingFailed,\n    onDeleteOptionClick,\n    errorMessage,\n    canDelete,\n    milestoneState,\n  }) => {\n    const isSaveDisabled = !anyFieldChanged || isProcessing || isDataPatched || !inputMilestoneDate;\n\n    return (\n      <FlexView $gutterX={1.5} $gapX={1.5} $height=\"100%\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"h4\">Edit Goal</Text>\n\n        <FlexView $width=\"fit-content\" $marginBottomX={0.5}>\n          <Text $renderAs=\"ab1\">{inputMilestoneName}</Text>\n        </FlexView>\n\n        <TextInput\n          renderAs=\"primary\"\n          type=\"date\"\n          label=\"Tentative Date of Completion\"\n          widthX={20}\n          min={format(Date.now(), 'yyyy-MM-dd')}\n          value={inputMilestoneDate ? format(inputMilestoneDate * 1000, 'yyyy-MM-dd') : ''}\n          onChange={handleDateChange}\n          errorMessage={errorMessage}\n          disabled={areDateUpdatesDisabled}\n        />\n\n        <FlexView $heightX={isDataPatched ? 2.375 : 3.625} $justifyContent=\"flex-end\">\n          {isPatchingFailed && (\n            <>\n              <Text $renderAs=\"body2\" $color=\"RED\" $alignSelf=\"center\">\n                Oops! Something went wrong. Please try again in sometime.\n              </Text>\n              <Separator heightX={1} />\n            </>\n          )}\n        </FlexView>\n\n        <FlexView>\n          {isDataPatched && (\n            <FlexView $width=\"100%\">\n              <Text $renderAs=\"body2\" $alignSelf=\"flex-end\" $color=\"GREEN_5\" $marginBottomX={0.25}>\n                Changes saved!\n              </Text>\n            </FlexView>\n          )}\n\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $alignItems=\"center\"\n            $flexGapX={1.5}\n            $width=\"100%\"\n          >\n            <FlexView\n              $flexDirection=\"row\"\n              $justifyContent=\"flex-end\"\n              $alignItems=\"center\"\n              $flexColumnGapX={1}\n              $width=\"100%\"\n            >\n              {milestoneState !== 'DRAFT' && canDelete && (\n                <TextButton label=\"Delete\" color=\"RED\" onClick={onDeleteOptionClick} />\n              )}\n            </FlexView>\n\n            <Button\n              renderAs=\"primary\"\n              label={isProcessing ? 'Saving...' : 'Save'}\n              onClick={onSave}\n              size=\"small\"\n              shape=\"square\"\n              disabled={isSaveDisabled}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default EditMilestone;\n"],"names":["EditMilestone","memo","inputMilestoneName","areDateUpdatesDisabled","handleDateChange","inputMilestoneDate","anyFieldChanged","isProcessing","isDataPatched","onSave","isPatchingFailed","onDeleteOptionClick","errorMessage","canDelete","milestoneState","isSaveDisabled","jsxs","FlexView","jsx","Text","TextInput","format","Fragment","Separator","TextButton","Button"],"mappings":";;;;;;;;;AA8BA,MAAMA,IAA+CC;AAAA,EACnD,CAAC;AAAA,IACC,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACJ,UAAMC,IAAiB,CAACT,KAAmBC,KAAgBC,KAAiB,CAACH;AAG3E,WAAA,gBAAAW,EAACC,KAAS,UAAU,KAAK,OAAO,KAAK,SAAQ,QAAO,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAS,aAAA;AAAA,MAE9B,gBAAAD,EAACD,GAAS,EAAA,QAAO,eAAc,gBAAgB,KAC7C,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAO,UAAAjB,EAAmB,CAAA,GAC5C;AAAA,MAEA,gBAAAgB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAKC,EAAO,KAAK,IAAA,GAAO,YAAY;AAAA,UACpC,OAAOhB,IAAqBgB,EAAOhB,IAAqB,KAAM,YAAY,IAAI;AAAA,UAC9E,UAAUD;AAAA,UACV,cAAAQ;AAAA,UACA,UAAUT;AAAA,QAAA;AAAA,MACZ;AAAA,MAEA,gBAAAe,EAACD,KAAS,UAAUT,IAAgB,QAAQ,OAAO,iBAAgB,YAChE,UAAAE,KAEG,gBAAAM,EAAAM,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAJ,EAACC,KAAK,WAAU,SAAQ,QAAO,OAAM,YAAW,UAAS,UAEzD,4DAAA,CAAA;AAAA,QACA,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,EAAA,CACzB,EAEJ,CAAA;AAAA,wBAECN,GACE,EAAA,UAAA;AAAA,QAAAT,KACE,gBAAAU,EAAAD,GAAA,EAAS,QAAO,QACf,4BAACE,GAAK,EAAA,WAAU,SAAQ,YAAW,YAAW,QAAO,WAAU,gBAAgB,MAAM,2BAErF,CAAA,GACF;AAAA,QAGF,gBAAAH;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,WAAW;AAAA,YACX,QAAO;AAAA,YAEP,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,gBAAe;AAAA,kBACf,iBAAgB;AAAA,kBAChB,aAAY;AAAA,kBACZ,iBAAiB;AAAA,kBACjB,QAAO;AAAA,kBAEN,UAAAH,MAAmB,WAAWD,KAC5B,gBAAAK,EAAAM,GAAA,EAAW,OAAM,UAAS,OAAM,OAAM,SAASb,EAAqB,CAAA;AAAA,gBAAA;AAAA,cAEzE;AAAA,cAEA,gBAAAO;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAOlB,IAAe,cAAc;AAAA,kBACpC,SAASE;AAAA,kBACT,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUM;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js

@@ -0,0 +1,118 @@
+import { jsxs as $, jsx as N } from "react/jsx-runtime";
+import { memo as q, useState as s, useMemo as f, useCallback as n } from "react";
+import { EVENTS as z } from "../../../../communication/pub-sub/constants.js";
+import { useInClassActionDispatcher as B } from "../../../../communication/pub-sub/hooks.js";
+import G from "../../../../ui/context/context.js";
+import J from "../../../../ui/context/use-tracking-context.js";
+import { ONE_YEAR_TIMESTAMP_IN_SECONDS as K } from "../../../constants.js";
+import { invalidateMilestonesData as Q } from "../../../milestone-list-container/api/get-milestones.js";
+import X from "../delete-milestone/confirm-delete.js";
+import { useMilestonePatch as Z } from "./api/patch-milestone.js";
+import ee from "./edit-milestone.js";
+import { parse as te } from "../../../../../node_modules/date-fns/parse.js";
+const P = {
+  DELETE_CONFIRM: "delete_confirm",
+  EDIT: "edit"
+}, oe = q(
+  ({
+    milestoneName: v,
+    milestoneId: e,
+    milestoneDueDate: p,
+    studentId: u,
+    isMilestoneChaptersListEditable: I,
+    isMilestoneDateEditable: x,
+    isClassOngoing: E,
+    onDelete: F,
+    analyticsProps: M,
+    canDelete: O,
+    milestoneState: w,
+    studentClassroomId: A,
+    courseStream: _
+  }) => {
+    const [D, L] = s("edit"), [t, R] = s(p), [i, h] = s(!1), [r, C] = s(!1), [c, l] = s(""), o = f(
+      () => Math.floor((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) / 1e3),
+      []
+    ), a = f(
+      () => o + K,
+      [o]
+    ), { dispatchInClassAction: T } = B({ studentClassroomId: A }), V = t !== p, g = n(() => {
+      i && h(!1), r && C(!1);
+    }, [i, r]), k = n(
+      (m) => {
+        if (m) {
+          C(!0);
+          return;
+        }
+        Q({
+          milestone_state_group: "LIVE",
+          course_stream: _,
+          student_id: u
+        }), h(!0), T({
+          eventName: z.MILESTONE_EDITED,
+          eventPayload: {
+            milestoneId: e
+          }
+        });
+      },
+      [T, e, u, _]
+    ), { patch: S, isProcessing: b } = Z({
+      onComplete: k
+    }), j = n(
+      (m) => {
+        g();
+        const y = m.target.value;
+        if (!y) return;
+        const d = te(y, "yyyy-MM-dd", /* @__PURE__ */ new Date()).getTime() / 1e3;
+        c && d >= o && d < a && l(""), R(d);
+      },
+      [c, g, a, o]
+    ), U = n(() => {
+      if (t < o || t > a) {
+        t < o ? l("Please enter a future date") : l("Please select a date within the next year");
+        return;
+      }
+      S(e, {
+        milestone_date_ts: t
+      });
+    }, [
+      e,
+      t,
+      a,
+      o,
+      S
+    ]), Y = () => {
+      L(P.DELETE_CONFIRM);
+    }, H = f(() => ({
+      ...M,
+      milestone_id: e,
+      temporary_milestone_id: e,
+      is_student_class_ongoing: E
+    }), [M, E, e]), W = J(H);
+    return /* @__PURE__ */ $(G.Provider, { value: W, children: [
+      D === P.DELETE_CONFIRM && /* @__PURE__ */ N(X, { milestoneId: e, onDelete: F }),
+      D === "edit" && /* @__PURE__ */ N(
+        ee,
+        {
+          inputMilestoneName: v,
+          areDateUpdatesDisabled: !x,
+          handleDateChange: j,
+          inputMilestoneDate: t,
+          anyFieldChanged: V,
+          isProcessing: b,
+          isDataPatched: i,
+          isMilestoneChaptersListEditable: I,
+          onSave: U,
+          isPatchingFailed: r,
+          onDeleteOptionClick: Y,
+          errorMessage: c,
+          canDelete: O,
+          milestoneState: w
+        }
+      )
+    ] });
+  }
+), Ee = oe;
+export {
+  Ee as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/index.tsx"],"sourcesContent":["import type { IEditMilestoneModalProps } from './edit-milestone-modal-types';\nimport type { ChangeEvent } from 'react';\n\nimport { parse } from 'date-fns';\nimport React, { memo, useCallback, useMemo, useState } from 'react';\n\nimport { EVENTS } from '../../../../communication/pub-sub/constants';\nimport { useInClassActionDispatcher } from '../../../../communication/pub-sub/hooks';\nimport UIContext from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport { ONE_YEAR_TIMESTAMP_IN_SECONDS } from '../../../constants';\nimport { invalidateMilestonesData } from '../../../milestone-list-container/api/get-milestones';\nimport ConfirmDelete from '../delete-milestone/confirm-delete';\nimport { useMilestonePatch } from './api/patch-milestone';\nimport EditMilestone from './edit-milestone';\n\nconst VIEWS = {\n  DELETE_CONFIRM: 'delete_confirm',\n  EDIT: 'edit',\n};\n\n// https://github.com/cuemath/package-leap/issues/409\nconst EditDeleteMilestone: React.FC<IEditMilestoneModalProps> = memo(\n  ({\n    milestoneName,\n    milestoneId,\n    milestoneDueDate,\n    studentId,\n    isMilestoneChaptersListEditable,\n    isMilestoneDateEditable,\n    isClassOngoing,\n    onDelete,\n    analyticsProps,\n    canDelete,\n    milestoneState,\n    studentClassroomId,\n    courseStream,\n  }) => {\n    const [view, setView] = useState<(typeof VIEWS)[keyof typeof VIEWS]>('edit');\n\n    const [inputMilestoneDate, setMilestoneDate] = useState(milestoneDueDate);\n    const [isDataPatched, setIsDataPatched] = useState(false);\n    const [isPatchingFailed, setIsPatchingFailed] = useState(false);\n    const [errorMessage, setErrorMessage] = useState('');\n    const todayTimestampSeconds = useMemo(\n      () => Math.floor(new Date().setHours(0, 0, 0, 0) / 1000),\n      [],\n    );\n    const oneYearFutureTimestampSeconds = useMemo(\n      () => todayTimestampSeconds + ONE_YEAR_TIMESTAMP_IN_SECONDS,\n      [todayTimestampSeconds],\n    );\n\n    const { dispatchInClassAction } = useInClassActionDispatcher({ studentClassroomId });\n\n    const anyFieldChanged = inputMilestoneDate !== milestoneDueDate;\n\n    const handleClearState = useCallback(() => {\n      if (isDataPatched) {\n        setIsDataPatched(false);\n      }\n\n      if (isPatchingFailed) {\n        setIsPatchingFailed(false);\n      }\n    }, [isDataPatched, isPatchingFailed]);\n\n    const handleOnComplete = useCallback(\n      (errorMsg: string | null) => {\n        if (errorMsg) {\n          setIsPatchingFailed(true);\n\n          return;\n        }\n\n        invalidateMilestonesData({\n          milestone_state_group: 'LIVE',\n          course_stream: courseStream,\n          student_id: studentId,\n        });\n        setIsDataPatched(true);\n        dispatchInClassAction({\n          eventName: EVENTS.MILESTONE_EDITED,\n          eventPayload: {\n            milestoneId,\n          },\n        });\n      },\n      [dispatchInClassAction, milestoneId, studentId, courseStream],\n    );\n\n    const { patch: updateMilestone, isProcessing } = useMilestonePatch({\n      onComplete: handleOnComplete,\n    });\n\n    const handleDateChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        handleClearState();\n        const value = e.target.value;\n\n        if (!value) return;\n\n        const timestampInSeconds = parse(value, 'yyyy-MM-dd', new Date()).getTime() / 1000;\n\n        if (\n          errorMessage &&\n          timestampInSeconds >= todayTimestampSeconds &&\n          timestampInSeconds < oneYearFutureTimestampSeconds\n        ) {\n          setErrorMessage('');\n        }\n\n        setMilestoneDate(timestampInSeconds);\n      },\n      [errorMessage, handleClearState, oneYearFutureTimestampSeconds, todayTimestampSeconds],\n    );\n\n    const onSave = useCallback(() => {\n      if (\n        inputMilestoneDate < todayTimestampSeconds ||\n        inputMilestoneDate > oneYearFutureTimestampSeconds\n      ) {\n        if (inputMilestoneDate < todayTimestampSeconds) {\n          setErrorMessage('Please enter a future date');\n        } else {\n          setErrorMessage('Please select a date within the next year');\n        }\n\n        return;\n      }\n\n      updateMilestone(milestoneId, {\n        milestone_date_ts: inputMilestoneDate,\n      });\n    }, [\n      milestoneId,\n      inputMilestoneDate,\n      oneYearFutureTimestampSeconds,\n      todayTimestampSeconds,\n      updateMilestone,\n    ]);\n\n    const onDeleteOptionClick = () => {\n      setView(VIEWS.DELETE_CONFIRM);\n    };\n\n    const commonAnalytics = useMemo(() => {\n      return {\n        ...analyticsProps,\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        is_student_class_ongoing: isClassOngoing,\n      };\n    }, [analyticsProps, isClassOngoing, milestoneId]);\n\n    const analyticsContext = useTrackingContext(commonAnalytics);\n\n    return (\n      <UIContext.Provider value={analyticsContext}>\n        {view === VIEWS.DELETE_CONFIRM && (\n          <ConfirmDelete milestoneId={milestoneId} onDelete={onDelete} />\n        )}\n\n        {view === 'edit' && (\n          <EditMilestone\n            inputMilestoneName={milestoneName}\n            areDateUpdatesDisabled={!isMilestoneDateEditable}\n            handleDateChange={handleDateChange}\n            inputMilestoneDate={inputMilestoneDate}\n            anyFieldChanged={anyFieldChanged}\n            isProcessing={isProcessing}\n            isDataPatched={isDataPatched}\n            isMilestoneChaptersListEditable={isMilestoneChaptersListEditable}\n            onSave={onSave}\n            isPatchingFailed={isPatchingFailed}\n            onDeleteOptionClick={onDeleteOptionClick}\n            errorMessage={errorMessage}\n            canDelete={canDelete}\n            milestoneState={milestoneState}\n          />\n        )}\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default EditDeleteMilestone;\n"],"names":["VIEWS","EditDeleteMilestone","memo","milestoneName","milestoneId","milestoneDueDate","studentId","isMilestoneChaptersListEditable","isMilestoneDateEditable","isClassOngoing","onDelete","analyticsProps","canDelete","milestoneState","studentClassroomId","courseStream","view","setView","useState","inputMilestoneDate","setMilestoneDate","isDataPatched","setIsDataPatched","isPatchingFailed","setIsPatchingFailed","errorMessage","setErrorMessage","todayTimestampSeconds","useMemo","oneYearFutureTimestampSeconds","ONE_YEAR_TIMESTAMP_IN_SECONDS","dispatchInClassAction","useInClassActionDispatcher","anyFieldChanged","handleClearState","useCallback","handleOnComplete","errorMsg","invalidateMilestonesData","EVENTS","updateMilestone","isProcessing","useMilestonePatch","handleDateChange","e","value","timestampInSeconds","parse","onSave","onDeleteOptionClick","commonAnalytics","analyticsContext","useTrackingContext","jsxs","UIContext","jsx","ConfirmDelete","EditMilestone","EditDeleteMilestone$1"],"mappings":"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"}

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js

@@ -0,0 +1,18 @@
+import i from "styled-components";
+import o from "../../../../ui/layout/flex-view.js";
+const s = i(o)(({ theme: r }) => {
+  const {
+    layout: { gutter: e }
+  } = r, t = e * 4;
+  return `
+      & img {
+        filter: brightness(0);
+        width: ${t}px;
+        height: ${t}px;
+      }
+    `;
+});
+export {
+  s as LoaderWrapper
+};
+//# sourceMappingURL=milestone-edit-loader-styled.js.map

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-edit-loader-styled.js","sources":["../../../../../../src/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst LoaderWrapper = styled(FlexView)(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n  const imgSize = gutter * 4;\n\n  return `\n      & img {\n        filter: brightness(0);\n        width: ${imgSize}px;\n        height: ${imgSize}px;\n      }\n    `;\n});\n\nexport { LoaderWrapper };\n"],"names":["LoaderWrapper","styled","FlexView","theme","gutter","imgSize"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAD,GACEE,IAAUD,IAAS;AAElB,SAAA;AAAA;AAAA;AAAA,iBAGQC,CAAO;AAAA,kBACNA,CAAO;AAAA;AAAA;AAGzB,CAAC;"}

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { ILLUSTRATIONS as t } from "../../../../../assets/illustrations/illustrations.js";
+import o from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/separator/separator.js";
+import { LoaderWrapper as a } from "./milestone-edit-loader-styled.js";
+const h = () => /* @__PURE__ */ e(o, { $height: "100%", $gapX: 1, children: [
+  /* @__PURE__ */ r(i, { heightX: 1.75 }),
+  /* @__PURE__ */ r(
+    a,
+    {
+      $height: "100%",
+      $justifyContent: "center",
+      $alignItems: "center",
+      $borderRadiusX: 1,
+      children: /* @__PURE__ */ r("img", { src: t.LOADER_1, alt: "loading" })
+    }
+  )
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=milestone-edit-loader.js.map

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-edit-loader.js","sources":["../../../../../../src/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader.tsx"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './milestone-edit-loader-styled';\n\nconst MilestoneEditLoader = () => {\n  return (\n    <FlexView $height=\"100%\" $gapX={1}>\n      <Separator heightX={1.75} />\n      <Styled.LoaderWrapper\n        $height=\"100%\"\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $borderRadiusX={1}\n      >\n        <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n      </Styled.LoaderWrapper>\n    </FlexView>\n  );\n};\n\nexport default MilestoneEditLoader;\n"],"names":["MilestoneEditLoader","jsxs","FlexView","jsx","Separator","Styled.LoaderWrapper","ILLUSTRATIONS"],"mappings":";;;;;AAKA,MAAMA,IAAsB,MAEvB,gBAAAC,EAAAC,GAAA,EAAS,SAAQ,QAAO,OAAO,GAC9B,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,EAC1B,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,4BAAC,OAAI,EAAA,KAAKC,EAAc,UAAU,KAAI,WAAU;AAAA,IAAA;AAAA,EAClD;AACF,EAAA,CAAA;"}