@mx-cartographer/experiences 7.3.0-alpha.sms1 → 7.3.0

package/dist/{WidgetContainer-BHWANqT4.mjs → WidgetContainer-BnTgAfQn.mjs}

@@ -13,7 +13,7 @@ import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-D6XlXHf4.mjs";
+import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-Cy8JnjCg.mjs";
 import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
 import { addDays as ue } from "date-fns/addDays";
@@ -37,7 +37,7 @@ import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
 import { f as K, D as G, a as Me } from "./Dialog-CWW597AF.mjs";
 import { D as We } from "./Drawer-kEE73B87.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-BQNs-hjk.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-CbxHKlRv.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsChart.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
 import { MiniWidgetProps } from '../../../../common';
-declare const _default: React.FunctionComponent<MiniWidgetProps>;
+interface AccountDetailsChartProps extends MiniWidgetProps {
+    ChartComponent?: React.ComponentType;
+}
+declare const _default: React.FunctionComponent<AccountDetailsChartProps>;
 export default _default;

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.d.ts

@@ -1,7 +1,8 @@
 interface AccountDetailsHeaderProps {
+    ChartComponent?: React.ComponentType;
     customDetailsChart?: React.ReactElement;
 }
-declare const _default: (({ customDetailsChart }: AccountDetailsHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const _default: (({ customDetailsChart, ChartComponent, }: AccountDetailsHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/dist/accounts/index.es.js

@@ -1,93 +1,129 @@
-import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
-import d from "react";
-import { observer as M } from "mobx-react-lite";
-import B from "@mui/material/Box";
-import A from "@mui/material/Divider";
-import E from "@mui/material/List";
+import { jsx as e, jsxs as r, Fragment as q } 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 F from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import _ from "@mui/system/Stack";
-import { Text as v } from "@mxenabled/mxui";
-import { A as K } from "../AccountDetailsContent-CAM9y39M.mjs";
-import { u as D1 } from "../AccountDetailsContent-CAM9y39M.mjs";
-import { u as z, A as P } from "../AccountDetailsHeader-JtSX6Uf9.mjs";
-import { A as W } from "../AccountListItem-JFMZROh7.mjs";
-import { a as Y } from "../AccountFields-C9FlatNb.mjs";
-import { g as U1, b as $1 } from "../AccountFields-C9FlatNb.mjs";
-import { u as w, b as S, d as T, g as D, a as q } from "../hooks-D6XlXHf4.mjs";
+import y 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-jAFWoHj7.mjs";
+import { L as X } from "../LineChart-eK4IQImU.mjs";
+import { g as e1, a as t1, b as n1 } from "../SpendingData-D5vsfYKo.mjs";
+import { m as l1, u as M, b, d as N, g as U, a as i1, n as o1 } from "../hooks-Cy8JnjCg.mjs";
+import { A as W, l as P, m as C1 } from "../ConnectDrawer-CbxHKlRv.mjs";
+import { F as o3, M as C3 } from "../ConnectDrawer-CbxHKlRv.mjs";
+import { I as G, P as $, S as j } from "../Account-YwUMFz93.mjs";
+import { a as d1 } from "../AccountFields-DPxMPBF0.mjs";
+import { g as c3, b as s3 } from "../AccountFields-DPxMPBF0.mjs";
+import { A as B } from "../AccountListItem-D6rWAreC.mjs";
+import { A as c1 } from "../AccountDetailsContent-BgCST7mK.mjs";
+import { u as r3 } from "../AccountDetailsContent-BgCST7mK.mjs";
 import { f as I } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { D as J } from "../Drawer-kEE73B87.mjs";
-import { A as y, W as Q } from "../WidgetContainer-BHWANqT4.mjs";
-import { C as X } from "../ConnectionsDrawer-ByGQE7D5.mjs";
-import { u as N } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as g } from "../Loader-DUaFpDGv.mjs";
-import { l as U, m as e1 } from "../ConnectDrawer-BQNs-hjk.mjs";
-import { F as G1, f as K1 } from "../ConnectDrawer-BQNs-hjk.mjs";
-import t1 from "@mui/material/ListItem";
-import { M as $ } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import l1 from "@mui/material/Stack";
-import { A as P1, a as Y1 } from "../AccountStore-BgNOyMdp.mjs";
-const i1 = () => {
-  const [c, H] = d.useState(""), { accounts: C } = w(), { selectedAccounts: l } = S(), { setSelectedAccount: h, setSelectedMember: r } = z(), { members: L } = T(), { onEvent: f } = D(), s = [...new Set(l.map((t) => t.account_type))], a = l.find((t) => c === t.guid), u = d.useMemo(
-    () => l.filter((t) => t.is_hidden),
-    [l]
-  ), p = d.useMemo(
-    () => l.filter((t) => t.is_closed),
-    [l]
-  ), R = u.reduce(
-    (t, i) => (i.available_balance || i.balance || 0) + t,
+import { D as s1 } from "../Drawer-kEE73B87.mjs";
+import { A as S, W as a1 } from "../WidgetContainer-BnTgAfQn.mjs";
+import { C as r1 } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as _ } from "../Loader-DUaFpDGv.mjs";
+import L1 from "@mui/material/ListItem";
+import { M as K } from "../MiniWidgetContainer-BdgBvpga.mjs";
+import u1 from "@mui/material/Stack";
+import { A as u3, a as h3 } from "../AccountStore-B5E98oM1.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;
+    s.push({ label: l.income_label, amount: c });
+  } else if ($.includes(o)) {
+    const c = C[C.length - 1].y;
+    s.push({ label: l.payments_label, amount: c });
+  }
+  if (d && j.includes(o)) {
+    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);
+  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
+    X,
+    {
+      colors: L,
+      datasets: C,
+      height: 185,
+      labels: d,
+      showAverage: s,
+      showBars: s,
+      showLegend: !0,
+      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(
+    () => t.filter((n) => n.is_hidden),
+    [t]
+  ), f = h.useMemo(
+    () => t.filter((n) => n.is_closed),
+    [t]
+  ), R = H.reduce(
+    (n, a) => (a.available_balance || a.balance || 0) + n,
     0
-  ), b = Y(p, C);
-  d.useEffect(() => {
-    if (a) {
-      h(a);
-      const t = L.find((i) => i.guid === a?.member_guid) || {};
-      t && r(t);
+  ), k = d1(f, l);
+  h.useEffect(() => {
+    if (p) {
+      L(p);
+      const n = d.find((a) => a.guid === p?.member_guid) || {};
+      n && C(n);
     }
-  }, [a, c]);
-  const Z = (t) => {
-    H(t.guid), f(y.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: t.guid,
-      account_type: t.account_type
+  }, [p, i]);
+  const Z = (n) => {
+    o(n.guid), s(S.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: n.guid,
+      account_type: n.account_type
     });
-  }, m = (t) => {
-    const i = t === "hidden" ? u : p, k = t === "hidden" ? R : b, o = t === "hidden" ? C.account_hidden : C.account_closed;
-    return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
-      E,
+  }, V = (n) => {
+    const a = n === "hidden" ? H : f, w = n === "hidden" ? R : k, u = n === "hidden" ? l.account_hidden : l.account_closed;
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+      F,
       {
-        "aria-label": o,
-        subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-          _,
+        "aria-label": u,
+        subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
+          y,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: o }),
-              /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(k, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: u }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(_, { children: i.map((V, x, j) => {
-          const F = x === j.length - 1;
-          return /* @__PURE__ */ n(d.Fragment, { children: [
+        children: /* @__PURE__ */ e(y, { children: a.map((m, A, z) => {
+          const T = A === z.length - 1;
+          return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              W,
+              B,
               {
-                account: V,
-                onRowClick: () => Z(V),
+                account: m,
+                onRowClick: () => Z(m),
                 shouldShowConnectionStatus: !0
               }
             ),
-            t === "hidden" ? /* @__PURE__ */ e(
-              A,
+            n === "hidden" ? /* @__PURE__ */ e(
+              x,
               {
                 sx: {
-                  mb: F ? 24 : 4,
-                  ml: F ? 24 : 68
+                  mb: T ? 24 : 4,
+                  ml: T ? 24 : 68
                 }
               }
-            ) : !F && /* @__PURE__ */ e(
-              A,
+            ) : !T && /* @__PURE__ */ e(
+              x,
               {
                 sx: {
                   mb: 4,
@@ -95,164 +131,166 @@ const i1 = () => {
                 }
               }
             )
-          ] }, V.guid);
+          ] }, m.guid);
         }) })
       }
     ) });
   };
-  return /* @__PURE__ */ n(B, { sx: { pt: 24 }, children: [
-    s.map((t) => {
-      const i = l.filter(
-        (o) => o.account_type === t && !o.is_closed && !o.is_hidden
-      ), k = i.reduce(
-        (o, V) => (V.balance || 0) + o,
+  return /* @__PURE__ */ r(E, { sx: { pt: 24 }, children: [
+    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,
         0
       );
-      return i.length === 0 ? null : /* @__PURE__ */ e(
-        E,
+      return a.length === 0 ? null : /* @__PURE__ */ e(
+        F,
         {
-          "aria-label": C.account_type_accounts[i[0]?.account_type],
-          subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-            _,
+          "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,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: C.account_types[t] }),
-                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(k, "0,0.00") })
+                /* @__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") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(_, { children: i.map((o) => {
-            const V = l.indexOf(o) === l.length - 1, x = i.indexOf(o) === i.length - 1;
-            return /* @__PURE__ */ n(d.Fragment, { children: [
+          children: /* @__PURE__ */ e(y, { children: a.map((u) => {
+            const m = t.indexOf(u) === t.length - 1, A = a.indexOf(u) === a.length - 1;
+            return /* @__PURE__ */ r(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                W,
+                B,
                 {
-                  account: o,
-                  onRowClick: () => Z(o),
+                  account: u,
+                  onRowClick: () => Z(u),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!V || p.length > 0 || u.length > 0) && /* @__PURE__ */ e(
-                A,
+              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
+                x,
                 {
                   sx: {
-                    mb: x ? 24 : 4,
-                    ml: x ? 24 : 68
+                    mb: A ? 24 : 4,
+                    ml: A ? 24 : 68
                   }
                 }
               )
-            ] }, o.guid);
+            ] }, u.guid);
           }) })
         },
-        t
+        n
       );
     }),
-    u.length > 0 && m("hidden"),
-    p.length > 0 && m("closed"),
-    /* @__PURE__ */ n(
-      J,
+    H.length > 0 && V("hidden"),
+    f.length > 0 && V("closed"),
+    /* @__PURE__ */ r(
+      s1,
       {
-        ariaLabelClose: C.close_account_details_aria,
-        isOpen: !!c,
-        onClose: () => H(""),
-        title: C.account_details,
+        ariaLabelClose: l.close_account_details_aria,
+        isOpen: !!i,
+        onClose: () => o(""),
+        title: l.account_details,
         children: [
-          /* @__PURE__ */ e(P, {}),
-          /* @__PURE__ */ e(K, {})
+          /* @__PURE__ */ e(Q, { ChartComponent: f1 }),
+          /* @__PURE__ */ e(c1, {})
         ]
       }
     )
   ] });
-}, n1 = M(i1), C1 = ({ onBackClick: c, sx: H = {} }) => {
-  const [C, l] = d.useState(!1), [h, r] = d.useState(!1), { config: L } = q(), { accounts: f } = T(), { accounts: s, connect: a } = w(), { isCopyLoaded: u, isInitialized: p, setSelectedAccounts: R, selectedAccountGuids: b } = S(), { isDesktop: Z } = N(), { onEvent: m } = D();
-  d.useEffect(() => {
-    R(f);
-  }, [f]);
-  const t = () => {
-    l(!0), m(y.ACCOUNTS_CLICK_CONNECT);
-  }, i = () => {
-    r(!0), m(y.ACCOUNTS_CLICK_CONNECT);
+}, 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(() => {
+    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);
   };
-  return u ? /* @__PURE__ */ e(
-    Q,
+  return H ? /* @__PURE__ */ e(
+    a1,
     {
-      accountOptions: f,
-      actions: L.show_connections_widget_in_master ? [
-        { iconName: "add", label: s.add, onClick: t },
+      accountOptions: s,
+      actions: d.show_connections_widget_in_master ? [
+        { iconName: "add", label: c.add, onClick: a },
         {
           iconName: "credit_card_gear",
-          label: s.manage,
-          onClick: i
+          label: c.manage,
+          onClick: w
         }
       ] : [],
-      onAccountsFilterClick: () => m(y.ACCOUNTS_CLICK_FILTER),
-      onBackClick: c,
-      sx: H,
-      title: s.title,
-      children: p ? /* @__PURE__ */ n(G, { children: [
-        /* @__PURE__ */ n(B, { sx: { px: Z ? 24 : 12 }, children: [
-          b.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: s.no_accounts }),
-          /* @__PURE__ */ e(n1, {})
+      onAccountsFilterClick: () => V(S.ACCOUNTS_CLICK_FILTER),
+      onBackClick: i,
+      sx: o,
+      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 }),
+          /* @__PURE__ */ e(V1, {})
         ] }),
         /* @__PURE__ */ e(
-          U,
+          P,
           {
-            onClose: () => l(!1),
-            showConnectWidget: C,
-            title: a.mini_title
+            onClose: () => t(!1),
+            showConnectWidget: l,
+            title: p.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          X,
+          r1,
           {
-            onClose: () => r(!1),
-            showConnectionsWidget: h,
-            title: s.manage_connections
+            onClose: () => C(!1),
+            showConnectionsWidget: L,
+            title: c.manage_connections
           }
         )
-      ] }) : /* @__PURE__ */ e(g, {})
+      ] }) : /* @__PURE__ */ e(_, {})
     }
