@mx-cartographer/experiences 7.13.21 → 7.13.22-alpha.al0

package/dist/accounts/index.es.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as C, Fragment as R } from "react/jsx-runtime";
 import h from "react";
-import { observer as A } from "mobx-react-lite";
+import { observer as b } from "mobx-react-lite";
 import e1 from "@mui/material/Stack";
-import { Text as g, Icon as N, THEMES as i1 } from "@mxenabled/mxui";
+import { Text as H, Icon as N, THEMES as i1 } from "@mxenabled/mxui";
 import { S as h1 } from "../SkeletonLoader-BaNboJjD.mjs";
 import c1 from "@mui/material/Box";
 import W from "@mui/material/Divider";
@@ -10,15 +10,15 @@ import O from "@mui/material/List";
 import B from "@mui/material/ListSubheader";
 import P from "@mui/system/Stack";
 import { useTheme as V1, alpha as M1 } from "@mui/material/styles";
-import { u as w, A as y1 } from "../AccountDetailsHeader-D9gbTbUt.mjs";
-import { L as x1 } from "../LineChart-EAr5ox5U.mjs";
+import { u as w, A as y1 } from "../AccountDetailsHeader-CG9VtEpj.mjs";
+import { L as x1 } from "../LineChart-DIjY-HBq.mjs";
 import { g as w1, a as R1, b as S1 } from "../SpendingData-Bz1bCWAs.mjs";
