@mx-cartographer/experiences 8.1.6 → 8.1.8

package/dist/accounts/index.es.js

@@ -1,97 +1,97 @@
-import { jsx as e, jsxs as C, Fragment as R } from "react/jsx-runtime";
+import { jsx as e, jsxs as C, Fragment as S } from "react/jsx-runtime";
 import h from "react";
-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 { S as h1 } from "../SkeletonLoader-BaNboJjD.mjs";
-import c1 from "@mui/material/Box";
+import { observer as A } from "mobx-react-lite";
+import t1 from "@mui/material/Stack";
+import { Text as v, Icon as N, THEMES as c1 } from "@mxenabled/mxui";
+import { S as m1 } from "../SkeletonLoader-BaNboJjD.mjs";
+import a1 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 { useTheme as V1, alpha as M1 } from "@mui/material/styles";
-import { u as x, A as y1 } from "../AccountDetailsHeader-D_a0XUkL.mjs";
-import { L as w1 } from "../LineChart-jJVBE8V8.mjs";
-import { g as x1, a as R1, b as S1 } from "../SpendingData-Dj85XEUp.mjs";
-import { l as T1, u as A, d as E, g as D, h as m1, b as G, a as E1 } from "../hooks-HwStH7q_.mjs";
-import { A as I, g as L, N as p1 } from "../Account-CMjOp7S2.mjs";
-import { I as _1, P as L1, S as f1 } from "../Account-BIKn4XEZ.mjs";
-import { a as D1, b as k1 } from "../AccountFields-nrrEXd46.mjs";
-import { g as i2 } from "../AccountFields-nrrEXd46.mjs";
-import { A as U } from "../AccountListItem-D80egD01.mjs";
-import a1 from "@mui/material/Tab";
-import I1 from "@mui/material/Tabs";
-import Z1 from "@mui/material/Switch";
-import T from "@mui/material/ListItem";
+import { useTheme as y1, alpha as w1 } from "@mui/material/styles";
+import { u as R, A as x1 } from "../AccountDetailsHeader-D8NIfmO8.mjs";
+import { L as R1 } from "../LineChart-jJVBE8V8.mjs";
+import { g as S1, a as T1, b as E1 } from "../SpendingData-Dj85XEUp.mjs";
+import { l as D1, u as V, d as D, g as k, h as p1, a as _1, b as G } from "../hooks-HwStH7q_.mjs";
+import { A as I, g as f, N as L1 } from "../Account-CMjOp7S2.mjs";
+import { I as f1, P as g1, S as H1 } from "../Account-BIKn4XEZ.mjs";
+import { a as k1, b as I1 } from "../AccountFields-BWmpVsS3.mjs";
+import { g as c2 } from "../AccountFields-BWmpVsS3.mjs";
+import { A as U } from "../AccountListItem-DSuv36PF.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 $ from "@mui/material/ListItemButton";
 import Z from "@mui/material/ListItemText";
