@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/accounts/index.es.js

@@ -2,88 +2,87 @@ import { jsx as e, jsxs as C, Fragment as S } from "react/jsx-runtime";
 import h from "react";
 import { observer as V } from "mobx-react-lite";
 import t1 from "@mui/material/Stack";
-import { Text as v, Icon as N, THEMES as c1 } from "@mxenabled/mxui";
+import { Text as v, Icon as N } from "@mxenabled/mxui";
 import { S as m1 } from "../SkeletonLoader-BaNboJjD.mjs";
-import a1 from "@mui/material/Box";
+import c1 from "@mui/material/Box";
 import W from "@mui/material/Divider";
 import O from "@mui/material/List";
 import B from "@mui/material/ListSubheader";
 import P from "@mui/system/Stack";
-import { f as s1 } from "../NumberFormatting--XMeeBfr.mjs";
-import { useTheme as y1, alpha as w1 } from "@mui/material/styles";
-import { u as R, A as x1 } from "../AccountDetailsHeader-CfdnKyJK.mjs";
+import { f as a1 } from "../NumberFormatting--XMeeBfr.mjs";
+import { useTheme as p1, alpha as x1 } from "@mui/material/styles";
+import { u as R, A as w1 } from "../AccountDetailsHeader-DIysk_4w.mjs";
 import { L as R1 } from "../LineChart-CejWS_rh.mjs";
-import { g as S1, a as T1, b as E1 } from "../SpendingData-PKlh8caU.mjs";
-import { l as D1, u as A, d as D, g as k, h as p1, a as _1, b as G } from "../hooks-BaO_gOI6.mjs";
-import { A as I, g as f, N as L1 } from "../Account-BaJmiJAG.mjs";
-import { I as f1, P as g1, S as H1 } from "../Account-BxHMlV9R.mjs";
-import { a as k1, b as I1 } from "../AccountFields-CAy0x_4i.mjs";
-import { g as c2 } from "../AccountFields-CAy0x_4i.mjs";
-import { A as U } from "../AccountListItem-BYyeeCf6.mjs";
-import l1 from "@mui/material/Tab";
+import { g as S1, a as T1, b as D1 } from "../SpendingData-PKlh8caU.mjs";
+import { l as E1, u as A, d as E, g as k, h as _1, a as L1, b as G } from "../hooks-BaO_gOI6.mjs";
+import { A as I, g as f, N as f1 } from "../Account-BaJmiJAG.mjs";
+import { I as g1, P as H1, S as v1 } from "../Account-BxHMlV9R.mjs";
+import { a as k1, b as I1 } from "../AccountFields-mwJ8NXsX.mjs";
+import { g as n2 } from "../AccountFields-mwJ8NXsX.mjs";
+import { A as U } from "../AccountListItem-BDXHs4tV.mjs";
+import s1 from "@mui/material/Tab";
 import Z1 from "@mui/material/Tabs";
 import N1 from "@mui/material/Switch";
-import E from "@mui/material/ListItem";
+import D from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemText";
 import { b as H } from "../Localization-DnoVyBNK.mjs";
-import { A as x } from "../Analytics-CzGzz_sE.mjs";
-import { D as e1 } from "../Dialog-iLlBR8TG.mjs";
-import { D as n1 } from "../Drawer-XPaLYjiO.mjs";
+import { A as w } from "../Analytics-CzGzz_sE.mjs";
+import { D as e1 } from "../Dialog-CwWc0AbH.mjs";
+import { D as n1 } from "../Drawer-BXqqBMxg.mjs";
 import j from "@mui/material/ListItemAvatar";