-import { l as T1, u as M, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
+import { l as T1, u as V, d as E, f as D, h as m1, b as G, a as E1 } from "../hooks-DOWEalfb.mjs";
 import { A as I, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
 import { I as _1, P as L1, S as f1 } from "../Account-DuOz1a27.mjs";
 import { a as D1, b as k1 } from "../AccountFields-CxqONzjY.mjs";
 import { g as i4 } from "../AccountFields-CxqONzjY.mjs";
-import { A as U } from "../AccountListItem-D9WJDbZ1.mjs";
+import { A as U } from "../AccountListItem-BDFCEhSI.mjs";
 import a1 from "@mui/material/Tab";
 import I1 from "@mui/material/Tabs";
 import Z1 from "@mui/material/Switch";
@@ -27,12 +27,12 @@ import $ from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemText";
 import { A as x } from "../Analytics-BYItVAe-.mjs";
 import { D as Q } from "../Dialog-Ck34yr-d.mjs";
-import { b as f } from "../Localization-CPkpIwIx.mjs";
+import { b as g } from "../Localization-CPkpIwIx.mjs";
 import { D as t1 } from "../Drawer-Bbe4AMB1.mjs";
 import Y from "@mui/material/ListItemAvatar";
 import N1 from "@mui/material/styles/useTheme";
 import { Error as g1, CheckCircle as O1, Language as F1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { C as z } from "../ConnectDrawer-Be0RkL7I.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";
@@ -49,50 +49,50 @@ import X1 from "@mui/material/Select";
 import J1 from "@mui/material/TextField";
 import { F as X } from "../Accounts-CseLC3lL.mjs";
 import { M as a4 } from "../Accounts-CseLC3lL.mjs";
-import { C as q1 } from "../CurrencyInput-DuMktPu3.mjs";
+import { C as q1 } from "../CurrencyInput-xu9UcYZR.mjs";
 import Q1 from "@mui/material/Alert";
 import e3 from "@mui/material/AlertTitle";
 import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
-import { T as a3 } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as s3 } from "../TransactionDetails-CwqokbQo.mjs";
+import { T as a3 } from "../StatusIndicator-CnDblSmc.mjs";
+import { T as s3 } from "../TransactionDetails-DAB5arBD.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
-import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
+import { C as l3 } from "../ConnectionsDrawer-yeD_PsY1.mjs";
 import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
-import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { u as n1 } from "../useWidgetLoadTimer-DmYEMfRw.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-B7xDq2bM.mjs";
-import { M as v1 } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
+import { W as r3 } from "../WidgetContainerV2-BjOelON7.mjs";
+import { M as v1 } from "../MiniWidgetContainer-BKPN3c-6.mjs";
 import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
-import { A as d4 } from "../AccountStore-DpYvNnql.mjs";
+import { A as d4 } from "../AccountStore-Bn1eH2EU.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? w1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
-  return [n, i, c].filter((l) => l.length > 0);
+  return [n, i, c].filter((r) => r.length > 0);
 }, u3 = (t, o, n) => {
-  const [i, c] = t, l = i, u = c ?? i, a = [];
-  if (l && u && _1.includes(o)) {
-    const r = l[l.length - 1].y;
-    a.push({ label: n.income_label, amount: r });
+  const [i, c] = t, r = i, d = c ?? i, a = [];
+  if (r && d && _1.includes(o)) {
+    const l = r[r.length - 1].y;
+    a.push({ label: n.income_label, amount: l });
   } else if (L1.includes(o)) {
-    const r = l[l.length - 1].y;
-    a.push({ label: n.payments_label, amount: r });
+    const l = r[r.length - 1].y;
+    a.push({ label: n.payments_label, amount: l });
   }
-  if (u && f1.includes(o)) {
-    const r = u[u.length - 1].y;
-    a.push({ label: n.spending_label, amount: r });
+  if (d && f1.includes(o)) {
+    const l = d[d.length - 1].y;
+    a.push({ label: n.spending_label, amount: l });
   }
   return a;
 }, C3 = () => {
-  const t = V1(), { selectedAccount: o } = w(), { monthlyCategoryTotals: n } = T1(), { trends: i } = M(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
+  const t = V1(), { selectedAccount: o } = w(), { monthlyCategoryTotals: n } = T1(), { trends: i } = V(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], r = d3(n, o.account_type), d = u3(r, o.account_type, i), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
     x1,
     {
       colors: c,
-      datasets: l,
+      datasets: r,
       height: 185,
-      labels: u,
+      labels: d,
       showAverage: a,
       showAxisHighlight: !0,
       showBars: a,
@@ -105,13 +105,13 @@ const d3 = (t, o) => {
       valueFormatterString: "0,0"
     }
   ) });
-}, h3 = A(C3), J = ({
+}, h3 = b(C3), J = ({
   ariaPressed: t,
   children: o,
   isLast: n = !1,
   onClick: i,
   primaryText: c,
-  secondaryText: l
+  secondaryText: r
 }) => /* @__PURE__ */ e(
   T,
   {
@@ -129,7 +129,7 @@ const d3 = (t, o) => {
       }
     },
     children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: i, children: [
-      /* @__PURE__ */ e(Z, { primary: c, secondary: l }),
+      /* @__PURE__ */ e(Z, { primary: c, secondary: r }),
       o
     ] })
   }
@@ -139,40 +139,40 @@ const d3 = (t, o) => {
     (i) => i.member_guid === n.guid && n.successfully_aggregated_at && i.guid !== o.guid
   );
 }, p3 = () => {
-  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = w(), { mergeAccounts: p, updateAccount: _ } = E(), { accounts: s } = M(), H = m3(), { onEvent: b } = D(), { modifyTransactionByAccountGuid: V } = m1(), y = async (m) => {
+  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, r] = h.useState(!1), [d, a] = h.useState({}), { selectedAccount: l } = w(), { mergeAccounts: p, updateAccount: _ } = E(), { accounts: s } = V(), f = m3(), { onEvent: v } = D(), { modifyTransactionByAccountGuid: M } = m1(), y = async (m) => {
     await _({
-      ...r,
+      ...l,
       ...m
-    }), "is_closed" in m && m.is_closed !== r.is_closed && V(r.guid, { accountIsClosed: m.is_closed });
-  }, d = () => {
-    p([r.guid, u.guid]).finally(
+    }), "is_closed" in m && m.is_closed !== l.is_closed && M(l.guid, { accountIsClosed: m.is_closed });
+  }, u = () => {
+    p([l.guid, d.guid]).finally(
       () => i(!1)
     );
   };
   return /* @__PURE__ */ C(R, { children: [
-    /* @__PURE__ */ e(B, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: s.actions }) }),
+    /* @__PURE__ */ e(B, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(H, { bold: !0, component: "h2", variant: "caption", children: s.actions }) }),
     /* @__PURE__ */ e(
       J,
       {
-        ariaPressed: r.is_hidden,
+        ariaPressed: l.is_hidden,
         onClick: () => {
-          y({ is_hidden: !r.is_hidden }), b(x.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          y({ is_hidden: !l.is_hidden }), v(x.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: l.guid });
         },
-        primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
-        secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
-        children: /* @__PURE__ */ e(Z1, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
+        primaryText: l.is_hidden ? s.unhide_account : s.hide_Account,
+        secondaryText: l.is_hidden ? s.include_this_account : s.exclude_this_account,
+        children: /* @__PURE__ */ e(Z1, { "aria-hidden": !0, checked: l.is_hidden, tabIndex: -1 })
       }
     ),
     /* @__PURE__ */ C(
       J,
       {
         onClick: () => {
-          o(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
-            account_guid: r.guid
+          o(!0), v(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+            account_guid: l.guid
           });
         },
-        primaryText: r.is_closed ? s.mark_as_open : s.mark_as_closed,
-        secondaryText: r.is_closed ? s.this_will_set_the_closed_account : s.this_will_set_the_account_balance_to_0,
+        primaryText: l.is_closed ? s.mark_as_open : s.mark_as_closed,
+        secondaryText: l.is_closed ? s.this_will_set_the_closed_account : s.this_will_set_the_account_balance_to_0,
         children: [
           /* @__PURE__ */ e(N, { name: "chevron_right" }),
           /* @__PURE__ */ e("div", { onClick: (m) => m.stopPropagation(), children: /* @__PURE__ */ e(
@@ -180,29 +180,29 @@ const d3 = (t, o) => {
             {
               copy: {
                 close_aria: s.close_modal,
-                title: r.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
+                title: l.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
               },
               isOpen: t,
               onClose: () => {
                 o(!1);
               },
-              onPrimaryAction: () => y({ is_closed: !r.is_closed }),
-              children: /* @__PURE__ */ e(g, { truncate: !1, children: f(
-                r.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
-                r.name
+              onPrimaryAction: () => y({ is_closed: !l.is_closed }),
+              children: /* @__PURE__ */ e(H, { truncate: !1, children: g(
+                l.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
+                l.name
               ) })
             }
           ) })
         ]
       }
     ),
-    H.length > 0 && /* @__PURE__ */ e(
+    f.length > 0 && /* @__PURE__ */ e(
       J,
       {
         isLast: !0,
         onClick: () => {
-          i(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
-            account_guid: r.guid
+          i(!0), v(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+            account_guid: l.guid
           });
         },
         primaryText: s.mark_as_duplicate,
@@ -218,8 +218,8 @@ const d3 = (t, o) => {
         onClose: () => i(!1),
         title: s.mark_as_duplicate,
         children: [
-          /* @__PURE__ */ e(O, { children: H.map((m) => {
-            const k = H.indexOf(m) === H.length - 1;
+          /* @__PURE__ */ e(O, { children: f.map((m) => {
+            const k = f.indexOf(m) === f.length - 1;
             return /* @__PURE__ */ e(
               U,
               {
@@ -239,7 +239,7 @@ const d3 = (t, o) => {
                   }
                 },
                 onRowClick: () => {
-                  l(!0), a(m);
+                  r(!0), a(m);
                 }
               },
               m.guid
@@ -253,15 +253,15 @@ const d3 = (t, o) => {
                 title: s.confirm_merge
               },
               isOpen: c,
-              onClose: () => l(!1),
-              onPrimaryAction: d,
+              onClose: () => r(!1),
+              onPrimaryAction: u,
               children: [
-                /* @__PURE__ */ e(g, { truncate: !1, children: f(
+                /* @__PURE__ */ e(H, { truncate: !1, children: g(
                   s.this_means_accounts_will_be_merged,
-                  r.name,
-                  u.name
+                  l.name,
+                  d.name
                 ) }),
-                /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
+                /* @__PURE__ */ e(H, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
               ]
             }
           )
@@ -269,13 +269,13 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, _3 = A(p3), A1 = (t, o) => {
+}, _3 = b(p3), A1 = (t, o) => {
   const { connection_messages: n } = o;
   switch (t.connection_status) {
     case L.CHALLENGED:
       return {
         cta: n.challenged_cta,
-        main: f(
+        main: g(
           n.challenged_connection_description,
           t.name
         ),
@@ -296,7 +296,7 @@ const d3 = (t, o) => {
       };
     case L.DELAYED:
       return {
-        main: f(
+        main: g(
           n.delayed_connection_description,
           t.name
         ),
@@ -306,7 +306,7 @@ const d3 = (t, o) => {
     case L.DENIED:
       return {
         cta: n.denied_cta,
-        main: f(
+        main: g(
           n.denied_connection_description,
           t.name
         ),
@@ -321,7 +321,7 @@ const d3 = (t, o) => {
       };
     case L.DISCONNECTED:
       return {
-        main: f(
+        main: g(
           n.disconnected_connection_description,
           t.name
         ),
@@ -343,7 +343,7 @@ const d3 = (t, o) => {
       };
     case L.FAILED:
       return {
-        main: f(
+        main: g(
           n.failed_connection_description,
           t.name
         ),
@@ -353,7 +353,7 @@ const d3 = (t, o) => {
     case L.IMPAIRED:
       return {
         cta: n.impaired_cta,
-        main: f(
+        main: g(
           n.impaired_connection_description,
           t.name
         ),
@@ -362,7 +362,7 @@ const d3 = (t, o) => {
       };
     case L.IMPEDED:
       return {
-        main: f(
+        main: g(
           n.impeded_connection_description,
           t.name,
           t.name
@@ -373,7 +373,7 @@ const d3 = (t, o) => {
     case L.IMPORTED:
       return {
         cta: n.imported_cta,
-        main: f(
+        main: g(
           n.imported_connection_description,
           t.name
         ),
@@ -383,7 +383,7 @@ const d3 = (t, o) => {
     case L.LOCKED:
       return {
         cta: n.locked_cta,
-        main: f(
+        main: g(
           n.locked_connection_description,
           t.name
         ),
@@ -406,12 +406,12 @@ const d3 = (t, o) => {
       };
     default: {
       const i = () => {
-        const c = t.successfully_aggregated_at ? P1(t.successfully_aggregated_at) : void 0, l = c && s1(c, l1.TIME_STAMP_HOUR_MINUTE);
-        if (l)
-          return W1(c) ? f(o.last_updated_at, o.today, l) : B1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
+        const c = t.successfully_aggregated_at ? P1(t.successfully_aggregated_at) : void 0, r = c && s1(c, l1.TIME_STAMP_HOUR_MINUTE);
+        if (r)
+          return W1(c) ? g(o.last_updated_at, o.today, r) : B1(c) ? g(o.last_updated_at, o.yesterday, r) : g(
             o.last_updated_at,
             s1(c, l1.MONTH_DAY_YEAR),
-            l
+            r
           );
       };
       return {
@@ -430,20 +430,20 @@ const d3 = (t, o) => {
 }, L3 = () => {
   const [t, o] = h.useState(!1), {
     palette: { mode: n }
-  } = N1(), { selectedMember: i } = w(), { accounts: c, connect: l } = M(), u = A1(i, l), a = p1.includes(i.connection_status) ? {
+  } = N1(), { selectedMember: i } = w(), { accounts: c, connect: r } = V(), d = A1(i, r), a = p1.includes(i.connection_status) ? {
     color: "error.main",
-    ctaCopy: u.cta ?? "",
+    ctaCopy: d.cta ?? "",
     icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
-    mainMessage: u.statusName,
-    secondaryMessage: `${u.title}.`
+    mainMessage: d.statusName,
+    secondaryMessage: `${d.title}.`
   } : {
     color: "success.main",
     icon: /* @__PURE__ */ e(O1, { filled: !0, sx: { ...q } }),
-    mainMessage: u.statusName,
-    secondaryMessage: u.title
+    mainMessage: d.statusName,
+    secondaryMessage: d.title
   };
   return /* @__PURE__ */ C(R, { children: [
-    /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: c.connection_status }) }),
+    /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(H, { bold: !0, component: "h2", variant: "caption", children: c.connection_status }) }),
     /* @__PURE__ */ e(
       T,
       {
@@ -472,7 +472,7 @@ const d3 = (t, o) => {
               secondary: a.secondaryMessage && /* @__PURE__ */ C(R, { children: [
                 a.secondaryMessage,
                 " ",
-                /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
+                /* @__PURE__ */ e(H, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
               ] })
             }
           ),
@@ -523,10 +523,10 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, f3 = A(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: i } = E(), { selectedAccount: c } = w(), { accounts: l } = M(), [u, a] = h.useState(c[t.name]), [r, p] = h.useState(""), [_, s] = h.useState(!0), H = () => {
+}, f3 = b(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
+  const { updateAccount: i } = E(), { selectedAccount: c } = w(), { accounts: r } = V(), [d, a] = h.useState(c[t.name]), [l, p] = h.useState(""), [_, s] = h.useState(!0), f = () => {
     a(""), p(""), n();
-  }, b = () => {
+  }, v = () => {
     switch (t.type) {
       case X.Select:
         return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
@@ -542,10 +542,10 @@ const d3 = (t, o) => {
               },
               label: t.label,
               labelId: `${t.label}-select-label`,
-              onChange: (d) => a(d.target.value),
+              onChange: (u) => a(u.target.value),
               placeholder: t.placeholder,
-              value: u,
-              children: t.options?.map((d) => /* @__PURE__ */ e(j1, { value: d.value, children: d.label }, d.value))
+              value: d,
+              children: t.options?.map((u) => /* @__PURE__ */ e(j1, { value: u.value, children: u.label }, u.value))
             }
           )
         ] });
@@ -553,7 +553,7 @@ const d3 = (t, o) => {
         return /* @__PURE__ */ e(
           q1,
           {
-            amount: u || "",
+            amount: d || "",
             ariaLabel: t.placeholder,
             fullWidth: !0,
             label: t.label,
@@ -568,8 +568,8 @@ const d3 = (t, o) => {
           {
             maxDate: U1(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
-            onChange: (d) => {
-              c[t.name] && Number(c[t.name]) <= 31 ? a(d.getDate()) : a(d);
+            onChange: (u) => {
+              c[t.name] && Number(c[t.name]) <= 31 ? a(u.getDate()) : a(u);
             },
             sx: {
               "& .MuiPickersDay-today": {
@@ -578,7 +578,7 @@ const d3 = (t, o) => {
               "& .MuiPickersArrowSwitcher-button": {
                 color: "primary.lighter",
                 "&:hover": {
-                  backgroundColor: (d) => M1(d.palette.primary.light, 0.1)
+                  backgroundColor: (u) => M1(u.palette.primary.light, 0.1)
                 }
               }
             },
@@ -590,9 +590,9 @@ const d3 = (t, o) => {
           J1,
           {
             defaultValue: c[t.name],
-            error: !!r,
+            error: !!l,
             fullWidth: !0,
-            helperText: r,
+            helperText: l,
             inputProps: {
               "aria-label": t.placeholder
             },
@@ -601,26 +601,26 @@ const d3 = (t, o) => {
           }
         );
     }
-  }, V = () => {
-    c[t.name] !== u && i({
+  }, M = () => {
+    c[t.name] !== d && i({
       ...c,
-      [t.name]: u
-    }), H();
-  }, y = (d) => {
-    a(d.target.value), t.validation && p(t.validation(d.target.value));
+      [t.name]: d
+    }), f();
+  }, y = (u) => {
+    a(u.target.value), t.validation && p(t.validation(u.target.value));
   };
   return /* @__PURE__ */ e(
     Q,
     {
       copy: {
-        close_aria: l.close_aria,
-        title: f(l.edit_field, t.label)
+        close_aria: r.close_aria,
+        title: g(r.edit_field, t.label)
       },
-      disablePrimaryButton: !!r || !_,
+      disablePrimaryButton: !!l || !_,
       isOpen: o,
-      onClose: H,
-      onPrimaryAction: V,
-      primaryText: l.save,
+      onClose: f,
+      onPrimaryAction: M,
+      primaryText: r.save,
       sx: {
         "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
           outline: "2px solid",
@@ -628,24 +628,24 @@ const d3 = (t, o) => {
           outlineOffset: "2px"
         }
       },
-      children: b()
+      children: v()
     }
   );
-}, H3 = A(g3), v3 = () => {
-  const t = window.app?.config, { onEvent: o } = D(), { selectedAccount: n } = w(), { accounts: i } = M(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, p] = h.useState(c[0]), _ = c.filter(
-    (s) => l || n[s.name] || n[s.name] === 0
+}, H3 = b(g3), v3 = () => {
+  const t = window.app?.config, { onEvent: o } = D(), { selectedAccount: n } = w(), { accounts: i } = V(), c = D1(n, i), r = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [d, a] = h.useState(!1), [l, p] = h.useState(c[0]), _ = c.filter(
+    (s) => r || n[s.name] || n[s.name] === 0
   );
   return /* @__PURE__ */ C(R, { children: [
     _.map((s) => {
-      const H = n[s.name] || n[s.name] === 0, b = _.indexOf(s) === _.length - 1, V = /* @__PURE__ */ e(
+      const f = n[s.name] || n[s.name] === 0, v = _.indexOf(s) === _.length - 1, M = /* @__PURE__ */ e(
         Z,
         {
           disableTypography: !0,
-          primary: /* @__PURE__ */ e(g, { sx: { fontSize: 11 }, children: s.label }),
-          secondary: /* @__PURE__ */ e(g, { bold: !0, sx: { fontSize: 15 }, children: H ? s.valueFormatter(n[s.name]) : s.placeholder })
+          primary: /* @__PURE__ */ e(H, { sx: { fontSize: 11 }, children: s.label }),
+          secondary: /* @__PURE__ */ e(H, { bold: !0, sx: { fontSize: 15 }, children: f ? s.valueFormatter(n[s.name]) : s.placeholder })
         }
       );
-      return /* @__PURE__ */ e(h.Fragment, { children: l ? /* @__PURE__ */ e(
+      return /* @__PURE__ */ e(h.Fragment, { children: r ? /* @__PURE__ */ e(
         T,
         {
           sx: {
@@ -657,7 +657,7 @@ const d3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: b ? 0 : 24,
+              left: v ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
@@ -669,13 +669,13 @@ const d3 = (t, o) => {
                 p(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
               },
               children: [
-                V,
+                M,
                 /* @__PURE__ */ e(N, { name: "chevron_right" })
               ]
             }
           )
         }
-      ) : H && /* @__PURE__ */ e(
+      ) : f && /* @__PURE__ */ e(
         T,
         {
           sx: {
@@ -687,37 +687,37 @@ const d3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: b ? 0 : 24,
+              left: v ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
           },
-          children: V
+          children: M
         }
       ) }, s.name);
     }),
-    u && r && /* @__PURE__ */ e(
+    d && l && /* @__PURE__ */ e(
       H3,
       {
-        field: r,
-        isOpen: u,
+        field: l,
+        isOpen: d,
         onClose: () => a(!1)
       }
     )
   ] });
-}, A3 = A(v3), b3 = () => {
+}, A3 = b(v3), b3 = () => {
   const { onEvent: t } = D();
   return h.useEffect(() => t(x.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
     /* @__PURE__ */ e(A3, {}),
     /* @__PURE__ */ e(f3, {}),
     /* @__PURE__ */ e(_3, {})
   ] });
-}, V3 = A(b3), M3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: i } = w(), { accounts: c, connect: l } = M(), u = i.connection_status && p1.includes(i.connection_status);
+}, V3 = b(b3), M3 = ({ setTabValue: t }) => {
+  const [o, n] = h.useState(!1), { selectedMember: i } = w(), { accounts: c, connect: r } = V(), d = i.connection_status && p1.includes(i.connection_status);
   if (h.useEffect(() => {
-    u && t(1);
-  }, [u]), !u) return;
-  const a = A1(i, l);
+    d && t(1);
+  }, [d]), !d) return;
+  const a = A1(i, r);
   return /* @__PURE__ */ C(R, { children: [
     /* @__PURE__ */ e(
       n3,
@@ -745,7 +745,7 @@ const d3 = (t, o) => {
             },
             children: [
               a.title && /* @__PURE__ */ e(e3, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: a.title }),
-              /* @__PURE__ */ e(g, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: a.main }),
+              /* @__PURE__ */ e(H, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: a.main }),
               a.cta && /* @__PURE__ */ e(
                 t3,
                 {
@@ -769,14 +769,14 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, y3 = A(M3), x3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = D(), { selectedAccount: i } = w(), { accounts: c } = M(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
+}, y3 = b(M3), x3 = () => {
+  const [t, o] = h.useState(""), { onEvent: n } = D(), { selectedAccount: i } = w(), { accounts: c } = V(), { isTransactionDataLoaded: r, loadTransactionData: d, setFilter: a, sortedTransactions: l } = m1();
   h.useEffect(() => {
-    l || u().finally();
+    r || d().finally();
   }, []);
   const p = h.useMemo(
-    () => r.find((_) => _.guid === t),
-    [t, r]
+    () => l.find((_) => _.guid === t),
+    [t, l]
   );
   return h.useEffect(() => {
     a({
@@ -796,8 +796,8 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, w3 = A(x3), R3 = () => {
-  const [t, o] = h.useState(0), { accounts: n } = M();
+}, w3 = b(x3), R3 = () => {
+  const [t, o] = h.useState(0), { accounts: n } = V();
   return /* @__PURE__ */ C(R, { children: [
     /* @__PURE__ */ e(y3, { setTabValue: o }),
     /* @__PURE__ */ C(
@@ -832,35 +832,35 @@ const d3 = (t, o) => {
     /* @__PURE__ */ e(r1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(w3, {}) }),
     /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
   ] });
-}, S3 = A(R3), T3 = () => {
-  const [t, o] = h.useState(""), { accounts: n } = M(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = w(), { members: u } = E(), { onEvent: a } = D(), r = [...new Set(i.map((d) => d.account_type))], p = i.find((d) => t === d.guid), _ = h.useMemo(
-    () => i.filter((d) => d.is_hidden),
+}, S3 = b(R3), T3 = () => {
+  const [t, o] = h.useState(""), { accounts: n } = V(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: r } = w(), { members: d } = E(), { onEvent: a } = D(), l = [...new Set(i.map((u) => u.account_type))], p = i.find((u) => t === u.guid), _ = h.useMemo(
+    () => i.filter((u) => u.is_hidden),
     [i]
   ), s = h.useMemo(
-    () => i.filter((d) => d.is_closed),
+    () => i.filter((u) => u.is_closed),
     [i]
-  ), H = _.reduce(
-    (d, m) => (m.available_balance || m.balance || 0) + d,
+  ), f = _.reduce(
+    (u, m) => (m.available_balance || m.balance || 0) + u,
     0
-  ), b = k1(s, n);
+  ), v = k1(s, n);
   h.useEffect(() => {
     if (p) {
       c(p);
-      const d = u.find((m) => m.guid === p?.member_guid) || {};
-      d && l(d);
+      const u = d.find((m) => m.guid === p?.member_guid) || {};
+      u && r(u);
     }
   }, [p, t]);
-  const V = (d) => {
-    o(d.guid), a(x.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: d.guid,
-      account_type: d.account_type
+  const M = (u) => {
+    o(u.guid), a(x.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: u.guid,
+      account_type: u.account_type
     });
-  }, y = (d) => {
-    const m = d === "hidden" ? _ : s, k = d === "hidden" ? H : b, v = d === "hidden" ? n.account_hidden : n.account_closed;
+  }, y = (u) => {
+    const m = u === "hidden" ? _ : s, k = u === "hidden" ? f : v, A = u === "hidden" ? n.account_hidden : n.account_closed;
     return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
       O,
       {
-        "aria-label": v,
+        "aria-label": A,
         subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
           P,
           {
@@ -868,8 +868,8 @@ const d3 = (t, o) => {
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: v }),
-              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
+              /* @__PURE__ */ e(H, { bold: !0, variant: "body1", children: A }),
+              /* @__PURE__ */ e(H, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
             ]
           }
         ) }),
@@ -880,11 +880,11 @@ const d3 = (t, o) => {
               U,
               {
                 account: S,
-                onRowClick: () => V(S),
+                onRowClick: () => M(S),
                 shouldShowConnectionStatus: !0
               }
             ),
-            d === "hidden" ? /* @__PURE__ */ e(
+            u === "hidden" ? /* @__PURE__ */ e(
               W,
               {
                 sx: {
@@ -907,11 +907,11 @@ const d3 = (t, o) => {
     ) });
   };
   return /* @__PURE__ */ C(c1, { sx: { pt: 24 }, children: [
-    r.map((d) => {
+    l.map((u) => {
       const m = i.filter(
-        (v) => v.account_type === d && !v.is_closed && !v.is_hidden
+        (A) => A.account_type === u && !A.is_closed && !A.is_hidden
       ), k = m.reduce(
-        (v, S) => (S.balance || 0) + v,
+        (A, S) => (S.balance || 0) + A,
         0
       );
       return m.length === 0 ? null : /* @__PURE__ */ e(
@@ -925,19 +925,19 @@ const d3 = (t, o) => {
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: n.account_types[d] }),
-                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
+                /* @__PURE__ */ e(H, { bold: !0, variant: "body1", children: n.account_types[u] }),
+                /* @__PURE__ */ e(H, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(P, { children: m.map((v) => {
-            const S = i.indexOf(v) === i.length - 1, F = m.indexOf(v) === m.length - 1;
+          children: /* @__PURE__ */ e(P, { children: m.map((A) => {
+            const S = i.indexOf(A) === i.length - 1, F = m.indexOf(A) === m.length - 1;
             return /* @__PURE__ */ C(h.Fragment, { children: [
               /* @__PURE__ */ e(
                 U,
                 {
-                  account: v,
-                  onRowClick: () => V(v),
+                  account: A,
+                  onRowClick: () => M(A),
                   shouldShowConnectionStatus: !0
                 }
               ),
@@ -950,10 +950,10 @@ const d3 = (t, o) => {
                   }
                 }
               )
-            ] }, v.guid);
+            ] }, A.guid);
           }) })
         },
-        d
+        u
       );
     }),
     _.length > 0 && y("hidden"),
@@ -972,59 +972,58 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, E3 = A(T3), D3 = ({ onBackClick: t, sx: o = {} }) => {
-  const [n, i] = h.useState(!1), [c, l] = h.useState(!1), { config: u } = E1(), { isAccountDataLoaded: a, loadAccountData: r } = E(), { accounts: p, connect: _ } = M(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: b } = H1(), { onEvent: V } = D();
+}, E3 = b(T3), D3 = ({ onBackClick: t }) => {
+  const [o, n] = h.useState(!1), [i, c] = h.useState(!1), { config: r } = E1(), { isAccountDataLoaded: d, loadAccountData: a } = E(), { accounts: l, connect: p } = V(), { isInitialized: _, selectedAccountGuids: s } = G(), { isDesktop: f } = H1(), { onEvent: v } = D();
   n1({
     widgetName: "AccountsWidget",
-    isLoaded: a
+    isLoaded: d
   }), h.useEffect(() => {
-    a || r().finally();
+    d || a().finally();
   }, []);
-  const y = () => {
-    i(!0), V(x.ACCOUNTS_CLICK_CONNECT);
-  }, d = () => {
-    l(!0), V(x.ACCOUNTS_CLICK_CONNECT);
+  const M = () => {
+    n(!0), v(x.ACCOUNTS_CLICK_CONNECT);
+  }, y = () => {
+    c(!0), v(x.ACCOUNTS_CLICK_CONNECT);
   };
-  return s ? /* @__PURE__ */ C(
+  return _ ? /* @__PURE__ */ C(
     r3,
     {
-      actions: u.show_connections_widget_in_master ? [
-        { iconName: "add", label: p.add, onClick: y },
+      actions: r.show_connections_widget_in_master ? [
+        { iconName: "add", label: l.add, onClick: M },
         {
           iconName: "credit_card_gear",
-          label: p.manage,
-          onClick: d
+          label: l.manage,
+          onClick: y
         }
       ] : [],
-      onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => v(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
-      sx: o,
-      title: p.title,
+      title: l.title,
       children: [
-        a ? /* @__PURE__ */ C(e1, { sx: { px: b ? 24 : 12 }, children: [
-          H.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: p.no_accounts }),
+        d ? /* @__PURE__ */ C(e1, { sx: { px: f ? 24 : 12 }, children: [
+          s.length < 1 && /* @__PURE__ */ e(H, { display: "flex", justifyContent: "center", my: 24, children: l.no_accounts }),
           /* @__PURE__ */ e(E3, {})
-        ] }) : /* @__PURE__ */ e(h1, { sx: { px: b ? 48 : 24, pt: 24 }, variant: "list" }),
+        ] }) : /* @__PURE__ */ e(h1, { sx: { px: f ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
           z,
           {
-            onClose: () => i(!1),
-            showConnectWidget: n,
-            title: _.mini_title
+            onClose: () => n(!1),
+            showConnectWidget: o,
+            title: p.mini_title
           }
         ),
         /* @__PURE__ */ e(
           l3,
           {
-            onClose: () => l(!1),
-            showConnectionsWidget: c,
-            title: p.manage_connections
+            onClose: () => c(!1),
+            showConnectionsWidget: i,
+            title: l.manage_connections
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, Q2 = A(D3);
+}, Q2 = b(D3);
 function k3(t) {
   const { heldAccounts: o, externalAccounts: n } = t.reduce(
     (i, c) => (c.member_is_managed_by_user ? i.externalAccounts.push(c) : i.heldAccounts.push(c), i),
@@ -1044,23 +1043,23 @@ const Z3 = {
   [I.SAVINGS]: 2,
   [I.CREDIT_CARD]: 3
 }, u1 = (t) => Z3[t] ?? t + 100, C1 = (t) => t.sort((o, n) => {
-  const i = u1(o.account_type), c = u1(n.account_type), l = i - c;
-  if (l !== 0) return l;
-  const u = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
-  return u.localeCompare(a);
+  const i = u1(o.account_type), c = u1(n.account_type), r = i - c;
+  if (r !== 0) return r;
+  const d = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
+  return d.localeCompare(a);
 }), N3 = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = M(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
+  const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = V(), { isInitialized: r, selectedAccounts: d } = G(), { isDesktop: a } = H1();
   n1({
     widgetName: "AccountsMiniWidget",
-    isLoaded: l
+    isLoaded: r
   }), h.useEffect(() => {
     n || i().finally();
   }, []);
-  const r = h.useMemo(
-    () => I3(u, a ? 5 : 3),
-    [u, a]
+  const l = h.useMemo(
+    () => I3(d, a ? 5 : 3),
+    [d, a]
   );
-  return l ? /* @__PURE__ */ e(
+  return r ? /* @__PURE__ */ e(
     v1,
     {
       className: "mx-exp-accounts-miniwidget",
@@ -1069,9 +1068,9 @@ const Z3 = {
       sx: o,
       title: c.mini_title,
       children: n ? /* @__PURE__ */ C(O, { children: [
-        u.length === 0 && /* @__PURE__ */ e(T, { sx: { justifyContent: "center" }, children: c.no_accounts }),
-        r.map((p, _) => {
-          const s = r.indexOf(p) === r.length - 1;
+        d.length === 0 && /* @__PURE__ */ e(T, { sx: { justifyContent: "center" }, children: c.no_accounts }),
+        l.map((p, _) => {
+          const s = l.indexOf(p) === l.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
               U,
@@ -1087,7 +1086,7 @@ const Z3 = {
       ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, e4 = A(N3), O3 = () => /* @__PURE__ */ C(
+}, e4 = b(N3), O3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -1527,11 +1526,11 @@ const Z3 = {
     ]
   }
 ), F3 = () => {
-  const { connect: t } = M();
+  const { connect: t } = V();
   return /* @__PURE__ */ C(e1, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(O3, {}),
     /* @__PURE__ */ e(
-      g,
+      H,
       {
         sx: {
           whiteSpace: "wrap",
@@ -1543,13 +1542,13 @@ const Z3 = {
       }
     )
   ] });
-}, P3 = A(F3), W3 = ({
+}, P3 = b(F3), W3 = ({
   onPrimaryCtaClick: t = () => {
   },
   sx: o
 }) => {
-  const { isCopyLoaded: n } = G(), { connect: i } = M(), [c, l] = h.useState(!1), u = () => {
-    l(!0), t();
+  const { isCopyLoaded: n } = G(), { connect: i } = V(), [c, r] = h.useState(!1), d = () => {
+    r(!0), t();
   };
   return n1({
     widgetName: "ConnectMiniWidget",
@@ -1558,7 +1557,7 @@ const Z3 = {
     v1,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: u,
+      onPrimaryCtaClick: d,
       primaryCtaLabel: i.primary_cta,
       sx: o,
       title: i.mini_title,
@@ -1567,7 +1566,7 @@ const Z3 = {
         c && /* @__PURE__ */ e(
           z,
           {
-            onClose: () => l(!1),
+            onClose: () => r(!1),
             showConnectWidget: c,
             title: i.mini_title
           }
@@ -1575,7 +1574,7 @@ const Z3 = {
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, t4 = A(W3);
+}, t4 = b(W3);
 export {
   l4 as AccountApi,
   S3 as AccountDetailsContent,