@mx-cartographer/experiences 7.4.6-alpha.mm2 → 7.4.7-alpha.mega1

package/dist/{SpendingLegend-CbNAMdPH.mjs → SpendingLegend-Bf-wbJvb.mjs}

@@ -3,13 +3,13 @@ import { b as p } from "./Category-CevNQ03n.mjs";
 import { jsxs as y, Fragment as v, jsx as c } from "react/jsx-runtime";
 import x from "react";
 import { observer as w } from "mobx-react-lite";
+import M from "@mui/material/Button";
 import f from "@mui/material/Stack";
-import { CategoryIcon as M, CategoryIconVariants as N, Text as h } from "@mxenabled/mxui";
-import { u as k } from "./TransactionDetails-DnLXfvDL.mjs";
-import A from "@mui/material/Button";
-import { useTheme as G } from "@mui/material";
-import { D as O } from "./Donut-oaQFlbit.mjs";
-import { a as $ } from "./hooks-DtrRa6Lb.mjs";
+import { useTheme as N } from "@mui/material/styles";
+import { CategoryIcon as k, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
+import { D as G } from "./Donut-Dmy3JTWd.mjs";
+import { u as O } from "./TransactionDetails-COH0OKNG.mjs";
+import { u as $ } from "./hooks-C41HAxM5.mjs";
 import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";
 import R from "@mui/material/Box";
@@ -99,7 +99,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   totalLabel: a,
   variant: t = "mini"
 }) => {
-  const { spending: r } = $(), m = G(), { isTablet: e } = j(), { announce: s, ariaLive: C } = k(), u = x.useMemo(
+  const { spending: r } = $(), m = N(), { isTablet: e } = j(), { announce: s, ariaLive: C } = O(), u = x.useMemo(
     () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
     [o]
   );
@@ -114,7 +114,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   }, I = e ? 32 : 48;
   return /* @__PURE__ */ y(v, { children: [
     C,
-    /* @__PURE__ */ c(O, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ c(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ c(G, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ c(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       u && /* @__PURE__ */ y(
         f,
         {
@@ -125,11 +125,11 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
           sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
             /* @__PURE__ */ c(
-              M,
+              k,
               {
                 categoryGuid: l ? p.INCOME : u.guid,
                 size: t === "mini" ? 24 : I,
-                variant: N.Transparent
+                variant: A.Transparent
               }
             ),
             /* @__PURE__ */ c(
@@ -148,7 +148,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
       /* @__PURE__ */ c(h, { variant: t === "mini" ? "H2" : "H1", children: u ? D(u.amount, "0,0") : D(i.totalAmount, "0,0") }),
       !u && t === "mini" && /* @__PURE__ */ c(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
       t === "full" && /* @__PURE__ */ c(
-        A,
+        M,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,

package/dist/{TransactionDetails-DnLXfvDL.mjs → TransactionDetails-COH0OKNG.mjs}

@@ -9,15 +9,15 @@ import { MerchantLogo as ge, Icon as C, Text as h, useTokens as te, CategoryIcon
 import $ from "@mui/material/ListItemAvatar";
 import M from "@mui/material/ListItemText";
 import b from "@mui/material/Stack";
-import { T as Pe, L as Ge, O as g, C as Me, b as Ke, i as $e } from "./User-BmdvAL7I.mjs";
-import { G as Be, h as w, a as N, u as O, m as xe, c as Fe, p as He } from "./hooks-DtrRa6Lb.mjs";
+import { T as Pe, L as Ge, O as g, C as Me, b as Ke, i as $e } from "./User-wXzDI4M8.mjs";
+import { G as Be, h as w, u as N, g as O, m as xe, b as Fe, p as He } from "./hooks-C41HAxM5.mjs";
 import { f as ae } from "./NumberFormatting-DjTD0t3W.mjs";
 import { Receipt as ze, Delete as ie, ChevronRight as Ue, Cancel as se, Search as Xe, Edit as Ve, Flag as We } from "@mxenabled/mx-icons";
 import { fromUnixTime as Y } from "date-fns/fromUnixTime";
 import { isSameDay as Ne } from "date-fns/isSameDay";
 import { h as Ye } from "./DateUtil-CBdcsyuk.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { A as P } from "./WidgetContainer-DR_iRKNU.mjs";
+import { A as P } from "./WidgetContainer-6dsjtOVg.mjs";
 import re from "@mui/material/Paper";
 import de from "@mui/material/Button";
 import je from "@mui/material/FormGroup";
@@ -30,14 +30,14 @@ import B from "@mui/material/ListItem";
 import { D as W, f as we, a as Ee } from "./Dialog-BPTr3qHE.mjs";
 import U from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
-import { a as Oe } from "./CategorySelectorDrawer-l3tOyiqD.mjs";
+import { a as Oe } from "./CategorySelectorDrawer-DqJK_rrL.mjs";
 import { b as le } from "./Localization-2MODESHW.mjs";
 import { getUnixTime as Ze } from "date-fns/getUnixTime";
 import { D as ue } from "./Drawer-BEtCk82g.mjs";
 import ye from "@mui/material/InputAdornment";
 import Je from "@mui/material/Checkbox";
 import pe from "@mui/material/Grid";
-import { C as Qe } from "./CurrencyInput-BnaVaZBU.mjs";
+import { C as Qe } from "./CurrencyInput-BFKcs-_K.mjs";
 import et from "@mui/material/Switch";
 var Z = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(Z || {}), oe = /* @__PURE__ */ ((t) => (t[t.SplitTransaction = 0] = "SplitTransaction", t[t.HideTransaction = 1] = "HideTransaction", t[t.MerchantLogo = 2] = "MerchantLogo", t))(oe || {});
 const tt = [

package/dist/{TransactionStore-BOiv_pDO.mjs → TransactionStore-Dz-G8Wd0.mjs}

@@ -13,10 +13,10 @@ import { isBefore as Y } from "date-fns/isBefore";
 import { startOfMonth as R } from "date-fns/startOfMonth";
 import { startOfToday as b } from "date-fns/startOfToday";
 import { subDays as F } from "date-fns/subDays";
-import { O as n, a as G, T as w } from "./User-BmdvAL7I.mjs";
+import { O as n, a as G, T as w } from "./User-wXzDI4M8.mjs";
 import { T as p } from "./TransactionApi-CjBoLleL.mjs";
 import { b as W } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./exportTransactionsToCSV-DoKUltKJ.mjs";
+import { f as z } from "./exportTransactionsToCSV-Cz2t0lmA.mjs";
 import { format as k } from "date-fns/format";
 import { f as g, a as O, O as $ } from "./Dialog-BPTr3qHE.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";

package/dist/{User-BmdvAL7I.mjs → User-wXzDI4M8.mjs}

@@ -22,7 +22,7 @@ import { isWithinInterval as Q } from "date-fns/isWithinInterval";
 import nn from "@mui/material/styles/useTheme";
 import k from "@mui/material/ListItem";
 import an from "@mui/material/ListItemButton";
-import { u as tn } from "./hooks-DtrRa6Lb.mjs";
+import { g as tn } from "./hooks-C41HAxM5.mjs";
 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);

package/dist/{WidgetContainer-DR_iRKNU.mjs → WidgetContainer-6dsjtOVg.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 { u as Ee, c as Re, a as ge, b as Ae, W as Se } from "./hooks-DtrRa6Lb.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 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, 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-g2IXvoSS.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-CuUj16NH.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",

package/dist/accounts/index.es.js

@@ -2,54 +2,53 @@ 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 y from "@mui/material/Divider";
+import x from "@mui/material/Divider";
 import F from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import A from "@mui/system/Stack";
+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-CCkHHK_n.mjs";
-import { L as X } from "../LineChart-B7MftxPX.mjs";
-import { g as e1, a as t1, b as l1 } from "../SpendingData-BuJ03S9d.mjs";
-import { m as n1, a as M, c as S, e as N, u as U, b as i1 } from "../hooks-DtrRa6Lb.mjs";
-import { A as W, l as P, m as o1 } from "../ConnectDrawer-g2IXvoSS.mjs";
-import { F as C3, M as d3 } from "../ConnectDrawer-g2IXvoSS.mjs";
-import { I as G, P as $, S as j } from "../Account-BQE_ANvF.mjs";
-import { a as C1 } from "../AccountFields-DdOw6d6w.mjs";
-import { g as s3, b as a3 } from "../AccountFields-DdOw6d6w.mjs";
-import { A as B } from "../AccountListItem-CZhCiU7q.mjs";
-import { A as d1 } from "../AccountDetailsContent-C6LkHJuy.mjs";
-import { u as L3 } from "../AccountDetailsContent-C6LkHJuy.mjs";
+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 { D as c1 } from "../Drawer-BEtCk82g.mjs";
-import { A as x, W as s1 } from "../WidgetContainer-DR_iRKNU.mjs";
-import { C as a1 } from "../ConnectionsDrawer-vSEOHrUC.mjs";
-import { u as r1 } from "../useWidgetLoadTimer-CY26D0n1.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 w } from "../Loader-DUaFpDGv.mjs";
+import { L as _ } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as K } from "../MiniWidgetContainer-Csioy5P7.mjs";
+import { M as K } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import u1 from "@mui/material/Stack";
-import { A as h3, a as H3 } from "../AccountStore-kxFbaz-K.mjs";
+import { A as u3, a as h3 } from "../AccountStore-C1zMBzHq.mjs";
 const h1 = (i, o) => {
-  const n = G.includes(o) ? e1(i) : [], t = $.includes(o) ? t1(i) : [], L = j.includes(o) ? l1(i) : [];
-  return [n, t, L].filter((C) => C.length > 0);
-}, H1 = (i, o, n) => {
+  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: n.income_label, amount: c });
+    s.push({ label: l.income_label, amount: c });
   } else if ($.includes(o)) {
     const c = C[C.length - 1].y;
-    s.push({ label: n.payments_label, amount: c });
+    s.push({ label: l.payments_label, amount: c });
   }
   if (d && j.includes(o)) {
     const c = d[d.length - 1].y;
-    s.push({ label: n.spending_label, amount: c });
+    s.push({ label: l.spending_label, amount: c });
   }
   return s;
 }, p1 = () => {
-  const i = J(), { selectedAccount: o } = D(), { monthlyCategoryTotals: n } = n1(), { trends: t } = M(), L = [i.palette.chart?.chart1, i.palette.chart?.chart2], C = h1(n, o.account_type), d = H1(C, o.account_type, t), s = [W.LOAN, W.MORTGAGE].includes(o.account_type);
+  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,
     {
@@ -64,59 +63,59 @@ const h1 = (i, o) => {
     }
   ) });
 }, f1 = v(p1), m1 = () => {
-  const [i, o] = h.useState(""), { accounts: n } = M(), { selectedAccounts: t } = S(), { setSelectedAccount: L, setSelectedMember: C } = D(), { members: d } = N(), { onEvent: s } = U(), c = [...new Set(t.map((l) => l.account_type))], H = t.find((l) => i === l.guid), p = h.useMemo(
-    () => t.filter((l) => l.is_hidden),
+  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((l) => l.is_closed),
+    () => t.filter((n) => n.is_closed),
     [t]
-  ), R = p.reduce(
-    (l, a) => (a.available_balance || a.balance || 0) + l,
+  ), R = H.reduce(
+    (n, a) => (a.available_balance || a.balance || 0) + n,
     0
-  ), b = C1(f, n);
+  ), k = d1(f, l);
   h.useEffect(() => {
-    if (H) {
-      L(H);
-      const l = d.find((a) => a.guid === H?.member_guid) || {};
-      l && C(l);
+    if (p) {
+      L(p);
+      const n = d.find((a) => a.guid === p?.member_guid) || {};
+      n && C(n);
     }
-  }, [H, i]);
-  const _ = (l) => {
-    o(l.guid), s(x.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: l.guid,
-      account_type: l.account_type
+  }, [p, i]);
+  const Z = (n) => {
+    o(n.guid), s(S.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: n.guid,
+      account_type: n.account_type
     });
-  }, V = (l) => {
-    const a = l === "hidden" ? p : f, k = l === "hidden" ? R : b, u = l === "hidden" ? n.account_hidden : n.account_closed;
+  }, 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": u,
         subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-          A,
+          y,
           {
             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(k, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: I(w, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(A, { children: a.map((m, Z, z) => {
-          const T = Z === z.length - 1;
+        children: /* @__PURE__ */ e(y, { children: a.map((m, A, z) => {
+          const T = A === z.length - 1;
           return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
               B,
               {
                 account: m,
-                onRowClick: () => _(m),
+                onRowClick: () => Z(m),
                 shouldShowConnectionStatus: !0
               }
             ),
-            l === "hidden" ? /* @__PURE__ */ e(
-              y,
+            n === "hidden" ? /* @__PURE__ */ e(
+              x,
               {
                 sx: {
                   mb: T ? 24 : 4,
@@ -124,7 +123,7 @@ const h1 = (i, o) => {
                 }
               }
             ) : !T && /* @__PURE__ */ e(
-              y,
+              x,
               {
                 sx: {
                   mb: 4,
@@ -138,131 +137,130 @@ const h1 = (i, o) => {
     ) });
   };
   return /* @__PURE__ */ r(E, { sx: { pt: 24 }, children: [
-    c.map((l) => {
+    c.map((n) => {
       const a = t.filter(
-        (u) => u.account_type === l && !u.is_closed && !u.is_hidden
-      ), k = a.reduce(
+        (u) => u.account_type === n && !u.is_closed && !u.is_hidden
+      ), w = a.reduce(
         (u, m) => (m.balance || 0) + u,
         0
       );
       return a.length === 0 ? null : /* @__PURE__ */ e(
         F,
         {
-          "aria-label": n.account_type_accounts[a[0]?.account_type],
+          "aria-label": l.account_type_accounts[a[0]?.account_type],
           subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-            A,
+            y,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: n.account_types[l] }),
-                /* @__PURE__ */ e(g, { 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(A, { children: a.map((u) => {
-            const m = t.indexOf(u) === t.length - 1, Z = a.indexOf(u) === a.length - 1;
+          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(
                 B,
                 {
                   account: u,
-                  onRowClick: () => _(u),
+                  onRowClick: () => Z(u),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!m || f.length > 0 || p.length > 0) && /* @__PURE__ */ e(
-                y,
+              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
+                x,
                 {
                   sx: {
-                    mb: Z ? 24 : 4,
-                    ml: Z ? 24 : 68
+                    mb: A ? 24 : 4,
+                    ml: A ? 24 : 68
                   }
                 }
               )
             ] }, u.guid);
           }) })
         },
-        l
+        n
       );
     }),
-    p.length > 0 && V("hidden"),
+    H.length > 0 && V("hidden"),
     f.length > 0 && V("closed"),
     /* @__PURE__ */ r(
-      c1,
+      s1,
       {
-        ariaLabelClose: n.close_account_details_aria,
+        ariaLabelClose: l.close_account_details_aria,
         isOpen: !!i,
         onClose: () => o(""),
-        title: n.account_details,
+        title: l.account_details,
         children: [
           /* @__PURE__ */ e(Q, { ChartComponent: f1 }),
-          /* @__PURE__ */ e(d1, {})
+          /* @__PURE__ */ e(c1, {})
         ]
       }
     )
   ] });
 }, V1 = v(m1), g1 = ({ onBackClick: i, sx: o = {} }) => {
-  const [n, t] = h.useState(!1), [L, C] = h.useState(!1), { config: d } = i1(), { accounts: s } = N(), { accounts: c, connect: H } = M(), { isCopyLoaded: p, isInitialized: f, setSelectedAccounts: R, selectedAccountGuids: b } = S(), { isDesktop: _ } = Y(), { onEvent: V } = U();
-  r1({
-    widgetName: "AccountsWidget",
-    isLoaded: f && p
-  }), h.useEffect(() => {
+  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]);
-  const l = () => {
-    t(!0), V(x.ACCOUNTS_CLICK_CONNECT);
-  }, a = () => {
-    C(!0), V(x.ACCOUNTS_CLICK_CONNECT);
+  }, [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 p ? /* @__PURE__ */ e(
-    s1,
+  return H ? /* @__PURE__ */ e(
+    a1,
     {
       accountOptions: s,
       actions: d.show_connections_widget_in_master ? [
-        { iconName: "add", label: c.add, onClick: l },
+        { iconName: "add", label: c.add, onClick: a },
         {
           iconName: "credit_card_gear",
           label: c.manage,
-          onClick: a
+          onClick: w
         }
       ] : [],
-      onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => V(S.ACCOUNTS_CLICK_FILTER),
       onBackClick: i,
       sx: o,
       title: c.title,
       children: f ? /* @__PURE__ */ r(q, { 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__ */ 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(
           P,
           {
             onClose: () => t(!1),
-            showConnectWidget: n,
-            title: H.mini_title
+            showConnectWidget: l,
+            title: p.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          a1,
+          r1,
           {
             onClose: () => C(!1),
             showConnectionsWidget: L,
             title: c.manage_connections
           }
         )
-      ] }) : /* @__PURE__ */ e(w, {})
+      ] }) : /* @__PURE__ */ e(_, {})
     }
-  ) : /* @__PURE__ */ e(w, {});
-}, t3 = v(g1), v1 = ({ onPrimaryCtaClick: i, sx: o }) => {
-  const { visibleAccounts: n } = N(), { accounts: t } = M(), { isCopyLoaded: L, isInitialized: C, selectedAccounts: d, setSelectedAccounts: s } = S(), { isDesktop: c } = Y();
+  ) : /* @__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(n);
-  }, [n]);
-  const H = h.useMemo(
-    () => o1(d, c ? 5 : 3),
+    s(l);
+  }, [l]);
+  const p = h.useMemo(
+    () => C1(d, c ? 5 : 3),
     [d, c]
   );
   return L ? /* @__PURE__ */ e(
@@ -275,24 +273,24 @@ const h1 = (i, o) => {
       title: t.mini_title,
       children: C ? /* @__PURE__ */ r(F, { children: [
         d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: t.no_accounts }),
-        H.map((p, f) => {
-          const R = H.indexOf(p) === H.length - 1;
+        p.map((H, f) => {
+          const R = p.indexOf(H) === p.length - 1;
           return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
               B,
               {
-                account: p,
+                account: H,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !R && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
+            !R && /* @__PURE__ */ e(x, { "aria-hidden": "true", variant: "inset" })
           ] }, `account-item${f}`);
         })
-      ] }) : /* @__PURE__ */ e(w, {})
+      ] }) : /* @__PURE__ */ e(_, {})
     }
-  ) : /* @__PURE__ */ e(w, {});
-}, l3 = v(v1), M1 = () => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(_, {});
+}, t3 = v(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
     fill: "none",
@@ -753,10 +751,10 @@ const h1 = (i, o) => {
   },
   sx: o
 }) => {
-  const { isCopyLoaded: n } = S(), { connect: t } = M(), [L, C] = h.useState(!1), d = () => {
+  const { isCopyLoaded: l } = b(), { connect: t } = M(), [L, C] = h.useState(!1), d = () => {
     C(!0), i();
   };
-  return n ? /* @__PURE__ */ r(
+  return l ? /* @__PURE__ */ r(
     K,
     {
       className: "mx-exp-connect-miniwidget",
@@ -776,20 +774,20 @@ const h1 = (i, o) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ e(w, {});
+  ) : /* @__PURE__ */ e(_, {});
 }, n3 = v(_1);
 export {
-  h3 as AccountApi,
-  d1 as AccountDetailsContent,
+  u3 as AccountApi,
+  c1 as AccountDetailsContent,
   Q as AccountDetailsHeader,
-  H3 as AccountStore,
-  l3 as AccountsMiniWidget,
-  t3 as AccountsWidget,
+  h3 as AccountStore,
+  t3 as AccountsMiniWidget,
+  e3 as AccountsWidget,
   n3 as ConnectMiniWidget,
-  C3 as FieldType,
-  d3 as MemberConnectionStatus,
-  s3 as getAccountBalanceDetails,
-  a3 as getAccountDetailFields,
+  o3 as FieldType,
+  C3 as MemberConnectionStatus,
+  c3 as getAccountBalanceDetails,
+  s3 as getAccountDetailFields,
   D as useAccountUiStore,
-  L3 as useGetMergeableAccounts
+  r3 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-Csioy5P7.mjs";
-import { k as f, a as b, u as q, c as E } from "../hooks-DtrRa6Lb.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 Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";
 const O = () => {

package/dist/budgets/index.es.js

@@ -8,7 +8,7 @@ import S from "@mui/material/Stack";
 import te from "@mui/material/styles/useTheme";
 import { Text as b, CategoryIcon as K, Icon as N, H1 as Ue, H3 as Ae } from "@mxenabled/mxui";
 import X from "@mui/material/List";
-import { a as w, i as D, j as ne, m as z, q as oe, u as V, c as ae, h as re, b as Fe, e as Te, o as He } from "../hooks-DtrRa6Lb.mjs";
+import { u as w, i as D, j as ne, m as z, q as oe, g as V, b as ae, h as re, a as Fe, d as Te, n as He } from "../hooks-C41HAxM5.mjs";
 import { f as T } from "../NumberFormatting-DjTD0t3W.mjs";
 import we from "@mui/material/Button";
 import se from "@mui/material/Divider";
@@ -19,35 +19,35 @@ import q from "@mui/material/ListItemText";
 import { b as R } from "../Localization-2MODESHW.mjs";
 import { D as k } from "../Drawer-BEtCk82g.mjs";
 import We from "@mui/material/ListItemSecondaryAction";
-import { C as Ke } from "../CurrencyInput-BnaVaZBU.mjs";
+import { C as Ke } from "../CurrencyInput-BFKcs-_K.mjs";
 import { D as G } from "../Dialog-BPTr3qHE.mjs";
-import { C as Xe } from "../ConnectionsDrawer-vSEOHrUC.mjs";
+import { C as Xe } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import * as O from "d3";
 import Ve from "@mui/material/Tooltip";
 import { useTheme as Ye } from "@mui/material/styles";
 import { u as ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as j } from "../Loader-DUaFpDGv.mjs";
 import { E as me } from "../EmptyState-DoxNUae-.mjs";
-import { A as L, W as Ze } from "../WidgetContainer-DR_iRKNU.mjs";
-import { u as qe } from "../BudgetUtil-C5fTz_GJ.mjs";
-import { M as Je } from "../MiniWidgetContainer-Csioy5P7.mjs";
+import { A as L, W as Ze } from "../WidgetContainer-6dsjtOVg.mjs";
+import { u as qe } from "../BudgetUtil-Df2nII9u.mjs";
+import { M as Je } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import { isAfter as Qe } from "date-fns/isAfter";
 import { startOfToday as J } from "date-fns/startOfToday";
 import et from "@mui/material/Alert";
 import tt from "@mui/material/Snackbar";
 import Ce from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
-import { e as ot } from "../exportTransactionsToCSV-DoKUltKJ.mjs";
-import { T as De, a as at } from "../TransactionDetails-DnLXfvDL.mjs";
+import { e as ot } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
+import { T as De, a as at } from "../TransactionDetails-COH0OKNG.mjs";
 import fe from "@mui/material/Card";
 import be from "@mui/material/CardContent";
 import { S as he } from "../StatusBar-BK_uYHAB.mjs";
 import { S as Ie } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as rt, b as st } from "../CategorySelectorDrawer-l3tOyiqD.mjs";
+import { u as rt, b as st } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
 import Ee from "@mui/material/CardHeader";
 import { subDays as it } from "date-fns/subDays";
 import ct from "@mui/material/IconButton";
-import { M as lt } from "../ManageIncome-DlAUFShc.mjs";
+import { M as lt } from "../ManageIncome-A69EUO5u.mjs";
 const dt = I(() => {
   const { budgets: t } = w(), { totalBudgeted: o } = D(), { incomeTotal: i } = ne(), s = i - o;
   return /* @__PURE__ */ m(S, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [