@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/accounts/index.es.js

@@ -1,130 +1,805 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import s from "react";
-import { observer as g } from "mobx-react-lite";
-import I from "@mui/material/Stack";
-import { Text as V } from "@mxenabled/mxui";
-import { S as U } from "../SkeletonLoader-BaNboJjD.mjs";
-import D from "@mui/material/Box";
-import y from "@mui/material/Divider";
+import { jsx as e, jsxs as C, Fragment as x } from "react/jsx-runtime";
+import h from "react";
+import { observer as V } from "mobx-react-lite";
+import e1 from "@mui/material/Stack";
+import { Text as g, Icon as F, THEMES as i1 } from "@mxenabled/mxui";
+import { S as h1 } from "../SkeletonLoader-BaNboJjD.mjs";
+import c1 from "@mui/material/Box";
+import b from "@mui/material/Divider";
 import E from "@mui/material/List";
-import N from "@mui/material/ListSubheader";
-import x from "@mui/system/Stack";
-import { useTheme as Q } from "@mui/material/styles";
-import { u as P, A as X } from "../AccountDetailsHeader-NMx79DGs.mjs";
-import { L as e1 } from "../LineChart-bc1D9xBE.mjs";
-import { g as t1, a as l1, b as n1 } from "../SpendingData-DPQ96k3x.mjs";
-import { m as i1, u as v, b, d as F, g as G, a as o1, n as C1 } from "../hooks-C41HAxM5.mjs";
-import { A as O, l as j, m as d1 } from "../ConnectDrawer-Dn1MlqLz.mjs";
-import { F as C3, f as d3 } from "../ConnectDrawer-Dn1MlqLz.mjs";
-import { I as Y, P as $, S as K } from "../Account-Cp30A3ad.mjs";
-import { a as c1 } from "../AccountFields-CW6cIthP.mjs";
-import { g as s3, b as a3 } from "../AccountFields-CW6cIthP.mjs";
-import { A as T } from "../AccountListItem-DxmAs98Z.mjs";
-import { A as s1 } from "../AccountDetailsContent-C1HumFnW.mjs";
-import { u as u3 } from "../AccountDetailsContent-C1HumFnW.mjs";
-import { D as a1 } from "../Drawer-Dqe5EqvA.mjs";
-import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
-import { A as S, W as r1 } from "../WidgetContainer-B1Jzb4XA.mjs";
-import { C as u1 } from "../ConnectionsDrawer-CSo6AFkG.mjs";
-import { L as B } from "../Loader-BSWSYqvn.mjs";
-import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
-import L1 from "@mui/material/ListItem";
-import { M as q } from "../MiniWidgetContainer-D7MkHG15.mjs";
-import { A as h3, a as H3 } from "../AccountStore-hIs-yA6W.mjs";
-const h1 = (o, C) => {
-  const n = Y.includes(C) ? t1(o) : [], l = $.includes(C) ? l1(o) : [], u = K.includes(C) ? n1(o) : [];
-  return [n, l, u].filter((i) => i.length > 0);
-}, H1 = (o, C, n) => {
-  const [l, u] = o, i = l, L = u ?? l, d = [];
-  if (i && L && Y.includes(C)) {
-    const h = i[i.length - 1].y;
-    d.push({ label: n.income_label, amount: h });
-  } else if ($.includes(C)) {
-    const h = i[i.length - 1].y;
-    d.push({ label: n.payments_label, amount: h });
+import B from "@mui/material/ListSubheader";
+import W from "@mui/system/Stack";
+import { useTheme as M1, alpha as y1 } from "@mui/material/styles";
+import { u as R, A as x1 } from "../AccountDetailsHeader-BOV91g1o.mjs";
+import { L as w1 } from "../LineChart-DHj-Bufi.mjs";
+import { g as b1, a as S1, b as R1 } from "../SpendingData-B7NuTQ9s.mjs";
+import { m as T1, u as y, d as k, g as Z, h as m1, b as G, a as E1 } from "../hooks-fY_n74f7.mjs";
+import { A as N, g as L, N as p1 } from "../Account-CMjOp7S2.mjs";
+import { I as _1, P as L1, S as f1 } from "../Account-BIKn4XEZ.mjs";
+import { a as D1, b as k1 } from "../AccountFields-BRRH37K1.mjs";
+import { g as e2 } from "../AccountFields-BRRH37K1.mjs";
+import { A as U } from "../AccountListItem-Ds5C0mOT.mjs";
+import a1 from "@mui/material/Tab";
+import Z1 from "@mui/material/Tabs";
+import I1 from "@mui/material/Switch";
+import D from "@mui/material/ListItem";
+import $ from "@mui/material/ListItemButton";
+import O from "@mui/material/ListItemText";
+import { a as Q, f as s1, D as l1 } from "../Dialog-CWymUiuO.mjs";
+import { D as t1 } from "../Drawer-Bet2ZPJo.mjs";
+import { A as S, W as N1 } from "../WidgetContainer-mzejMmz2.mjs";
+import { b as f } from "../Localization-2MODESHW.mjs";
+import Y from "@mui/material/ListItemAvatar";
+import O1 from "@mui/material/styles/useTheme";
+import { Language as F1, Error as g1, CheckCircle as P1 } from "@mxenabled/mx-icons";
+import { b as z, F as j } from "../GlobalAccountFilter-BpWlPAl5.mjs";
+import { M as n2 } from "../GlobalAccountFilter-BpWlPAl5.mjs";
+import { fromUnixTime as W1 } from "date-fns/fromUnixTime";
+import { isToday as B1 } from "date-fns/isToday";
+import { isYesterday as U1 } from "date-fns/isYesterday";
+import { I as X } from "../IconBacking-DgT8DCeh.mjs";
+import { addMonths as $1 } from "date-fns/addMonths";
+import { AdapterDateFns as G1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as z1 } from "@mui/x-date-pickers/DateCalendar";
+import K1 from "@mui/material/FormControl";
+import Y1 from "@mui/material/InputLabel";
+import { LocalizationProvider as j1 } from "@mui/x-date-pickers-pro";
+import X1 from "@mui/material/MenuItem";
+import J1 from "@mui/material/Select";
+import q1 from "@mui/material/TextField";
+import { C as Q1 } from "../CurrencyInput-DDQ4DBrE.mjs";
+import e3 from "@mui/material/Alert";
+import t3 from "@mui/material/AlertTitle";
+import n3 from "@mui/material/Link";
+import o3 from "@mui/material/Paper";
+import { endOfToday as i3, subDays as c3, startOfToday as a3 } from "date-fns";
+import { T as s3, a as l3 } from "../TransactionDetails-CPwv9xtZ.mjs";
+import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
+import { f as d1 } from "../NumberFormatting-DjTD0t3W.mjs";
+import { C as r3 } from "../ConnectionsDrawer-BExzgE16.mjs";
+import { L as n1 } from "../Loader-BSWSYqvn.mjs";
+import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as o1 } from "../useWidgetLoadTimer-CrUzxN-P.mjs";
+import { M as A1 } from "../MiniWidgetContainer-DKn7ndO6.mjs";
+import { A as i2 } from "../AccountApi-DgZ8ILj1.mjs";
+import { A as a2 } from "../AccountStore-BFKvXJSD.mjs";
+const d3 = (t, o) => {
+  const n = _1.includes(o) ? b1(t) : [], i = L1.includes(o) ? S1(t) : [], c = f1.includes(o) ? R1(t) : [];
+  return [n, i, c].filter((l) => l.length > 0);
+}, u3 = (t, o, n) => {
+  const [i, c] = t, l = i, u = c ?? i, a = [];
+  if (l && u && _1.includes(o)) {
+    const d = l[l.length - 1].y;
+    a.push({ label: n.income_label, amount: d });
+  } else if (L1.includes(o)) {
+    const d = l[l.length - 1].y;
+    a.push({ label: n.payments_label, amount: d });
   }
-  if (L && K.includes(C)) {
-    const h = L[L.length - 1].y;
-    d.push({ label: n.spending_label, amount: h });
+  if (u && f1.includes(o)) {
+    const d = u[u.length - 1].y;
+    a.push({ label: n.spending_label, amount: d });
   }
-  return d;
-}, p1 = () => {
-  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), u = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), L = H1(i, C.account_type, l), d = [O.LOAN, O.MORTGAGE].includes(C.account_type);
+  return a;
+}, C3 = () => {
+  const t = M1(), { selectedAccount: o } = R(), { 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);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    e1,
+    w1,
     {
-      colors: u,
-      datasets: i,
+      colors: c,
+      datasets: l,
       height: 185,
-      labels: L,
-      showAverage: d,
-      showBars: d,
+      labels: u,
+      showAverage: a,
+      showAxisHighlight: !0,
+      showBars: a,
       showLegend: !0,
+      showTooltip: !0,
+      showXAxis: !0,
+      showXAxisTicks: !0,
+      showYAxis: !0,
+      showYAxisTicks: !0,
       valueFormatterString: "0,0"
     }
   ) });
