@mx-cartographer/experiences 7.8.2-alpha.mm0 → 7.9.1-alpha.mega1

package/dist/{NotificationSettings-SPg3pwbX.mjs → NotificationSettings-DeLwFzIJ.mjs}

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as e, Fragment as M } from "react/jsx-runtime";
-import p from "react";
+import f from "react";
 import { observer as C } from "mobx-react-lite";
 import v from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListItem";
 import L from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
-import h from "@mui/material/Stack";
+import _ from "@mui/material/Stack";
 import { ChevronRight as w, ExpandMore as ee, Star as te } from "@mxenabled/mx-icons";
 import { Text as x, InstitutionLogo as ne, H3 as F } from "@mxenabled/mxui";
 import { endOfMonth as ie } from "date-fns/endOfMonth";
@@ -15,32 +15,32 @@ import { DateCalendar as se } from "@mui/x-date-pickers/DateCalendar";
 import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { A as le, T as R, a as D, N as b } from "./Notification-Bs1fdbzI.mjs";
-import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hooks-ZMp65DFz.mjs";
+import { u as S, r as T, o as A, d as J, g as re, a as X, b as de } from "./hooks-BUCn6FeJ.mjs";
 import { b as me } from "./Localization-2MODESHW.mjs";
-import { b as he, f as _e } from "./NumberFormatting-DjTD0t3W.mjs";
-import { a as N } from "./Dialog-B4PI-_bL.mjs";
-import { C as ue } from "./CurrencyInput-itK0R3wV.mjs";
-import { u as pe } from "./useScreenSize-B6JyS_Lj.mjs";
+import { b as _e, f as he } from "./NumberFormatting-DjTD0t3W.mjs";
+import { a as N } from "./Dialog-CwiqpTGe.mjs";
+import { C as ue } from "./CurrencyInput-BBifPjuC.mjs";
+import { u as fe } from "./useScreenSize-B6JyS_Lj.mjs";
 import { D as q } from "./Drawer-DV4NTsFg.mjs";
-import fe from "@mui/material/Collapse";
+import pe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";
 import ye from "@mui/material/CardContent";
 import H from "@mui/material/Box";
 import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
-import { u as be } from "./useDimensions-27p2evRx.mjs";
+import { u as be } from "./useDimensions-CeDR9V8N.mjs";
 import K from "@mui/material/styles/useTheme";
