@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

package/dist/accounts/components/detailsdrawer/Accounts/AccountActions/index.es.js

@@ -0,0 +1,134 @@
+import { jsxs as a, Fragment as I, jsx as c } from "react/jsx-runtime";
+import n from "react";
+import { observer as D } from "mobx-react-lite";
+import A from "@mui/material/List";
+import E from "@mui/material/ListSubheader";
+import O from "@mui/material/Switch";
+import { Text as f, Icon as g } from "@mxenabled/mxui";
+import l from "../AccountActionsRow/index.es.js";
+import { useAccountUiStore as v } from "../../../../hooks/useUiStore/index.es.js";
+import { useGetMergeableAccounts as U } from "../../../../hooks/useGetMergeableAccounts/index.es.js";
+import K from "../../../AccountListItem/index.es.js";
+import { useAccountStore as N, useGlobalCopyStore as R, useEvent as G, useTransactionStore as P } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as _ } from "../../../../../common/constants/Analytics/index.es.js";
+import C from "../../../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as S } from "../../../../../common/utils/Localization/index.es.js";
+import j from "../../../../../common/components/drawer/Drawer/index.es.js";
+const F = () => {
+  const [w, d] = n.useState(!1), [T, i] = n.useState(!1), [u, m] = n.useState(!1), [h, y] = n.useState({}), { selectedAccount: e } = v(), { mergeAccounts: x, updateAccount: b } = N(), { accounts: o } = R(), s = U(), { onEvent: r } = G(), { modifyTransactionByAccountGuid: L } = P(), p = async (t) => {
+    await b({
+      ...e,
+      ...t
+    }), "is_closed" in t && t.is_closed !== e.is_closed && L(e.guid, { accountIsClosed: t.is_closed });
+  }, M = () => {
+    x([e.guid, h.guid]).finally(
+      () => i(!1)
+    );
+  };
+  return /* @__PURE__ */ a(I, { children: [
+    /* @__PURE__ */ c(E, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ c(f, { bold: !0, component: "h2", variant: "XSmall", children: o.actions }) }),
+    /* @__PURE__ */ c(
+      l,
+      {
+        onClick: () => {
+          p({ is_hidden: !e.is_hidden }), r(_.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: e.guid });
+        },
+        primaryText: e.is_hidden ? o.unhide_account : o.hide_Account,
+        secondaryText: e.is_hidden ? o.include_this_account : o.exclude_this_account,
+        children: /* @__PURE__ */ c(O, { checked: e.is_hidden })
+      }
+    ),
+    /* @__PURE__ */ c(
+      l,
+      {
+        onClick: () => {
+          d(!0), r(_.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+            account_guid: e.guid
+          });
+        },
+        primaryText: e.is_closed ? o.mark_as_open : o.mark_as_closed,
+        secondaryText: e.is_closed ? o.this_will_set_the_closed_account : o.this_will_set_the_account_balance_to_0,
+        children: /* @__PURE__ */ c(g, { name: "chevron_right" })
+      }
+    ),
+    s.length > 0 && /* @__PURE__ */ c(
+      l,
+      {
+        isLast: !0,
+        onClick: () => {
+          i(!0), r(_.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+            account_guid: e.guid
+          });
+        },
+        primaryText: o.mark_as_duplicate,
+        secondaryText: o.if_a_connected_account_is_showing_up_twice,
+        children: /* @__PURE__ */ c(g, { name: "chevron_right" })
+      }
+    ),
+    /* @__PURE__ */ c(
+      C,
+      {
+        copy: {
+          close_aria: o.close_modal,
+          title: e.is_closed ? o.confirm_mark_as_open : o.confirm_mark_closed
+        },
+        isOpen: w,
+        onClose: () => {
+          d(!1);
+        },
+        onPrimaryAction: () => p({ is_closed: !e.is_closed }),
+        children: S(
+          e.is_closed ? o.this_will_resume_updating_the_balance : o.this_will_set_the_balance_of_your_account,
+          e.name
+        )
+      }
+    ),
+    /* @__PURE__ */ c(
+      j,
+      {
+        ariaLabelClose: o.close_drawer,
+        isOpen: T,
+        onClose: () => i(!1),
+        title: o.mark_as_duplicate,
+        children: /* @__PURE__ */ c(A, { children: s.map((t) => {
+          const k = s.indexOf(t) === s.length - 1;
+          return /* @__PURE__ */ a(n.Fragment, { children: [
+            /* @__PURE__ */ c(
+              K,
+              {
+                account: t,
+                onRowClick: () => {
+                  m(!0), y(t);
+                }
+              }
+            ),
+            /* @__PURE__ */ c(A, { sx: { ml: k ? 0 : 24 } })
+          ] }, t.guid);
+        }) })
+      }
+    ),
+    u && /* @__PURE__ */ a(
+      C,
+      {
+        copy: {
+          close_aria: o.close_modal,
+          title: o.confirm_merge
+        },
+        isOpen: u,
+        onClose: () => m(!1),
+        onPrimaryAction: M,
+        children: [
+          S(
+            o.this_means_accounts_will_be_merged,
+            e.name,
+            h.name
+          ),
+          /* @__PURE__ */ c(f, { color: "error", sx: { mt: 24 }, children: o.this_action_cannot_be_undone })
+        ]
+      }
+    )
+  ] });
+}, no = D(F);
+export {
+  no as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountActionsRow/index.es.js

@@ -0,0 +1,21 @@
+import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import c from "@mui/material/Divider";
+import a from "@mui/material/ListItem";
+import p from "@mui/material/ListItemButton";
+import d from "@mui/material/ListItemText";
+const h = ({
+  children: t,
+  isLast: m = !1,
+  onClick: e,
+  primaryText: i,
+  secondaryText: s
+}) => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ r(a, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ o(p, { onClick: e, children: [
+    /* @__PURE__ */ r(d, { primary: i, secondary: s }),
+    t
+  ] }) }),
+  /* @__PURE__ */ r(c, { sx: { ml: m ? 0 : 24 } })
+] });
+export {
+  h as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection/index.es.js

@@ -0,0 +1,103 @@
+import { jsx as o, jsxs as n, Fragment as c } from "react/jsx-runtime";
+import S from "react";
+import { observer as k } from "mobx-react-lite";
+import _ from "@mui/icons-material/CheckCircleRounded";
+import g from "@mui/material/Divider";
+import I from "@mui/icons-material/Error";
+import M from "@mui/icons-material/LanguageRounded";
+import h from "@mui/material/ListItem";
+import i from "@mui/material/ListItemAvatar";
+import f from "@mui/material/ListItemButton";
+import s from "@mui/material/ListItemText";
+import w from "@mui/material/ListSubheader";
+import L from "@mui/material/Stack";
+import v from "@mui/material/styles/useTheme";
+import { Text as b, Icon as C, THEMES as y } from "@mxenabled/mxui";
+import R from "../../../../../common/components/ConnectDrawer/index.es.js";
+import { getConnectionMessages as T } from "../../../../utils/getConnectionMessages/index.es.js";
+import { useAccountUiStore as z } from "../../../../hooks/useUiStore/index.es.js";
+import { NonConnectedStatuses as A } from "../../../../../common/types/Account/index.es.js";
+import { useGlobalCopyStore as D } from "../../../../../common/context/hooks/index.es.js";
+import a from "../../../../../common/components/IconBacking/index.es.js";
+const m = {
+  color: "background.default",
+  fontSize: 20,
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, E = () => {
+  const [l, d] = S.useState(!1), {
+    palette: { mode: u }
+  } = v(), { selectedMember: e } = z(), { accounts: p, connect: x } = D(), t = T(e, x), r = A.includes(e.connection_status) ? {
+    color: "error.main",
+    ctaCopy: t.cta ?? "",
+    icon: /* @__PURE__ */ o(I, { sx: { ...m } }),
+    mainMessage: t.statusName,
+    secondaryMessage: `${t.title}.`
+  } : {
+    color: "success.main",
+    icon: /* @__PURE__ */ o(_, { sx: { ...m } }),
+    mainMessage: t.statusName,
+    secondaryMessage: t.title
+  };
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ o(w, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ o(b, { bold: !0, component: "h2", variant: "XSmall", children: p.connection_status }) }),
+    /* @__PURE__ */ o(h, { sx: { backgroundColor: "background.paper" }, children: e.is_manual || !r.ctaCopy ? /* @__PURE__ */ n(L, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+      /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(a, { backingSx: { backgroundColor: r.color, borderRadius: 1 }, size: 32, children: r.icon }) }),
+      /* @__PURE__ */ o(s, { primary: r.mainMessage, secondary: r.secondaryMessage })
+    ] }) : /* @__PURE__ */ n(f, { onClick: () => d(!0), children: [
+      /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(a, { backingSx: { backgroundColor: r.color, borderRadius: 1 }, size: 32, children: r.icon }) }),
+      /* @__PURE__ */ o(
+        s,
+        {
+          primary: r.mainMessage,
+          secondary: r.secondaryMessage && /* @__PURE__ */ n(c, { children: [
+            r.secondaryMessage,
+            " ",
+            /* @__PURE__ */ o(b, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: r.ctaCopy })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ o(C, { name: "chevron_right" })
+    ] }) }),
+    /* @__PURE__ */ o(g, { sx: { ml: e.is_manual || !e.institution_url ? 0 : 24 } }),
+    !e.is_manual && e.institution_url && /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ o(h, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ n(f, { component: "a", href: e.institution_url, target: "_blank", children: [
+        /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+          a,
+          {
+            backingSx: {
+              backgroundColor: u === y.LIGHT ? "grey.300" : "grey.700",
+              borderRadius: 1
+            },
+            size: 32,
+            children: /* @__PURE__ */ o(
+              M,
+              {
+                sx: {
+                  ...m,
+                  color: u === y.LIGHT ? "grey.900" : "common.white"
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ o(s, { primary: e.name, secondary: e.institution_url }),
+        /* @__PURE__ */ o(C, { name: "launch" })
+      ] }) }),
+      /* @__PURE__ */ o(g, {})
+    ] }),
+    l && /* @__PURE__ */ o(
+      R,
+      {
+        loadWidgetProps: { current_member_guid: e.guid },
+        onClose: () => d(!1),
+        showConnectWidget: l,
+        title: p.manage_connection
+      }
+    )
+  ] });
+}, ro = k(E);
+export {
+  ro as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailEdit/index.es.js

@@ -0,0 +1,120 @@
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
+import i from "react";
+import { observer as A } from "mobx-react-lite";
+import { addMonths as f } from "date-fns/addMonths";
+import { alpha as x } from "@mui/material/styles";
+import { AdapterDateFns as S } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DateCalendar as F } from "@mui/x-date-pickers/DateCalendar";
+import I from "@mui/material/FormControl";
+import w from "@mui/material/InputLabel";
+import { LocalizationProvider as M } from "@mui/x-date-pickers-pro";
+import P from "@mui/material/MenuItem";
+import V from "@mui/material/Select";
+import k from "@mui/material/TextField";
+import { useAccountUiStore as E } from "../../../../hooks/useUiStore/index.es.js";
+import { FieldType as u } from "../../../../constants/Accounts/index.es.js";
+import { useAccountStore as T, useGlobalCopyStore as $ } from "../../../../../common/context/hooks/index.es.js";
+import W from "../../../../../common/components/dialog/Dialog/index.es.js";
+import { buildDynamicCopy as _ } from "../../../../../common/utils/Localization/index.es.js";
+import j from "../../../../../common/components/CurrencyInput/index.es.js";
+const H = ({ field: e, isOpen: p, onClose: d }) => {
+  const { updateAccount: h } = T(), { selectedAccount: a } = E(), { accounts: n } = $(), [l, o] = i.useState(a[e.name]), [c, s] = i.useState(""), [b, y] = i.useState(!0), m = () => {
+    o(""), s(""), d();
+  }, g = () => {
+    switch (e.type) {
+      case u.Select:
+        return /* @__PURE__ */ D(I, { fullWidth: !0, children: [
+          /* @__PURE__ */ r(w, { id: `${e.label}-select-label`, children: e.label }),
+          /* @__PURE__ */ r(
+            V,
+            {
+              id: `${e.label}-select`,
+              inputProps: {
+                sx: {
+                  backgroundColor: "background.paper"
+                }
+              },
+              label: e.label,
+              labelId: `${e.label}-select-label`,
+              onChange: (t) => o(t.target.value),
+              placeholder: e.placeholder,
+              value: l,
+              children: e.options?.map((t) => /* @__PURE__ */ r(P, { value: t.value, children: t.label }, t.value))
+            }
+          )
+        ] });
+      case u.Currency:
+        return /* @__PURE__ */ r(
+          j,
+          {
+            amount: l || "",
+            fullWidth: !0,
+            label: e.label,
+            placeholder: e.placeholder,
+            setAmount: o,
+            setHasValidInput: y
+          }
+        );
+      case u.Date:
+        return /* @__PURE__ */ r(M, { dateAdapter: S, children: /* @__PURE__ */ r(
+          F,
+          {
+            maxDate: f(/* @__PURE__ */ new Date(), 1),
+            minDate: /* @__PURE__ */ new Date(),
+            onChange: (t) => {
+              a[e.name] && Number(a[e.name]) <= 31 ? o(t.getDate()) : o(t);
+            },
+            sx: {
+              "& .MuiPickersDay-today": {
+                color: "primary.lighter"
+              },
+              "& .MuiPickersArrowSwitcher-button": {
+                color: "primary.lighter",
+                "&:hover": {
+                  backgroundColor: (t) => x(t.palette.primary.light, 0.1)
+                }
+              }
+            },
+            views: ["day"]
+          }
+        ) });
+      default:
+        return /* @__PURE__ */ r(
+          k,
+          {
+            defaultValue: a[e.name],
+            error: !!c,
+            fullWidth: !0,
+            helperText: c,
+            onChange: v,
+            placeholder: e.placeholder
+          }
+        );
+    }
+  }, C = () => {
+    a[e.name] !== l && h({
+      ...a,
+      [e.name]: l
+    }), m();
+  }, v = (t) => {
+    o(t.target.value), e.validation && s(e.validation(t.target.value));
+  };
+  return /* @__PURE__ */ r(
+    W,
+    {
+      copy: {
+        close_aria: n.close_aria,
+        title: _(n.edit_field, e.label)
+      },
+      disablePrimaryButton: !!c || !b,
+      isOpen: p,
+      onClose: m,
+      onPrimaryAction: C,
+      primaryText: n.save,
+      children: g()
+    }
+  );
+}, oe = A(H);
+export {
+  oe as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetails/index.es.js

@@ -0,0 +1,58 @@
+import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
+import s from "react";
+import { observer as E } from "mobx-react-lite";
+import h from "@mui/material/Divider";
+import b from "@mui/material/ListItem";
+import D from "@mui/material/ListItemButton";
+import S from "@mui/material/ListItemText";
+import { Text as f, Icon as A } from "@mxenabled/mxui";
+import C from "../AccountDetailEdit/index.es.js";
+import { getAccountDetailFields as F } from "../../../../utils/AccountFields/index.es.js";
+import { useAccountUiStore as k } from "../../../../hooks/useUiStore/index.es.js";
+import { useEvent as w, useGlobalCopyStore as T } from "../../../../../common/context/hooks/index.es.js";
+const I = () => {
+  const x = window.app?.config, { onEvent: _ } = w(), { selectedAccount: o } = k(), { accounts: y } = T(), a = F(o, y), i = o.member_is_managed_by_user || !o.member_is_managed_by_user && x.enable_renaming_home_accounts, [m, l] = s.useState(!1), [u, v] = s.useState(a[0]), r = a.filter(
+    (t) => i || o[t.name] || o[t.name] === 0
+  );
+  return /* @__PURE__ */ n(c, { children: [
+    r.map((t) => {
+      const p = o[t.name] || o[t.name] === 0, d = r.indexOf(t) === r.length - 1, g = /* @__PURE__ */ e(
+        S,
+        {
+          disableTypography: !0,
+          primary: /* @__PURE__ */ e(f, { sx: { fontSize: 11 }, children: t.label }),
+          secondary: /* @__PURE__ */ e(f, { bold: !0, sx: { fontSize: 15 }, children: p ? t.valueFormatter(o[t.name]) : t.placeholder })
+        }
+      );
+      return /* @__PURE__ */ e(s.Fragment, { children: i ? /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(b, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ n(
+          D,
+          {
+            onClick: () => {
+              v(t), l(!0), t?.event && _(t.event, { account_guid: o.guid });
+            },
+            children: [
+              g,
+              /* @__PURE__ */ e(A, { name: "chevron_right" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(h, { sx: { ml: d ? 0 : 24 } })
+      ] }) : p && /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(b, { sx: { backgroundColor: "background.paper", px: 24 }, children: g }),
+        /* @__PURE__ */ e(h, { sx: { ml: d ? 0 : 24 } })
+      ] }) }, t.name);
+    }),
+    m && u && /* @__PURE__ */ e(
+      C,
+      {
+        field: u,
+        isOpen: m,
+        onClose: () => l(!1)
+      }
+    )
+  ] });
+}, H = E(I);
+export {
+  H as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart/index.es.js

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import e from "react";
+import { observer as c } from "mobx-react-lite";
+import l from "@mui/material/Card";
+import f from "@mui/material/CardContent";
+import d from "@mui/material/CardHeader";
+import { H3 as p } from "@mxenabled/mxui";
+import u from "../../../../../trends/components/TrendsChart/index.es.js";
+import { useAccountUiStore as C } from "../../../../hooks/useUiStore/index.es.js";
+import { useCategoryStore as h, useGlobalStore as x } from "../../../../../common/context/hooks/index.es.js";
+import A from "../../../../../common/components/Loader/index.es.js";
+import { formatDate as T, DATE_FORMATS_INTL as b } from "../../../../../common/constants/DateFormats/index.es.js";
+const D = ({ sx: i }) => {
+  const { loadMonthlyCategoryTotals: s } = h(), { isInitialized: r } = x(), { selectedAccount: o } = C(), [a, n] = e.useState(!1);
+  return e.useEffect(() => {
+    r && s([o]).finally(() => {
+      n(!0);
+    });
+  }, [r, o]), !r || !a ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ m(
+    l,
+    {
+      sx: {
+        "& .MuiCardContent-root:last-child": {
+          pb: 0
+        },
+        ...i
+      },
+      children: [
+        /* @__PURE__ */ t(
+          d,
+          {
+            sx: { pb: 0 },
+            title: /* @__PURE__ */ t(p, { sx: { pb: 4 }, children: T(/* @__PURE__ */ new Date(), b.MONTH_LONG) })
+          }
+        ),
+        /* @__PURE__ */ t(f, { sx: { p: 0 }, children: /* @__PURE__ */ t(u, {}) })
+      ]
+    }
+  );
+}, E = c(D);
+export {
+  E as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsContent/index.es.js

@@ -0,0 +1,50 @@
+import { jsxs as e, Fragment as c, jsx as t } from "react/jsx-runtime";
+import l from "react";
+import { observer as m } from "mobx-react-lite";
+import r from "@mui/material/Tab";
+import d from "@mui/material/Tabs";
+import u from "../AccountDetailsTab/index.es.js";
+import b from "../ConnectionErrorMessage/index.es.js";
+import p from "../../Transactions/TransactionsTab/index.es.js";
+import { useGlobalCopyStore as f } from "../../../../../common/context/hooks/index.es.js";
+import i from "../../../../../common/components/TabContentContainer/index.es.js";
+const C = () => {
+  const [a, n] = l.useState(0), { accounts: o } = f();
+  return /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ t(b, { setTabValue: n }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        "aria-label": o.transactions_and_details_aria,
+        centered: !0,
+        onChange: (T, s) => n(s),
+        textColor: "primary",
+        value: a,
+        variant: "fullWidth",
+        children: [
+          /* @__PURE__ */ t(
+            r,
+            {
+              "aria-controls": "transaction-details-tabpanel-0",
+              id: "transaction-details-tab-0",
+              label: o.transactions
+            }
+          ),
+          /* @__PURE__ */ t(
+            r,
+            {
+              "aria-controls": "account-details-tabpanel-1",
+              id: "account-details-tab-1",
+              label: o.account_details
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(i, { index: 0, name: "transaction-details", value: a, children: /* @__PURE__ */ t(p, {}) }),
+    /* @__PURE__ */ t(i, { index: 1, name: "account-details", value: a, children: /* @__PURE__ */ t(u, {}) })
+  ] });
+}, V = m(C);
+export {
+  V as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader/index.es.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import n from "@mui/material/Stack";
+import { InstitutionLogo as S, Text as e, H2 as b } from "@mxenabled/mxui";
+import { getAccountBalanceDetails as A } from "../../../../utils/AccountFields/index.es.js";
+import { useAccountUiStore as _ } from "../../../../hooks/useUiStore/index.es.js";
+import g from "../AccountDetailsChart/index.es.js";
+import { useAccountStore as y, useGlobalCopyStore as T } from "../../../../../common/context/hooks/index.es.js";
+import { INCOME_ACCOUNT_TYPES as v, PAYMENT_ACCOUNT_TYPES as N, SPENDING_ACCOUNT_TYPES as E } from "../../../../../common/constants/Account/index.es.js";
+import { formatCurrency as w } from "../../../../../common/utils/NumberFormatting/index.es.js";
+const P = ({ customDetailsChart: r }) => {
+  const { institutions: a } = y(), { selectedAccount: o } = _(), { accounts: c } = T(), { firstSubtitle: l, firstValue: s, hasAvailableBalance: u, secondSubtitle: d, secondValue: m } = A(o, c), f = a.find(
+    (h) => h.guid === o?.institution_guid
+  ), p = [
+    ...v,
+    ...N,
+    ...E
+  ].includes(o.account_type);
+  return /* @__PURE__ */ i(n, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ i(n, { gap: 12, children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          alt: c.institution_logo_alt,
+          institutionGuid: o.institution_guid || "",
+          size: 64
+        }
+      ),
+      /* @__PURE__ */ t(e, { variant: "Small", children: f?.name })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: 8, mb: 24, mt: 4, children: [
+      /* @__PURE__ */ t(b, { children: o.name || o.feed_name }),
+      /* @__PURE__ */ i(n, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(e, { bold: u, variant: "Body", children: l }),
+        /* @__PURE__ */ t(e, { bold: !0, variant: "Body", children: w(s, "0,0.00") })
+      ] }),
+      /* @__PURE__ */ i(n, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(e, { variant: "Small", children: d }),
+        /* @__PURE__ */ t(e, { variant: "Small", children: m })
+      ] })
+    ] }),
+    p && /* @__PURE__ */ t(n, { children: r || /* @__PURE__ */ t(g, {}) })
+  ] });
+}, k = C(P);
+export {
+  k as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsTab/index.es.js

@@ -0,0 +1,20 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { observer as m } from "mobx-react-lite";
+import n from "@mui/material/List";
+import e from "../AccountActions/index.es.js";
+import i from "../AccountConnection/index.es.js";
+import s from "../AccountDetails/index.es.js";
+import { useEvent as f } from "../../../../../common/context/hooks/index.es.js";
+import { ANALYTICS_EVENTS as p } from "../../../../../common/constants/Analytics/index.es.js";
+const A = () => {
+  const { onEvent: t } = f();
+  return c.useEffect(() => t(p.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ r(n, { children: [
+    /* @__PURE__ */ o(s, {}),
+    /* @__PURE__ */ o(i, {}),
+    /* @__PURE__ */ o(e, {})
+  ] });
+}, x = m(A);
+export {
+  x as default
+};

package/dist/accounts/components/detailsdrawer/Accounts/ConnectionErrorMessage/index.es.js

@@ -0,0 +1,74 @@
+import { jsxs as s, Fragment as l, jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { observer as f } from "mobx-react-lite";
+import d from "@mui/material/Alert";
+import u from "@mui/material/AlertTitle";
+import g from "@mui/icons-material/Error";
+import h from "@mui/material/Link";
+import C from "@mui/material/Paper";
+import { Text as b } from "@mxenabled/mxui";
+import x from "../../../../../common/components/ConnectDrawer/index.es.js";
+import { getConnectionMessages as S } from "../../../../utils/getConnectionMessages/index.es.js";
+import { useAccountUiStore as w } from "../../../../hooks/useUiStore/index.es.js";
+import { useGlobalCopyStore as y } from "../../../../../common/context/hooks/index.es.js";
+import { NonConnectedStatuses as M } from "../../../../../common/types/Account/index.es.js";
+const E = ({ setTabValue: a }) => {
+  const [n, i] = c.useState(!1), { selectedMember: e } = w(), { accounts: m, connect: p } = y(), t = e.connection_status && M.includes(e.connection_status);
+  if (c.useEffect(() => {
+    t && a(1);
+  }, [t]), !t) return;
+  const r = S(e, p);
+  return /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        sx: {
+          mb: 16,
+          mt: 24,
+          mx: 24
+        },
+        children: /* @__PURE__ */ s(
+          d,
+          {
+            icon: /* @__PURE__ */ o(g, {}),
+            severity: "error",
+            sx: {
+              borderLeft: 5,
+              borderTopLeftRadius: 6,
+              borderBottomLeftRadius: 6,
+              borderColor: "error.main",
+              color: "text.primary",
+              "&.MuiPaper-root": {
+                backgroundColor: "background.paper"
+              }
+            },
+            children: [
+              r.title && /* @__PURE__ */ o(u, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: r.title }),
+              /* @__PURE__ */ o(b, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: r.main }),
+              r.cta && /* @__PURE__ */ o(
+                h,
+                {
+                  onClick: () => i(!0),
+                  sx: { fontSize: 15, fontWeight: 600, ml: 0 },
+                  children: r.cta
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    n && /* @__PURE__ */ o(
+      x,
+      {
+        loadWidgetProps: { current_member_guid: e.guid },
+        onClose: () => i(!1),
+        showConnectWidget: n,
+        title: m.manage_connection
+      }
+    )
+  ] });
+}, G = f(E);
+export {
+  G as default
+};