-}, f1 = g(p1), m1 = () => {
-  const [o, C] = s.useState(""), { accounts: n } = v(), { selectedAccounts: l } = b(), { setSelectedAccount: u, setSelectedMember: i } = P(), { members: L } = F(), { onEvent: d } = G(), h = [...new Set(l.map((t) => t.account_type))], p = l.find((t) => o === t.guid), H = s.useMemo(
-    () => l.filter((t) => t.is_hidden),
-    [l]
-  ), f = s.useMemo(
-    () => l.filter((t) => t.is_closed),
-    [l]
-  ), M = H.reduce(
-    (t, a) => (a.available_balance || a.balance || 0) + t,
+}, h3 = V(C3), J = ({
+  children: t,
+  isLast: o = !1,
+  onClick: n,
+  primaryText: i,
+  secondaryText: c
+}) => /* @__PURE__ */ C(x, { children: [
+  /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { onClick: n, children: [
+    /* @__PURE__ */ e(O, { primary: i, secondary: c }),
+    t
+  ] }) }),
+  /* @__PURE__ */ e(b, { sx: { ml: o ? 0 : 24 } })
+] }), m3 = () => {
+  const { accounts: t } = k(), { selectedAccount: o, selectedMember: n } = R();
+  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: d } = R(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = Z(), { modifyTransactionByAccountGuid: M } = m1(), w = async (p) => {
+    await _({
+      ...d,
+      ...p
+    }), "is_closed" in p && p.is_closed !== d.is_closed && M(d.guid, { accountIsClosed: p.is_closed });
+  }, r = () => {
+    m([d.guid, u.guid]).finally(
+      () => i(!1)
+    );
+  };
+  return /* @__PURE__ */ C(x, { children: [
+    /* @__PURE__ */ e(B, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "XSmall", children: s.actions }) }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        onClick: () => {
+          w({ is_hidden: !d.is_hidden }), v(S.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: d.guid });
+        },
+        primaryText: d.is_hidden ? s.unhide_account : s.hide_Account,
+        secondaryText: d.is_hidden ? s.include_this_account : s.exclude_this_account,
+        children: /* @__PURE__ */ e(I1, { checked: d.is_hidden })
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        onClick: () => {
+          o(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+            account_guid: d.guid
+          });
+        },
+        primaryText: d.is_closed ? s.mark_as_open : s.mark_as_closed,
+        secondaryText: d.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" })
+      }
+    ),
+    H.length > 0 && /* @__PURE__ */ e(
+      J,
+      {
+        isLast: !0,
+        onClick: () => {
+          i(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+            account_guid: d.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: d.is_closed ? s.confirm_mark_as_open : s.confirm_mark_closed
+        },
+        isOpen: t,
+        onClose: () => {
+          o(!1);
+        },
+        onPrimaryAction: () => w({ is_closed: !d.is_closed }),
+        children: /* @__PURE__ */ e(g, { truncate: !1, children: f(
+          d.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
+          d.name
+        ) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      t1,
+      {
+        ariaLabelClose: s.close_drawer,
+        isOpen: n,
+        onClose: () => i(!1),
+        title: s.mark_as_duplicate,
+        children: /* @__PURE__ */ e(E, { children: H.map((p) => {
+          const I = H.indexOf(p) === H.length - 1;
+          return /* @__PURE__ */ C(h.Fragment, { children: [
+            /* @__PURE__ */ e(
+              U,
+              {
+                account: p,
+                onRowClick: () => {
+                  l(!0), a(p);
+                }
+              }
+            ),
+            /* @__PURE__ */ e(E, { sx: { ml: I ? 0 : 24 } })
+          ] }, p.guid);
+        }) })
+      }
+    ),
+    c && /* @__PURE__ */ C(
+      Q,
+      {
+        copy: {
+          close_aria: s.close_modal,
+          title: s.confirm_merge
+        },
+        isOpen: c,
+        onClose: () => l(!1),
+        onPrimaryAction: r,
+        children: [
+          /* @__PURE__ */ e(g, { truncate: !1, children: f(
+            s.this_means_accounts_will_be_merged,
+            d.name,
+            u.name
+          ) }),
+          /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: s.this_action_cannot_be_undone })
+        ]
+      }
+    )
+  ] });
+}, _3 = V(p3), V1 = (t, o) => {
+  const { connection_messages: n } = o;
+  switch (t.connection_status) {
+    case L.CHALLENGED:
+      return {
+        cta: n.challenged_cta,
+        main: f(
+          n.challenged_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.challenged_connection_title
+      };
+    case L.CLOSED:
+      return {
+        main: n.closed_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.closed_connection_title
+      };
+    case L.DEGRADED:
+      return {
+        main: n.degraded_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.degraded_connection_title
+      };
+    case L.DELAYED:
+      return {
+        main: f(
+          n.delayed_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.delayed_connection_title
+      };
+    case L.DENIED:
+      return {
+        cta: n.denied_cta,
+        main: f(
+          n.denied_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.denied_connection_title
+      };
+    case L.DISABLED:
+      return {
+        main: n.disabled_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.disabled_connection_title
+      };
+    case L.DISCONNECTED:
+      return {
+        main: f(
+          n.disconnected_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.disconnected_connection_title
+      };
+    case L.DISCONTINUED:
+      return {
+        main: n.discontinued_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.discontinued_connection_title
+      };
+    case L.EXPIRED:
+      return {
+        cta: n.expired_cta,
+        main: n.expired_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.expired_connection_title
+      };
+    case L.FAILED:
+      return {
+        main: f(
+          n.failed_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.failed_connection_title
+      };
+    case L.IMPAIRED:
+      return {
+        cta: n.impaired_cta,
+        main: f(
+          n.impaired_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.impaired_connection_title
+      };
+    case L.IMPEDED:
+      return {
+        main: f(
+          n.impeded_connection_description,
+          t.name,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.impeded_connection_title
+      };
+    case L.IMPORTED:
+      return {
+        cta: n.imported_cta,
+        main: f(
+          n.imported_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.imported_connection_title
+      };
+    case L.LOCKED:
+      return {
+        cta: n.locked_cta,
+        main: f(
+          n.locked_connection_description,
+          t.name
+        ),
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.locked_connection_title
+      };
+    case L.PREVENTED:
+      return {
+        cta: n.prevented_cta,
+        main: n.prevented_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.prevented_connection_title
+      };
+    case L.REJECTED:
+      return {
+        cta: n.rejected_cta,
+        main: n.rejected_connection_description,
+        statusName: o.connection_statuses[t.connection_status],
+        title: n.rejected_connection_title
+      };
+    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);
+        if (l)
+          return B1(c) ? f(o.last_updated_at, o.today, l) : U1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
+            o.last_updated_at,
+            s1(c, l1.MONTH_DAY_YEAR),
+            l
+          );
+      };
+      return {
+        statusName: o.connection_statuses[6],
+        // Connected
+        title: i()
+      };
+    }
+  }
+}, q = {
+  color: "background.default",
+  fontSize: 20,
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, L3 = () => {
+  const [t, o] = h.useState(!1), {
+    palette: { mode: n }
+  } = O1(), { selectedMember: i } = R(), { accounts: c, connect: l } = y(), u = V1(i, l), a = p1.includes(i.connection_status) ? {
+    color: "error.main",
+    ctaCopy: u.cta ?? "",
+    icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
+    mainMessage: u.statusName,
+    secondaryMessage: `${u.title}.`
+  } : {
+    color: "success.main",
+    icon: /* @__PURE__ */ e(P1, { filled: !0, sx: { ...q } }),
+    mainMessage: u.statusName,
+    secondaryMessage: u.title
+  };
+  return /* @__PURE__ */ C(x, { children: [
+    /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "XSmall", 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(X, { 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(X, { 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: "XSmall", children: a.ctaCopy })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(F, { name: "chevron_right" })
+    ] }) }),
+    /* @__PURE__ */ e(b, { 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(
+          X,
+          {
+            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(O, { primary: i.name, secondary: i.institution_url }),
+        /* @__PURE__ */ e(F, { name: "launch" })
+      ] }) }),
+      /* @__PURE__ */ e(b, {})
+    ] }),
+    t && /* @__PURE__ */ e(
+      z,
+      {
+        loadWidgetProps: { current_member_guid: i.guid },
+        onClose: () => o(!1),
+        showConnectWidget: t,
+        title: c.manage_connection
+      }
+    )
+  ] });
+}, f3 = V(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
+  const { updateAccount: i } = k(), { selectedAccount: c } = R(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [d, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
+    a(""), m(""), n();
+  }, v = () => {
+    switch (t.type) {
+      case j.Select:
+        return /* @__PURE__ */ C(K1, { fullWidth: !0, children: [
+          /* @__PURE__ */ e(Y1, { id: `${t.label}-select-label`, children: t.label }),
+          /* @__PURE__ */ e(
+            J1,
+            {
+              id: `${t.label}-select`,
+              inputProps: {
+                sx: {
+                  backgroundColor: "background.paper"
+                }
+              },
+              label: t.label,
+              labelId: `${t.label}-select-label`,
+              onChange: (r) => a(r.target.value),
+              placeholder: t.placeholder,
+              value: u,
+              children: t.options?.map((r) => /* @__PURE__ */ e(X1, { value: r.value, children: r.label }, r.value))
+            }
+          )
+        ] });
+      case j.Currency:
+        return /* @__PURE__ */ e(
+          Q1,
+          {
+            amount: u || "",
+            ariaLabel: t.placeholder,
+            fullWidth: !0,
+            label: t.label,
+            placeholder: t.placeholder,
+            setAmount: a,
+            setHasValidInput: s
+          }
+        );
+      case j.Date:
+        return /* @__PURE__ */ e(j1, { dateAdapter: G1, children: /* @__PURE__ */ e(
+          z1,
+          {
+            maxDate: $1(/* @__PURE__ */ new Date(), 1),
+            minDate: /* @__PURE__ */ new Date(),
+            onChange: (r) => {
+              c[t.name] && Number(c[t.name]) <= 31 ? a(r.getDate()) : a(r);
+            },
+            sx: {
+              "& .MuiPickersDay-today": {
+                color: "primary.lighter"
+              },
+              "& .MuiPickersArrowSwitcher-button": {
+                color: "primary.lighter",
+                "&:hover": {
+                  backgroundColor: (r) => y1(r.palette.primary.light, 0.1)
+                }
+              }
+            },
+            views: ["day"]
+          }
+        ) });
+      default:
+        return /* @__PURE__ */ e(
+          q1,
+          {
+            defaultValue: c[t.name],
+            error: !!d,
+            fullWidth: !0,
+            helperText: d,
+            inputProps: {
+              "aria-label": t.placeholder
+            },
+            onChange: w,
+            placeholder: t.placeholder
+          }
+        );
+    }
+  }, M = () => {
+    c[t.name] !== u && i({
+      ...c,
+      [t.name]: u
+    }), H();
+  }, w = (r) => {
+    a(r.target.value), t.validation && m(t.validation(r.target.value));
+  };
+  return /* @__PURE__ */ e(
+    Q,
+    {
+      copy: {
+        close_aria: l.close_aria,
+        title: f(l.edit_field, t.label)
+      },
+      disablePrimaryButton: !!d || !_,
+      isOpen: o,
+      onClose: H,
+      onPrimaryAction: M,
+      primaryText: l.save,
+      sx: {
+        "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
+          outline: "2px solid",
+          outlineColor: "primary.main",
+          outlineOffset: "2px"
+        }
+      },
+      children: v()
+    }
+  );
+}, H3 = V(g3), A3 = () => {
+  const t = window.app?.config, { onEvent: o } = Z(), { selectedAccount: n } = R(), { 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), [d, m] = h.useState(c[0]), _ = c.filter(
+    (s) => l || n[s.name] || n[s.name] === 0
+  );
+  return /* @__PURE__ */ C(x, { children: [
+    _.map((s) => {
+      const H = n[s.name] || n[s.name] === 0, v = _.indexOf(s) === _.length - 1, M = /* @__PURE__ */ e(
+        O,
+        {
+          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(b, { sx: { ml: v ? 0 : 24 } })
+      ] }) : H && /* @__PURE__ */ C(x, { children: [
+        /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper", px: 24 }, children: M }),
+        /* @__PURE__ */ e(b, { sx: { ml: v ? 0 : 24 } })
+      ] }) }, s.name);
+    }),
+    u && d && /* @__PURE__ */ e(
+      H3,
+      {
+        field: d,
+        isOpen: u,
+        onClose: () => a(!1)
+      }
+    )
+  ] });
+}, V3 = V(A3), v3 = () => {
+  const { onEvent: t } = Z();
+  return h.useEffect(() => t(S.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(E, { children: [
+    /* @__PURE__ */ e(V3, {}),
+    /* @__PURE__ */ e(f3, {}),
+    /* @__PURE__ */ e(_3, {})
+  ] });
+}, M3 = V(v3), y3 = ({ setTabValue: t }) => {
+  const [o, n] = h.useState(!1), { selectedMember: i } = R(), { accounts: c, connect: l } = y(), 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: [
+    /* @__PURE__ */ e(
+      o3,
+      {
+        sx: {
+          mb: 16,
+          mt: 24,
+          mx: 24
+        },
+        children: /* @__PURE__ */ C(
+          e3,
+          {
+            icon: /* @__PURE__ */ e(g1, { filled: !0 }),
+            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(t3, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: a.title }),
+              /* @__PURE__ */ e(g, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: a.main }),
+              a.cta && /* @__PURE__ */ e(
+                n3,
+                {
+                  onClick: () => n(!0),
+                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
+                  children: a.cta
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    o && /* @__PURE__ */ e(
+      z,
+      {
+        loadWidgetProps: { current_member_guid: i.guid },
+        onClose: () => n(!1),
+        showConnectWidget: o,
+        title: c.manage_connection
+      }
+    )
+  ] });
+}, x3 = V(y3), w3 = () => {
+  const [t, o] = h.useState(""), { onEvent: n } = Z(), { selectedAccount: i } = R(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: d } = m1();
+  h.useEffect(() => {
+    l || u().finally();
+  }, []);
+  const m = h.useMemo(
+    () => d.find((_) => _.guid === t),
+    [t, d]
+  );
+  return h.useEffect(() => {
+    a({
+      dateRange: { start: c3(a3(), 90), end: i3() },
+      accounts: [i.guid]
+    });
+  }, [i]), h.useEffect(() => n(S.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(x, { children: [
+    /* @__PURE__ */ e(s3, { onClick: o }),
+    m && /* @__PURE__ */ e(
+      t1,
+      {
+        ariaLabelClose: c.close_drawer,
+        isOpen: !!t,
+        onClose: () => o(""),
+        title: c.transaction_drawer_title,
+        children: /* @__PURE__ */ e(l3, { transaction: m })
+      }
+    )
+  ] });
+}, b3 = V(w3), S3 = () => {
+  const [t, o] = h.useState(0), { accounts: n } = y();
+  return /* @__PURE__ */ C(x, { children: [
+    /* @__PURE__ */ e(x3, { setTabValue: o }),
+    /* @__PURE__ */ C(
+      Z1,
+      {
+        "aria-label": n.transactions_and_details_aria,
+        centered: !0,
+        onChange: (i, c) => o(c),
+        textColor: "primary",
+        value: t,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ e(
+            a1,
+            {
+              "aria-controls": "transaction-details-tabpanel-0",
+              id: "transaction-details-tab-0",
+              label: n.transactions
+            }
+          ),
+          /* @__PURE__ */ e(
+            a1,
+            {
+              "aria-controls": "account-details-tabpanel-1",
+              id: "account-details-tab-1",
+              label: n.account_details
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(r1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(b3, {}) }),
+    /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(M3, {}) })
+  ] });
+}, R3 = V(S3), T3 = () => {
+  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = R(), { members: u } = k(), { onEvent: a } = Z(), d = [...new Set(i.map((r) => r.account_type))], m = i.find((r) => t === r.guid), _ = h.useMemo(
+    () => i.filter((r) => r.is_hidden),
+    [i]
+  ), s = h.useMemo(
+    () => i.filter((r) => r.is_closed),
+    [i]
+  ), H = _.reduce(
+    (r, p) => (p.available_balance || p.balance || 0) + r,
     0
-  ), R = c1(f, n);
-  s.useEffect(() => {
-    if (p) {
-      u(p);
-      const t = L.find((a) => a.guid === p?.member_guid) || {};
-      t && i(t);
+  ), v = k1(s, n);
+  h.useEffect(() => {
+    if (m) {
+      c(m);
+      const r = u.find((p) => p.guid === m?.member_guid) || {};
+      r && l(r);
     }
-  }, [p, o]);
-  const _ = (t) => {
-    C(t.guid), d(S.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: t.guid,
-      account_type: t.account_type
+  }, [m, t]);
+  const M = (r) => {
+    o(r.guid), a(S.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: r.guid,
+      account_type: r.account_type
     });
-  }, w = (t) => {
-    const a = t === "hidden" ? H : f, A = t === "hidden" ? M : R, c = t === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+  }, w = (r) => {
+    const p = r === "hidden" ? _ : s, I = r === "hidden" ? H : v, A = r === "hidden" ? n.account_hidden : n.account_closed;
+    return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
       E,
       {
-        "aria-label": c,
-        subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-          x,
+        "aria-label": A,
+        subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+          W,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: c }),
-              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: A }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(I, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(x, { children: a.map((m, Z, J) => {
-          const k = Z === J.length - 1;
-          return /* @__PURE__ */ r(s.Fragment, { children: [
+        children: /* @__PURE__ */ e(W, { children: p.map((T, P, v1) => {
+          const K = P === v1.length - 1;
+          return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              T,
+              U,
               {
-                account: m,
-                onRowClick: () => _(m),
+                account: T,
+                onRowClick: () => M(T),
                 shouldShowConnectionStatus: !0
               }
             ),
-            t === "hidden" ? /* @__PURE__ */ e(
-              y,
+            r === "hidden" ? /* @__PURE__ */ e(
+              b,
               {
                 sx: {
-                  mb: k ? 24 : 4,
-                  ml: k ? 24 : 68
+                  mb: K ? 24 : 4,
+                  ml: K ? 24 : 68
                 }
               }
-            ) : !k && /* @__PURE__ */ e(
-              y,
+            ) : !K && /* @__PURE__ */ e(
+              b,
               {
                 sx: {
                   mb: 4,
@@ -132,170 +807,193 @@ const h1 = (o, C) => {
                 }
               }
             )
-          ] }, m.guid);
+          ] }, T.guid);
         }) })
       }
     ) });
   };
-  return /* @__PURE__ */ r(D, { sx: { pt: 24 }, children: [
-    h.map((t) => {
-      const a = l.filter(
-        (c) => c.account_type === t && !c.is_closed && !c.is_hidden
-      ), A = a.reduce(
-        (c, m) => (m.balance || 0) + c,
+  return /* @__PURE__ */ C(c1, { sx: { pt: 24 }, children: [
+    d.map((r) => {
+      const p = i.filter(
+        (A) => A.account_type === r && !A.is_closed && !A.is_hidden
+      ), I = p.reduce(
+        (A, T) => (T.balance || 0) + A,
         0
       );
-      return a.length === 0 ? null : /* @__PURE__ */ e(
+      return p.length === 0 ? null : /* @__PURE__ */ e(
         E,
         {
-          "aria-label": n.account_type_accounts[a[0]?.account_type],
-          subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-            x,
+          "aria-label": n.account_type_accounts[p[0]?.account_type],
+          subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+            W,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: n.account_types[t] }),
-                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: n.account_types[r] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(I, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(x, { children: a.map((c) => {
-            const m = l.indexOf(c) === l.length - 1, Z = a.indexOf(c) === a.length - 1;
-            return /* @__PURE__ */ r(s.Fragment, { children: [
+          children: /* @__PURE__ */ e(W, { children: p.map((A) => {
+            const T = i.indexOf(A) === i.length - 1, P = p.indexOf(A) === p.length - 1;
+            return /* @__PURE__ */ C(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                T,
+                U,
                 {
-                  account: c,
-                  onRowClick: () => _(c),
+                  account: A,
+                  onRowClick: () => M(A),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
-                y,
+              (!T || s.length > 0 || _.length > 0) && /* @__PURE__ */ e(
+                b,
                 {
                   sx: {
-                    mb: Z ? 24 : 4,
-                    ml: Z ? 24 : 68
+                    mb: P ? 24 : 4,
+                    ml: P ? 24 : 68
                   }
                 }
               )
-            ] }, c.guid);
+            ] }, A.guid);
           }) })
         },
-        t
+        r
       );
     }),
-    H.length > 0 && w("hidden"),
-    f.length > 0 && w("closed"),
-    /* @__PURE__ */ r(
-      a1,
+    _.length > 0 && w("hidden"),
+    s.length > 0 && w("closed"),
+    /* @__PURE__ */ C(
+      t1,
       {
         ariaLabelClose: n.close_account_details_aria,
-        isOpen: !!o,
-        onClose: () => C(""),
+        isOpen: !!t,
+        onClose: () => o(""),
         title: n.account_details,
         children: [
-          /* @__PURE__ */ e(X, { ChartComponent: f1 }),
-          /* @__PURE__ */ e(s1, {})
+          /* @__PURE__ */ e(x1, { ChartComponent: h3 }),
+          /* @__PURE__ */ e(R3, {})
         ]
       }
     )
   ] });
-}, V1 = g(m1), g1 = ({ onBackClick: o, sx: C = {} }) => {
-  const [n, l] = s.useState(!1), [u, i] = s.useState(!1), { config: L } = o1(), { detailedAccounts: d, isAccountDataLoaded: h, loadAccountData: p } = F(), { accounts: H, connect: f } = v(), { isInitialized: M, selectedAccountGuids: R, setSelectedAccounts: _ } = b(), { isDesktop: w } = z(), { onEvent: t } = G(), { onLoad: a } = C1();
-  s.useEffect(() => {
-    h || p().finally();
-  }, []), s.useEffect(() => {
-    _(d);
-  }, [d]), s.useEffect(() => {
-    h && a?.("AccountsWidget");
-  }, [h]);
-  const A = () => {
-    l(!0), t(S.ACCOUNTS_CLICK_CONNECT);
-  }, c = () => {
-    i(!0), t(S.ACCOUNTS_CLICK_CONNECT);
+}, 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: d } = k(), { accounts: m, connect: _ } = y(), { isInitialized: s, selectedAccountGuids: H } = G(), { isDesktop: v } = H1(), { onEvent: M } = Z();
+  o1({
+    widgetName: "AccountsWidget",
+    isLoaded: a
+  }), h.useEffect(() => {
+    a || d().finally();
+  }, []);
+  const w = () => {
+    i(!0), M(S.ACCOUNTS_CLICK_CONNECT);
+  }, r = () => {
+    l(!0), M(S.ACCOUNTS_CLICK_CONNECT);
   };
-  return M ? /* @__PURE__ */ r(
-    r1,
+  return s ? /* @__PURE__ */ C(
+    N1,
     {
-      accountOptions: d,
-      actions: L.show_connections_widget_in_master ? [
-        { iconName: "add", label: H.add, onClick: A },
+      actions: u.show_connections_widget_in_master ? [
+        { iconName: "add", label: m.add, onClick: w },
         {
           iconName: "credit_card_gear",
-          label: H.manage,
-          onClick: c
+          label: m.manage,
+          onClick: r
         }
       ] : [],
-      onAccountsFilterClick: () => t(S.ACCOUNTS_CLICK_FILTER),
-      onBackClick: o,
-      sx: C,
-      title: H.title,
+      onAccountsFilterClick: () => M(S.ACCOUNTS_CLICK_FILTER),
+      onBackClick: t,
+      sx: o,
+      title: m.title,
       children: [
-        h ? /* @__PURE__ */ r(I, { sx: { px: w ? 24 : 12 }, children: [
-          R.length < 1 && /* @__PURE__ */ e(V, { display: "flex", justifyContent: "center", my: 24, children: H.no_accounts }),
-          /* @__PURE__ */ e(V1, {})
-        ] }) : /* @__PURE__ */ e(U, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
+        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 }),
+          /* @__PURE__ */ e(E3, {})
+        ] }) : /* @__PURE__ */ e(h1, { sx: { px: v ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
-          j,
+          z,
           {
-            onClose: () => l(!1),
+            onClose: () => i(!1),
             showConnectWidget: n,
-            title: f.mini_title
+            title: _.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          u1,
+          r3,
           {
-            onClose: () => i(!1),
-            showConnectionsWidget: u,
-            title: H.manage_connections
+            onClose: () => l(!1),
+            showConnectionsWidget: c,
+            title: m.manage_connections
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(B, {});
-}, t3 = g(g1), v1 = ({ onPrimaryCtaClick: o, sx: C }) => {
-  const { visibleAccounts: n, isAccountDataLoaded: l, loadAccountData: u } = F(), { accounts: i } = v(), { isInitialized: L, selectedAccounts: d, setSelectedAccounts: h } = b(), { isDesktop: p } = z();
-  s.useEffect(() => {
-    l || u().finally();
-  }, []), s.useEffect(() => {
-    h(n);
-  }, [n]);
-  const H = s.useMemo(
-    () => d1(d, p ? 5 : 3),
-    [d, p]
+  ) : /* @__PURE__ */ e(n1, {});
+}, j4 = V(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),
+    { heldAccounts: [], externalAccounts: [] }
   );
-  return L ? /* @__PURE__ */ e(
-    q,
+  return {
+    heldAccounts: C1(o),
+    externalAccounts: C1(n)
+  };
+}
+function Z3(t, o) {
+  const { heldAccounts: n, externalAccounts: i } = k3(t), c = n.slice(0, o);
+  return c.length < o && c.push(...i.slice(0, o - c.length)), c;
+}
+const I3 = {
+  [N.CHECKING]: 1,
+  [N.SAVINGS]: 2,
+  [N.CREDIT_CARD]: 3
+}, u1 = (t) => I3[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();
+  o1({
+    widgetName: "AccountsMiniWidget",
+    isLoaded: l
+  }), h.useEffect(() => {
+    n || i().finally();
+  }, []);
+  const d = h.useMemo(
+    () => Z3(u, a ? 5 : 3),
+    [u, a]
+  );
+  return l ? /* @__PURE__ */ e(
+    A1,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: o,
-      primaryCtaLabel: i.primary_cta,
-      sx: C,
-      title: i.mini_title,
-      children: l ? /* @__PURE__ */ r(E, { children: [
-        d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: i.no_accounts }),
-        H.map((f, M) => {
-          const R = H.indexOf(f) === H.length - 1;
-          return /* @__PURE__ */ r(s.Fragment, { children: [
+      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 }),
+        d.map((m, _) => {
+          const s = d.indexOf(m) === d.length - 1;
+          return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              T,
+              U,
               {
-                account: f,
+                account: m,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !R && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${M}`);
+            !s && /* @__PURE__ */ e(b, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${_}`);
         })
-      ] }) : /* @__PURE__ */ e(U, { sx: { px: 12, py: 8 }, variant: "list" })
+      ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(B, {});
-}, l3 = g(v1), M1 = () => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(n1, {});
+}, X4 = V(N3), O3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -303,7 +1001,7 @@ const h1 = (o, C) => {
     viewBox: "0 0 272 66",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ r("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",
@@ -589,7 +1287,7 @@ const h1 = (o, C) => {
           children: /* @__PURE__ */ e("rect", { fill: "white", height: "47.5848", rx: "3.31025", width: "46.8064", x: "113.168", y: "18.1035" })
         }
       ),
-      /* @__PURE__ */ r("g", { mask: "url(#mask1_6197_80303)", children: [
+      /* @__PURE__ */ C("g", { mask: "url(#mask1_6197_80303)", children: [
         /* @__PURE__ */ e(
           "mask",
           {
@@ -734,12 +1432,12 @@ const h1 = (o, C) => {
       )
     ]
   }
-), R1 = () => {
-  const { connect: o } = v();
-  return /* @__PURE__ */ r(I, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(M1, {}),
+), F3 = () => {
+  const { connect: t } = y();
+  return /* @__PURE__ */ C(e1, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(O3, {}),
     /* @__PURE__ */ e(
-      V,
+      g,
       {
         sx: {
           whiteSpace: "wrap",
@@ -747,52 +1445,55 @@ const h1 = (o, C) => {
           textAlign: "center"
         },
         variant: "Paragraph",
-        children: o.mini_widget_content
+        children: t.mini_widget_content
       }
     )
   ] });
-}, w1 = g(R1), A1 = ({
-  onPrimaryCtaClick: o = () => {
+}, P3 = V(F3), W3 = ({
+  onPrimaryCtaClick: t = () => {
   },
-  sx: C
+  sx: o
 }) => {
-  const { isCopyLoaded: n } = b(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
-    i(!0), o();
+  const { isCopyLoaded: n } = G(), { connect: i } = y(), [c, l] = h.useState(!1), u = () => {
+    l(!0), t();
   };
-  return n ? /* @__PURE__ */ r(
-    q,
+  return o1({
+    widgetName: "ConnectMiniWidget",
+    isLoaded: n
+  }), n ? /* @__PURE__ */ C(
+    A1,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: L,
-      primaryCtaLabel: l.primary_cta,
-      sx: C,
-      title: l.mini_title,
+      onPrimaryCtaClick: u,
+      primaryCtaLabel: i.primary_cta,
+      sx: o,
+      title: i.mini_title,
       children: [
-        /* @__PURE__ */ e(w1, {}),
-        u && /* @__PURE__ */ e(
-          j,
+        /* @__PURE__ */ e(P3, {}),
+        c && /* @__PURE__ */ e(
+          z,
           {
-            onClose: () => i(!1),
-            showConnectWidget: u,
-            title: l.mini_title
+            onClose: () => l(!1),
+            showConnectWidget: c,
+            title: i.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(B, {});
-}, n3 = g(A1);
+  ) : /* @__PURE__ */ e(n1, {});
+}, J4 = V(W3);
 export {
-  h3 as AccountApi,
-  s1 as AccountDetailsContent,
-  X as AccountDetailsHeader,
-  H3 as AccountStore,
-  l3 as AccountsMiniWidget,
-  t3 as AccountsWidget,
-  n3 as ConnectMiniWidget,
-  C3 as FieldType,
-  d3 as MemberConnectionStatus,
-  s3 as getAccountBalanceDetails,
-  a3 as getAccountDetailFields,
-  P as useAccountUiStore,
-  u3 as useGetMergeableAccounts
+  i2 as AccountApi,
+  R3 as AccountDetailsContent,
+  x1 as AccountDetailsHeader,
+  a2 as AccountStore,
+  X4 as AccountsMiniWidget,
+  j4 as AccountsWidget,
+  J4 as ConnectMiniWidget,
+  j as FieldType,
+  n2 as MemberConnectionStatus,
+  e2 as getAccountBalanceDetails,
+  D1 as getAccountDetailFields,
+  R as useAccountUiStore,
+  m3 as useGetMergeableAccounts
 };