@mx-cartographer/experiences 7.13.9 → 7.13.11

package/dist/accounts/index.es.js

@@ -1,31 +1,31 @@
-import { jsx as e, jsxs as C, Fragment as x } from "react/jsx-runtime";
+import { jsx as e, jsxs as C, Fragment as R } from "react/jsx-runtime";
 import h from "react";
-import { observer as V } from "mobx-react-lite";
+import { observer as A } from "mobx-react-lite";
 import e1 from "@mui/material/Stack";
-import { Text as g, Icon as F, THEMES as i1 } from "@mxenabled/mxui";
+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 w from "@mui/material/Divider";
-import E from "@mui/material/List";
-import U from "@mui/material/ListSubheader";
+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 M1, alpha as y1 } from "@mui/material/styles";
-import { u as S, A as x1 } from "../AccountDetailsHeader-D9gbTbUt.mjs";
-import { L as b1 } from "../LineChart-EAr5ox5U.mjs";
+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 { g as w1, a as R1, b as S1 } from "../SpendingData-Bz1bCWAs.mjs";
-import { l as T1, u as y, d as k, g as I, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
-import { A as N, g as L, N as p1 } from "../Account-BiB1F8lL.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 { 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 B } from "../AccountListItem-LcJVJysf.mjs";
+import { A as U } from "../AccountListItem-D9WJDbZ1.mjs";
 import a1 from "@mui/material/Tab";
 import I1 from "@mui/material/Tabs";
 import Z1 from "@mui/material/Switch";
-import D from "@mui/material/ListItem";
+import T from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
-import O from "@mui/material/ListItemText";
-import { A as R } from "../Analytics-BYItVAe-.mjs";
+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 { D as t1 } from "../Drawer-Bbe4AMB1.mjs";
@@ -33,12 +33,12 @@ 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 { fromUnixTime as W1 } from "date-fns/fromUnixTime";
-import { isToday as P1 } from "date-fns/isToday";
-import { isYesterday as U1 } from "date-fns/isYesterday";
+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-BMpMrZpW.mjs";
 import { I as j } from "../IconBacking-B9oC6uL2.mjs";
-import { addMonths as B1 } from "date-fns/addMonths";
+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";
@@ -56,15 +56,15 @@ 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-B-HssZFM.mjs";
+import { T as s3 } from "../TransactionDetails-B-C-7meW.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 { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-D_iaToWJ.mjs";
-import { M as A1 } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { W as r3 } from "../WidgetContainer-B7xDq2bM.mjs";
+import { M as v1 } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
 import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
 import { A as d4 } from "../AccountStore-BNlTuxWN.mjs";
 const d3 = (t, o) => {
@@ -85,9 +85,9 @@ const d3 = (t, o) => {
   }
   return a;
 }, C3 = () => {
-  const t = M1(), { selectedAccount: o } = S(), { monthlyCategoryTotals: n } = T1(), { trends: i } = y(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [N.LOAN, N.MORTGAGE].includes(o.account_type);
+  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);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    b1,
+    x1,
     {
       colors: c,
       datasets: l,
@@ -105,60 +105,95 @@ const d3 = (t, o) => {
       valueFormatterString: "0,0"
     }
   ) });
