@mx-cartographer/experiences 7.4.7 → 7.4.8-alpha.mm0

package/dist/accounts/index.es.js

@@ -1,59 +1,60 @@
-import { jsx as e, jsxs as r, Fragment as q } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as J } from "react/jsx-runtime";
 import h from "react";
 import { observer as v } from "mobx-react-lite";
 import E from "@mui/material/Box";
-import x from "@mui/material/Divider";
+import y from "@mui/material/Divider";
 import F from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import y from "@mui/system/Stack";
+import Z from "@mui/system/Stack";
 import { Text as g } from "@mxenabled/mxui";
-import { useTheme as J } from "@mui/material/styles";
-import { u as D, A as Q } from "../AccountDetailsHeader-Cbi5G6fJ.mjs";
-import { L as X } from "../LineChart-bc1D9xBE.mjs";
-import { g as e1, a as t1, b as n1 } from "../SpendingData-BuJ03S9d.mjs";
-import { m as l1, u as M, b, d as N, g as U, a as i1, n as o1 } from "../hooks-C41HAxM5.mjs";
-import { A as W, l as P, m as C1 } from "../ConnectDrawer-CuUj16NH.mjs";
-import { F as o3, M as C3 } from "../ConnectDrawer-CuUj16NH.mjs";
-import { I as G, P as $, S as j } from "../Account-01wOyrH1.mjs";
-import { a as d1 } from "../AccountFields-Cd_nOWmf.mjs";
-import { g as c3, b as s3 } from "../AccountFields-Cd_nOWmf.mjs";
-import { A as B } from "../AccountListItem-DxY4cCF1.mjs";
-import { A as c1 } from "../AccountDetailsContent-COMjOzwr.mjs";
-import { u as r3 } from "../AccountDetailsContent-COMjOzwr.mjs";
-import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
+import { useTheme as Q } from "@mui/material/styles";
+import { u as U, A as X } from "../AccountDetailsHeader-C8MxsxhN.mjs";
+import { L as e1 } from "../LineChart-BQRxZF3p.mjs";
+import { g as t1, a as n1, b as l1 } from "../SpendingData-BuJ03S9d.mjs";
+import { m as i1, u as M, b as S, d as W, g as P, a as o1 } from "../hooks-ZMp65DFz.mjs";
+import { A as I, l as G, m as C1 } from "../ConnectDrawer-KL8t1qSC.mjs";
+import { F as C3, M as d3 } from "../ConnectDrawer-KL8t1qSC.mjs";
+import { I as $, P as j, S as Y } from "../Account-BrOTlmeK.mjs";
+import { a as d1 } from "../AccountFields-BQZ-o6Kj.mjs";
+import { g as s3, b as a3 } from "../AccountFields-BQZ-o6Kj.mjs";
+import { A as N } from "../AccountListItem-aIE9WWTO.mjs";
+import { A as c1 } from "../AccountDetailsContent-B7FqH05C.mjs";
+import { u as L3 } from "../AccountDetailsContent-B7FqH05C.mjs";
+import { f as D } from "../NumberFormatting-DjTD0t3W.mjs";
 import { D as s1 } from "../Drawer-BEtCk82g.mjs";
-import { A as S, W as a1 } from "../WidgetContainer-6dsjtOVg.mjs";
-import { C as r1 } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
-import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as _ } from "../Loader-DUaFpDGv.mjs";
+import { A as x, W as a1 } from "../WidgetContainer-CaPjoWeE.mjs";
+import { C as r1 } from "../ConnectionsDrawer-DaK5uIL5.mjs";
+import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as B } from "../useWidgetLoadTimer-C1NBkyLd.mjs";
+import { L as w } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as K } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { M as z } from "../MiniWidgetContainer-98-hKFqm.mjs";
 import u1 from "@mui/material/Stack";