-import O1 from "@mui/material/styles/useTheme";
-import { Language as F1, Error as v1, CheckCircle as P1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-DgfsTpyW.mjs";
-import { fromUnixTime as W1 } from "date-fns/fromUnixTime";
-import { isToday as B1 } from "date-fns/isToday";
-import { isYesterday as U1 } from "date-fns/isYesterday";
-import { f as r1, D as d1 } from "../DateFormats-HudZ3Bjs.mjs";
+import { Language as O1, Error as b1, CheckCircle as F1 } from "@mxenabled/mx-icons";
+import { C as z } from "../ConnectDrawer-Cnjr3Ddg.mjs";
+import { fromUnixTime as P1 } from "date-fns/fromUnixTime";
+import { isToday as W1 } from "date-fns/isToday";
+import { isYesterday as B1 } from "date-fns/isYesterday";
+import { f as l1, D as r1 } from "../DateFormats-HudZ3Bjs.mjs";
 import { I as X } from "../IconBacking-DgT8DCeh.mjs";
-import { addMonths as $1 } from "date-fns/addMonths";
-import { AdapterDateFns as G1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as z1 } from "@mui/x-date-pickers/DateCalendar";
-import K1 from "@mui/material/FormControl";
-import Y1 from "@mui/material/InputLabel";
-import { LocalizationProvider as j1 } from "@mui/x-date-pickers-pro";
-import X1 from "@mui/material/MenuItem";
-import J1 from "@mui/material/Select";
-import q1 from "@mui/material/TextField";
+import { addMonths as U1 } from "date-fns/addMonths";
+import { AdapterDateFns as $1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as G1 } from "@mui/x-date-pickers/DateCalendar";
+import z1 from "@mui/material/FormControl";
+import K1 from "@mui/material/InputLabel";
+import { LocalizationProvider as Y1 } from "@mui/x-date-pickers-pro";
+import d1 from "@mui/material/MenuItem";
+import j1 from "@mui/material/Select";
+import X1 from "@mui/material/TextField";
 import { F as J } from "../Accounts-CseLC3lL.mjs";
-import { M as s2 } from "../Accounts-CseLC3lL.mjs";
-import { C as Q1 } from "../CurrencyInput-B59ugxPN.mjs";
-import e3 from "@mui/material/Alert";
-import t3 from "@mui/material/AlertTitle";
-import n3 from "@mui/material/Link";
-import o3 from "@mui/material/Paper";
-import { endOfToday as i3, subDays as c3, startOfToday as a3 } from "date-fns";
-import { T as s3 } from "../EmbeddedCard-BNl3quCs.mjs";
-import { T as l3 } from "../TransactionDetails-CbBSxdOi.mjs";
+import { M as i2 } from "../Accounts-CseLC3lL.mjs";
+import { C as J1 } from "../CurrencyInput-adTIRtL3.mjs";
+import q1 from "@mui/material/Alert";
+import Q1 from "@mui/material/AlertTitle";
+import e3 from "@mui/material/Link";
+import t3 from "@mui/material/Paper";
+import { endOfToday as n3, subDays as o3, startOfToday as i3 } from "date-fns";
+import { T as c3 } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as a3 } from "../TransactionDetails-C3dlAzYf.mjs";
 import { T as u1 } from "../TabContentContainer-CnMXkVqr.mjs";
