@mx-cartographer/experiences 7.0.44 → 7.0.46

package/dist/{RecurringSettings-CETLT79T.mjs → RecurringSettings-BzkGK0YX.mjs}

@@ -7,10 +7,10 @@ import b from "@mui/material/Tabs";
 import p from "@mui/material/Divider";
 import R from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-kMsgLN3T.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-B1JxKBDO.mjs";
 import { u as h, j as A, g as _ } from "./hooks-CE2TKk4a.mjs";
-import { R as y, F as N } from "./RepeatingTransaction-BW4J-jeJ.mjs";
-import { A as d } from "./WidgetContainer-p7NIdiNJ.mjs";
+import { R as y, F as N } from "./RecurringTransactions-DTUx9VN1.mjs";
+import { A as d } from "./WidgetContainer-C_JdLQij.mjs";
 const I = u(() => {
   const { recurring: n } = h(), { repeatingTransactions: c } = A(), { onEvent: o } = _(), a = (r) => {
     o(d.RECURRING_TRANSACTIONS_CLICK_EXPENSE, {

package/dist/{RecurringTransactionsStore-DeLXfuC4.mjs → RecurringTransactionsStore-Djo9IeDd.mjs}

@@ -8,7 +8,7 @@ import { startOfMonth as S } from "date-fns/startOfMonth";
 import { startOfToday as c } from "date-fns/startOfToday";
 import { subDays as y } from "date-fns/subDays";
 import { F as x, A as o } from "./Fetch-87LIQbEA.mjs";
-import { b as E, a, c as d, d as u } from "./RepeatingTransaction-BW4J-jeJ.mjs";
+import { b as E, a, c as d, d as u } from "./RecurringTransactions-DTUx9VN1.mjs";
 var A = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(A || {});
 const U = 44;
 class h {

package/dist/{SettingsStore-Dc34Tzx8.mjs → SettingsStore-BcgS_Ohv.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as N, runInAction as l } from "mobx";
 import { F as D, A as r } from "./Fetch-87LIQbEA.mjs";
-import { B as f, A as n, I as i } from "./Notification-aGCHxikw.mjs";
+import { B as f, A as n, I as i } from "./ToggleListItem-r0Kx56wF.mjs";
 import { T as m } from "./TransactionApi-B3Tksf7L.mjs";
 class y {
   fetchInstance;

package/dist/{TransactionDetails-B-rdHE3_.mjs → TransactionDetails-DESqmjVR.mjs}

@@ -9,7 +9,7 @@ import { MerchantLogo as pe, Icon as S, Text as T, useTokens as ee, CategoryIcon
 import B from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemText";
 import f from "@mui/material/Stack";
-import { T as Pe, L as Ge, O as h, C as Me, b as Ke, i as $e } from "./User-8itAR7lR.mjs";
+import { T as Pe, L as Ge, O as h, C as Me, b as Ke, i as $e } from "./User-DaJAQ09j.mjs";
 import { G as Be, h as v, u as A, g as L, m as xe, b as Fe, o as He } from "./hooks-CE2TKk4a.mjs";
 import { f as te } from "./NumberFormatting-CtWHhyBX.mjs";
 import { Receipt as ze, Delete as oe, ChevronRight as Ue, Cancel as ie, Search as Xe, Edit as Ve, Flag as We } from "@mxenabled/mx-icons";
@@ -17,7 +17,7 @@ import { fromUnixTime as W } from "date-fns/fromUnixTime";
 import { isSameDay as Ne } from "date-fns/isSameDay";
 import { h as Ye } from "./DateUtil-BcuH7ErC.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-p7NIdiNJ.mjs";
+import { A as P } from "./WidgetContainer-C_JdLQij.mjs";
 import ne from "@mui/material/Paper";
 import ce from "@mui/material/Button";
 import je from "@mui/material/FormGroup";

package/dist/{TransactionStore-CfQBEIsK.mjs → TransactionStore-B-Tq_YFE.mjs}

@@ -13,10 +13,10 @@ import { isBefore as B } from "date-fns/isBefore";
 import { startOfMonth as R } from "date-fns/startOfMonth";
 import { startOfToday as G } from "date-fns/startOfToday";
 import { subDays as Y } from "date-fns/subDays";
-import { O as n, a as b, T as F } from "./User-8itAR7lR.mjs";
+import { O as n, a as b, T as F } from "./User-DaJAQ09j.mjs";
 import { T as p } from "./TransactionApi-B3Tksf7L.mjs";
 import { b as W } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./exportTransactionsToCSV-CfylirZA.mjs";
+import { f as z } from "./exportTransactionsToCSV-D8TTNrrE.mjs";
 import { format as k } from "date-fns/format";
 import { f as g, D as O, O as $ } from "./Dialog-CWW597AF.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";

package/dist/{User-8itAR7lR.mjs → User-DaJAQ09j.mjs}

@@ -23,8 +23,9 @@ import nn from "@mui/material/styles/useTheme";
 import k from "@mui/material/ListItem";
 import an from "@mui/material/ListItemButton";
 import { g as tn } from "./hooks-CE2TKk4a.mjs";
-const on = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
-  const c = v(), l = en(c);
+var on = /* @__PURE__ */ ((n) => (n[n.CREDIT = 1] = "CREDIT", n[n.DEBIT = 2] = "DEBIT", n))(on || {}), en = /* @__PURE__ */ ((n) => (n[n.POSTED = 1] = "POSTED", n[n.PENDING = 2] = "PENDING", n))(en || {});
+const rn = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
+  const c = v(), l = cn(c);
   return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${l}`, children: [
     /* @__PURE__ */ e(z, { className: "mx-cmn-calendar-header-title", variant: "H3", children: q(a, J.MONTH_YEAR) }),
     /* @__PURE__ */ h("div", { className: "mx-cmn-calendar-header-button-container", children: [
@@ -32,7 +33,7 @@ const on = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
       /* @__PURE__ */ e(E, { "aria-label": n.nextAria, onClick: o, children: /* @__PURE__ */ e(Z, { size: 24 }) })
     ] })
   ] });
-}, en = (n) => p({
+}, cn = (n) => p({
   alignItems: "center",
   display: "flex",
   marginBottom: n.Spacing.Medium,
@@ -45,8 +46,8 @@ const on = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
     display: "flex",
     gap: 4
   }
-}), rn = ({ beginDate: n, date: a, endDate: o, isInMonth: r, onClick: c }) => {
-  const l = nn(), S = cn(l), g = n && o && Q(a, { start: n, end: o }) && !T(a, n) && !T(a, o), s = n && o && T(n, a) && !T(n, o), N = o && n && T(o, a) && !T(n, o), i = n && T(n, a) || o && T(o, a), C = T(a, f());
+}), sn = ({ beginDate: n, date: a, endDate: o, isInMonth: r, onClick: c }) => {
+  const l = nn(), S = Tn(l), g = n && o && Q(a, { start: n, end: o }) && !T(a, n) && !T(a, o), s = n && o && T(n, a) && !T(n, o), N = o && n && T(o, a) && !T(n, o), i = n && T(n, a) || o && T(o, a), C = T(a, f());
   return /* @__PURE__ */ e(
     "div",
     {
@@ -82,7 +83,7 @@ const on = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
       )
     }
   );
-}, cn = (n) => p({
+}, Tn = (n) => p({
   height: I,
   width: I,
   display: "flex",
@@ -127,9 +128,9 @@ const on = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
       paddingBottom: 5
     }
   }
-}), sn = 340, I = 44;
-var Tn = /* @__PURE__ */ ((n) => (n.None = "None", n.Single = "Single", n.Range = "Range", n))(Tn || {});
-const ln = ({
+}), ln = 340, I = 44;
+var Cn = /* @__PURE__ */ ((n) => (n.None = "None", n.Single = "Single", n.Range = "Range", n))(Cn || {});
+const Nn = ({
   copy: n,
   beginDate: a = void 0,
   endDate: o = void 0,
@@ -138,7 +139,7 @@ const ln = ({
   selectionType: l = "Single"
   /* Single */
 }) => {
-  const S = v(), g = Cn(S), [s, N] = A.useState(f), [i, C] = A.useState(a), [R, _] = A.useState(o);
+  const S = v(), g = mn(S), [s, N] = A.useState(f), [i, C] = A.useState(a), [R, _] = A.useState(o);
   A.useEffect(() => {
     C(a), _(o), a && N(a);
   }, [a, o]);
@@ -169,7 +170,7 @@ const ln = ({
   };
   return /* @__PURE__ */ e("div", { className: `mx-cmn-calendar ${g}`, children: /* @__PURE__ */ h(Y, { sx: { boxShadow: "none" }, children: [
     /* @__PURE__ */ e(
-      on,
+      rn,
       {
         copy: n,
         date: s,
@@ -179,7 +180,7 @@ const ln = ({
     ),
     /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-header-row", children: D[0].map((t, m) => /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ e(G, { bold: !0, variant: "Small", children: y(t, "EEEEE") }) }, m)) }),
     D.map((t, m) => /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-week", children: t.map((d, O) => /* @__PURE__ */ e(
-      rn,
+      sn,
       {
         beginDate: i,
         date: d,
@@ -191,8 +192,8 @@ const ln = ({
     )) }, `w-${m}`)),
     /* @__PURE__ */ e("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ e(E, { onClick: M, size: "small", variant: "text", children: n.today }) })
   ] }) });
-}, Cn = (n) => p({
-  width: sn,
+}, mn = (n) => p({
+  width: ln,
   "& .MuiPaper-root": {
     paddingLeft: 24,
     paddingRight: 24,
@@ -232,7 +233,7 @@ const ln = ({
       marginRight: "auto"
     }
   }
-}), Bn = ln, Pn = ({
+}), Bn = Nn, Pn = ({
   children: n,
   clickEventName: a,
   onClick: o,
@@ -300,15 +301,13 @@ const ln = ({
   ON_TRANSACTION_UNHIDE_CANCEL_CLICK: "onTransactionUnHideCancelClick",
   ON_TRANSACTION_UNSPLIT: "onTransactionUnsplit",
   ON_TRANSACTION_UNSPLIT_CANCEL: "onTransactionUnsplitCancel"
-};
-var Nn = /* @__PURE__ */ ((n) => (n[n.CREDIT = 1] = "CREDIT", n[n.DEBIT = 2] = "DEBIT", n))(Nn || {}), mn = /* @__PURE__ */ ((n) => (n[n.POSTED = 1] = "POSTED", n[n.PENDING = 2] = "PENDING", n))(mn || {});
-const Un = (n, a) => !!n.find((o) => o.feature_name === a)?.is_enabled;
+}, Un = (n, a) => !!n.find((o) => o.feature_name === a)?.is_enabled;
 export {
   Bn as C,
   Pn as L,
   $n as O,
-  Nn as T,
-  mn as a,
-  Tn as b,
+  on as T,
+  en as a,
+  Cn as b,
   Un as i
 };

package/dist/{WidgetContainer-p7NIdiNJ.mjs → WidgetContainer-C_JdLQij.mjs}

@@ -36,7 +36,7 @@ import we from "@mui/material/ToggleButtonGroup";
 import Ke from "@mui/material/styles/useTheme";
 import { f as K, D as G, a as Ge } from "./Dialog-CWW597AF.mjs";
 import { D as Me } from "./Drawer-kEE73B87.mjs";
-import { j as We, k as ye } from "./ConnectDrawer-YIWwEzuN.mjs";
+import { j as We, k as ye } from "./ConnectDrawer-SHjB2fpB.mjs";
 const xe = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",

package/dist/accounts/index.es.js

@@ -1,62 +1,62 @@
-import { jsxs as n, jsx as e, Fragment as j } from "react/jsx-runtime";
+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 { observer as g } from "mobx-react-lite";
 import B from "@mui/material/Box";
-import _ from "@mui/material/Divider";
+import A from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import x from "@mui/system/Stack";
+import _ from "@mui/system/Stack";
 import { Text as v } from "@mxenabled/mxui";
-import { A as G } from "../AccountDetailsContent-eODMVIVq.mjs";
-import { u as I1 } from "../AccountDetailsContent-eODMVIVq.mjs";
-import { u as K, A as z } from "../AccountDetailsHeader-C0qgTju7.mjs";
-import { A as W } from "../AccountListItem-BxmUd4j3.mjs";
-import { a as P } from "../AccountFields-DDHk35Ou.mjs";
-import { g as D1, b as U1 } from "../AccountFields-DDHk35Ou.mjs";
-import { u as g, b as y, d as T, g as N, a as Y } from "../hooks-CE2TKk4a.mjs";
+import { A as K } from "../AccountDetailsContent-j_fz0aRX.mjs";
+import { u as D1 } from "../AccountDetailsContent-j_fz0aRX.mjs";
+import { u as z, A as P } from "../AccountDetailsHeader-eh13XhXN.mjs";
+import { A as W } from "../AccountListItem-C7NVvdVt.mjs";
+import { a as Y } from "../AccountFields-pka2XWfO.mjs";
+import { g as U1, b as $1 } from "../AccountFields-pka2XWfO.mjs";
+import { u as w, b as S, d as T, g as D, a as q } from "../hooks-CE2TKk4a.mjs";
 import { f as I } from "../NumberFormatting-CtWHhyBX.mjs";
-import { D as q } from "../Drawer-kEE73B87.mjs";
-import { A, W as J } from "../WidgetContainer-p7NIdiNJ.mjs";
-import { C as Q } from "../ConnectionsDrawer-Bf2DNDCF.mjs";
-import { u as X } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as J } from "../Drawer-kEE73B87.mjs";
+import { A as y, W as Q } from "../WidgetContainer-C_JdLQij.mjs";
+import { C as X } from "../ConnectionsDrawer-BprLSCBH.mjs";
+import { u as N } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as R } from "../Loader-DUaFpDGv.mjs";
-import { k as D } from "../ConnectDrawer-YIWwEzuN.mjs";
-import { F as j1, M as G1 } from "../ConnectDrawer-YIWwEzuN.mjs";
-import e1 from "@mui/material/ListItem";
-import { M as U } from "../MiniWidgetContainer-DSG6mwaW.mjs";
-import t1 from "@mui/material/Stack";
-import { A as z1, a as P1 } from "../AccountStore-CpjCeykS.mjs";
-const l1 = () => {
-  const [c, L] = d.useState(""), { accounts: C } = g(), { selectedAccounts: l } = y(), { setSelectedAccount: u, setSelectedMember: r } = K(), { members: s } = T(), { onEvent: p } = N(), a = [...new Set(l.map((t) => t.account_type))], H = l.find((t) => c === t.guid), h = d.useMemo(
+import { k as U, l as e1 } from "../ConnectDrawer-SHjB2fpB.mjs";
+import { F as G1, M as K1 } from "../ConnectDrawer-SHjB2fpB.mjs";
+import t1 from "@mui/material/ListItem";
+import { M as $ } from "../MiniWidgetContainer-DSG6mwaW.mjs";
+import l1 from "@mui/material/Stack";
+import { A as P1, a as Y1 } from "../AccountStore-XZqHTKm3.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]
-  ), V = d.useMemo(
+  ), p = d.useMemo(
     () => l.filter((t) => t.is_closed),
     [l]
-  ), S = h.reduce(
+  ), M = u.reduce(
     (t, i) => (i.available_balance || i.balance || 0) + t,
     0
-  ), b = P(V, C);
+  ), b = Y(p, C);
   d.useEffect(() => {
-    if (H) {
-      u(H);
-      const t = s.find((i) => i.guid === H?.member_guid) || {};
+    if (a) {
+      h(a);
+      const t = L.find((i) => i.guid === a?.member_guid) || {};
       t && r(t);
     }
-  }, [H, c]);
-  const w = (t) => {
-    L(t.guid), p(A.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [a, c]);
+  const Z = (t) => {
+    H(t.guid), f(y.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
       account_type: t.account_type
     });
   }, m = (t) => {
-    const i = t === "hidden" ? h : V, k = t === "hidden" ? S : b, o = t === "hidden" ? C.account_hidden : C.account_closed;
+    const i = t === "hidden" ? u : p, k = t === "hidden" ? M : b, o = t === "hidden" ? C.account_hidden : C.account_closed;
     return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
       E,
       {
         "aria-label": o,
         subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-          x,
+          _,
           {
             component: "span",
             direction: "row",
@@ -67,19 +67,19 @@ const l1 = () => {
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(x, { children: i.map((f, Z, $) => {
-          const F = Z === $.length - 1;
+        children: /* @__PURE__ */ e(_, { children: i.map((V, x, j) => {
+          const F = x === j.length - 1;
           return /* @__PURE__ */ n(d.Fragment, { children: [
             /* @__PURE__ */ e(
               W,
               {
-                account: f,
-                onRowClick: () => w(f),
+                account: V,
+                onRowClick: () => Z(V),
                 shouldShowConnectionStatus: !0
               }
             ),
             t === "hidden" ? /* @__PURE__ */ e(
-              _,
+              A,
               {
                 sx: {
                   mb: F ? 24 : 4,
@@ -87,7 +87,7 @@ const l1 = () => {
                 }
               }
             ) : !F && /* @__PURE__ */ e(
-              _,
+              A,
               {
                 sx: {
                   mb: 4,
@@ -95,17 +95,17 @@ const l1 = () => {
                 }
               }
             )
-          ] }, f.guid);
+          ] }, V.guid);
         }) })
       }
     ) });
   };
   return /* @__PURE__ */ n(B, { sx: { pt: 24 }, children: [
-    a.map((t) => {
+    s.map((t) => {
       const i = l.filter(
         (o) => o.account_type === t && !o.is_closed && !o.is_hidden
       ), k = i.reduce(
-        (o, f) => (f.balance || 0) + o,
+        (o, V) => (V.balance || 0) + o,
         0
       );
       return i.length === 0 ? null : /* @__PURE__ */ e(
@@ -113,7 +113,7 @@ const l1 = () => {
         {
           "aria-label": C.account_type_accounts[i[0]?.account_type],
           subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-            x,
+            _,
             {
               component: "span",
               direction: "row",
@@ -124,23 +124,23 @@ const l1 = () => {
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(x, { children: i.map((o) => {
-            const f = l.indexOf(o) === l.length - 1, Z = i.indexOf(o) === i.length - 1;
+          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: [
               /* @__PURE__ */ e(
                 W,
                 {
                   account: o,
-                  onRowClick: () => w(o),
+                  onRowClick: () => Z(o),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!f || V.length > 0 || h.length > 0) && /* @__PURE__ */ e(
-                _,
+              (!V || p.length > 0 || u.length > 0) && /* @__PURE__ */ e(
+                A,
                 {
                   sx: {
-                    mb: Z ? 24 : 4,
-                    ml: Z ? 24 : 68
+                    mb: x ? 24 : 4,
+                    ml: x ? 24 : 68
                   }
                 }
               )
@@ -150,104 +150,109 @@ const l1 = () => {
         t
       );
     }),
-    h.length > 0 && m("hidden"),
-    V.length > 0 && m("closed"),
+    u.length > 0 && m("hidden"),
+    p.length > 0 && m("closed"),
     /* @__PURE__ */ n(
-      q,
+      J,
       {
         ariaLabelClose: C.close_account_details_aria,
         isOpen: !!c,
-        onClose: () => L(""),
+        onClose: () => H(""),
         title: C.account_details,
         children: [
-          /* @__PURE__ */ e(z, {}),
-          /* @__PURE__ */ e(G, {})
+          /* @__PURE__ */ e(P, {}),
+          /* @__PURE__ */ e(K, {})
         ]
       }
     )
   ] });
-}, i1 = M(l1), n1 = ({ onBackClick: c, sx: L = {} }) => {
-  const [C, l] = d.useState(!1), [u, r] = d.useState(!1), { config: s } = Y(), { accounts: p } = T(), { accounts: a, connect: H } = g(), { isCopyLoaded: h, isInitialized: V, setSelectedAccounts: S, selectedAccountGuids: b } = y(), { isDesktop: w } = X(), { onEvent: m } = N();
+}, n1 = g(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: M, selectedAccountGuids: b } = S(), { isDesktop: Z } = N(), { onEvent: m } = D();
   d.useEffect(() => {
-    S(p);
-  }, [p]);
+    M(f);
+  }, [f]);
   const t = () => {
-    l(!0), m(A.ACCOUNTS_CLICK_CONNECT);
+    l(!0), m(y.ACCOUNTS_CLICK_CONNECT);
   }, i = () => {
-    r(!0), m(A.ACCOUNTS_CLICK_CONNECT);
+    r(!0), m(y.ACCOUNTS_CLICK_CONNECT);
   };
-  return h ? /* @__PURE__ */ e(
-    J,
+  return u ? /* @__PURE__ */ e(
+    Q,
     {
-      accountOptions: p,
-      actions: s.show_connections_widget_in_master ? [
-        { iconName: "add", label: a.add, onClick: t },
+      accountOptions: f,
+      actions: L.show_connections_widget_in_master ? [
+        { iconName: "add", label: s.add, onClick: t },
         {
           iconName: "credit_card_gear",
-          label: a.manage,
+          label: s.manage,
           onClick: i
         }
       ] : [],
-      onAccountsFilterClick: () => m(A.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(y.ACCOUNTS_CLICK_FILTER),
       onBackClick: c,
-      sx: L,
-      title: a.title,
-      children: V ? /* @__PURE__ */ n(j, { children: [
-        /* @__PURE__ */ n(B, { sx: { px: w ? 24 : 12 }, children: [
-          b.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: a.no_accounts }),
-          /* @__PURE__ */ e(i1, {})
+      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, {})
         ] }),
         /* @__PURE__ */ e(
-          D,
+          U,
           {
             onClose: () => l(!1),
             showConnectWidget: C,
-            title: H.mini_title
+            title: a.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          Q,
+          X,
           {
             onClose: () => r(!1),
-            showConnectionsWidget: u,
-            title: a.manage_connections
+            showConnectionsWidget: h,
+            title: s.manage_connections
           }
         )
       ] }) : /* @__PURE__ */ e(R, {})
     }
   ) : /* @__PURE__ */ e(R, {});
-}, B1 = M(n1), C1 = ({ onPrimaryCtaClick: c, sx: L }) => {
-  const { visibleAccounts: C } = T(), { accounts: l } = g(), { isCopyLoaded: u, isInitialized: r, selectedAccounts: s, setSelectedAccounts: p } = y();
-  return d.useEffect(() => {
-    p(C);
-  }, [C]), u ? /* @__PURE__ */ e(
-    U,
+}, E1 = g(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]
+  );
+  return h ? /* @__PURE__ */ e(
+    $,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: c,
       primaryCtaLabel: l.primary_cta,
-      sx: L,
+      sx: H,
       title: l.mini_title,
       children: r ? /* @__PURE__ */ n(E, { children: [
-        s.length === 0 && /* @__PURE__ */ e(e1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
-        s.map((a, H) => {
-          const h = s.indexOf(a) === s.length - 1;
+        L.length === 0 && /* @__PURE__ */ e(t1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
+        a.map((u, p) => {
+          const M = a.indexOf(u) === a.length - 1;
           return /* @__PURE__ */ n(d.Fragment, { children: [
             /* @__PURE__ */ e(
               W,
               {
-                account: a,
+                account: u,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !h && /* @__PURE__ */ e(_, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${H}`);
+            !M && /* @__PURE__ */ e(A, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${p}`);
         })
       ] }) : /* @__PURE__ */ e(R, {})
     }
   ) : /* @__PURE__ */ e(R, {});
-}, E1 = M(C1), o1 = () => /* @__PURE__ */ n(
+}, W1 = g(o1), d1 = () => /* @__PURE__ */ n(
   "svg",
   {
     fill: "none",
@@ -686,10 +691,10 @@ const l1 = () => {
       )
     ]
   }
-), d1 = () => {
-  const { connect: c } = g();
-  return /* @__PURE__ */ n(t1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(o1, {}),
+), c1 = () => {
+  const { connect: c } = w();
+  return /* @__PURE__ */ n(l1, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(d1, {}),
     /* @__PURE__ */ e(
       v,
       {
@@ -703,48 +708,48 @@ const l1 = () => {
       }
     )
   ] });
-}, c1 = M(d1), s1 = ({
+}, s1 = g(c1), a1 = ({
   onPrimaryCtaClick: c = () => {
   },
-  sx: L
+  sx: H
 }) => {
-  const { isCopyLoaded: C } = y(), { connect: l } = g(), [u, r] = d.useState(!1), s = () => {
+  const { isCopyLoaded: C } = S(), { connect: l } = w(), [h, r] = d.useState(!1), L = () => {
     r(!0), c();
   };
   return C ? /* @__PURE__ */ n(
-    U,
+    $,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: s,
+      onPrimaryCtaClick: L,
       primaryCtaLabel: l.primary_cta,
-      sx: L,
+      sx: H,
       title: l.mini_title,
       children: [
-        /* @__PURE__ */ e(c1, {}),
-        u && /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ e(s1, {}),
+        h && /* @__PURE__ */ e(
+          U,
           {
             onClose: () => r(!1),
-            showConnectWidget: u,
+            showConnectWidget: h,
             title: l.mini_title
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e(R, {});
-}, W1 = M(s1);
+}, T1 = g(a1);
 export {
-  z1 as AccountApi,
-  G as AccountDetailsContent,
-  z as AccountDetailsHeader,
-  P1 as AccountStore,
-  E1 as AccountsMiniWidget,
-  B1 as AccountsWidget,
-  W1 as ConnectMiniWidget,
-  j1 as FieldType,
-  G1 as MemberConnectionStatus,
-  D1 as getAccountBalanceDetails,
-  U1 as getAccountDetailFields,
-  K as useAccountUiStore,
-  I1 as useGetMergeableAccounts
+  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
 };