-}, h3 = V(C3), J = ({
+}, h3 = A(C3), J = ({
   ariaPressed: t,
   children: o,
   isLast: n = !1,
   onClick: i,
   primaryText: c,
   secondaryText: l
-}) => /* @__PURE__ */ C(x, { children: [
-  /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: i, children: [
-    /* @__PURE__ */ e(O, { primary: c, secondary: l }),
-    o
-  ] }) }),
-  /* @__PURE__ */ e(w, { sx: { ml: n ? 0 : 24 } })
-] }), m3 = () => {
-  const { accounts: t } = k(), { selectedAccount: o, selectedMember: n } = S();
+}) => /* @__PURE__ */ e(
+  T,
+  {
+    sx: {
+      backgroundColor: "background.paper",
+      position: "relative",
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        left: n ? 0 : 24,
+        borderBottom: "1px solid",
+        borderColor: "divider"
+      }
+    },
+    children: /* @__PURE__ */ C($, { "aria-pressed": t, onClick: i, children: [
+      /* @__PURE__ */ e(Z, { primary: c, secondary: l }),
+      o
+    ] })
+  }
+), m3 = () => {
+  const { accounts: t } = E(), { selectedAccount: o, selectedMember: n } = w();
   return t.filter(
     (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 } = S(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = I(), { modifyTransactionByAccountGuid: M } = m1(), b = async (p) => {
+  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) => {
     await _({
       ...r,
-      ...p
-    }), "is_closed" in p && p.is_closed !== r.is_closed && M(r.guid, { accountIsClosed: p.is_closed });
+      ...m
+    }), "is_closed" in m && m.is_closed !== r.is_closed && V(r.guid, { accountIsClosed: m.is_closed });
   }, d = () => {
-    m([r.guid, u.guid]).finally(
+    p([r.guid, u.guid]).finally(
       () => i(!1)
     );
   };
-  return /* @__PURE__ */ C(x, { children: [
-    /* @__PURE__ */ e(U, { 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(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(
       J,
       {
         ariaPressed: r.is_hidden,
         onClick: () => {
-          b({ is_hidden: !r.is_hidden }), v(R.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          y({ is_hidden: !r.is_hidden }), b(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 })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ C(
       J,
       {
         onClick: () => {
-          o(!0), v(R.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.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,
-        children: /* @__PURE__ */ e(F, { name: "chevron_right" })
+        children: [
+          /* @__PURE__ */ e(N, { name: "chevron_right" }),
+          /* @__PURE__ */ e("div", { onClick: (m) => m.stopPropagation(), children: /* @__PURE__ */ e(
+            Q,
+            {
+              copy: {
+                close_aria: s.close_modal,
+                title: r.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
+              ) })
+            }
+          ) })
+        ]
       }
     ),
     H.length > 0 && /* @__PURE__ */ e(
@@ -166,79 +201,75 @@ const d3 = (t, o) => {
       {
         isLast: !0,
         onClick: () => {
-          i(!0), v(R.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          i(!0), b(x.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
         primaryText: s.mark_as_duplicate,
         secondaryText: s.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ e(F, { name: "chevron_right" })
-      }
-    ),
-    /* @__PURE__ */ e(
-      Q,
-      {
-        copy: {
-          close_aria: s.close_modal,
-          title: r.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
-        },
-        isOpen: t,
-        onClose: () => {
-          o(!1);
-        },
-        onPrimaryAction: () => b({ 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
-        ) })
+        children: /* @__PURE__ */ e(N, { name: "chevron_right" })
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ C(
       t1,
       {
         ariaLabelClose: s.close_drawer,
         isOpen: n,
         onClose: () => i(!1),
         title: s.mark_as_duplicate,
-        children: /* @__PURE__ */ e(E, { children: H.map((p) => {
-          const Z = H.indexOf(p) === H.length - 1;
-          return /* @__PURE__ */ C(h.Fragment, { children: [
-            /* @__PURE__ */ e(
-              B,
+        children: [
+          /* @__PURE__ */ e(O, { children: H.map((m) => {
+            const k = H.indexOf(m) === H.length - 1;
+            return /* @__PURE__ */ e(
+              U,
               {
-                account: p,
+                account: m,
+                listItemProps: {
+                  sx: {
+                    position: "relative",
+                    "&::after": {
+                      content: '""',
+                      position: "absolute",
+                      bottom: 0,
+                      right: 0,
+                      left: k ? 0 : 24,
+                      borderBottom: "1px solid",
+                      borderColor: "divider"
+                    }
+                  }
+                },
                 onRowClick: () => {
-                  l(!0), a(p);
+                  l(!0), a(m);
                 }
-              }
-            ),
-            /* @__PURE__ */ e(E, { sx: { ml: Z ? 0 : 24 } })
-          ] }, p.guid);
-        }) })
-      }
-    ),
-    c && /* @__PURE__ */ C(
-      Q,
-      {
-        copy: {
-          close_aria: s.close_modal,
-          title: s.confirm_merge
-        },
-        isOpen: c,
-        onClose: () => l(!1),
-        onPrimaryAction: d,
-        children: [
-          /* @__PURE__ */ e(g, { truncate: !1, children: f(
-            s.this_means_accounts_will_be_merged,
-            r.name,
-            u.name
-          ) }),
-          /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
+              },
+              m.guid
+            );
+          }) }),
+          c && /* @__PURE__ */ C(
+            Q,
+            {
+              copy: {
+                close_aria: s.close_modal,
+                title: s.confirm_merge
+              },
+              isOpen: c,
+              onClose: () => l(!1),
+              onPrimaryAction: d,
+              children: [
+                /* @__PURE__ */ e(g, { truncate: !1, children: f(
+                  s.this_means_accounts_will_be_merged,
+                  r.name,
+                  u.name
+                ) }),
+                /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
+              ]
+            }
+          )
         ]
       }
     )
   ] });
-}, _3 = V(p3), V1 = (t, o) => {
+}, _3 = A(p3), A1 = (t, o) => {
   const { connection_messages: n } = o;
   switch (t.connection_status) {
     case L.CHALLENGED:
@@ -375,9 +406,9 @@ const d3 = (t, o) => {
       };
     default: {
       const i = () => {
-        const c = t.successfully_aggregated_at ? W1(t.successfully_aggregated_at) : void 0, l = c && s1(c, l1.TIME_STAMP_HOUR_MINUTE);
+        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 P1(c) ? f(o.last_updated_at, o.today, l) : U1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
+          return W1(c) ? f(o.last_updated_at, o.today, l) : B1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
             o.last_updated_at,
             s1(c, l1.MONTH_DAY_YEAR),
             l
@@ -399,7 +430,7 @@ const d3 = (t, o) => {
 }, L3 = () => {
   const [t, o] = h.useState(!1), {
     palette: { mode: n }
-  } = N1(), { selectedMember: i } = S(), { accounts: c, connect: l } = y(), u = V1(i, l), a = p1.includes(i.connection_status) ? {
+  } = N1(), { selectedMember: i } = w(), { accounts: c, connect: l } = M(), u = A1(i, l), a = p1.includes(i.connection_status) ? {
     color: "error.main",
     ctaCopy: u.cta ?? "",
     icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
@@ -411,53 +442,77 @@ const d3 = (t, o) => {
     mainMessage: u.statusName,
     secondaryMessage: u.title
   };
-  return /* @__PURE__ */ C(x, { children: [
-    /* @__PURE__ */ e(U, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: c.connection_status }) }),
-    /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, 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 }) }),
-      /* @__PURE__ */ e(O, { 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(
-        O,
-        {
-          primary: a.mainMessage,
-          secondary: a.secondaryMessage && /* @__PURE__ */ C(x, { children: [
-            a.secondaryMessage,
-            " ",
-            /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ e(F, { name: "chevron_right" })
-    ] }) }),
-    /* @__PURE__ */ e(w, { sx: { ml: i.is_manual || !i.institution_url ? 0 : 24 } }),
-    !i.is_manual && i.institution_url && /* @__PURE__ */ C(x, { children: [
-      /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { component: "a", href: i.institution_url, target: "_blank", children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
-          j,
-          {
-            backingSx: {
-              backgroundColor: n === i1.LIGHT ? "grey.300" : "grey.700",
-              borderRadius: 1
-            },
-            size: 32,
-            children: /* @__PURE__ */ e(
-              F1,
-              {
-                sx: {
-                  ...q,
-                  color: n === i1.LIGHT ? "grey.900" : "common.white"
-                }
-              }
-            )
+  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(
+      T,
+      {
+        sx: {
+          backgroundColor: "background.paper",
+          position: "relative",
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            bottom: 0,
+            right: 0,
+            left: i.is_manual || !i.institution_url ? 0 : 24,
+            borderBottom: "1px solid",
+            borderColor: "divider"
           }
-        ) }),
-        /* @__PURE__ */ e(O, { primary: i.name, secondary: i.institution_url }),
-        /* @__PURE__ */ e(F, { name: "launch" })
-      ] }) }),
-      /* @__PURE__ */ e(w, {})
-    ] }),
+        },
+        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 }) }),
+          /* @__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(
+            Z,
+            {
+              primary: a.mainMessage,
+              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(N, { name: "chevron_right" })
+        ] })
+      }
+    ),
+    !i.is_manual && i.institution_url && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+      T,
+      {
+        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,
+            {
+              backingSx: {
+                backgroundColor: n === i1.LIGHT ? "grey.300" : "grey.700",
+                borderRadius: 1
+              },
+              size: 32,
+              children: /* @__PURE__ */ e(
+                F1,
+                {
+                  sx: {
+                    ...q,
+                    color: n === i1.LIGHT ? "grey.900" : "common.white"
+                  }
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e(Z, { primary: i.name, secondary: i.institution_url }),
+          /* @__PURE__ */ e(N, { name: "launch" })
+        ] })
+      }
+    ) }),
     t && /* @__PURE__ */ e(
       z,
       {
@@ -468,10 +523,10 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, f3 = V(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: i } = k(), { selectedAccount: c } = S(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [r, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
-    a(""), m(""), n();
-  }, v = () => {
+}, 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 = () => {
+    a(""), p(""), n();
+  }, b = () => {
     switch (t.type) {
       case X.Select:
         return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
@@ -511,7 +566,7 @@ const d3 = (t, o) => {
         return /* @__PURE__ */ e(Y1, { dateAdapter: $1, children: /* @__PURE__ */ e(
           G1,
           {
-            maxDate: B1(/* @__PURE__ */ new Date(), 1),
+            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);
@@ -523,7 +578,7 @@ const d3 = (t, o) => {
               "& .MuiPickersArrowSwitcher-button": {
                 color: "primary.lighter",
                 "&:hover": {
-                  backgroundColor: (d) => y1(d.palette.primary.light, 0.1)
+                  backgroundColor: (d) => M1(d.palette.primary.light, 0.1)
                 }
               }
             },
@@ -541,18 +596,18 @@ const d3 = (t, o) => {
             inputProps: {
               "aria-label": t.placeholder
             },
-            onChange: b,
+            onChange: y,
             placeholder: t.placeholder
           }
         );
     }
-  }, M = () => {
+  }, V = () => {
     c[t.name] !== u && i({
       ...c,
       [t.name]: u
     }), H();
-  }, b = (d) => {
-    a(d.target.value), t.validation && m(t.validation(d.target.value));
+  }, y = (d) => {
+    a(d.target.value), t.validation && p(t.validation(d.target.value));
   };
   return /* @__PURE__ */ e(
     Q,
@@ -564,7 +619,7 @@ const d3 = (t, o) => {
       disablePrimaryButton: !!r || !_,
       isOpen: o,
       onClose: H,
-      onPrimaryAction: M,
+      onPrimaryAction: V,
       primaryText: l.save,
       sx: {
         "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
@@ -573,41 +628,73 @@ const d3 = (t, o) => {
           outlineOffset: "2px"
         }
       },
-      children: v()
+      children: b()
     }
   );
-}, H3 = V(g3), A3 = () => {
-  const t = window.app?.config, { onEvent: o } = I(), { selectedAccount: n } = S(), { accounts: i } = y(), 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, m] = h.useState(c[0]), _ = c.filter(
+}, 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
   );
-  return /* @__PURE__ */ C(x, { children: [
+  return /* @__PURE__ */ C(R, { children: [
     _.map((s) => {
-      const H = n[s.name] || n[s.name] === 0, v = _.indexOf(s) === _.length - 1, M = /* @__PURE__ */ e(
-        O,
+      const H = n[s.name] || n[s.name] === 0, b = _.indexOf(s) === _.length - 1, V = /* @__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 })
         }
       );
-      return /* @__PURE__ */ e(h.Fragment, { children: l ? /* @__PURE__ */ C(x, { children: [
-        /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ C(
-          $,
-          {
-            onClick: () => {
-              m(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
-            },
-            children: [
-              M,
-              /* @__PURE__ */ e(F, { name: "chevron_right" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(w, { sx: { ml: v ? 0 : 24 } })
-      ] }) : H && /* @__PURE__ */ C(x, { children: [
-        /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper", px: 24 }, children: M }),
-        /* @__PURE__ */ e(w, { sx: { ml: v ? 0 : 24 } })
-      ] }) }, s.name);
+      return /* @__PURE__ */ e(h.Fragment, { children: l ? /* @__PURE__ */ e(
+        T,
+        {
+          sx: {
+            backgroundColor: "background.paper",
+            px: 0,
+            position: "relative",
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              bottom: 0,
+              right: 0,
+              left: b ? 0 : 24,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            }
+          },
+          children: /* @__PURE__ */ C(
+            $,
+            {
+              onClick: () => {
+                p(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
+              },
+              children: [
+                V,
+                /* @__PURE__ */ e(N, { name: "chevron_right" })
+              ]
+            }
+          )
+        }
+      ) : H && /* @__PURE__ */ e(
+        T,
+        {
+          sx: {
+            backgroundColor: "background.paper",
+            px: 24,
+            position: "relative",
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              bottom: 0,
+              right: 0,
+              left: b ? 0 : 24,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            }
+          },
+          children: V
+        }
+      ) }, s.name);
     }),
     u && r && /* @__PURE__ */ e(
       H3,
@@ -618,20 +705,20 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, V3 = V(A3), v3 = () => {
-  const { onEvent: t } = I();
-  return h.useEffect(() => t(R.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(E, { children: [
-    /* @__PURE__ */ e(V3, {}),
+}, A3 = A(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, {})
   ] });
-}, M3 = V(v3), y3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: i } = S(), { accounts: c, connect: l } = y(), u = i.connection_status && p1.includes(i.connection_status);
+}, 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);
   if (h.useEffect(() => {
     u && t(1);
   }, [u]), !u) return;
-  const a = V1(i, l);
-  return /* @__PURE__ */ C(x, { children: [
+  const a = A1(i, l);
+  return /* @__PURE__ */ C(R, { children: [
     /* @__PURE__ */ e(
       n3,
       {
@@ -682,12 +769,12 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, x3 = V(y3), b3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = I(), { selectedAccount: i } = S(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
+}, 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();
   h.useEffect(() => {
     l || u().finally();
   }, []);
-  const m = h.useMemo(
+  const p = h.useMemo(
     () => r.find((_) => _.guid === t),
     [t, r]
   );
@@ -696,23 +783,23 @@ const d3 = (t, o) => {
       dateRange: { start: o3(i3(), 90), end: c3() },
       accounts: [i.guid]
     });
-  }, [i]), h.useEffect(() => n(R.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(x, { children: [
+  }, [i]), h.useEffect(() => n(x.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(R, { children: [
     /* @__PURE__ */ e(a3, { onClick: o }),
-    m && /* @__PURE__ */ e(
+    p && /* @__PURE__ */ e(
       t1,
       {
         ariaLabelClose: c.close_drawer,
         isOpen: !!t,
         onClose: () => o(""),
         title: c.transaction_drawer_title,
-        children: /* @__PURE__ */ e(s3, { transaction: m })
+        children: /* @__PURE__ */ e(s3, { transaction: p })
       }
     )
   ] });
-}, w3 = V(b3), R3 = () => {
-  const [t, o] = h.useState(0), { accounts: n } = y();
-  return /* @__PURE__ */ C(x, { children: [
-    /* @__PURE__ */ e(x3, { setTabValue: o }),
+}, w3 = A(x3), R3 = () => {
+  const [t, o] = h.useState(0), { accounts: n } = M();
+  return /* @__PURE__ */ C(R, { children: [
+    /* @__PURE__ */ e(y3, { setTabValue: o }),
     /* @__PURE__ */ C(
       I1,
       {
@@ -743,62 +830,62 @@ 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(M3, {}) })
+    /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
   ] });
-}, S3 = V(R3), T3 = () => {
-  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = S(), { members: u } = k(), { onEvent: a } = I(), r = [...new Set(i.map((d) => d.account_type))], m = i.find((d) => t === d.guid), _ = h.useMemo(
+}, 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),
     [i]
   ), s = h.useMemo(
     () => i.filter((d) => d.is_closed),
     [i]
   ), H = _.reduce(
-    (d, p) => (p.available_balance || p.balance || 0) + d,
+    (d, m) => (m.available_balance || m.balance || 0) + d,
     0
-  ), v = k1(s, n);
+  ), b = k1(s, n);
   h.useEffect(() => {
-    if (m) {
-      c(m);
-      const d = u.find((p) => p.guid === m?.member_guid) || {};
+    if (p) {
+      c(p);
+      const d = u.find((m) => m.guid === p?.member_guid) || {};
       d && l(d);
     }
-  }, [m, t]);
-  const M = (d) => {
-    o(d.guid), a(R.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [p, t]);
+  const V = (d) => {
+    o(d.guid), a(x.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: d.guid,
       account_type: d.account_type
     });
-  }, b = (d) => {
-    const p = d === "hidden" ? _ : s, Z = d === "hidden" ? H : v, A = d === "hidden" ? n.account_hidden : n.account_closed;
+  }, y = (d) => {
+    const m = d === "hidden" ? _ : s, k = d === "hidden" ? H : b, v = d === "hidden" ? n.account_hidden : n.account_closed;
     return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
-      E,
+      O,
       {
-        "aria-label": A,
-        subheader: /* @__PURE__ */ e(U, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+        "aria-label": v,
+        subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
           P,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: A }),
-              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(Z, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: v }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(P, { children: p.map((T, W, v1) => {
-          const K = W === v1.length - 1;
+        children: /* @__PURE__ */ e(P, { children: m.map((S, F, b1) => {
+          const K = F === b1.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              B,
+              U,
               {
-                account: T,
-                onRowClick: () => M(T),
+                account: S,
+                onRowClick: () => V(S),
                 shouldShowConnectionStatus: !0
               }
             ),
             d === "hidden" ? /* @__PURE__ */ e(
-              w,
+              W,
               {
                 sx: {
                   mb: K ? 24 : 4,
@@ -806,7 +893,7 @@ const d3 = (t, o) => {
                 }
               }
             ) : !K && /* @__PURE__ */ e(
-              w,
+              W,
               {
                 sx: {
                   mb: 4,
@@ -814,24 +901,24 @@ const d3 = (t, o) => {
                 }
               }
             )
-          ] }, T.guid);
+          ] }, S.guid);
         }) })
       }
     ) });
   };
   return /* @__PURE__ */ C(c1, { sx: { pt: 24 }, children: [
     r.map((d) => {
-      const p = i.filter(
-        (A) => A.account_type === d && !A.is_closed && !A.is_hidden
-      ), Z = p.reduce(
-        (A, T) => (T.balance || 0) + A,
+      const m = i.filter(
+        (v) => v.account_type === d && !v.is_closed && !v.is_hidden
+      ), k = m.reduce(
+        (v, S) => (S.balance || 0) + v,
         0
       );
-      return p.length === 0 ? null : /* @__PURE__ */ e(
-        E,
+      return m.length === 0 ? null : /* @__PURE__ */ e(
+        O,
         {
-          "aria-label": n.account_type_accounts[p[0]?.account_type],
-          subheader: /* @__PURE__ */ e(U, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+          "aria-label": n.account_type_accounts[m[0]?.account_type],
+          subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
             P,
             {
               component: "span",
@@ -839,38 +926,38 @@ const d3 = (t, o) => {
               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(Z, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(k, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(P, { children: p.map((A) => {
-            const T = i.indexOf(A) === i.length - 1, W = p.indexOf(A) === p.length - 1;
+          children: /* @__PURE__ */ e(P, { children: m.map((v) => {
+            const S = i.indexOf(v) === i.length - 1, F = m.indexOf(v) === m.length - 1;
             return /* @__PURE__ */ C(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                B,
+                U,
                 {
-                  account: A,
-                  onRowClick: () => M(A),
+                  account: v,
+                  onRowClick: () => V(v),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!T || s.length > 0 || _.length > 0) && /* @__PURE__ */ e(
-                w,
+              (!S || s.length > 0 || _.length > 0) && /* @__PURE__ */ e(
+                W,
                 {
                   sx: {
-                    mb: W ? 24 : 4,
-                    ml: W ? 24 : 68
+                    mb: F ? 24 : 4,
+                    ml: F ? 24 : 68
                   }
                 }
               )
-            ] }, A.guid);
+            ] }, v.guid);
           }) })
         },
         d
       );
     }),
-    _.length > 0 && b("hidden"),
-    s.length > 0 && b("closed"),
+    _.length > 0 && y("hidden"),
+    s.length > 0 && y("closed"),
     /* @__PURE__ */ C(
       t1,
       {
@@ -879,45 +966,45 @@ const d3 = (t, o) => {
         onClose: () => o(""),
         title: n.account_details,
         children: [
-          /* @__PURE__ */ e(x1, { ChartComponent: h3 }),
+          /* @__PURE__ */ e(y1, { ChartComponent: h3 }),
           /* @__PURE__ */ e(S3, {})
         ]
       }
     )
   ] });
-}, E3 = V(T3), D3 = ({ onBackClick: t, sx: o = {} }) => {
-  const [n, i] = h.useState(!1), [c, l] = h.useState(!1), { config: u } = E1(), { isAccountDataLoaded: a, loadAccountData: r } = k(), { accounts: m, connect: _ } = y(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: v } = H1(), { onEvent: M } = I();
+}, 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();
   n1({
     widgetName: "AccountsWidget",
     isLoaded: a
   }), h.useEffect(() => {
     a || r().finally();
   }, []);
-  const b = () => {
-    i(!0), M(R.ACCOUNTS_CLICK_CONNECT);
+  const y = () => {
+    i(!0), V(x.ACCOUNTS_CLICK_CONNECT);
   }, d = () => {
-    l(!0), M(R.ACCOUNTS_CLICK_CONNECT);
+    l(!0), V(x.ACCOUNTS_CLICK_CONNECT);
   };
   return s ? /* @__PURE__ */ C(
     r3,
     {
       actions: u.show_connections_widget_in_master ? [
-        { iconName: "add", label: m.add, onClick: b },
+        { iconName: "add", label: p.add, onClick: y },
         {
           iconName: "credit_card_gear",
-          label: m.manage,
+          label: p.manage,
           onClick: d
         }
       ] : [],
-      onAccountsFilterClick: () => M(R.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: o,
-      title: m.title,
+      title: p.title,
       children: [
-        a ? /* @__PURE__ */ C(e1, { sx: { px: v ? 24 : 12 }, children: [
-          H.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: m.no_accounts }),
+        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 }),
           /* @__PURE__ */ e(E3, {})
-        ] }) : /* @__PURE__ */ e(h1, { sx: { px: v ? 48 : 24, pt: 24 }, variant: "list" }),
+        ] }) : /* @__PURE__ */ e(h1, { sx: { px: b ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
           z,
           {
@@ -931,13 +1018,13 @@ const d3 = (t, o) => {
           {
             onClose: () => l(!1),
             showConnectionsWidget: c,
-            title: m.manage_connections
+            title: p.manage_connections
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, Q2 = V(D3);
+}, Q2 = A(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),
@@ -953,16 +1040,16 @@ function I3(t, o) {
   return c.length < o && c.push(...i.slice(0, o - c.length)), c;
 }
 const Z3 = {
-  [N.CHECKING]: 1,
-  [N.SAVINGS]: 2,
-  [N.CREDIT_CARD]: 3
+  [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;
   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 } = k(), { accounts: c } = y(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
+  const { isAccountDataLoaded: n, loadAccountData: i } = E(), { accounts: c } = M(), { isInitialized: l, selectedAccounts: u } = G(), { isDesktop: a } = H1();
   n1({
     widgetName: "AccountsMiniWidget",
     isLoaded: l
@@ -974,33 +1061,33 @@ const Z3 = {
     [u, a]
   );
   return l ? /* @__PURE__ */ e(
-    A1,
+    v1,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: t,
       primaryCtaLabel: c.primary_cta,
       sx: o,
       title: c.mini_title,
-      children: n ? /* @__PURE__ */ C(E, { children: [
-        u.length === 0 && /* @__PURE__ */ e(D, { sx: { justifyContent: "center" }, children: c.no_accounts }),
-        r.map((m, _) => {
-          const s = r.indexOf(m) === r.length - 1;
+      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;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              B,
+              U,
               {
-                account: m,
+                account: p,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !s && /* @__PURE__ */ e(w, { "aria-hidden": "true", variant: "inset" })
+            !s && /* @__PURE__ */ e(W, { "aria-hidden": "true", variant: "inset" })
           ] }, `account-item${_}`);
         })
       ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, e4 = V(N3), O3 = () => /* @__PURE__ */ C(
+}, e4 = A(N3), O3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -1440,7 +1527,7 @@ const Z3 = {
     ]
   }
 ), F3 = () => {
-  const { connect: t } = y();
+  const { connect: t } = M();
   return /* @__PURE__ */ C(e1, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(O3, {}),
     /* @__PURE__ */ e(
@@ -1456,19 +1543,19 @@ const Z3 = {
       }
     )
   ] });
-}, W3 = V(F3), P3 = ({
+}, P3 = A(F3), W3 = ({
   onPrimaryCtaClick: t = () => {
   },
   sx: o
 }) => {
-  const { isCopyLoaded: n } = G(), { connect: i } = y(), [c, l] = h.useState(!1), u = () => {
+  const { isCopyLoaded: n } = G(), { connect: i } = M(), [c, l] = h.useState(!1), u = () => {
     l(!0), t();
   };
   return n1({
     widgetName: "ConnectMiniWidget",
     isLoaded: n
   }), n ? /* @__PURE__ */ C(
-    A1,
+    v1,
     {
       className: "mx-exp-connect-miniwidget",
       onPrimaryCtaClick: u,
@@ -1476,7 +1563,7 @@ const Z3 = {
       sx: o,
       title: i.mini_title,
       children: [
-        /* @__PURE__ */ e(W3, {}),
+        /* @__PURE__ */ e(P3, {}),
         c && /* @__PURE__ */ e(
           z,
           {
@@ -1488,11 +1575,11 @@ const Z3 = {
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, t4 = V(P3);
+}, t4 = A(W3);
 export {
   l4 as AccountApi,
   S3 as AccountDetailsContent,
-  x1 as AccountDetailsHeader,
+  y1 as AccountDetailsHeader,
   d4 as AccountStore,
   e4 as AccountsMiniWidget,
   Q2 as AccountsWidget,
@@ -1501,6 +1588,6 @@ export {
   a4 as MemberConnectionStatus,
   i4 as getAccountBalanceDetails,
   D1 as getAccountDetailFields,
-  S as useAccountUiStore,
+  w as useAccountUiStore,
   m3 as useGetMergeableAccounts
 };