-import { C as r3 } from "../ConnectionsDrawer-D7IXAza2.mjs";
-import { u as b1 } from "../useScreenSize-CeFhWTt_.mjs";
+import { C as s3 } from "../ConnectionsDrawer-CtfPXk0M.mjs";
+import { u as V1 } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as o1 } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as i1 } from "../Loader-CxeBwuPG.mjs";
-import { W as d3 } from "../WidgetContainer-CYcmwsSu.mjs";
-import { M as V1 } from "../MiniWidgetContainer-BdPiUU-u.mjs";
-const u3 = (t, o) => {
-  const n = f1.includes(o) ? S1(t) : [], c = g1.includes(o) ? T1(t) : [], i = H1.includes(o) ? E1(t) : [];
+import { W as l3 } from "../WidgetContainer-DNuz_s7W.mjs";
+import { M as A1 } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+const r3 = (t, o) => {
+  const n = g1.includes(o) ? S1(t) : [], c = H1.includes(o) ? T1(t) : [], i = v1.includes(o) ? D1(t) : [];
   return [n, c, i].filter((l) => l.length > 0);
-}, C3 = (t, o, n) => {
+}, d3 = (t, o, n) => {
   const [c, i] = t, l = c, d = i ?? c, a = [];
-  if (l && d && f1.includes(o)) {
+  if (l && d && g1.includes(o)) {
     const r = l[l.length - 1].y;
     a.push({ label: n.income_label, amount: r });
-  } else if (g1.includes(o)) {
+  } else if (H1.includes(o)) {
     const r = l[l.length - 1].y;
     a.push({ label: n.payments_label, amount: r });
   }
-  if (d && H1.includes(o)) {
+  if (d && v1.includes(o)) {
     const r = d[d.length - 1].y;
     a.push({ label: n.spending_label, amount: r });
   }
   return a;
-}, h3 = () => {
-  const t = y1(), { selectedAccount: o } = R(), { monthlyCategoryTotals: n } = D1(), { trends: c } = A(), i = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = u3(n, o.account_type), d = C3(l, o.account_type, c), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
+}, u3 = () => {
+  const t = p1(), { selectedAccount: o } = R(), { monthlyCategoryTotals: n } = E1(), { trends: c } = A(), i = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = r3(n, o.account_type), d = d3(l, o.account_type, c), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
     R1,
     {
@@ -103,7 +102,7 @@ const u3 = (t, o) => {
       valueFormatterString: "0,0"
     }
   ) });
-}, m3 = V(h3), q = ({
+}, C3 = V(u3), q = ({
   ariaPressed: t,
   children: o,
   isLast: n = !1,
@@ -111,7 +110,7 @@ const u3 = (t, o) => {
   primaryText: i,
   secondaryText: l
 }) => /* @__PURE__ */ e(
-  E,
+  D,
   {
     sx: {
       backgroundColor: "background.paper",
@@ -131,17 +130,17 @@ const u3 = (t, o) => {
       o
     ] })
   }
-), p3 = () => {
-  const { accounts: t } = D(), { selectedAccount: o, selectedMember: n } = R();
+), h3 = () => {
+  const { accounts: t } = E(), { selectedAccount: o, selectedMember: n } = R();
   return t.filter(
     (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
   );
-}, _3 = () => {
-  const [t, o] = h.useState(!1), [n, c] = h.useState(!1), [i, l] = h.useState(!1), [d, a] = h.useState({}), { selectedAccount: r } = R(), { mergeAccounts: L, updateAccount: m } = D(), { accounts: s } = A(), _ = p3(), { onEvent: M } = k(), { modifyTransactionByAccountGuid: w } = p1(), y = async (u) => {
+}, m3 = () => {
+  const [t, o] = h.useState(!1), [n, c] = h.useState(!1), [i, l] = h.useState(!1), [d, a] = h.useState({}), { selectedAccount: r } = R(), { mergeAccounts: L, updateAccount: m } = E(), { accounts: s } = A(), _ = h3(), { onEvent: y } = k(), { modifyTransactionByAccountGuid: x } = _1(), M = async (u) => {
     await m({
       ...r,
       ...u
-    }), "is_closed" in u && u.is_closed !== r.is_closed && w(r.guid, { accountIsClosed: u.is_closed });
+    }), "is_closed" in u && u.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: u.is_closed });
   }, p = () => {
     L([r.guid, d.guid]).finally(
       () => c(!1)
@@ -154,7 +153,7 @@ const u3 = (t, o) => {
       {
         ariaPressed: r.is_hidden,
         onClick: () => {
-          y({ is_hidden: !r.is_hidden }), M(x.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          M({ is_hidden: !r.is_hidden }), y(w.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
         primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
         secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
@@ -165,7 +164,7 @@ const u3 = (t, o) => {
       q,
       {
         onClick: () => {
-          o(!0), M(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), y(w.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
@@ -184,7 +183,7 @@ const u3 = (t, o) => {
               onClose: () => {
                 o(!1);
               },
-              onPrimaryAction: () => y({ is_closed: !r.is_closed }),
+              onPrimaryAction: () => M({ is_closed: !r.is_closed }),
               children: /* @__PURE__ */ e(v, { truncate: !1, children: H(
                 r.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
                 r.name
@@ -199,7 +198,7 @@ const u3 = (t, o) => {
       {
         isLast: !0,
         onClick: () => {
-          c(!0), M(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          c(!0), y(w.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
@@ -267,7 +266,7 @@ const u3 = (t, o) => {
       }
     )
   ] });
-}, L3 = V(_3), A1 = (t, o) => {
+}, p3 = V(m3), y1 = (t, o) => {
   const { connection_messages: n } = o;
   switch (t.connection_status) {
     case f.CHALLENGED:
@@ -404,11 +403,11 @@ const u3 = (t, o) => {
       };
     default: {
       const c = () => {
-        const i = t.successfully_aggregated_at ? W1(t.successfully_aggregated_at) : void 0, l = i && r1(i, d1.TIME_STAMP_HOUR_MINUTE);
+        const i = t.successfully_aggregated_at ? P1(t.successfully_aggregated_at) : void 0, l = i && l1(i, r1.TIME_STAMP_HOUR_MINUTE);
         if (l)
-          return B1(i) ? H(o.last_updated_at, o.today, l) : U1(i) ? H(o.last_updated_at, o.yesterday, l) : H(
+          return W1(i) ? H(o.last_updated_at, o.today, l) : B1(i) ? H(o.last_updated_at, o.yesterday, l) : H(
             o.last_updated_at,
-            r1(i, d1.MONTH_DAY_YEAR),
+            l1(i, r1.MONTH_DAY_YEAR),
             l
           );
       };
@@ -425,25 +424,25 @@ const u3 = (t, o) => {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, f3 = () => {
+}, _3 = () => {
   const [t, o] = h.useState(!1), {
     palette: { mode: n }
-  } = O1(), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = A1(c, l), a = L1.includes(c.connection_status) ? {
+  } = p1(), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = y1(c, l), a = f1.includes(c.connection_status) ? {
     color: "error.main",
     ctaCopy: d.cta ?? "",
-    icon: /* @__PURE__ */ e(v1, { filled: !0, sx: { ...Q } }),
+    icon: /* @__PURE__ */ e(b1, { filled: !0, sx: { ...Q } }),
     mainMessage: d.statusName,
     secondaryMessage: `${d.title}.`
   } : {
     color: "success.main",
-    icon: /* @__PURE__ */ e(P1, { filled: !0, sx: { ...Q } }),
+    icon: /* @__PURE__ */ e(F1, { filled: !0, sx: { ...Q } }),
     mainMessage: d.statusName,
     secondaryMessage: d.title
   };
   return /* @__PURE__ */ C(S, { children: [
     /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(v, { bold: !0, component: "h2", variant: "caption", children: i.connection_status }) }),
     /* @__PURE__ */ e(
-      E,
+      D,
       {
         sx: {
           backgroundColor: "background.paper",
@@ -479,7 +478,7 @@ const u3 = (t, o) => {
       }
     ),
     !c.is_manual && c.institution_url && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-      E,
+      D,
       {
         sx: {
           backgroundColor: "background.paper",
@@ -491,16 +490,16 @@ const u3 = (t, o) => {
             X,
             {
               backingSx: {
-                backgroundColor: n === c1.LIGHT ? "grey.300" : "grey.700",
+                backgroundColor: n === "light" ? "grey.300" : "grey.700",
                 borderRadius: 1
               },
               size: 32,
               children: /* @__PURE__ */ e(
-                F1,
+                O1,
                 {
                   sx: {
                     ...Q,
-                    color: n === c1.LIGHT ? "grey.900" : "common.white"
+                    color: n === "light" ? "grey.900" : "common.white"
                   }
                 }
               )
@@ -521,35 +520,40 @@ const u3 = (t, o) => {
       }
     )
   ] });
-}, g3 = V(f3), H3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = D(), { selectedAccount: i } = R(), { accounts: l } = A(), [d, a] = h.useState(i[t.name]), [r, L] = h.useState(""), [m, s] = h.useState(!0), _ = () => {
+}, L3 = V(_3), f3 = ({ field: t, isOpen: o, onClose: n }) => {
+  const { updateAccount: c } = E(), { selectedAccount: i } = R(), { accounts: l } = A(), [d, a] = h.useState(i[t.name]), [r, L] = h.useState(""), [m, s] = h.useState(!0), _ = () => {
     a(""), L(""), n();
-  }, M = () => {
+  }, y = () => {
     switch (t.type) {
       case J.Select:
-        return /* @__PURE__ */ C(K1, { fullWidth: !0, children: [
-          /* @__PURE__ */ e(Y1, { id: `${t.label}-select-label`, children: t.label }),
-          /* @__PURE__ */ e(
-            J1,
+        return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
+          /* @__PURE__ */ e(K1, { id: `${t.label}-select-label`, children: t.label }),
+          /* @__PURE__ */ C(
+            j1,
             {
+              displayEmpty: !0,
               id: `${t.label}-select`,
-              inputProps: {
-                sx: {
-                  backgroundColor: "background.paper"
-                }
-              },
               label: t.label,
               labelId: `${t.label}-select-label`,
               onChange: (p) => a(p.target.value),
-              placeholder: t.placeholder,
+              slotProps: {
+                input: {
+                  sx: {
+                    backgroundColor: "background.paper"
+                  }
+                }
+              },
               value: d,
-              children: t.options?.map((p) => /* @__PURE__ */ e(X1, { value: p.value, children: p.label }, p.value))
+              children: [
+                !d && /* @__PURE__ */ e(d1, { disabled: !0, value: "", children: t.placeholder }),
+                t.options?.map((p) => /* @__PURE__ */ e(d1, { value: p.value, children: p.label }, p.value))
+              ]
             }
           )
         ] });
       case J.Currency:
         return /* @__PURE__ */ e(
-          Q1,
+          J1,
           {
             amount: d || "",
             ariaLabel: t.placeholder,
@@ -561,10 +565,10 @@ const u3 = (t, o) => {
           }
         );
       case J.Date:
-        return /* @__PURE__ */ e(j1, { dateAdapter: G1, children: /* @__PURE__ */ e(
-          z1,
+        return /* @__PURE__ */ e(Y1, { dateAdapter: $1, children: /* @__PURE__ */ e(
+          G1,
           {
-            maxDate: $1(/* @__PURE__ */ new Date(), 1),
+            maxDate: U1(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
             onChange: (p) => {
               i[t.name] && Number(i[t.name]) <= 31 ? a(p.getDate()) : a(p);
@@ -576,7 +580,7 @@ const u3 = (t, o) => {
               "& .MuiPickersArrowSwitcher-button": {
                 color: "primary.lighter",
                 "&:hover": {
-                  backgroundColor: (p) => w1(p.palette.primary.light, 0.1)
+                  backgroundColor: (p) => x1(p.palette.primary.light, 0.1)
                 }
               }
             },
@@ -585,26 +589,28 @@ const u3 = (t, o) => {
         ) });
       default:
         return /* @__PURE__ */ e(
-          q1,
+          X1,
           {
             defaultValue: i[t.name],
             error: !!r,
             fullWidth: !0,
             helperText: r,
-            inputProps: {
-              "aria-label": t.placeholder
-            },
-            onChange: y,
-            placeholder: t.placeholder
+            onChange: M,
+            placeholder: t.placeholder,
+            slotProps: {
+              htmlInput: {
+                "aria-label": t.placeholder
+              }
+            }
           }
         );
     }
-  }, w = () => {
+  }, x = () => {
     i[t.name] !== d && c({
       ...i,
       [t.name]: d
     }), _();
-  }, y = (p) => {
+  }, M = (p) => {
     a(p.target.value), t.validation && L(t.validation(p.target.value));
   };
   return /* @__PURE__ */ e(
@@ -617,7 +623,7 @@ const u3 = (t, o) => {
       disablePrimaryButton: !!r || !m,
       isOpen: o,
       onClose: _,
-      onPrimaryAction: w,
+      onPrimaryAction: x,
       primaryText: l.save,
       sx: {
         "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
@@ -626,16 +632,16 @@ const u3 = (t, o) => {
           outlineOffset: "2px"
         }
       },
-      children: M()
+      children: y()
     }
   );
-}, v3 = V(H3), b3 = () => {
+}, g3 = V(f3), H3 = () => {
   const t = window.app?.config, { onEvent: o } = k(), { selectedAccount: n } = R(), { accounts: c } = A(), i = k1(n, c), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [d, a] = h.useState(!1), [r, L] = h.useState(i[0]), m = i.filter(
     (s) => l || n[s.name] || n[s.name] === 0
   );
   return /* @__PURE__ */ C(S, { children: [
     m.map((s) => {
-      const _ = n[s.name] || n[s.name] === 0, M = m.indexOf(s) === m.length - 1, w = /* @__PURE__ */ e(
+      const _ = n[s.name] || n[s.name] === 0, y = m.indexOf(s) === m.length - 1, x = /* @__PURE__ */ e(
         Z,
         {
           disableTypography: !0,
@@ -644,7 +650,7 @@ const u3 = (t, o) => {
         }
       );
       return /* @__PURE__ */ e(h.Fragment, { children: l ? /* @__PURE__ */ e(
-        E,
+        D,
         {
           sx: {
             backgroundColor: "background.paper",
@@ -655,7 +661,7 @@ const u3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: M ? 0 : 24,
+              left: y ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
@@ -667,14 +673,14 @@ const u3 = (t, o) => {
                 L(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
               },
               children: [
-                w,
+                x,
                 /* @__PURE__ */ e(N, { name: "chevron_right" })
               ]
             }
           )
         }
       ) : _ && /* @__PURE__ */ e(
-        E,
+        D,
         {
           sx: {
             backgroundColor: "background.paper",
@@ -685,17 +691,17 @@ const u3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: M ? 0 : 24,
+              left: y ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
           },
-          children: w
+          children: x
         }
       ) }, s.name);
     }),
     d && r && /* @__PURE__ */ e(
-      v3,
+      g3,
       {
         field: r,
         isOpen: d,
@@ -703,22 +709,22 @@ const u3 = (t, o) => {
       }
     )
   ] });
-}, V3 = V(b3), A3 = () => {
+}, v3 = V(H3), b3 = () => {
   const { onEvent: t } = k();
-  return h.useEffect(() => t(x.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
-    /* @__PURE__ */ e(V3, {}),
-    /* @__PURE__ */ e(g3, {}),
-    /* @__PURE__ */ e(L3, {})
+  return h.useEffect(() => t(w.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
+    /* @__PURE__ */ e(v3, {}),
+    /* @__PURE__ */ e(L3, {}),
+    /* @__PURE__ */ e(p3, {})
   ] });
-}, M3 = V(A3), y3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = c.connection_status && L1.includes(c.connection_status);
+}, V3 = V(b3), A3 = ({ setTabValue: t }) => {
+  const [o, n] = h.useState(!1), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = c.connection_status && f1.includes(c.connection_status);
   if (h.useEffect(() => {
     d && t(1);
   }, [d]), !d) return;
-  const a = A1(c, l);
+  const a = y1(c, l);
   return /* @__PURE__ */ C(S, { children: [
     /* @__PURE__ */ e(
-      o3,
+      t3,
       {
         sx: {
           mb: 16,
@@ -726,9 +732,9 @@ const u3 = (t, o) => {
           mx: 24
         },
         children: /* @__PURE__ */ C(
-          e3,
+          q1,
           {
-            icon: /* @__PURE__ */ e(v1, { filled: !0 }),
+            icon: /* @__PURE__ */ e(b1, { filled: !0 }),
             role: "none",
             severity: "error",
             sx: {
@@ -742,10 +748,10 @@ const u3 = (t, o) => {
               }
             },
             children: [
-              a.title && /* @__PURE__ */ e(t3, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: a.title }),
-              /* @__PURE__ */ e(v, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: a.main }),
+              a.title && /* @__PURE__ */ e(Q1, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: a.title }),
+              /* @__PURE__ */ e(v, { component: "p", variant: "subtitle2", children: a.main }),
               a.cta && /* @__PURE__ */ e(
-                n3,
+                e3,
                 {
                   onClick: () => n(!0),
                   sx: { fontSize: 15, fontWeight: 600, ml: 0 },
@@ -767,8 +773,8 @@ const u3 = (t, o) => {
       }
     )
   ] });
-}, w3 = V(y3), x3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = k(), { selectedAccount: c } = R(), { accounts: i } = A(), { isTransactionDataLoaded: l, loadTransactionData: d, setFilter: a, sortedTransactions: r } = p1();
+}, y3 = V(A3), M3 = () => {
+  const [t, o] = h.useState(""), { onEvent: n } = k(), { selectedAccount: c } = R(), { accounts: i } = A(), { isTransactionDataLoaded: l, loadTransactionData: d, setFilter: a, sortedTransactions: r } = _1();
   h.useEffect(() => {
     l || d().finally();
   }, []);
@@ -778,11 +784,11 @@ const u3 = (t, o) => {
   );
   return h.useEffect(() => {
     a({
-      dateRange: { start: c3(a3(), 90), end: i3() },
+      dateRange: { start: o3(i3(), 90), end: n3() },
       accounts: [c.guid]
     });
-  }, [c]), h.useEffect(() => n(x.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(s3, { onClick: o }),
+  }, [c]), h.useEffect(() => n(w.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(S, { children: [
+    /* @__PURE__ */ e(c3, { onClick: o }),
     L && /* @__PURE__ */ e(
       n1,
       {
@@ -790,14 +796,14 @@ const u3 = (t, o) => {
         isOpen: !!t,
         onClose: () => o(""),
         title: i.transaction_drawer_title,
-        children: /* @__PURE__ */ e(l3, { transaction: L })
+        children: /* @__PURE__ */ e(a3, { transaction: L })
       }
     )
   ] });
-}, R3 = V(x3), S3 = () => {
+}, x3 = V(M3), w3 = () => {
   const [t, o] = h.useState(0), { accounts: n } = A();
   return /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(w3, { setTabValue: o }),
+    /* @__PURE__ */ e(y3, { setTabValue: o }),
     /* @__PURE__ */ C(
       Z1,
       {
@@ -809,7 +815,7 @@ const u3 = (t, o) => {
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            l1,
+            s1,
             {
               "aria-controls": "transaction-details-tabpanel-0",
               id: "transaction-details-tab-0",
@@ -817,7 +823,7 @@ const u3 = (t, o) => {
             }
           ),
           /* @__PURE__ */ e(
-            l1,
+            s1,
             {
               "aria-controls": "account-details-tabpanel-1",
               id: "account-details-tab-1",
@@ -827,20 +833,20 @@ const u3 = (t, o) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(u1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(R3, {}) }),
-    /* @__PURE__ */ e(u1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(M3, {}) })
+    /* @__PURE__ */ e(u1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(x3, {}) }),
+    /* @__PURE__ */ e(u1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
   ] });
-}, T3 = V(S3), E3 = () => {
-  const [t, o] = h.useState(""), { config: n } = _1(), { accounts: c } = A(), { allSelectedAccounts: i } = G(), { setSelectedAccount: l, setSelectedMember: d } = R(), { members: a } = D(), { onEvent: r } = k(), L = [...new Set(i.map((u) => u.account_type))], m = i.find((u) => t === u.guid), s = h.useMemo(
+}, R3 = V(w3), S3 = () => {
+  const [t, o] = h.useState(""), { config: n } = L1(), { accounts: c } = A(), { allSelectedAccounts: i } = G(), { setSelectedAccount: l, setSelectedMember: d } = R(), { members: a } = E(), { onEvent: r } = k(), L = [...new Set(i.map((u) => u.account_type))], m = i.find((u) => t === u.guid), s = h.useMemo(
     () => i.filter((u) => u.is_hidden),
     [i]
   ), _ = h.useMemo(
     () => i.filter((u) => u.is_closed),
     [i]
-  ), M = s.reduce(
+  ), y = s.reduce(
     (u, g) => (g.available_balance || g.balance || 0) + u,
     0
-  ), w = I1(
+  ), x = I1(
     _,
     c,
     n.display_available_balance_in_accounts
@@ -852,14 +858,14 @@ const u3 = (t, o) => {
       u && d(u);
     }
   }, [m, t]);
-  const y = (u) => {
-    o(u.guid), r(x.ACCOUNTS_CLICK_ACCOUNT, {
+  const M = (u) => {
+    o(u.guid), r(w.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: u.guid,
       account_type: u.account_type
     });
   }, p = (u) => {
-    const g = u === "hidden" ? s : _, K = u === "hidden" ? M : w, b = u === "hidden" ? c.account_hidden : c.account_closed;
-    return /* @__PURE__ */ e(a1, { children: /* @__PURE__ */ e(
+    const g = u === "hidden" ? s : _, K = u === "hidden" ? y : x, b = u === "hidden" ? c.account_hidden : c.account_closed;
+    return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
       O,
       {
         "aria-label": b,
@@ -871,7 +877,7 @@ const u3 = (t, o) => {
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
               /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: b }),
-              /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: s1(K, "0,0.00") })
+              /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a1(K, "0,0.00") })
             ]
           }
         ) }),
@@ -882,7 +888,7 @@ const u3 = (t, o) => {
               U,
               {
                 account: T,
-                onRowClick: () => y(T),
+                onRowClick: () => M(T),
                 shouldShowConnectionStatus: !0
               }
             ),
@@ -908,7 +914,7 @@ const u3 = (t, o) => {
       }
     ) });
   };
-  return /* @__PURE__ */ C(a1, { children: [
+  return /* @__PURE__ */ C(c1, { children: [
     L.map((u) => {
       const g = i.filter(
         (b) => b.account_type === u && !b.is_closed && !b.is_hidden
@@ -928,7 +934,7 @@ const u3 = (t, o) => {
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
                 /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: c.account_types[u] }),
-                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: s1(K, "0,0.00") })
+                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a1(K, "0,0.00") })
               ]
             }
           ) }),
@@ -939,7 +945,7 @@ const u3 = (t, o) => {
                 U,
                 {
                   account: b,
-                  onRowClick: () => y(b),
+                  onRowClick: () => M(b),
                   shouldShowConnectionStatus: !0
                 }
               ),
@@ -968,14 +974,14 @@ const u3 = (t, o) => {
         onClose: () => o(""),
         title: c.account_details,
         children: [
-          /* @__PURE__ */ e(x1, { ChartComponent: m3 }),
-          /* @__PURE__ */ e(T3, {})
+          /* @__PURE__ */ e(w1, { ChartComponent: C3 }),
+          /* @__PURE__ */ e(R3, {})
         ]
       }
     )
   ] });
-}, D3 = V(E3), k3 = ({ onBackClick: t, onMenuClick: o, sx: n = {} }) => {
-  const [c, i] = h.useState(!1), [l, d] = h.useState(!1), { config: a } = _1(), { isAccountDataLoaded: r, loadAccountData: L } = D(), { accounts: m, connect: s } = A(), { isInitialized: _, selectedAccountGuids: M } = G(), { isDesktop: w } = b1(), { onEvent: y } = k();
+}, T3 = V(S3), D3 = ({ onBackClick: t, onMenuClick: o, sx: n = {} }) => {
+  const [c, i] = h.useState(!1), [l, d] = h.useState(!1), { config: a } = L1(), { isAccountDataLoaded: r, loadAccountData: L } = E(), { accounts: m, connect: s } = A(), { isInitialized: _, selectedAccountGuids: y } = G(), { isDesktop: x } = V1(), { onEvent: M } = k();
   o1({
     widgetName: "AccountsWidget",
     isLoaded: r
@@ -983,12 +989,12 @@ const u3 = (t, o) => {
     r || L().finally();
   }, []);
   const p = () => {
-    i(!0), y(x.ACCOUNTS_CLICK_CONNECT);
+    i(!0), M(w.ACCOUNTS_CLICK_CONNECT);
   }, u = () => {
-    d(!0), y(x.ACCOUNTS_CLICK_CONNECT);
+    d(!0), M(w.ACCOUNTS_CLICK_CONNECT);
   };
   return _ ? /* @__PURE__ */ C(
-    d3,
+    l3,
     {
       actions: a.show_connections_widget_in_master ? [
         { iconName: "add", label: m.add, onClick: p },
@@ -999,16 +1005,16 @@ const u3 = (t, o) => {
         }
       ] : [],
       hasDivider: !0,
-      onAccountsFilterClick: () => y(x.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => M(w.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       onMenuClick: o,
       sx: n,
       title: m.title,
       children: [
         r ? /* @__PURE__ */ C(t1, { children: [
-          M.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: m.no_accounts }),
-          /* @__PURE__ */ e(D3, {})
-        ] }) : /* @__PURE__ */ e(m1, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
+          y.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: m.no_accounts }),
+          /* @__PURE__ */ e(T3, {})
+        ] }) : /* @__PURE__ */ e(m1, { sx: { px: x ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
           z,
           {
@@ -1018,7 +1024,7 @@ const u3 = (t, o) => {
           }
         ),
         /* @__PURE__ */ e(
-          r3,
+          s3,
           {
             onClose: () => d(!1),
             showConnectionsWidget: l,
@@ -1028,8 +1034,8 @@ const u3 = (t, o) => {
       ]
     }
   ) : /* @__PURE__ */ e(i1, {});
-}, e2 = V(k3);
-function I3(t) {
+}, J4 = V(D3);
+function E3(t) {
   const { heldAccounts: o, externalAccounts: n } = t.reduce(
     (c, i) => (i.member_is_managed_by_user ? c.externalAccounts.push(i) : c.heldAccounts.push(i), c),
     { heldAccounts: [], externalAccounts: [] }
@@ -1039,21 +1045,21 @@ function I3(t) {
     externalAccounts: h1(n)
   };
 }
-function Z3(t, o) {
-  const { heldAccounts: n, externalAccounts: c } = I3(t), i = n.slice(0, o);
+function k3(t, o) {
+  const { heldAccounts: n, externalAccounts: c } = E3(t), i = n.slice(0, o);
   return i.length < o && i.push(...c.slice(0, o - i.length)), i;
 }
-const N3 = {
+const I3 = {
   [I.CHECKING]: 1,
   [I.SAVINGS]: 2,
   [I.CREDIT_CARD]: 3
-}, C1 = (t) => N3[t] ?? t + 100, h1 = (t) => t.sort((o, n) => {
+}, C1 = (t) => I3[t] ?? t + 100, h1 = (t) => t.sort((o, n) => {
   const c = C1(o.account_type), i = C1(n.account_type), l = c - i;
   if (l !== 0) return l;
   const d = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
   return d.localeCompare(a);
-}), O3 = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { isAccountDataLoaded: n, loadAccountData: c } = D(), { accounts: i } = A(), { isInitialized: l, selectedAccounts: d } = G(), { isDesktop: a } = b1();
+}), Z3 = ({ onPrimaryCtaClick: t, sx: o }) => {
+  const { isAccountDataLoaded: n, loadAccountData: c } = E(), { accounts: i } = A(), { isInitialized: l, selectedAccounts: d } = G(), { isDesktop: a } = V1();
   o1({
     widgetName: "AccountsMiniWidget",
     isLoaded: l
@@ -1061,11 +1067,11 @@ const N3 = {
     n || c().finally();
   }, []);
   const r = h.useMemo(
-    () => Z3(d, a ? 5 : 3),
+    () => k3(d, a ? 5 : 3),
     [d, a]
   );
   return l ? /* @__PURE__ */ e(
-    V1,
+    A1,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: t,
@@ -1073,7 +1079,7 @@ const N3 = {
       sx: o,
       title: i.mini_title,
       children: n ? /* @__PURE__ */ C(O, { children: [
-        d.length === 0 && /* @__PURE__ */ e(E, { sx: { justifyContent: "center" }, children: i.no_accounts }),
+        d.length === 0 && /* @__PURE__ */ e(D, { sx: { justifyContent: "center" }, children: i.no_accounts }),
         r.map((L, m) => {
           const s = r.indexOf(L) === r.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
@@ -1091,7 +1097,7 @@ const N3 = {
       ] }) : /* @__PURE__ */ e(m1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
   ) : /* @__PURE__ */ e(i1, {});
-}, t2 = V(O3), F3 = () => /* @__PURE__ */ C(
+}, q4 = V(Z3), N3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -1530,15 +1536,14 @@ const N3 = {
       )
     ]
   }
-), P3 = () => {
+), O3 = () => {
   const { connect: t } = A();
   return /* @__PURE__ */ C(t1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(F3, {}),
+    /* @__PURE__ */ e(N3, {}),
     /* @__PURE__ */ e(
       v,
       {
         sx: {
-          whiteSpace: "wrap",
           mt: 16,
           textAlign: "center"
         },
@@ -1547,7 +1552,7 @@ const N3 = {
       }
     )
   ] });
-}, W3 = V(P3), B3 = ({
+}, F3 = V(O3), P3 = ({
   onPrimaryCtaClick: t = () => {
   },
   sx: o
@@ -1559,7 +1564,7 @@ const N3 = {
     widgetName: "ConnectMiniWidget",
     isLoaded: n
   }), n ? /* @__PURE__ */ C(
-    V1,
+    A1,
     {
       className: "mx-exp-connect-miniwidget",
       onPrimaryCtaClick: d,
@@ -1567,7 +1572,7 @@ const N3 = {
       sx: o,
       title: c.mini_title,
       children: [
-        /* @__PURE__ */ e(W3, {}),
+        /* @__PURE__ */ e(F3, {}),
         i && /* @__PURE__ */ e(
           z,
           {
@@ -1579,17 +1584,17 @@ const N3 = {
       ]
     }
   ) : /* @__PURE__ */ e(i1, {});
-}, n2 = V(B3);
+}, Q4 = V(P3);
 export {
-  T3 as AccountDetailsContent,
-  x1 as AccountDetailsHeader,
-  t2 as AccountsMiniWidget,
-  e2 as AccountsWidget,
-  n2 as ConnectMiniWidget,
+  R3 as AccountDetailsContent,
+  w1 as AccountDetailsHeader,
+  q4 as AccountsMiniWidget,
+  J4 as AccountsWidget,
+  Q4 as ConnectMiniWidget,
   J as FieldType,
-  s2 as MemberConnectionStatus,
-  c2 as getAccountBalanceDetails,
+  i2 as MemberConnectionStatus,
+  n2 as getAccountBalanceDetails,
   k1 as getAccountDetailFields,
   R as useAccountUiStore,
-  p3 as useGetMergeableAccounts
+  h3 as useGetMergeableAccounts
 };