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

package/package.json

@@ -1,166 +1,14 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "6.26.18-alpha.mega3",
+  "version": "6.26.18-alpha.sms1",
   "description": "Library containing experience widgets",
+  "main": "dist/index.es.js",
+  "types": "dist/index.d.ts",
   "author": "MX",
   "license": "MIT",
-  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
-  "exports": {
-    "./accounts": {
-      "import": "./dist/accounts/index.es.js",
-      "types": "./dist/accounts/index.d.ts"
-    },
-    "./analytics": {
-      "import": "./dist/analytics/index.es.js",
-      "types": "./dist/analytics/index.d.ts"
-    },
-    "./budgets": {
-      "import": "./dist/budgets/index.es.js",
-      "types": "./dist/budgets/index.d.ts"
-    },
-    "./cashflow": {
-      "import": "./dist/cashflow/index.es.js",
-      "types": "./dist/cashflow/index.d.ts"
-    },
-    "./categories": {
-      "import": "./dist/categories/index.es.js",
-      "types": "./dist/categories/index.d.ts"
-    },
-    "./common": {
-      "import": "./dist/common/index.es.js",
-      "types": "./dist/common/index.d.ts"
-    },
-    "./dashboard": {
-      "import": "./dist/dashboard/index.es.js",
-      "types": "./dist/dashboard/index.d.ts"
-    },
-    "./debts": {
-      "import": "./dist/debts/index.es.js",
-      "types": "./dist/debts/index.d.ts"
-    },
-    "./finstrong": {
-      "import": "./dist/finstrong/index.es.js",
-      "types": "./dist/finstrong/index.d.ts"
-    },
-    "./goals": {
-      "import": "./dist/goals/index.es.js",
-      "types": "./dist/goals/index.d.ts"
-    },
-    "./help": {
-      "import": "./dist/help/index.es.js",
-      "types": "./dist/help/index.d.ts"
-    },
-    "./investments": {
-      "import": "./dist/investments/index.es.js",
-      "types": "./dist/investments/index.d.ts"
-    },
-    "./merchants": {
-      "import": "./dist/merchants/index.es.js",
-      "types": "./dist/merchants/index.d.ts"
-    },
-    "./microinsights": {
-      "import": "./dist/microinsights/index.es.js",
-      "types": "./dist/microinsights/index.d.ts"
-    },
-    "./networth": {
-      "import": "./dist/networth/index.es.js",
-      "types": "./dist/networth/index.d.ts"
-    },
-    "./notifications": {
-      "import": "./dist/notifications/index.es.js",
-      "types": "./dist/notifications/index.d.ts"
-    },
-    "./recurringtransactions": {
-      "import": "./dist/recurringtransactions/index.es.js",
-      "types": "./dist/recurringtransactions/index.d.ts"
-    },
-    "./spending": {
-      "import": "./dist/spending/index.es.js",
-      "types": "./dist/spending/index.d.ts"
-    },
-    "./settings": {
-      "import": "./dist/settings/index.es.js",
-      "types": "./dist/settings/index.d.ts"
-    },
-    "./transactions": {
-      "import": "./dist/transactions/index.es.js",
-      "types": "./dist/transactions/index.d.ts"
-    },
-    "./trends": {
-      "import": "./dist/trends/index.es.js",
-      "types": "./dist/trends/index.d.ts"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "accounts": [
-        "./dist/accounts/index.d.ts"
-      ],
-      "analytics": [
-        "./dist/analytics/index.d.ts"
-      ],
-      "budgets": [
-        "./dist/budgets/index.d.ts"
-      ],
-      "cashflow": [
-        "./dist/cashflow/index.d.ts"
-      ],
-      "categories": [
-        "./dist/categories/index.d.ts"
-      ],
-      "common": [
-        "./dist/common/index.d.ts"
-      ],
-      "dashboard": [
-        "./dist/dashboard/index.d.ts"
-      ],
-      "debts": [
-        "./dist/debts/index.d.ts"
-      ],
-      "finstrong": [
-        "./dist/finstrong/index.d.ts"
-      ],
-      "goals": [
-        "./dist/goals/index.d.ts"
-      ],
-      "help": [
-        "./dist/help/index.d.ts"
-      ],
-      "investments": [
-        "./dist/investments/index.d.ts"
-      ],
-      "merchants": [
-        "./dist/merchants/index.d.ts"
-      ],
-      "microinsights": [
-        "./dist/microinsights/index.d.ts"
-      ],
-      "networth": [
-        "./dist/networth/index.d.ts"
-      ],
-      "notifications": [
-        "./dist/notifications/index.d.ts"
-      ],
-      "recurringtransactions": [
-        "./dist/recurringtransactions/index.d.ts"
-      ],
-      "spending": [
-        "./dist/spending/index.d.ts"
-      ],
-      "settings": [
-        "./dist/settings/index.d.ts"
-      ],
-      "transactions": [
-        "./dist/transactions/index.d.ts"
-      ],
-      "trends": [
-        "./dist/trends/index.d.ts"
-      ]
-    }
-  },
   "scripts": {
     "build": "tsc && vite build",
     "build-storybook": "storybook build -o compiled_docs",

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

@@ -1,45 +0,0 @@
-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

@@ -1,67 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,84 +0,0 @@
-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

@@ -1,164 +0,0 @@
-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
-};