-  ) : /* @__PURE__ */ e(g, {});
-}, E1 = M(C1), o1 = ({ onPrimaryCtaClick: c, sx: H }) => {
-  const { visibleAccounts: C } = T(), { accounts: l } = w(), { isCopyLoaded: h, isInitialized: r, selectedAccounts: L, setSelectedAccounts: f } = S(), { isDesktop: s } = N();
-  d.useEffect(() => {
-    f(C);
-  }, [C]);
-  const a = d.useMemo(
-    () => e1(L, s ? 5 : 3),
-    [L, s]
+  ) : /* @__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(() => {
+    s(l);
+  }, [l]);
+  const p = h.useMemo(
+    () => C1(d, c ? 5 : 3),
+    [d, c]
   );
-  return h ? /* @__PURE__ */ e(
-    $,
+  return L ? /* @__PURE__ */ e(
+    K,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: c,
-      primaryCtaLabel: l.primary_cta,
-      sx: H,
-      title: l.mini_title,
-      children: r ? /* @__PURE__ */ n(E, { children: [
-        L.length === 0 && /* @__PURE__ */ e(t1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
-        a.map((u, p) => {
-          const R = a.indexOf(u) === a.length - 1;
-          return /* @__PURE__ */ n(d.Fragment, { children: [
+      onPrimaryCtaClick: i,
+      primaryCtaLabel: t.primary_cta,
+      sx: o,
+      title: t.mini_title,
+      children: C ? /* @__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;
+          return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              W,
+              B,
               {
-                account: u,
+                account: H,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !R && /* @__PURE__ */ e(A, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${p}`);
+            !R && /* @__PURE__ */ e(x, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${f}`);
         })
-      ] }) : /* @__PURE__ */ e(g, {})
+      ] }) : /* @__PURE__ */ e(_, {})
     }
-  ) : /* @__PURE__ */ e(g, {});
-}, W1 = M(o1), d1 = () => /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ e(_, {});
+}, t3 = v(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
     fill: "none",
@@ -260,7 +298,7 @@ const i1 = () => {
     viewBox: "0 0 272 66",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ n("g", { opacity: "0.35", children: [
+      /* @__PURE__ */ r("g", { opacity: "0.35", children: [
         /* @__PURE__ */ e("rect", { fill: "#CD1141", height: "40.3437", rx: "2.81371", width: "39.6876", x: "19.6553" }),
         /* @__PURE__ */ e(
           "path",
@@ -546,7 +584,7 @@ const i1 = () => {
           children: /* @__PURE__ */ e("rect", { fill: "white", height: "47.5848", rx: "3.31025", width: "46.8064", x: "113.168", y: "18.1035" })
         }
       ),
-      /* @__PURE__ */ n("g", { mask: "url(#mask1_6197_80303)", children: [
+      /* @__PURE__ */ r("g", { mask: "url(#mask1_6197_80303)", children: [
         /* @__PURE__ */ e(
           "mask",
           {
@@ -691,12 +729,12 @@ const i1 = () => {
       )
     ]
   }
-), c1 = () => {
-  const { connect: c } = w();
-  return /* @__PURE__ */ n(l1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(d1, {}),
+), R1 = () => {
+  const { connect: i } = M();
+  return /* @__PURE__ */ r(u1, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
-      v,
+      g,
       {
         sx: {
           whiteSpace: "wrap",
@@ -704,52 +742,52 @@ const i1 = () => {
           textAlign: "center"
         },
         variant: "Paragraph",
-        children: c.mini_widget_content
+        children: i.mini_widget_content
       }
     )
   ] });
-}, s1 = M(c1), a1 = ({
-  onPrimaryCtaClick: c = () => {
+}, w1 = v(R1), _1 = ({
+  onPrimaryCtaClick: i = () => {
   },
-  sx: H
+  sx: o
 }) => {
-  const { isCopyLoaded: C } = S(), { connect: l } = w(), [h, r] = d.useState(!1), L = () => {
-    r(!0), c();
+  const { isCopyLoaded: l } = b(), { connect: t } = M(), [L, C] = h.useState(!1), d = () => {
+    C(!0), i();
   };
-  return C ? /* @__PURE__ */ n(
-    $,
+  return l ? /* @__PURE__ */ r(
+    K,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: L,
-      primaryCtaLabel: l.primary_cta,
-      sx: H,
-      title: l.mini_title,
+      onPrimaryCtaClick: d,
+      primaryCtaLabel: t.primary_cta,
+      sx: o,
+      title: t.mini_title,
       children: [
-        /* @__PURE__ */ e(s1, {}),
-        h && /* @__PURE__ */ e(
-          U,
+        /* @__PURE__ */ e(w1, {}),
+        L && /* @__PURE__ */ e(
+          P,
           {
-            onClose: () => r(!1),
-            showConnectWidget: h,
-            title: l.mini_title
+            onClose: () => C(!1),
+            showConnectWidget: L,
+            title: t.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(g, {});
-}, T1 = M(a1);
+  ) : /* @__PURE__ */ e(_, {});
+}, n3 = v(_1);
 export {
-  P1 as AccountApi,
-  K as AccountDetailsContent,
-  P as AccountDetailsHeader,
-  Y1 as AccountStore,
-  W1 as AccountsMiniWidget,
-  E1 as AccountsWidget,
-  T1 as ConnectMiniWidget,
-  G1 as FieldType,
-  K1 as MemberConnectionStatus,
-  U1 as getAccountBalanceDetails,
-  $1 as getAccountDetailFields,
-  z as useAccountUiStore,
-  D1 as useGetMergeableAccounts
+  u3 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
 };