@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/{WidgetContainer-CDh9fjpR.mjs → WidgetContainer-BhQ1Kx2z.mjs}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import o from "react";
 import { observer as ce } from "mobx-react-lite";
-import Z from "@mui/material/Box";
+import $ from "@mui/material/Box";
 import M from "@mui/material/Button";
 import re from "@mui/material/Card";
 import oe from "@mui/material/CardContent";
@@ -12,11 +12,11 @@ import Y from "@mui/material/Stack";
 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-Ckqi9Rx6.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as ue } from "./hooks-C41HAxM5.mjs";
-import { u as ie } from "./useScreenSize-B5afALev.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-C41HAxM5.mjs";
+import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
-import { addDays as Se } from "date-fns/addDays";
+import { addDays as ue } from "date-fns/addDays";
 import { addYears as ee } from "date-fns/addYears";
 import { differenceInCalendarDays as Ne } from "date-fns/differenceInCalendarDays";
 import { endOfDay as me } from "date-fns/endOfDay";
@@ -34,10 +34,10 @@ import fe from "@mui/material/Tab";
 import be from "@mui/material/Tabs";
 import we from "@mui/material/ToggleButton";
 import Ke from "@mui/material/ToggleButtonGroup";
-import { useTheme as Ge } from "@mui/material/styles";
-import { f as K, a as G, D as Me } from "./Dialog-CDV0kKxj.mjs";
-import { D as We } from "./Drawer-BF40nbsH.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-DVp54lUH.mjs";
+import Ge from "@mui/material/styles/useTheme";
+import { f as K, a as G, D as Me } from "./Dialog-BPTr3qHE.mjs";
+import { D as We } from "./Drawer-BEtCk82g.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-BIbTqYOH.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
@@ -158,7 +158,7 @@ const ve = {
   TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
   TRENDS_LOAD_WIDGET: "trends_load_widget",
   TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
-}, ae = ({
+}, Ue = ({
   calendarActions: a,
   color: N = "primary",
   copy: _,
@@ -189,24 +189,24 @@ const ve = {
     const e = V(te());
     return [V(j(e, h)), e];
   }, w = (e) => {
-    const [i, E] = s, u = e === "previous";
-    let S;
+    const [i, E] = s, S = e === "previous";
+    let u;
     if (c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth)
-      S = [
-        u ? j(i, 1) : Q(i, 1),
-        V(u ? j(E, 1) : Q(E, 1))
+      u = [
+        S ? j(i, 1) : Q(i, 1),
+        V(S ? j(E, 1) : Q(E, 1))
       ];
     else if (c === _.dateRangePickerCopy.dateRangeYTD || c === _.dateRangePickerCopy.dateRangeLastYear) {
       const R = ke(i), g = Le(i);
-      S = [
-        u ? _e(R, 1) : ee(R, 1),
-        u ? _e(g, 1) : ee(g, 1)
+      u = [
+        S ? _e(R, 1) : ee(R, 1),
+        S ? _e(g, 1) : ee(g, 1)
       ];
     } else {
-      const R = Ne(E, i), g = u ? he : Se;
-      S = [g(i, R), g(E, R)];
+      const R = Ne(E, i), g = S ? he : ue;
+      u = [g(i, R), g(E, R)];
     }
-    f(S), a.onRangeChanged(S);
+    f(u), a.onRangeChanged(u);
   }, x = () => {
     f(r), y(
       c === _.dateRangePickerCopy.dateRangeThisMonth || c === _.dateRangePickerCopy.dateRangeLastMonth
@@ -218,9 +218,9 @@ const ve = {
   }, U = (e) => {
     l(e);
   };
-  return /* @__PURE__ */ d(Z, { className: "mx-cmn-date-range-selector", m: 4, children: [
+  return /* @__PURE__ */ d($, { className: "mx-cmn-date-range-selector", m: 4, children: [
     /* @__PURE__ */ d(
-      Z,
+      $,
       {
         sx: {
           [W.breakpoints.down("sm")]: {
@@ -322,7 +322,7 @@ const ve = {
               children: C.tabs.map((e) => /* @__PURE__ */ t(
                 fe,
                 {
-                  label: /* @__PURE__ */ t(X, { bold: !0, variant: "body1", children: e.label }),
+                  label: /* @__PURE__ */ t(X, { bold: !0, variant: "Body", children: e.label }),
                   sx: { minWidth: 80 },
                   value: e.value
                 },
@@ -387,7 +387,7 @@ const ve = {
       }
     )
   ] });
-}, Ue = ({
+}, ae = Ue, Pe = ({
   accountOptions: a,
   actions: N = [],
   calendarActions: _,
@@ -402,12 +402,12 @@ const ve = {
   sx: H = {},
   title: r = ""
 }) => {
-  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Te(), { onEvent: h } = Ee(), { isDesktop: l, isMobile: C, isTablet: I } = ie(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: U } = Re(), { common: e, connect: i } = ge(), { config: E } = Ae(), u = () => {
+  const [b, p] = o.useState(!1), [k, { height: F, width: y }] = Te(), { onEvent: h } = Ee(), { isDesktop: l, isMobile: C, isTablet: I } = ie(y), { displayedDateRange: w, isCopyLoaded: x, selectedAccountGuids: v, setSelectedAccountGuids: U } = Re(), { common: e, connect: i } = ge(), { config: E } = Ae(), S = () => {
     s && (s(), h(ve.WIDGET_BACK_CLICK));
   };
   if (!x)
     return /* @__PURE__ */ t(Ie, {});
-  const S = {
+  const u = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: e.account_filter.account_type_accounts,
       cancelButton: e.cancel_button,
@@ -439,7 +439,7 @@ const ve = {
     dateRangeEditTitle: e.date_range_picker.edit_title,
     dateRangeNextAria: e.date_range_picker.next_aria,
     dateRangePreviousAria: e.date_range_picker.previous_aria
-  }, g = L ? L.start : w.start, $ = L ? L.end : w.end, ne = N?.length > 1;
+  }, g = L ? L.start : w.start, Z = L ? L.end : w.end, ne = N?.length > 1;
   return /* @__PURE__ */ d(
     re,
     {
@@ -456,12 +456,12 @@ const ve = {
           se,
           {
             action: /* @__PURE__ */ d(Y, { alignItems: "center", flexDirection: "row", children: [
-              l && _ && /* @__PURE__ */ t(Z, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
+              l && _ && /* @__PURE__ */ t($, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
                 ae,
                 {
                   calendarActions: _,
                   copy: R,
-                  range: [g, $],
+                  range: [g, Z],
                   shouldShrinkToIcon: !1,
                   variant: n
                 }
@@ -470,7 +470,7 @@ const ve = {
                 ye,
                 {
                   accounts: a,
-                  copy: S,
+                  copy: u,
                   onConnectAccountClick: E.show_connections_widget_in_master ? () => p(!0) : void 0,
                   onFilterClick: (O) => {
                     U(O), f?.(O);
@@ -522,7 +522,7 @@ const ve = {
                 {
                   "aria-label": e.back_to_dashboard,
                   color: "primary",
-                  onClick: u,
+                  onClick: S,
                   sx: { p: 12, mr: 4 },
                   children: /* @__PURE__ */ t(le, { size: 24 })
                 }
@@ -539,7 +539,7 @@ const ve = {
             {
               calendarActions: _,
               copy: R,
-              range: [g, $],
+              range: [g, Z],
               shouldShrinkToIcon: !1,
               variant: n
             }
@@ -553,13 +553,13 @@ const ve = {
             title: i.mini_title
           }
         ),
-        /* @__PURE__ */ t(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ t(ue, { availableHeight: F, availableWidth: y, children: m }) })
+        /* @__PURE__ */ t(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ t(Se, { availableHeight: F, availableWidth: y, children: m }) })
       ]
     }
   );
-}, kt = ce(Ue);
+}, ht = ce(Pe);
 export {
   ve as A,
   ae as D,
-  kt as W
+  ht as W
 };

package/dist/accounts/index.es.js

@@ -1,70 +1,70 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import s from "react";
 import { observer as g } from "mobx-react-lite";
-import B from "@mui/material/Stack";
+import I from "@mui/material/Stack";
 import { Text as V } from "@mxenabled/mxui";
 import { S as U } from "../SkeletonLoader-BaNboJjD.mjs";
-import N from "@mui/material/Box";
+import D from "@mui/material/Box";
 import y from "@mui/material/Divider";
 import E from "@mui/material/List";
-import O from "@mui/material/ListSubheader";
+import N from "@mui/material/ListSubheader";
 import x from "@mui/system/Stack";
 import { useTheme as Q } from "@mui/material/styles";
-import { u as P, A as X } from "../AccountDetailsHeader-DRjFuyJT.mjs";
-import { L as e1 } from "../LineChart-C1PxNf7P.mjs";
-import { g as t1, a as l1, b as n1 } from "../SpendingData-DPQ96k3x.mjs";
-import { m as i1, u as v, b as S, d as F, g as G, a as o1, n as C1 } from "../hooks-C41HAxM5.mjs";
-import { A as W, l as j, m as d1 } from "../ConnectDrawer-DVp54lUH.mjs";
-import { F as C3, f as d3 } from "../ConnectDrawer-DVp54lUH.mjs";
-import { I as Y, P as $, S as K } from "../Account-B4CDD-zq.mjs";
-import { a as c1 } from "../AccountFields-Cl4KHoSj.mjs";
-import { g as s3, b as a3 } from "../AccountFields-Cl4KHoSj.mjs";
-import { A as T } from "../AccountListItem-wgmlex-_.mjs";
-import { A as s1 } from "../AccountDetailsContent-adZTkM52.mjs";
-import { u as u3 } from "../AccountDetailsContent-adZTkM52.mjs";
-import { D as a1 } from "../Drawer-BF40nbsH.mjs";
-import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
-import { A as b, W as r1 } from "../WidgetContainer-CDh9fjpR.mjs";
-import { C as u1 } from "../ConnectionsDrawer-Dsc04-4Z.mjs";
-import { L as D } from "../Loader-Ckqi9Rx6.mjs";
-import { u as z } from "../useScreenSize-B5afALev.mjs";
-import L1 from "@mui/material/ListItem";
-import { M as q } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { A as h3, a as H3 } from "../AccountStore-HbVblv86.mjs";
+import { u as P, A as X } from "../AccountDetailsHeader-i3KFhNuo.mjs";
+import { L as e1 } from "../LineChart-bc1D9xBE.mjs";
+import { g as t1, a as l1, b as n1 } from "../SpendingData-BuJ03S9d.mjs";
+import { m as i1, u as v, b, d as F, g as G, a as o1, n as C1 } from "../hooks-C41HAxM5.mjs";
+import { A as O, l as $, m as c1 } from "../ConnectDrawer-BIbTqYOH.mjs";
+import { F as C3, f as c3 } from "../ConnectDrawer-BIbTqYOH.mjs";
+import { I as j, P as Y, S as K } from "../Account-BDXA6PWh.mjs";
+import { a as d1 } from "../AccountFields-QZspYAji.mjs";
+import { g as s3, b as a3 } from "../AccountFields-QZspYAji.mjs";
+import { A as T } from "../AccountListItem-DX5upmCS.mjs";
+import { A as s1 } from "../AccountDetailsContent-CUztd3-b.mjs";
+import { u as L3 } from "../AccountDetailsContent-CUztd3-b.mjs";
+import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
+import { D as a1 } from "../Drawer-BEtCk82g.mjs";
+import { A as S, W as r1 } from "../WidgetContainer-BhQ1Kx2z.mjs";
+import { C as L1 } from "../ConnectionsDrawer-BFfY3_zB.mjs";
+import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as B } from "../Loader-DUaFpDGv.mjs";
+import u1 from "@mui/material/ListItem";
+import { M as q } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { A as h3, a as H3 } from "../AccountStore-BcnDpyLL.mjs";
 const h1 = (o, C) => {
-  const n = Y.includes(C) ? t1(o) : [], l = $.includes(C) ? l1(o) : [], u = K.includes(C) ? n1(o) : [];
-  return [n, l, u].filter((i) => i.length > 0);
+  const n = j.includes(C) ? t1(o) : [], l = Y.includes(C) ? l1(o) : [], L = K.includes(C) ? n1(o) : [];
+  return [n, l, L].filter((i) => i.length > 0);
 }, H1 = (o, C, n) => {
-  const [l, u] = o, i = l, L = u ?? l, d = [];
-  if (i && L && Y.includes(C)) {
+  const [l, L] = o, i = l, u = L ?? l, c = [];
+  if (i && u && j.includes(C)) {
     const h = i[i.length - 1].y;
-    d.push({ label: n.income_label, amount: h });
-  } else if ($.includes(C)) {
+    c.push({ label: n.income_label, amount: h });
+  } else if (Y.includes(C)) {
     const h = i[i.length - 1].y;
-    d.push({ label: n.payments_label, amount: h });
+    c.push({ label: n.payments_label, amount: h });
   }
-  if (L && K.includes(C)) {
-    const h = L[L.length - 1].y;
-    d.push({ label: n.spending_label, amount: h });
+  if (u && K.includes(C)) {
+    const h = u[u.length - 1].y;
+    c.push({ label: n.spending_label, amount: h });
   }
-  return d;
+  return c;
 }, p1 = () => {
-  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), u = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), L = H1(i, C.account_type, l), d = [W.LOAN, W.MORTGAGE].includes(C.account_type);
+  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), L = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), u = H1(i, C.account_type, l), c = [O.LOAN, O.MORTGAGE].includes(C.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
     e1,
     {
-      colors: u,
+      colors: L,
       datasets: i,
       height: 185,
-      labels: L,
-      showAverage: d,
-      showBars: d,
+      labels: u,
+      showAverage: c,
+      showBars: c,
       showLegend: !0,
       valueFormatterString: "0,0"
     }
   ) });
 }, f1 = g(p1), m1 = () => {
-  const [o, C] = s.useState(""), { accounts: n } = v(), { selectedAccounts: l } = S(), { setSelectedAccount: u, setSelectedMember: i } = P(), { members: L } = F(), { onEvent: d } = G(), h = [...new Set(l.map((t) => t.account_type))], p = l.find((t) => o === t.guid), H = s.useMemo(
+  const [o, C] = s.useState(""), { accounts: n } = v(), { selectedAccounts: l } = b(), { setSelectedAccount: L, setSelectedMember: i } = P(), { members: u } = F(), { onEvent: c } = G(), h = [...new Set(l.map((t) => t.account_type))], p = l.find((t) => o === t.guid), H = s.useMemo(
     () => l.filter((t) => t.is_hidden),
     [l]
   ), f = s.useMemo(
@@ -73,34 +73,34 @@ const h1 = (o, C) => {
   ), M = H.reduce(
     (t, a) => (a.available_balance || a.balance || 0) + t,
     0
-  ), R = c1(f, n);
+  ), R = d1(f, n);
   s.useEffect(() => {
     if (p) {
-      u(p);
-      const t = L.find((a) => a.guid === p?.member_guid) || {};
+      L(p);
+      const t = u.find((a) => a.guid === p?.member_guid) || {};
       t && i(t);
     }
   }, [p, o]);
   const _ = (t) => {
-    C(t.guid), d(b.ACCOUNTS_CLICK_ACCOUNT, {
+    C(t.guid), c(S.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
       account_type: t.account_type
     });
   }, w = (t) => {
-    const a = t === "hidden" ? H : f, A = t === "hidden" ? M : R, c = t === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+    const a = t === "hidden" ? H : f, A = t === "hidden" ? M : R, d = t === "hidden" ? n.account_hidden : n.account_closed;
+    return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
       E,
       {
-        "aria-label": c,
-        subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
+        "aria-label": d,
+        subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
           x,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: c }),
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: d }),
+              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
             ]
           }
         ) }),
@@ -137,38 +137,38 @@ const h1 = (o, C) => {
       }
     ) });
   };
-  return /* @__PURE__ */ r(N, { sx: { pt: 24 }, children: [
+  return /* @__PURE__ */ r(D, { sx: { pt: 24 }, children: [
     h.map((t) => {
       const a = l.filter(
-        (c) => c.account_type === t && !c.is_closed && !c.is_hidden
+        (d) => d.account_type === t && !d.is_closed && !d.is_hidden
       ), A = a.reduce(
-        (c, m) => (m.balance || 0) + c,
+        (d, m) => (m.balance || 0) + d,
         0
       );
       return a.length === 0 ? null : /* @__PURE__ */ e(
         E,
         {
           "aria-label": n.account_type_accounts[a[0]?.account_type],
-          subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
+          subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
             x,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: n.account_types[t] }),
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: n.account_types[t] }),
+                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(x, { children: a.map((c) => {
-            const m = l.indexOf(c) === l.length - 1, Z = a.indexOf(c) === a.length - 1;
+          children: /* @__PURE__ */ e(x, { children: a.map((d) => {
+            const m = l.indexOf(d) === l.length - 1, Z = a.indexOf(d) === a.length - 1;
             return /* @__PURE__ */ r(s.Fragment, { children: [
               /* @__PURE__ */ e(
                 T,
                 {
-                  account: c,
-                  onRowClick: () => _(c),
+                  account: d,
+                  onRowClick: () => _(d),
                   shouldShowConnectionStatus: !0
                 }
               ),
@@ -181,7 +181,7 @@ const h1 = (o, C) => {
                   }
                 }
               )
-            ] }, c.guid);
+            ] }, d.guid);
           }) })
         },
         t
@@ -204,42 +204,42 @@ const h1 = (o, C) => {
     )
   ] });
 }, V1 = g(m1), g1 = ({ onBackClick: o, sx: C = {} }) => {
-  const [n, l] = s.useState(!1), [u, i] = s.useState(!1), { config: L } = o1(), { detailedAccounts: d, isAccountDataLoaded: h, loadAccountData: p } = F(), { accounts: H, connect: f } = v(), { isInitialized: M, selectedAccountGuids: R, setSelectedAccounts: _ } = S(), { isDesktop: w } = z(), { onEvent: t } = G(), { onLoad: a } = C1();
+  const [n, l] = s.useState(!1), [L, i] = s.useState(!1), { config: u } = o1(), { detailedAccounts: c, isAccountDataLoaded: h, loadAccountData: p } = F(), { accounts: H, connect: f } = v(), { isInitialized: M, selectedAccountGuids: R, setSelectedAccounts: _ } = b(), { isDesktop: w } = z(), { onEvent: t } = G(), { onLoad: a } = C1();
   s.useEffect(() => {
     h || p().finally();
   }, []), s.useEffect(() => {
-    _(d);
-  }, [d]), s.useEffect(() => {
+    _(c);
+  }, [c]), s.useEffect(() => {
     h && a?.("AccountsWidget");
   }, [h]);
   const A = () => {
-    l(!0), t(b.ACCOUNTS_CLICK_CONNECT);
-  }, c = () => {
-    i(!0), t(b.ACCOUNTS_CLICK_CONNECT);
+    l(!0), t(S.ACCOUNTS_CLICK_CONNECT);
+  }, d = () => {
+    i(!0), t(S.ACCOUNTS_CLICK_CONNECT);
   };
   return M ? /* @__PURE__ */ r(
     r1,
     {
-      accountOptions: d,
-      actions: L.show_connections_widget_in_master ? [
+      accountOptions: c,
+      actions: u.show_connections_widget_in_master ? [
         { iconName: "add", label: H.add, onClick: A },
         {
           iconName: "credit_card_gear",
           label: H.manage,
-          onClick: c
+          onClick: d
         }
       ] : [],
-      onAccountsFilterClick: () => t(b.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => t(S.ACCOUNTS_CLICK_FILTER),
       onBackClick: o,
       sx: C,
       title: H.title,
       children: [
-        h ? /* @__PURE__ */ r(B, { sx: { px: w ? 24 : 12 }, children: [
+        h ? /* @__PURE__ */ r(I, { sx: { px: w ? 24 : 12 }, children: [
           R.length < 1 && /* @__PURE__ */ e(V, { display: "flex", justifyContent: "center", my: 24, children: H.no_accounts }),
           /* @__PURE__ */ e(V1, {})
         ] }) : /* @__PURE__ */ e(U, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
-          j,
+          $,
           {
             onClose: () => l(!1),
             showConnectWidget: n,
@@ -247,28 +247,28 @@ const h1 = (o, C) => {
           }
         ),
         /* @__PURE__ */ e(
-          u1,
+          L1,
           {
             onClose: () => i(!1),
-            showConnectionsWidget: u,
+            showConnectionsWidget: L,
             title: H.manage_connections
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, t3 = g(g1), v1 = ({ onPrimaryCtaClick: o, sx: C }) => {
-  const { visibleAccounts: n, isAccountDataLoaded: l, loadAccountData: u } = F(), { accounts: i } = v(), { isInitialized: L, selectedAccounts: d, setSelectedAccounts: h } = S(), { isDesktop: p } = z();
+  const { visibleAccounts: n, isAccountDataLoaded: l, loadAccountData: L } = F(), { accounts: i } = v(), { isInitialized: u, selectedAccounts: c, setSelectedAccounts: h } = b(), { isDesktop: p } = z();
   s.useEffect(() => {
-    l || u().finally();
+    l || L().finally();
   }, []), s.useEffect(() => {
     h(n);
   }, [n]);
   const H = s.useMemo(
-    () => d1(d, p ? 5 : 3),
-    [d, p]
+    () => c1(c, p ? 5 : 3),
+    [c, p]
   );
-  return L ? /* @__PURE__ */ e(
+  return u ? /* @__PURE__ */ e(
     q,
     {
       className: "mx-exp-accounts-miniwidget",
@@ -277,7 +277,7 @@ const h1 = (o, C) => {
       sx: C,
       title: i.mini_title,
       children: l ? /* @__PURE__ */ r(E, { children: [
-        d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: i.no_accounts }),
+        c.length === 0 && /* @__PURE__ */ e(u1, { sx: { justifyContent: "center" }, children: i.no_accounts }),
         H.map((f, M) => {
           const R = H.indexOf(f) === H.length - 1;
           return /* @__PURE__ */ r(s.Fragment, { children: [
@@ -294,7 +294,7 @@ const h1 = (o, C) => {
         })
       ] }) : /* @__PURE__ */ e(U, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, l3 = g(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
@@ -736,7 +736,7 @@ const h1 = (o, C) => {
   }
 ), R1 = () => {
   const { connect: o } = v();
-  return /* @__PURE__ */ r(B, { alignItems: "center", direction: "column", m: 24, children: [
+  return /* @__PURE__ */ r(I, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
       V,
@@ -746,7 +746,7 @@ const h1 = (o, C) => {
           mt: 16,
           textAlign: "center"
         },
-        variant: "subtitle1",
+        variant: "Paragraph",
         children: o.mini_widget_content
       }
     )
@@ -756,30 +756,30 @@ const h1 = (o, C) => {
   },
   sx: C
 }) => {
-  const { isCopyLoaded: n } = S(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
+  const { isCopyLoaded: n } = b(), { connect: l } = v(), [L, i] = s.useState(!1), u = () => {
     i(!0), o();
   };
   return n ? /* @__PURE__ */ r(
     q,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: L,
+      onPrimaryCtaClick: u,
       primaryCtaLabel: l.primary_cta,
       sx: C,
       title: l.mini_title,
       children: [
         /* @__PURE__ */ e(w1, {}),
-        u && /* @__PURE__ */ e(
-          j,
+        L && /* @__PURE__ */ e(
+          $,
           {
             onClose: () => i(!1),
-            showConnectWidget: u,
+            showConnectWidget: L,
             title: l.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, n3 = g(A1);
 export {
   h3 as AccountApi,
@@ -790,9 +790,9 @@ export {
   t3 as AccountsWidget,
   n3 as ConnectMiniWidget,
   C3 as FieldType,
-  d3 as MemberConnectionStatus,
+  c3 as MemberConnectionStatus,
   s3 as getAccountBalanceDetails,
   a3 as getAccountDetailFields,
   P as useAccountUiStore,
-  u3 as useGetMergeableAccounts
+  L3 as useGetMergeableAccounts
 };