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

package/dist/AccountDetailsContent-adZTkM52.mjs

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