@mx-cartographer/experiences 9.4.52-alpha.al0 → 9.4.53

package/CHANGELOG.md

@@ -1,9 +1,11 @@
+## [9.4.53] - 10-02-2026
+
+- **FIXED** - Recalculated budget amounts now use the three-month spending average instead of varying by browser history MEW-4013
+- **FIXED** - Recalculate budgets drawer now shows a loader, cannot close while saving, and stays open with an error if the save fails MEW-4013
+
 ## [9.4.52] - 10-02-2026
 
-- **FIXED** - Transaction Details date drawer now uses the MUI X date picker, styled by the MXUI theme MEW-4123
-- **CHANGED** - `Drawer` footer secondary buttons now use the text variant, and the default `secondaryColor` is `primary` MEW-4123
-- **CHANGED** - Deprecated the `Calendar` export from `./common` MEW-4123
-- **CHANGED** - Bumped `@mxenabled/mxui` to `^2.10.1` for date range picker contrast fixes MEW-4123
+- **FIXED** - Storybook stories that crashed or rendered blank now load (MEW-4207)
 
 ## [9.4.51] - 10-01-2026
 

package/dist/budgets/components/addbudget/RecalculateBudgets.d.ts

@@ -1,5 +1,7 @@
 interface RecalculateBudgetsProps {
     onRecalculateBudgets?: () => void;
 }