-import { u as xe } from "./useInsightsEnabled-B7dxpDrX.mjs";
-import { u as Ce } from "./useWidgetLoadTimer-hIOioiKx.mjs";
+import { u as xe } from "./useInsightsEnabled-CzhMEHNx.mjs";
+import { u as Ce } from "./useWidgetLoadTimer-BYMP5Q8g.mjs";
 import { L as ve } from "./Loader-DUaFpDGv.mjs";
 const Te = C(() => {
-  const { common: n, settings: t } = S(), { sendEmailVerification: s } = T(), { user: l } = A(), i = K(), [r, a] = p.useState(!1), o = () => {
+  const { common: n, settings: t } = S(), { sendEmailVerification: s } = T(), { user: l } = A(), i = K(), [r, a] = f.useState(!1), o = () => {
     a(!1);
-  }, _ = () => {
+  }, h = () => {
     a(!0);
   };
-  return /* @__PURE__ */ c(p.Fragment, { children: [
-    /* @__PURE__ */ c(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
+    /* @__PURE__ */ c(j, { onClick: h, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_email }),
       /* @__PURE__ */ e(w, {})
     ] }),
@@ -62,7 +62,7 @@ const Te = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_email }),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.confirm_email }),
           /* @__PURE__ */ e(
@@ -84,7 +84,7 @@ const Te = C(() => {
   ] });
 }), Pe = C(
   ({ handleClose: n, handleVerify: t, isOpen: s }) => {
-    const { common: l, settings: i } = S(), [r, a] = p.useState("");
+    const { common: l, settings: i } = S(), [r, a] = f.useState("");
     return /* @__PURE__ */ e(
       N,
       {
@@ -103,12 +103,12 @@ const Te = C(() => {
             justifyContent: "flex-end"
           }
         },
-        children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(U, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
+        children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(U, { onChange: (o) => a(o.target.value), sx: { width: 352 }, value: r }) })
       }
     );
   }
 ), De = C(() => {
-  const { common: n, settings: t } = S(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = K(), [a, o] = p.useState(!1), [_, d] = p.useState(!1), f = () => {
+  const { common: n, settings: t } = S(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = K(), [a, o] = f.useState(!1), [h, d] = f.useState(!1), p = () => {
     o(!1);
   }, u = () => {
     o(!0);
@@ -121,7 +121,7 @@ const Te = C(() => {
       d(!1);
     });
   };
-  return /* @__PURE__ */ c(p.Fragment, { children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
     /* @__PURE__ */ c(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "Small", children: t.verify_phone }),
       /* @__PURE__ */ e(w, {})
@@ -131,9 +131,9 @@ const Te = C(() => {
       {
         copy: { title: "" },
         isOpen: a,
-        onClose: f,
+        onClose: p,
         onPrimaryAction: y,
-        onSecondaryAction: f,
+        onSecondaryAction: p,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -144,7 +144,7 @@ const Te = C(() => {
             justifyContent: "center"
           }
         },
-        children: /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        children: /* @__PURE__ */ c(_, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: t.confirm_phone }),
           /* @__PURE__ */ e(
@@ -168,21 +168,21 @@ const Te = C(() => {
       {
         handleClose: () => d(!1),
         handleVerify: m,
-        isOpen: _
+        isOpen: h
       }
     )
   ] });
 }), Se = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: l, settings: i } = S(), { updateAccount: r } = J(), a = t.notification_type === le.DebtPaymentReminder, [o, _] = p.useState(!1), [d, f] = p.useState(t.threshold || 0), [u, y] = p.useState(
+    const { common: s, recurring: l, settings: i } = S(), { updateAccount: r } = J(), a = t.notification_type === le.DebtPaymentReminder, [o, h] = f.useState(!1), [d, p] = f.useState(t.threshold || 0), [u, y] = f.useState(
       t.account?.day_payment_is_due || 0
     ), m = t.account?.name || t.account?.feed_name || "", g = t.account?.day_payment_is_due ? me(
       i.notification_debt_payment_date,
-      he(t.account?.day_payment_is_due)
-    ) : i.notification_debt_payment_zero_state, P = a ? g : _e(t.threshold ?? 0, "0,0"), I = async () => {
+      _e(t.account?.day_payment_is_due)
+    ) : i.notification_debt_payment_zero_state, P = a ? g : he(t.threshold ?? 0, "0,0"), I = async () => {
       a && t.account ? await r({ ...t.account, day_payment_is_due: u }) : n({ ...t, threshold: d });
     };
-    return /* @__PURE__ */ c(h, { children: [
+    return /* @__PURE__ */ c(_, { children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -197,7 +197,7 @@ const Te = C(() => {
           isChecked: t.is_enabled,
           isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
-          onClick: () => _(!0),
+          onClick: () => h(!0),
           onToggle: () => n({
             ...t,
             is_enabled: !t.is_enabled
@@ -215,7 +215,7 @@ const Te = C(() => {
           },
           disablePrimaryButton: a && u === 0,
           isOpen: o,
-          onClose: () => _(!1),
+          onClose: () => h(!1),
           onPrimaryAction: I,
           primaryText: s.save_button,
           children: a ? /* @__PURE__ */ e(ae, { dateAdapter: ce, children: /* @__PURE__ */ e(
@@ -246,7 +246,7 @@ const Te = C(() => {
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (k) => f(Number(k) || 0),
+              setAmount: (k) => p(Number(k) || 0),
               sx: { ".MuiTypography-Body": { p: 0 } }
             }
           )
@@ -256,44 +256,44 @@ const Te = C(() => {
   }
 ), ke = C(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = S(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = pe(), o = t.notification_type > 2, {
-      opted_out_of_email_notifications: _,
+    const { settings: s } = S(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = fe(), o = t.notification_type > 2, {
+      opted_out_of_email_notifications: h,
       opted_out_of_push_notifications: d,
-      opted_out_of_sms_notifications: f
+      opted_out_of_sms_notifications: p
     } = r, {
       email_notifications_enabled: u,
       push_notifications_enabled: y,
       sms_notifications_enabled: m
     } = i;
-    return /* @__PURE__ */ c(h, { children: [
+    return /* @__PURE__ */ c(_, { children: [
       (u || m || y) && /* @__PURE__ */ c(M, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.delivery_method_title }),
         /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
-          u && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !_ && t.email_channel && !!l.email,
-              isDisabled: _ || !l.email,
+              isChecked: !h && t.email_channel && !!l.email,
+              isDisabled: h || !l.email,
               onToggle: () => n({ ...t, email_channel: !t.email_channel }),
               primaryText: s.delivery_method_email_label,
-              secondaryText: _ || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
+              secondaryText: h || !t.email_channel || !l.email ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
           u && (m || y) && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          m && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          m && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !f && t.sms_channel && !!l.phone,
-              isDisabled: f || !l.phone,
+              isChecked: !p && t.sms_channel && !!l.phone,
+              isDisabled: p || !l.phone,
               onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
               primaryText: `${s.delivery_method_sms_label}`,
-              secondaryText: f || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
+              secondaryText: p || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
           m && y && /* @__PURE__ */ e(v, { sx: { ml: a ? 0 : 24 } }),
-          y && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(_, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
               isChecked: !d && t.push_channel,
@@ -307,7 +307,7 @@ const Te = C(() => {
           /* @__PURE__ */ e(v, {})
         ] })
       ] }),
-      o && !!t.children?.length && /* @__PURE__ */ c(h, { children: [
+      o && !!t.children?.length && /* @__PURE__ */ c(_, { children: [
         /* @__PURE__ */ e(x, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: s.accounts_threshold_title }),
         /* @__PURE__ */ e(E, { sx: { bgcolor: "background.paper" }, children: t.children?.map((g) => /* @__PURE__ */ e(
           Se,
@@ -321,7 +321,7 @@ const Te = C(() => {
     ] });
   }
 ), W = C(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = p.useState(""), i = p.useMemo(
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
     () => n.find((o) => o.guid === s),
     [n, s]
   ), r = async (o) => {
@@ -332,7 +332,7 @@ const Te = C(() => {
   }, a = async (o) => {
     await t(o);
   };
-  return /* @__PURE__ */ c(h, { sx: { backgroundColor: "background.paper" }, children: [
+  return /* @__PURE__ */ c(_, { sx: { backgroundColor: "background.paper" }, children: [
     n.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ e(
       R,
       {
@@ -373,9 +373,9 @@ const Te = C(() => {
     userCommunicationsProfile: {
       opted_out_of_email_notifications: a,
       opted_out_of_push_notifications: o,
-      opted_out_of_sms_notifications: _
+      opted_out_of_sms_notifications: h
     }
-  } = T(), { user: d } = A(), [f, u] = p.useState(!1), y = async () => {
+  } = T(), { user: d } = A(), [p, u] = f.useState(!1), y = async () => {
     await m({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && u(!1);
   }, m = async (P) => {
     await r(P);
@@ -389,20 +389,20 @@ const Te = C(() => {
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: f ? "rotate(180deg)" : "rotate(0deg)"
+              transform: p ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => u(!f),
+        onClick: () => u(!p),
         onToggle: () => y(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
       },
       n.guid
     ),
-    g && /* @__PURE__ */ e(fe, { in: f, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+    g && /* @__PURE__ */ e(pe, { in: p, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
       s && /* @__PURE__ */ e(
         D,
         {
@@ -419,8 +419,8 @@ const Te = C(() => {
       i && /* @__PURE__ */ e(
         D,
         {
-          isChecked: !_ && n.sms_channel && !!d.phone,
-          isDisabled: _ || !d.phone,
+          isChecked: !h && n.sms_channel && !!d.phone,
+          isDisabled: h || !d.phone,
           onToggle: () => m({
             ...n,
             sms_channel: !n.sms_channel
@@ -446,21 +446,21 @@ const Te = C(() => {
   ] }, n.guid);
 }), z = C(() => {
   const { budgetProfiles: n } = T();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(Q, { profile: t }, t.guid)) });
+  return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(Q, { profile: t }, t.guid)) });
 }), we = C(() => {
   const { onEvent: n } = re(), { settings: t } = S(), {
     clientCommunicationProfile: s,
     updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: r } = A(), a = async (o, _) => {
-    const d = { ...i, [o]: _ };
+  } = T(), { user: r } = A(), a = async (o, h) => {
+    const d = { ...i, [o]: h };
     if (n) {
       const u = o.split("_")[3];
-      _ === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
+      h === !1 ? n("opt_in_notification_method", { notificationType: u }) : n("opt_out_notification_method", { notificationType: u });
     }
     await l(d);
   };
-  return /* @__PURE__ */ c(h, { children: [
+  return /* @__PURE__ */ c(_, { children: [
     /* @__PURE__ */ e(F, { sx: { mt: 24 }, children: t.delivery_method_title }),
     s.email_notifications_enabled && /* @__PURE__ */ c(M, { children: [
       /* @__PURE__ */ e(
@@ -505,30 +505,30 @@ const Te = C(() => {
         useExtraPadding: !1
       }
     ),
-    s.sms_notifications_enabled && /* @__PURE__ */ e(ge, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
+    s.sms_notifications_enabled && /* @__PURE__ */ e(ge, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ c(_, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(te, { color: "primary", filled: !0 }),
       /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "XSmall", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
 }), $ = C(() => {
   const { insightsProfiles: n } = T();
-  return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(Q, { profile: t }, t.guid)) });
+  return /* @__PURE__ */ e(_, { children: n.map((t) => /* @__PURE__ */ e(Q, { profile: t }, t.guid)) });
 }), Ae = () => {
-  const { config: n } = X(), [t, { width: s }] = be(), { common: l, settings: i } = S(), { updateUser: r } = T(), { user: a } = A(), [o, _] = p.useState(!1), [d, f] = p.useState({
+  const { config: n } = X(), [t, { width: s }] = be(), { common: l, settings: i } = S(), { updateUser: r } = T(), { user: a } = A(), [o, h] = f.useState(!1), [d, p] = f.useState({
     email: a.email,
     phone: a.phone
   }), u = d.email && !a.email_is_verified && !o, y = d.phone && !a.phone_is_verified && !o, m = (P) => {
     const { name: I, value: k } = P.target, B = { ...d, [I]: k };
-    f(B), _(JSON.stringify({ ...a, ...B }) !== JSON.stringify(a));
+    p(B), h(JSON.stringify({ ...a, ...B }) !== JSON.stringify(a));
   }, g = async () => {
-    await r({ ...a, ...d }), _(!1);
+    await r({ ...a, ...d }), h(!1);
   };
-  return /* @__PURE__ */ c(h, { ref: t, children: [
+  return /* @__PURE__ */ c(_, { ref: t, children: [
     /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ c(h, { sx: { pt: 12 }, children: [
+    /* @__PURE__ */ c(_, { sx: { pt: 12 }, children: [
       /* @__PURE__ */ e(F, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: i.personal_details }),
-      /* @__PURE__ */ c(h, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
+      /* @__PURE__ */ c(_, { sx: { flexDirection: s <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
+        n.display_email_edit_field_in_settings && /* @__PURE__ */ c(_, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             U,
             {
@@ -555,7 +555,7 @@ const Te = C(() => {
             }
           )
         ] }),
-        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { flex: 1, pb: 14 }, children: [
+        n.display_sms_edit_field_in_settings && /* @__PURE__ */ c(_, { sx: { flex: 1, pb: 14 }, children: [
           /* @__PURE__ */ e(
             U,
             {
@@ -595,21 +595,21 @@ const Te = C(() => {
       )
     ] })
   ] });
-}, Ie = C(Ae), ht = C(
+}, Ie = C(Ae), _t = C(
   ({
     notificationTypes: n = [b.Accounts, b.Budgets],
     showPersonalDetails: t = !1,
     view: s
   }) => {
-    const { config: l } = X(), { settings: i } = S(), { isInitialized: r } = de(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: _, loadNotificationProfiles: d } = T(), f = xe(), [u, y] = p.useState(!1), [m, g] = p.useState(
+    const { config: l } = X(), { settings: i } = S(), { isInitialized: r } = de(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: h, loadNotificationProfiles: d } = T(), p = xe(), [u, y] = f.useState(!1), [m, g] = f.useState(
       void 0
     );
-    if (n.length > 0 && f && n.push(b.Insights), Ce({
+    if (n.length > 0 && p && n.push(b.Insights), Ce({
       widgetName: "NotificationSettingsWidget",
       isLoaded: u
-    }), p.useEffect(() => {
+    }), f.useEffect(() => {
       a || o().finally();
-    }, []), p.useEffect(() => {
+    }, []), f.useEffect(() => {
       r && d().finally(() => y(!0));
     }, [r]), !r)
       return /* @__PURE__ */ e(ve, {});
@@ -619,16 +619,16 @@ const Te = C(() => {
       email_notifications_enabled: I,
       sms_notifications_enabled: k,
       push_notifications_enabled: B
-    } = _, G = I || k || B;
+    } = h, G = I || k || B;
     if (s === "accounts")
       return /* @__PURE__ */ e(W, {});
     if (s === "budgets")
       return /* @__PURE__ */ e(z, {});
     if (s === "insights")
       return /* @__PURE__ */ e($, {});
-    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && _.can_edit_contact_info && Y;
-    return /* @__PURE__ */ c(h, { sx: { pt: G ? 0 : 24 }, children: [
-      /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
+    const Y = l.display_email_edit_field_in_settings || l.display_sms_edit_field_in_settings, Z = t && h.can_edit_contact_info && Y;
+    return /* @__PURE__ */ c(_, { sx: { pt: G ? 0 : 24 }, children: [
+      /* @__PURE__ */ c(_, { sx: { px: 24 }, children: [
         G && /* @__PURE__ */ c(M, { children: [
           /* @__PURE__ */ e(we, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
@@ -649,14 +649,14 @@ const Te = C(() => {
           /* @__PURE__ */ e(w, {})
         ] }) })
       ] }),
-      Z && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),
+      Z && /* @__PURE__ */ e(_, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),
       /* @__PURE__ */ e(
         q,
         {
           isOpen: !!m,
           onClose: () => g(void 0),
           title: P,
-          children: /* @__PURE__ */ c(h, { children: [
+          children: /* @__PURE__ */ c(_, { children: [
             m === b.Accounts && /* @__PURE__ */ e(W, {}),
             m === b.Budgets && /* @__PURE__ */ e(z, {}),
             m === b.Insights && /* @__PURE__ */ e($, {})
@@ -670,7 +670,7 @@ export {
   W as A,
   z as B,
   $ as I,
-  ht as N,
+  _t as N,
   Te as V,
   De as a
 };

package/dist/{OriginalBalanceAction-ChGGq5AH.mjs → OriginalBalanceAction-CQzvRZ7u.mjs}

@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import _ from "react";
 import { observer as p } from "mobx-react-lite";
 import v from "@mui/material/TextField";
-import { L as y } from "./ListItemAction-CU42h39I.mjs";
-import { u as h, l as b } from "./hooks-ZMp65DFz.mjs";
+import { L as y } from "./ListItemAction-pvmKK9RU.mjs";
+import { u as h, l as b } from "./hooks-BUCn6FeJ.mjs";
 import { a as T, f as S } from "./NumberFormatting-DjTD0t3W.mjs";
-import { C as f } from "./CurrencyInput-itK0R3wV.mjs";
+import { C as f } from "./CurrencyInput-BBifPjuC.mjs";
 const F = p(({ goal: e }) => {
   const { goals: a } = h(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = b(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const n = { ...e, interest_rate: t };

package/dist/{RecurringSettings-B4sByhIM.mjs → RecurringSettings-CvQSL1ny.mjs}

@@ -7,10 +7,10 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-Da1ktIdG.mjs";
-import { u as _, j as A, g as f } from "./hooks-ZMp65DFz.mjs";
-import { R as y, F as N } from "./RepeatingTransaction-miZVnk_A.mjs";
-import { A as m } from "./WidgetContainer-CYdQ0BSm.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-KIBMKnI6.mjs";
+import { u as _, j as A, g as f } from "./hooks-BUCn6FeJ.mjs";
+import { R as y, F as N } from "./RepeatingTransaction-C5AV8wLs.mjs";
+import { A as m } from "./WidgetContainer-AuyAcUXL.mjs";
 const I = h(() => {
   const { recurring: g } = _(), { detailedRepeatingTransactions: n } = A(), { onEvent: a } = f(), l = (r) => {
     a(m.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

package/dist/{RecurringTransactionsStore-BQBEJOPP.mjs → RecurringTransactionsStore-DMKtMn2C.mjs}

@@ -8,7 +8,7 @@ import { startOfMonth as y } from "date-fns/startOfMonth";
 import { startOfToday as i } from "date-fns/startOfToday";
 import { subDays as I } from "date-fns/subDays";
 import { F as x, A as o } from "./Fetch-DecPFeGU.mjs";
-import { a as u, b as A, c as r, d } from "./RepeatingTransaction-miZVnk_A.mjs";
+import { a as u, b as A, c as r, d } from "./RepeatingTransaction-C5AV8wLs.mjs";
 var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
 const G = 44;
 class h {

package/dist/{RepeatingTransaction-miZVnk_A.mjs → RepeatingTransaction-C5AV8wLs.mjs}

@@ -29,9 +29,9 @@ import { subQuarters as N } from "date-fns/subQuarters";
 import { subYears as T } from "date-fns/subYears";
 import { lastDayOfMonth as q } from "date-fns/lastDayOfMonth";
 import { setDayOfYear as F } from "date-fns/setDayOfYear";
-import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-D7U-nc1Y.mjs";
+import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-gRDTwAoC.mjs";
 import { b as W } from "./NumberFormatting-DjTD0t3W.mjs";
-import { f as v, D as k } from "./Dialog-B4PI-_bL.mjs";
+import { f as v, D as k } from "./Dialog-CwiqpTGe.mjs";
 import { b as l } from "./Localization-2MODESHW.mjs";
 const se = ({ iconName: e, label: a, onClick: t, value: n }) => {
   const o = /* @__PURE__ */ M(B, { children: [

package/dist/{SpendingData-BmL0bwnS.mjs → SpendingData-DtNL2mQL.mjs}

@@ -4,7 +4,7 @@ import { startOfMonth as _ } from "date-fns/startOfMonth";
 import { subMonths as y } from "date-fns/subMonths";
 import { endOfMonth as M } from "date-fns/endOfMonth";
 import { b as a, P as l } from "./Category-CevNQ03n.mjs";
-import { f as m, D as T } from "./Dialog-B4PI-_bL.mjs";
+import { f as m, D as T } from "./Dialog-CwiqpTGe.mjs";
 const i = (e) => (e.top_level_category_guid === a.INCOME || e.category_guid === a.INCOME) && !h(e), C = (e) => !i(e) && !f(e), p = (e) => l.includes(e.top_level_category_guid) || l.includes(e.category_guid), f = (e) => e.top_level_category_guid === a.TRANSFER || e.category_guid === a.TRANSFER, h = (e) => e.top_level_category_guid === a.INVESTMENTS || e.category_guid === a.INVESTMENTS, N = (e) => !i(e) && !p(e) && !f(e) && !h(e), w = (e) => e.filter((r) => r.category_guid === r.top_level_category_guid), F = (e, r) => {
   if (r === 0) return 0;
   const o = (e - r) / r;

package/dist/{SpendingLegend-CD60HCYS.mjs → SpendingLegend-DCQtF8Wf.mjs}

@@ -1,4 +1,4 @@
-import { b as T } from "./CategoryUtil-meuejJqP.mjs";
+import { b as T } from "./CategoryUtil-CCY_tiFg.mjs";
 import { b as p } from "./Category-CevNQ03n.mjs";
 import { jsxs as f, Fragment as w, jsx as m } from "react/jsx-runtime";
 import _ from "react";
@@ -7,37 +7,37 @@ import k from "@mui/material/Button";
 import h from "@mui/material/Stack";
 import { useTheme as M } from "@mui/material/styles";
 import { CategoryIcon as A, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
-import { D as $ } from "./Donut-Dmy3JTWd.mjs";
-import { u as j } from "./useAriaLive-B3_pRUio.mjs";
-import { u as R } from "./hooks-ZMp65DFz.mjs";
+import { D as $ } from "./Donut-DKY8mL3P.mjs";
+import { u as j } from "./useAriaLive-MkYebyUR.mjs";
+import { u as R } from "./hooks-BUCn6FeJ.mjs";
 import { u as v } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
 import B from "@mui/material/Box";
-const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
+const D = 5, H = (i, l, g, d) => d.reduce((t, n) => {
   const a = i.find((s) => s.guid === n.category_guid);
   if (!a) return t;
   const o = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === o);
   if (!r) return t;
-  const d = {
+  const c = {
     guid: a.guid,
     name: a.guid === o ? `${l.parent_category_totals_label_general} ${a.name}` : a.name,
     color: T(r.guid, g),
     amount: n.total
   }, e = t.find((s) => s.guid === o);
-  return e ? (e.amount += n.total, e.categoryTotals?.push(d)) : t.push({
+  return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : t.push({
     guid: o,
     name: r.name,
     color: T(r.guid, g),
-    categoryTotals: [d],
+    categoryTotals: [c],
     amount: n.total
   }), t;
-}, []), no = (i, l, g, c) => {
-  const t = H(i, l, g, c), n = t.filter(
+}, []), no = (i, l, g, d) => {
+  const t = H(i, l, g, d), n = t.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
   ).sort((e, s) => s.amount - e.amount), a = n.reduce(
     (e, s) => e + s.amount,
     0
-  ), o = n.length > D ? D : n.length, r = n.slice(0, o), d = r.map((e) => ({
+  ), o = n.length > D ? D : n.length, r = n.slice(0, o), c = r.map((e) => ({
     id: e.guid,
     color: T(e.guid, g),
     label: e.name,
@@ -54,7 +54,7 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
       name: l.saving_goal_other,
       categoryTotals: e,
       amount: s
-    }), d.push({
+    }), c.push({
       id: "other",
       color: g.palette.categories.others || "",
       label: l.saving_goal_other,
@@ -63,15 +63,15 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
   }
   return {
     categoryData: r,
-    donutData: d,
+    donutData: c,
     totalAmount: a
   };
 }, eo = (i, l, g) => {
-  const c = i.filter(
+  const d = i.filter(
     (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
-  ), t = l.filter((o) => c.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
+  ), t = l.filter((o) => d.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
     guid: o.category_guid,
-    name: i.find((d) => d.guid === o.category_guid)?.name,
+    name: i.find((c) => c.guid === o.category_guid)?.name,
     color: g[r],
     categoryTotals: [],
     amount: Math.abs(o.total)
@@ -93,13 +93,13 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
   data: i,
   isIncome: l = !1,
   onSelected: g,
-  onViewTransactions: c,
+  onViewTransactions: d,
   selectedId: t,
   size: n = 150,
   totalLabel: a,
   variant: o = "mini"
 }) => {
-  const { spending: r } = R(), d = M(), { isTablet: e } = v(), { announce: s, ariaLive: C } = j(), u = _.useMemo(
+  const { spending: r } = R(), c = M(), { isTablet: e } = v(), { announce: s, ariaLive: C } = j(), u = _.useMemo(
     () => t ? i.categoryData.find((b) => b.guid === t) : void 0,
     [t]
   );
@@ -109,8 +109,8 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
       s(`${u.name}: ${b}`);
     }
   }, [u, s, o]);
-  const S = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: d.palette.divider, value: 100 }], E = () => {
-    c?.(t);
+  const S = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], E = () => {
+    d?.(t);
   }, I = e ? 32 : 48;
   return /* @__PURE__ */ f(w, { children: [
     C,
@@ -161,7 +161,7 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
     ] }) }) })
   ] });
 }, ro = N(V), ao = ({ data: i, onSelected: l, selectedId: g }) => {
-  const c = (t, n) => {
+  const d = (t, n) => {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
   };
   return /* @__PURE__ */ m(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((t) => /* @__PURE__ */ f(
@@ -173,7 +173,7 @@ const D = 5, H = (i, l, g, c) => c.reduce((t, n) => {
       direction: "row",
       gap: 8,
       onClick: () => l(t.guid),
-      onKeyDown: (n) => c(n, t.guid),
+      onKeyDown: (n) => d(n, t.guid),
       role: "button",
       sx: { cursor: "pointer" },
       tabIndex: 0,