-import { A as u3, a as h3 } from "../AccountStore-C1zMBzHq.mjs";
-const h1 = (i, o) => {
-  const l = G.includes(o) ? e1(i) : [], t = $.includes(o) ? t1(i) : [], L = j.includes(o) ? n1(i) : [];
-  return [l, t, L].filter((C) => C.length > 0);
-}, H1 = (i, o, l) => {
-  const [t, L] = i, C = t, d = L ?? t, s = [];
-  if (C && d && G.includes(o)) {
-    const c = C[C.length - 1].y;
+import { A as h3, a as H3 } from "../AccountStore-DqO84Aer.mjs";
+const h1 = (o, C) => {
+  const l = $.includes(C) ? t1(o) : [], t = j.includes(C) ? n1(o) : [], L = Y.includes(C) ? l1(o) : [];
+  return [l, t, L].filter((i) => i.length > 0);
+}, H1 = (o, C, l) => {
+  const [t, L] = o, i = t, d = L ?? t, s = [];
+  if (i && d && $.includes(C)) {
+    const c = i[i.length - 1].y;
     s.push({ label: l.income_label, amount: c });
-  } else if ($.includes(o)) {
-    const c = C[C.length - 1].y;
+  } else if (j.includes(C)) {
+    const c = i[i.length - 1].y;
     s.push({ label: l.payments_label, amount: c });
   }
-  if (d && j.includes(o)) {
+  if (d && Y.includes(C)) {
     const c = d[d.length - 1].y;
     s.push({ label: l.spending_label, amount: c });
   }
   return s;
 }, p1 = () => {
-  const i = J(), { selectedAccount: o } = D(), { monthlyCategoryTotals: l } = l1(), { trends: t } = M(), L = [i.palette.chart?.chart1, i.palette.chart?.chart2], C = h1(l, o.account_type), d = H1(C, o.account_type, t), s = [W.LOAN, W.MORTGAGE].includes(o.account_type);
+  const o = Q(), { selectedAccount: C } = U(), { monthlyCategoryTotals: l } = i1(), { trends: t } = M(), L = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(l, C.account_type), d = H1(i, C.account_type, t), s = [I.LOAN, I.MORTGAGE].includes(C.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    X,
+    e1,
     {
       colors: L,
-      datasets: C,
+      datasets: i,
       height: 185,
       labels: d,
       showAverage: s,
@@ -62,60 +63,60 @@ const h1 = (i, o) => {
       valueFormatterString: "0,0"
     }
   ) });
-}, f1 = v(p1), m1 = () => {
-  const [i, o] = h.useState(""), { accounts: l } = M(), { selectedAccounts: t } = b(), { setSelectedAccount: L, setSelectedMember: C } = D(), { members: d } = N(), { onEvent: s } = U(), c = [...new Set(t.map((n) => n.account_type))], p = t.find((n) => i === n.guid), H = h.useMemo(
+}, m1 = v(p1), f1 = () => {
+  const [o, C] = h.useState(""), { accounts: l } = M(), { selectedAccounts: t } = S(), { setSelectedAccount: L, setSelectedMember: i } = U(), { members: d } = W(), { onEvent: s } = P(), c = [...new Set(t.map((n) => n.account_type))], H = t.find((n) => o === n.guid), p = h.useMemo(
     () => t.filter((n) => n.is_hidden),
     [t]
-  ), f = h.useMemo(
+  ), m = h.useMemo(
     () => t.filter((n) => n.is_closed),
     [t]
-  ), R = H.reduce(
+  ), R = p.reduce(
     (n, a) => (a.available_balance || a.balance || 0) + n,
     0
-  ), k = d1(f, l);
+  ), b = d1(m, l);
   h.useEffect(() => {
-    if (p) {
-      L(p);
-      const n = d.find((a) => a.guid === p?.member_guid) || {};
-      n && C(n);
+    if (H) {
+      L(H);
+      const n = d.find((a) => a.guid === H?.member_guid) || {};
+      n && i(n);
     }
-  }, [p, i]);
-  const Z = (n) => {
-    o(n.guid), s(S.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [H, o]);
+  const _ = (n) => {
+    C(n.guid), s(x.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: n.guid,
       account_type: n.account_type
     });
   }, V = (n) => {
-    const a = n === "hidden" ? H : f, w = n === "hidden" ? R : k, u = n === "hidden" ? l.account_hidden : l.account_closed;
+    const a = n === "hidden" ? p : m, k = n === "hidden" ? R : b, u = n === "hidden" ? l.account_hidden : l.account_closed;
     return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
       F,
       {
         "aria-label": u,
         subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-          y,
+          Z,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
               /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: u }),
-              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: D(k, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(y, { children: a.map((m, A, z) => {
-          const T = A === z.length - 1;
+        children: /* @__PURE__ */ e(Z, { children: a.map((f, A, q) => {
+          const T = A === q.length - 1;
           return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              B,
+              N,
               {
-                account: m,
-                onRowClick: () => Z(m),
+                account: f,
+                onRowClick: () => _(f),
                 shouldShowConnectionStatus: !0
               }
             ),
             n === "hidden" ? /* @__PURE__ */ e(
-              x,
+              y,
               {
                 sx: {
                   mb: T ? 24 : 4,
@@ -123,7 +124,7 @@ const h1 = (i, o) => {
                 }
               }
             ) : !T && /* @__PURE__ */ e(
-              x,
+              y,
               {
                 sx: {
                   mb: 4,
@@ -131,7 +132,7 @@ const h1 = (i, o) => {
                 }
               }
             )
-          ] }, m.guid);
+          ] }, f.guid);
         }) })
       }
     ) });
