@cuemath/leap 3.5.73 → 3.5.74

package/dist/features/extra-practice/list/list.js

@@ -1,10 +1,10 @@
-import { jsxs as D, Fragment as L, jsx as t } from "react/jsx-runtime";
+import { jsxs as L, Fragment as _, jsx as t } from "react/jsx-runtime";
 import { useState as a } from "react";
-import _ from "../../sheets/sheets-list/sheets-list.js";
-import $ from "../../ui/layout/flex-view.js";
-import j from "../../ui/text/text.js";
+import $ from "../../sheets/sheets-list/sheets-list.js";
+import j from "../../ui/layout/flex-view.js";
+import k from "../../ui/text/text.js";
 import { TABS as c } from "./list-constants.js";
-import { Tab as k } from "./list-styled.js";
+import { Tab as y } from "./list-styled.js";
 import { getSelectedTabSheets as i } from "./list-util.js";
 const P = ({ sheets: o, userType: l, onStart: m, ...d }) => {
   const {
@@ -12,22 +12,22 @@ const P = ({ sheets: o, userType: l, onStart: m, ...d }) => {
     onResume: p,
     onReattempt: f,
     onPreview: T,
-    onReview: x,
-    onReset: S,
-    onChangeLocation: b,
+    onReview: b,
+    onReset: x,
+    onChangeLocation: S,
     onUnlock: u
   } = d, [r, g] = a(c[0]), [w, R] = a(
     () => i(o, r.search_list)
   ), v = (e) => {
     g(e), R(i(o, e.search_list));
   };
-  return /* @__PURE__ */ D(L, { children: [
-    /* @__PURE__ */ t($, { $flexDirection: "row", children: c.map((e) => {
-      const { id: y, label: s } = e, n = r.label === s;
-      return /* @__PURE__ */ t(k, { $selected: n, onClick: () => v(e), children: /* @__PURE__ */ t(j, { $renderAs: n ? "cta2" : "body2", children: s }) }, y);
+  return /* @__PURE__ */ L(_, { children: [
+    /* @__PURE__ */ t(j, { $flexDirection: "row", children: c.map((e) => {
+      const { id: D, label: s } = e, n = r.label === s;
+      return /* @__PURE__ */ t(y, { $selected: n, onClick: () => v(e), children: /* @__PURE__ */ t(k, { $renderAs: n ? "ub2-bold" : "ub2", children: s }) }, D);
     }) }),
     /* @__PURE__ */ t(
-      _,
+      $,
       {
         sheets: w,
         teacherId: h,
@@ -38,9 +38,9 @@ const P = ({ sheets: o, userType: l, onStart: m, ...d }) => {
         onResume: p,
         onReattempt: f,
         onPreview: T,
-        onReview: x,
-        onReset: S,
-        onChangeLocation: b,
+        onReview: b,
+        onReset: x,
+        onChangeLocation: S,
         onUnlock: u,
         renderNodeTypeTag: !0
       }

package/dist/features/extra-practice/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n  const {\n    teacherId,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onUnlock,\n  } = restListProps;\n\n  const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n  const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n    getSelectedTabSheets(sheets, selectedTab.search_list),\n  );\n\n  const handleOnTabSelection = (tab: TTabsDataProps) => {\n    setSelectedTab(tab);\n    setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n  };\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\">\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = selectedTab.label === label;\n\n          return (\n            <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n              <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n            </Styled.Tab>\n          );\n        })}\n      </FlexView>\n\n      <SheetsList\n        sheets={sheetData}\n        teacherId={teacherId}\n        section=\"extra_practice\"\n        emptySheetsText=\"No Extra practice sheets available.\"\n        userType={userType}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n        renderNodeTypeTag\n      />\n    </>\n  );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAWM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EAAA,GAGhDO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAAA;AAG5D,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAU,IAAAN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,EAAM,CAAA,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n  const {\n    teacherId,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onUnlock,\n  } = restListProps;\n\n  const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n  const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n    getSelectedTabSheets(sheets, selectedTab.search_list),\n  );\n\n  const handleOnTabSelection = (tab: TTabsDataProps) => {\n    setSelectedTab(tab);\n    setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n  };\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\">\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = selectedTab.label === label;\n\n          return (\n            <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n              <Text $renderAs={selected ? 'ub2-bold' : 'ub2'}>{label}</Text>\n            </Styled.Tab>\n          );\n        })}\n      </FlexView>\n\n      <SheetsList\n        sheets={sheetData}\n        teacherId={teacherId}\n        section=\"extra_practice\"\n        emptySheetsText=\"No Extra practice sheets available.\"\n        userType={userType}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n        renderNodeTypeTag\n      />\n    </>\n  );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAWM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EAAA,GAGhDO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAAA;AAG5D,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAU,IAAAN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,aAAa,OAAQ,UAAAD,EAAM,CAAA,KADxCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/milestone/create/comps/info-points/info-points.js

@@ -6,17 +6,17 @@ import { ProgressiveLoader as l } from "../../styled-comps/progressive-loader.js
 const I = p(function({
   loadStatically: o,
   headerText: s,
-  config: $,
+  config: d,
   stepNumberOffset: n,
-  handleTransitionEnd: d
+  handleTransitionEnd: $
 }) {
   return /* @__PURE__ */ t(m, { $flexGapX: 1, $flexDirection: "column", children: [
-    /* @__PURE__ */ r(l, { $stepNumber: n + 1, $disabled: o, children: /* @__PURE__ */ r(a, { $renderAs: "h6", $marginBottomX: 0.75, children: s }) }),
-    $.map(({ point: c, icon: i }, e, f) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(l, { $stepNumber: n + 1, $disabled: o, children: /* @__PURE__ */ r(a, { $renderAs: "ab1-bold", $marginBottomX: 0.75, children: s }) }),
+    d.map(({ point: c, icon: i }, e, f) => /* @__PURE__ */ r(
       l,
       {
         $stepNumber: n + 2 + e,
-        onAnimationEnd: e === f.length - 1 ? d : () => null,
+        onAnimationEnd: e === f.length - 1 ? $ : () => null,
         $disabled: o,
         children: /* @__PURE__ */ t(m, { $flexGapX: 0.5, $flexDirection: "row", $borderRadiusX: 1, $alignItems: "center", children: [
           /* @__PURE__ */ r("img", { alt: `pointer ${e}`, src: i }),

package/dist/features/milestone/create/comps/info-points/info-points.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-points.js","sources":["../../../../../../src/features/milestone/create/comps/info-points/info-points.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ProgressiveLoader } from '../../styled-comps/progressive-loader';\nimport type { IInfoPointProps } from './info-points-types';\n\nconst InfoPoints: FC<IInfoPointProps> = memo(function InfoPoints({\n  loadStatically,\n  headerText,\n  config,\n  stepNumberOffset,\n  handleTransitionEnd,\n}) {\n  return (\n    <FlexView $flexGapX={1} $flexDirection=\"column\">\n      <ProgressiveLoader $stepNumber={stepNumberOffset + 1} $disabled={loadStatically}>\n        <Text $renderAs=\"h6\" $marginBottomX={0.75}>\n          {headerText}\n        </Text>\n      </ProgressiveLoader>\n      {config.map(({ point, icon: iconName }, idx, arr) => (\n        <ProgressiveLoader\n          $stepNumber={stepNumberOffset + 2 + idx}\n          onAnimationEnd={idx === arr.length - 1 ? handleTransitionEnd : () => null}\n          $disabled={loadStatically}\n          key={iconName}\n        >\n          <FlexView $flexGapX={0.5} $flexDirection=\"row\" $borderRadiusX={1} $alignItems=\"center\">\n            <img alt={`pointer ${idx}`} src={iconName} />\n            {point}\n          </FlexView>\n        </ProgressiveLoader>\n      ))}\n    </FlexView>\n  );\n});\n\nexport default InfoPoints;\n"],"names":["InfoPoints","memo","loadStatically","headerText","config","stepNumberOffset","handleTransitionEnd","jsxs","FlexView","jsx","ProgressiveLoader","Text","point","iconName","idx","arr"],"mappings":";;;;;AAOM,MAAAA,IAAkCC,EAAK,SAAoB;AAAA,EAC/D,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACD,SACG,gBAAAC,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,UACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,aAAaL,IAAmB,GAAG,WAAWH,GAC/D,UAAC,gBAAAO,EAAAE,GAAA,EAAK,WAAU,MAAK,gBAAgB,MAClC,YACH,CAAA,GACF;AAAA,IACCP,EAAO,IAAI,CAAC,EAAE,OAAAQ,GAAO,MAAMC,EAAY,GAAAC,GAAKC,MAC3C,gBAAAN;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaL,IAAmB,IAAIS;AAAA,QACpC,gBAAgBA,MAAQC,EAAI,SAAS,IAAIT,IAAsB,MAAM;AAAA,QACrE,WAAWJ;AAAA,QAGX,UAAA,gBAAAK,EAACC,KAAS,WAAW,KAAK,gBAAe,OAAM,gBAAgB,GAAG,aAAY,UAC5E,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,KAAK,WAAWK,CAAG,IAAI,KAAKD,GAAU;AAAA,UAC1CD;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,MALKC;AAAA,IAAA,CAOR;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"info-points.js","sources":["../../../../../../src/features/milestone/create/comps/info-points/info-points.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { ProgressiveLoader } from '../../styled-comps/progressive-loader';\nimport type { IInfoPointProps } from './info-points-types';\n\nconst InfoPoints: FC<IInfoPointProps> = memo(function InfoPoints({\n  loadStatically,\n  headerText,\n  config,\n  stepNumberOffset,\n  handleTransitionEnd,\n}) {\n  return (\n    <FlexView $flexGapX={1} $flexDirection=\"column\">\n      <ProgressiveLoader $stepNumber={stepNumberOffset + 1} $disabled={loadStatically}>\n        <Text $renderAs=\"ab1-bold\" $marginBottomX={0.75}>\n          {headerText}\n        </Text>\n      </ProgressiveLoader>\n      {config.map(({ point, icon: iconName }, idx, arr) => (\n        <ProgressiveLoader\n          $stepNumber={stepNumberOffset + 2 + idx}\n          onAnimationEnd={idx === arr.length - 1 ? handleTransitionEnd : () => null}\n          $disabled={loadStatically}\n          key={iconName}\n        >\n          <FlexView $flexGapX={0.5} $flexDirection=\"row\" $borderRadiusX={1} $alignItems=\"center\">\n            <img alt={`pointer ${idx}`} src={iconName} />\n            {point}\n          </FlexView>\n        </ProgressiveLoader>\n      ))}\n    </FlexView>\n  );\n});\n\nexport default InfoPoints;\n"],"names":["InfoPoints","memo","loadStatically","headerText","config","stepNumberOffset","handleTransitionEnd","jsxs","FlexView","jsx","ProgressiveLoader","Text","point","iconName","idx","arr"],"mappings":";;;;;AAOM,MAAAA,IAAkCC,EAAK,SAAoB;AAAA,EAC/D,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AACF,GAAG;AACD,SACG,gBAAAC,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,UACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,aAAaL,IAAmB,GAAG,WAAWH,GAC/D,UAAC,gBAAAO,EAAAE,GAAA,EAAK,WAAU,YAAW,gBAAgB,MACxC,YACH,CAAA,GACF;AAAA,IACCP,EAAO,IAAI,CAAC,EAAE,OAAAQ,GAAO,MAAMC,EAAY,GAAAC,GAAKC,MAC3C,gBAAAN;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaL,IAAmB,IAAIS;AAAA,QACpC,gBAAgBA,MAAQC,EAAI,SAAS,IAAIT,IAAsB,MAAM;AAAA,QACrE,WAAWJ;AAAA,QAGX,UAAA,gBAAAK,EAACC,KAAS,WAAW,KAAK,gBAAe,OAAM,gBAAgB,GAAG,aAAY,UAC5E,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,KAAK,WAAWK,CAAG,IAAI,KAAKD,GAAU;AAAA,UAC1CD;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,MALKC;AAAA,IAAA,CAOR;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/create/comps/milestone-progress/milestone-progress.js

@@ -12,9 +12,9 @@ const {
   LEARNED_SHIELD_GRAY: $,
   PRACTICED_SHIELD_GREEN: G,
   PRACTICED_SHIELD_GREY: N,
-  MASTERED_SHIELD_GREEN: w,
-  MASTERED_SHIELD_GRAY: H
-} = A, k = C(function({
+  MASTERED_SHIELD_GREEN: H,
+  MASTERED_SHIELD_GRAY: w
+} = A, X = C(function({
   chapterProgress: S,
   badgeSize: n
 }) {
@@ -23,7 +23,7 @@ const {
     proficient_sheets: o = 0,
     mastered_sheets: s = 0,
     total_core_sheets: e = 0
-  } = S || {}, i = e === 0, a = r === e, m = o === e, l = s === e, E = L(
+  } = S || {}, i = e === 0, a = r === e, m = o === e, c = s === e, E = L(
     () => [
       {
         id: "learned-sheets",
@@ -39,7 +39,7 @@ const {
       },
       {
         id: "mastered-sheets",
-        imageUrl: l ? w : H,
+        imageUrl: c ? H : w,
         completedSheetsCount: s,
         title: i || !s ? "Master" : "Mastered"
       }
@@ -51,11 +51,11 @@ const {
       s,
       a,
       m,
-      l
+      c
     ]
   );
   return /* @__PURE__ */ t(D, { children: E.map((f) => {
-    const { id: c, imageUrl: g, title: _, completedSheetsCount: h } = f, d = M(
+    const { id: l, imageUrl: g, title: _, completedSheetsCount: h } = f, d = M(
       h,
       e
     );
@@ -68,22 +68,22 @@ const {
         tooltipXCoOrdinates: 20,
         textVariant: "ab3",
         children: /* @__PURE__ */ I(p, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-          /* @__PURE__ */ t(P, { src: g, alt: c, withLoader: !0, width: n, height: n }),
+          /* @__PURE__ */ t(P, { src: g, alt: l, withLoader: !0, width: n, height: n }),
           /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
             R,
             {
-              progressStats: /* @__PURE__ */ t(x, { $renderAs: "eyebrow2", children: `${_} ${d}%` }),
+              progressStats: /* @__PURE__ */ t(x, { $renderAs: "ac4-black", children: `${_} ${d}%` }),
               progress: d,
               flexDirection: "column-reverse"
             }
           ) })
         ] })
       },
-      c
+      l
     );
   }) });
 });
 export {
-  k as default
+  X as default
 };
 //# sourceMappingURL=milestone-progress.js.map

package/dist/features/milestone/create/comps/milestone-progress/milestone-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-progress.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress/milestone-progress.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ProgressStats from '../../../../chapters/lpar-chapter/comps/chapter-progress';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getSheetCompletionPercentage } from './milestone-progress-utils';\nimport type { IMilestoneProgressInfo } from './types';\n\nconst {\n  LEARNED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  PRACTICED_SHIELD_GREEN,\n  PRACTICED_SHIELD_GREY,\n  MASTERED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfo: FC<IMilestoneProgressInfo> = memo(function MilestoneProgressInfo({\n  chapterProgress,\n  badgeSize,\n}) {\n  const {\n    familiar_sheets: familiarSheets = 0,\n    proficient_sheets: proficientSheets = 0,\n    mastered_sheets: masteredSheets = 0,\n    total_core_sheets: totalCoreSheets = 0,\n  } = chapterProgress || {};\n\n  const hasNoCoreSheet = totalCoreSheets === 0;\n\n  const hasCompletedLearningSheets = familiarSheets === totalCoreSheets;\n  const hasCompletedPracticeSheets = proficientSheets === totalCoreSheets;\n  const hasMasteredAllSheets = masteredSheets === totalCoreSheets;\n\n  const progressData = useMemo(\n    () => [\n      {\n        id: 'learned-sheets',\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        title: hasNoCoreSheet || !familiarSheets ? 'Learn' : `Learned`,\n      },\n      {\n        id: 'practiced-sheets',\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        title: hasNoCoreSheet || !proficientSheets ? 'Practice' : `Practiced`,\n      },\n      {\n        id: 'mastered-sheets',\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        title: hasNoCoreSheet || !masteredSheets ? 'Master' : `Mastered`,\n      },\n    ],\n    [\n      hasNoCoreSheet,\n      familiarSheets,\n      proficientSheets,\n      masteredSheets,\n      hasCompletedLearningSheets,\n      hasCompletedPracticeSheets,\n      hasMasteredAllSheets,\n    ],\n  );\n\n  return (\n    <>\n      {progressData.map(progressInfo => {\n        const { id, imageUrl, title, completedSheetsCount } = progressInfo;\n\n        const progressPercentage = getSheetCompletionPercentage(\n          completedSheetsCount,\n          totalCoreSheets,\n        );\n\n        return (\n          <ArrowTooltip\n            key={id}\n            renderAs=\"secondary\"\n            position=\"bottom\"\n            tooltipItem={`${completedSheetsCount ?? 0} / ${totalCoreSheets || 1} done`}\n            tooltipXCoOrdinates={20}\n            textVariant=\"ab3\"\n          >\n            <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n              <Image src={imageUrl} alt={id} withLoader width={badgeSize} height={badgeSize} />\n              <FlexView>\n                <ProgressStats\n                  progressStats={\n                    <Text $renderAs=\"eyebrow2\">{`${title} ${progressPercentage}%`}</Text>\n                  }\n                  progress={progressPercentage}\n                  flexDirection=\"column-reverse\"\n                />\n              </FlexView>\n            </FlexView>\n          </ArrowTooltip>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneProgressInfo;\n"],"names":["LEARNED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","PRACTICED_SHIELD_GREEN","PRACTICED_SHIELD_GREY","MASTERED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","ILLUSTRATIONS","MilestoneProgressInfo","memo","chapterProgress","badgeSize","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasNoCoreSheet","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","progressData","useMemo","jsx","Fragment","progressInfo","id","imageUrl","title","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","ArrowTooltip","FlexView","Image","ProgressStats","Text"],"mappings":";;;;;;;;;AAWA,MAAM;AAAA,EACJ,sBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAAoDC,EAAK,SAA+B;AAAA,EAC5F,iBAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAmB;AAAA,IACtC,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAkB;AAAA,EAAA,IACnCL,KAAmB,CAAA,GAEjBM,IAAiBD,MAAoB,GAErCE,IAA6BL,MAAmBG,GAChDG,IAA6BL,MAAqBE,GAClDI,IAAuBL,MAAmBC,GAE1CK,IAAeC;AAAA,IACnB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,UAAUJ,IAA6BhB,IAAuBC;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,OAAOI,KAAkB,CAACJ,IAAiB,UAAU;AAAA,MACvD;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAA6Bf,IAAyBC;AAAA,QAChE,sBAAsBS;AAAA,QACtB,OAAOG,KAAkB,CAACH,IAAmB,aAAa;AAAA,MAC5D;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAAuBd,IAAwBC;AAAA,QACzD,sBAAsBQ;AAAA,QACtB,OAAOE,KAAkB,CAACF,IAAiB,WAAW;AAAA,MACxD;AAAA,IACF;AAAA,IACA;AAAA,MACEE;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA;AAIA,SAAA,gBAAAG,EAAAC,GAAA,EACG,UAAaH,EAAA,IAAI,CAAgBI,MAAA;AAChC,UAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,OAAAC,GAAO,sBAAAC,MAAyBJ,GAEhDK,IAAqBC;AAAA,MACzBF;AAAA,MACAb;AAAA,IAAA;AAIA,WAAA,gBAAAO;AAAA,MAACS;AAAA,MAAA;AAAA,QAEC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGH,KAAwB,CAAC,MAAMb,KAAmB,CAAC;AAAA,QACnE,qBAAqB;AAAA,QACrB,aAAY;AAAA,QAEZ,4BAACiB,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,UAAC,gBAAAV,EAAAW,GAAA,EAAM,KAAKP,GAAU,KAAKD,GAAI,YAAU,IAAC,OAAOd,GAAW,QAAQA,EAAW,CAAA;AAAA,4BAC9EqB,GACC,EAAA,UAAA,gBAAAV;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,iCACGC,GAAK,EAAA,WAAU,YAAY,UAAG,GAAAR,CAAK,IAAIE,CAAkB,IAAI,CAAA;AAAA,cAEhE,UAAUA;AAAA,cACV,eAAc;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,MAlBKJ;AAAA,IAAA;AAAA,EAqBV,CAAA,EACH,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"milestone-progress.js","sources":["../../../../../../src/features/milestone/create/comps/milestone-progress/milestone-progress.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport ProgressStats from '../../../../chapters/lpar-chapter/comps/chapter-progress';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getSheetCompletionPercentage } from './milestone-progress-utils';\nimport type { IMilestoneProgressInfo } from './types';\n\nconst {\n  LEARNED_SHIELD_GREEN,\n  LEARNED_SHIELD_GRAY,\n  PRACTICED_SHIELD_GREEN,\n  PRACTICED_SHIELD_GREY,\n  MASTERED_SHIELD_GREEN,\n  MASTERED_SHIELD_GRAY,\n} = ILLUSTRATIONS;\n\nconst MilestoneProgressInfo: FC<IMilestoneProgressInfo> = memo(function MilestoneProgressInfo({\n  chapterProgress,\n  badgeSize,\n}) {\n  const {\n    familiar_sheets: familiarSheets = 0,\n    proficient_sheets: proficientSheets = 0,\n    mastered_sheets: masteredSheets = 0,\n    total_core_sheets: totalCoreSheets = 0,\n  } = chapterProgress || {};\n\n  const hasNoCoreSheet = totalCoreSheets === 0;\n\n  const hasCompletedLearningSheets = familiarSheets === totalCoreSheets;\n  const hasCompletedPracticeSheets = proficientSheets === totalCoreSheets;\n  const hasMasteredAllSheets = masteredSheets === totalCoreSheets;\n\n  const progressData = useMemo(\n    () => [\n      {\n        id: 'learned-sheets',\n        imageUrl: hasCompletedLearningSheets ? LEARNED_SHIELD_GREEN : LEARNED_SHIELD_GRAY,\n        completedSheetsCount: familiarSheets,\n        title: hasNoCoreSheet || !familiarSheets ? 'Learn' : `Learned`,\n      },\n      {\n        id: 'practiced-sheets',\n        imageUrl: hasCompletedPracticeSheets ? PRACTICED_SHIELD_GREEN : PRACTICED_SHIELD_GREY,\n        completedSheetsCount: proficientSheets,\n        title: hasNoCoreSheet || !proficientSheets ? 'Practice' : `Practiced`,\n      },\n      {\n        id: 'mastered-sheets',\n        imageUrl: hasMasteredAllSheets ? MASTERED_SHIELD_GREEN : MASTERED_SHIELD_GRAY,\n        completedSheetsCount: masteredSheets,\n        title: hasNoCoreSheet || !masteredSheets ? 'Master' : `Mastered`,\n      },\n    ],\n    [\n      hasNoCoreSheet,\n      familiarSheets,\n      proficientSheets,\n      masteredSheets,\n      hasCompletedLearningSheets,\n      hasCompletedPracticeSheets,\n      hasMasteredAllSheets,\n    ],\n  );\n\n  return (\n    <>\n      {progressData.map(progressInfo => {\n        const { id, imageUrl, title, completedSheetsCount } = progressInfo;\n\n        const progressPercentage = getSheetCompletionPercentage(\n          completedSheetsCount,\n          totalCoreSheets,\n        );\n\n        return (\n          <ArrowTooltip\n            key={id}\n            renderAs=\"secondary\"\n            position=\"bottom\"\n            tooltipItem={`${completedSheetsCount ?? 0} / ${totalCoreSheets || 1} done`}\n            tooltipXCoOrdinates={20}\n            textVariant=\"ab3\"\n          >\n            <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n              <Image src={imageUrl} alt={id} withLoader width={badgeSize} height={badgeSize} />\n              <FlexView>\n                <ProgressStats\n                  progressStats={\n                    <Text $renderAs=\"ac4-black\">{`${title} ${progressPercentage}%`}</Text>\n                  }\n                  progress={progressPercentage}\n                  flexDirection=\"column-reverse\"\n                />\n              </FlexView>\n            </FlexView>\n          </ArrowTooltip>\n        );\n      })}\n    </>\n  );\n});\n\nexport default MilestoneProgressInfo;\n"],"names":["LEARNED_SHIELD_GREEN","LEARNED_SHIELD_GRAY","PRACTICED_SHIELD_GREEN","PRACTICED_SHIELD_GREY","MASTERED_SHIELD_GREEN","MASTERED_SHIELD_GRAY","ILLUSTRATIONS","MilestoneProgressInfo","memo","chapterProgress","badgeSize","familiarSheets","proficientSheets","masteredSheets","totalCoreSheets","hasNoCoreSheet","hasCompletedLearningSheets","hasCompletedPracticeSheets","hasMasteredAllSheets","progressData","useMemo","jsx","Fragment","progressInfo","id","imageUrl","title","completedSheetsCount","progressPercentage","getSheetCompletionPercentage","ArrowTooltip","FlexView","Image","ProgressStats","Text"],"mappings":";;;;;;;;;AAWA,MAAM;AAAA,EACJ,sBAAAA;AAAA,EACA,qBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,sBAAAC;AACF,IAAIC,GAEEC,IAAoDC,EAAK,SAA+B;AAAA,EAC5F,iBAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACK,QAAA;AAAA,IACJ,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAmB;AAAA,IACtC,iBAAiBC,IAAiB;AAAA,IAClC,mBAAmBC,IAAkB;AAAA,EAAA,IACnCL,KAAmB,CAAA,GAEjBM,IAAiBD,MAAoB,GAErCE,IAA6BL,MAAmBG,GAChDG,IAA6BL,MAAqBE,GAClDI,IAAuBL,MAAmBC,GAE1CK,IAAeC;AAAA,IACnB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,UAAUJ,IAA6BhB,IAAuBC;AAAA,QAC9D,sBAAsBU;AAAA,QACtB,OAAOI,KAAkB,CAACJ,IAAiB,UAAU;AAAA,MACvD;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAA6Bf,IAAyBC;AAAA,QAChE,sBAAsBS;AAAA,QACtB,OAAOG,KAAkB,CAACH,IAAmB,aAAa;AAAA,MAC5D;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,UAAUM,IAAuBd,IAAwBC;AAAA,QACzD,sBAAsBQ;AAAA,QACtB,OAAOE,KAAkB,CAACF,IAAiB,WAAW;AAAA,MACxD;AAAA,IACF;AAAA,IACA;AAAA,MACEE;AAAA,MACAJ;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA;AAIA,SAAA,gBAAAG,EAAAC,GAAA,EACG,UAAaH,EAAA,IAAI,CAAgBI,MAAA;AAChC,UAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,OAAAC,GAAO,sBAAAC,MAAyBJ,GAEhDK,IAAqBC;AAAA,MACzBF;AAAA,MACAb;AAAA,IAAA;AAIA,WAAA,gBAAAO;AAAA,MAACS;AAAA,MAAA;AAAA,QAEC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa,GAAGH,KAAwB,CAAC,MAAMb,KAAmB,CAAC;AAAA,QACnE,qBAAqB;AAAA,QACrB,aAAY;AAAA,QAEZ,4BAACiB,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,UAAC,gBAAAV,EAAAW,GAAA,EAAM,KAAKP,GAAU,KAAKD,GAAI,YAAU,IAAC,OAAOd,GAAW,QAAQA,EAAW,CAAA;AAAA,4BAC9EqB,GACC,EAAA,UAAA,gBAAAV;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,iCACGC,GAAK,EAAA,WAAU,aAAa,UAAG,GAAAR,CAAK,IAAIE,CAAkB,IAAI,CAAA;AAAA,cAEjE,UAAUA;AAAA,cACV,eAAc;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,MAlBKJ;AAAA,IAAA;AAAA,EAqBV,CAAA,EACH,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.js

@@ -1,15 +1,15 @@
-import { jsxs as t, Fragment as B, jsx as e } from "react/jsx-runtime";
-import { useState as C, useCallback as x } from "react";
+import { jsxs as t, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { useState as x, useCallback as y } from "react";
 import p from "../../../../ui/buttons/button/button.js";
-import $ from "../../../../ui/layout/flex-view.js";
+import u from "../../../../ui/layout/flex-view.js";
 import r from "../../../../ui/text/text.js";
 import { StyledTextArea as S, BottomWrapper as E } from "./submit-with-plan-modal-styled.js";
 import { createPlanApprovalMessage as v } from "./submit-with-plan-modal-util.js";
 const j = ({
-  studentName: o,
-  parentName: l,
-  teacherName: g,
-  formData: u,
+  studentName: l,
+  parentName: o,
+  teacherName: $,
+  formData: g,
   onSubmit: s,
   error: d,
   isProcessing: m,
@@ -17,39 +17,39 @@ const j = ({
   submitBaseMessage: b,
   flow: f
 }) => {
-  const [i, y] = C(() => {
-    const { milestoneEndDate: a, testName: w, testType: A, grade: X } = u;
+  const [a, w] = x(() => {
+    const { milestoneEndDate: i, testName: A, testType: X, grade: B } = g;
     return v(b, {
-      parentName: l,
-      teacherName: g,
-      studentName: o,
-      testName: w,
-      testDate: a,
-      testType: A,
-      grade: X
+      parentName: o,
+      teacherName: $,
+      studentName: l,
+      testName: A,
+      testDate: i,
+      testType: X,
+      grade: B
     });
-  }), n = f === "EDIT", c = x(() => {
-    s(n ? "" : i);
-  }, [s, n, i]);
-  return /* @__PURE__ */ t(B, { children: [
-    /* @__PURE__ */ t($, { $gapX: 1, $gutterX: 1, children: [
-      /* @__PURE__ */ e(r, { $renderAs: "h4", $marginBottomX: 0.75, children: "Share learning plan with parent" }),
-      /* @__PURE__ */ e(r, { $renderAs: "body2", color: "BLACK_75", $marginBottomX: 0.75, children: "Edit the message if needed, before you share it with the parent." }),
-      /* @__PURE__ */ t(r, { $renderAs: "body1Medium", $marginBottomX: 0.75, children: [
-        l,
+  }), n = f === "EDIT", c = y(() => {
+    s(n ? "" : a);
+  }, [s, n, a]);
+  return /* @__PURE__ */ t(C, { children: [
+    /* @__PURE__ */ t(u, { $gapX: 1, $gutterX: 1, children: [
+      /* @__PURE__ */ e(r, { $renderAs: "ah4-bold", $marginBottomX: 0.75, children: "Share learning plan with parent" }),
+      /* @__PURE__ */ e(r, { $renderAs: "ub2", color: "BLACK_75", $marginBottomX: 0.75, children: "Edit the message if needed, before you share it with the parent." }),
+      /* @__PURE__ */ t(r, { $renderAs: "ub1-bold", $marginBottomX: 0.75, children: [
+        o,
         " ",
-        /* @__PURE__ */ t(r, { $renderAs: "body2", $inline: !0, children: [
+        /* @__PURE__ */ t(r, { $renderAs: "ub2", $inline: !0, children: [
           "(",
-          o,
+          l,
           "'s parent)"
         ] })
       ] }),
-      /* @__PURE__ */ e(S, { onChange: (a) => y(a.target.value), value: i })
+      /* @__PURE__ */ e(S, { onChange: (i) => w(i.target.value), value: a })
     ] }),
     /* @__PURE__ */ t(E, { $alignItems: "center", children: [
-      /* @__PURE__ */ e(r, { color: "BLACK_75", $renderAs: "body3", $align: "center", $widthX: 26, $marginBottomX: 1, children: "ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp & CueChat (if installed)" }),
-      d && /* @__PURE__ */ e(r, { $renderAs: "body2", $color: "RED", $align: "center", $widthX: 26, $marginBottomX: 1, children: d }),
-      /* @__PURE__ */ t($, { $flexDirection: "row", $alignItems: "center", $flexGap: 12, children: [
+      /* @__PURE__ */ e(r, { color: "BLACK_75", $renderAs: "ub3", $align: "center", $widthX: 26, $marginBottomX: 1, children: "ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp & CueChat (if installed)" }),
+      d && /* @__PURE__ */ e(r, { $renderAs: "ub2", $color: "RED", $align: "center", $widthX: 26, $marginBottomX: 1, children: d }),
+      /* @__PURE__ */ t(u, { $flexDirection: "row", $alignItems: "center", $flexGap: 12, children: [
         n && /* @__PURE__ */ e(
           p,
           {
@@ -71,7 +71,7 @@ const j = ({
             label: "Submit & share",
             onClick: c,
             busy: m,
-            disabled: i === "",
+            disabled: a === "",
             analyticsProps: h
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"submit-with-plan-modal.js","sources":["../../../../../../src/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.tsx"],"sourcesContent":["import { useCallback, useState, 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 type { IMilestoneFormData, TMilestoneFormFlow } from '../../milestone-create-types';\nimport * as Styled from './submit-with-plan-modal-styled';\nimport { createPlanApprovalMessage } from './submit-with-plan-modal-util';\n\ninterface ISubmitWithPlanModalProps {\n  studentName: string;\n  parentName: string;\n  teacherName: string;\n  formData: Required<IMilestoneFormData>; //should we make a type like this\n  parentId: string;\n  onSubmit: (message: string) => void;\n  onError: () => void;\n  isMilestoneEdit?: boolean;\n  milestoneId?: string;\n  error: string;\n  isProcessing: boolean;\n  submitAnalyticsProps?: Record<string, unknown>;\n  submitBaseMessage: string;\n  flow: TMilestoneFormFlow;\n}\n\nconst SubmitWithPlanModal: FC<ISubmitWithPlanModalProps> = ({\n  studentName,\n  parentName,\n  teacherName,\n  formData,\n  onSubmit: handleSubmit,\n  error,\n  isProcessing,\n  submitAnalyticsProps,\n  submitBaseMessage,\n  flow,\n}) => {\n  const [message, setMessage] = useState(() => {\n    const { milestoneEndDate, testName, testType, grade } = formData;\n\n    return createPlanApprovalMessage(submitBaseMessage, {\n      parentName,\n      teacherName,\n      studentName,\n      testName,\n      testDate: milestoneEndDate,\n      testType,\n      grade,\n    });\n  });\n\n  const isEditFlow = flow === 'EDIT';\n\n  const handleSubmitClick = useCallback(() => {\n    handleSubmit(isEditFlow ? '' : message);\n  }, [handleSubmit, isEditFlow, message]);\n\n  return (\n    <>\n      <FlexView $gapX={1} $gutterX={1}>\n        <Text $renderAs=\"h4\" $marginBottomX={0.75}>\n          Share learning plan with parent\n        </Text>\n\n        <Text $renderAs=\"body2\" color=\"BLACK_75\" $marginBottomX={0.75}>\n          Edit the message if needed, before you share it with the parent.\n        </Text>\n\n        <Text $renderAs=\"body1Medium\" $marginBottomX={0.75}>\n          {parentName}{' '}\n          <Text $renderAs=\"body2\" $inline>\n            ({studentName}'s parent)\n          </Text>\n        </Text>\n\n        <Styled.StyledTextArea onChange={e => setMessage(e.target.value)} value={message} />\n      </FlexView>\n\n      <Styled.BottomWrapper $alignItems=\"center\">\n        <Text color=\"BLACK_75\" $renderAs=\"body3\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n          ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp &\n          CueChat (if installed)\n        </Text>\n\n        {error && (\n          <Text $renderAs=\"body2\" $color=\"RED\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n            {error}\n          </Text>\n        )}\n\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={12}>\n          {isEditFlow && (\n            <Button\n              renderAs=\"secondary\"\n              size=\"small\"\n              widthX={13.5}\n              label=\"Submit without share\"\n              onClick={handleSubmitClick}\n              busy={isProcessing}\n              analyticsProps={submitAnalyticsProps}\n            />\n          )}\n\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={13.5}\n            label=\"Submit & share\"\n            onClick={handleSubmitClick}\n            busy={isProcessing}\n            disabled={message === ''}\n            analyticsProps={submitAnalyticsProps}\n          />\n        </FlexView>\n      </Styled.BottomWrapper>\n    </>\n  );\n};\n\nexport default SubmitWithPlanModal;\n"],"names":["SubmitWithPlanModal","studentName","parentName","teacherName","formData","handleSubmit","error","isProcessing","submitAnalyticsProps","submitBaseMessage","flow","message","setMessage","useState","milestoneEndDate","testName","testType","grade","createPlanApprovalMessage","isEditFlow","handleSubmitClick","useCallback","jsxs","Fragment","FlexView","jsx","Text","Styled.StyledTextArea","e","Styled.BottomWrapper","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MAAM;AAC3C,UAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,UAAAC,GAAU,OAAAC,MAAUb;AAExD,WAAOc,EAA0BT,GAAmB;AAAA,MAClD,YAAAP;AAAA,MACA,aAAAC;AAAA,MACA,aAAAF;AAAA,MACA,UAAAc;AAAA,MACA,UAAUD;AAAA,MACV,UAAAE;AAAA,MACA,OAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEKE,IAAaT,MAAS,QAEtBU,IAAoBC,EAAY,MAAM;AAC7B,IAAAhB,EAAAc,IAAa,KAAKR,CAAO;AAAA,EACrC,GAAA,CAACN,GAAcc,GAAYR,CAAO,CAAC;AAEtC,SAEI,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAS,EAAA,OAAO,GAAG,UAAU,GAC5B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,MAAK,gBAAgB,MAAM,UAE3C,mCAAA;AAAA,MAEA,gBAAAD,EAACC,KAAK,WAAU,SAAQ,OAAM,YAAW,gBAAgB,MAAM,UAE/D,mEAAA,CAAA;AAAA,MAEC,gBAAAJ,EAAAI,GAAA,EAAK,WAAU,eAAc,gBAAgB,MAC3C,UAAA;AAAA,QAAAxB;AAAA,QAAY;AAAA,QACZ,gBAAAoB,EAAAI,GAAA,EAAK,WAAU,SAAQ,SAAO,IAAC,UAAA;AAAA,UAAA;AAAA,UAC5BzB;AAAA,UAAY;AAAA,QAAA,GAChB;AAAA,MAAA,GACF;AAAA,MAEC,gBAAAwB,EAAAE,GAAA,EAAsB,UAAU,CAAAC,MAAKhB,EAAWgB,EAAE,OAAO,KAAK,GAAG,OAAOjB,EAAS,CAAA;AAAA,IAAA,GACpF;AAAA,IAEC,gBAAAW,EAAAO,GAAA,EAAqB,aAAY,UAChC,UAAA;AAAA,MAAC,gBAAAJ,EAAAC,GAAA,EAAK,OAAM,YAAW,WAAU,SAAQ,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAAG,UAGzF,oHAAA;AAAA,MAECpB,KACC,gBAAAmB,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAC/E,UACHpB,GAAA;AAAA,wBAGDkB,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,IAC3D,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,gBAAgBC;AAAA,UAAA;AAAA,QAClB;AAAA,QAGF,gBAAAiB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,UAAUI,MAAY;AAAA,YACtB,gBAAgBH;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"submit-with-plan-modal.js","sources":["../../../../../../src/features/milestone/create/submit-modal/submit-with-plan-modal/submit-with-plan-modal.tsx"],"sourcesContent":["import { useCallback, useState, 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 type { IMilestoneFormData, TMilestoneFormFlow } from '../../milestone-create-types';\nimport * as Styled from './submit-with-plan-modal-styled';\nimport { createPlanApprovalMessage } from './submit-with-plan-modal-util';\n\ninterface ISubmitWithPlanModalProps {\n  studentName: string;\n  parentName: string;\n  teacherName: string;\n  formData: Required<IMilestoneFormData>; //should we make a type like this\n  parentId: string;\n  onSubmit: (message: string) => void;\n  onError: () => void;\n  isMilestoneEdit?: boolean;\n  milestoneId?: string;\n  error: string;\n  isProcessing: boolean;\n  submitAnalyticsProps?: Record<string, unknown>;\n  submitBaseMessage: string;\n  flow: TMilestoneFormFlow;\n}\n\nconst SubmitWithPlanModal: FC<ISubmitWithPlanModalProps> = ({\n  studentName,\n  parentName,\n  teacherName,\n  formData,\n  onSubmit: handleSubmit,\n  error,\n  isProcessing,\n  submitAnalyticsProps,\n  submitBaseMessage,\n  flow,\n}) => {\n  const [message, setMessage] = useState(() => {\n    const { milestoneEndDate, testName, testType, grade } = formData;\n\n    return createPlanApprovalMessage(submitBaseMessage, {\n      parentName,\n      teacherName,\n      studentName,\n      testName,\n      testDate: milestoneEndDate,\n      testType,\n      grade,\n    });\n  });\n\n  const isEditFlow = flow === 'EDIT';\n\n  const handleSubmitClick = useCallback(() => {\n    handleSubmit(isEditFlow ? '' : message);\n  }, [handleSubmit, isEditFlow, message]);\n\n  return (\n    <>\n      <FlexView $gapX={1} $gutterX={1}>\n        <Text $renderAs=\"ah4-bold\" $marginBottomX={0.75}>\n          Share learning plan with parent\n        </Text>\n\n        <Text $renderAs=\"ub2\" color=\"BLACK_75\" $marginBottomX={0.75}>\n          Edit the message if needed, before you share it with the parent.\n        </Text>\n\n        <Text $renderAs=\"ub1-bold\" $marginBottomX={0.75}>\n          {parentName}{' '}\n          <Text $renderAs=\"ub2\" $inline>\n            ({studentName}'s parent)\n          </Text>\n        </Text>\n\n        <Styled.StyledTextArea onChange={e => setMessage(e.target.value)} value={message} />\n      </FlexView>\n\n      <Styled.BottomWrapper $alignItems=\"center\">\n        <Text color=\"BLACK_75\" $renderAs=\"ub3\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n          ℹ️ On tapping, the plan will be saved, & the parent will be updated via Email, WhatsApp &\n          CueChat (if installed)\n        </Text>\n\n        {error && (\n          <Text $renderAs=\"ub2\" $color=\"RED\" $align=\"center\" $widthX={26} $marginBottomX={1}>\n            {error}\n          </Text>\n        )}\n\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={12}>\n          {isEditFlow && (\n            <Button\n              renderAs=\"secondary\"\n              size=\"small\"\n              widthX={13.5}\n              label=\"Submit without share\"\n              onClick={handleSubmitClick}\n              busy={isProcessing}\n              analyticsProps={submitAnalyticsProps}\n            />\n          )}\n\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            widthX={13.5}\n            label=\"Submit & share\"\n            onClick={handleSubmitClick}\n            busy={isProcessing}\n            disabled={message === ''}\n            analyticsProps={submitAnalyticsProps}\n          />\n        </FlexView>\n      </Styled.BottomWrapper>\n    </>\n  );\n};\n\nexport default SubmitWithPlanModal;\n"],"names":["SubmitWithPlanModal","studentName","parentName","teacherName","formData","handleSubmit","error","isProcessing","submitAnalyticsProps","submitBaseMessage","flow","message","setMessage","useState","milestoneEndDate","testName","testType","grade","createPlanApprovalMessage","isEditFlow","handleSubmitClick","useCallback","jsxs","Fragment","FlexView","jsx","Text","Styled.StyledTextArea","e","Styled.BottomWrapper","Button"],"mappings":";;;;;;;AA0BA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MAAM;AAC3C,UAAM,EAAE,kBAAAC,GAAkB,UAAAC,GAAU,UAAAC,GAAU,OAAAC,MAAUb;AAExD,WAAOc,EAA0BT,GAAmB;AAAA,MAClD,YAAAP;AAAA,MACA,aAAAC;AAAA,MACA,aAAAF;AAAA,MACA,UAAAc;AAAA,MACA,UAAUD;AAAA,MACV,UAAAE;AAAA,MACA,OAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEKE,IAAaT,MAAS,QAEtBU,IAAoBC,EAAY,MAAM;AAC7B,IAAAhB,EAAAc,IAAa,KAAKR,CAAO;AAAA,EACrC,GAAA,CAACN,GAAcc,GAAYR,CAAO,CAAC;AAEtC,SAEI,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAS,EAAA,OAAO,GAAG,UAAU,GAC5B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,gBAAgB,MAAM,UAEjD,mCAAA;AAAA,MAEA,gBAAAD,EAACC,KAAK,WAAU,OAAM,OAAM,YAAW,gBAAgB,MAAM,UAE7D,mEAAA,CAAA;AAAA,MAEC,gBAAAJ,EAAAI,GAAA,EAAK,WAAU,YAAW,gBAAgB,MACxC,UAAA;AAAA,QAAAxB;AAAA,QAAY;AAAA,QACZ,gBAAAoB,EAAAI,GAAA,EAAK,WAAU,OAAM,SAAO,IAAC,UAAA;AAAA,UAAA;AAAA,UAC1BzB;AAAA,UAAY;AAAA,QAAA,GAChB;AAAA,MAAA,GACF;AAAA,MAEC,gBAAAwB,EAAAE,GAAA,EAAsB,UAAU,CAAAC,MAAKhB,EAAWgB,EAAE,OAAO,KAAK,GAAG,OAAOjB,EAAS,CAAA;AAAA,IAAA,GACpF;AAAA,IAEC,gBAAAW,EAAAO,GAAA,EAAqB,aAAY,UAChC,UAAA;AAAA,MAAC,gBAAAJ,EAAAC,GAAA,EAAK,OAAM,YAAW,WAAU,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAAG,UAGvF,oHAAA;AAAA,MAECpB,KACC,gBAAAmB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,OAAM,QAAO,UAAS,SAAS,IAAI,gBAAgB,GAC7E,UACHpB,GAAA;AAAA,wBAGDkB,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,IAC3D,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,gBAAgBC;AAAA,UAAA;AAAA,QAClB;AAAA,QAGF,gBAAAiB;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAASV;AAAA,YACT,MAAMb;AAAA,YACN,UAAUI,MAAY;AAAA,YACtB,gBAAgBH;AAAA,UAAA;AAAA,QAClB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -6,7 +6,7 @@ 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 = [
+const D = "Deleting a goal is irreversible!", C = [
   /* @__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 }) => {
@@ -30,12 +30,12 @@ const D = "Deleting a goal is irreversible!", y = [
           /* @__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)
+            C.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(i, { $renderAs: "ub2", $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(

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

@@ -1 +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;"}
+{"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=\"ub2\" $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,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,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/edit-milestone-modal/edit-milestone.js

@@ -1,31 +1,31 @@
-import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { memo as u } from "react";
+import { jsxs as r, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { memo as w } from "react";
 import b 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 = u(function({
-  inputMilestoneName: a,
+import { formatDate as a } from "../../../../../node_modules/date-fns/format.js";
+const F = w(function({
+  inputMilestoneName: d,
   areDateUpdatesDisabled: m,
   handleDateChange: s,
-  inputMilestoneDate: o,
+  inputMilestoneDate: i,
   anyFieldChanged: f,
   isProcessing: l,
-  isDataPatched: i,
+  isDataPatched: o,
   onSave: $,
   isPatchingFailed: h,
   onDeleteOptionClick: c,
   errorMessage: p,
-  canDelete: y,
-  milestoneState: g
+  canDelete: g,
+  milestoneState: y
 }) {
-  const x = !f || l || i || !o;
+  const u = !f || 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(n, { $renderAs: "ah4-bold", children: "Edit Goal" }),
+    /* @__PURE__ */ e(t, { $width: "fit-content", $marginBottomX: 0.5, children: /* @__PURE__ */ e(n, { $renderAs: "ab1", children: d }) }),
     /* @__PURE__ */ e(
       X,
       {
@@ -33,19 +33,19 @@ const F = u(function({
         type: "date",
         label: "Tentative Date of Completion",
         widthX: 20,
-        min: d(Date.now(), "yyyy-MM-dd"),
-        value: o ? d(o * 1e3, "yyyy-MM-dd") : "",
+        min: a(Date.now(), "yyyy-MM-dd"),
+        value: i ? a(i * 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(t, { $heightX: o ? 2.375 : 3.625, $justifyContent: "flex-end", children: h && /* @__PURE__ */ r(x, { children: [
+      /* @__PURE__ */ e(n, { $renderAs: "ub2", $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!" }) }),
+      o && /* @__PURE__ */ e(t, { $width: "100%", children: /* @__PURE__ */ e(n, { $renderAs: "ub2", $alignSelf: "flex-end", $color: "GREEN_5", $marginBottomX: 0.25, children: "Changes saved!" }) }),
       /* @__PURE__ */ r(
         t,
         {
@@ -63,7 +63,7 @@ const F = u(function({
                 $alignItems: "center",
                 $flexColumnGapX: 1,
                 $width: "100%",
-                children: g !== "DRAFT" && y && /* @__PURE__ */ e(C, { label: "Delete", color: "RED", onClick: c })
+                children: y !== "DRAFT" && g && /* @__PURE__ */ e(C, { label: "Delete", color: "RED", onClick: c })
               }
             ),
             /* @__PURE__ */ e(
@@ -74,7 +74,7 @@ const F = u(function({
                 onClick: $,
                 size: "small",
                 shape: "square",
-                disabled: x
+                disabled: u
               }
             )
           ]

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 { format } from 'date-fns';\nimport { memo, type ChangeEvent, type FC } 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';\nimport type { TMilestoneStates } from '../../../milestone-list-container/milestone-list/milestone-list-types';\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: FC<IEditMilestoneProps> = memo(function EditMilestone({\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","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":";;;;;;;;;AA4BM,MAAAA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,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,GAAG;AACD,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,CAAC;"}
+{"version":3,"file":"edit-milestone.js","sources":["../../../../../../src/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { memo, type ChangeEvent, type FC } 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';\nimport type { TMilestoneStates } from '../../../milestone-list-container/milestone-list/milestone-list-types';\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: FC<IEditMilestoneProps> = memo(function EditMilestone({\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=\"ah4-bold\">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=\"ub2\" $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=\"ub2\" $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","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":";;;;;;;;;AA4BM,MAAAA,IAAyCC,EAAK,SAAuB;AAAA,EACzE,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,GAAG;AACD,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,YAAW,UAAS,aAAA;AAAA,IAEpC,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,OAAM,QAAO,OAAM,YAAW,UAAS,UAEvD,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,OAAM,YAAW,YAAW,QAAO,WAAU,gBAAgB,MAAM,2BAEnF,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,CAAC;"}