-import { A as w } from "../Analytics-CzGzz_sE.mjs";
-import { D as Q } from "../Dialog-iLlBR8TG.mjs";
-import { b as f } from "../Localization-CkQ49EKr.mjs";
-import { D as t1 } from "../Drawer-XPaLYjiO.mjs";
-import Y from "@mui/material/ListItemAvatar";
-import N1 from "@mui/material/styles/useTheme";
-import { Language as O1, Error as g1, CheckCircle as F1 } from "@mxenabled/mx-icons";
+import { A as x } from "../Analytics-CzGzz_sE.mjs";
+import { D as e1 } from "../Dialog-iLlBR8TG.mjs";
+import { b as H } from "../Localization-CkQ49EKr.mjs";
+import { D as n1 } from "../Drawer-XPaLYjiO.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-5BpU4IQU.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 s1, D as l1 } from "../DateFormats-CaOj_4eI.mjs";
-import { I as j } from "../IconBacking-DgT8DCeh.mjs";
-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 j1 from "@mui/material/MenuItem";
-import X1 from "@mui/material/Select";
-import J1 from "@mui/material/TextField";
-import { F as X } from "../Accounts-CseLC3lL.mjs";
-import { M as a2 } from "../Accounts-CseLC3lL.mjs";
-import { C as q1 } from "../CurrencyInput-CSJ3zMgE.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 { endOfToday as o3, subDays as i3, startOfToday as c3 } from "date-fns";
-import { T as a3 } from "../EmbeddedCard-BqVpA1Jn.mjs";
-import { T as s3 } from "../TransactionDetails-Bpp1FDUI.mjs";
-import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
-import { f as d1 } from "../NumberFormatting-CyrvFgfd.mjs";
-import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
-import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
-import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { L as o1 } from "../Loader-CxeBwuPG.mjs";
-import { W as r3 } from "../WidgetContainer-_Fzy--dt.mjs";
-import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
-import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
-const d3 = (t, o) => {
-  const n = _1.includes(o) ? x1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
-  return [n, i, c].filter((l) => l.length > 0);
-}, u3 = (t, o, n) => {
-  const [i, c] = t, l = i, u = c ?? i, a = [];
-  if (l && u && _1.includes(o)) {
+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 l1, D as r1 } from "../DateFormats-CaOj_4eI.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 { F as J } from "../Accounts-CseLC3lL.mjs";
+import { M as s2 } from "../Accounts-CseLC3lL.mjs";
+import { C as Q1 } from "../CurrencyInput-CSJ3zMgE.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-BqVpA1Jn.mjs";
+import { T as l3 } from "../TransactionDetails-Bpp1FDUI.mjs";
+import { T as d1 } from "../TabContentContainer-CnMXkVqr.mjs";
+import { f as u1 } from "../NumberFormatting-CyrvFgfd.mjs";
+import { C as r3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
+import { u as b1 } from "../useScreenSize-CeFhWTt_.mjs";
+import { u as o1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { L as i1 } from "../Loader-CxeBwuPG.mjs";
+import { W as d3 } from "../WidgetContainer-_Fzy--dt.mjs";
+import { M as A1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { A as r2 } from "../AccountStore-B3S_p5Qa.mjs";
+const u3 = (t, o) => {
+  const n = f1.includes(o) ? S1(t) : [], c = g1.includes(o) ? T1(t) : [], i = H1.includes(o) ? E1(t) : [];
+  return [n, c, i].filter((l) => l.length > 0);
+}, C3 = (t, o, n) => {
+  const [c, i] = t, l = c, d = i ?? c, a = [];
+  if (l && d && f1.includes(o)) {
     const r = l[l.length - 1].y;
     a.push({ label: n.income_label, amount: r });
-  } else if (L1.includes(o)) {
+  } else if (g1.includes(o)) {
     const r = l[l.length - 1].y;
     a.push({ label: n.payments_label, amount: r });
   }
-  if (u && f1.includes(o)) {
-    const r = u[u.length - 1].y;
+  if (d && H1.includes(o)) {
+    const r = d[d.length - 1].y;
     a.push({ label: n.spending_label, amount: r });
   }
   return a;
-}, C3 = () => {
-  const t = V1(), { selectedAccount: o } = x(), { monthlyCategoryTotals: n } = T1(), { trends: i } = A(), 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);
+}, h3 = () => {
+  const t = y1(), { selectedAccount: o } = R(), { monthlyCategoryTotals: n } = D1(), { trends: c } = V(), 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);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    w1,
+    R1,
     {
-      colors: c,
+      colors: i,
       datasets: l,
       height: 185,
-      labels: u,
+      labels: d,
       showAverage: a,
       showAxisHighlight: !0,
       showBars: a,
@@ -104,15 +104,15 @@ const d3 = (t, o) => {
       valueFormatterString: "0,0"
     }
   ) });
-}, h3 = b(C3), J = ({
+}, m3 = A(h3), q = ({
   ariaPressed: t,
   children: o,
   isLast: n = !1,
-  onClick: i,
-  primaryText: c,
+  onClick: c,
+  primaryText: i,
   secondaryText: l
 }) => /* @__PURE__ */ e(
-  T,
+  E,
   {
     sx: {
       backgroundColor: "background.paper",
@@ -127,46 +127,46 @@ const d3 = (t, o) => {
         borderColor: "divider"
       }
     },
-    children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: i, children: [
-      /* @__PURE__ */ e(Z, { primary: c, secondary: l }),
+    children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: c, children: [
+      /* @__PURE__ */ e(Z, { primary: i, secondary: l }),
       o
     ] })
   }
-), m3 = () => {
-  const { accounts: t } = E(), { selectedAccount: o, selectedMember: n } = x();
+), p3 = () => {
+  const { accounts: t } = D(), { selectedAccount: o, selectedMember: n } = R();
   return t.filter(
-    (i) => i.member_guid === n.guid && n.successfully_aggregated_at && i.guid !== o.guid
+    (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.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 } = x(), { mergeAccounts: _, updateAccount: p } = E(), { accounts: s } = A(), H = m3(), { onEvent: V } = D(), { modifyTransactionByAccountGuid: M } = m1(), y = async (m) => {
-    await p({
+}, _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 } = V(), _ = p3(), { onEvent: M } = k(), { modifyTransactionByAccountGuid: w } = p1(), y = async (u) => {
+    await m({
       ...r,
-      ...m
-    }), "is_closed" in m && m.is_closed !== r.is_closed && M(r.guid, { accountIsClosed: m.is_closed });
-  }, d = () => {
-    _([r.guid, u.guid]).finally(
-      () => i(!1)
+      ...u
+    }), "is_closed" in u && u.is_closed !== r.is_closed && w(r.guid, { accountIsClosed: u.is_closed });
+  }, p = () => {
+    L([r.guid, d.guid]).finally(
+      () => c(!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 }) }),
+  return /* @__PURE__ */ C(S, { children: [
+    /* @__PURE__ */ e(B, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(v, { bold: !0, component: "h2", variant: "caption", children: s.actions }) }),
     /* @__PURE__ */ e(
-      J,
+      q,
       {
         ariaPressed: r.is_hidden,
         onClick: () => {
-          y({ is_hidden: !r.is_hidden }), V(w.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          y({ is_hidden: !r.is_hidden }), M(x.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,
-        children: /* @__PURE__ */ e(Z1, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
+        children: /* @__PURE__ */ e(N1, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
       }
     ),
     /* @__PURE__ */ C(
-      J,
+      q,
       {
         onClick: () => {
-          o(!0), V(w.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), M(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
@@ -174,8 +174,8 @@ const d3 = (t, o) => {
         secondaryText: r.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(
-            Q,
+          /* @__PURE__ */ e("div", { onClick: (u) => u.stopPropagation(), children: /* @__PURE__ */ e(
+            e1,
             {
               copy: {
                 close_aria: s.close_modal,
@@ -186,7 +186,7 @@ const d3 = (t, o) => {
                 o(!1);
               },
               onPrimaryAction: () => y({ is_closed: !r.is_closed }),
-              children: /* @__PURE__ */ e(g, { truncate: !1, children: f(
+              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
               ) })
@@ -195,12 +195,12 @@ const d3 = (t, o) => {
         ]
       }
     ),
-    H.length > 0 && /* @__PURE__ */ e(
-      J,
+    _.length > 0 && /* @__PURE__ */ e(
+      q,
       {
         isLast: !0,
         onClick: () => {
-          i(!0), V(w.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          c(!0), M(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
@@ -210,19 +210,19 @@ const d3 = (t, o) => {
       }
     ),
     /* @__PURE__ */ C(
-      t1,
+      n1,
       {
         ariaLabelClose: s.close_drawer,
         isOpen: n,
-        onClose: () => i(!1),
+        onClose: () => c(!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: _.map((u) => {
+            const g = _.indexOf(u) === _.length - 1;
             return /* @__PURE__ */ e(
               U,
               {
-                account: m,
+                account: u,
                 listItemProps: {
                   sx: {
                     position: "relative",
@@ -231,36 +231,36 @@ const d3 = (t, o) => {
                       position: "absolute",
                       bottom: 0,
                       right: 0,
-                      left: k ? 0 : 24,
+                      left: g ? 0 : 24,
                       borderBottom: "1px solid",
                       borderColor: "divider"
                     }
                   }
                 },
                 onRowClick: () => {
-                  l(!0), a(m);
+                  l(!0), a(u);
                 }
               },
-              m.guid
+              u.guid
             );
           }) }),
-          c && /* @__PURE__ */ C(
-            Q,
+          i && /* @__PURE__ */ C(
+            e1,
             {
               copy: {
                 close_aria: s.close_modal,
                 title: s.confirm_merge
               },
-              isOpen: c,
+              isOpen: i,
               onClose: () => l(!1),
-              onPrimaryAction: d,
+              onPrimaryAction: p,
               children: [
-                /* @__PURE__ */ e(g, { truncate: !1, children: f(
+                /* @__PURE__ */ e(v, { truncate: !1, children: H(
                   s.this_means_accounts_will_be_merged,
                   r.name,
-                  u.name
+                  d.name
                 ) }),
-                /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
+                /* @__PURE__ */ e(v, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
               ]
             }
           )
@@ -268,100 +268,100 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, _3 = b(p3), b1 = (t, o) => {
+}, L3 = A(_3), V1 = (t, o) => {
   const { connection_messages: n } = o;
   switch (t.connection_status) {
-    case L.CHALLENGED:
+    case f.CHALLENGED:
       return {
         cta: n.challenged_cta,
-        main: f(
+        main: H(
           n.challenged_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.challenged_connection_title
       };
-    case L.CLOSED:
+    case f.CLOSED:
       return {
         main: n.closed_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.closed_connection_title
       };
-    case L.DEGRADED:
+    case f.DEGRADED:
       return {
         main: n.degraded_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.degraded_connection_title
       };
-    case L.DELAYED:
+    case f.DELAYED:
       return {
-        main: f(
+        main: H(
           n.delayed_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.delayed_connection_title
       };
-    case L.DENIED:
+    case f.DENIED:
       return {
         cta: n.denied_cta,
-        main: f(
+        main: H(
           n.denied_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.denied_connection_title
       };
-    case L.DISABLED:
+    case f.DISABLED:
       return {
         main: n.disabled_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.disabled_connection_title
       };
-    case L.DISCONNECTED:
+    case f.DISCONNECTED:
       return {
-        main: f(
+        main: H(
           n.disconnected_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.disconnected_connection_title
       };
-    case L.DISCONTINUED:
+    case f.DISCONTINUED:
       return {
         main: n.discontinued_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.discontinued_connection_title
       };
-    case L.EXPIRED:
+    case f.EXPIRED:
       return {
         cta: n.expired_cta,
         main: n.expired_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.expired_connection_title
       };
-    case L.FAILED:
+    case f.FAILED:
       return {
-        main: f(
+        main: H(
           n.failed_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.failed_connection_title
       };
-    case L.IMPAIRED:
+    case f.IMPAIRED:
       return {
         cta: n.impaired_cta,
-        main: f(
+        main: H(
           n.impaired_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.impaired_connection_title
       };
-    case L.IMPEDED:
+    case f.IMPEDED:
       return {
-        main: f(
+        main: H(
           n.impeded_connection_description,
           t.name,
           t.name
@@ -369,34 +369,34 @@ const d3 = (t, o) => {
         statusName: o.connection_statuses[t.connection_status],
         title: n.impeded_connection_title
       };
-    case L.IMPORTED:
+    case f.IMPORTED:
       return {
         cta: n.imported_cta,
-        main: f(
+        main: H(
           n.imported_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.imported_connection_title
       };
-    case L.LOCKED:
+    case f.LOCKED:
       return {
         cta: n.locked_cta,
-        main: f(
+        main: H(
           n.locked_connection_description,
           t.name
         ),
         statusName: o.connection_statuses[t.connection_status],
         title: n.locked_connection_title
       };
-    case L.PREVENTED:
+    case f.PREVENTED:
       return {
         cta: n.prevented_cta,
         main: n.prevented_connection_description,
         statusName: o.connection_statuses[t.connection_status],
         title: n.prevented_connection_title
       };
-    case L.REJECTED:
+    case f.REJECTED:
       return {
         cta: n.rejected_cta,
         main: n.rejected_connection_description,
@@ -404,47 +404,47 @@ const d3 = (t, o) => {
         title: n.rejected_connection_title
       };
     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);
+      const c = () => {
+        const i = t.successfully_aggregated_at ? W1(t.successfully_aggregated_at) : void 0, l = i && l1(i, r1.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(
+          return B1(i) ? H(o.last_updated_at, o.today, l) : U1(i) ? H(o.last_updated_at, o.yesterday, l) : H(
             o.last_updated_at,
-            s1(c, l1.MONTH_DAY_YEAR),
+            l1(i, r1.MONTH_DAY_YEAR),
             l
           );
       };
       return {
         statusName: o.connection_statuses[6],
         // Connected
-        title: i()
+        title: c()
       };
     }
   }
-}, q = {
+}, Q = {
   color: "background.default",
   fontSize: 20,
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, L3 = () => {
+}, f3 = () => {
   const [t, o] = h.useState(!1), {
     palette: { mode: n }
-  } = N1(), { selectedMember: i } = x(), { accounts: c, connect: l } = A(), u = b1(i, l), a = p1.includes(i.connection_status) ? {
+  } = O1(), { selectedMember: c } = R(), { accounts: i, connect: l } = V(), d = V1(c, l), a = L1.includes(c.connection_status) ? {
     color: "error.main",
-    ctaCopy: u.cta ?? "",
-    icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
-    mainMessage: u.statusName,
-    secondaryMessage: `${u.title}.`
+    ctaCopy: d.cta ?? "",
+    icon: /* @__PURE__ */ e(v1, { filled: !0, sx: { ...Q } }),
+    mainMessage: d.statusName,
+    secondaryMessage: `${d.title}.`
   } : {
     color: "success.main",
-    icon: /* @__PURE__ */ e(F1, { filled: !0, sx: { ...q } }),
-    mainMessage: u.statusName,
-    secondaryMessage: u.title
+    icon: /* @__PURE__ */ e(P1, { filled: !0, sx: { ...Q } }),
+    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 }) }),
+  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(
-      T,
+      E,
       {
         sx: {
           backgroundColor: "background.paper",
@@ -454,24 +454,24 @@ const d3 = (t, o) => {
             position: "absolute",
             bottom: 0,
             right: 0,
-            left: i.is_manual || !i.institution_url ? 0 : 24,
+            left: c.is_manual || !c.institution_url ? 0 : 24,
             borderBottom: "1px solid",
             borderColor: "divider"
           }
         },
-        children: i.is_manual || !a.ctaCopy ? /* @__PURE__ */ C(e1, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(j, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
+        children: c.is_manual || !a.ctaCopy ? /* @__PURE__ */ C(t1, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(X, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
           /* @__PURE__ */ e(Z, { primary: a.mainMessage, secondary: a.secondaryMessage })
         ] }) : /* @__PURE__ */ C($, { onClick: () => o(!0), children: [
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(j, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
+          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(X, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
           /* @__PURE__ */ e(
             Z,
             {
               primary: a.mainMessage,
-              secondary: a.secondaryMessage && /* @__PURE__ */ C(R, { children: [
+              secondary: a.secondaryMessage && /* @__PURE__ */ C(S, { children: [
                 a.secondaryMessage,
                 " ",
-                /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
+                /* @__PURE__ */ e(v, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
               ] })
             }
           ),
@@ -479,35 +479,35 @@ const d3 = (t, o) => {
         ] })
       }
     ),
-    !i.is_manual && i.institution_url && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
-      T,
+    !c.is_manual && c.institution_url && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+      E,
       {
         sx: {
           backgroundColor: "background.paper",
           borderBottom: "1px solid",
           borderColor: "divider"
         },
-        children: /* @__PURE__ */ C($, { component: "a", href: i.institution_url, target: "_blank", children: [
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
-            j,
+        children: /* @__PURE__ */ C($, { component: "a", href: c.institution_url, target: "_blank", children: [
+          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+            X,
             {
               backingSx: {
-                backgroundColor: n === i1.LIGHT ? "grey.300" : "grey.700",
+                backgroundColor: n === c1.LIGHT ? "grey.300" : "grey.700",
                 borderRadius: 1
               },
               size: 32,
               children: /* @__PURE__ */ e(
-                O1,
+                F1,
                 {
                   sx: {
-                    ...q,
-                    color: n === i1.LIGHT ? "grey.900" : "common.white"
+                    ...Q,
+                    color: n === c1.LIGHT ? "grey.900" : "common.white"
                   }
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ e(Z, { primary: i.name, secondary: i.institution_url }),
+          /* @__PURE__ */ e(Z, { primary: c.name, secondary: c.institution_url }),
           /* @__PURE__ */ e(N, { name: "launch" })
         ] })
       }
@@ -515,23 +515,23 @@ const d3 = (t, o) => {
     t && /* @__PURE__ */ e(
       z,
       {
-        loadWidgetProps: { current_member_guid: i.guid },
+        loadWidgetProps: { current_member_guid: c.guid },
         onClose: () => o(!1),
         showConnectWidget: t,
-        title: c.manage_connection
+        title: i.manage_connection
       }
     )
   ] });
-}, f3 = b(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: i } = E(), { selectedAccount: c } = x(), { accounts: l } = A(), [u, a] = h.useState(c[t.name]), [r, _] = h.useState(""), [p, s] = h.useState(!0), H = () => {
-    a(""), _(""), n();
-  }, V = () => {
+}, g3 = A(f3), H3 = ({ field: t, isOpen: o, onClose: n }) => {
+  const { updateAccount: c } = D(), { selectedAccount: i } = R(), { accounts: l } = V(), [d, a] = h.useState(i[t.name]), [r, L] = h.useState(""), [m, s] = h.useState(!0), _ = () => {
+    a(""), L(""), n();
+  }, M = () => {
     switch (t.type) {
-      case X.Select:
-        return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
-          /* @__PURE__ */ e(K1, { id: `${t.label}-select-label`, children: t.label }),
+      case J.Select:
+        return /* @__PURE__ */ C(K1, { fullWidth: !0, children: [
+          /* @__PURE__ */ e(Y1, { id: `${t.label}-select-label`, children: t.label }),
           /* @__PURE__ */ e(
-            X1,
+            J1,
             {
               id: `${t.label}-select`,
               inputProps: {
@@ -541,18 +541,18 @@ const d3 = (t, o) => {
               },
               label: t.label,
               labelId: `${t.label}-select-label`,
-              onChange: (d) => a(d.target.value),
+              onChange: (p) => a(p.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((p) => /* @__PURE__ */ e(X1, { value: p.value, children: p.label }, p.value))
             }
           )
         ] });
-      case X.Currency:
+      case J.Currency:
         return /* @__PURE__ */ e(
-          q1,
+          Q1,
           {
-            amount: u || "",
+            amount: d || "",
             ariaLabel: t.placeholder,
             fullWidth: !0,
             label: t.label,
@@ -561,14 +561,14 @@ const d3 = (t, o) => {
             setHasValidInput: s
           }
         );
-      case X.Date:
-        return /* @__PURE__ */ e(Y1, { dateAdapter: $1, children: /* @__PURE__ */ e(
-          G1,
+      case J.Date:
+        return /* @__PURE__ */ e(j1, { dateAdapter: G1, children: /* @__PURE__ */ e(
+          z1,
           {
-            maxDate: U1(/* @__PURE__ */ new Date(), 1),
+            maxDate: $1(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
-            onChange: (d) => {
-              c[t.name] && Number(c[t.name]) <= 31 ? a(d.getDate()) : a(d);
+            onChange: (p) => {
+              i[t.name] && Number(i[t.name]) <= 31 ? a(p.getDate()) : a(p);
             },
             sx: {
               "& .MuiPickersDay-today": {
@@ -577,7 +577,7 @@ const d3 = (t, o) => {
               "& .MuiPickersArrowSwitcher-button": {
                 color: "primary.lighter",
                 "&:hover": {
-                  backgroundColor: (d) => M1(d.palette.primary.light, 0.1)
+                  backgroundColor: (p) => w1(p.palette.primary.light, 0.1)
                 }
               }
             },
@@ -586,9 +586,9 @@ const d3 = (t, o) => {
         ) });
       default:
         return /* @__PURE__ */ e(
-          J1,
+          q1,
           {
-            defaultValue: c[t.name],
+            defaultValue: i[t.name],
             error: !!r,
             fullWidth: !0,
             helperText: r,
@@ -600,25 +600,25 @@ const d3 = (t, o) => {
           }
         );
     }
-  }, M = () => {
-    c[t.name] !== u && i({
-      ...c,
-      [t.name]: u
-    }), H();
-  }, y = (d) => {
-    a(d.target.value), t.validation && _(t.validation(d.target.value));
+  }, w = () => {
+    i[t.name] !== d && c({
+      ...i,
+      [t.name]: d
+    }), _();
+  }, y = (p) => {
+    a(p.target.value), t.validation && L(t.validation(p.target.value));
   };
   return /* @__PURE__ */ e(
-    Q,
+    e1,
     {
       copy: {
         close_aria: l.close_aria,
-        title: f(l.edit_field, t.label)
+        title: H(l.edit_field, t.label)
       },
-      disablePrimaryButton: !!r || !p,
+      disablePrimaryButton: !!r || !m,
       isOpen: o,
-      onClose: H,
-      onPrimaryAction: M,
+      onClose: _,
+      onPrimaryAction: w,
       primaryText: l.save,
       sx: {
         "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
@@ -627,25 +627,25 @@ const d3 = (t, o) => {
           outlineOffset: "2px"
         }
       },
-      children: V()
+      children: M()
     }
   );
-}, H3 = b(g3), v3 = () => {
-  const t = window.app?.config, { onEvent: o } = D(), { selectedAccount: n } = x(), { accounts: i } = A(), 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, _] = h.useState(c[0]), p = c.filter(
+}, v3 = A(H3), b3 = () => {
+  const t = window.app?.config, { onEvent: o } = k(), { selectedAccount: n } = R(), { accounts: c } = V(), 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(R, { children: [
-    p.map((s) => {
-      const H = n[s.name] || n[s.name] === 0, V = p.indexOf(s) === p.length - 1, M = /* @__PURE__ */ e(
+  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(
         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(v, { sx: { fontSize: 11 }, children: s.label }),
+          secondary: /* @__PURE__ */ e(v, { bold: !0, sx: { fontSize: 15 }, children: _ ? s.valueFormatter(n[s.name]) : s.placeholder })
         }
       );
       return /* @__PURE__ */ e(h.Fragment, { children: l ? /* @__PURE__ */ e(
-        T,
+        E,
         {
           sx: {
             backgroundColor: "background.paper",
@@ -656,7 +656,7 @@ const d3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: V ? 0 : 24,
+              left: M ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
@@ -665,17 +665,17 @@ const d3 = (t, o) => {
             $,
             {
               onClick: () => {
-                _(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
+                L(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
               },
               children: [
-                M,
+                w,
                 /* @__PURE__ */ e(N, { name: "chevron_right" })
               ]
             }
           )
         }
-      ) : H && /* @__PURE__ */ e(
-        T,
+      ) : _ && /* @__PURE__ */ e(
+        E,
         {
           sx: {
             backgroundColor: "background.paper",
@@ -686,40 +686,40 @@ const d3 = (t, o) => {
               position: "absolute",
               bottom: 0,
               right: 0,
-              left: V ? 0 : 24,
+              left: M ? 0 : 24,
               borderBottom: "1px solid",
               borderColor: "divider"
             }
           },
-          children: M
+          children: w
         }
       ) }, s.name);
     }),
-    u && r && /* @__PURE__ */ e(
-      H3,
+    d && r && /* @__PURE__ */ e(
+      v3,
       {
         field: r,
-        isOpen: u,
+        isOpen: d,
         onClose: () => a(!1)
       }
     )
   ] });
-}, b3 = b(v3), A3 = () => {
-  const { onEvent: t } = D();
-  return h.useEffect(() => t(w.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
-    /* @__PURE__ */ e(b3, {}),
-    /* @__PURE__ */ e(f3, {}),
-    /* @__PURE__ */ e(_3, {})
+}, A3 = A(b3), V3 = () => {
+  const { onEvent: t } = k();
+  return h.useEffect(() => t(x.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
+    /* @__PURE__ */ e(A3, {}),
+    /* @__PURE__ */ e(g3, {}),
+    /* @__PURE__ */ e(L3, {})
   ] });
-}, V3 = b(A3), M3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: i } = x(), { accounts: c, connect: l } = A(), u = i.connection_status && p1.includes(i.connection_status);
+}, M3 = A(V3), y3 = ({ setTabValue: t }) => {
+  const [o, n] = h.useState(!1), { selectedMember: c } = R(), { accounts: i, connect: l } = V(), d = c.connection_status && L1.includes(c.connection_status);
   if (h.useEffect(() => {
-    u && t(1);
-  }, [u]), !u) return;
-  const a = b1(i, l);
-  return /* @__PURE__ */ C(R, { children: [
+    d && t(1);
+  }, [d]), !d) return;
+  const a = V1(c, l);
+  return /* @__PURE__ */ C(S, { children: [
     /* @__PURE__ */ e(
-      n3,
+      o3,
       {
         sx: {
           mb: 16,
@@ -727,9 +727,9 @@ const d3 = (t, o) => {
           mx: 24
         },
         children: /* @__PURE__ */ C(
-          Q1,
+          e3,
           {
-            icon: /* @__PURE__ */ e(g1, { filled: !0 }),
+            icon: /* @__PURE__ */ e(v1, { filled: !0 }),
             role: "none",
             severity: "error",
             sx: {
@@ -743,10 +743,10 @@ 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 }),
+              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.cta && /* @__PURE__ */ e(
-                t3,
+                n3,
                 {
                   onClick: () => n(!0),
                   sx: { fontSize: 15, fontWeight: 600, ml: 0 },
@@ -761,56 +761,56 @@ const d3 = (t, o) => {
     o && /* @__PURE__ */ e(
       z,
       {
-        loadWidgetProps: { current_member_guid: i.guid },
+        loadWidgetProps: { current_member_guid: c.guid },
         onClose: () => n(!1),
         showConnectWidget: o,
-        title: c.manage_connection
+        title: i.manage_connection
       }
     )
   ] });
-}, y3 = b(M3), w3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = D(), { selectedAccount: i } = x(), { accounts: c } = A(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
+}, w3 = A(y3), x3 = () => {
+  const [t, o] = h.useState(""), { onEvent: n } = k(), { selectedAccount: c } = R(), { accounts: i } = V(), { isTransactionDataLoaded: l, loadTransactionData: d, setFilter: a, sortedTransactions: r } = p1();
   h.useEffect(() => {
-    l || u().finally();
+    l || d().finally();
   }, []);
-  const _ = h.useMemo(
-    () => r.find((p) => p.guid === t),
+  const L = h.useMemo(
+    () => r.find((m) => m.guid === t),
     [t, r]
   );
   return h.useEffect(() => {
     a({
-      dateRange: { start: i3(c3(), 90), end: o3() },
-      accounts: [i.guid]
+      dateRange: { start: c3(a3(), 90), end: i3() },
+      accounts: [c.guid]
     });
-  }, [i]), h.useEffect(() => n(w.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(R, { children: [
-    /* @__PURE__ */ e(a3, { onClick: o }),
-    _ && /* @__PURE__ */ e(
-      t1,
+  }, [c]), h.useEffect(() => n(x.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(S, { children: [
+    /* @__PURE__ */ e(s3, { onClick: o }),
+    L && /* @__PURE__ */ e(
+      n1,
       {
-        ariaLabelClose: c.close_drawer,
+        ariaLabelClose: i.close_drawer,
         isOpen: !!t,
         onClose: () => o(""),
-        title: c.transaction_drawer_title,
-        children: /* @__PURE__ */ e(s3, { transaction: _ })
+        title: i.transaction_drawer_title,
+        children: /* @__PURE__ */ e(l3, { transaction: L })
       }
     )
   ] });
-}, x3 = b(w3), R3 = () => {
-  const [t, o] = h.useState(0), { accounts: n } = A();
-  return /* @__PURE__ */ C(R, { children: [
-    /* @__PURE__ */ e(y3, { setTabValue: o }),
+}, R3 = A(x3), S3 = () => {
+  const [t, o] = h.useState(0), { accounts: n } = V();
+  return /* @__PURE__ */ C(S, { children: [
+    /* @__PURE__ */ e(w3, { setTabValue: o }),
     /* @__PURE__ */ C(
-      I1,
+      Z1,
       {
         "aria-label": n.transactions_and_details_aria,
         centered: !0,
-        onChange: (i, c) => o(c),
+        onChange: (c, i) => o(i),
         textColor: "primary",
         value: t,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ e(
-            a1,
+            s1,
             {
               "aria-controls": "transaction-details-tabpanel-0",
               id: "transaction-details-tab-0",
@@ -818,7 +818,7 @@ const d3 = (t, o) => {
             }
           ),
           /* @__PURE__ */ e(
-            a1,
+            s1,
             {
               "aria-controls": "account-details-tabpanel-1",
               id: "account-details-tab-1",
@@ -828,38 +828,42 @@ const d3 = (t, o) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(r1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(x3, {}) }),
-    /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
+    /* @__PURE__ */ e(d1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(R3, {}) }),
+    /* @__PURE__ */ e(d1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(M3, {}) })
   ] });
-}, S3 = b(R3), T3 = () => {
-  const [t, o] = h.useState(""), { accounts: n } = A(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = x(), { members: u } = E(), { onEvent: a } = D(), r = [...new Set(i.map((d) => d.account_type))], _ = i.find((d) => t === d.guid), p = h.useMemo(
-    () => i.filter((d) => d.is_hidden),
+}, T3 = A(S3), E3 = () => {
+  const [t, o] = h.useState(""), { config: n } = _1(), { accounts: c } = V(), { 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(
+    () => i.filter((u) => u.is_hidden),
     [i]
-  ), s = h.useMemo(
-    () => i.filter((d) => d.is_closed),
+  ), _ = h.useMemo(
+    () => i.filter((u) => u.is_closed),
     [i]
-  ), H = p.reduce(
-    (d, m) => (m.available_balance || m.balance || 0) + d,
+  ), M = s.reduce(
+    (u, g) => (g.available_balance || g.balance || 0) + u,
     0
-  ), V = k1(s, n);
+  ), w = I1(
+    _,
+    c,
+    n.display_available_balance_in_accounts
+  );
   h.useEffect(() => {
-    if (_) {
-      c(_);
-      const d = u.find((m) => m.guid === _?.member_guid) || {};
-      d && l(d);
+    if (m) {
+      l(m);
+      const u = a.find((g) => g.guid === m?.member_guid) || {};
+      u && d(u);
     }
-  }, [_, t]);
-  const M = (d) => {
-    o(d.guid), a(w.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: d.guid,
-      account_type: d.account_type
+  }, [m, t]);
+  const y = (u) => {
+    o(u.guid), r(x.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: u.guid,
+      account_type: u.account_type
     });
-  }, y = (d) => {
-    const m = d === "hidden" ? p : s, k = d === "hidden" ? H : V, v = d === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
+  }, 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(
       O,
       {
-        "aria-label": v,
+        "aria-label": b,
         subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
           P,
           {
@@ -867,31 +871,31 @@ 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(v, { bold: !0, variant: "body1", children: b }),
+              /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: u1(K, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(P, { children: m.map((S, F, A1) => {
-          const K = F === A1.length - 1;
+        children: /* @__PURE__ */ e(P, { children: g.map((T, F, M1) => {
+          const Y = F === M1.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
               U,
               {
-                account: S,
-                onRowClick: () => M(S),
+                account: T,
+                onRowClick: () => y(T),
                 shouldShowConnectionStatus: !0
               }
             ),
-            d === "hidden" ? /* @__PURE__ */ e(
+            u === "hidden" ? /* @__PURE__ */ e(
               W,
               {
                 sx: {
-                  mb: K ? 24 : 4,
-                  ml: K ? 24 : 68
+                  mb: Y ? 24 : 4,
+                  ml: Y ? 24 : 68
                 }
               }
-            ) : !K && /* @__PURE__ */ e(
+            ) : !Y && /* @__PURE__ */ e(
               W,
               {
                 sx: {
@@ -900,23 +904,23 @@ const d3 = (t, o) => {
                 }
               }
             )
-          ] }, S.guid);
+          ] }, T.guid);
         }) })
       }
     ) });
   };
-  return /* @__PURE__ */ C(c1, { children: [
-    r.map((d) => {
-      const m = i.filter(
-        (v) => v.account_type === d && !v.is_closed && !v.is_hidden
-      ), k = m.reduce(
-        (v, S) => (S.balance || 0) + v,
+  return /* @__PURE__ */ C(a1, { children: [
+    L.map((u) => {
+      const g = i.filter(
+        (b) => b.account_type === u && !b.is_closed && !b.is_hidden
+      ), K = g.reduce(
+        (b, T) => (T.balance || 0) + b,
         0
       );
-      return m.length === 0 ? null : /* @__PURE__ */ e(
+      return g.length === 0 ? null : /* @__PURE__ */ e(
         O,
         {
-          "aria-label": n.account_type_accounts[m[0]?.account_type],
+          "aria-label": c.account_type_accounts[g[0]?.account_type],
           subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
             P,
             {
@@ -924,23 +928,23 @@ 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(v, { bold: !0, variant: "body1", children: c.account_types[u] }),
+                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: u1(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: g.map((b) => {
+            const T = i.indexOf(b) === i.length - 1, F = g.indexOf(b) === g.length - 1;
             return /* @__PURE__ */ C(h.Fragment, { children: [
               /* @__PURE__ */ e(
                 U,
                 {
-                  account: v,
-                  onRowClick: () => M(v),
+                  account: b,
+                  onRowClick: () => y(b),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!S || s.length > 0 || p.length > 0) && /* @__PURE__ */ e(
+              (!T || _.length > 0 || s.length > 0) && /* @__PURE__ */ e(
                 W,
                 {
                   sx: {
@@ -949,146 +953,146 @@ const d3 = (t, o) => {
                   }
                 }
               )
-            ] }, v.guid);
+            ] }, b.guid);
           }) })
         },
-        d
+        u
       );
     }),
-    p.length > 0 && y("hidden"),
-    s.length > 0 && y("closed"),
+    s.length > 0 && p("hidden"),
+    _.length > 0 && p("closed"),
     /* @__PURE__ */ C(
-      t1,
+      n1,
       {
-        ariaLabelClose: n.close_account_details_aria,
+        ariaLabelClose: c.close_account_details_aria,
         isOpen: !!t,
         onClose: () => o(""),
-        title: n.account_details,
+        title: c.account_details,
         children: [
-          /* @__PURE__ */ e(y1, { ChartComponent: h3 }),
-          /* @__PURE__ */ e(S3, {})
+          /* @__PURE__ */ e(x1, { ChartComponent: m3 }),
+          /* @__PURE__ */ e(T3, {})
         ]
       }
     )
   ] });
-}, E3 = b(T3), D3 = ({ onBackClick: t, onMenuClick: o, sx: n = {} }) => {
-  const [i, c] = h.useState(!1), [l, u] = h.useState(!1), { config: a } = E1(), { isAccountDataLoaded: r, loadAccountData: _ } = E(), { accounts: p, connect: s } = A(), { isInitialized: H, selectedAccountGuids: V } = G(), { isDesktop: M } = H1(), { onEvent: y } = D();
-  n1({
+}, D3 = A(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 } = V(), { isInitialized: _, selectedAccountGuids: M } = G(), { isDesktop: w } = b1(), { onEvent: y } = k();
+  o1({
     widgetName: "AccountsWidget",
     isLoaded: r
   }), h.useEffect(() => {
-    r || _().finally();
+    r || L().finally();
   }, []);
-  const d = () => {
-    c(!0), y(w.ACCOUNTS_CLICK_CONNECT);
-  }, m = () => {
-    u(!0), y(w.ACCOUNTS_CLICK_CONNECT);
+  const p = () => {
+    i(!0), y(x.ACCOUNTS_CLICK_CONNECT);
+  }, u = () => {
+    d(!0), y(x.ACCOUNTS_CLICK_CONNECT);
   };
-  return H ? /* @__PURE__ */ C(
-    r3,
+  return _ ? /* @__PURE__ */ C(
+    d3,
     {
       actions: a.show_connections_widget_in_master ? [
-        { iconName: "add", label: p.add, onClick: d },
+        { iconName: "add", label: m.add, onClick: p },
         {
           iconName: "credit_card_gear",
-          label: p.manage,
-          onClick: m
+          label: m.manage,
+          onClick: u
         }
       ] : [],
       hasDivider: !0,
-      onAccountsFilterClick: () => y(w.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => y(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       onMenuClick: o,
       sx: n,
-      title: p.title,
+      title: m.title,
       children: [
-        r ? /* @__PURE__ */ C(e1, { children: [
-          V.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: p.no_accounts }),
-          /* @__PURE__ */ e(E3, {})
-        ] }) : /* @__PURE__ */ e(h1, { sx: { px: M ? 48 : 24, pt: 24 }, variant: "list" }),
+        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" }),
         /* @__PURE__ */ e(
           z,
           {
-            onClose: () => c(!1),
-            showConnectWidget: i,
+            onClose: () => i(!1),
+            showConnectWidget: c,
             title: s.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          l3,
+          r3,
           {
-            onClose: () => u(!1),
+            onClose: () => d(!1),
             showConnectionsWidget: l,
-            title: p.manage_connections
+            title: m.manage_connections
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(o1, {});
-}, Q4 = b(D3);
-function k3(t) {
+  ) : /* @__PURE__ */ e(i1, {});
+}, e2 = A(k3);
+function I3(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),
+    (c, i) => (i.member_is_managed_by_user ? c.externalAccounts.push(i) : c.heldAccounts.push(i), c),
     { heldAccounts: [], externalAccounts: [] }
   );
   return {
-    heldAccounts: C1(o),
-    externalAccounts: C1(n)
+    heldAccounts: h1(o),
+    externalAccounts: h1(n)
   };
 }
-function I3(t, o) {
-  const { heldAccounts: n, externalAccounts: i } = k3(t), c = n.slice(0, o);
-  return c.length < o && c.push(...i.slice(0, o - c.length)), c;
+function Z3(t, o) {
+  const { heldAccounts: n, externalAccounts: c } = I3(t), i = n.slice(0, o);
+  return i.length < o && i.push(...c.slice(0, o - i.length)), i;
 }
-const Z3 = {
+const N3 = {
   [I.CHECKING]: 1,
   [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;
+}, C1 = (t) => N3[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 u = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
-  return u.localeCompare(a);
-}), N3 = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = A(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
-  n1({
+  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 } = V(), { isInitialized: l, selectedAccounts: d } = G(), { isDesktop: a } = b1();
+  o1({
     widgetName: "AccountsMiniWidget",
     isLoaded: l
   }), h.useEffect(() => {
-    n || i().finally();
+    n || c().finally();
   }, []);
   const r = h.useMemo(
-    () => I3(u, a ? 5 : 3),
-    [u, a]
+    () => Z3(d, a ? 5 : 3),
+    [d, a]
   );
   return l ? /* @__PURE__ */ e(
-    v1,
+    A1,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: t,
-      primaryCtaLabel: c.primary_cta,
+      primaryCtaLabel: i.primary_cta,
       sx: o,
-      title: c.mini_title,
+      title: i.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(_) === r.length - 1;
+        d.length === 0 && /* @__PURE__ */ e(E, { 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: [
             /* @__PURE__ */ e(
               U,
               {
-                account: _,
+                account: L,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
             !s && /* @__PURE__ */ e(W, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${p}`);
+          ] }, `account-item${m}`);
         })
-      ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
+      ] }) : /* @__PURE__ */ e(m1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(o1, {});
-}, e2 = b(N3), O3 = () => /* @__PURE__ */ C(
+  ) : /* @__PURE__ */ e(i1, {});
+}, t2 = A(O3), F3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -1527,12 +1531,12 @@ const Z3 = {
       )
     ]
   }
-), F3 = () => {
-  const { connect: t } = A();
-  return /* @__PURE__ */ C(e1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(O3, {}),
+), P3 = () => {
+  const { connect: t } = V();
+  return /* @__PURE__ */ C(t1, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(F3, {}),
     /* @__PURE__ */ e(
-      g,
+      v,
       {
         sx: {
           whiteSpace: "wrap",
@@ -1544,50 +1548,50 @@ const Z3 = {
       }
     )
   ] });
-}, P3 = b(F3), W3 = ({
+}, W3 = A(P3), B3 = ({
   onPrimaryCtaClick: t = () => {
   },
   sx: o
 }) => {
-  const { isCopyLoaded: n } = G(), { connect: i } = A(), [c, l] = h.useState(!1), u = () => {
+  const { isCopyLoaded: n } = G(), { connect: c } = V(), [i, l] = h.useState(!1), d = () => {
     l(!0), t();
   };
-  return n1({
+  return o1({
     widgetName: "ConnectMiniWidget",
     isLoaded: n
   }), n ? /* @__PURE__ */ C(
-    v1,
+    A1,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: u,
-      primaryCtaLabel: i.primary_cta,
+      onPrimaryCtaClick: d,
+      primaryCtaLabel: c.primary_cta,
       sx: o,
-      title: i.mini_title,
+      title: c.mini_title,
       children: [
-        /* @__PURE__ */ e(P3, {}),
-        c && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(W3, {}),
+        i && /* @__PURE__ */ e(
           z,
           {
             onClose: () => l(!1),
-            showConnectWidget: c,
-            title: i.mini_title
+            showConnectWidget: i,
+            title: c.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(o1, {});
-}, t2 = b(W3);
+  ) : /* @__PURE__ */ e(i1, {});
+}, n2 = A(B3);
 export {
-  S3 as AccountDetailsContent,
-  y1 as AccountDetailsHeader,
-  l2 as AccountStore,
-  e2 as AccountsMiniWidget,
-  Q4 as AccountsWidget,
-  t2 as ConnectMiniWidget,
-  X as FieldType,
-  a2 as MemberConnectionStatus,
-  i2 as getAccountBalanceDetails,
-  D1 as getAccountDetailFields,
-  x as useAccountUiStore,
-  m3 as useGetMergeableAccounts
+  T3 as AccountDetailsContent,
+  x1 as AccountDetailsHeader,
+  r2 as AccountStore,
+  t2 as AccountsMiniWidget,
+  e2 as AccountsWidget,
+  n2 as ConnectMiniWidget,
+  J as FieldType,
+  s2 as MemberConnectionStatus,
+  c2 as getAccountBalanceDetails,
+  k1 as getAccountDetailFields,
+  R as useAccountUiStore,
+  p3 as useGetMergeableAccounts
 };