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

package/dist/useCombineEvents-DaDBSR_1.mjs

@@ -0,0 +1,92 @@
+import { getUnixTime as l } from "date-fns/getUnixTime";
+import A from "bowser";
+import { F as u, A as r } from "./Fetch-CkFKy79O.mjs";
+import y from "react";
+const d = async (o, t, n = "1.0.0", a = "Experiences") => {
+  const i = new _(o, t), { analytics_session: s } = await i.initializeAnalyticsSession(
+    n,
+    a
+  ), e = window.location.hostname;
+  return {
+    sendAnalyticEvent: async (c) => await i.sendAnalyticEvent({
+      analytics_event: {
+        ...c,
+        app_version: "widgets-v2",
+        created_at: l(/* @__PURE__ */ new Date()).toString(),
+        host: e,
+        name: c?.label || "",
+        session_id: s.guid,
+        user_agent: navigator.userAgent || "",
+        version: 2
+      }
+    }),
+    sendAnalyticsPageview: async (c) => await i.sendAnalyticsPageview({
+      analytics_pageview: {
+        ...c,
+        app_version: "widgets-v2",
+        created_at: l(/* @__PURE__ */ new Date()).toString(),
+        host: e,
+        name: c.name,
+        session_id: s.guid,
+        user_agent: navigator.userAgent || ""
+      }
+    })
+  };
+};
+class _ {
+  fetchInstance;
+  constructor(t, n) {
+    this.fetchInstance = new u(t, n);
+  }
+  initializeAnalyticsSession = async (t, n) => {
+    const a = A.getParser(window.navigator.userAgent), { analytics_session: i } = await this.fetchInstance.post(r.ANALYTICS_SESSION, {
+      browser_name: a.getBrowserName() || "Unknown",
+      browser_version: a.getBrowserVersion() || "0.0.0",
+      is_first_visit: !1,
+      product_name: "Individual Widget",
+      product_version: t
+    });
+    return i ? (this.fetchInstance.post(r.ANALYTICS_FEATURE_VISITS, {
+      feature_visit: {
+        analytics_session_guid: i.guid,
+        feature_name: n || "Experiences",
+        is_first_visit: i.is_first_visit
+      }
+    }), { analytics_session: i }) : { analytics_session: null };
+  };
+  sendAnalyticEvent = async (t) => this.fetchInstance.post(r.ANALYTICS_EVENTS, t).catch((n) => {
+    throw n;
+  });
+  sendAnalyticsPageview = async (t) => this.fetchInstance.post(r.ANALYTICS_PAGEVIEWS, t).catch((n) => {
+    throw n;
+  });
+}
+class h {
+  fetchInstance;
+  constructor(t, n) {
+    this.fetchInstance = new u(t, n);
+  }
+  getGlobalCopy = async (t, n) => this.fetchInstance.post(`${r.LOCALIZED_CONTENT}/${t}`, { translation_key: n }).then((a) => a);
+}
+const p = (o, t) => {
+  const { session: n } = t, a = Object.values(t).reduce((s, e) => n && e?.onAnalyticEvent && typeof e?.onAnalyticEvent == "function" ? [...s, e.onAnalyticEvent] : s, []), i = [...o, ...a];
+  return y.useMemo(() => (s) => {
+    i.forEach((e) => {
+      n ? e(s, n) : e(s);
+    });
+  }, [o, n]);
+}, E = (o, t) => {
+  const { session: n } = t, a = Object.values(t).reduce((s, e) => n && e?.onAnalyticPageView && typeof e?.onAnalyticPageView == "function" ? [...s, e.onAnalyticPageView] : s, []), i = [...o, ...a];
+  return y.useMemo(() => (s) => {
+    i.forEach((e) => {
+      n ? e(s, n) : e(s);
+    });
+  }, [o, n]);
+};
+export {
+  _ as A,
+  h as G,
+  d as a,
+  E as b,
+  p as u
+};

package/dist/{common/hooks/useDimensions/index.es.js → useDimensions-27p2evRx.mjs}

@@ -32,5 +32,5 @@ function R(i = 100) {
   }, []), [m, s];
 }
 export {
-  R as useDimensions
+  R as u
 };

package/dist/{common/hooks/useScreenSize/index.es.js → useScreenSize-B6JyS_Lj.mjs}

@@ -32,5 +32,5 @@ const l = (s) => {
   }), m;
 };
 export {
-  l as useScreenSize
+  l as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "6.26.18-alpha.mega3",
+  "version": "6.26.18-alpha.mega4",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

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
-};