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

package/CHANGELOG.md

@@ -1,7 +1,3 @@
-## [6.26.18] - 09-08-2025
-
-- **FIXED** - CTA button cutoff on layout
-
 ## [6.26.17] - 09-06-2025
 
 - **FIXED** - `Recurring Transactions` Transaction description Truncate Fix

package/dist/accounts/AccountsMiniWidget/index.es.js

@@ -0,0 +1,45 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import s from "react";
+import { observer as h } from "mobx-react-lite";
+import x from "@mui/material/Divider";
+import g from "@mui/material/List";
+import A from "@mui/material/ListItem";
+import C from "../components/AccountListItem/index.es.js";
+import { useAccountStore as L, useGlobalCopyStore as y, useGlobalUiStore as S } from "../../common/context/hooks/index.es.js";
+import c from "../../common/components/Loader/index.es.js";
+import b from "../../common/components/MiniWidgetContainer/index.es.js";
+const v = ({ onPrimaryCtaClick: m, sx: a }) => {
+  const { visibleAccounts: i } = L(), { accounts: o } = y(), { isCopyLoaded: u, isInitialized: l, selectedAccounts: e, setSelectedAccounts: d } = S();
+  return s.useEffect(() => {
+    d(i);
+  }, [i]), u ? /* @__PURE__ */ t(
+    b,
+    {
+      className: "mx-exp-accounts-miniwidget",
+      onPrimaryCtaClick: m,
+      primaryCtaLabel: o.primary_cta,
+      sx: a,
+      title: o.mini_title,
+      children: l ? /* @__PURE__ */ n(g, { children: [
+        e.length === 0 && /* @__PURE__ */ t(A, { sx: { justifyContent: "center" }, children: o.no_accounts }),
+        e.map((r, p) => {
+          const f = e.indexOf(r) === e.length - 1;
+          return /* @__PURE__ */ n(s.Fragment, { children: [
+            /* @__PURE__ */ t(
+              C,
+              {
+                account: r,
+                listItemProps: { sx: { px: 24 } },
+                shouldShowConnectionStatus: !0
+              }
+            ),
+            !f && /* @__PURE__ */ t(x, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${p}`);
+        })
+      ] }) : /* @__PURE__ */ t(c, {})
+    }
+  ) : /* @__PURE__ */ t(c, {});
+}, E = h(v);
+export {
+  E as default
+};

package/dist/accounts/AccountsWidget/index.es.js

@@ -0,0 +1,67 @@
+import { jsx as o, jsxs as a, Fragment as w } from "react/jsx-runtime";
+import c from "react";
+import { observer as x } from "mobx-react-lite";
+import E from "@mui/material/Box";
+import L from "../components/AccountsList/index.es.js";
+import y from "../components/ConnectionsDrawer/index.es.js";
+import { Text as W } from "@mxenabled/mxui";
+import { useAppConfig as I, useAccountStore as O, useGlobalCopyStore as b, useGlobalUiStore as k, useEvent as U } from "../../common/context/hooks/index.es.js";
+import { useScreenSize as j } from "../../common/hooks/useScreenSize/index.es.js";
+import l from "../../common/components/Loader/index.es.js";
+import v from "../../common/components/WidgetContainer/index.es.js";
+import { ANALYTICS_EVENTS as s } from "../../common/constants/Analytics/index.es.js";
+import D from "../../common/components/ConnectDrawer/index.es.js";
+const F = ({ onBackClick: C, sx: m = {} }) => {
+  const [d, i] = c.useState(!1), [u, r] = c.useState(!1), { config: f } = I(), { accounts: e } = O(), { accounts: t, connect: p } = b(), { isCopyLoaded: g, isInitialized: _, setSelectedAccounts: A, selectedAccountGuids: S } = k(), { isDesktop: h } = j(), { onEvent: n } = U();
+  c.useEffect(() => {
+    A(e);
+  }, [e]);
+  const N = () => {
+    i(!0), n(s.ACCOUNTS_CLICK_CONNECT);
+  }, T = () => {
+    r(!0), n(s.ACCOUNTS_CLICK_CONNECT);
+  };
+  return g ? /* @__PURE__ */ o(
+    v,
+    {
+      accountOptions: e,
+      actions: f.show_connections_widget_in_master ? [
+        { iconName: "add", label: t.add, onClick: N },
+        {
+          iconName: "credit_card_gear",
+          label: t.manage,
+          onClick: T
+        }
+      ] : [],
+      onAccountsFilterClick: () => n(s.ACCOUNTS_CLICK_FILTER),
+      onBackClick: C,
+      sx: m,
+      title: t.title,
+      children: _ ? /* @__PURE__ */ a(w, { children: [
+        /* @__PURE__ */ a(E, { sx: { px: h ? 24 : 12 }, children: [
+          S.length < 1 && /* @__PURE__ */ o(W, { display: "flex", justifyContent: "center", my: 24, children: t.no_accounts }),
+          /* @__PURE__ */ o(L, {})
+        ] }),
+        /* @__PURE__ */ o(
+          D,
+          {
+            onClose: () => i(!1),
+            showConnectWidget: d,
+            title: p.mini_title
+          }
+        ),
+        /* @__PURE__ */ o(
+          y,
+          {
+            onClose: () => r(!1),
+            showConnectionsWidget: u,
+            title: t.manage_connections
+          }
+        )
+      ] }) : /* @__PURE__ */ o(l, {})
+    }
+  ) : /* @__PURE__ */ o(l, {});
+}, Q = x(F);
+export {
+  Q as default
+};

package/dist/accounts/ConnectMiniWidget/index.es.js

@@ -0,0 +1,41 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import s from "react";
+import { observer as l } from "mobx-react-lite";
+import C from "../components/ConnectMiniWidgetCard/index.es.js";
+import { useGlobalUiStore as p, useGlobalCopyStore as d } from "../../common/context/hooks/index.es.js";
+import f from "../../common/components/Loader/index.es.js";
+import g from "../../common/components/MiniWidgetContainer/index.es.js";
+import u from "../../common/components/ConnectDrawer/index.es.js";
+const y = ({
+  onPrimaryCtaClick: n = () => {
+  },
+  sx: r
+}) => {
+  const { isCopyLoaded: c } = p(), { connect: t } = d(), [e, i] = s.useState(!1), m = () => {
+    i(!0), n();
+  };
+  return c ? /* @__PURE__ */ a(
+    g,
+    {
+      className: "mx-exp-connect-miniwidget",
+      onPrimaryCtaClick: m,
+      primaryCtaLabel: t.primary_cta,
+      sx: r,
+      title: t.mini_title,
+      children: [
+        /* @__PURE__ */ o(C, {}),
+        e && /* @__PURE__ */ o(
+          u,
+          {
+            onClose: () => i(!1),
+            showConnectWidget: e,
+            title: t.mini_title
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ o(f, {});
+}, _ = l(y);
+export {
+  _ as default
+};

package/dist/accounts/api/AccountApi/index.es.js

@@ -0,0 +1,20 @@
+import { Fetch as n } from "../../../common/utils/Fetch/index.es.js";
+import { ApiEndpoints as e } from "../../../common/constants/ApiEndpoints/index.es.js";
+class r {
+  fetchInstance;
+  constructor(t, c) {
+    this.fetchInstance = new n(t, c);
+  }
+  createAccount = async (t) => this.fetchInstance.post(e.ACCOUNTS, t).then((c) => c.account).catch((c) => c);
+  deleteAccount = async (t) => this.fetchInstance.delete(`${e.ACCOUNTS}/${t}`).catch((c) => c);
+  getAccounts = async () => this.fetchInstance.get(e.ACCOUNTS).then((t) => t.accounts).catch((t) => t);
+  getInstitutions = async () => this.fetchInstance.get(e.INSTITUTIONS).then((t) => t).catch((t) => t);
+  getMembers = async () => this.fetchInstance.get(e.MEMBERS).then((t) => t.members).catch((t) => t);
+  getMonthlyAccountBalances = async (t) => this.fetchInstance.get(`${e.ACCOUNTS}/${t}/monthly_account_balances`).then((c) => c.monthly_account_balances).catch((c) => c);
+  mergeAccounts = async (t) => this.fetchInstance.put(`${e.ACCOUNTS}/merge`, { accounts: t }).then((c) => c).catch((c) => c);
+  refreshAllMembers = async () => this.fetchInstance.get(`${e.MEMBERS}/refresh_all`).then((t) => t).catch((t) => t);
+  updateAccount = async (t) => this.fetchInstance.put(`${e.ACCOUNTS}/${t.guid}`, t).then((c) => c.account).catch((c) => c);
+}
+export {
+  r as AccountApi
+};

package/dist/accounts/components/AccountListItem/index.es.js

@@ -0,0 +1,84 @@
+import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import y from "@mui/material/Badge";
+import a from "@mui/material/Box";
+import S from "@mui/material/ListItem";
+import I from "@mui/material/ListItemAvatar";
+import _ from "@mui/material/ListItemButton";
+import v from "@mui/material/ListItemText";
+import C from "@mui/material/styles/useTheme";
+import { InstitutionLogo as L, Text as i } from "@mxenabled/mxui";
+import { ErrorStatus as B } from "../ConnectionStatusIcons/index.es.js";
+import { getAccountBalanceDetails as j } from "../../utils/AccountFields/index.es.js";
+import { ConnectionStatus as d } from "../../../common/types/Account/index.es.js";
+import { useGlobalCopyStore as A } from "../../../common/context/hooks/index.es.js";
+import { formatCurrency as T } from "../../../common/utils/NumberFormatting/index.es.js";
+const X = ({
+  account: t,
+  onRowClick: n,
+  listItemProps: c,
+  shouldShowConnectionStatus: p = !1
+}) => {
+  const f = C(), { accounts: o } = A(), { firstSubtitle: u, firstValue: h, secondSubtitle: x, secondValue: g } = j(
+    t,
+    o
+  );
+  let s;
+  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(B, { size: 16 }));
+  const l = /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
+      y,
+      {
+        badgeContent: p ? s : void 0,
+        sx: {
+          "& .MuiBadge-badge": {
+            right: -1
+          }
+        },
+        children: /* @__PURE__ */ e(L, { alt: "MX", institutionGuid: t.institution_guid || "" })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      v,
+      {
+        disableTypography: !0,
+        primary: /* @__PURE__ */ r(
+          i,
+          {
+            bold: !0,
+            color: t.is_hidden ? f.palette.text.secondary : void 0,
+            sx: { whiteSpace: "normal" },
+            variant: "Body",
+            children: [
+              `${t.name || t.feed_name} ${t.account_number ? `*${t.account_number}` : ""}`,
+              " ",
+              t.is_hidden && !t.is_closed && o.is_hidden,
+              t.is_closed && o.is_closed
+            ]
+          }
+        ),
+        secondary: /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ r(a, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(i, { variant: "XSmall", children: u }),
+            /* @__PURE__ */ e(i, { bold: !0, variant: "Small", children: T(h, "0,0.00") })
+          ] }),
+          /* @__PURE__ */ r(a, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(i, { variant: "XSmall", children: x }),
+            /* @__PURE__ */ e(i, { ml: "auto", variant: "XSmall", children: g })
+          ] })
+        ] })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    S,
+    {
+      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
+      ...c,
+      children: n ? /* @__PURE__ */ e(_, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: l }) : l
+    }
+  );
+}, O = b(X);
+export {
+  O as default
+};

package/dist/accounts/components/AccountsList/index.es.js

@@ -0,0 +1,164 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import a from "react";
+import { observer as G } from "mobx-react-lite";
+import x from "@mui/material/Box";
+import C from "@mui/material/Divider";
+import y from "@mui/material/List";
+import L from "@mui/material/ListSubheader";
+import p from "@mui/system/Stack";
+import { Text as h } from "@mxenabled/mxui";
+import N from "../detailsdrawer/Accounts/AccountDetailsContent/index.es.js";
+import R from "../detailsdrawer/Accounts/AccountDetailsHeader/index.es.js";
+import w from "../AccountListItem/index.es.js";
+import { useAccountUiStore as U } from "../../hooks/useUiStore/index.es.js";
+import { useGlobalCopyStore as M, useGlobalUiStore as F, useAccountStore as H, useEvent as V } from "../../../common/context/hooks/index.es.js";
+import { formatCurrency as v } from "../../../common/utils/NumberFormatting/index.es.js";
+import K from "../../../common/components/drawer/Drawer/index.es.js";
+import { ANALYTICS_EVENTS as Y } from "../../../common/constants/Analytics/index.es.js";
+const $ = () => {
+  const [f, g] = a.useState(""), { accounts: s } = M(), { selectedAccounts: c } = F(), { setSelectedAccount: B, setSelectedMember: O } = U(), { members: T } = H(), { onEvent: k } = V(), I = [...new Set(c.map((e) => e.account_type))], l = c.find((e) => f === e.guid), d = a.useMemo(
+    () => c.filter((e) => e.is_hidden),
+    [c]
+  ), u = a.useMemo(
+    () => c.filter((e) => e.is_closed),
+    [c]
+  ), E = d.reduce(
+    (e, o) => (o.available_balance || o.balance || 0) + e,
+    0
+  ), j = u.reduce(
+    (e, o) => (o.available_balance || o.balance || 0) + e,
+    0
+  );
+  a.useEffect(() => {
+    if (l) {
+      B(l);
+      const e = T.find((o) => o.guid === l?.member_guid) || {};
+      e && O(e);
+    }
+  }, [l, f]);
+  const A = (e) => {
+    g(e.guid), k(Y.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: e.guid,
+      account_type: e.account_type
+    });
+  }, S = (e) => {
+    const o = e === "hidden" ? d : u, b = e === "hidden" ? E : j, n = e === "hidden" ? s.account_hidden : s.account_closed;
+    return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+      y,
+      {
+        "aria-label": n,
+        subheader: /* @__PURE__ */ t(L, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
+          p,
+          {
+            component: "span",
+            direction: "row",
+            sx: { justifyContent: "space-between", color: "grey.700" },
+            children: [
+              /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: n }),
+              /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: v(b, "0,0.00") })
+            ]
+          }
+        ) }),
+        children: /* @__PURE__ */ t(p, { children: o.map((r, m, D) => {
+          const _ = m === D.length - 1;
+          return /* @__PURE__ */ i(a.Fragment, { children: [
+            /* @__PURE__ */ t(
+              w,
+              {
+                account: r,
+                onRowClick: () => A(r),
+                shouldShowConnectionStatus: !0
+              }
+            ),
+            e === "hidden" ? /* @__PURE__ */ t(
+              C,
+              {
+                sx: {
+                  mb: _ ? 24 : 4,
+                  ml: _ ? 24 : 68
+                }
+              }
+            ) : !_ && /* @__PURE__ */ t(
+              C,
+              {
+                sx: {
+                  mb: 4,
+                  ml: 68
+                }
+              }
+            )
+          ] }, r.guid);
+        }) })
+      }
+    ) });
+  };
+  return /* @__PURE__ */ i(x, { sx: { pt: 24 }, children: [
+    I.map((e) => {
+      const o = c.filter(
+        (n) => n.account_type === e && !n.is_closed && !n.is_hidden
+      ), b = o.reduce(
+        (n, r) => (r.balance || 0) + n,
+        0
+      );
+      return o.length === 0 ? null : /* @__PURE__ */ t(
+        y,
+        {
+          "aria-label": s.account_type_accounts[o[0]?.account_type],
+          subheader: /* @__PURE__ */ t(L, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
+            p,
+            {
+              component: "span",
+              direction: "row",
+              sx: { display: "flex", justifyContent: "space-between" },
+              children: [
+                /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: s.account_types[e] }),
+                /* @__PURE__ */ t(h, { bold: !0, variant: "Body", children: v(b, "0,0.00") })
+              ]
+            }
+          ) }),
+          children: /* @__PURE__ */ t(p, { children: o.map((n) => {
+            const r = c.indexOf(n) === c.length - 1, m = o.indexOf(n) === o.length - 1;
+            return /* @__PURE__ */ i(a.Fragment, { children: [
+              /* @__PURE__ */ t(
+                w,
+                {
+                  account: n,
+                  onRowClick: () => A(n),
+                  shouldShowConnectionStatus: !0
+                }
+              ),
+              (!r || u.length > 0 || d.length > 0) && /* @__PURE__ */ t(
+                C,
+                {
+                  sx: {
+                    mb: m ? 24 : 4,
+                    ml: m ? 24 : 68
+                  }
+                }
+              )
+            ] }, n.guid);
+          }) })
+        },
+        e
+      );
+    }),
+    d.length > 0 && S("hidden"),
+    u.length > 0 && S("closed"),
+    /* @__PURE__ */ i(
+      K,
+      {
+        ariaLabelClose: s.close_account_details_aria,
+        isOpen: !!f,
+        onClose: () => g(""),
+        title: s.account_details,
+        children: [
+          /* @__PURE__ */ t(R, {}),
+          /* @__PURE__ */ t(N, {})
+        ]
+      }
+    )
+  ] });
+}, le = G($);
+export {
+  le as default
+};