@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/AccountDetailsDrawer-BcwBkxIE.mjs

@@ -1,922 +0,0 @@
-import { jsx as e, jsxs as u, Fragment as T } from "react/jsx-runtime";
-import { observer as x } from "mobx-react-lite";
-import { useTheme as $, alpha as rt } from "@mui/material/styles";
-import { u as S, a as lt, b as dt, A as ut } from "./AccountDetailsHeader-C84CSN2K.mjs";
-import { L as _t } from "./LineChart-CUfiH86G.mjs";
-import { g as mt, a as pt, b as ht } from "./SpendingData-Fii_xATx.mjs";
-import { l as gt, u as D, c as V, i as Ct, f as P, g as Q } from "./hooks-97sNJ_lf.mjs";
-import { c as Y, C as G, e as m, N as Z } from "./Account-DR7Plrqy.mjs";
-import { I as tt, P as et, S as nt, T as H } from "./TabContentContainer-B0eYJP5p.mjs";
-import _ from "react";
-import j from "@mui/material/Tab";
-import ft from "@mui/material/Tabs";
-import ot from "@mui/material/List";
-import at from "@mui/material/ListSubheader";
-import bt from "@mui/material/Switch";
-import { InstitutionLogo as At, Text as g, Icon as M } from "@mxenabled/mxui";
-import w from "@mui/material/ListItem";
-import k from "@mui/material/ListItemButton";
-import v from "@mui/material/ListItemText";
-import { b as h } from "./Localization-DnoVyBNK.mjs";
-import yt from "@mui/material/Badge";
-import K from "@mui/material/Box";
-import L from "@mui/material/ListItemAvatar";
-import { Error as W, Language as Tt, CheckCircle as xt } from "@mxenabled/mx-icons";
-import { I as O } from "./IconBacking-DgT8DCeh.mjs";
-import { f as Dt } from "./NumberFormatting--XMeeBfr.mjs";
-import { u as St } from "./useAccountDisplayName-BsiXA0qf.mjs";
-import { A as I } from "./Analytics-D-jdcL72.mjs";
-import { D as U } from "./Dialog-Bvd2n8hz.mjs";
-import { D as z } from "./Drawer-DLUMdk6P.mjs";
-import Et from "@mui/material/Stack";
-import { C as st } from "./ConnectDrawer-CYP3sd5f.mjs";
-import { fromUnixTime as vt } from "date-fns/fromUnixTime";
-import { isToday as wt } from "date-fns/isToday";
-import { isYesterday as It } from "date-fns/isYesterday";
-import { f as X, D as q } from "./DateFormats-HudZ3Bjs.mjs";
-import { addMonths as Mt } from "date-fns/addMonths";
-import { AdapterDateFns as kt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as Nt } from "@mui/x-date-pickers/DateCalendar";
-import Lt from "@mui/material/FormControl";
-import Ot from "@mui/material/InputLabel";
-import { LocalizationProvider as Pt } from "@mui/x-date-pickers-pro";
-import J from "@mui/material/MenuItem";
-import Rt from "@mui/material/Select";
-import Bt from "@mui/material/TextField";
-import { F as R } from "./Connect-BH0Pt6zc.mjs";
-import { C as Ft } from "./CurrencyInput-DaGEQaLW.mjs";
-import Ut from "@mui/material/Alert";
-import $t from "@mui/material/AlertTitle";
-import Vt from "@mui/material/Link";
-import Wt from "@mui/material/Paper";
-import { endOfToday as zt, subDays as Yt, startOfToday as Gt } from "date-fns";
-import { T as Ht } from "./EmbeddedCard-DCR-ziFE.mjs";
-import { T as jt } from "./TransactionDetails-C5JAB8SL.mjs";
-const Kt = (t, o) => {
-  const n = tt.includes(o) ? mt(t) : [], a = et.includes(o) ? pt(t) : [], c = nt.includes(o) ? ht(t) : [];
-  return [n, a, c].filter((l) => l.length > 0);
-}, Xt = (t, o, n) => {
-  const [a, c] = t, l = a, d = c ?? a, s = [];
-  if (l && d && tt.includes(o)) {
-    const r = l[l.length - 1].y;
-    s.push({ label: n.income_label, amount: r });
-  } else if (et.includes(o)) {
-    const r = l[l.length - 1].y;
-    s.push({ label: n.payments_label, amount: r });
-  }
-  if (d && nt.includes(o)) {
-    const r = d[d.length - 1].y;
-    s.push({ label: n.spending_label, amount: r });
-  }
-  return s;
-}, qt = () => {
-  const t = $(), { selectedAccount: o } = S(), { monthlyCategoryTotals: n } = gt(), { trends: a } = D(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = Kt(n, o.account_type), d = Xt(l, o.account_type, a), s = [Y.LOAN, Y.MORTGAGE].includes(o.account_type);
-  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    _t,
-    {
-      colors: c,
-      datasets: l,
-      height: 185,
-      labels: d,
-      showAverage: s,
-      showAxisHighlight: !0,
-      showBars: s,
-      showLegend: !0,
-      showTooltip: !0,
-      showXAxis: !0,
-      showXAxisTicks: !0,
-      showYAxis: !0,
-      showYAxisTicks: !0,
-      valueFormatterString: "0,0"
-    }
-  ) });
-}, Jt = x(qt), B = ({
-  ariaPressed: t,
-  children: o,
-  isLast: n = !1,
-  onClick: a,
-  primaryText: c,
-  secondaryText: l
-}) => /* @__PURE__ */ e(
-  w,
-  {
-    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__ */ u(k, { "aria-pressed": t, onClick: a, children: [
-      /* @__PURE__ */ e(v, { primary: c, secondary: l }),
-      o
-    ] })
-  }
-), Qt = () => {
-  const { accounts: t } = V(), { selectedAccount: o, selectedMember: n } = S();
-  return t.filter(
-    (a) => a.member_guid === n.guid && n.successfully_aggregated_at && a.guid !== o.guid
-  );
-}, Zt = {
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, te = ({ size: t = 20 }) => /* @__PURE__ */ e(O, { size: t, children: /* @__PURE__ */ e(W, { color: "error", filled: !0, sx: { fontSize: t, ...Zt } }) }), ee = ({
-  account: t,
-  onRowClick: o,
-  listItemProps: n,
-  shouldShowConnectionStatus: a = !1
-}) => {
-  const c = $(), l = St(t), { config: d } = Ct(), { accounts: s } = D(), { firstSubtitle: r, firstValue: f, secondSubtitle: b, secondValue: i } = lt(
-    t,
-    s,
-    d.display_available_balance_in_accounts
-  );
-  let C;
-  (t.connectionStatus === G.Error || t.connectionStatus === G.RequiresMfa) && (C = /* @__PURE__ */ e(te, { size: 16 }));
-  const A = /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
-      yt,
-      {
-        badgeContent: a ? C : void 0,
-        sx: {
-          "& .MuiBadge-badge": {
-            right: -1
-          }
-        },
-        children: /* @__PURE__ */ e(At, { alt: "MX", institutionGuid: t.institution_guid || "" })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      v,
-      {
-        disableTypography: !0,
-        primary: /* @__PURE__ */ u(
-          g,
-          {
-            bold: !0,
-            color: t.is_hidden ? c.palette.text.secondary : void 0,
-            variant: "body1",
-            children: [
-              `${l} ${t.account_number ? `*${t.account_number}` : ""}`,
-              " ",
-              t.is_hidden && !t.is_closed && s.is_hidden,
-              t.is_closed && s.is_closed
-            ]
-          }
-        ),
-        secondary: /* @__PURE__ */ u(T, { children: [
-          /* @__PURE__ */ u(K, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(g, { variant: "caption", children: r }),
-            /* @__PURE__ */ e(g, { bold: !0, variant: "body2", children: Dt(f, "0,0.00") })
-          ] }),
-          /* @__PURE__ */ u(K, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(g, { variant: "caption", children: b }),
-            /* @__PURE__ */ e(g, { ml: "auto", variant: "caption", children: i })
-          ] })
-        ] })
-      }
-    )
-  ] });
-  return /* @__PURE__ */ e(
-    w,
-    {
-      ...n,
-      sx: {
-        backgroundColor: "background.paper",
-        color: t.is_closed ? "grey.700" : "",
-        ...n?.sx
-      },
-      children: o ? /* @__PURE__ */ e(k, { alignItems: "flex-start", onClick: o, sx: { px: 24 }, children: A }) : A
-    }
-  );
-}, ne = x(ee), oe = () => {
-  const [t, o] = _.useState(!1), [n, a] = _.useState(!1), [c, l] = _.useState(!1), [d, s] = _.useState({}), { selectedAccount: r } = S(), { mergeAccounts: f, updateAccount: b } = V(), { accounts: i } = D(), C = Qt(), { onEvent: A } = P(), { modifyTransactionByAccountGuid: E } = Q(), N = async (y) => {
-    await b({
-      ...r,
-      ...y
-    }), "is_closed" in y && y.is_closed !== r.is_closed && E(r.guid, { accountIsClosed: y.is_closed });
-  }, p = () => {
-    f([r.guid, d.guid]).finally(
-      () => a(!1)
-    );
-  };
-  return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(at, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: i.actions }) }),
-    /* @__PURE__ */ e(
-      B,
-      {
-        ariaPressed: r.is_hidden,
-        onClick: () => {
-          N({ is_hidden: !r.is_hidden }), A(I.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
-        },
-        primaryText: r.is_hidden ? i.unhide_account : i.hide_Account,
-        secondaryText: r.is_hidden ? i.include_this_account : i.exclude_this_account,
-        children: /* @__PURE__ */ e(bt, { "aria-hidden": !0, checked: r.is_hidden, tabIndex: -1 })
-      }
-    ),
-    /* @__PURE__ */ u(
-      B,
-      {
-        onClick: () => {
-          o(!0), A(I.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
-            account_guid: r.guid
-          });
-        },
-        primaryText: r.is_closed ? i.mark_as_open : i.mark_as_closed,
-        secondaryText: r.is_closed ? i.this_will_set_the_closed_account : i.this_will_set_the_account_balance_to_0,
-        children: [
-          /* @__PURE__ */ e(M, { name: "chevron_right" }),
-          /* @__PURE__ */ e("div", { onClick: (y) => y.stopPropagation(), children: /* @__PURE__ */ e(
-            U,
-            {
-              copy: {
-                close_aria: i.close_modal,
-                title: r.is_closed ? i.confirm_mark_as_open : i.confirm_mark_closed
-              },
-              isOpen: t,
-              onClose: () => {
-                o(!1);
-              },
-              onPrimaryAction: () => N({ is_closed: !r.is_closed }),
-              children: /* @__PURE__ */ e(g, { truncate: !1, children: h(
-                r.is_closed ? i.this_will_resume_updating_the_balance : i.this_will_set_the_balance_of_your_account,
-                r.name
-              ) })
-            }
-          ) })
-        ]
-      }
-    ),
-    C.length > 0 && /* @__PURE__ */ e(
-      B,
-      {
-        isLast: !0,
-        onClick: () => {
-          a(!0), A(I.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
-            account_guid: r.guid
-          });
-        },
-        primaryText: i.mark_as_duplicate,
-        secondaryText: i.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ e(M, { name: "chevron_right" })
-      }
-    ),
-    /* @__PURE__ */ u(
-      z,
-      {
-        ariaLabelClose: i.close_drawer,
-        isOpen: n,
-        onClose: () => a(!1),
-        title: i.mark_as_duplicate,
-        children: [
-          /* @__PURE__ */ e(ot, { children: C.map((y) => {
-            const ct = C.indexOf(y) === C.length - 1;
-            return /* @__PURE__ */ e(
-              ne,
-              {
-                account: y,
-                listItemProps: {
-                  sx: {
-                    position: "relative",
-                    "&::after": {
-                      content: '""',
-                      position: "absolute",
-                      bottom: 0,
-                      right: 0,
-                      left: ct ? 0 : 24,
-                      borderBottom: "1px solid",
-                      borderColor: "divider"
-                    }
-                  }
-                },
-                onRowClick: () => {
-                  l(!0), s(y);
-                }
-              },
-              y.guid
-            );
-          }) }),
-          c && /* @__PURE__ */ u(
-            U,
-            {
-              copy: {
-                close_aria: i.close_modal,
-                title: i.confirm_merge
-              },
-              isOpen: c,
-              onClose: () => l(!1),
-              onPrimaryAction: p,
-              children: [
-                /* @__PURE__ */ e(g, { truncate: !1, children: h(
-                  i.this_means_accounts_will_be_merged,
-                  r.name,
-                  d.name
-                ) }),
-                /* @__PURE__ */ e(g, { color: "error", sx: { mt: 24 }, children: i.this_action_cannot_be_undone })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, ae = x(oe), it = (t, o) => {
-  const { connection_messages: n } = o;
-  switch (t.connection_status) {
-    case m.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 m.CLOSED:
-      return {
-        main: n.closed_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.closed_connection_title
-      };
-    case m.DEGRADED:
-      return {
-        main: n.degraded_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.degraded_connection_title
-      };
-    case m.DELAYED:
-      return {
-        main: h(
-          n.delayed_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.delayed_connection_title
-      };
-    case m.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 m.DISABLED:
-      return {
-        main: n.disabled_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.disabled_connection_title
-      };
-    case m.DISCONNECTED:
-      return {
-        main: h(
-          n.disconnected_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.disconnected_connection_title
-      };
-    case m.DISCONTINUED:
-      return {
-        main: n.discontinued_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.discontinued_connection_title
-      };
-    case m.EXPIRED:
-      return {
-        cta: n.expired_cta,
-        main: n.expired_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.expired_connection_title
-      };
-    case m.FAILED:
-      return {
-        main: h(
-          n.failed_connection_description,
-          t.name
-        ),
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.failed_connection_title
-      };
-    case m.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 m.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 m.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 m.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 m.PREVENTED:
-      return {
-        cta: n.prevented_cta,
-        main: n.prevented_connection_description,
-        statusName: o.connection_statuses[t.connection_status],
-        title: n.prevented_connection_title
-      };
-    case m.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 a = () => {
-        const c = t.successfully_aggregated_at ? vt(t.successfully_aggregated_at) : void 0, l = c && X(c, q.TIME_STAMP_HOUR_MINUTE);
-        if (l)
-          return wt(c) ? h(o.last_updated_at, o.today, l) : It(c) ? h(o.last_updated_at, o.yesterday, l) : h(
-            o.last_updated_at,
-            X(c, q.MONTH_DAY_YEAR),
-            l
-          );
-      };
-      return {
-        statusName: o.connection_statuses[6],
-        // Connected
-        title: a()
-      };
-    }
-  }
-}, F = {
-  color: "background.default",
-  fontSize: 20,
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, se = () => {
-  const [t, o] = _.useState(!1), {
-    palette: { mode: n }
-  } = $(), { selectedMember: a } = S(), { accounts: c, connect: l } = D(), d = it(a, l), s = Z.includes(a.connection_status) ? {
-    color: "error.main",
-    ctaCopy: d.cta ?? "",
-    icon: /* @__PURE__ */ e(W, { filled: !0, sx: { ...F } }),
-    mainMessage: d.statusName,
-    secondaryMessage: `${d.title}.`
-  } : {
-    color: "success.main",
-    icon: /* @__PURE__ */ e(xt, { filled: !0, sx: { ...F } }),
-    mainMessage: d.statusName,
-    secondaryMessage: d.title
-  };
-  return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(at, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: c.connection_status }) }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          position: "relative",
-          "&::after": {
-            content: '""',
-            position: "absolute",
-            bottom: 0,
-            right: 0,
-            left: a.is_manual || !a.institution_url ? 0 : 24,
-            borderBottom: "1px solid",
-            borderColor: "divider"
-          }
-        },
-        children: a.is_manual || !s.ctaCopy ? /* @__PURE__ */ u(Et, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
-          /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(O, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
-          /* @__PURE__ */ e(v, { primary: s.mainMessage, secondary: s.secondaryMessage })
-        ] }) : /* @__PURE__ */ u(k, { onClick: () => o(!0), children: [
-          /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(O, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
-          /* @__PURE__ */ e(
-            v,
-            {
-              primary: s.mainMessage,
-              secondary: s.secondaryMessage && /* @__PURE__ */ u(T, { children: [
-                s.secondaryMessage,
-                " ",
-                /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: s.ctaCopy })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(M, { name: "chevron_right" })
-        ] })
-      }
-    ),
-    !a.is_manual && a.institution_url && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
-      w,
-      {
-        sx: {
-          backgroundColor: "background.paper",
-          borderBottom: "1px solid",
-          borderColor: "divider"
-        },
-        children: /* @__PURE__ */ u(k, { component: "a", href: a.institution_url, target: "_blank", children: [
-          /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
-            O,
-            {
-              backingSx: {
-                backgroundColor: n === "light" ? "grey.300" : "grey.700",
-                borderRadius: 1
-              },
-              size: 32,
-              children: /* @__PURE__ */ e(
-                Tt,
-                {
-                  sx: {
-                    ...F,
-                    color: n === "light" ? "grey.900" : "common.white"
-                  }
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ e(v, { primary: a.name, secondary: a.institution_url }),
-          /* @__PURE__ */ e(M, { name: "launch" })
-        ] })
-      }
-    ) }),
-    t && /* @__PURE__ */ e(
-      st,
-      {
-        loadWidgetProps: { current_member_guid: a.guid },
-        onClose: () => o(!1),
-        showConnectWidget: t,
-        title: c.manage_connection
-      }
-    )
-  ] });
-}, ie = x(se), ce = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: a } = V(), { selectedAccount: c } = S(), { accounts: l } = D(), [d, s] = _.useState(c[t.name]), [r, f] = _.useState(""), [b, i] = _.useState(!0), C = () => {
-    s(""), f(""), n();
-  }, A = () => {
-    switch (t.type) {
-      case R.Select:
-        return /* @__PURE__ */ u(Lt, { fullWidth: !0, children: [
-          /* @__PURE__ */ e(Ot, { id: `${t.label}-select-label`, children: t.label }),
-          /* @__PURE__ */ u(
-            Rt,
-            {
-              displayEmpty: !0,
-              id: `${t.label}-select`,
-              label: t.label,
-              labelId: `${t.label}-select-label`,
-              onChange: (p) => s(p.target.value),
-              slotProps: {
-                input: {
-                  sx: {
-                    backgroundColor: "background.paper"
-                  }
-                }
-              },
-              value: d,
-              children: [
-                !d && /* @__PURE__ */ e(J, { disabled: !0, value: "", children: t.placeholder }),
-                t.options?.map((p) => /* @__PURE__ */ e(J, { value: p.value, children: p.label }, p.value))
-              ]
-            }
-          )
-        ] });
-      case R.Currency:
-        return /* @__PURE__ */ e(
-          Ft,
-          {
-            amount: d || "",
-            ariaLabel: t.placeholder,
-            fullWidth: !0,
-            label: t.label,
-            placeholder: t.placeholder,
-            setAmount: s,
-            setHasValidInput: i
-          }
-        );
-      case R.Date:
-        return /* @__PURE__ */ e(Pt, { dateAdapter: kt, children: /* @__PURE__ */ e(
-          Nt,
-          {
-            maxDate: Mt(/* @__PURE__ */ new Date(), 1),
-            minDate: /* @__PURE__ */ new Date(),
-            onChange: (p) => {
-              c[t.name] && Number(c[t.name]) <= 31 ? s(p.getDate()) : s(p);
-            },
-            sx: {
-              "& .MuiPickersDay-today": {
-                color: "primary.lighter"
-              },
-              "& .MuiPickersArrowSwitcher-button": {
-                color: "primary.lighter",
-                "&:hover": {
-                  backgroundColor: (p) => rt(p.palette.primary.light, 0.1)
-                }
-              }
-            },
-            views: ["day"]
-          }
-        ) });
-      default:
-        return /* @__PURE__ */ e(
-          Bt,
-          {
-            defaultValue: c[t.name],
-            error: !!r,
-            fullWidth: !0,
-            helperText: r,
-            onChange: N,
-            placeholder: t.placeholder,
-            slotProps: {
-              htmlInput: {
-                "aria-label": t.placeholder
-              }
-            }
-          }
-        );
-    }
-  }, E = () => {
-    c[t.name] !== d && a({
-      ...c,
-      [t.name]: d
-    }), C();
-  }, N = (p) => {
-    s(p.target.value), t.validation && f(t.validation(p.target.value));
-  };
-  return /* @__PURE__ */ e(
-    U,
-    {
-      copy: {
-        close_aria: l.close_aria,
-        title: h(l.edit_field, t.label)
-      },
-      disablePrimaryButton: !!r || !b,
-      isOpen: o,
-      onClose: C,
-      onPrimaryAction: E,
-      primaryText: l.save,
-      sx: {
-        "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
-          outline: "2px solid",
-          outlineColor: "primary.main",
-          outlineOffset: "2px"
-        }
-      },
-      children: A()
-    }
-  );
-}, re = x(ce), le = () => {
-  const t = window.app?.config, { onEvent: o } = P(), { selectedAccount: n } = S(), { accounts: a } = D(), c = dt(n, a), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [d, s] = _.useState(!1), [r, f] = _.useState(c[0]), b = c.filter(
-    (i) => l || n[i.name] || n[i.name] === 0
-  );
-  return /* @__PURE__ */ u(T, { children: [
-    b.map((i) => {
-      const C = n[i.name] || n[i.name] === 0, A = b.indexOf(i) === b.length - 1, E = /* @__PURE__ */ e(
-        v,
-        {
-          disableTypography: !0,
-          primary: /* @__PURE__ */ e(g, { sx: { fontSize: 11 }, children: i.label }),
-          secondary: /* @__PURE__ */ e(g, { bold: !0, sx: { fontSize: 15 }, children: C ? i.valueFormatter(n[i.name]) : i.placeholder })
-        }
-      );
-      return /* @__PURE__ */ e(_.Fragment, { children: l ? /* @__PURE__ */ e(
-        w,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            px: 0,
-            position: "relative",
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              left: A ? 0 : 24,
-              borderBottom: "1px solid",
-              borderColor: "divider"
-            }
-          },
-          children: /* @__PURE__ */ u(
-            k,
-            {
-              onClick: () => {
-                f(i), s(!0), i?.event && o(i.event, { account_guid: n.guid });
-              },
-              children: [
-                E,
-                /* @__PURE__ */ e(M, { name: "chevron_right" })
-              ]
-            }
-          )
-        }
-      ) : C && /* @__PURE__ */ e(
-        w,
-        {
-          sx: {
-            backgroundColor: "background.paper",
-            px: 24,
-            position: "relative",
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              bottom: 0,
-              right: 0,
-              left: A ? 0 : 24,
-              borderBottom: "1px solid",
-              borderColor: "divider"
-            }
-          },
-          children: E
-        }
-      ) }, i.name);
-    }),
-    d && r && /* @__PURE__ */ e(
-      re,
-      {
-        field: r,
-        isOpen: d,
-        onClose: () => s(!1)
-      }
-    )
-  ] });
-}, de = x(le), ue = () => {
-  const { onEvent: t } = P();
-  return _.useEffect(() => t(I.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ u(ot, { children: [
-    /* @__PURE__ */ e(de, {}),
-    /* @__PURE__ */ e(ie, {}),
-    /* @__PURE__ */ e(ae, {})
-  ] });
-}, _e = x(ue), me = ({ setTabValue: t }) => {
-  const [o, n] = _.useState(!1), { selectedMember: a } = S(), { accounts: c, connect: l } = D(), d = a.connection_status && Z.includes(a.connection_status);
-  if (_.useEffect(() => {
-    d && t(1);
-  }, [d]), !d) return;
-  const s = it(a, l);
-  return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(
-      Wt,
-      {
-        sx: {
-          mb: 16,
-          mt: 24,
-          mx: 24
-        },
-        children: /* @__PURE__ */ u(
-          Ut,
-          {
-            icon: /* @__PURE__ */ e(W, { 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: [
-              s.title && /* @__PURE__ */ e($t, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: s.title }),
-              /* @__PURE__ */ e(g, { component: "p", variant: "subtitle2", children: s.main }),
-              s.cta && /* @__PURE__ */ e(
-                Vt,
-                {
-                  onClick: () => n(!0),
-                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
-                  children: s.cta
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    o && /* @__PURE__ */ e(
-      st,
-      {
-        loadWidgetProps: { current_member_guid: a.guid },
-        onClose: () => n(!1),
-        showConnectWidget: o,
-        title: c.manage_connection
-      }
-    )
-  ] });
-}, pe = x(me), he = () => {
-  const [t, o] = _.useState(""), { onEvent: n } = P(), { selectedAccount: a } = S(), { accounts: c } = D(), { isTransactionDataLoaded: l, loadTransactionData: d, setFilter: s, sortedTransactions: r } = Q();
-  _.useEffect(() => {
-    l || d().finally();
-  }, []);
-  const f = _.useMemo(
-    () => r.find((b) => b.guid === t),
-    [t, r]
-  );
-  return _.useEffect(() => {
-    s({
-      dateRange: { start: Yt(Gt(), 90), end: zt() },
-      accounts: [a.guid]
-    });
-  }, [a]), _.useEffect(() => n(I.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(Ht, { onClick: o }),
-    f && /* @__PURE__ */ e(
-      z,
-      {
-        ariaLabelClose: c.close_drawer,
-        isOpen: !!t,
-        onClose: () => o(""),
-        title: c.transaction_drawer_title,
-        children: /* @__PURE__ */ e(jt, { transaction: f })
-      }
-    )
-  ] });
-}, ge = x(he), Ce = () => {
-  const [t, o] = _.useState(0), { accounts: n } = D();
-  return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(pe, { setTabValue: o }),
-    /* @__PURE__ */ u(
-      ft,
-      {
-        "aria-label": n.transactions_and_details_aria,
-        centered: !0,
-        onChange: (a, c) => o(c),
-        textColor: "primary",
-        value: t,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ e(
-            j,
-            {
-              "aria-controls": "transaction-details-tabpanel-0",
-              id: "transaction-details-tab-0",
-              label: n.transactions
-            }
-          ),
-          /* @__PURE__ */ e(
-            j,
-            {
-              "aria-controls": "account-details-tabpanel-1",
-              id: "account-details-tab-1",
-              label: n.account_details
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(H, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(ge, {}) }),
-    /* @__PURE__ */ e(H, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(_e, {}) })
-  ] });
-}, fe = x(Ce), An = ({ isOpen: t, onClose: o }) => {
-  const { accounts: n } = D();
-  return /* @__PURE__ */ u(
-    z,
-    {
-      ariaLabelClose: n.close_account_details_aria,
-      isOpen: t,
-      onClose: o,
-      title: n.account_details,
-      children: [
-        /* @__PURE__ */ e(ut, { ChartComponent: Jt }),
-        /* @__PURE__ */ e(fe, {})
-      ]
-    }
-  );
-};
-export {
-  ne as A,
-  An as a,
-  fe as b,
-  Qt as u
-};
-//# sourceMappingURL=AccountDetailsDrawer-BcwBkxIE.mjs.map