-export declare const RecalculateBudgets: ({ onRecalculateBudgets }: RecalculateBudgetsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RecalculateBudgets: (({ onRecalculateBudgets }: RecalculateBudgetsProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 export {};

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js

@@ -1,23 +1,37 @@
-import { useBudgetsStore as b, useCategoryStore as h, useGlobalCopyStore as x } from "../../../common/context/hooks.es.js";
-import y from "../../../common/components/drawer/Drawer.es.js";
-import { RecalculateBudgetRow as _ } from "./RecalculateBudgetRow.es.js";
-import i from "react";
-import n from "@mui/material/Stack";
-import { Text as a } from "@mxenabled/mxui";
-import C from "@mui/material/Button";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import v from "@mui/material/Box";
-import B from "@mui/material/List";
-var F = ({ onRecalculateBudgets: s }) => {
-  const { budgets: t, common: m } = x(), { spendCategories: u } = h(), { recalculateBudgets: p, setAlert: d } = b(), [g, o] = i.useState(!1), l = u.filter((r) => r.totalAverageAmount > 0), f = async () => {
-    await p(l), o(!1), d({
-      msg: t.alert_recalculated_budgets,
-      severity: "success"
-    }), s?.();
+import { useBudgetsStore as _, useCategoryStore as C, useGlobalCopyStore as S } from "../../../common/context/hooks.es.js";
+import B from "../../../common/components/drawer/Drawer.es.js";
+import { RecalculateBudgetRow as A } from "./RecalculateBudgetRow.es.js";
+import o from "react";
+import { observer as k } from "mobx-react-lite";
+import p from "@mui/material/Stack";
+import { Text as l } from "@mxenabled/mxui";
+import w from "@mui/material/Button";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import R from "@mui/material/Box";
+import I from "@mui/material/List";
+import P from "@mui/material/Alert";
+var J = k(({ onRecalculateBudgets: d }) => {
+  const { budgets: t, common: n } = S(), { spendCategories: f } = C(), { recalculateBudgets: g, setAlert: h } = _(), [x, s] = o.useState(!1), [c, m] = o.useState(!1), [y, a] = o.useState(!1), u = f.filter((r) => r.totalAverageAmount > 0), b = () => {
+    c || (s(!1), a(!1));
+  }, v = async () => {
+    m(!0), a(!1);
+    try {
+      const { isSuccess: r } = await g(u);
+      if (!r) {
+        a(!0);
+        return;
+      }
+      s(!1), h({
+        msg: t.alert_recalculated_budgets,
+        severity: "success"
+      }), d?.();
+    } finally {
+      m(!1);
+    }
   };
-  return /* @__PURE__ */ c(i.Fragment, { children: [
-    /* @__PURE__ */ e(C, {
-      onClick: () => o(!0),
+  return /* @__PURE__ */ i(o.Fragment, { children: [
+    /* @__PURE__ */ e(w, {
+      onClick: () => s(!0),
       sx: {
         mt: 24,
         mx: 24
@@ -25,7 +39,7 @@ var F = ({ onRecalculateBudgets: s }) => {
       variant: "text",
       children: t.recalculate_button
     }),
-    /* @__PURE__ */ e(a, {
+    /* @__PURE__ */ e(l, {
       sx: {
         mx: 24,
         my: 16,
@@ -35,33 +49,46 @@ var F = ({ onRecalculateBudgets: s }) => {
       component: "span",
       children: t.recalculate_help
     }),
-    /* @__PURE__ */ e(y, {
-      ariaLabelClose: m.close_aria,
-      isOpen: g,
-      onClose: () => o(!1),
-      onPrimaryAction: f,
+    /* @__PURE__ */ e(B, {
+      ariaLabelClose: n.close_aria,
+      isOpen: x,
+      onClose: b,
+      onPrimaryAction: v,
+      primaryButtonProps: { loading: c },
       title: t.recalculate_title,
-      children: /* @__PURE__ */ c(n, { children: [/* @__PURE__ */ c(n, {
-        mx: 24,
-        my: 16,
-        children: [/* @__PURE__ */ e(a, {
-          bold: !0,
-          variant: "body1",
-          children: t.recalculate_description_top
-        }), /* @__PURE__ */ e(a, {
-          component: "span",
-          variant: "subtitle2",
-          children: t.recalculate_description_bottom
-        })]
-      }), /* @__PURE__ */ e(v, {
-        bgcolor: "background.paper",
-        children: /* @__PURE__ */ e(B, { children: l.map((r) => /* @__PURE__ */ e(_, { category: r }, r.guid)) })
-      })] })
+      children: /* @__PURE__ */ i(p, { children: [
+        y && /* @__PURE__ */ e(P, {
+          role: "alert",
+          severity: "error",
+          sx: {
+            mt: 16,
+            mx: 24
+          },
+          children: n.error_message
+        }),
+        /* @__PURE__ */ i(p, {
+          mx: 24,
+          my: 16,
+          children: [/* @__PURE__ */ e(l, {
+            bold: !0,
+            variant: "body1",
+            children: t.recalculate_description_top
+          }), /* @__PURE__ */ e(l, {
+            component: "span",
+            variant: "subtitle2",
+            children: t.recalculate_description_bottom
+          })]
+        }),
+        /* @__PURE__ */ e(R, {
+          bgcolor: "background.paper",
+          children: /* @__PURE__ */ e(I, { children: u.map((r) => /* @__PURE__ */ e(A, { category: r }, r.guid)) })
+        })
+      ] })
     })
   ] });
-};
+});
 export {
-  F as RecalculateBudgets
+  J as RecalculateBudgets
 };
 
 //# sourceMappingURL=RecalculateBudgets.es.js.map

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecalculateBudgets.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = ({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handlePrimaryClick = async () => {\n    await recalculateBudgets(newBudgetCategories)\n\n    setIsOpen(false)\n    setAlert({ msg: copy.alert_recalculated_budgets, severity: 'success' })\n    onRecalculateBudgets?.()\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\" component=\"span\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handlePrimaryClick}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text component=\"span\" variant=\"subtitle2\">\n              {copy.recalculate_description_bottom}\n            </Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAA,CAAsB,EAAE,sBAAA,EAAA,MAAoD;AACvF,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAqB,YAAY;AACrC,UAAM,EAAmB,CAAmB,GAE5C,EAAU,EAAK,GACf,EAAS;AAAA,MAAE,KAAK,EAAK;AAAA,MAA4B,UAAU;AAAA,IAAU,CAAC,GACtE,IAAuB;AAAA,EACzB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,MACrE,UAAA,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,MAAY,WAAU;AAAA,MAC9E,UAAA,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,iBAAiB;AAAA,MACjB,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,QAAI,IAAI;AAAA,QAAnB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA,MACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAQ;AAAA,QACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,MACH,CAAA,CACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB"}
+{"version":3,"file":"RecalculateBudgets.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = observer(({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [isError, setIsError] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handleClose = () => {\n    if (isSaving) return\n    setIsOpen(false)\n    setIsError(false)\n  }\n\n  const handlePrimaryClick = async () => {\n    setIsSaving(true)\n    setIsError(false)\n    try {\n      const { isSuccess } = await recalculateBudgets(newBudgetCategories)\n      if (!isSuccess) {\n        setIsError(true)\n        return\n      }\n      setIsOpen(false)\n      setAlert({ msg: copy.alert_recalculated_budgets, severity: 'success' })\n      onRecalculateBudgets?.()\n    } finally {\n      setIsSaving(false)\n    }\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\" component=\"span\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={handlePrimaryClick}\n        primaryButtonProps={{ loading: isSaving }}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          {isError && (\n            <Alert role=\"alert\" severity=\"error\" sx={{ mt: 16, mx: 24 }}>\n              {commonCopy.error_message}\n            </Alert>\n          )}\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text component=\"span\" variant=\"subtitle2\">\n              {copy.recalculate_description_bottom}\n            </Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n})\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,IAAqB,EAAA,CAAU,EAAE,sBAAA,EAAA,MAAoD;AAChG,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAU,CAAA,IAAe,EAAM,SAAS,EAAK,GAC9C,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAK,GAE5C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAA,MAAoB;AACxB,IAAI,MACJ,EAAU,EAAK,GACf,EAAW,EAAK;AAAA,EAClB,GAEM,IAAqB,YAAY;AACrC,IAAA,EAAY,EAAI,GAChB,EAAW,EAAK;AAChB,QAAI;AACF,YAAM,EAAE,WAAA,EAAA,IAAc,MAAM,EAAmB,CAAmB;AAClE,UAAI,CAAC,GAAW;AACd,QAAA,EAAW,EAAI;AACf;AAAA,MACF;AACA,MAAA,EAAU,EAAK,GACf,EAAS;AAAA,QAAE,KAAK,EAAK;AAAA,QAA4B,UAAU;AAAA,MAAU,CAAC,GACtE,IAAuB;AAAA,IACzB,UAAA;AACE,MAAA,EAAY,EAAK;AAAA,IACnB;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,MACrE,UAAA,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,MAAY,WAAU;AAAA,MAC9E,UAAA,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,oBAAoB,EAAE,SAAS,EAAS;AAAA,MACxC,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACG,KACC,gBAAA,EAAC,GAAD;AAAA,UAAO,MAAK;AAAA,UAAQ,UAAS;AAAA,UAAQ,IAAI;AAAA,YAAE,IAAI;AAAA,YAAI,IAAI;AAAA,UAAG;AAAA,UACvD,UAAA,EAAW;AAAA,QACP,CAAA;AAAA,QAET,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,UAAI,IAAI;AAAA,UAAnB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,YACvB,UAAA,EAAK;AAAA,UACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,WAAU;AAAA,YAAO,SAAQ;AAAA,YAC5B,UAAA,EAAK;AAAA,UACF,CAAA,CACD;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAK,SAAQ;AAAA,UACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,QACH,CAAA;AAAA,MACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB,CAAC"}

package/dist/common/components/calendar/Calendar.d.ts

@@ -19,6 +19,5 @@ export interface CalendarProps {
     onRangeSelected?: (beginDate: Date, endDate: Date) => void;
     selectionType?: CalendarSelectionTypes;
 }
-/** @deprecated Use `DateCalendar` or `StaticDatePicker` from `@mui/x-date-pickers`. */
 declare const Calendar: React.FC<CalendarProps>;
 export default Calendar;

package/dist/common/components/calendar/Calendar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.es.js","names":[],"sources":["../../../../src/common/components/calendar/Calendar.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { addDays } from 'date-fns/addDays'\nimport { addMonths } from 'date-fns/addMonths'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\nimport { eachWeekOfInterval } from 'date-fns/eachWeekOfInterval'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { format } from 'date-fns/format'\nimport { isBefore } from 'date-fns/isBefore'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport Button from '@mui/material/Button'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Header from './Header'\nimport Day from './Day'\n\nexport const CALENDAR_WIDTH = 340\nexport const DATE_SIZE = 44\nexport const enum CalendarSelectionTypes {\n  None = 'None',\n  Single = 'Single',\n  Range = 'Range',\n}\n\nexport type CalendarCopy = {\n  nextAria: string\n  prevAria: string\n  today: string\n}\n\nexport interface CalendarProps {\n  copy: CalendarCopy\n  beginDate?: Date\n  endDate?: Date\n  onDateSelected?: (date: Date) => void\n  onRangeSelected?: (beginDate: Date, endDate: Date) => void\n  selectionType?: CalendarSelectionTypes\n}\n\n/** @deprecated Use `DateCalendar` or `StaticDatePicker` from `@mui/x-date-pickers`. */\nconst Calendar: React.FC<CalendarProps> = ({\n  copy,\n  beginDate: beginDateProp = undefined,\n  endDate: endDateProp = undefined,\n  onDateSelected,\n  onRangeSelected,\n  selectionType = CalendarSelectionTypes.Single,\n}) => {\n  const styles = getStyles()\n\n  const [date, setDate] = React.useState(startOfToday)\n\n  const [beginDate, setBeginDate] = React.useState<Date | undefined>(beginDateProp)\n  const [endDate, setEndDate] = React.useState<Date | undefined>(endDateProp)\n\n  React.useEffect(() => {\n    setBeginDate(beginDateProp)\n    setEndDate(endDateProp)\n    if (beginDateProp) {\n      setDate(beginDateProp)\n    }\n  }, [beginDateProp, endDateProp])\n\n  const weeks = React.useMemo(() => {\n    const weeksInInterval = eachWeekOfInterval({ start: startOfMonth(date), end: endOfMonth(date) })\n\n    const weeks = [] as Date[][]\n    for (let i = 0; i < weeksInInterval.length; i++) {\n      const weekStart = weeksInInterval[i]\n      const days = eachDayOfInterval({ start: weekStart, end: addDays(weekStart, 6) })\n\n      const week = [] as Date[]\n      for (let j = 0; j < days.length; j++) {\n        week.push(days[j])\n      }\n      weeks.push(week)\n    }\n\n    return weeks\n  }, [date])\n\n  const handleSelection = (date: Date) => {\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      setBeginDate(date)\n      onDateSelected?.(date)\n      return\n    }\n\n    if (!beginDate || endDate) {\n      setBeginDate(date)\n      setEndDate(undefined)\n    } else if (isBefore(date, beginDate)) {\n      setEndDate(beginDate)\n      setBeginDate(date)\n      onRangeSelected?.(date, beginDate)\n    } else {\n      setEndDate(date)\n      onRangeSelected?.(beginDate, date)\n    }\n  }\n\n  const handleTodayClick = () => {\n    const today = startOfToday()\n    setDate(today)\n\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    setBeginDate(today)\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      onDateSelected?.(today)\n    } else {\n      setEndDate(today)\n      onRangeSelected?.(today, today)\n    }\n  }\n\n  const handleNextMonthClick = () => {\n    setDate(addMonths(date, 1))\n  }\n\n  const handlePreviousMonthClick = () => {\n    setDate(subMonths(date, 1))\n  }\n\n  return (\n    <div className={`mx-cmn-calendar ${styles}`}>\n      <Paper sx={{ boxShadow: 'none' }}>\n        <Header\n          copy={copy}\n          date={date}\n          onNextClick={handleNextMonthClick}\n          onPreviousClick={handlePreviousMonthClick}\n        />\n\n        <div className=\"mx-cmn-calendar-header-row\">\n          {weeks[0].map((day, index) => (\n            <div className=\"mx-cmn-calendar-header-cell\" key={index}>\n              <Text bold={true} variant=\"body2\">\n                {format(day, 'EEEEE')}\n              </Text>\n            </div>\n          ))}\n        </div>\n\n        {weeks.map((week, index) => (\n          <div className=\"mx-cmn-calendar-week\" key={`w-${index}`}>\n            {week.map((day, index) => (\n              <Day\n                beginDate={beginDate}\n                date={day}\n                endDate={endDate}\n                isInMonth={isSameMonth(day, date)}\n                key={index}\n                onClick={handleSelection}\n              />\n            ))}\n          </div>\n        ))}\n\n        <div className=\"mx-cmn-calendar-today-container\">\n          <Button onClick={handleTodayClick} size=\"small\" variant=\"text\">\n            {copy.today}\n          </Button>\n        </div>\n      </Paper>\n    </div>\n  )\n}\n\nconst getStyles = () =>\n  css({\n    width: CALENDAR_WIDTH,\n    '& .MuiPaper-root': {\n      paddingLeft: 24,\n      paddingRight: 24,\n      paddingTop: 4,\n      paddingBottom: 4,\n    },\n    '& .mx-cmn-calendar-header-row': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n      '& .mx-cmn-calendar-header-cell': {\n        height: DATE_SIZE,\n        width: DATE_SIZE,\n        minWidth: DATE_SIZE,\n        '& .kmui-text': {\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n        },\n      },\n    },\n    '& .mx-cmn-calendar-week': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n    '& .mx-cmn-calendar-today-container': {\n      display: 'block',\n      marginTop: 16,\n      textAlign: 'center',\n      width: '100%',\n      '& > .MuiButton-root': {\n        display: 'inline-block',\n        marginLeft: 'auto',\n        marginRight: 'auto',\n      },\n    },\n  })\n\nexport default Calendar\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.es.js","names":[],"sources":["../../../../src/common/components/calendar/Calendar.tsx"],"sourcesContent":["import React from 'react'\nimport { css } from '@mxenabled/cssinjs'\nimport { addDays } from 'date-fns/addDays'\nimport { addMonths } from 'date-fns/addMonths'\nimport { eachDayOfInterval } from 'date-fns/eachDayOfInterval'\nimport { eachWeekOfInterval } from 'date-fns/eachWeekOfInterval'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { format } from 'date-fns/format'\nimport { isBefore } from 'date-fns/isBefore'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport Button from '@mui/material/Button'\nimport Paper from '@mui/material/Paper'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Header from './Header'\nimport Day from './Day'\n\nexport const CALENDAR_WIDTH = 340\nexport const DATE_SIZE = 44\nexport const enum CalendarSelectionTypes {\n  None = 'None',\n  Single = 'Single',\n  Range = 'Range',\n}\n\nexport type CalendarCopy = {\n  nextAria: string\n  prevAria: string\n  today: string\n}\n\nexport interface CalendarProps {\n  copy: CalendarCopy\n  beginDate?: Date\n  endDate?: Date\n  onDateSelected?: (date: Date) => void\n  onRangeSelected?: (beginDate: Date, endDate: Date) => void\n  selectionType?: CalendarSelectionTypes\n}\n\nconst Calendar: React.FC<CalendarProps> = ({\n  copy,\n  beginDate: beginDateProp = undefined,\n  endDate: endDateProp = undefined,\n  onDateSelected,\n  onRangeSelected,\n  selectionType = CalendarSelectionTypes.Single,\n}) => {\n  const styles = getStyles()\n\n  const [date, setDate] = React.useState(startOfToday)\n\n  const [beginDate, setBeginDate] = React.useState<Date | undefined>(beginDateProp)\n  const [endDate, setEndDate] = React.useState<Date | undefined>(endDateProp)\n\n  React.useEffect(() => {\n    setBeginDate(beginDateProp)\n    setEndDate(endDateProp)\n    if (beginDateProp) {\n      setDate(beginDateProp)\n    }\n  }, [beginDateProp, endDateProp])\n\n  const weeks = React.useMemo(() => {\n    const weeksInInterval = eachWeekOfInterval({ start: startOfMonth(date), end: endOfMonth(date) })\n\n    const weeks = [] as Date[][]\n    for (let i = 0; i < weeksInInterval.length; i++) {\n      const weekStart = weeksInInterval[i]\n      const days = eachDayOfInterval({ start: weekStart, end: addDays(weekStart, 6) })\n\n      const week = [] as Date[]\n      for (let j = 0; j < days.length; j++) {\n        week.push(days[j])\n      }\n      weeks.push(week)\n    }\n\n    return weeks\n  }, [date])\n\n  const handleSelection = (date: Date) => {\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      setBeginDate(date)\n      onDateSelected?.(date)\n      return\n    }\n\n    if (!beginDate || endDate) {\n      setBeginDate(date)\n      setEndDate(undefined)\n    } else if (isBefore(date, beginDate)) {\n      setEndDate(beginDate)\n      setBeginDate(date)\n      onRangeSelected?.(date, beginDate)\n    } else {\n      setEndDate(date)\n      onRangeSelected?.(beginDate, date)\n    }\n  }\n\n  const handleTodayClick = () => {\n    const today = startOfToday()\n    setDate(today)\n\n    if (selectionType === CalendarSelectionTypes.None) return\n\n    setBeginDate(today)\n\n    if (selectionType === CalendarSelectionTypes.Single) {\n      onDateSelected?.(today)\n    } else {\n      setEndDate(today)\n      onRangeSelected?.(today, today)\n    }\n  }\n\n  const handleNextMonthClick = () => {\n    setDate(addMonths(date, 1))\n  }\n\n  const handlePreviousMonthClick = () => {\n    setDate(subMonths(date, 1))\n  }\n\n  return (\n    <div className={`mx-cmn-calendar ${styles}`}>\n      <Paper sx={{ boxShadow: 'none' }}>\n        <Header\n          copy={copy}\n          date={date}\n          onNextClick={handleNextMonthClick}\n          onPreviousClick={handlePreviousMonthClick}\n        />\n\n        <div className=\"mx-cmn-calendar-header-row\">\n          {weeks[0].map((day, index) => (\n            <div className=\"mx-cmn-calendar-header-cell\" key={index}>\n              <Text bold={true} variant=\"body2\">\n                {format(day, 'EEEEE')}\n              </Text>\n            </div>\n          ))}\n        </div>\n\n        {weeks.map((week, index) => (\n          <div className=\"mx-cmn-calendar-week\" key={`w-${index}`}>\n            {week.map((day, index) => (\n              <Day\n                beginDate={beginDate}\n                date={day}\n                endDate={endDate}\n                isInMonth={isSameMonth(day, date)}\n                key={index}\n                onClick={handleSelection}\n              />\n            ))}\n          </div>\n        ))}\n\n        <div className=\"mx-cmn-calendar-today-container\">\n          <Button onClick={handleTodayClick} size=\"small\" variant=\"text\">\n            {copy.today}\n          </Button>\n        </div>\n      </Paper>\n    </div>\n  )\n}\n\nconst getStyles = () =>\n  css({\n    width: CALENDAR_WIDTH,\n    '& .MuiPaper-root': {\n      paddingLeft: 24,\n      paddingRight: 24,\n      paddingTop: 4,\n      paddingBottom: 4,\n    },\n    '& .mx-cmn-calendar-header-row': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n      '& .mx-cmn-calendar-header-cell': {\n        height: DATE_SIZE,\n        width: DATE_SIZE,\n        minWidth: DATE_SIZE,\n        '& .kmui-text': {\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n        },\n      },\n    },\n    '& .mx-cmn-calendar-week': {\n      display: 'flex',\n      justifyContent: 'center',\n      textAlign: 'center',\n    },\n    '& .mx-cmn-calendar-today-container': {\n      display: 'block',\n      marginTop: 16,\n      textAlign: 'center',\n      width: '100%',\n      '& > .MuiButton-root': {\n        display: 'inline-block',\n        marginLeft: 'auto',\n        marginRight: 'auto',\n      },\n    },\n  })\n\nexport default Calendar\n"],"mappings":"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"}

package/dist/common/components/drawer/Drawer.es.js

@@ -6,7 +6,7 @@ import j from "@mui/material/Stack";
 import { Drawer as C } from "@mxenabled/mxui";
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import B from "@mui/material/Box";
-var G = ({ ariaLabelClose: i = "Close", children: s, footerStyles: u = {}, hasSecondaryAction: d = !0, id: p, isOpen: e, isPrimaryDisabled: m, onClose: o, onPrimaryAction: t, onSecondaryAction: l, primaryButtonProps: c, primaryColor: f = "primary", primaryText: h, secondaryColor: n = "primary", secondaryText: b, shouldShowHeaderBorders: w = !0, shouldShowHeaderShadow: g = !1, title: a, ...x }) => {
+var G = ({ ariaLabelClose: s = "Close", children: u, footerStyles: d = {}, hasSecondaryAction: i = !0, id: p, isOpen: e, isPrimaryDisabled: c, onClose: o, onPrimaryAction: t, onSecondaryAction: l, primaryButtonProps: m, primaryColor: f = "primary", primaryText: n, secondaryColor: h = "secondary", secondaryText: b, shouldShowHeaderBorders: w = !0, shouldShowHeaderShadow: g = !1, title: a, ...x }) => {
   const { onExited: k, onFocus: R, rootRef: S } = y(e);
   return /* @__PURE__ */ r(C, {
     id: p,
@@ -33,7 +33,7 @@ var G = ({ ariaLabelClose: i = "Close", children: s, footerStyles: u = {}, hasSe
       justifyContent: "space-between",
       children: [
         /* @__PURE__ */ r(F, {
-          ariaLabelClose: i,
+          ariaLabelClose: s,
           onClose: o,
           shouldShowBorders: w,
           shouldShowShadow: g,
@@ -42,18 +42,18 @@ var G = ({ ariaLabelClose: i = "Close", children: s, footerStyles: u = {}, hasSe
         /* @__PURE__ */ r(B, {
           height: "100%",
           overflow: "auto",
-          children: s
+          children: u
         }),
         t && /* @__PURE__ */ r(D, {
-          footerStyles: u,
-          hasSecondaryAction: d,
-          isPrimaryDisabled: m,
+          footerStyles: d,
+          hasSecondaryAction: i,
+          isPrimaryDisabled: c,
           onPrimaryAction: t,
           onSecondaryAction: l ?? o,
-          primaryButtonProps: c,
+          primaryButtonProps: m,
           primaryColor: f,
-          primaryText: h,
-          secondaryColor: n,
+          primaryText: n,
+          secondaryColor: h,
           secondaryText: b
         })
       ]

package/dist/common/components/drawer/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'primary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen)\n\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n      disableRestoreFocus={true}\n      onFocus={onFocus}\n      ref={rootRef}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n        transition: { onExited },\n      }}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAwCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,WACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,CAAM;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACM,IAAA;AAAA,IACI,QAAA;AAAA,IACC,SAAA;AAAA,IACT,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,IACF;AAAA,IACA,GAAI;AAAA,IACJ,qBAAqB;AAAA,IACZ,SAAA;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE;AAAA,MACA,YAAY,EAAE,UAAA,EAAS;AAAA,IACzB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,QAAO;AAAA,MAAO,gBAAe;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACkB,gBAAA;AAAA,UACP,SAAA;AAAA,UACT,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,UACX,OAAA;AAAA,QACR,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAK,QAAO;AAAA,UAAO,UAAS;AAAA,UACzB,UAAA;AAAA,QACE,CAAA;AAAA,QAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,UACgB,cAAA;AAAA,UACM,oBAAA;AAAA,UACD,mBAAA;AAAA,UACF,iBAAA;AAAA,UACjB,mBAAmB,KAAqB;AAAA,UACpB,oBAAA;AAAA,UACN,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEE;AAAA;EACG,CAAA;AAEhB"}
+{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen)\n\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n      disableRestoreFocus={true}\n      onFocus={onFocus}\n      ref={rootRef}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n        transition: { onExited },\n      }}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAwCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,aACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,CAAM;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACM,IAAA;AAAA,IACI,QAAA;AAAA,IACC,SAAA;AAAA,IACT,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,IACF;AAAA,IACA,GAAI;AAAA,IACJ,qBAAqB;AAAA,IACZ,SAAA;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE;AAAA,MACA,YAAY,EAAE,UAAA,EAAS;AAAA,IACzB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,QAAO;AAAA,MAAO,gBAAe;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACkB,gBAAA;AAAA,UACP,SAAA;AAAA,UACT,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,UACX,OAAA;AAAA,QACR,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAK,QAAO;AAAA,UAAO,UAAS;AAAA,UACzB,UAAA;AAAA,QACE,CAAA;AAAA,QAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,UACgB,cAAA;AAAA,UACM,oBAAA;AAAA,UACD,mBAAA;AAAA,UACF,iBAAA;AAAA,UACjB,mBAAmB,KAAqB;AAAA,UACpB,oBAAA;AAAA,UACN,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEE;AAAA;EACG,CAAA;AAEhB"}

package/dist/common/components/drawer/Footer.es.js

@@ -1,7 +1,7 @@
 import s from "@mui/material/Stack";
-import e from "@mui/material/Button";
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled: n, onPrimaryAction: r, onSecondaryAction: i, primaryButtonProps: l = {}, primaryColor: c = "primary", primaryText: d = "Save", secondaryColor: p = "primary", secondaryText: f = "Cancel" }) => /* @__PURE__ */ x(s, {
+import o from "@mui/material/Button";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled: n, onPrimaryAction: r, onSecondaryAction: i, primaryButtonProps: l = {}, primaryColor: c = "primary", primaryText: d = "Save", secondaryColor: p = "primary", secondaryText: f = "Cancel" }) => /* @__PURE__ */ u(s, {
   sx: {
     bgcolor: "background.paper",
     flexDirection: "row",
@@ -10,12 +10,12 @@ var v = ({ footerStyles: t = {}, hasSecondaryAction: a = !0, isPrimaryDisabled:
     p: 24,
     ...t
   },
-  children: [a && /* @__PURE__ */ o(e, {
+  children: [a && /* @__PURE__ */ e(o, {
     color: p,
     onClick: i,
-    variant: r ? "text" : "contained",
+    variant: r ? "outlined" : "contained",
     children: f
-  }), r && /* @__PURE__ */ o(e, {
+  }), r && /* @__PURE__ */ e(o, {
     ...l,
     color: c,
     disabled: n,

package/dist/common/components/drawer/Footer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Footer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'text' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;AAmBA,IAAM,IAAA,CAAU,EACd,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,mBAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,IAAqB,CAAC,GACtB,cAAA,IAAe,WACf,aAAA,IAAc,QACd,gBAAA,IAAiB,WACjB,eAAA,IAAgB,SAAA,MAGd,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EARF,UAAA,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS,IAAkB,SAAS;AAAA,IAEnC,UAAA;AAAA,EACK,CAAA,GAGT,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAQ;AAAA,IAEP,UAAA;AAAA,EACK,CAAA,CAEL"}
+{"version":3,"file":"Footer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Footer.tsx"],"sourcesContent":["import Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { type SxProps } from '@mui/material/styles'\n\ntype Color = 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n\ntype FooterProps = {\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  isPrimaryDisabled?: boolean\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: Color\n  primaryText?: string\n  secondaryColor?: Color\n  secondaryText?: string\n}\n\nconst Footer = ({\n  footerStyles = {},\n  hasSecondaryAction = true,\n  isPrimaryDisabled,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps = {},\n  primaryColor = 'primary',\n  primaryText = 'Save',\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n}: FooterProps) => {\n  return (\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        flexDirection: 'row',\n        gap: 16,\n        justifyContent: 'flex-end',\n        p: 24,\n        ...footerStyles,\n      }}\n    >\n      {hasSecondaryAction && (\n        <Button\n          color={secondaryColor}\n          onClick={onSecondaryAction}\n          variant={onPrimaryAction ? 'outlined' : 'contained'}\n        >\n          {secondaryText}\n        </Button>\n      )}\n\n      {onPrimaryAction && (\n        <Button\n          {...primaryButtonProps}\n          color={primaryColor}\n          disabled={isPrimaryDisabled}\n          onClick={onPrimaryAction}\n          variant=\"contained\"\n        >\n          {primaryText}\n        </Button>\n      )}\n    </Stack>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;AAmBA,IAAM,IAAA,CAAU,EACd,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,mBAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,IAAqB,CAAC,GACtB,cAAA,IAAe,WACf,aAAA,IAAc,QACd,gBAAA,IAAiB,WACjB,eAAA,IAAgB,SAAA,MAGd,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EARF,UAAA,CAUG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS,IAAkB,aAAa;AAAA,IAEvC,UAAA;AAAA,EACK,CAAA,GAGT,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAQ;AAAA,IAEP,UAAA;AAAA,EACK,CAAA,CAEL"}

package/dist/core/stores/BudgetsStore.es.js

@@ -1,18 +1,18 @@
 import { CategoryGuids as o } from "../constants/Category.es.js";
 import { BudgetsApi as g } from "../api/BudgetsApi.es.js";
 import { upsertByGuid as n } from "../utils/upsertByGuid.es.js";
-import { augmentBudgets as c, findBudget as h, findSubBudget as p } from "../utils/BudgetUtil.es.js";
+import { augmentBudgets as c, findBudget as l, findSubBudget as p } from "../utils/BudgetUtil.es.js";
 import { endOfMonth as B } from "date-fns/endOfMonth";
 import { startOfMonth as f } from "date-fns/startOfMonth";
-import { startOfToday as l } from "date-fns/startOfToday";
+import { startOfToday as h } from "date-fns/startOfToday";
 import { makeAutoObservable as S, reaction as b, runInAction as i } from "mobx";
 var A = class {
   api = new g("/", "");
   globalStore;
   alert = null;
   dateRange = {
-    start: f(l()),
-    end: B(l())
+    start: f(h()),
+    end: B(h())
   };
   budgets = [];
   selectedBudget;
@@ -27,7 +27,7 @@ var A = class {
     this.globalStore.recurringTransactionsStore.isDataLoaded || await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData(), await this.loadBudgets(), b(() => this.detailedBudgets, (t) => {
       if (t) {
         const e = this.selectedBudget;
-        e && (this.selectedBudget = h(t, e.guid));
+        e && (this.selectedBudget = l(t, e.guid));
         const r = this.selectedSubBudget;
         r && r.parent_guid && (this.selectedSubBudget = p(t, r.guid, r.parent_guid));
       }
@@ -99,7 +99,8 @@ var A = class {
         isSuccess: !0
       };
     } catch (e) {
-      return console.error("Error recalculating budgets:", e), this.globalStore.captureException(e, { store: "BudgetsStore" }), {
+      return console.error("Error recalculating budgets:", e), this.globalStore.captureException(e, { store: "BudgetsStore" }), await this.loadBudgets().catch(() => {
+      }), {
         data: [],
         isSuccess: !1
       };

package/dist/core/stores/BudgetsStore.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: { msg: string; severity: 'success' | 'error' } | null = null\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        this.budgets = upsertByGuid(this.budgets, budget)\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string): Promise<boolean> => {\n    const guids = [guid, ...this.budgets.filter((b) => b.parent_guid === guid).map((b) => b.guid)]\n    const results = await Promise.allSettled(guids.map((g) => this.api.deleteBudget(g)))\n    const deleted = new Set(guids.filter((_, i) => results[i].status === 'fulfilled'))\n    runInAction(() => {\n      this.budgets = this.budgets.filter((b) => !deleted.has(b.guid))\n    })\n    let failed = false\n    for (const [i, r] of results.entries()) {\n      if (r.status === 'rejected') {\n        failed = true\n        console.error('Error deleting budget:', r.reason)\n        this.globalStore.captureException(r.reason, { store: 'BudgetsStore', guid: guids[i] })\n      }\n    }\n    return !failed\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: { msg: string; severity: 'success' | 'error' } | null) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    this.budgets = budgets\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget): Promise<boolean> => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n      return true\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return false\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    this.merchantBudgets = merchantBudgets\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"BudgetsStore.es.js","names":[],"sources":["../../../src/core/stores/BudgetsStore.ts"],"sourcesContent":["import { makeAutoObservable, reaction, runInAction } from 'mobx'\n\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport { Theme } from '@mui/system'\n\nimport { BudgetsApi } from '../api'\nimport { upsertByGuid } from '../utils/upsertByGuid'\nimport { CategoryGuids } from '../constants'\nimport { augmentBudgets, findBudget, findSubBudget } from '../utils/BudgetUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\nimport type {\n  Budget,\n  Category,\n  DateRange,\n  DetailedBudget,\n  DetailedCategory,\n  MerchantBudget,\n} from '../types'\n\nexport class BudgetsStore {\n  api: BudgetsApi = new BudgetsApi('/', '')\n\n  globalStore: GlobalStore\n\n  alert: { msg: string; severity: 'success' | 'error' } | null = null\n  dateRange: DateRange = { start: startOfMonth(startOfToday()), end: endOfMonth(startOfToday()) }\n  budgets: Budget[] = []\n  selectedBudget: DetailedBudget | undefined\n  selectedSubBudget: DetailedBudget | undefined\n  isDataLoaded = false\n  theme = {} as Theme\n  merchantBudgets: MerchantBudget[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new BudgetsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  loadBudgetData = async () => {\n    if (!this.globalStore.recurringTransactionsStore.isDataLoaded) {\n      await this.globalStore.recurringTransactionsStore.loadRepeatingTransactionData()\n    }\n    await this.loadBudgets()\n\n    /** Reaction to update the selected budget/sub-budget if detailedBudgets is updated **/\n    reaction(\n      () => this.detailedBudgets,\n      (detailedBudgets) => {\n        if (detailedBudgets) {\n          const budget = this.selectedBudget\n          if (budget) {\n            this.selectedBudget = findBudget(detailedBudgets, budget.guid)\n          }\n\n          const subBudget = this.selectedSubBudget\n          if (subBudget && subBudget.parent_guid) {\n            this.selectedSubBudget = findSubBudget(\n              detailedBudgets,\n              subBudget.guid,\n              subBudget.parent_guid,\n            )\n          }\n        }\n      },\n    )\n  }\n\n  get detailedBudgets(): DetailedBudget[] {\n    return augmentBudgets(\n      this.budgets.filter(\n        (budget: Budget) =>\n          budget.category_guid !== CategoryGuids.INCOME &&\n          budget.category_guid !== CategoryGuids.TRANSFER &&\n          budget.category_guid !== CategoryGuids.INVESTMENTS,\n      ),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    ).sort((a, b) => {\n      if (a.percentage > b.percentage) return -1\n      if (a.percentage < b.percentage) return 1\n      return 0\n    })\n  }\n\n  // TODO: Replace this with income from recurring transactions. Income budgets are deprecated.\n  get incomeBudget(): number | undefined {\n    const filteredBudgets = augmentBudgets(\n      this.budgets.filter((budget: Budget) => !budget.parent_guid),\n      this.globalStore.categoryStore.detailedCategories,\n      this.globalStore.copyStore.copy.budgets,\n      this.theme,\n    )\n\n    const incomeBudget = filteredBudgets.reduce(\n      (acc, curr) => {\n        if (curr.category_guid !== CategoryGuids.INCOME) return acc\n        if (!acc || curr.percentage > acc.percentage) return curr\n        return acc\n      },\n      undefined as DetailedBudget | undefined,\n    )\n\n    return incomeBudget?.amount\n  }\n\n  get unbudgetedCategories(): DetailedCategory[] {\n    return this.globalStore.categoryStore.spendCategories.filter(\n      (category) => !this.detailedBudgets.find((budget) => budget.category_guid === category.guid),\n    )\n  }\n\n  get totalBudgeted(): number {\n    return this.detailedBudgets.reduce((total, budget) => total + budget.amount, 0)\n  }\n\n  addBudget = async (category: Category, amount: number, parentGuid: string | null = null) => {\n    try {\n      const budget = await this.api.addBudget(category, amount, parentGuid)\n      runInAction(() => {\n        this.budgets = upsertByGuid(this.budgets, budget)\n      })\n    } catch (error) {\n      console.error('Error adding budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n    }\n  }\n\n  deleteBudget = async (guid: string): Promise<boolean> => {\n    const guids = [guid, ...this.budgets.filter((b) => b.parent_guid === guid).map((b) => b.guid)]\n    const results = await Promise.allSettled(guids.map((g) => this.api.deleteBudget(g)))\n    const deleted = new Set(guids.filter((_, i) => results[i].status === 'fulfilled'))\n    runInAction(() => {\n      this.budgets = this.budgets.filter((b) => !deleted.has(b.guid))\n    })\n    let failed = false\n    for (const [i, r] of results.entries()) {\n      if (r.status === 'rejected') {\n        failed = true\n        console.error('Error deleting budget:', r.reason)\n        this.globalStore.captureException(r.reason, { store: 'BudgetsStore', guid: guids[i] })\n      }\n    }\n    return !failed\n  }\n\n  loadBudgets = async () => {\n    try {\n      const budgets = await this.api.getBudgets()\n      this.setBudgets(budgets)\n    } catch (error) {\n      console.error('Error occurred while loading budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      throw error\n    }\n  }\n\n  setAlert = (alert: { msg: string; severity: 'success' | 'error' } | null) => (this.alert = alert)\n\n  setBudgets = (budgets: Budget[]) => {\n    this.budgets = budgets\n    this.isDataLoaded = true\n  }\n\n  setDateRange = (dateRange: DateRange) => (this.dateRange = dateRange)\n\n  setSelectedBudget = (budget: DetailedBudget | undefined) => (this.selectedBudget = budget)\n\n  setSelectedSubBudget = (budget: DetailedBudget | undefined) => (this.selectedSubBudget = budget)\n\n  setTheme = (theme: Theme) => (this.theme = theme)\n\n  /**\n   * Recalculate budget by using the average amount from top-level categories\n   * @param categories Detailed categories\n   */\n  recalculateBudgets = async (categories: DetailedCategory[]) => {\n    try {\n      for (const category of categories) {\n        const budget = this.budgets.find((budget) => budget.category_guid === category.guid)\n        if (budget) {\n          await this.api.updateBudget({\n            ...budget,\n            amount: category.totalAverageAmount,\n          })\n        } else {\n          await this.api.addBudget(category, category.totalAverageAmount)\n        }\n      }\n      const budgetsToDelete = this.budgets.filter(\n        (budget) => !categories.find((c) => c.guid === budget.category_guid),\n      )\n\n      for (const budgetToDelete of budgetsToDelete) {\n        await this.api.deleteBudget(budgetToDelete.guid)\n      }\n\n      await this.loadBudgets()\n\n      return { data: this.budgets, isSuccess: true }\n    } catch (error) {\n      console.error('Error recalculating budgets:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      // Some budgets may have saved before the failure; reload so a retry updates them.\n      await this.loadBudgets().catch(() => undefined)\n      return { data: [], isSuccess: false }\n    }\n  }\n\n  updateBudget = async (budget: Budget): Promise<boolean> => {\n    try {\n      const updatedBudget = await this.api.updateBudget(budget)\n\n      runInAction(() => {\n        const index = this.budgets.findIndex((b) => b.guid === budget.guid)\n        if (index >= 0) {\n          this.budgets[index] = updatedBudget\n        }\n      })\n      return true\n    } catch (error) {\n      console.error('Error updating budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return false\n    }\n  }\n\n  getMerchantBudgetByMerchantGuid = (merchantGuid: string): MerchantBudget | undefined => {\n    return this.merchantBudgets.find(\n      (eachMerchantBudget) => eachMerchantBudget?.merchant_guid === merchantGuid,\n    )\n  }\n\n  setMerchantBudgets = (merchantBudgets: MerchantBudget[]) => {\n    this.merchantBudgets = merchantBudgets\n  }\n\n  addMerchantBudget = async (merchantGuid: string, amount: number) => {\n    try {\n      const newMerchantBudget = await this.api.addMerchantBudget(merchantGuid, amount)\n\n      runInAction(() => {\n        this.merchantBudgets = upsertByGuid(this.merchantBudgets, newMerchantBudget)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error adding merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  updateMerchantBudget = async (merchantBudget: MerchantBudget) => {\n    try {\n      const { guid: merchantBudgetGuid, amount } = merchantBudget\n      const updatedMerchantBudget = await this.api.updateMerchantBudget(merchantBudgetGuid, amount)\n\n      runInAction(() => {\n        const index = this.merchantBudgets.findIndex((b) => b.guid === merchantBudget.guid)\n        if (index >= 0) {\n          this.merchantBudgets[index] = updatedMerchantBudget\n        }\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error updating merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n\n  deleteMerchantBudget = async (merchantBudgetGuid: string) => {\n    try {\n      await this.api.deleteMerchantBudget(merchantBudgetGuid)\n\n      runInAction(() => {\n        this.merchantBudgets = this.merchantBudgets.filter((b) => b.guid !== merchantBudgetGuid)\n      })\n      return { isSuccess: true }\n    } catch (error) {\n      console.error('Error deleting merchant budget:', error)\n      this.globalStore.captureException(error, { store: 'BudgetsStore' })\n      return { isSuccess: false }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/core/utils/CategoryUtil.es.js

@@ -1,7 +1,7 @@
-import { CategoryColors as M, CategoryGuids as h, CategoryIcon as N } from "../constants/Category.es.js";
+import { CategoryColors as C, CategoryGuids as h, CategoryIcon as N } from "../constants/Category.es.js";
 import { DATE_FORMATS_INTL as T, formatDate as b } from "../constants/DateFormats.es.js";
 import { CategoryIconList as D } from "@mxenabled/mxui";
-import { format as c } from "date-fns/format";
+import { format as l } from "date-fns/format";
 import { startOfMonth as O } from "date-fns/startOfMonth";
 import { startOfToday as E } from "date-fns/startOfToday";
 import { subMonths as I } from "date-fns/subMonths";
@@ -12,19 +12,19 @@ var R = 3, f = 12, S = (e, r) => {
   const t = D.find((o) => o.guid === e);
   return t ? r.palette.categories[t.colorName] || "" : r.palette.categories.uncategorized || "";
 }, _ = (e, r, t, o, a = []) => {
-  const n = e.guid, u = e.parent_guid || n, s = n === u, g = t.find((i) => i.category_guid === n)?.total || 0, d = p(o.filter((i) => i.category_guid === n)), m = p(o.filter((i) => i.category_guid === n || i.top_level_category_guid === n)), l = a.map((i) => _(i, r, t, o)), A = l.reduce((i, C) => i + C.currentAmount, g), v = S(e, r);
+  const n = e.guid, u = e.parent_guid || n, s = n === u, g = t.find((i) => i.category_guid === n)?.total || 0, d = y(o.filter((i) => i.category_guid === n)), m = y(o.filter((i) => i.category_guid === n || i.top_level_category_guid === n)), c = a.map((i) => _(i, r, t, o)), A = c.reduce((i, M) => i + M.currentAmount, g), v = S(e, r);
   return {
     ...e,
     currentAmount: g,
-    averageAmount: y(d),
-    color: M[u],
+    averageAmount: p(d),
+    color: C[u],
     icon: N[u],
     isTransfer: u === h.TRANSFER,
     monthlyAmounts: d,
     name: v,
-    subCategories: l,
+    subCategories: c,
     totalAmount: s ? A : 0,
-    totalAverageAmount: y(m),
+    totalAverageAmount: p(m),
     totalMonthlyAmounts: s ? m : []
   };
 }, P = (e, r) => e.map((t) => {
@@ -33,16 +33,16 @@ var R = 3, f = 12, S = (e, r) => {
     ...t,
     transactions: o
   };
-}), y = (e, r = R) => {
-  const t = r > history.length ? history.length : r;
+}), p = (e, r = R) => {
+  const t = Math.min(r, e.length);
   return Math.ceil(Math.max(0, e.slice(-t).reduce((o, a) => o + a.amount, 0) / t));
-}, p = (e) => {
+}, y = (e) => {
   const r = [], t = E();
   for (let o = 0; o <= f; o++) {
-    const a = O(I(t, f - o)), n = e.filter((u) => u.year_month === Number(c(a, "yyyyMM"))).reduce((u, s) => u + s.total, 0);
+    const a = O(I(t, f - o)), n = e.filter((u) => u.year_month === Number(l(a, "yyyyMM"))).reduce((u, s) => u + s.total, 0);
     r.push({
       amount: n,
-      isoDate: c(a, "yyyy-MM-dd"),
+      isoDate: l(a, "yyyy-MM-dd"),
       label: b(a, T.MONTH_YEAR)
     });
   }

package/dist/core/utils/CategoryUtil.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryUtil.es.js","names":[],"sources":["../../../src/core/utils/CategoryUtil.ts"],"sourcesContent":["import { format } from 'date-fns/format'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport type { Palette, Theme } from '@mui/material'\n\nimport { CategoryIconList } from '@mxenabled/mxui'\n\nimport {\n  CategoryColors,\n  CategoryGuids,\n  CategoryIcon,\n  DATE_FORMATS_INTL,\n  formatDate,\n} from '../constants'\n\nimport type {\n  Category,\n  DateRangeCategoryTotals,\n  DetailedCategory,\n  DetailedCategoryWithTransactions,\n  MonthlyAmount,\n  MonthlyCategoryTotals,\n  Transaction,\n  CategoryCopy,\n  CategoryTotal,\n} from '../types'\n\nconst MONTHLY_AVERAGE_LENGTH = 3\nconst MONTHS_OF_HISTORY = 12\n\n/**\n * Resolve the localized display name for a category.\n *\n * Default (MX-supplied) categories arrive from the API with fixed English\n * names, but localized copy for them is delivered via CategoryCopy\n * `default_categories` (keyed by category guid). User-created categories have no\n * localized copy and legitimately fall back to their API name.\n * @param category - The category to resolve a name for\n * @param copy - Category copy containing localized default category names\n */\nexport const getLocalizedCategoryName = (category: Category, copy: CategoryCopy): string => {\n  const localizedName = copy.default_categories?.[category.guid]\n  return localizedName ? localizedName.replace(/&amp;/g, '&') : category.name\n}\n\n/**\n * Augment categories\n * @param categories - Categories to augment\n * @param monthlyCategoryTotals - Monthly category totals\n * @param currentCategoryTotals - Current month category totals\n * @param copy - Category copy\n */\nexport const augmentCategories = (\n  categories: Category[],\n  copy: CategoryCopy,\n  currentCategoryTotals: DateRangeCategoryTotals[],\n  monthlyCategoryTotals: MonthlyCategoryTotals[],\n): DetailedCategory[] => {\n  return categories\n    .filter((category) => !category.parent_guid)\n    .map((category) =>\n      getDetailedCategory(\n        category,\n        copy,\n        currentCategoryTotals,\n        monthlyCategoryTotals,\n        categories.filter((c) => c.parent_guid === category.guid),\n      ),\n    )\n}\n\nexport const getCategoryColor = (guid: string, theme: Theme) => {\n  const categoryInfo = CategoryIconList.find((c) => c.guid === guid)\n  if (!categoryInfo) return theme.palette.categories.uncategorized || ''\n\n  return theme.palette.categories[categoryInfo.colorName as keyof Palette['categories']] || ''\n}\n\nexport const getCategoryIcon = (guid: string) => {\n  return CategoryIconList.find((c) => c.guid === guid)?.icon\n}\n\n/**\n * Get an augmented category with additional details\n * @param category - The category to augment\n * @param copy - Category copy\n * @param currentCategoryTotals - Current month category totals\n * @param monthlyCategoryTotals - Past monthly category totals\n * @param subCategories - Subcategories for the specified category (If applicable)\n */\nconst getDetailedCategory = (\n  category: Category,\n  copy: CategoryCopy,\n  currentCategoryTotals: DateRangeCategoryTotals[],\n  monthlyCategoryTotals: MonthlyCategoryTotals[],\n  subCategories: Category[] = [],\n): DetailedCategory => {\n  const guid = category.guid\n  const parentGuid = category.parent_guid || guid\n  const isParent = guid === parentGuid\n\n  const currentAmount = currentCategoryTotals.find((t) => t.category_guid === guid)?.total || 0\n  const monthlyAmounts = getMonthlyAmounts(\n    monthlyCategoryTotals.filter((total) => total.category_guid === guid),\n  )\n  const totalMonthlyAmounts = getMonthlyAmounts(\n    monthlyCategoryTotals.filter(\n      (total) => total.category_guid === guid || total.top_level_category_guid === guid,\n    ),\n  )\n  const detailedSubCategories = subCategories.map((subCategory) =>\n    getDetailedCategory(subCategory, copy, currentCategoryTotals, monthlyCategoryTotals),\n  )\n  const totalAmount = detailedSubCategories.reduce(\n    (total, current) => total + current.currentAmount,\n    currentAmount,\n  )\n\n  const name = getLocalizedCategoryName(category, copy)\n\n  return {\n    ...category,\n    currentAmount,\n    averageAmount: getAverage(monthlyAmounts),\n    color: CategoryColors[parentGuid],\n    icon: CategoryIcon[parentGuid],\n    isTransfer: parentGuid === CategoryGuids.TRANSFER,\n    monthlyAmounts,\n    name,\n    subCategories: detailedSubCategories,\n    totalAmount: isParent ? totalAmount : 0,\n    totalAverageAmount: getAverage(totalMonthlyAmounts),\n    totalMonthlyAmounts: isParent ? totalMonthlyAmounts : [],\n  }\n}\n/**\n * get the transactions belonging to parent categories\n * @param detailedCategories - detailed categories from the category store\n * @param transactions - sortedTransactions from the transaction store\n */\nexport const getDetailedCategoryTransactions = (\n  detailedCategories: DetailedCategory[],\n  transactions: Transaction[],\n): DetailedCategoryWithTransactions[] => {\n  return detailedCategories.map((category) => {\n    const categoryTransactions = transactions.filter(\n      (transaction) =>\n        transaction.category_guid === category.guid ||\n        transaction.top_level_category_guid === category.guid,\n    )\n\n    return {\n      ...category,\n      transactions: categoryTransactions,\n    }\n  })\n}\n\n/**\n * Get the average amount based on the number of months (numMonths) requested\n * @param monthlyAmounts - Monthly amounts to calculate and average from\n * @param numMonths - Number of months to base the average on (DEFAULT: 3)\n */\nconst getAverage = (\n  monthlyAmounts: MonthlyAmount[],\n  numMonths: number = MONTHLY_AVERAGE_LENGTH,\n): number => {\n  const monthsBack = numMonths > history.length ? history.length : numMonths\n\n  return Math.ceil(\n    Math.max(\n      0,\n      monthlyAmounts.slice(-monthsBack).reduce((total, current) => total + current.amount, 0) /\n        monthsBack,\n    ),\n  )\n}\n\n/**\n * Get the last 12 months of amounts for a category\n * @param categoryTotals - Monthly category totals\n */\nconst getMonthlyAmounts = (categoryTotals: MonthlyCategoryTotals[]): MonthlyAmount[] => {\n  const monthlyAmounts: MonthlyAmount[] = []\n  const today = startOfToday()\n  for (let i = 0; i <= MONTHS_OF_HISTORY; i++) {\n    const historyDate = startOfMonth(subMonths(today, MONTHS_OF_HISTORY - i))\n    const monthlyTotals = categoryTotals.filter(\n      (total) => total.year_month === Number(format(historyDate, 'yyyyMM')),\n    )\n    const totalAmount = monthlyTotals.reduce((acc, curr) => acc + curr.total, 0)\n\n    monthlyAmounts.push({\n      amount: totalAmount,\n      isoDate: format(historyDate, 'yyyy-MM-dd'),\n      label: formatDate(historyDate, DATE_FORMATS_INTL.MONTH_YEAR),\n    })\n  }\n\n  return monthlyAmounts\n}\n\nexport const findCategory = (\n  categories: Category[],\n  categoryGuid: string | undefined,\n): Category | undefined => {\n  return categories.find((c) => c.guid === categoryGuid)\n}\n\nexport const findDetailedCategory = (\n  detailedCategories: DetailedCategory[],\n  guid: string | undefined,\n): DetailedCategory | undefined => {\n  return detailedCategories.find((dc) => dc.guid === guid)\n}\n\nexport const findDetailedSubCategory = (\n  detailedCategories: DetailedCategory[],\n  guid: string | undefined,\n): DetailedCategory | undefined => {\n  const parent = detailedCategories.find((dc) => dc.subCategories.find((sc) => sc.guid === guid))\n  if (!parent) return undefined\n\n  return parent.subCategories.find((sc) => sc.guid === guid)\n}\n\nexport const findCategoryTotalsByParent = (\n  categories: Category[],\n  dateRangeTotals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  const categoryTotals = [] as CategoryTotal[]\n\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n\n  for (const dateRangeTotal of dateRangeTotals) {\n    const category = findCategory(categories, dateRangeTotal.category_guid)\n    if (!category) continue\n\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = findCategory(categories, parentGuid)\n    if (!parentCategory) continue\n\n    const categoryTotal = {\n      amount: dateRangeTotal.total,\n      category,\n      guid: category.guid,\n      subCategoryTotals: [],\n    }\n\n    const parentCategoryTotal = categoryTotals.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += dateRangeTotal.total\n      parentCategoryTotal.subCategoryTotals.push(categoryTotal)\n    } else {\n      categoryTotals.push({\n        amount: dateRangeTotal.total,\n        category: parentCategory,\n        guid: parentGuid,\n        subCategoryTotals: [categoryTotal],\n      })\n    }\n  }\n\n  return categoryTotals\n}\n\nexport const isIncome = (categories: Category[], guid: string) => {\n  const category = categories.find((c) => c.guid === guid)\n  if (!category) return false\n\n  return category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME\n}\n"],"mappings":"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"}
+{"version":3,"file":"CategoryUtil.es.js","names":[],"sources":["../../../src/core/utils/CategoryUtil.ts"],"sourcesContent":["import { format } from 'date-fns/format'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subMonths } from 'date-fns/subMonths'\n\nimport type { Palette, Theme } from '@mui/material'\n\nimport { CategoryIconList } from '@mxenabled/mxui'\n\nimport {\n  CategoryColors,\n  CategoryGuids,\n  CategoryIcon,\n  DATE_FORMATS_INTL,\n  formatDate,\n} from '../constants'\n\nimport type {\n  Category,\n  DateRangeCategoryTotals,\n  DetailedCategory,\n  DetailedCategoryWithTransactions,\n  MonthlyAmount,\n  MonthlyCategoryTotals,\n  Transaction,\n  CategoryCopy,\n  CategoryTotal,\n} from '../types'\n\nconst MONTHLY_AVERAGE_LENGTH = 3\nconst MONTHS_OF_HISTORY = 12\n\n/**\n * Resolve the localized display name for a category.\n *\n * Default (MX-supplied) categories arrive from the API with fixed English\n * names, but localized copy for them is delivered via CategoryCopy\n * `default_categories` (keyed by category guid). User-created categories have no\n * localized copy and legitimately fall back to their API name.\n * @param category - The category to resolve a name for\n * @param copy - Category copy containing localized default category names\n */\nexport const getLocalizedCategoryName = (category: Category, copy: CategoryCopy): string => {\n  const localizedName = copy.default_categories?.[category.guid]\n  return localizedName ? localizedName.replace(/&amp;/g, '&') : category.name\n}\n\n/**\n * Augment categories\n * @param categories - Categories to augment\n * @param monthlyCategoryTotals - Monthly category totals\n * @param currentCategoryTotals - Current month category totals\n * @param copy - Category copy\n */\nexport const augmentCategories = (\n  categories: Category[],\n  copy: CategoryCopy,\n  currentCategoryTotals: DateRangeCategoryTotals[],\n  monthlyCategoryTotals: MonthlyCategoryTotals[],\n): DetailedCategory[] => {\n  return categories\n    .filter((category) => !category.parent_guid)\n    .map((category) =>\n      getDetailedCategory(\n        category,\n        copy,\n        currentCategoryTotals,\n        monthlyCategoryTotals,\n        categories.filter((c) => c.parent_guid === category.guid),\n      ),\n    )\n}\n\nexport const getCategoryColor = (guid: string, theme: Theme) => {\n  const categoryInfo = CategoryIconList.find((c) => c.guid === guid)\n  if (!categoryInfo) return theme.palette.categories.uncategorized || ''\n\n  return theme.palette.categories[categoryInfo.colorName as keyof Palette['categories']] || ''\n}\n\nexport const getCategoryIcon = (guid: string) => {\n  return CategoryIconList.find((c) => c.guid === guid)?.icon\n}\n\n/**\n * Get an augmented category with additional details\n * @param category - The category to augment\n * @param copy - Category copy\n * @param currentCategoryTotals - Current month category totals\n * @param monthlyCategoryTotals - Past monthly category totals\n * @param subCategories - Subcategories for the specified category (If applicable)\n */\nconst getDetailedCategory = (\n  category: Category,\n  copy: CategoryCopy,\n  currentCategoryTotals: DateRangeCategoryTotals[],\n  monthlyCategoryTotals: MonthlyCategoryTotals[],\n  subCategories: Category[] = [],\n): DetailedCategory => {\n  const guid = category.guid\n  const parentGuid = category.parent_guid || guid\n  const isParent = guid === parentGuid\n\n  const currentAmount = currentCategoryTotals.find((t) => t.category_guid === guid)?.total || 0\n  const monthlyAmounts = getMonthlyAmounts(\n    monthlyCategoryTotals.filter((total) => total.category_guid === guid),\n  )\n  const totalMonthlyAmounts = getMonthlyAmounts(\n    monthlyCategoryTotals.filter(\n      (total) => total.category_guid === guid || total.top_level_category_guid === guid,\n    ),\n  )\n  const detailedSubCategories = subCategories.map((subCategory) =>\n    getDetailedCategory(subCategory, copy, currentCategoryTotals, monthlyCategoryTotals),\n  )\n  const totalAmount = detailedSubCategories.reduce(\n    (total, current) => total + current.currentAmount,\n    currentAmount,\n  )\n\n  const name = getLocalizedCategoryName(category, copy)\n\n  return {\n    ...category,\n    currentAmount,\n    averageAmount: getAverage(monthlyAmounts),\n    color: CategoryColors[parentGuid],\n    icon: CategoryIcon[parentGuid],\n    isTransfer: parentGuid === CategoryGuids.TRANSFER,\n    monthlyAmounts,\n    name,\n    subCategories: detailedSubCategories,\n    totalAmount: isParent ? totalAmount : 0,\n    totalAverageAmount: getAverage(totalMonthlyAmounts),\n    totalMonthlyAmounts: isParent ? totalMonthlyAmounts : [],\n  }\n}\n/**\n * get the transactions belonging to parent categories\n * @param detailedCategories - detailed categories from the category store\n * @param transactions - sortedTransactions from the transaction store\n */\nexport const getDetailedCategoryTransactions = (\n  detailedCategories: DetailedCategory[],\n  transactions: Transaction[],\n): DetailedCategoryWithTransactions[] => {\n  return detailedCategories.map((category) => {\n    const categoryTransactions = transactions.filter(\n      (transaction) =>\n        transaction.category_guid === category.guid ||\n        transaction.top_level_category_guid === category.guid,\n    )\n\n    return {\n      ...category,\n      transactions: categoryTransactions,\n    }\n  })\n}\n\n/**\n * Get the average amount based on the number of months (numMonths) requested\n * @param monthlyAmounts - Monthly amounts to calculate and average from\n * @param numMonths - Number of months to base the average on (DEFAULT: 3)\n */\nconst getAverage = (\n  monthlyAmounts: MonthlyAmount[],\n  numMonths: number = MONTHLY_AVERAGE_LENGTH,\n): number => {\n  const monthsBack = Math.min(numMonths, monthlyAmounts.length)\n\n  return Math.ceil(\n    Math.max(\n      0,\n      monthlyAmounts.slice(-monthsBack).reduce((total, current) => total + current.amount, 0) /\n        monthsBack,\n    ),\n  )\n}\n\n/**\n * Get the last 12 months of amounts for a category\n * @param categoryTotals - Monthly category totals\n */\nconst getMonthlyAmounts = (categoryTotals: MonthlyCategoryTotals[]): MonthlyAmount[] => {\n  const monthlyAmounts: MonthlyAmount[] = []\n  const today = startOfToday()\n  for (let i = 0; i <= MONTHS_OF_HISTORY; i++) {\n    const historyDate = startOfMonth(subMonths(today, MONTHS_OF_HISTORY - i))\n    const monthlyTotals = categoryTotals.filter(\n      (total) => total.year_month === Number(format(historyDate, 'yyyyMM')),\n    )\n    const totalAmount = monthlyTotals.reduce((acc, curr) => acc + curr.total, 0)\n\n    monthlyAmounts.push({\n      amount: totalAmount,\n      isoDate: format(historyDate, 'yyyy-MM-dd'),\n      label: formatDate(historyDate, DATE_FORMATS_INTL.MONTH_YEAR),\n    })\n  }\n\n  return monthlyAmounts\n}\n\nexport const findCategory = (\n  categories: Category[],\n  categoryGuid: string | undefined,\n): Category | undefined => {\n  return categories.find((c) => c.guid === categoryGuid)\n}\n\nexport const findDetailedCategory = (\n  detailedCategories: DetailedCategory[],\n  guid: string | undefined,\n): DetailedCategory | undefined => {\n  return detailedCategories.find((dc) => dc.guid === guid)\n}\n\nexport const findDetailedSubCategory = (\n  detailedCategories: DetailedCategory[],\n  guid: string | undefined,\n): DetailedCategory | undefined => {\n  const parent = detailedCategories.find((dc) => dc.subCategories.find((sc) => sc.guid === guid))\n  if (!parent) return undefined\n\n  return parent.subCategories.find((sc) => sc.guid === guid)\n}\n\nexport const findCategoryTotalsByParent = (\n  categories: Category[],\n  dateRangeTotals: DateRangeCategoryTotals[],\n): CategoryTotal[] => {\n  const categoryTotals = [] as CategoryTotal[]\n\n  // Iterate over the category data from BE and roll up all categories into parent categories\n  // acc is the accumulated category totals of type CategoryTotal that is initialized as an empty []\n  // curr is the current DateRangeCategoryTotal\n\n  for (const dateRangeTotal of dateRangeTotals) {\n    const category = findCategory(categories, dateRangeTotal.category_guid)\n    if (!category) continue\n\n    const parentGuid = category.parent_guid ?? category.guid\n    const parentCategory = findCategory(categories, parentGuid)\n    if (!parentCategory) continue\n\n    const categoryTotal = {\n      amount: dateRangeTotal.total,\n      category,\n      guid: category.guid,\n      subCategoryTotals: [],\n    }\n\n    const parentCategoryTotal = categoryTotals.find((ct) => ct.guid === parentGuid)\n    if (parentCategoryTotal) {\n      parentCategoryTotal.amount += dateRangeTotal.total\n      parentCategoryTotal.subCategoryTotals.push(categoryTotal)\n    } else {\n      categoryTotals.push({\n        amount: dateRangeTotal.total,\n        category: parentCategory,\n        guid: parentGuid,\n        subCategoryTotals: [categoryTotal],\n      })\n    }\n  }\n\n  return categoryTotals\n}\n\nexport const isIncome = (categories: Category[], guid: string) => {\n  const category = categories.find((c) => c.guid === guid)\n  if (!category) return false\n\n  return category.guid === CategoryGuids.INCOME || category.parent_guid === CategoryGuids.INCOME\n}\n"],"mappings":"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"}

package/dist/finstrong/components/ManageDOB.es.js

@@ -3,16 +3,16 @@ import g from "../../common/components/drawer/Drawer.es.js";
 import y from "react";
 import { observer as b } from "mobx-react-lite";
 import v from "@mui/material/Stack";
-import { jsx as e } from "react/jsx-runtime";
-import { alpha as o, useTheme as D } from "@mui/material/styles";
+import { jsx as t } from "react/jsx-runtime";
+import { alpha as e, useTheme as D } from "@mui/material/styles";
 import { AdapterDateFns as S } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { LocalizationProvider as x } from "@mui/x-date-pickers/LocalizationProvider";
-import { StaticDatePicker as w } from "@mui/x-date-pickers";
-var B = ({ isOpen: n, onClose: a }) => {
-  const { finstrong: l } = u(), t = D(), { updateUser: c, user: i } = f(), { loadPeerScore: m } = h(), [r, s] = y.useState(i.birthday), p = (d) => {
+import { StaticDatePicker as x } from "@mui/x-date-pickers";
+import { LocalizationProvider as P } from "@mui/x-date-pickers/LocalizationProvider";
+var w = ({ isOpen: n, onClose: a }) => {
+  const { finstrong: l } = u(), o = D(), { updateUser: c, user: i } = f(), { loadPeerScore: m } = h(), [r, s] = y.useState(i.birthday), p = (d) => {
     s(Math.floor(new Date(d).getTime() / 1e3));
   };
-  return /* @__PURE__ */ e(g, {
+  return /* @__PURE__ */ t(g, {
     footerStyles: {
       borderTop: 1,
       borderColor: "divider",
@@ -31,28 +31,28 @@ var B = ({ isOpen: n, onClose: a }) => {
     },
     onSecondaryAction: a,
     title: l.date_of_birth,
-    children: /* @__PURE__ */ e(v, {
+    children: /* @__PURE__ */ t(v, {
       sx: {
         bgcolor: "background.default",
         height: "100%"
       },
-      children: /* @__PURE__ */ e(x, {
+      children: /* @__PURE__ */ t(P, {
         dateAdapter: S,
-        children: /* @__PURE__ */ e(w, {
+        children: /* @__PURE__ */ t(x, {
           disableFuture: !0,
           onChange: p,
           slotProps: {
             nextIconButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
             } },
             previousIconButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
             } },
             switchViewButton: { sx: {
               color: "primary.main",
-              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
             } }
           },
           slots: {
@@ -63,7 +63,7 @@ var B = ({ isOpen: n, onClose: a }) => {
             width: "100%",
             "& .MuiIconButton-edgeEnd": {
               color: "primary.main",
-              "&:hover": { bgcolor: o(t.palette.primary.light, 0.1) }
+              "&:hover": { bgcolor: e(o.palette.primary.light, 0.1) }
             }
           },
           value: r ? /* @__PURE__ */ new Date(r * 1e3) : /* @__PURE__ */ new Date()
@@ -71,9 +71,9 @@ var B = ({ isOpen: n, onClose: a }) => {
       })
     })
   });
-}, j = b(B);
+}, O = b(w);
 export {
-  j as default
+  O as default
 };
 
 //# sourceMappingURL=ManageDOB.es.js.map

package/dist/goals/components/actions/BirthdayAction.es.js

@@ -1,23 +1,23 @@
 import { DATE_FORMATS_INTL as b, formatDate as f } from "../../../core/constants/DateFormats.es.js";
 import { useGlobalCopyStore as u, useGoalStore as _, useUserStore as S } from "../../../common/context/hooks.es.js";
-import { ListItemAction as A } from "../../../common/components/ListItemAction.es.js";
+import { ListItemAction as v } from "../../../common/components/ListItemAction.es.js";
 import i from "react";
-import { observer as T } from "mobx-react-lite";
+import { observer as A } from "mobx-react-lite";
 import { jsx as o } from "react/jsx-runtime";
 import { fromUnixTime as s } from "date-fns/fromUnixTime";
-import { getUnixTime as v } from "date-fns/getUnixTime";
+import { getUnixTime as T } from "date-fns/getUnixTime";
 import { AdapterDateFns as x } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { LocalizationProvider as D } from "@mui/x-date-pickers/LocalizationProvider";
-import { DatePicker as g } from "@mui/x-date-pickers";
+import { DatePicker as D } from "@mui/x-date-pickers";
+import { LocalizationProvider as g } from "@mui/x-date-pickers/LocalizationProvider";
 import { isValid as E } from "date-fns/isValid";
-var O = T(({ goal: a }) => {
+var N = A(({ goal: a }) => {
   const { goals: r } = u(), { user: t, updateUser: d } = S(), { setAlert: m } = _(), [e, l] = i.useState(s(t.birthday ?? 0)), [n, p] = i.useState(null), c = a.is_complete, h = async () => {
     e && E(e) && (await d({
       ...t,
-      birthday: v(e)
+      birthday: T(e)
     }), m(r.alert_goal_updated_birthday));
   };
-  return /* @__PURE__ */ o(A, {
+  return /* @__PURE__ */ o(v, {
     isDisabled: c,
     isSaveDisabled: !!n,
     label: r.details_birthday,
@@ -25,9 +25,9 @@ var O = T(({ goal: a }) => {
     primaryText: r.details_birthday,
     secondaryText: `${f(s(t.birthday ?? 0), b.MONTH_DAY_YEAR)}`,
     zeroStateText: !a.guid && !t.birthday ? r.add_birthday : void 0,
-    children: /* @__PURE__ */ o(D, {
+    children: /* @__PURE__ */ o(g, {
       dateAdapter: x,
-      children: /* @__PURE__ */ o(g, {
+      children: /* @__PURE__ */ o(D, {
         label: r.details_birthday,
         onChange: l,
         onError: (y) => p(y),
@@ -38,7 +38,7 @@ var O = T(({ goal: a }) => {
   });
 });
 export {
-  O as BirthdayAction
+  N as BirthdayAction
 };
 
 //# sourceMappingURL=BirthdayAction.es.js.map

package/dist/recurringtransactions/components/PaymentSchedule.es.js

@@ -4,16 +4,16 @@ import { formatOrdinal as M } from "../../core/utils/NumberFormatting.es.js";
 import { Select as n } from "../../common/components/Select.es.js";
 import g from "react";
 import A from "@mui/material/Stack";
-import { startOfToday as y } from "date-fns/startOfToday";
+import { startOfToday as i } from "date-fns/startOfToday";
 import { jsx as t, jsxs as T } from "react/jsx-runtime";
 import { addYears as _ } from "date-fns/addYears";
 import { subDays as Y } from "date-fns/subDays";
 import { setDayOfYear as x } from "date-fns/setDayOfYear";
 import { AdapterDateFns as D } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { LocalizationProvider as C } from "@mui/x-date-pickers/LocalizationProvider";
-import { getDayOfYear as W } from "date-fns/getDayOfYear";
+import { getDayOfYear as C } from "date-fns/getDayOfYear";
 import { DatePicker as P } from "@mui/x-date-pickers";
-var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
+import { LocalizationProvider as W } from "@mui/x-date-pickers/LocalizationProvider";
+var N = ({ frequency: a, firstDay: y, secondDay: h, onFrequencyChange: s, onFirstDayChange: d, onSecondDayChange: c }) => {
   const { recurring: e } = E(), f = g.useMemo(() => [
     {
       id: r.EveryWeek,
@@ -81,8 +81,8 @@ var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirs
     label: M(o + 1)
   }));
   l[30].label += ` (${e.last_day_of_month})`;
-  const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(y(), i), w = m < y() ? _(m, 1) : m, O = (o) => {
-    o && d(W(o));
+  const v = l.slice(0, 15), b = l.slice(14), u = a === r.EveryWeek || a === r.EveryOtherWeek, k = a === r.TwiceAMonth || a === r.EveryMonth || a === r.EveryOtherMonth || a === r.EveryQuarter || a === r.EveryOtherQuarter, m = x(i(), y), w = m < i() ? _(m, 1) : m, O = (o) => {
+    o && d(C(o));
   };
   return /* @__PURE__ */ T(A, {
     gap: 24,
@@ -98,13 +98,13 @@ var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirs
         label: e.day_of_the_week,
         onChange: d,
         options: p,
-        value: i
+        value: y
       }),
       k && /* @__PURE__ */ t(n, {
         label: a === r.TwiceAMonth ? e.first_day_of_the_month : e.day_of_the_month,
         onChange: d,
         options: a === r.TwiceAMonth ? v : l,
-        value: i
+        value: y
       }),
       a === r.TwiceAMonth && /* @__PURE__ */ t(n, {
         label: e.second_day_of_the_month,
@@ -112,13 +112,13 @@ var N = ({ frequency: a, firstDay: i, secondDay: h, onFrequencyChange: s, onFirs
         options: b,
         value: h ?? ""
       }),
-      a === r.EveryYear && /* @__PURE__ */ t(C, {
+      a === r.EveryYear && /* @__PURE__ */ t(W, {
         dateAdapter: D,
         children: /* @__PURE__ */ t(P, {
           disablePast: !0,
           label: e.next_payment_date,
-          maxDate: Y(_(y(), 1), 1),
-          minDate: y(),
+          maxDate: Y(_(i(), 1), 1),
+          minDate: i(),
           onChange: O,
           value: w
         })

package/dist/settings/components/profile/ProfileTab.es.js

@@ -1,24 +1,24 @@
-import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as M, useUserStore as R } from "../../../common/context/hooks.es.js";
-import { useScreenSize as I } from "../../../common/hooks/useScreenSize.es.js";
-import L from "../../../common/components/dialog/Dialog.es.js";
-import z from "./actions/ResetPasswordAction.es.js";
+import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as L, useUserStore as M } from "../../../common/context/hooks.es.js";
+import { useScreenSize as R } from "../../../common/hooks/useScreenSize.es.js";
+import z from "../../../common/components/dialog/Dialog.es.js";
+import I from "./actions/ResetPasswordAction.es.js";
 import N from "./actions/VerifyEmailAction.es.js";
-import j from "./actions/VerifyPhoneAction.es.js";
+import $ from "./actions/VerifyPhoneAction.es.js";
 import p from "react";
-import { observer as H } from "mobx-react-lite";
+import { observer as j } from "mobx-react-lite";
 import l from "@mui/material/Stack";
-import { H3 as J, P as O } from "@mxenabled/mxui";
-import $ from "@mui/material/Button";
+import { H3 as H, P as J } from "@mxenabled/mxui";
+import O from "@mui/material/Button";
 import { Fragment as G, jsx as t, jsxs as i } from "react/jsx-runtime";
 import { alpha as b, useTheme as K } from "@mui/material/styles";
 import Y from "@mui/material/Box";
 import { getUnixTime as q } from "date-fns/getUnixTime";
 import d from "@mui/material/TextField";
 import { AdapterDateFns as Q } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { LocalizationProvider as W } from "@mui/x-date-pickers/LocalizationProvider";
-import { DatePicker as X } from "@mui/x-date-pickers";
+import { DatePicker as W } from "@mui/x-date-pickers";
+import { LocalizationProvider as X } from "@mui/x-date-pickers/LocalizationProvider";
 var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
-  const u = K(), { common: w, settings: o } = B(), { isMobile: m } = I(C), { config: h } = F(), { updateUser: S } = M(), { user: r } = R(), [a, U] = p.useState({
+  const u = K(), { common: w, settings: o } = B(), { isMobile: m } = R(C), { config: h } = F(), { updateUser: S } = L(), { user: r } = M(), [a, U] = p.useState({
     first_name: r.first_name,
     last_name: r.last_name,
     email: r.email,
@@ -26,7 +26,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
     birthday: r.birthday,
     postal_code: r.postal_code,
     credit_score: r.credit_score
-  }), [c, y] = p.useState(!1), [T, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
+  }), [c, y] = p.useState(!1), [P, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
   p.useEffect(() => {
     if (f) {
       const e = (s) => {
@@ -37,17 +37,17 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
       };
     }
   }, [c]);
-  const V = () => {
+  const T = () => {
     if (a.birthday) {
       const e = /* @__PURE__ */ new Date(a.birthday * 1e3), s = e.getUTCFullYear(), A = e.getUTCMonth(), E = e.getUTCDate();
       return new Date(s, A, E);
     }
-  }, D = async () => {
+  }, V = async () => {
     await S({
       ...r,
       ...a
     }), y(!1);
-  }, P = () => {
+  }, D = () => {
     g(!1), f && f();
   }, k = () => {
     g(!1);
@@ -70,8 +70,8 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
       "& .MuiTextField-root": { flex: 1 }
     },
     children: [
-      /* @__PURE__ */ t(J, { children: o.personal_details }),
-      /* @__PURE__ */ t(O, {
+      /* @__PURE__ */ t(H, { children: o.personal_details }),
+      /* @__PURE__ */ t(J, {
         variant: "body1",
         children: o.update_information
       }),
@@ -115,16 +115,16 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
             label: o.mobile_number,
             onChange: (e) => n({ phone: e.target.value }),
             type: "tel"
-          }), x && /* @__PURE__ */ t(j, {})]
+          }), x && /* @__PURE__ */ t($, {})]
         })]
       }),
       /* @__PURE__ */ i(l, {
         direction: m ? "column" : "row",
         spacing: 24,
         sx: { mb: 24 },
-        children: [/* @__PURE__ */ t(W, {
+        children: [/* @__PURE__ */ t(X, {
           dateAdapter: Q,
-          children: /* @__PURE__ */ t(X, {
+          children: /* @__PURE__ */ t(W, {
             label: o.birthdate,
             onChange: (e) => n({ birthday: q(e) }),
             slotProps: {
@@ -144,7 +144,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
                 "&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
               }
             },
-            value: V()
+            value: T()
           })
         }), /* @__PURE__ */ t(d, {
           defaultValue: a.postal_code,
@@ -158,26 +158,26 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
           label: o.credit_score,
           onChange: (e) => n({ credit_score: Number(e.target.value) })
         }),
-        h.display_password_options_in_settings && /* @__PURE__ */ t(z, {}),
-        /* @__PURE__ */ t($, {
+        h.display_password_options_in_settings && /* @__PURE__ */ t(I, {}),
+        /* @__PURE__ */ t(O, {
           disabled: !c,
-          onClick: D,
+          onClick: V,
           sx: { width: m ? "100%" : 124 },
           variant: "contained",
           children: w.save_button
         })
       ] })
     ]
-  }), /* @__PURE__ */ t(L, {
+  }), /* @__PURE__ */ t(z, {
     copy: { title: o.discard_changes },
-    isOpen: T,
+    isOpen: P,
     onClose: k,
-    onSecondaryAction: P,
+    onSecondaryAction: D,
     primaryText: o.keep_editing,
     secondaryText: o.leave,
     children: o.discard_changes_message
   })] });
-}, ye = H(Z);
+}, ye = j(Z);
 export {
   ye as default
 };

package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js

@@ -1,65 +1,64 @@
-import { DATE_FORMATS_INTL as A, formatDate as C } from "../../../../../core/constants/DateFormats.es.js";
-import { useEvent as S, useGlobalCopyStore as I, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
-import L from "../../../../../common/components/drawer/Drawer.es.js";
-import { ANALYTICS_EVENTS as g } from "../../../../../common/constants/Analytics.es.js";
-import { fromUnixUTC as s, toUnixUTC as N } from "../../../../../core/utils/DateUtil.es.js";
+import { DATE_FORMATS_INTL as S, formatDate as C } from "../../../../../core/constants/DateFormats.es.js";
+import I, { CalendarSelectionTypes as h } from "../../../../../common/components/calendar/Calendar.es.js";
+import { useEvent as g, useGlobalCopyStore as L, useTransactionStore as v } from "../../../../../common/context/hooks.es.js";
+import D from "../../../../../common/components/drawer/Drawer.es.js";
+import { ANALYTICS_EVENTS as N } from "../../../../../common/constants/Analytics.es.js";
+import { fromUnixUTC as m } from "../../../../../core/utils/DateUtil.es.js";
 import { useTransactionsUiStore as b } from "../../../../context/hooks.es.js";
-import { ON_CLICK_EVENTS as D } from "../../../../constants/OnClickEvents.es.js";
-import c from "react";
-import E from "@mui/material/Stack";
-import { Text as O } from "@mxenabled/mxui";
-import { Icon as d } from "@mxenabled/mx-icons";
+import { ON_CLICK_EVENTS as E } from "../../../../constants/OnClickEvents.es.js";
+import s from "react";
+import O from "@mui/material/Stack";
+import { Text as R } from "@mxenabled/mxui";
+import { Icon as c } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTheme as k } from "@mui/material/styles";
-import P from "@mui/material/ListItem";
-import U from "@mui/material/Avatar";
-import M from "@mui/material/ListItemAvatar";
-import R from "@mui/material/ListItemButton";
-import w from "@mui/material/ListItemIcon";
-import B from "@mui/material/ListItemText";
-import { AdapterDateFns as F } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { LocalizationProvider as K } from "@mui/x-date-pickers/LocalizationProvider";
-import { StaticDatePicker as Y } from "@mui/x-date-pickers/StaticDatePicker";
-var dt = ({ transaction: e }) => {
-  const { onEvent: n } = S(), { updateTransaction: p } = v(), { updateManualTransaction: f } = b(), { common: o, transactions: r } = I(), _ = k(), [u, a] = c.useState(!1), [i, T] = c.useState(e.date), x = (m) => {
-    m && T(N(m));
+import { useTheme as U } from "@mui/material/styles";
+import { getUnixTime as k } from "date-fns/getUnixTime";
+import K from "@mui/material/ListItem";
+import M from "@mui/material/Avatar";
+import P from "@mui/material/ListItemAvatar";
+import Y from "@mui/material/ListItemButton";
+import j from "@mui/material/ListItemIcon";
+import w from "@mui/material/ListItemText";
+var st = ({ transaction: e }) => {
+  const { onEvent: n } = g(), { updateTransaction: d } = v(), { updateManualTransaction: p } = b(), { common: r, transactions: o } = L(), f = U(), [_, a] = s.useState(!1), [i, T] = s.useState(e.date), u = (A) => {
+    T(k(A));
   }, y = async () => {
     if (e.is_manual && !e.guid) {
-      f({
+      p({
         ...e,
         date: i
       }), a(!1);
       return;
     }
-    await p({
+    await d({
       ...e,
       date: i
-    }), n(g.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
-  }, h = _.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ l(P, {
+    }), n(N.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: e.guid }), a(!1);
+  }, x = f.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ l(K, {
     className: "mx-txn-date-action",
     disableGutters: !0,
     disablePadding: !0,
-    children: [/* @__PURE__ */ l(R, {
+    children: [/* @__PURE__ */ l(Y, {
       onClick: () => {
-        n(D.ON_TRANSACTION_DATE_CLICK), a(!0);
+        n(E.ON_TRANSACTION_DATE_CLICK), a(!0);
       },
       children: [
-        /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(U, {
-          sx: { bgcolor: h },
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(M, {
+          sx: { bgcolor: x },
           variant: "rounded",
-          children: /* @__PURE__ */ t(d, {
+          children: /* @__PURE__ */ t(c, {
             name: "calendar_month",
             sx: { color: "text.primary" }
           })
         }) }),
-        /* @__PURE__ */ t(B, {
-          primary: r.date_title,
-          secondary: /* @__PURE__ */ t(O, {
+        /* @__PURE__ */ t(w, {
+          primary: o.date_title,
+          secondary: /* @__PURE__ */ t(R, {
             bold: !0,
             sx: { color: "text.primary" },
             variant: "body1",
-            children: C(s(e.date), A.FULL_MONTH_DAY_YEAR)
+            children: C(m(e.date), S.FULL_MONTH_DAY_YEAR)
           }),
           slotProps: { primary: {
             variant: "caption",
@@ -67,43 +66,38 @@ var dt = ({ transaction: e }) => {
             fontWeight: "normal"
           } }
         }),
-        /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(d, {
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(c, {
           name: "chevron_right",
           sx: { color: "text.primary" }
         }) })
       ]
-    }), /* @__PURE__ */ t(L, {
-      ariaLabelClose: o.close_aria,
-      isOpen: u,
+    }), /* @__PURE__ */ t(D, {
+      ariaLabelClose: r.close_aria,
+      isOpen: _,
       onClose: () => a(!1),
       onPrimaryAction: y,
-      primaryText: o.save_button,
-      secondaryText: o.cancel_button,
-      title: r.date_edit_title,
-      children: /* @__PURE__ */ t(E, {
+      primaryText: r.save_button,
+      secondaryText: r.cancel_button,
+      title: o.date_edit_title,
+      children: /* @__PURE__ */ t(O, {
         alignItems: "center",
         mt: 40,
-        children: /* @__PURE__ */ t(K, {
-          dateAdapter: F,
-          localeText: {
-            nextMonth: r.date_next_aria,
-            previousMonth: r.date_prev_aria,
-            todayButtonLabel: o.date_range_picker.today
+        children: /* @__PURE__ */ t(I, {
+          beginDate: m(i),
+          copy: {
+            nextAria: o.date_next_aria,
+            prevAria: o.date_prev_aria,
+            today: r.date_range_picker.today
           },
-          children: /* @__PURE__ */ t(Y, {
-            displayStaticWrapperAs: "desktop",
-            onChange: x,
-            slotProps: { actionBar: { actions: ["today"] } },
-            value: s(i),
-            views: ["day"]
-          })
+          onDateSelected: u,
+          selectionType: h.Single
         })
       })
     })]
   });
 };
 export {
-  dt as default
+  st as default
 };
 
 //# sourceMappingURL=DateAction.es.js.map

package/dist/transactions/components/shared/transactiondetails/actions/DateAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DateAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport Stack from '@mui/material/Stack'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport {\n  ANALYTICS_EVENTS,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../../../core/constants'\nimport { fromUnixUTC, toUnixUTC } from '../../../../../core/utils/DateUtil'\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DateActionProps {\n  transaction: Transaction\n}\n\nconst DateAction: React.FC<DateActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { updateManualTransaction } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n  const [open, setOpen] = React.useState(false)\n  const [date, setDate] = React.useState<number>(transaction.date)\n\n  const handleDateSelected = (selectedDate: Date | null) => {\n    if (selectedDate) setDate(toUnixUTC(selectedDate))\n  }\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, date })\n      setOpen(false)\n      return\n    }\n\n    await updateTransaction({ ...transaction, date })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem className=\"mx-txn-date-action\" disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DATE_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <Icon name=\"calendar_month\" sx={{ color: 'text.primary' }} />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.date_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.FULL_MONTH_DAY_YEAR)}\n            </Text>\n          }\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n        </ListItemIcon>\n      </ListItemButton>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={open}\n        onClose={() => setOpen(false)}\n        onPrimaryAction={handleSave}\n        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        title={copy.date_edit_title}\n      >\n        <Stack alignItems=\"center\" mt={40}>\n          <LocalizationProvider\n            dateAdapter={AdapterDateFns}\n            localeText={{\n              nextMonth: copy.date_next_aria,\n              previousMonth: copy.date_prev_aria,\n              todayButtonLabel: commonCopy.date_range_picker.today,\n            }}\n          >\n            <StaticDatePicker\n              displayStaticWrapperAs=\"desktop\"\n              onChange={handleDateSelected}\n              slotProps={{ actionBar: { actions: ['today'] } }}\n              value={fromUnixUTC(date)}\n              views={['day']}\n            />\n          </LocalizationProvider>\n        </Stack>\n      </Drawer>\n    </ListItem>\n  )\n}\n\nexport default DateAction\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,KAAA,CAAyC,EAAE,aAAA,EAAA,MAAkB;AACjE,QAAM,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,mBAAA,EAAA,IAAsB,EAAoB,GAC5C,EAAE,yBAAA,EAAA,IAA4B,EAAuB,GACrD,EAAE,QAAQ,GAAY,cAAc,EAAA,IAAS,EAAmB,GAEhE,IAAQ,EAAS,GACjB,CAAC,GAAM,CAAA,IAAW,EAAM,SAAS,EAAK,GACtC,CAAC,GAAM,CAAA,IAAW,EAAM,SAAiB,EAAY,IAAI,GAEzD,IAAA,CAAsB,MAA8B;AACxD,IAAI,KAAc,EAAQ,EAAU,CAAY,CAAC;AAAA,EACnD,GAEM,IAAa,YAAY;AAC7B,QAAI,EAAY,aAAa,CAAC,EAAY,MAAM;AAC9C,MAAA,EAAwB;AAAA,QAAE,GAAG;AAAA,QAAa,MAAA;AAAA,MAAK,CAAC,GAChD,EAAQ,EAAK;AACb;AAAA,IACF;AAEA,UAAM,EAAkB;AAAA,MAAE,GAAG;AAAA,MAAa,MAAA;AAAA,IAAK,CAAC,GAChD,EAAQ,EAAiB,gCAAgC,EAAE,kBAAkB,EAAY,KAAK,CAAC,GAC/F,EAAQ,EAAK;AAAA,EACf,GAEM,IAAU,EAAM,QAAQ,SAAS,SAAS,aAAa;AAE7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAU,WAAU;AAAA,IAAqB,gBAAgB;AAAA,IAAM,gBAAgB;AAAA,IAA/E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SAAA,MAAe;AACb,QAAA,EAAQ,EAAgB,yBAAyB,GACjD,EAAQ,EAAI;AAAA,MACd;AAAA,MAJF,UAAA;AAAA,QAME,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,IAAI,EAAE,SAAS,EAAQ;AAAA,UAAG,SAAQ;AAAA,UACxC,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAK;AAAA,YAAiB,IAAI,EAAE,OAAO,eAAe;AAAA,UAAI,CAAA;AAAA,QACtD,CAAA,EACM,CAAA;AAAA,QAChB,gBAAA,EAAC,GAAD;AAAA,UACE,SAAS,EAAK;AAAA,UACd,WACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,IAAI,EAAE,OAAO,eAAe;AAAA,YAAG,SAAQ;AAAA,YACtD,UAAA,EAAW,EAAY,EAAY,IAAI,GAAG,EAAkB,mBAAmB;AAAA,UAC5E,CAAA;AAAA,UAER,WAAW,EAAE,SAAS;AAAA,YAAE,SAAS;AAAA,YAAW,UAAU;AAAA,YAAI,YAAY;AAAA,UAAS,EAAE;AAAA,QAClF,CAAA;AAAA,QACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAK;AAAA,UAAgB,IAAI,EAAE,OAAO,eAAe;AAAA,QAAI,CAAA,EAC/C,CAAA;AAAA,MACA;AAAA,IAEhB,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MAC3B,QAAQ;AAAA,MACR,SAAA,MAAe,EAAQ,EAAK;AAAA,MAC5B,iBAAiB;AAAA,MACjB,aAAa,EAAW;AAAA,MACxB,eAAe,EAAW;AAAA,MAC1B,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,IAAI;AAAA,QAC7B,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,aAAa;AAAA,UACb,YAAY;AAAA,YACV,WAAW,EAAK;AAAA,YAChB,eAAe,EAAK;AAAA,YACpB,kBAAkB,EAAW,kBAAkB;AAAA,UACjD;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YACE,wBAAuB;AAAA,YACvB,UAAU;AAAA,YACV,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE;AAAA,YAC/C,OAAO,EAAY,CAAI;AAAA,YACvB,OAAO,CAAC,KAAK;AAAA,UACd,CAAA;AAAA,QACmB,CAAA;AAAA,MACjB,CAAA;AAAA,IACD,CAAA,CACA;AAAA;AAEd"}
+{"version":3,"file":"DateAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/DateAction.tsx"],"sourcesContent":["import React from 'react'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport Avatar from '@mui/material/Avatar'\nimport Stack from '@mui/material/Stack'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\n\nimport {\n  ANALYTICS_EVENTS,\n  Calendar,\n  CalendarSelectionTypes,\n  Drawer,\n  useEvent,\n  useGlobalCopyStore,\n  useTransactionStore,\n} from '../../../../../common'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../../../core/constants'\nimport { fromUnixUTC } from '../../../../../core/utils/DateUtil'\nimport type { Transaction } from '../../../../../core'\n\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\n\ninterface DateActionProps {\n  transaction: Transaction\n}\n\nconst DateAction: React.FC<DateActionProps> = ({ transaction }) => {\n  const { onEvent } = useEvent()\n  const { updateTransaction } = useTransactionStore()\n  const { updateManualTransaction } = useTransactionsUiStore()\n  const { common: commonCopy, transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n  const [open, setOpen] = React.useState(false)\n  const [date, setDate] = React.useState<number>(transaction.date)\n\n  const handleDateSelected = (date: Date) => {\n    setDate(getUnixTime(date))\n  }\n\n  const handleSave = async () => {\n    if (transaction.is_manual && !transaction.guid) {\n      updateManualTransaction({ ...transaction, date })\n      setOpen(false)\n      return\n    }\n\n    await updateTransaction({ ...transaction, date })\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_DATE, { transaction_guid: transaction.guid })\n    setOpen(false)\n  }\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem className=\"mx-txn-date-action\" disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_DATE_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <Icon name=\"calendar_month\" sx={{ color: 'text.primary' }} />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.date_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {formatDate(fromUnixUTC(transaction.date), DATE_FORMATS_INTL.FULL_MONTH_DAY_YEAR)}\n            </Text>\n          }\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n        </ListItemIcon>\n      </ListItemButton>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={open}\n        onClose={() => setOpen(false)}\n        onPrimaryAction={handleSave}\n        primaryText={commonCopy.save_button}\n        secondaryText={commonCopy.cancel_button}\n        title={copy.date_edit_title}\n      >\n        <Stack alignItems=\"center\" mt={40}>\n          <Calendar\n            beginDate={fromUnixUTC(date)}\n            copy={{\n              nextAria: copy.date_next_aria,\n              prevAria: copy.date_prev_aria,\n              today: commonCopy.date_range_picker.today,\n            }}\n            onDateSelected={handleDateSelected}\n            selectionType={CalendarSelectionTypes.Single}\n          />\n        </Stack>\n      </Drawer>\n    </ListItem>\n  )\n}\n\nexport default DateAction\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.52-alpha.al0",
+  "version": "9.4.53",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -220,7 +220,7 @@
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^2.3.0",
-    "@mxenabled/mxui": "^2.10.1",
+    "@mxenabled/mxui": "^2.9.2",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.14.9",
     "bowser": "^2.14.1",