@@ -140,8 +141,8 @@ const h1 = (i, o) => {
     c.map((n) => {
       const a = t.filter(
         (u) => u.account_type === n && !u.is_closed && !u.is_hidden
-      ), w = a.reduce(
-        (u, m) => (m.balance || 0) + u,
+      ), k = a.reduce(
+        (u, f) => (f.balance || 0) + u,
         0
       );
       return a.length === 0 ? null : /* @__PURE__ */ e(
@@ -149,30 +150,30 @@ const h1 = (i, o) => {
         {
           "aria-label": l.account_type_accounts[a[0]?.account_type],
           subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-            y,
+            Z,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
                 /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: l.account_types[n] }),
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: D(k, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(y, { children: a.map((u) => {
-            const m = t.indexOf(u) === t.length - 1, A = a.indexOf(u) === a.length - 1;
+          children: /* @__PURE__ */ e(Z, { children: a.map((u) => {
+            const f = t.indexOf(u) === t.length - 1, A = a.indexOf(u) === a.length - 1;
             return /* @__PURE__ */ r(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                B,
+                N,
                 {
                   account: u,
-                  onRowClick: () => Z(u),
+                  onRowClick: () => _(u),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
-                x,
+              (!f || m.length > 0 || p.length > 0) && /* @__PURE__ */ e(
+                y,
                 {
                   sx: {
                     mb: A ? 24 : 4,
@@ -186,111 +187,115 @@ const h1 = (i, o) => {
         n
       );
     }),
-    H.length > 0 && V("hidden"),
-    f.length > 0 && V("closed"),
+    p.length > 0 && V("hidden"),
+    m.length > 0 && V("closed"),
     /* @__PURE__ */ r(
       s1,
       {
         ariaLabelClose: l.close_account_details_aria,
-        isOpen: !!i,
-        onClose: () => o(""),
+        isOpen: !!o,
+        onClose: () => C(""),
         title: l.account_details,
         children: [
-          /* @__PURE__ */ e(Q, { ChartComponent: f1 }),
+          /* @__PURE__ */ e(X, { ChartComponent: m1 }),
           /* @__PURE__ */ e(c1, {})
         ]
       }
     )
   ] });
-}, V1 = v(m1), g1 = ({ onBackClick: i, sx: o = {} }) => {
-  const [l, t] = h.useState(!1), [L, C] = h.useState(!1), { config: d } = i1(), { accounts: s } = N(), { accounts: c, connect: p } = M(), { isCopyLoaded: H, isInitialized: f, setSelectedAccounts: R, selectedAccountGuids: k } = b(), { isDesktop: Z } = Y(), { onEvent: V } = U(), { onLoad: n } = o1();
-  h.useEffect(() => {
+}, V1 = v(f1), g1 = ({ onBackClick: o, sx: C = {} }) => {
+  const [l, t] = h.useState(!1), [L, i] = h.useState(!1), { config: d } = o1(), { accounts: s } = W(), { accounts: c, connect: H } = M(), { isCopyLoaded: p, isInitialized: m, setSelectedAccounts: R, selectedAccountGuids: b } = S(), { isDesktop: _ } = K(), { onEvent: V } = P();
+  B({
+    widgetName: "AccountsWidget",
+    isLoaded: m && p
+  }), h.useEffect(() => {
     R(s);
-  }, [s]), h.useEffect(() => {
-    f && H && n?.("AccountsWidget");
-  }, [f, H]);
-  const a = () => {
-    t(!0), V(S.ACCOUNTS_CLICK_CONNECT);
-  }, w = () => {
-    C(!0), V(S.ACCOUNTS_CLICK_CONNECT);
+  }, [s]);
+  const n = () => {
+    t(!0), V(x.ACCOUNTS_CLICK_CONNECT);
+  }, a = () => {
+    i(!0), V(x.ACCOUNTS_CLICK_CONNECT);
   };
-  return H ? /* @__PURE__ */ e(
+  return p ? /* @__PURE__ */ e(
     a1,
     {
       accountOptions: s,
       actions: d.show_connections_widget_in_master ? [
-        { iconName: "add", label: c.add, onClick: a },
+        { iconName: "add", label: c.add, onClick: n },
         {
           iconName: "credit_card_gear",
           label: c.manage,
-          onClick: w
+          onClick: a
         }
       ] : [],
-      onAccountsFilterClick: () => V(S.ACCOUNTS_CLICK_FILTER),
-      onBackClick: i,
-      sx: o,
+      onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
+      onBackClick: o,
+      sx: C,
       title: c.title,
-      children: f ? /* @__PURE__ */ r(q, { children: [
-        /* @__PURE__ */ r(E, { sx: { px: Z ? 24 : 12 }, children: [
-          k.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
+      children: m ? /* @__PURE__ */ r(J, { children: [
+        /* @__PURE__ */ r(E, { sx: { px: _ ? 24 : 12 }, children: [
+          b.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
           /* @__PURE__ */ e(V1, {})
         ] }),
         /* @__PURE__ */ e(
-          P,
+          G,
           {
             onClose: () => t(!1),
             showConnectWidget: l,
-            title: p.mini_title
+            title: H.mini_title
           }
         ),
         /* @__PURE__ */ e(
           r1,
           {
-            onClose: () => C(!1),
+            onClose: () => i(!1),
             showConnectionsWidget: L,
             title: c.manage_connections
           }
         )
-      ] }) : /* @__PURE__ */ e(_, {})
+      ] }) : /* @__PURE__ */ e(w, {})
     }
-  ) : /* @__PURE__ */ e(_, {});
-}, e3 = v(g1), v1 = ({ onPrimaryCtaClick: i, sx: o }) => {
-  const { visibleAccounts: l } = N(), { accounts: t } = M(), { isCopyLoaded: L, isInitialized: C, selectedAccounts: d, setSelectedAccounts: s } = b(), { isDesktop: c } = Y();
-  h.useEffect(() => {
+  ) : /* @__PURE__ */ e(w, {});
+}, t3 = v(g1), v1 = ({ onPrimaryCtaClick: o, sx: C }) => {
+  const { visibleAccounts: l } = W(), { accounts: t } = M(), { isCopyLoaded: L, isInitialized: i, selectedAccounts: d, setSelectedAccounts: s } = S(), { isDesktop: c } = K();
+  B({
+    widgetName: "AccountsMiniWidget",
+    isLoaded: i
+  }), h.useEffect(() => {
     s(l);
   }, [l]);
-  const p = h.useMemo(
+  const H = h.useMemo(
     () => C1(d, c ? 5 : 3),
     [d, c]
   );
   return L ? /* @__PURE__ */ e(
-    K,
+    z,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: i,
+      onPrimaryCtaClick: o,
       primaryCtaLabel: t.primary_cta,
-      sx: o,
+      sx: C,
       title: t.mini_title,
-      children: C ? /* @__PURE__ */ r(F, { children: [
+      children: i ? /* @__PURE__ */ r(F, { children: [
         d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: t.no_accounts }),
-        p.map((H, f) => {
-          const R = p.indexOf(H) === p.length - 1;
+        H.map((p, m) => {
+          const R = H.indexOf(p) === H.length - 1;
           return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              B,
+              N,
               {
-                account: H,
+                account: p,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !R && /* @__PURE__ */ e(x, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${f}`);
+            !R && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${m}`);
         })
-      ] }) : /* @__PURE__ */ e(_, {})
+      ] }) : /* @__PURE__ */ e(w, {})
     }
-  ) : /* @__PURE__ */ e(_, {});
-}, t3 = v(v1), M1 = () => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(w, {});
+}, n3 = v(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
     fill: "none",
@@ -730,7 +735,7 @@ const h1 = (i, o) => {
     ]
   }
 ), R1 = () => {
-  const { connect: i } = M();
+  const { connect: o } = M();
   return /* @__PURE__ */ r(u1, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
@@ -742,52 +747,55 @@ const h1 = (i, o) => {
           textAlign: "center"
         },
         variant: "Paragraph",
-        children: i.mini_widget_content
+        children: o.mini_widget_content
       }
     )
   ] });
 }, w1 = v(R1), _1 = ({
-  onPrimaryCtaClick: i = () => {
+  onPrimaryCtaClick: o = () => {
   },
-  sx: o
+  sx: C
 }) => {
-  const { isCopyLoaded: l } = b(), { connect: t } = M(), [L, C] = h.useState(!1), d = () => {
-    C(!0), i();
+  const { isCopyLoaded: l } = S(), { connect: t } = M(), [L, i] = h.useState(!1), d = () => {
+    i(!0), o();
   };
-  return l ? /* @__PURE__ */ r(
-    K,
+  return B({
+    widgetName: "ConnectMiniWidget",
+    isLoaded: l
+  }), l ? /* @__PURE__ */ r(
+    z,
     {
       className: "mx-exp-connect-miniwidget",
       onPrimaryCtaClick: d,
       primaryCtaLabel: t.primary_cta,
-      sx: o,
+      sx: C,
       title: t.mini_title,
       children: [
         /* @__PURE__ */ e(w1, {}),
         L && /* @__PURE__ */ e(
-          P,
+          G,
           {
-            onClose: () => C(!1),
+            onClose: () => i(!1),
             showConnectWidget: L,
             title: t.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(_, {});
-}, n3 = v(_1);
+  ) : /* @__PURE__ */ e(w, {});
+}, l3 = v(_1);
 export {
-  u3 as AccountApi,
+  h3 as AccountApi,
   c1 as AccountDetailsContent,
-  Q as AccountDetailsHeader,
-  h3 as AccountStore,
-  t3 as AccountsMiniWidget,
-  e3 as AccountsWidget,
-  n3 as ConnectMiniWidget,
-  o3 as FieldType,
-  C3 as MemberConnectionStatus,
-  c3 as getAccountBalanceDetails,
-  s3 as getAccountDetailFields,
-  D as useAccountUiStore,
-  r3 as useGetMergeableAccounts
+  X as AccountDetailsHeader,
+  H3 as AccountStore,
+  n3 as AccountsMiniWidget,
+  t3 as AccountsWidget,
+  l3 as ConnectMiniWidget,
+  C3 as FieldType,
+  d3 as MemberConnectionStatus,
+  s3 as getAccountBalanceDetails,
+  a3 as getAccountDetailFields,
+  U as useAccountUiStore,
+  L3 as useGetMergeableAccounts
 };

package/dist/analytics/index.es.js

@@ -8,8 +8,8 @@ import a from "@mui/material/Stack";
 import _ from "@mui/material/styles/useTheme";
 import { Text as u, TextField as L } from "@mxenabled/mxui";
 import { L as W } from "../Loader-DUaFpDGv.mjs";
-import { M as j } from "../MiniWidgetContainer-CmXpTylX.mjs";
-import { k as f, u as b, g as q, b as E } from "../hooks-C41HAxM5.mjs";
+import { M as j } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { k as f, u as b, g as q, b as E } from "../hooks-ZMp65DFz.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";
 const O = () => {