@mx-cartographer/experiences 8.0.0-alpha.bb2 → 8.0.0-alpha.bb4

package/dist/AccountDetailsContent-CAM9y39M.mjs

@@ -1,679 +0,0 @@
-import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
-import _ from "react";
-import { observer as T } from "mobx-react-lite";
-import H from "@mui/material/Tab";
-import nt from "@mui/material/Tabs";
-import $ from "@mui/material/List";
-import Y from "@mui/material/ListSubheader";
-import ot from "@mui/material/Switch";
-import { Text as b, Icon as I, THEMES as G } from "@mxenabled/mxui";
-import M from "@mui/material/Divider";
-import v from "@mui/material/ListItem";
-import N from "@mui/material/ListItemButton";
-import w from "@mui/material/ListItemText";
-import { u as D } from "./AccountDetailsHeader-JtSX6Uf9.mjs";
-import { d as z, u as E, g as O, h as X } from "./hooks-D6XlXHf4.mjs";
-import { A as at } from "./AccountListItem-JFMZROh7.mjs";
-import { A as k } from "./WidgetContainer-BHWANqT4.mjs";
-import { a as V, f as B, D as K } from "./Dialog-CWW597AF.mjs";
-import { b as h } from "./Localization-2MODESHW.mjs";
-import { D as J } from "./Drawer-kEE73B87.mjs";
-import P from "@mui/material/ListItemAvatar";
-import ct from "@mui/material/Stack";
-import st from "@mui/material/styles/useTheme";
-import { Error as q, CheckCircle as it, Language as rt } from "@mxenabled/mx-icons";
-import { n as m, N as Q, l as Z, F as R } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { fromUnixTime as lt } from "date-fns/fromUnixTime";
-import { isToday as dt } from "date-fns/isToday";
-import { isYesterday as ut } from "date-fns/isYesterday";
-import { I as F } from "./IconBacking-B9oC6uL2.mjs";
-import { addMonths as _t } from "date-fns/addMonths";
-import { alpha as mt } from "@mui/material/styles";
-import { AdapterDateFns as pt } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as ht } from "@mui/x-date-pickers/DateCalendar";
-import gt from "@mui/material/FormControl";
-import Ct from "@mui/material/InputLabel";
-import { LocalizationProvider as ft } from "@mui/x-date-pickers-pro";
-import bt from "@mui/material/MenuItem";
-import At from "@mui/material/Select";
-import Tt from "@mui/material/TextField";
-import { C as St } from "./CurrencyInput-DUsQbkXb.mjs";
-import { b as Dt } from "./AccountFields-C9FlatNb.mjs";
-import Et from "@mui/material/Alert";
-import yt from "@mui/material/AlertTitle";
-import xt from "@mui/material/Link";
-import wt from "@mui/material/Paper";
-import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
-import { T as vt, a as Lt } from "./TransactionDetails-oP1eSuiS.mjs";
-import { T as j } from "./TabContentContainer-j01JYR_7.mjs";
-const U = ({
-  children: e,
-  isLast: o = !1,
-  onClick: n,
-  primaryText: c,
-  secondaryText: i
-}) => /* @__PURE__ */ d(g, { children: [
-  /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ d(N, { onClick: n, children: [
-    /* @__PURE__ */ t(w, { primary: c, secondary: i }),
-    e
-  ] }) }),
-  /* @__PURE__ */ t(M, { sx: { ml: o ? 0 : 24 } })
-] }), Nt = () => {
-  const { accounts: e } = z(), { selectedAccount: o, selectedMember: n } = D();
-  return e.filter(
-    (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
-  );
-}, Ot = () => {
-  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, u] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: S } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
-    await S({
-      ...r,
-      ...f
-    }), "is_closed" in f && f.is_closed !== r.is_closed && x(r.guid, { accountIsClosed: f.is_closed });
-  }, p = () => {
-    y([r.guid, l.guid]).finally(
-      () => c(!1)
-    );
-  };
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
-    /* @__PURE__ */ t(
-      U,
-      {
-        onClick: () => {
-          L({ is_hidden: !r.is_hidden }), A(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
-        },
-        primaryText: r.is_hidden ? a.unhide_account : a.hide_Account,
-        secondaryText: r.is_hidden ? a.include_this_account : a.exclude_this_account,
-        children: /* @__PURE__ */ t(ot, { checked: r.is_hidden })
-      }
-    ),
-    /* @__PURE__ */ t(
-      U,
-      {
-        onClick: () => {
-          o(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
-            account_guid: r.guid
-          });
-        },
-        primaryText: r.is_closed ? a.mark_as_open : a.mark_as_closed,
-        secondaryText: r.is_closed ? a.this_will_set_the_closed_account : a.this_will_set_the_account_balance_to_0,
-        children: /* @__PURE__ */ t(I, { name: "chevron_right" })
-      }
-    ),
-    C.length > 0 && /* @__PURE__ */ t(
-      U,
-      {
-        isLast: !0,
-        onClick: () => {
-          c(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
-            account_guid: r.guid
-          });
-        },
-        primaryText: a.mark_as_duplicate,
-        secondaryText: a.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ t(I, { name: "chevron_right" })
-      }
-    ),
-    /* @__PURE__ */ t(
-      V,
-      {
-        copy: {
-          close_aria: a.close_modal,
-          title: r.is_closed ? a.confirm_mark_as_open : a.confirm_mark_closed
-        },
-        isOpen: e,
-        onClose: () => {
-          o(!1);
-        },
-        onPrimaryAction: () => L({ is_closed: !r.is_closed }),
-        children: /* @__PURE__ */ t(b, { truncate: !1, children: h(
-          r.is_closed ? a.this_will_resume_updating_the_balance : a.this_will_set_the_balance_of_your_account,
-          r.name
-        ) })
-      }
-    ),
-    /* @__PURE__ */ t(
-      J,
-      {
-        ariaLabelClose: a.close_drawer,
-        isOpen: n,
-        onClose: () => c(!1),
-        title: a.mark_as_duplicate,
-        children: /* @__PURE__ */ t($, { children: C.map((f) => {
-          const et = C.indexOf(f) === C.length - 1;
-          return /* @__PURE__ */ d(_.Fragment, { children: [
-            /* @__PURE__ */ t(
-              at,
-              {
-                account: f,
-                onRowClick: () => {
-                  u(!0), s(f);
-                }
-              }
-            ),
-            /* @__PURE__ */ t($, { sx: { ml: et ? 0 : 24 } })
-          ] }, f.guid);
-        }) })
-      }
-    ),
-    i && /* @__PURE__ */ d(
-      V,
-      {
-        copy: {
-          close_aria: a.close_modal,
-          title: a.confirm_merge
-        },
-        isOpen: i,
-        onClose: () => u(!1),
-        onPrimaryAction: p,
-        children: [
-          /* @__PURE__ */ t(b, { truncate: !1, children: h(
-            a.this_means_accounts_will_be_merged,
-            r.name,
-            l.name
-          ) }),
-          /* @__PURE__ */ t(b, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
-        ]
-      }
-    )
-  ] });
-}, Pt = T(Ot), tt = (e, o) => {
-  const { connection_messages: n } = o;
-  switch (e.connection_status) {
-    case m.CHALLENGED:
-      return {
-        cta: n.challenged_cta,
-        main: h(
-          n.challenged_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.challenged_connection_title
-      };
-    case m.CLOSED:
-      return {
-        main: n.closed_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.closed_connection_title
-      };
-    case m.DEGRADED:
-      return {
-        main: n.degraded_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.degraded_connection_title
-      };
-    case m.DELAYED:
-      return {
-        main: h(
-          n.delayed_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.delayed_connection_title
-      };
-    case m.DENIED:
-      return {
-        cta: n.denied_cta,
-        main: h(
-          n.denied_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.denied_connection_title
-      };
-    case m.DISABLED:
-      return {
-        main: n.disabled_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.disabled_connection_title
-      };
-    case m.DISCONNECTED:
-      return {
-        main: h(
-          n.disconnected_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.disconnected_connection_title
-      };
-    case m.DISCONTINUED:
-      return {
-        main: n.discontinued_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.discontinued_connection_title
-      };
-    case m.EXPIRED:
-      return {
-        cta: n.expired_cta,
-        main: n.expired_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.expired_connection_title
-      };
-    case m.FAILED:
-      return {
-        main: h(
-          n.failed_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.failed_connection_title
-      };
-    case m.IMPAIRED:
-      return {
-        cta: n.impaired_cta,
-        main: h(
-          n.impaired_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.impaired_connection_title
-      };
-    case m.IMPEDED:
-      return {
-        main: h(
-          n.impeded_connection_description,
-          e.name,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.impeded_connection_title
-      };
-    case m.IMPORTED:
-      return {
-        cta: n.imported_cta,
-        main: h(
-          n.imported_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.imported_connection_title
-      };
-    case m.LOCKED:
-      return {
-        cta: n.locked_cta,
-        main: h(
-          n.locked_connection_description,
-          e.name
-        ),
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.locked_connection_title
-      };
-    case m.PREVENTED:
-      return {
-        cta: n.prevented_cta,
-        main: n.prevented_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.prevented_connection_title
-      };
-    case m.REJECTED:
-      return {
-        cta: n.rejected_cta,
-        main: n.rejected_connection_description,
-        statusName: o.connection_statuses[e.connection_status],
-        title: n.rejected_connection_title
-      };
-    default: {
-      const c = () => {
-        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, u = i && B(i, K.TIME_STAMP_HOUR_MINUTE);
-        if (u)
-          return dt(i) ? h(o.last_updated_at, o.today, u) : ut(i) ? h(o.last_updated_at, o.yesterday, u) : h(
-            o.last_updated_at,
-            B(i, K.MONTH_DAY_YEAR),
-            u
-          );
-      };
-      return {
-        statusName: o.connection_statuses[6],
-        // Connected
-        title: c()
-      };
-    }
-  }
-}, W = {
-  color: "background.default",
-  fontSize: 20,
-  gridRow: 1,
-  gridColumn: 1,
-  zIndex: 2
-}, Rt = () => {
-  const [e, o] = _.useState(!1), {
-    palette: { mode: n }
-  } = st(), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = tt(c, u), s = Q.includes(c.connection_status) ? {
-    color: "error.main",
-    ctaCopy: l.cta ?? "",
-    icon: /* @__PURE__ */ t(q, { filled: !0, sx: { ...W } }),
-    mainMessage: l.statusName,
-    secondaryMessage: `${l.title}.`
-  } : {
-    color: "success.main",
-    icon: /* @__PURE__ */ t(it, { filled: !0, sx: { ...W } }),
-    mainMessage: l.statusName,
-    secondaryMessage: l.title
-  };
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
-    /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: c.is_manual || !s.ctaCopy ? /* @__PURE__ */ d(ct, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
-      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
-      /* @__PURE__ */ t(w, { primary: s.mainMessage, secondary: s.secondaryMessage })
-    ] }) : /* @__PURE__ */ d(N, { onClick: () => o(!0), children: [
-      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
-      /* @__PURE__ */ t(
-        w,
-        {
-          primary: s.mainMessage,
-          secondary: s.secondaryMessage && /* @__PURE__ */ d(g, { children: [
-            s.secondaryMessage,
-            " ",
-            /* @__PURE__ */ t(b, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ t(I, { name: "chevron_right" })
-    ] }) }),
-    /* @__PURE__ */ t(M, { sx: { ml: c.is_manual || !c.institution_url ? 0 : 24 } }),
-    !c.is_manual && c.institution_url && /* @__PURE__ */ d(g, { children: [
-      /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ d(N, { component: "a", href: c.institution_url, target: "_blank", children: [
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
-          F,
-          {
-            backingSx: {
-              backgroundColor: n === G.LIGHT ? "grey.300" : "grey.700",
-              borderRadius: 1
-            },
-            size: 32,
-            children: /* @__PURE__ */ t(
-              rt,
-              {
-                sx: {
-                  ...W,
-                  color: n === G.LIGHT ? "grey.900" : "common.white"
-                }
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ t(w, { primary: c.name, secondary: c.institution_url }),
-        /* @__PURE__ */ t(I, { name: "launch" })
-      ] }) }),
-      /* @__PURE__ */ t(M, {})
-    ] }),
-    e && /* @__PURE__ */ t(
-      Z,
-      {
-        loadWidgetProps: { current_member_guid: c.guid },
-        onClose: () => o(!1),
-        showConnectWidget: e,
-        title: i.manage_connection
-      }
-    )
-  ] });
-}, Ft = T(Rt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: u } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [S, a] = _.useState(!0), C = () => {
-    s(""), y(""), n();
-  }, A = () => {
-    switch (e.type) {
-      case R.Select:
-        return /* @__PURE__ */ d(gt, { fullWidth: !0, children: [
-          /* @__PURE__ */ t(Ct, { id: `${e.label}-select-label`, children: e.label }),
-          /* @__PURE__ */ t(
-            At,
-            {
-              id: `${e.label}-select`,
-              inputProps: {
-                sx: {
-                  backgroundColor: "background.paper"
-                }
-              },
-              label: e.label,
-              labelId: `${e.label}-select-label`,
-              onChange: (p) => s(p.target.value),
-              placeholder: e.placeholder,
-              value: l,
-              children: e.options?.map((p) => /* @__PURE__ */ t(bt, { value: p.value, children: p.label }, p.value))
-            }
-          )
-        ] });
-      case R.Currency:
-        return /* @__PURE__ */ t(
-          St,
-          {
-            amount: l || "",
-            ariaLabel: e.placeholder,
-            fullWidth: !0,
-            label: e.label,
-            placeholder: e.placeholder,
-            setAmount: s,
-            setHasValidInput: a
-          }
-        );
-      case R.Date:
-        return /* @__PURE__ */ t(ft, { dateAdapter: pt, children: /* @__PURE__ */ t(
-          ht,
-          {
-            maxDate: _t(/* @__PURE__ */ new Date(), 1),
-            minDate: /* @__PURE__ */ new Date(),
-            onChange: (p) => {
-              i[e.name] && Number(i[e.name]) <= 31 ? s(p.getDate()) : s(p);
-            },
-            sx: {
-              "& .MuiPickersDay-today": {
-                color: "primary.lighter"
-              },
-              "& .MuiPickersArrowSwitcher-button": {
-                color: "primary.lighter",
-                "&:hover": {
-                  backgroundColor: (p) => mt(p.palette.primary.light, 0.1)
-                }
-              }
-            },
-            views: ["day"]
-          }
-        ) });
-      default:
-        return /* @__PURE__ */ t(
-          Tt,
-          {
-            defaultValue: i[e.name],
-            error: !!r,
-            fullWidth: !0,
-            helperText: r,
-            inputProps: {
-              "aria-label": e.placeholder
-            },
-            onChange: L,
-            placeholder: e.placeholder
-          }
-        );
-    }
-  }, x = () => {
-    i[e.name] !== l && c({
-      ...i,
-      [e.name]: l
-    }), C();
-  }, L = (p) => {
-    s(p.target.value), e.validation && y(e.validation(p.target.value));
-  };
-  return /* @__PURE__ */ t(
-    V,
-    {
-      copy: {
-        close_aria: u.close_aria,
-        title: h(u.edit_field, e.label)
-      },
-      disablePrimaryButton: !!r || !S,
-      isOpen: o,
-      onClose: C,
-      onPrimaryAction: x,
-      primaryText: u.save,
-      children: A()
-    }
-  );
-}, Wt = T(Ut), $t = () => {
-  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), u = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), S = i.filter(
-    (a) => u || n[a.name] || n[a.name] === 0
-  );
-  return /* @__PURE__ */ d(g, { children: [
-    S.map((a) => {
-      const C = n[a.name] || n[a.name] === 0, A = S.indexOf(a) === S.length - 1, x = /* @__PURE__ */ t(
-        w,
-        {
-          disableTypography: !0,
-          primary: /* @__PURE__ */ t(b, { sx: { fontSize: 11 }, children: a.label }),
-          secondary: /* @__PURE__ */ t(b, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
-        }
-      );
-      return /* @__PURE__ */ t(_.Fragment, { children: u ? /* @__PURE__ */ d(g, { children: [
-        /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ d(
-          N,
-          {
-            onClick: () => {
-              y(a), s(!0), a?.event && o(a.event, { account_guid: n.guid });
-            },
-            children: [
-              x,
-              /* @__PURE__ */ t(I, { name: "chevron_right" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
-      ] }) : C && /* @__PURE__ */ d(g, { children: [
-        /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 24 }, children: x }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
-      ] }) }, a.name);
-    }),
-    l && r && /* @__PURE__ */ t(
-      Wt,
-      {
-        field: r,
-        isOpen: l,
-        onClose: () => s(!1)
-      }
-    )
-  ] });
-}, Vt = T($t), zt = () => {
-  const { onEvent: e } = O();
-  return _.useEffect(() => e(k.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
-    /* @__PURE__ */ t(Vt, {}),
-    /* @__PURE__ */ t(Ft, {}),
-    /* @__PURE__ */ t(Pt, {})
-  ] });
-}, Ht = T(zt), Gt = ({ setTabValue: e }) => {
-  const [o, n] = _.useState(!1), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = c.connection_status && Q.includes(c.connection_status);
-  if (_.useEffect(() => {
-    l && e(1);
-  }, [l]), !l) return;
-  const s = tt(c, u);
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(
-      wt,
-      {
-        sx: {
-          mb: 16,
-          mt: 24,
-          mx: 24
-        },
-        children: /* @__PURE__ */ d(
-          Et,
-          {
-            icon: /* @__PURE__ */ t(q, { filled: !0 }),
-            severity: "error",
-            sx: {
-              borderLeft: 5,
-              borderTopLeftRadius: 6,
-              borderBottomLeftRadius: 6,
-              borderColor: "error.main",
-              color: "text.primary",
-              "&.MuiPaper-root": {
-                backgroundColor: "background.paper"
-              }
-            },
-            children: [
-              s.title && /* @__PURE__ */ t(yt, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: s.title }),
-              /* @__PURE__ */ t(b, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: s.main }),
-              s.cta && /* @__PURE__ */ t(
-                xt,
-                {
-                  onClick: () => n(!0),
-                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
-                  children: s.cta
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    o && /* @__PURE__ */ t(
-      Z,
-      {
-        loadWidgetProps: { current_member_guid: c.guid },
-        onClose: () => n(!1),
-        showConnectWidget: o,
-        title: i.manage_connection
-      }
-    )
-  ] });
-}, Bt = T(Gt), Kt = () => {
-  const [e, o] = _.useState(""), { onEvent: n } = O(), { selectedAccount: c } = D(), { accounts: i } = E(), { setFilter: u, sortedTransactions: l } = X(), s = _.useMemo(
-    () => l.find((r) => r.guid === e),
-    [e, l]
-  );
-  return _.useEffect(() => {
-    u({
-      dateRange: { start: kt(It(), 90), end: Mt() },
-      accounts: [c.guid]
-    });
-  }, [c]), _.useEffect(() => n(k.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(vt, { onClick: o }),
-    s && /* @__PURE__ */ t(
-      J,
-      {
-        ariaLabelClose: i.close_drawer,
-        isOpen: !!e,
-        onClose: () => o(""),
-        title: i.transaction_drawer_title,
-        children: /* @__PURE__ */ t(Lt, { transaction: s })
-      }
-    )
-  ] });
-}, jt = T(Kt), Yt = () => {
-  const [e, o] = _.useState(0), { accounts: n } = E();
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Bt, { setTabValue: o }),
-    /* @__PURE__ */ d(
-      nt,
-      {
-        "aria-label": n.transactions_and_details_aria,
-        centered: !0,
-        onChange: (c, i) => o(i),
-        textColor: "primary",
-        value: e,
-        variant: "fullWidth",
-        children: [
-          /* @__PURE__ */ t(
-            H,
-            {
-              "aria-controls": "transaction-details-tabpanel-0",
-              id: "transaction-details-tab-0",
-              label: n.transactions
-            }
-          ),
-          /* @__PURE__ */ t(
-            H,
-            {
-              "aria-controls": "account-details-tabpanel-1",
-              id: "account-details-tab-1",
-              label: n.account_details
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(j, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(jt, {}) }),
-    /* @__PURE__ */ t(j, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
-  ] });
-}, He = T(Yt);
-export {
-  He as A,
-  Nt as u
-};