@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/AccountDetailsContent-DvPs81kL.mjs

@@ -0,0 +1,677 @@
+import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
+import _ from "react";
+import { observer as b } 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 S, Icon as k, 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-W2U7ZVm_.mjs";
+import { c as z, u as E, g as O, n as X } from "./hooks-30y_BLwc.mjs";
+import { A as at } from "./AccountListItem-DFlbdcmT.mjs";
+import { A as I } from "./WidgetContainer-DWCusxYI.mjs";
+import { a as V, f as B, D as j } from "./Dialog-CWW597AF.mjs";
+import { b as h } from "./Localization-2MODESHW.mjs";
+import { D as J } from "./Drawer-kEE73B87.mjs";
+import ct from "@mui/icons-material/CheckCircleRounded";
+import q from "@mui/icons-material/Error";
+import st from "@mui/icons-material/LanguageRounded";
+import R from "@mui/material/ListItemAvatar";
+import it from "@mui/material/Stack";
+import rt from "@mui/material/styles/useTheme";
+import { k as m, N as Q, j as Z, F as P } from "./ConnectDrawer-D9cR5phc.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 At from "@mui/material/MenuItem";
+import bt from "@mui/material/Select";
+import Tt from "@mui/material/TextField";
+import { C as St } from "./CurrencyInput-D74cemI2.mjs";
+import { a as Dt } from "./AccountFields-DAVcbZy5.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 It, startOfToday as kt, endOfToday as Mt } from "date-fns";
+import { T as vt, a as Lt } from "./TransactionDetails-WBHFmbxL.mjs";
+import { T as K } 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: T } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
+    await T({
+      ...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(S, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
+    /* @__PURE__ */ t(
+      U,
+      {
+        onClick: () => {
+          L({ is_hidden: !r.is_hidden }), A(I.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(I.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(k, { name: "chevron_right" })
+      }
+    ),
+    C.length > 0 && /* @__PURE__ */ t(
+      U,
+      {
+        isLast: !0,
+        onClick: () => {
+          c(!0), A(I.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(k, { 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: 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: [
+          h(
+            a.this_means_accounts_will_be_merged,
+            r.name,
+            l.name
+          ),
+          /* @__PURE__ */ t(S, { color: "error", sx: { mt: 24 }, children: a.this_action_cannot_be_undone })
+        ]
+      }
+    )
+  ] });
+}, Rt = b(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, j.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, j.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
+}, Pt = () => {
+  const [e, o] = _.useState(!1), {
+    palette: { mode: n }
+  } = rt(), { 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, { sx: { ...W } }),
+    mainMessage: l.statusName,
+    secondaryMessage: `${l.title}.`
+  } : {
+    color: "success.main",
+    icon: /* @__PURE__ */ t(ct, { 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(S, { 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(it, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+      /* @__PURE__ */ t(R, { 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(R, { 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(S, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t(k, { 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(R, { children: /* @__PURE__ */ t(
+          F,
+          {
+            backingSx: {
+              backgroundColor: n === G.LIGHT ? "grey.300" : "grey.700",
+              borderRadius: 1
+            },
+            size: 32,
+            children: /* @__PURE__ */ t(
+              st,
+              {
+                sx: {
+                  ...W,
+                  color: n === G.LIGHT ? "grey.900" : "common.white"
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ t(w, { primary: c.name, secondary: c.institution_url }),
+        /* @__PURE__ */ t(k, { 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 = b(Pt), 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(""), [T, a] = _.useState(!0), C = () => {
+    s(""), y(""), n();
+  }, A = () => {
+    switch (e.type) {
+      case P.Select:
+        return /* @__PURE__ */ d(gt, { fullWidth: !0, children: [
+          /* @__PURE__ */ t(Ct, { id: `${e.label}-select-label`, children: e.label }),
+          /* @__PURE__ */ t(
+            bt,
+            {
+              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(At, { value: p.value, children: p.label }, p.value))
+            }
+          )
+        ] });
+      case P.Currency:
+        return /* @__PURE__ */ t(
+          St,
+          {
+            amount: l || "",
+            fullWidth: !0,
+            label: e.label,
+            placeholder: e.placeholder,
+            setAmount: s,
+            setHasValidInput: a
+          }
+        );
+      case P.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,
+            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 || !T,
+      isOpen: o,
+      onClose: C,
+      onPrimaryAction: x,
+      primaryText: u.save,
+      children: A()
+    }
+  );
+}, Wt = b(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]), T = i.filter(
+    (a) => u || n[a.name] || n[a.name] === 0
+  );
+  return /* @__PURE__ */ d(g, { children: [
+    T.map((a) => {
+      const C = n[a.name] || n[a.name] === 0, A = T.indexOf(a) === T.length - 1, x = /* @__PURE__ */ t(
+        w,
+        {
+          disableTypography: !0,
+          primary: /* @__PURE__ */ t(S, { sx: { fontSize: 11 }, children: a.label }),
+          secondary: /* @__PURE__ */ t(S, { 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(k, { 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 = b($t), zt = () => {
+  const { onEvent: e } = O();
+  return _.useEffect(() => e(I.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
+    /* @__PURE__ */ t(Vt, {}),
+    /* @__PURE__ */ t(Ft, {}),
+    /* @__PURE__ */ t(Rt, {})
+  ] });
+}, Ht = b(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, {}),
+            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(S, { 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 = b(Gt), jt = () => {
+  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: It(kt(), 90), end: Mt() },
+      accounts: [c.guid]
+    });
+  }, [c]), _.useEffect(() => n(I.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 })
+      }
+    )
+  ] });
+}, Kt = b(jt), 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(K, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(Kt, {}) }),
+    /* @__PURE__ */ t(K, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
+  ] });
+}, Be = b(Yt);
+export {
+  Be as A,
+  Nt as u
+};