@cuemath/leap 2.8.21 → 2.8.22

package/dist/features/milestone/drafts/review/draft-review-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draft-review-container.js","sources":["../../../../../src/features/milestone/drafts/review/draft-review-container.tsx"],"sourcesContent":["import type { IMileStoneEditContainerProps } from '../../edit/milestone-edit-types';\n\nimport { titleCase } from 'humanize-plus';\nimport { memo, useEffect, useMemo } from 'react';\n\nimport { useGetMileStoneConfig } from '../../create/api/milestone-config';\nimport MilestoneCreate from '../../create/milestone-create';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { transformData } from '../edit/draft-edit-helpers';\n\nconst MilestoneDraftReviewContainer: React.FC<IMileStoneEditContainerProps> = memo(\n  ({\n    studentName,\n    studentId,\n    height,\n    minHeight,\n    formData,\n    onFormDataChange: handleFormDataChange,\n    onPreSubmit: handlePreSubmit,\n    onExit: handleExit,\n    userType,\n    board,\n    schoolData,\n    grade,\n    isFirstMilestoneCreated,\n    milestoneId,\n    courseStream,\n    enrollmentType,\n  }) => {\n    const {\n      get: getConfig,\n      data: configData,\n      isProcessing: isConfigProcessing,\n      isProcessingFailed: isConfigProcessingFailed,\n    } = useGetMileStoneConfig();\n\n    useEffect(() => {\n      getConfig('', undefined);\n    }, [getConfig]);\n\n    const {\n      get: getMilestone,\n      data: currentMilestoneData,\n      isProcessing: isMilestoneProcessing,\n      isProcessingFailed: isMilestoneProcessingFailed,\n    } = useMilestoneGet(milestoneId);\n\n    const convertedData = useMemo(() => {\n      return (\n        currentMilestoneData &&\n        configData &&\n        transformData(currentMilestoneData, configData, schoolData, grade, board)\n      );\n    }, [board, configData, currentMilestoneData, grade, schoolData]);\n\n    useEffect(() => {\n      if (userType === 'TEACHER')\n        getMilestone(milestoneId, {\n          with_plan: true,\n          with_sheets: true,\n          with_recommended_chapters: true,\n        });\n    }, [getMilestone, milestoneId, userType]);\n\n    if (isConfigProcessing || isMilestoneProcessing) return <p>Loading...</p>;\n\n    if (isMilestoneProcessingFailed || isConfigProcessingFailed) {\n      return <p>Error</p>;\n    }\n\n    return configData && (convertedData || formData) ? (\n      <MilestoneCreate\n        flow=\"EDIT\" // TODO: REMOVE\n        board={board}\n        schoolData={schoolData}\n        studentId={studentId}\n        studentName={titleCase(studentName)}\n        height={height}\n        minHeight={minHeight}\n        formData={formData || convertedData}\n        config={configData}\n        onFormDataChange={handleFormDataChange}\n        onPreSubmit={handlePreSubmit}\n        onExit={handleExit}\n        userType={userType}\n        grade={grade}\n        isFirstMilestoneCreated={isFirstMilestoneCreated}\n        milestoneId={milestoneId}\n        courseStream={currentMilestoneData?.course_stream || courseStream}\n        enrollmentType={enrollmentType}\n      />\n    ) : null;\n  },\n);\n\nexport default MilestoneDraftReviewContainer;\n"],"names":["MilestoneDraftReviewContainer","memo","studentName","studentId","height","minHeight","formData","handleFormDataChange","handlePreSubmit","handleExit","userType","board","schoolData","grade","isFirstMilestoneCreated","milestoneId","courseStream","enrollmentType","getConfig","configData","isConfigProcessing","isConfigProcessingFailed","useGetMileStoneConfig","useEffect","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","useMilestoneGet","convertedData","useMemo","transformData","jsx","MilestoneCreate","titleCase","MilestoneDraftReviewContainer$1"],"mappings":";;;;;;;AAUA,MAAMA,IAAwEC;AAAA,EAC5E,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAkBC;AAAA,IAClB,aAAaC;AAAA,IACb,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAA;AAAA,MACJ,KAAKC;AAAA,MACL,MAAMC;AAAA,MACN,cAAcC;AAAA,MACd,oBAAoBC;AAAA,QAClBC,EAAsB;AAE1B,IAAAC,EAAU,MAAM;AACd,MAAAL,EAAU,IAAI,MAAS;AAAA,IAAA,GACtB,CAACA,CAAS,CAAC;AAER,UAAA;AAAA,MACJ,KAAKM;AAAA,MACL,MAAMC;AAAA,MACN,cAAcC;AAAA,MACd,oBAAoBC;AAAA,IAAA,IAClBC,EAAgBb,CAAW,GAEzBc,IAAgBC,EAAQ,MAE1BL,KACAN,KACAY,EAAcN,GAAsBN,GAAYP,GAAYC,GAAOF,CAAK,GAEzE,CAACA,GAAOQ,GAAYM,GAAsBZ,GAAOD,CAAU,CAAC;AAW/D,WATAW,EAAU,MAAM;AACd,MAAIb,MAAa,aACfc,EAAaT,GAAa;AAAA,QACxB,WAAW;AAAA,QACX,aAAa;AAAA,QACb,2BAA2B;AAAA,MAAA,CAC5B;AAAA,IACF,GAAA,CAACS,GAAcT,GAAaL,CAAQ,CAAC,GAEpCU,KAAsBM,IAA8B,gBAAAM,EAAC,OAAE,UAAU,aAAA,CAAA,IAEjEL,KAA+BN,IAC1B,gBAAAW,EAAC,OAAE,UAAK,QAAA,CAAA,IAGVb,MAAeU,KAAiBvB,KACrC,gBAAA0B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAAtB;AAAA,QACA,YAAAC;AAAA,QACA,WAAAT;AAAA,QACA,aAAa+B,YAAUhC,CAAW;AAAA,QAClC,QAAAE;AAAA,QACA,WAAAC;AAAA,QACA,UAAUC,KAAYuB;AAAA,QACtB,QAAQV;AAAA,QACR,kBAAkBZ;AAAA,QAClB,aAAaC;AAAA,QACb,QAAQC;AAAA,QACR,UAAAC;AAAA,QACA,OAAAG;AAAA,QACA,yBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,eAAcU,KAAA,gBAAAA,EAAsB,kBAAiBT;AAAA,QACrD,gBAAAC;AAAA,MAAA;AAAA,IAEA,IAAA;AAAA,EACN;AACF,GAEAkB,IAAenC;"}

package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js

@@ -0,0 +1,48 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import n from "../../../../ui/buttons/button/button.js";
+import t from "../../../../ui/layout/flex-view.js";
+import l from "../../../../ui/text/text.js";
+import { WarningsListWrapper as s, BoldListText as a, ListText as d } from "./styled.js";
+const c = "Do you want to add/remove chapters instead of deleting?", h = [
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(a, { $inline: !0, $renderAs: "body1", $color: "RED", children: "Deleting the learning plan will not restore the older view. If you have created this by accident, we suggest you to modify this plan." }) }, "list-item-1"),
+  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(d, { $renderAs: "body1", $inline: !0, children: "You can add/remove the chapters from the learning plan at any point of time." }) }, "list-item-2")
+], g = ({ onProceedToDelete: i, onAddRemove: o }) => /* @__PURE__ */ r(
+  t,
+  {
+    $height: "100%",
+    $justifyContent: "space-between",
+    $flexGapX: 2.5,
+    $gutterX: 1.5,
+    $gapX: 1.5,
+    children: [
+      /* @__PURE__ */ r(t, { $flexGap: 8, children: [
+        /* @__PURE__ */ e(l, { $renderAs: "h4", children: c }),
+        /* @__PURE__ */ e(t, { $flexGapX: 1, children: /* @__PURE__ */ e(s, { children: h }) })
+      ] }),
+      /* @__PURE__ */ r(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
+        /* @__PURE__ */ e(
+          n,
+          {
+            renderAs: "tertiary",
+            label: "No, proceed to delete",
+            size: "small",
+            onClick: i
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            renderAs: "secondary",
+            label: "Yes, add/remove chapters",
+            size: "small",
+            onClick: o
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  g as default
+};
+//# sourceMappingURL=add-remove-nudge.js.map

package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-remove-nudge.js","sources":["../../../../../../src/features/milestone/edit/comps/delete-milestone/add-remove-nudge.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './styled';\n\nconst header = 'Do you want to add/remove chapters instead of deleting?';\nconst warningTexts = [\n  <li key=\"list-item-1\">\n    <Styled.BoldListText $inline $renderAs=\"body1\" $color=\"RED\">\n      Deleting the learning plan will not restore the older view. If you have created this by\n      accident, we suggest you to modify this plan.\n    </Styled.BoldListText>\n  </li>,\n  <li key=\"list-item-2\">\n    <Styled.ListText $renderAs=\"body1\" $inline>\n      You can add/remove the chapters from the learning plan at any point of time.\n    </Styled.ListText>\n  </li>,\n];\n\ninterface IAddRemoveNudgeProps {\n  onProceedToDelete: () => void;\n  onAddRemove: () => void;\n}\n\nconst AddRemoveNudge: FC<IAddRemoveNudgeProps> = ({ onProceedToDelete, onAddRemove }) => {\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 $flexGap={8}>\n        <Text $renderAs=\"h4\">{header}</Text>\n        <FlexView $flexGapX={1}>\n          <Styled.WarningsListWrapper>{warningTexts}</Styled.WarningsListWrapper>\n        </FlexView>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Button\n          renderAs=\"tertiary\"\n          label=\"No, proceed to delete\"\n          size=\"small\"\n          onClick={onProceedToDelete}\n        />\n        <Button\n          renderAs=\"secondary\"\n          label=\"Yes, add/remove chapters\"\n          size=\"small\"\n          onClick={onAddRemove}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default AddRemoveNudge;\n"],"names":["header","warningTexts","jsx","Styled.BoldListText","Styled.ListText","AddRemoveNudge","onProceedToDelete","onAddRemove","jsxs","FlexView","Text","Styled.WarningsListWrapper","Button"],"mappings":";;;;;AAOA,MAAMA,IAAS,2DACTC,IAAe;AAAA,EAClB,gBAAAC,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,EAAoB,SAAO,IAAC,WAAU,SAAQ,QAAO,OAAM,UAAA,wIAG5D,CAAA,KAJM,aAKR;AAAA,EACC,gBAAAD,EAAA,MAAA,EACC,UAAC,gBAAAA,EAAAE,GAAA,EAAgB,WAAU,SAAQ,SAAO,IAAC,UAE3C,+EAAA,CAAA,EAAA,GAHM,aAIR;AACF,GAOMC,IAA2C,CAAC,EAAE,mBAAAC,GAAmB,aAAAC,QAEnE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,iBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,UAAA;AAAA,MAAC,gBAAAD,EAAAC,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,QAAC,gBAAAP,EAAAQ,GAAA,EAAK,WAAU,MAAM,UAAOV,GAAA;AAAA,QAC7B,gBAAAE,EAACO,KAAS,WAAW,GACnB,4BAACE,GAAA,EAA4B,UAAAV,EAAA,CAAa,EAC5C,CAAA;AAAA,MAAA,GACF;AAAA,wBAECQ,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,QAAA,gBAAAP;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAASN;AAAA,UAAA;AAAA,QACX;AAAA,QACA,gBAAAJ;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAASL;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

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

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

@@ -1 +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;"}
+{"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\nconst BoldListText = styled(ListText)`\n  font-weight: 900;\n`;\n\nexport { WarningsListWrapper, BoldListText, ListText };\n"],"names":["WarningsListWrapper","styled","BLACK_T_87","ListText","Text","BoldListText"],"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,GAItBC,IAAeJ,EAAOE,CAAQ;AAAA;AAAA;"}

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

@@ -0,0 +1,23 @@
+import o from "styled-components";
+import e from "../../../../ui/buttons/button/button.js";
+import n from "../../../../ui/text/text.js";
+o(n)(({ theme: t }) => {
+  const {
+    layout: { gutter: r }
+  } = t;
+  return `
+    margin: 0 ${r * 0.5}px;
+  `;
+});
+const i = o(e)(({ theme: t }) => {
+  const {
+    layout: { gutter: r }
+  } = t;
+  return `
+    margin-left: ${r * 1.5}px;
+  `;
+});
+export {
+  i as StyledButton
+};
+//# sourceMappingURL=edit-milestone-modal-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit-milestone-modal-styled.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../../../ui/buttons/button/button';\nimport Text from '../../../../ui/text/text';\n\nexport const StyledText = styled(Text)(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    margin: 0 ${gutter * 0.5}px;\n  `;\n});\n\nexport const StyledButton = styled(Button)(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    margin-left: ${gutter * 1.5}px;\n  `;\n});\n"],"names":["styled","Text","theme","gutter","StyledButton","Button"],"mappings":";;;AAK0BA,EAAOC,CAAI,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAD;AAEG,SAAA;AAAA,gBACOC,IAAS,GAAG;AAAA;AAE5B,CAAC;AAEM,MAAMC,IAAeJ,EAAOK,CAAM,EAAE,CAAC,EAAE,OAAAH,QAAY;AAClD,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAD;AAEG,SAAA;AAAA,mBACUC,IAAS,GAAG;AAAA;AAE/B,CAAC;"}

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

@@ -1,91 +1,88 @@
 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 b from "../../../../ui/buttons/button/button.js";
+import u from "../../../../ui/buttons/text-button/text-button.js";
+import C from "../../../../ui/inputs/text-input/text-input.js";
 import t from "../../../../ui/layout/flex-view.js";
-import A from "../../../../ui/separator/separator.js";
+import X 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,
+const G = ({
+  inputMilestoneName: a,
+  areDateUpdatesDisabled: m,
+  handleDateChange: s,
+  inputMilestoneDate: i,
+  anyFieldChanged: $,
+  isProcessing: l,
+  isDataPatched: o,
+  onSave: f,
+  isPatchingFailed: h,
+  onDeleteOptionClick: c,
+  errorMessage: p,
+  canDelete: y,
+  milestoneState: g
+}) => {
+  const x = !$ || l || o || !i;
+  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(
+      C,
+      {
+        renderAs: "primary",
+        type: "date",
+        label: "Tentative Date of Completion",
+        widthX: 20,
+        min: d(Date.now(), "yyyy-MM-dd"),
+        value: i ? d(i * 1e3, "yyyy-MM-dd") : "",
+        onChange: s,
+        errorMessage: p,
+        disabled: m
+      }
+    ),
+    /* @__PURE__ */ e(t, { $heightX: o ? 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(X, { heightX: 1 })
+    ] }) }),
+    /* @__PURE__ */ r(t, { children: [
+      o && /* @__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,
         {
-          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
+          $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(u, { label: "Delete", color: "RED", onClick: c })
+              }
+            ),
+            /* @__PURE__ */ e(
+              b,
+              {
+                renderAs: "primary",
+                label: l ? "Saving..." : "Save",
+                onClick: f,
+                size: "small",
+                shape: "square",
+                disabled: x
+              }
+            )
+          ]
         }
-      ),
-      /* @__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
+  G as default
 };
 //# sourceMappingURL=edit-milestone.js.map

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

@@ -1 +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;"}
+{"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';\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> = ({\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\nexport default EditMilestone;\n"],"names":["EditMilestone","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":";;;;;;;;AA6BA,MAAMA,IAA+C,CAAC;AAAA,EACpD,oBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB,CAACT,KAAmBC,KAAgBC,KAAiB,CAACH;AAG3E,SAAA,gBAAAW,EAACC,KAAS,UAAU,KAAK,OAAO,KAAK,SAAQ,QAAO,iBAAgB,iBAClE,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAS,aAAA;AAAA,IAE9B,gBAAAD,EAACD,GAAS,EAAA,QAAO,eAAc,gBAAgB,KAC7C,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAO,UAAAjB,EAAmB,CAAA,GAC5C;AAAA,IAEA,gBAAAgB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QAAQ;AAAA,QACR,KAAKC,EAAO,KAAK,IAAA,GAAO,YAAY;AAAA,QACpC,OAAOhB,IAAqBgB,EAAOhB,IAAqB,KAAM,YAAY,IAAI;AAAA,QAC9E,UAAUD;AAAA,QACV,cAAAQ;AAAA,QACA,UAAUT;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA,gBAAAe,EAACD,KAAS,UAAUT,IAAgB,QAAQ,OAAO,iBAAgB,YAChE,UAAAE,KAEG,gBAAAM,EAAAM,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACC,KAAK,WAAU,SAAQ,QAAO,OAAM,YAAW,UAAS,UAEzD,4DAAA,CAAA;AAAA,MACA,gBAAAD,EAACK,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAAA,EAAA,CACzB,EAEJ,CAAA;AAAA,sBAECN,GACE,EAAA,UAAA;AAAA,MAAAT,KACE,gBAAAU,EAAAD,GAAA,EAAS,QAAO,QACf,4BAACE,GAAK,EAAA,WAAU,SAAQ,YAAW,YAAW,QAAO,WAAU,gBAAgB,MAAM,2BAErF,CAAA,GACF;AAAA,MAGF,gBAAAH;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,WAAW;AAAA,UACX,QAAO;AAAA,UAEP,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBACZ,iBAAiB;AAAA,gBACjB,QAAO;AAAA,gBAEN,UAAAH,MAAmB,WAAWD,KAC5B,gBAAAK,EAAAM,GAAA,EAAW,OAAM,UAAS,OAAM,OAAM,SAASb,EAAqB,CAAA;AAAA,cAAA;AAAA,YAEzE;AAAA,YAEA,gBAAAO;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAOlB,IAAe,cAAc;AAAA,gBACpC,SAASE;AAAA,gBACT,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUM;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

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