@mx-cartographer/experiences 9.0.2 → 9.0.4-alpha.mm0

package/dist/accounts/index.es.js

@@ -1,907 +1,97 @@
-import { jsx as e, jsxs as C, Fragment as S } from "react/jsx-runtime";
-import h from "react";
-import { observer as V } from "mobx-react-lite";
-import t1 from "@mui/material/Stack";
-import { Text as v, Icon as N } from "@mxenabled/mxui";
-import { S as m1 } from "../SkeletonLoader-BaNboJjD.mjs";
-import c1 from "@mui/material/Box";
-import W from "@mui/material/Divider";
-import O from "@mui/material/List";
-import B from "@mui/material/ListSubheader";
-import P from "@mui/system/Stack";
-import { f as a1 } from "../NumberFormatting--XMeeBfr.mjs";
-import { useTheme as p1, alpha as x1 } from "@mui/material/styles";
-import { u as R, A as w1 } from "../AccountDetailsHeader-DIysk_4w.mjs";
-import { L as R1 } from "../LineChart-CejWS_rh.mjs";
-import { g as S1, a as T1, b as D1 } from "../SpendingData-PKlh8caU.mjs";
-import { l as E1, u as A, d as E, g as k, h as _1, a as L1, b as G } from "../hooks-BaO_gOI6.mjs";
-import { A as I, g as f, N as f1 } from "../Account-BaJmiJAG.mjs";
-import { I as g1, P as H1, S as v1 } from "../Account-BxHMlV9R.mjs";
-import { a as k1, b as I1 } from "../AccountFields-mwJ8NXsX.mjs";
-import { g as n2 } from "../AccountFields-mwJ8NXsX.mjs";
-import { A as U } from "../AccountListItem-BDXHs4tV.mjs";
-import s1 from "@mui/material/Tab";
-import Z1 from "@mui/material/Tabs";
-import N1 from "@mui/material/Switch";
-import D from "@mui/material/ListItem";
-import $ from "@mui/material/ListItemButton";
-import Z from "@mui/material/ListItemText";
-import { b as H } from "../Localization-DnoVyBNK.mjs";
-import { A as w } from "../Analytics-CzGzz_sE.mjs";
-import { D as e1 } from "../Dialog-Bvd2n8hz.mjs";
-import { D as n1 } from "../Drawer-BXqqBMxg.mjs";
-import j from "@mui/material/ListItemAvatar";
-import { Language as O1, Error as b1, CheckCircle as F1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-Cnjr3Ddg.mjs";
-import { fromUnixTime as P1 } from "date-fns/fromUnixTime";
-import { isToday as W1 } from "date-fns/isToday";
-import { isYesterday as B1 } from "date-fns/isYesterday";
-import { f as l1, D as r1 } from "../DateFormats-HudZ3Bjs.mjs";
-import { I as X } from "../IconBacking-DgT8DCeh.mjs";
-import { addMonths as U1 } from "date-fns/addMonths";
-import { AdapterDateFns as $1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as G1 } from "@mui/x-date-pickers/DateCalendar";
-import z1 from "@mui/material/FormControl";
-import K1 from "@mui/material/InputLabel";
-import { LocalizationProvider as Y1 } from "@mui/x-date-pickers-pro";
-import d1 from "@mui/material/MenuItem";
-import j1 from "@mui/material/Select";
-import X1 from "@mui/material/TextField";
-import { F as J } from "../Accounts-CseLC3lL.mjs";
-import { M as i2 } from "../Accounts-CseLC3lL.mjs";
-import { C as J1 } from "../CurrencyInput-adTIRtL3.mjs";
-import q1 from "@mui/material/Alert";
-import Q1 from "@mui/material/AlertTitle";
-import e3 from "@mui/material/Link";
-import t3 from "@mui/material/Paper";
-import { endOfToday as n3, subDays as o3, startOfToday as i3 } from "date-fns";
-import { T as c3 } from "../EmbeddedCard-DPwJjqMH.mjs";
-import { T as a3 } from "../TransactionDetails-DctXr07p.mjs";
-import { T as u1 } from "../TabContentContainer-CnMXkVqr.mjs";
-import { C as s3 } from "../ConnectionsDrawer-CtfPXk0M.mjs";
-import { u as V1 } from "../useScreenSize-mWpmnh5w.mjs";
-import { u as o1 } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { L as i1 } from "../Loader-CxeBwuPG.mjs";
-import { W as l3 } from "../WidgetContainer-CmbU4CBH.mjs";
-import { M as A1 } from "../MiniWidgetContainer-BdPiUU-u.mjs";
-const r3 = (t, o) => {
-  const n = g1.includes(o) ? S1(t) : [], c = H1.includes(o) ? T1(t) : [], i = v1.includes(o) ? D1(t) : [];
-  return [n, c, i].filter((l) => l.length > 0);
-}, d3 = (t, o, n) => {
-  const [c, i] = t, l = c, d = i ?? c, a = [];
-  if (l && d && g1.includes(o)) {
-    const r = l[l.length - 1].y;
-    a.push({ label: n.income_label, amount: r });
-  } else if (H1.includes(o)) {
-    const r = l[l.length - 1].y;
-    a.push({ label: n.payments_label, amount: r });
-  }
-  if (d && v1.includes(o)) {
-    const r = d[d.length - 1].y;
-    a.push({ label: n.spending_label, amount: r });
-  }
-  return a;
-}, u3 = () => {
-  const t = p1(), { selectedAccount: o } = R(), { monthlyCategoryTotals: n } = E1(), { trends: c } = A(), i = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = r3(n, o.account_type), d = d3(l, o.account_type, c), a = [I.LOAN, I.MORTGAGE].includes(o.account_type);
-  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    R1,
-    {
-      colors: i,
-      datasets: l,
-      height: 185,
-      labels: d,
-      showAverage: a,
-      showAxisHighlight: !0,
-      showBars: a,
-      showLegend: !0,
-      showTooltip: !0,
-      showXAxis: !0,
-      showXAxisTicks: !0,
-      showYAxis: !0,
-      showYAxisTicks: !0,
-      valueFormatterString: "0,0"
-    }
-  ) });
-}, C3 = V(u3), q = ({
-  ariaPressed: t,
-  children: o,
-  isLast: n = !1,
-  onClick: c,
-  primaryText: i,
-  secondaryText: l
-}) => /* @__PURE__ */ e(
-  D,
-  {
-    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: c, children: [
-      /* @__PURE__ */ e(Z, { primary: i, secondary: l }),
-      o
-    ] })
-  }
-), h3 = () => {
-  const { accounts: t } = E(), { selectedAccount: o, selectedMember: n } = R();
-  return t.filter(
-    (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
-  );
-}, m3 = () => {
-  const [t, o] = h.useState(!1), [n, c] = h.useState(!1), [i, l] = h.useState(!1), [d, a] = h.useState({}), { selectedAccount: r } = R(), { mergeAccounts: L, updateAccount: m } = E(), { accounts: s } = A(), _ = h3(), { onEvent: y } = k(), { modifyTransactionByAccountGuid: x } = _1(), M = async (u) => {
-    await m({
-      ...r,
-      ...u
-    }), "is_closed" in u && u.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: u.is_closed });
-  }, p = () => {
-    L([r.guid, d.guid]).finally(
-      () => c(!1)
-    );
-  };
-  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(
-      q,
-      {
-        ariaPressed: r.is_hidden,
-        onClick: () => {
-          M({ is_hidden: !r.is_hidden }), y(w.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
-        },
-        primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
-        secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
-        children: /* @__PURE__ */ e(N1, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
-      }
-    ),
-    /* @__PURE__ */ C(
-      q,
-      {
-        onClick: () => {
-          o(!0), y(w.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(N, { name: "chevron_right" }),
-          /* @__PURE__ */ e("div", { onClick: (u) => u.stopPropagation(), children: /* @__PURE__ */ e(
-            e1,
-            {
-              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: () => M({ is_closed: !r.is_closed }),
-              children: /* @__PURE__ */ e(v, { truncate: !1, children: H(
-                r.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
-                r.name
-              ) })
-            }
-          ) })
-        ]
-      }
-    ),
-    _.length > 0 && /* @__PURE__ */ e(
-      q,
-      {
-        isLast: !0,
-        onClick: () => {
-          c(!0), y(w.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(N, { name: "chevron_right" })
-      }
-    ),
-    /* @__PURE__ */ C(
-      n1,
-      {
-        ariaLabelClose: s.close_drawer,
-        isOpen: n,
-        onClose: () => c(!1),
-        title: s.mark_as_duplicate,
-        children: [
-          /* @__PURE__ */ e(O, { children: _.map((u) => {
-            const g = _.indexOf(u) === _.length - 1;
-            return /* @__PURE__ */ e(
-              U,
-              {
-                account: u,
-                listItemProps: {
-                  sx: {
-                    position: "relative",
-                    "&::after": {
-                      content: '""',
-                      position: "absolute",
-                      bottom: 0,
-                      right: 0,
-                      left: g ? 0 : 24,
-                      borderBottom: "1px solid",
-                      borderColor: "divider"
-                    }
-                  }
-                },
-                onRowClick: () => {
-                  l(!0), a(u);
-                }
-              },
-              u.guid
-            );
-          }) }),
-          i && /* @__PURE__ */ C(
-            e1,
-            {
-              copy: {
-                close_aria: s.close_modal,
-                title: s.confirm_merge
-              },
-              isOpen: i,
-              onClose: () => l(!1),
-              onPrimaryAction: p,
-              children: [
-                /* @__PURE__ */ e(v, { truncate: !1, children: H(
-                  s.this_means_accounts_will_be_merged,
-                  r.name,
-                  d.name
-                ) }),
-                /* @__PURE__ */ e(v, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, p3 = V(m3), y1 = (t, o) => {
-  const { connection_messages: n } = o;
-  switch (t.connection_status) {
-    case f.CHALLENGED:
-      return {
-        cta: n.challenged_cta,
-        main: H(
-          n.challenged_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.challenged_connection_title
-      };
-    case f.CLOSED:
-      return {
-        main: n.closed_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.closed_connection_title
-      };
-    case f.DEGRADED:
-      return {
-        main: n.degraded_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.degraded_connection_title
-      };
-    case f.DELAYED:
-      return {
-        main: H(
-          n.delayed_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.delayed_connection_title
-      };
-    case f.DENIED:
-      return {
-        cta: n.denied_cta,
-        main: H(
-          n.denied_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.denied_connection_title
-      };
-    case f.DISABLED:
-      return {
-        main: n.disabled_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.disabled_connection_title
-      };
-    case f.DISCONNECTED:
-      return {
-        main: H(
-          n.disconnected_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.disconnected_connection_title
-      };
-    case f.DISCONTINUED:
-      return {
-        main: n.discontinued_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.discontinued_connection_title
-      };
-    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 f.FAILED:
-      return {
-        main: H(
-          n.failed_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.failed_connection_title
-      };
-    case f.IMPAIRED:
-      return {
-        cta: n.impaired_cta,
-        main: H(
-          n.impaired_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.impaired_connection_title
-      };
-    case f.IMPEDED:
-      return {
-        main: H(
-          n.impeded_connection_description,
-          t.name,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.impeded_connection_title
-      };
-    case f.IMPORTED:
-      return {
-        cta: n.imported_cta,
-        main: H(
-          n.imported_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.imported_connection_title
-      };
-    case f.LOCKED:
-      return {
-        cta: n.locked_cta,
-        main: H(
-          n.locked_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.locked_connection_title
-      };
-    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 f.REJECTED:
-      return {
-        cta: n.rejected_cta,
-        main: n.rejected_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.rejected_connection_title
-      };
-    default: {
-      const c = () => {
-        const i = t.successfully_aggregated_at ? P1(t.successfully_aggregated_at) : void 0, l = i && l1(i, r1.TIME_STAMP_HOUR_MINUTE);
-        if (l)
-          return W1(i) ? H(o.last_updated_at, o.today, l) : B1(i) ? H(o.last_updated_at, o.yesterday, l) : H(
-            o.last_updated_at,
-            l1(i, r1.MONTH_DAY_YEAR),
-            l
-          );
-      };
-      return {
-        statusName: o.connection_statuses[6],
-        // Connected
-        title: c()
-      };
-    }
-  }
-}, Q = {
-  color: "background.default",
-  fontSize: 20,
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, _3 = () => {
-  const [t, o] = h.useState(!1), {
-    palette: { mode: n }
-  } = p1(), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = y1(c, l), a = f1.includes(c.connection_status) ? {
-    color: "error.main",
-    ctaCopy: d.cta ?? "",
-    icon: /* @__PURE__ */ e(b1, { filled: !0, sx: { ...Q } }),
-    mainMessage: d.statusName,
-    secondaryMessage: `${d.title}.`
-  } : {
-    color: "success.main",
-    icon: /* @__PURE__ */ e(F1, { filled: !0, sx: { ...Q } }),
-    mainMessage: d.statusName,
-    secondaryMessage: d.title
-  };
-  return /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(v, { bold: !0, component: "h2", variant: "caption", children: i.connection_status }) }),
-    /* @__PURE__ */ e(
-      D,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          position: "relative",
-          "&::after": {
-            content: '""',
-            position: "absolute",
-            bottom: 0,
-            right: 0,
-            left: c.is_manual || !c.institution_url ? 0 : 24,
-            borderBottom: "1px solid",
-            borderColor: "divider"
-          }
-        },
-        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(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(S, { children: [
-                a.secondaryMessage,
-                " ",
-                /* @__PURE__ */ e(v, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(N, { name: "chevron_right" })
-        ] })
-      }
-    ),
-    !c.is_manual && c.institution_url && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-      D,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          borderBottom: "1px solid",
-          borderColor: "divider"
-        },
-        children: /* @__PURE__ */ C($, { component: "a", href: c.institution_url, target: "_blank", children: [
-          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-            X,
-            {
-              backingSx: {
-                backgroundColor: n === "light" ? "grey.300" : "grey.700",
-                borderRadius: 1
-              },
-              size: 32,
-              children: /* @__PURE__ */ e(
-                O1,
-                {
-                  sx: {
-                    ...Q,
-                    color: n === "light" ? "grey.900" : "common.white"
-                  }
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ e(Z, { primary: c.name, secondary: c.institution_url }),
-          /* @__PURE__ */ e(N, { name: "launch" })
-        ] })
-      }
-    ) }),
-    t && /* @__PURE__ */ e(
-      z,
-      {
-        loadWidgetProps: { current_member_guid: c.guid },
-        onClose: () => o(!1),
-        showConnectWidget: t,
-        title: i.manage_connection
-      }
-    )
-  ] });
-}, L3 = V(_3), f3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = E(), { selectedAccount: i } = R(), { accounts: l } = A(), [d, a] = h.useState(i[t.name]), [r, L] = h.useState(""), [m, s] = h.useState(!0), _ = () => {
-    a(""), L(""), n();
-  }, y = () => {
-    switch (t.type) {
-      case J.Select:
-        return /* @__PURE__ */ C(z1, { fullWidth: !0, children: [
-          /* @__PURE__ */ e(K1, { id: `${t.label}-select-label`, children: t.label }),
-          /* @__PURE__ */ C(
-            j1,
-            {
-              displayEmpty: !0,
-              id: `${t.label}-select`,
-              label: t.label,
-              labelId: `${t.label}-select-label`,
-              onChange: (p) => a(p.target.value),
-              slotProps: {
-                input: {
-                  sx: {
-                    backgroundColor: "background.paper"
-                  }
-                }
-              },
-              value: d,
-              children: [
-                !d && /* @__PURE__ */ e(d1, { disabled: !0, value: "", children: t.placeholder }),
-                t.options?.map((p) => /* @__PURE__ */ e(d1, { value: p.value, children: p.label }, p.value))
-              ]
-            }
-          )
-        ] });
-      case J.Currency:
-        return /* @__PURE__ */ e(
-          J1,
-          {
-            amount: d || "",
-            ariaLabel: t.placeholder,
-            fullWidth: !0,
-            label: t.label,
-            placeholder: t.placeholder,
-            setAmount: a,
-            setHasValidInput: s
-          }
-        );
-      case J.Date:
-        return /* @__PURE__ */ e(Y1, { dateAdapter: $1, children: /* @__PURE__ */ e(
-          G1,
-          {
-            maxDate: U1(/* @__PURE__ */ new Date(), 1),
-            minDate: /* @__PURE__ */ new Date(),
-            onChange: (p) => {
-              i[t.name] && Number(i[t.name]) <= 31 ? a(p.getDate()) : a(p);
-            },
-            sx: {
-              "& .MuiPickersDay-today": {
-                color: "primary.lighter"
-              },
-              "& .MuiPickersArrowSwitcher-button": {
-                color: "primary.lighter",
-                "&:hover": {
-                  backgroundColor: (p) => x1(p.palette.primary.light, 0.1)
-                }
-              }
-            },
-            views: ["day"]
-          }
-        ) });
-      default:
-        return /* @__PURE__ */ e(
-          X1,
-          {
-            defaultValue: i[t.name],
-            error: !!r,
-            fullWidth: !0,
-            helperText: r,
-            onChange: M,
-            placeholder: t.placeholder,
-            slotProps: {
-              htmlInput: {
-                "aria-label": t.placeholder
-              }
-            }
-          }
-        );
-    }
-  }, x = () => {
-    i[t.name] !== d && c({
-      ...i,
-      [t.name]: d
-    }), _();
-  }, M = (p) => {
-    a(p.target.value), t.validation && L(t.validation(p.target.value));
-  };
-  return /* @__PURE__ */ e(
-    e1,
-    {
-      copy: {
-        close_aria: l.close_aria,
-        title: H(l.edit_field, t.label)
-      },
-      disablePrimaryButton: !!r || !m,
-      isOpen: o,
-      onClose: _,
-      onPrimaryAction: x,
-      primaryText: l.save,
-      sx: {
-        "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
-          outline: "2px solid",
-          outlineColor: "primary.main",
-          outlineOffset: "2px"
-        }
-      },
-      children: y()
-    }
-  );
-}, g3 = V(f3), H3 = () => {
-  const t = window.app?.config, { onEvent: o } = k(), { selectedAccount: n } = R(), { accounts: c } = A(), i = k1(n, c), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [d, a] = h.useState(!1), [r, L] = h.useState(i[0]), m = i.filter(
-    (s) => l || n[s.name] || n[s.name] === 0
-  );
-  return /* @__PURE__ */ C(S, { children: [
-    m.map((s) => {
-      const _ = n[s.name] || n[s.name] === 0, y = m.indexOf(s) === m.length - 1, x = /* @__PURE__ */ e(
-        Z,
-        {
-          disableTypography: !0,
-          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(
-        D,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            px: 0,
-            position: "relative",
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              left: y ? 0 : 24,
-              borderBottom: "1px solid",
-              borderColor: "divider"
-            }
-          },
-          children: /* @__PURE__ */ C(
-            $,
-            {
-              onClick: () => {
-                L(s), a(!0), s?.event && o(s.event, { account_guid: n.guid });
-              },
-              children: [
-                x,
-                /* @__PURE__ */ e(N, { name: "chevron_right" })
-              ]
-            }
-          )
-        }
-      ) : _ && /* @__PURE__ */ e(
-        D,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            px: 24,
-            position: "relative",
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              left: y ? 0 : 24,
-              borderBottom: "1px solid",
-              borderColor: "divider"
-            }
-          },
-          children: x
-        }
-      ) }, s.name);
-    }),
-    d && r && /* @__PURE__ */ e(
-      g3,
-      {
-        field: r,
-        isOpen: d,
-        onClose: () => a(!1)
-      }
-    )
-  ] });
-}, v3 = V(H3), b3 = () => {
-  const { onEvent: t } = k();
-  return h.useEffect(() => t(w.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(O, { children: [
-    /* @__PURE__ */ e(v3, {}),
-    /* @__PURE__ */ e(L3, {}),
-    /* @__PURE__ */ e(p3, {})
-  ] });
-}, V3 = V(b3), A3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: c } = R(), { accounts: i, connect: l } = A(), d = c.connection_status && f1.includes(c.connection_status);
-  if (h.useEffect(() => {
-    d && t(1);
-  }, [d]), !d) return;
-  const a = y1(c, l);
-  return /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(
-      t3,
-      {
-        sx: {
-          mb: 16,
-          mt: 24,
-          mx: 24
-        },
-        children: /* @__PURE__ */ C(
-          q1,
-          {
-            icon: /* @__PURE__ */ e(b1, { filled: !0 }),
-            role: "none",
-            severity: "error",
-            sx: {
-              borderLeft: 5,
-              borderTopLeftRadius: 6,
-              borderBottomLeftRadius: 6,
-              borderColor: "error.main",
-              color: "text.primary",
-              "&.MuiPaper-root": {
-                backgroundColor: "background.paper"
-              }
-            },
-            children: [
-              a.title && /* @__PURE__ */ e(Q1, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: a.title }),
-              /* @__PURE__ */ e(v, { component: "p", variant: "subtitle2", children: a.main }),
-              a.cta && /* @__PURE__ */ e(
-                e3,
-                {
-                  onClick: () => n(!0),
-                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
-                  children: a.cta
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    o && /* @__PURE__ */ e(
-      z,
-      {
-        loadWidgetProps: { current_member_guid: c.guid },
-        onClose: () => n(!1),
-        showConnectWidget: o,
-        title: i.manage_connection
-      }
-    )
-  ] });
-}, y3 = V(A3), M3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = k(), { selectedAccount: c } = R(), { accounts: i } = A(), { isTransactionDataLoaded: l, loadTransactionData: d, setFilter: a, sortedTransactions: r } = _1();
-  h.useEffect(() => {
-    l || d().finally();
-  }, []);
-  const L = h.useMemo(
-    () => r.find((m) => m.guid === t),
-    [t, r]
-  );
-  return h.useEffect(() => {
-    a({
-      dateRange: { start: o3(i3(), 90), end: n3() },
-      accounts: [c.guid]
-    });
-  }, [c]), h.useEffect(() => n(w.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(c3, { onClick: o }),
-    L && /* @__PURE__ */ e(
-      n1,
-      {
-        ariaLabelClose: i.close_drawer,
-        isOpen: !!t,
-        onClose: () => o(""),
-        title: i.transaction_drawer_title,
-        children: /* @__PURE__ */ e(a3, { transaction: L })
-      }
-    )
-  ] });
-}, x3 = V(M3), w3 = () => {
-  const [t, o] = h.useState(0), { accounts: n } = A();
-  return /* @__PURE__ */ C(S, { children: [
-    /* @__PURE__ */ e(y3, { setTabValue: o }),
-    /* @__PURE__ */ C(
-      Z1,
-      {
-        "aria-label": n.transactions_and_details_aria,
-        centered: !0,
-        onChange: (c, i) => o(i),
-        textColor: "primary",
-        value: t,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ e(
-            s1,
-            {
-              "aria-controls": "transaction-details-tabpanel-0",
-              id: "transaction-details-tab-0",
-              label: n.transactions
-            }
-          ),
-          /* @__PURE__ */ e(
-            s1,
-            {
-              "aria-controls": "account-details-tabpanel-1",
-              id: "account-details-tab-1",
-              label: n.account_details
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(u1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(x3, {}) }),
-    /* @__PURE__ */ e(u1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(V3, {}) })
-  ] });
-}, R3 = V(w3), S3 = () => {
-  const [t, o] = h.useState(""), { config: n } = L1(), { accounts: c } = A(), { allSelectedAccounts: i } = G(), { setSelectedAccount: l, setSelectedMember: d } = R(), { members: a } = E(), { onEvent: r } = k(), L = [...new Set(i.map((u) => u.account_type))], m = i.find((u) => t === u.guid), s = h.useMemo(
-    () => i.filter((u) => u.is_hidden),
-    [i]
-  ), _ = h.useMemo(
-    () => i.filter((u) => u.is_closed),
-    [i]
-  ), y = s.reduce(
-    (u, g) => (g.available_balance || g.balance || 0) + u,
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { observer as M } from "mobx-react-lite";
+import P from "@mui/material/Stack";
+import { Text as g } from "@mxenabled/mxui";
+import { S as K } from "../SkeletonLoader-BaNboJjD.mjs";
+import I from "@mui/material/Box";
+import y from "@mui/material/Divider";
+import D from "@mui/material/List";
+import O from "@mui/material/ListSubheader";
+import Z from "@mui/system/Stack";
+import { f as U } from "../NumberFormatting--XMeeBfr.mjs";
+import { u as X, g as e1 } from "../AccountDetailsHeader-ByGNPZpO.mjs";
+import { A as K1, a as z1, b as $1 } from "../AccountDetailsHeader-ByGNPZpO.mjs";
+import { A as E, a as t1 } from "../AccountDetailsDrawer-C8oJP3J4.mjs";
+import { b as q1, u as J1 } from "../AccountDetailsDrawer-C8oJP3J4.mjs";
+import { i as z, u as R, a as x, c as N, f as $ } from "../hooks-97sNJ_lf.mjs";
+import { A } from "../Analytics-WeZYytR0.mjs";
+import { C as l1 } from "../ConnectionsDrawer-BHJPKXYF.mjs";
+import { u as Y } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as T } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { L as B } from "../Loader-CxeBwuPG.mjs";
+import { W as n1 } from "../WidgetContainer-D-LzIKFb.mjs";
+import { C as q } from "../ConnectDrawer-DytyIhaF.mjs";
+import i1 from "@mui/material/ListItem";
+import { c as W } from "../Account-DR7Plrqy.mjs";
+import { M as J } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { F as X1, M as e3 } from "../Connect-BH0Pt6zc.mjs";
+const o1 = () => {
+  const [i, o] = a.useState(""), { config: C } = z(), { accounts: n } = R(), { allSelectedAccounts: t } = x(), { setSelectedAccount: r, setSelectedMember: u } = X(), { members: h } = N(), { onEvent: H } = $(), m = [...new Set(t.map((l) => l.account_type))], L = t.find((l) => i === l.guid), p = a.useMemo(
+    () => t.filter((l) => l.is_hidden),
+    [t]
+  ), V = a.useMemo(
+    () => t.filter((l) => l.is_closed),
+    [t]
+  ), b = p.reduce(
+    (l, s) => (s.available_balance || s.balance || 0) + l,
     0
-  ), x = I1(
-    _,
-    c,
-    n.display_available_balance_in_accounts
+  ), S = e1(
+    V,
+    n,
+    C.display_available_balance_in_accounts
   );
-  h.useEffect(() => {
-    if (m) {
-      l(m);
-      const u = a.find((g) => g.guid === m?.member_guid) || {};
-      u && d(u);
+  a.useEffect(() => {
+    if (L) {
+      r(L);
+      const l = h.find((s) => s.guid === L?.member_guid) || {};
+      l && u(l);
     }
-  }, [m, t]);
-  const M = (u) => {
-    o(u.guid), r(w.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: u.guid,
-      account_type: u.account_type
+  }, [L, i]);
+  const v = (l) => {
+    o(l.guid), H(A.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: l.guid,
+      account_type: l.account_type
     });
-  }, p = (u) => {
-    const g = u === "hidden" ? s : _, K = u === "hidden" ? y : x, b = u === "hidden" ? c.account_hidden : c.account_closed;
-    return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
-      O,
+  }, w = (l) => {
+    const s = l === "hidden" ? p : V, k = l === "hidden" ? b : S, d = l === "hidden" ? n.account_hidden : n.account_closed;
+    return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
+      D,
       {
-        "aria-label": b,
-        subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
-          P,
+        "aria-label": d,
+        subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ c(
+          Z,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: b }),
-              /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a1(K, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: U(k, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(P, { children: g.map((T, F, M1) => {
-          const Y = F === M1.length - 1;
-          return /* @__PURE__ */ C(h.Fragment, { children: [
+        children: /* @__PURE__ */ e(Z, { children: s.map((f, _, Q) => {
+          const F = _ === Q.length - 1;
+          return /* @__PURE__ */ c(a.Fragment, { children: [
             /* @__PURE__ */ e(
-              U,
+              E,
               {
-                account: T,
-                onRowClick: () => M(T),
+                account: f,
+                onRowClick: () => v(f),
                 shouldShowConnectionStatus: !0
               }
             ),
-            u === "hidden" ? /* @__PURE__ */ e(
-              W,
+            l === "hidden" ? /* @__PURE__ */ e(
+              y,
               {
                 sx: {
-                  mb: Y ? 24 : 4,
-                  ml: Y ? 24 : 68
+                  mb: F ? 24 : 4,
+                  ml: F ? 24 : 68
                 }
               }
-            ) : !Y && /* @__PURE__ */ e(
-              W,
+            ) : !F && /* @__PURE__ */ e(
+              y,
               {
                 sx: {
                   mb: 4,
@@ -909,195 +99,189 @@ const r3 = (t, o) => {
                 }
               }
             )
-          ] }, T.guid);
+          ] }, f.guid);
         }) })
       }
     ) });
   };
-  return /* @__PURE__ */ C(c1, { 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,
+  return /* @__PURE__ */ c(I, { children: [
+    m.map((l) => {
+      const s = t.filter(
+        (d) => d.account_type === l && !d.is_closed && !d.is_hidden
+      ), k = s.reduce(
+        (d, f) => (f.balance || 0) + d,
         0
       );
-      return g.length === 0 ? null : /* @__PURE__ */ e(
-        O,
+      return s.length === 0 ? null : /* @__PURE__ */ e(
+        D,
         {
-          "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,
+          "aria-label": n.account_type_accounts[s[0]?.account_type],
+          subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ c(
+            Z,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: c.account_types[u] }),
-                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a1(K, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: n.account_types[l] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: U(k, "0,0.00") })
               ]
             }
           ) }),
-          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: [
+          children: /* @__PURE__ */ e(Z, { children: s.map((d) => {
+            const f = t.indexOf(d) === t.length - 1, _ = s.indexOf(d) === s.length - 1;
+            return /* @__PURE__ */ c(a.Fragment, { children: [
               /* @__PURE__ */ e(
-                U,
+                E,
                 {
-                  account: b,
-                  onRowClick: () => M(b),
+                  account: d,
+                  onRowClick: () => v(d),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!T || _.length > 0 || s.length > 0) && /* @__PURE__ */ e(
-                W,
+              (!f || V.length > 0 || p.length > 0) && /* @__PURE__ */ e(
+                y,
                 {
                   sx: {
-                    mb: F ? 24 : 4,
-                    ml: F ? 24 : 68
+                    mb: _ ? 24 : 4,
+                    ml: _ ? 24 : 68
                   }
                 }
               )
-            ] }, b.guid);
+            ] }, d.guid);
           }) })
         },
-        u
+        l
       );
     }),
-    s.length > 0 && p("hidden"),
-    _.length > 0 && p("closed"),
-    /* @__PURE__ */ C(
-      n1,
+    p.length > 0 && w("hidden"),
+    V.length > 0 && w("closed"),
+    /* @__PURE__ */ e(
+      t1,
       {
-        ariaLabelClose: c.close_account_details_aria,
-        isOpen: !!t,
-        onClose: () => o(""),
-        title: c.account_details,
-        children: [
-          /* @__PURE__ */ e(w1, { ChartComponent: C3 }),
-          /* @__PURE__ */ e(R3, {})
-        ]
+        isOpen: !!i,
+        onClose: () => o("")
       }
     )
   ] });
-}, T3 = V(S3), D3 = ({ onBackClick: t, onMenuClick: o, sx: n = {} }) => {
-  const [c, i] = h.useState(!1), [l, d] = h.useState(!1), { config: a } = L1(), { isAccountDataLoaded: r, loadAccountData: L } = E(), { accounts: m, connect: s } = A(), { isInitialized: _, selectedAccountGuids: y } = G(), { isDesktop: x } = V1(), { onEvent: M } = k();
-  o1({
+}, C1 = M(o1), d1 = ({ onBackClick: i, onMenuClick: o, sx: C = {} }) => {
+  const [n, t] = a.useState(!1), [r, u] = a.useState(!1), { config: h } = z(), { isAccountDataLoaded: H, loadAccountData: m } = N(), { accounts: L, connect: p } = R(), { isInitialized: V, selectedAccountGuids: b } = x(), { isDesktop: S } = Y(), { onEvent: v } = $();
+  T({
     widgetName: "AccountsWidget",
-    isLoaded: r
-  }), h.useEffect(() => {
-    r || L().finally();
+    isLoaded: H
+  }), a.useEffect(() => {
+    H || m().finally();
   }, []);
-  const p = () => {
-    i(!0), M(w.ACCOUNTS_CLICK_CONNECT);
-  }, u = () => {
-    d(!0), M(w.ACCOUNTS_CLICK_CONNECT);
+  const w = () => {
+    t(!0), v(A.ACCOUNTS_CLICK_CONNECT);
+  }, l = () => {
+    u(!0), v(A.ACCOUNTS_CLICK_CONNECT);
   };
-  return _ ? /* @__PURE__ */ C(
-    l3,
+  return V ? /* @__PURE__ */ c(
+    n1,
     {
-      actions: a.show_connections_widget_in_master ? [
-        { iconName: "add", label: m.add, onClick: p },
+      actions: h.show_connections_widget_in_master ? [
+        { iconName: "add", label: L.add, onClick: w },
         {
           iconName: "credit_card_gear",
-          label: m.manage,
-          onClick: u
+          label: L.manage,
+          onClick: l
         }
       ] : [],
       hasDivider: !0,
-      onAccountsFilterClick: () => M(w.ACCOUNTS_CLICK_FILTER),
-      onBackClick: t,
+      onAccountsFilterClick: () => v(A.ACCOUNTS_CLICK_FILTER),
+      onBackClick: i,
       onMenuClick: o,
-      sx: n,
-      title: m.title,
+      sx: C,
+      title: L.title,
       children: [
-        r ? /* @__PURE__ */ C(t1, { children: [
-          y.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: m.no_accounts }),
-          /* @__PURE__ */ e(T3, {})
-        ] }) : /* @__PURE__ */ e(m1, { sx: { px: x ? 48 : 24, pt: 24 }, variant: "list" }),
+        H ? /* @__PURE__ */ c(P, { children: [
+          b.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: L.no_accounts }),
+          /* @__PURE__ */ e(C1, {})
+        ] }) : /* @__PURE__ */ e(K, { sx: { px: S ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
-          z,
+          q,
           {
-            onClose: () => i(!1),
-            showConnectWidget: c,
-            title: s.mini_title
+            onClose: () => t(!1),
+            showConnectWidget: n,
+            title: p.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          s3,
+          l1,
           {
-            onClose: () => d(!1),
-            showConnectionsWidget: l,
-            title: m.manage_connections
+            onClose: () => u(!1),
+            showConnectionsWidget: r,
+            title: L.manage_connections
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(i1, {});
-}, J4 = V(D3);
-function E3(t) {
-  const { heldAccounts: o, externalAccounts: n } = t.reduce(
-    (c, i) => (i.member_is_managed_by_user ? c.externalAccounts.push(i) : c.heldAccounts.push(i), c),
+  ) : /* @__PURE__ */ e(B, {});
+}, O1 = M(d1);
+function c1(i) {
+  const { heldAccounts: o, externalAccounts: C } = i.reduce(
+    (n, t) => (t.member_is_managed_by_user ? n.externalAccounts.push(t) : n.heldAccounts.push(t), n),
     { heldAccounts: [], externalAccounts: [] }
   );
   return {
-    heldAccounts: h1(o),
-    externalAccounts: h1(n)
+    heldAccounts: j(o),
+    externalAccounts: j(C)
   };
 }
-function k3(t, o) {
-  const { heldAccounts: n, externalAccounts: c } = E3(t), i = n.slice(0, o);
-  return i.length < o && i.push(...c.slice(0, o - i.length)), i;
+function s1(i, o) {
+  const { heldAccounts: C, externalAccounts: n } = c1(i), t = C.slice(0, o);
+  return t.length < o && t.push(...n.slice(0, o - t.length)), t;
 }
-const I3 = {
-  [I.CHECKING]: 1,
-  [I.SAVINGS]: 2,
-  [I.CREDIT_CARD]: 3
-}, C1 = (t) => I3[t] ?? t + 100, h1 = (t) => t.sort((o, n) => {
-  const c = C1(o.account_type), i = C1(n.account_type), l = c - i;
-  if (l !== 0) return l;
-  const d = o.name ?? o.feed_name ?? "", a = n.name ?? n.feed_name ?? "";
-  return d.localeCompare(a);
-}), Z3 = ({ onPrimaryCtaClick: t, sx: o }) => {
-  const { isAccountDataLoaded: n, loadAccountData: c } = E(), { accounts: i } = A(), { isInitialized: l, selectedAccounts: d } = G(), { isDesktop: a } = V1();
-  o1({
+const a1 = {
+  [W.CHECKING]: 1,
+  [W.SAVINGS]: 2,
+  [W.CREDIT_CARD]: 3
+}, G = (i) => a1[i] ?? i + 100, j = (i) => i.sort((o, C) => {
+  const n = G(o.account_type), t = G(C.account_type), r = n - t;
+  if (r !== 0) return r;
+  const u = o.name ?? o.feed_name ?? "", h = C.name ?? C.feed_name ?? "";
+  return u.localeCompare(h);
+}), r1 = ({ onPrimaryCtaClick: i, sx: o }) => {
+  const { isAccountDataLoaded: C, loadAccountData: n } = N(), { accounts: t } = R(), { isInitialized: r, selectedAccounts: u } = x(), { isDesktop: h } = Y();
+  T({
     widgetName: "AccountsMiniWidget",
-    isLoaded: l
-  }), h.useEffect(() => {
-    n || c().finally();
+    isLoaded: r
+  }), a.useEffect(() => {
+    C || n().finally();
   }, []);
-  const r = h.useMemo(
-    () => k3(d, a ? 5 : 3),
-    [d, a]
+  const H = a.useMemo(
+    () => s1(u, h ? 5 : 3),
+    [u, h]
   );
-  return l ? /* @__PURE__ */ e(
-    A1,
+  return r ? /* @__PURE__ */ e(
+    J,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: t,
-      primaryCtaLabel: i.primary_cta,
+      onPrimaryCtaClick: i,
+      primaryCtaLabel: t.primary_cta,
       sx: o,
-      title: i.mini_title,
-      children: n ? /* @__PURE__ */ C(O, { children: [
-        d.length === 0 && /* @__PURE__ */ e(D, { sx: { justifyContent: "center" }, children: i.no_accounts }),
-        r.map((L, m) => {
-          const s = r.indexOf(L) === r.length - 1;
-          return /* @__PURE__ */ C(h.Fragment, { children: [
+      title: t.mini_title,
+      children: C ? /* @__PURE__ */ c(D, { children: [
+        u.length === 0 && /* @__PURE__ */ e(i1, { sx: { justifyContent: "center" }, children: t.no_accounts }),
+        H.map((m, L) => {
+          const p = H.indexOf(m) === H.length - 1;
+          return /* @__PURE__ */ c(a.Fragment, { children: [
             /* @__PURE__ */ e(
-              U,
+              E,
               {
-                account: L,
+                account: m,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !s && /* @__PURE__ */ e(W, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${m}`);
+            !p && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${L}`);
         })
-      ] }) : /* @__PURE__ */ e(m1, { sx: { px: 12, py: 8 }, variant: "list" })
+      ] }) : /* @__PURE__ */ e(K, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(i1, {});
-}, q4 = V(Z3), N3 = () => /* @__PURE__ */ C(
+  ) : /* @__PURE__ */ e(B, {});
+}, U1 = M(r1), u1 = () => /* @__PURE__ */ c(
   "svg",
   {
     fill: "none",
@@ -1105,7 +289,7 @@ const I3 = {
     viewBox: "0 0 272 66",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ C("g", { opacity: "0.35", children: [
+      /* @__PURE__ */ c("g", { opacity: "0.35", children: [
         /* @__PURE__ */ e("rect", { fill: "#CD1141", height: "40.3437", rx: "2.81371", width: "39.6876", x: "19.6553" }),
         /* @__PURE__ */ e(
           "path",
@@ -1391,7 +575,7 @@ const I3 = {
           children: /* @__PURE__ */ e("rect", { fill: "white", height: "47.5848", rx: "3.31025", width: "46.8064", x: "113.168", y: "18.1035" })
         }
       ),
-      /* @__PURE__ */ C("g", { mask: "url(#mask1_6197_80303)", children: [
+      /* @__PURE__ */ c("g", { mask: "url(#mask1_6197_80303)", children: [
         /* @__PURE__ */ e(
           "mask",
           {
@@ -1536,65 +720,66 @@ const I3 = {
       )
     ]
   }
-), O3 = () => {
-  const { connect: t } = A();
-  return /* @__PURE__ */ C(t1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(N3, {}),
+), L1 = () => {
+  const { connect: i } = R();
+  return /* @__PURE__ */ c(P, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(u1, {}),
     /* @__PURE__ */ e(
-      v,
+      g,
       {
         sx: {
           mt: 16,
           textAlign: "center"
         },
         variant: "subtitle1",
-        children: t.mini_widget_content
+        children: i.mini_widget_content
       }
     )
   ] });
-}, F3 = V(O3), P3 = ({
-  onPrimaryCtaClick: t = () => {
+}, H1 = M(L1), h1 = ({
+  onPrimaryCtaClick: i = () => {
   },
   sx: o
 }) => {
-  const { isCopyLoaded: n } = G(), { connect: c } = A(), [i, l] = h.useState(!1), d = () => {
-    l(!0), t();
+  const { isCopyLoaded: C } = x(), { connect: n } = R(), [t, r] = a.useState(!1), u = () => {
+    r(!0), i();
   };
-  return o1({
+  return T({
     widgetName: "ConnectMiniWidget",
-    isLoaded: n
-  }), n ? /* @__PURE__ */ C(
-    A1,
+    isLoaded: C
+  }), C ? /* @__PURE__ */ c(
+    J,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: d,
-      primaryCtaLabel: c.primary_cta,
+      onPrimaryCtaClick: u,
+      primaryCtaLabel: n.primary_cta,
       sx: o,
-      title: c.mini_title,
+      title: n.mini_title,
       children: [
-        /* @__PURE__ */ e(F3, {}),
-        i && /* @__PURE__ */ e(
-          z,
+        /* @__PURE__ */ e(H1, {}),
+        t && /* @__PURE__ */ e(
+          q,
           {
-            onClose: () => l(!1),
-            showConnectWidget: i,
-            title: c.mini_title
+            onClose: () => r(!1),
+            showConnectWidget: t,
+            title: n.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(i1, {});
-}, Q4 = V(P3);
+  ) : /* @__PURE__ */ e(B, {});
+}, G1 = M(h1);
 export {
-  R3 as AccountDetailsContent,
-  w1 as AccountDetailsHeader,
-  q4 as AccountsMiniWidget,
-  J4 as AccountsWidget,
-  Q4 as ConnectMiniWidget,
-  J as FieldType,
-  i2 as MemberConnectionStatus,
-  n2 as getAccountBalanceDetails,
-  k1 as getAccountDetailFields,
-  R as useAccountUiStore,
-  h3 as useGetMergeableAccounts
+  q1 as AccountDetailsContent,
+  t1 as AccountDetailsDrawer,
+  K1 as AccountDetailsHeader,
+  U1 as AccountsMiniWidget,
+  O1 as AccountsWidget,
+  G1 as ConnectMiniWidget,
+  X1 as FieldType,
+  e3 as MemberConnectionStatus,
+  z1 as getAccountBalanceDetails,
+  $1 as getAccountDetailFields,
+  X as useAccountUiStore,
+  J1 as useGetMergeableAccounts
 };