@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/accounts/index.es.js

@@ -5,40 +5,40 @@ import e1 from "@mui/material/Stack";
 import { Text as g, Icon as F, THEMES as i1 } from "@mxenabled/mxui";
 import { S as h1 } from "../SkeletonLoader-BaNboJjD.mjs";
 import c1 from "@mui/material/Box";
-import b from "@mui/material/Divider";
+import w from "@mui/material/Divider";
 import E from "@mui/material/List";
-import B from "@mui/material/ListSubheader";
-import W from "@mui/system/Stack";
+import U from "@mui/material/ListSubheader";
+import P from "@mui/system/Stack";
 import { useTheme as M1, alpha as y1 } from "@mui/material/styles";
-import { u as R, A as x1 } from "../AccountDetailsHeader-DkBNsLsI.mjs";
-import { L as w1 } from "../LineChart-B1qbKR8q.mjs";
-import { g as b1, a as S1, b as R1 } from "../SpendingData-Bz1bCWAs.mjs";
+import { u as S, A as x1 } from "../AccountDetailsHeader-D9gbTbUt.mjs";
+import { L as b1 } from "../LineChart-DBSlRSEm.mjs";
+import { g as w1, a as R1, b as S1 } from "../SpendingData-Bz1bCWAs.mjs";
 import { l as T1, u as y, d as k, g as I, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
 import { A as N, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
 import { I as _1, P as L1, S as f1 } from "../Account-DuOz1a27.mjs";
-import { a as D1, b as k1 } from "../AccountFields-DeZSQOuM.mjs";
-import { g as i2 } from "../AccountFields-DeZSQOuM.mjs";
-import { A as U } from "../AccountListItem-BIVhda6q.mjs";
+import { a as D1, b as k1 } from "../AccountFields-CxqONzjY.mjs";
+import { g as i4 } from "../AccountFields-CxqONzjY.mjs";
+import { A as B } from "../AccountListItem-LcJVJysf.mjs";
 import a1 from "@mui/material/Tab";
 import I1 from "@mui/material/Tabs";
 import Z1 from "@mui/material/Switch";
 import D from "@mui/material/ListItem";
 import $ from "@mui/material/ListItemButton";
 import O from "@mui/material/ListItemText";
-import { A as S } from "../Analytics-BYItVAe-.mjs";
+import { A as R } from "../Analytics-BYItVAe-.mjs";
 import { D as Q } from "../Dialog-Ck34yr-d.mjs";
 import { b as f } from "../Localization-CPkpIwIx.mjs";
-import { D as t1 } from "../Drawer-DV4NTsFg.mjs";
+import { D as t1 } from "../Drawer-Bbe4AMB1.mjs";
 import Y from "@mui/material/ListItemAvatar";
 import N1 from "@mui/material/styles/useTheme";
 import { Error as g1, CheckCircle as O1, Language as F1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-CioFo6Wy.mjs";
-import { fromUnixTime as P1 } from "date-fns/fromUnixTime";
-import { isToday as W1 } from "date-fns/isToday";
-import { isYesterday as B1 } from "date-fns/isYesterday";
+import { C as z } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { fromUnixTime as W1 } from "date-fns/fromUnixTime";
+import { isToday as P1 } from "date-fns/isToday";
+import { isYesterday as U1 } from "date-fns/isYesterday";
 import { f as s1, D as l1 } from "../DateFormats-BMpMrZpW.mjs";
 import { I as j } from "../IconBacking-B9oC6uL2.mjs";
-import { addMonths as U1 } from "date-fns/addMonths";
+import { addMonths as B1 } from "date-fns/addMonths";
 import { AdapterDateFns as $1 } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DateCalendar as G1 } from "@mui/x-date-pickers/DateCalendar";
 import z1 from "@mui/material/FormControl";
@@ -48,27 +48,27 @@ import j1 from "@mui/material/MenuItem";
 import X1 from "@mui/material/Select";
 import J1 from "@mui/material/TextField";
 import { F as X } from "../Accounts-CseLC3lL.mjs";
-import { M as a2 } from "../Accounts-CseLC3lL.mjs";
+import { M as a4 } from "../Accounts-CseLC3lL.mjs";
 import { C as q1 } from "../CurrencyInput-DuMktPu3.mjs";
 import Q1 from "@mui/material/Alert";
 import e3 from "@mui/material/AlertTitle";
 import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
-import { T as a3 } from "../StatusIndicator-BV3oFzxo.mjs";
-import { T as s3 } from "../TransactionDetails-DYlTwSDt.mjs";
+import { T as a3 } from "../StatusIndicator-CIKUOoN_.mjs";
+import { T as s3 } from "../TransactionDetails-BpcWeXNU.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
-import { C as l3 } from "../ConnectionsDrawer-DqhSaMrJ.mjs";
+import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";
 import { u as H1 } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as o1 } from "../Loader-D3rjKx72.mjs";
-import { W as r3 } from "../WidgetContainer-B0ncgABX.mjs";
-import { M as A1 } from "../MiniWidgetContainer-Cu72GNsE.mjs";
-import { A as l2 } from "../AccountApi-ChQr5PAZ.mjs";
-import { A as d2 } from "../AccountStore-Brc0MNSF.mjs";
+import { W as r3 } from "../WidgetContainer-D_iaToWJ.mjs";
+import { M as A1 } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
+import { A as l4 } from "../AccountApi-ChQr5PAZ.mjs";
+import { A as d4 } from "../AccountStore-BNlTuxWN.mjs";
 const d3 = (t, o) => {
-  const n = _1.includes(o) ? b1(t) : [], i = L1.includes(o) ? S1(t) : [], c = f1.includes(o) ? R1(t) : [];
+  const n = _1.includes(o) ? w1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);
 }, u3 = (t, o, n) => {
   const [i, c] = t, l = i, u = c ?? i, a = [];
@@ -85,9 +85,9 @@ const d3 = (t, o) => {
   }
   return a;
 }, C3 = () => {
-  const t = M1(), { selectedAccount: o } = R(), { monthlyCategoryTotals: n } = T1(), { trends: i } = y(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [N.LOAN, N.MORTGAGE].includes(o.account_type);
+  const t = M1(), { selectedAccount: o } = S(), { monthlyCategoryTotals: n } = T1(), { trends: i } = y(), c = [t.palette.chart?.chart1, t.palette.chart?.chart2], l = d3(n, o.account_type), u = u3(l, o.account_type, i), a = [N.LOAN, N.MORTGAGE].includes(o.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    w1,
+    b1,
     {
       colors: c,
       datasets: l,
@@ -117,14 +117,14 @@ const d3 = (t, o) => {
     /* @__PURE__ */ e(O, { primary: c, secondary: l }),
     o
   ] }) }),
-  /* @__PURE__ */ e(b, { sx: { ml: n ? 0 : 24 } })
+  /* @__PURE__ */ e(w, { sx: { ml: n ? 0 : 24 } })
 ] }), m3 = () => {
-  const { accounts: t } = k(), { selectedAccount: o, selectedMember: n } = R();
+  const { accounts: t } = k(), { selectedAccount: o, selectedMember: n } = S();
   return t.filter(
     (i) => i.member_guid === n.guid && n.successfully_aggregated_at && i.guid !== o.guid
   );
 }, p3 = () => {
-  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = R(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = I(), { modifyTransactionByAccountGuid: M } = m1(), w = async (p) => {
+  const [t, o] = h.useState(!1), [n, i] = h.useState(!1), [c, l] = h.useState(!1), [u, a] = h.useState({}), { selectedAccount: r } = S(), { mergeAccounts: m, updateAccount: _ } = k(), { accounts: s } = y(), H = m3(), { onEvent: v } = I(), { modifyTransactionByAccountGuid: M } = m1(), b = async (p) => {
     await _({
       ...r,
       ...p
@@ -135,13 +135,13 @@ const d3 = (t, o) => {
     );
   };
   return /* @__PURE__ */ C(x, { children: [
-    /* @__PURE__ */ e(B, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "XSmall", children: s.actions }) }),
+    /* @__PURE__ */ e(U, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: s.actions }) }),
     /* @__PURE__ */ e(
       J,
       {
         ariaPressed: r.is_hidden,
         onClick: () => {
-          w({ is_hidden: !r.is_hidden }), v(S.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          b({ is_hidden: !r.is_hidden }), v(R.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
         primaryText: r.is_hidden ? s.unhide_account : s.hide_Account,
         secondaryText: r.is_hidden ? s.include_this_account : s.exclude_this_account,
@@ -152,7 +152,7 @@ const d3 = (t, o) => {
       J,
       {
         onClick: () => {
-          o(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), v(R.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
@@ -166,7 +166,7 @@ const d3 = (t, o) => {
       {
         isLast: !0,
         onClick: () => {
-          i(!0), v(S.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          i(!0), v(R.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
@@ -186,7 +186,7 @@ const d3 = (t, o) => {
         onClose: () => {
           o(!1);
         },
-        onPrimaryAction: () => w({ is_closed: !r.is_closed }),
+        onPrimaryAction: () => b({ is_closed: !r.is_closed }),
         children: /* @__PURE__ */ e(g, { truncate: !1, children: f(
           r.is_closed ? s.this_will_resume_updating_the_balance : s.this_will_set_the_balance_of_your_account,
           r.name
@@ -204,7 +204,7 @@ const d3 = (t, o) => {
           const Z = H.indexOf(p) === H.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              U,
+              B,
               {
                 account: p,
                 onRowClick: () => {
@@ -375,9 +375,9 @@ const d3 = (t, o) => {
       };
     default: {
       const i = () => {
-        const c = t.successfully_aggregated_at ? P1(t.successfully_aggregated_at) : void 0, l = c && s1(c, l1.TIME_STAMP_HOUR_MINUTE);
+        const c = t.successfully_aggregated_at ? W1(t.successfully_aggregated_at) : void 0, l = c && s1(c, l1.TIME_STAMP_HOUR_MINUTE);
         if (l)
-          return W1(c) ? f(o.last_updated_at, o.today, l) : B1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
+          return P1(c) ? f(o.last_updated_at, o.today, l) : U1(c) ? f(o.last_updated_at, o.yesterday, l) : f(
             o.last_updated_at,
             s1(c, l1.MONTH_DAY_YEAR),
             l
@@ -399,7 +399,7 @@ const d3 = (t, o) => {
 }, L3 = () => {
   const [t, o] = h.useState(!1), {
     palette: { mode: n }
-  } = N1(), { selectedMember: i } = R(), { accounts: c, connect: l } = y(), u = V1(i, l), a = p1.includes(i.connection_status) ? {
+  } = N1(), { selectedMember: i } = S(), { accounts: c, connect: l } = y(), u = V1(i, l), a = p1.includes(i.connection_status) ? {
     color: "error.main",
     ctaCopy: u.cta ?? "",
     icon: /* @__PURE__ */ e(g1, { filled: !0, sx: { ...q } }),
@@ -412,7 +412,7 @@ const d3 = (t, o) => {
     secondaryMessage: u.title
   };
   return /* @__PURE__ */ C(x, { children: [
-    /* @__PURE__ */ e(B, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "XSmall", children: c.connection_status }) }),
+    /* @__PURE__ */ e(U, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(g, { bold: !0, component: "h2", variant: "caption", children: c.connection_status }) }),
     /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: i.is_manual || !a.ctaCopy ? /* @__PURE__ */ C(e1, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(j, { backingSx: { backgroundColor: a.color, borderRadius: 1 }, size: 32, children: a.icon }) }),
       /* @__PURE__ */ e(O, { primary: a.mainMessage, secondary: a.secondaryMessage })
@@ -425,13 +425,13 @@ const d3 = (t, o) => {
           secondary: a.secondaryMessage && /* @__PURE__ */ C(x, { children: [
             a.secondaryMessage,
             " ",
-            /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: a.ctaCopy })
+            /* @__PURE__ */ e(g, { bold: !0, sx: { color: "action.active" }, variant: "caption", children: a.ctaCopy })
           ] })
         }
       ),
       /* @__PURE__ */ e(F, { name: "chevron_right" })
     ] }) }),
-    /* @__PURE__ */ e(b, { sx: { ml: i.is_manual || !i.institution_url ? 0 : 24 } }),
+    /* @__PURE__ */ e(w, { sx: { ml: i.is_manual || !i.institution_url ? 0 : 24 } }),
     !i.is_manual && i.institution_url && /* @__PURE__ */ C(x, { children: [
       /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ C($, { component: "a", href: i.institution_url, target: "_blank", children: [
         /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
@@ -456,7 +456,7 @@ const d3 = (t, o) => {
         /* @__PURE__ */ e(O, { primary: i.name, secondary: i.institution_url }),
         /* @__PURE__ */ e(F, { name: "launch" })
       ] }) }),
-      /* @__PURE__ */ e(b, {})
+      /* @__PURE__ */ e(w, {})
     ] }),
     t && /* @__PURE__ */ e(
       z,
@@ -469,7 +469,7 @@ const d3 = (t, o) => {
     )
   ] });
 }, f3 = V(L3), g3 = ({ field: t, isOpen: o, onClose: n }) => {
-  const { updateAccount: i } = k(), { selectedAccount: c } = R(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [r, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
+  const { updateAccount: i } = k(), { selectedAccount: c } = S(), { accounts: l } = y(), [u, a] = h.useState(c[t.name]), [r, m] = h.useState(""), [_, s] = h.useState(!0), H = () => {
     a(""), m(""), n();
   }, v = () => {
     switch (t.type) {
@@ -511,7 +511,7 @@ const d3 = (t, o) => {
         return /* @__PURE__ */ e(Y1, { dateAdapter: $1, children: /* @__PURE__ */ e(
           G1,
           {
-            maxDate: U1(/* @__PURE__ */ new Date(), 1),
+            maxDate: B1(/* @__PURE__ */ new Date(), 1),
             minDate: /* @__PURE__ */ new Date(),
             onChange: (d) => {
               c[t.name] && Number(c[t.name]) <= 31 ? a(d.getDate()) : a(d);
@@ -541,7 +541,7 @@ const d3 = (t, o) => {
             inputProps: {
               "aria-label": t.placeholder
             },
-            onChange: w,
+            onChange: b,
             placeholder: t.placeholder
           }
         );
@@ -551,7 +551,7 @@ const d3 = (t, o) => {
       ...c,
       [t.name]: u
     }), H();
-  }, w = (d) => {
+  }, b = (d) => {
     a(d.target.value), t.validation && m(t.validation(d.target.value));
   };
   return /* @__PURE__ */ e(
@@ -577,7 +577,7 @@ const d3 = (t, o) => {
     }
   );
 }, H3 = V(g3), A3 = () => {
-  const t = window.app?.config, { onEvent: o } = I(), { selectedAccount: n } = R(), { accounts: i } = y(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, m] = h.useState(c[0]), _ = c.filter(
+  const t = window.app?.config, { onEvent: o } = I(), { selectedAccount: n } = S(), { accounts: i } = y(), c = D1(n, i), l = n.member_is_managed_by_user || !n.member_is_managed_by_user && t.enable_renaming_home_accounts, [u, a] = h.useState(!1), [r, m] = h.useState(c[0]), _ = c.filter(
     (s) => l || n[s.name] || n[s.name] === 0
   );
   return /* @__PURE__ */ C(x, { children: [
@@ -603,10 +603,10 @@ const d3 = (t, o) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ e(b, { sx: { ml: v ? 0 : 24 } })
+        /* @__PURE__ */ e(w, { sx: { ml: v ? 0 : 24 } })
       ] }) : H && /* @__PURE__ */ C(x, { children: [
         /* @__PURE__ */ e(D, { sx: { backgroundColor: "background.paper", px: 24 }, children: M }),
-        /* @__PURE__ */ e(b, { sx: { ml: v ? 0 : 24 } })
+        /* @__PURE__ */ e(w, { sx: { ml: v ? 0 : 24 } })
       ] }) }, s.name);
     }),
     u && r && /* @__PURE__ */ e(
@@ -620,13 +620,13 @@ const d3 = (t, o) => {
   ] });
 }, V3 = V(A3), v3 = () => {
   const { onEvent: t } = I();
-  return h.useEffect(() => t(S.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(E, { children: [
+  return h.useEffect(() => t(R.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ C(E, { children: [
     /* @__PURE__ */ e(V3, {}),
     /* @__PURE__ */ e(f3, {}),
     /* @__PURE__ */ e(_3, {})
   ] });
 }, M3 = V(v3), y3 = ({ setTabValue: t }) => {
-  const [o, n] = h.useState(!1), { selectedMember: i } = R(), { accounts: c, connect: l } = y(), u = i.connection_status && p1.includes(i.connection_status);
+  const [o, n] = h.useState(!1), { selectedMember: i } = S(), { accounts: c, connect: l } = y(), u = i.connection_status && p1.includes(i.connection_status);
   if (h.useEffect(() => {
     u && t(1);
   }, [u]), !u) return;
@@ -657,8 +657,8 @@ const d3 = (t, o) => {
               }
             },
             children: [
-              a.title && /* @__PURE__ */ e(e3, { sx: { fontWeight: 600, marginTop: 2 }, variant: "Body", children: a.title }),
-              /* @__PURE__ */ e(g, { component: "p", sx: { whiteSpace: "wrap" }, variant: "ParagraphSmall", children: a.main }),
+              a.title && /* @__PURE__ */ e(e3, { sx: { fontWeight: 600, marginTop: 2 }, variant: "body1", children: a.title }),
+              /* @__PURE__ */ e(g, { component: "p", sx: { whiteSpace: "wrap" }, variant: "subtitle2", children: a.main }),
               a.cta && /* @__PURE__ */ e(
                 t3,
                 {
@@ -682,8 +682,8 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, x3 = V(y3), w3 = () => {
-  const [t, o] = h.useState(""), { onEvent: n } = I(), { selectedAccount: i } = R(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
+}, x3 = V(y3), b3 = () => {
+  const [t, o] = h.useState(""), { onEvent: n } = I(), { selectedAccount: i } = S(), { accounts: c } = y(), { isTransactionDataLoaded: l, loadTransactionData: u, setFilter: a, sortedTransactions: r } = m1();
   h.useEffect(() => {
     l || u().finally();
   }, []);
@@ -696,7 +696,7 @@ const d3 = (t, o) => {
       dateRange: { start: o3(i3(), 90), end: c3() },
       accounts: [i.guid]
     });
-  }, [i]), h.useEffect(() => n(S.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(x, { children: [
+  }, [i]), h.useEffect(() => n(R.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ C(x, { children: [
     /* @__PURE__ */ e(a3, { onClick: o }),
     m && /* @__PURE__ */ e(
       t1,
@@ -709,7 +709,7 @@ const d3 = (t, o) => {
       }
     )
   ] });
-}, b3 = V(w3), S3 = () => {
+}, w3 = V(b3), R3 = () => {
   const [t, o] = h.useState(0), { accounts: n } = y();
   return /* @__PURE__ */ C(x, { children: [
     /* @__PURE__ */ e(x3, { setTabValue: o }),
@@ -742,11 +742,11 @@ const d3 = (t, o) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(r1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(b3, {}) }),
+    /* @__PURE__ */ e(r1, { index: 0, name: "transaction-details", value: t, children: /* @__PURE__ */ e(w3, {}) }),
     /* @__PURE__ */ e(r1, { index: 1, name: "account-details", value: t, children: /* @__PURE__ */ e(M3, {}) })
   ] });
-}, R3 = V(S3), T3 = () => {
-  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = R(), { members: u } = k(), { onEvent: a } = I(), r = [...new Set(i.map((d) => d.account_type))], m = i.find((d) => t === d.guid), _ = h.useMemo(
+}, S3 = V(R3), T3 = () => {
+  const [t, o] = h.useState(""), { accounts: n } = y(), { allSelectedAccounts: i } = G(), { setSelectedAccount: c, setSelectedMember: l } = S(), { members: u } = k(), { onEvent: a } = I(), r = [...new Set(i.map((d) => d.account_type))], m = i.find((d) => t === d.guid), _ = h.useMemo(
     () => i.filter((d) => d.is_hidden),
     [i]
   ), s = h.useMemo(
@@ -764,33 +764,33 @@ const d3 = (t, o) => {
     }
   }, [m, t]);
   const M = (d) => {
-    o(d.guid), a(S.ACCOUNTS_CLICK_ACCOUNT, {
+    o(d.guid), a(R.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: d.guid,
       account_type: d.account_type
     });
-  }, w = (d) => {
+  }, b = (d) => {
     const p = d === "hidden" ? _ : s, Z = d === "hidden" ? H : v, A = d === "hidden" ? n.account_hidden : n.account_closed;
     return /* @__PURE__ */ e(c1, { children: /* @__PURE__ */ e(
       E,
       {
         "aria-label": A,
-        subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
-          W,
+        subheader: /* @__PURE__ */ e(U, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+          P,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: A }),
-              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(Z, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: A }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(Z, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(W, { children: p.map((T, P, v1) => {
-          const K = P === v1.length - 1;
+        children: /* @__PURE__ */ e(P, { children: p.map((T, W, v1) => {
+          const K = W === v1.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              U,
+              B,
               {
                 account: T,
                 onRowClick: () => M(T),
@@ -798,7 +798,7 @@ const d3 = (t, o) => {
               }
             ),
             d === "hidden" ? /* @__PURE__ */ e(
-              b,
+              w,
               {
                 sx: {
                   mb: K ? 24 : 4,
@@ -806,7 +806,7 @@ const d3 = (t, o) => {
                 }
               }
             ) : !K && /* @__PURE__ */ e(
-              b,
+              w,
               {
                 sx: {
                   mb: 4,
@@ -831,23 +831,23 @@ const d3 = (t, o) => {
         E,
         {
           "aria-label": n.account_type_accounts[p[0]?.account_type],
-          subheader: /* @__PURE__ */ e(B, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
-            W,
+          subheader: /* @__PURE__ */ e(U, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ C(
+            P,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: n.account_types[d] }),
-                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: d1(Z, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: n.account_types[d] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "body1", children: d1(Z, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(W, { children: p.map((A) => {
-            const T = i.indexOf(A) === i.length - 1, P = p.indexOf(A) === p.length - 1;
+          children: /* @__PURE__ */ e(P, { children: p.map((A) => {
+            const T = i.indexOf(A) === i.length - 1, W = p.indexOf(A) === p.length - 1;
             return /* @__PURE__ */ C(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                U,
+                B,
                 {
                   account: A,
                   onRowClick: () => M(A),
@@ -855,11 +855,11 @@ const d3 = (t, o) => {
                 }
               ),
               (!T || s.length > 0 || _.length > 0) && /* @__PURE__ */ e(
-                b,
+                w,
                 {
                   sx: {
-                    mb: P ? 24 : 4,
-                    ml: P ? 24 : 68
+                    mb: W ? 24 : 4,
+                    ml: W ? 24 : 68
                   }
                 }
               )
@@ -869,8 +869,8 @@ const d3 = (t, o) => {
         d
       );
     }),
-    _.length > 0 && w("hidden"),
-    s.length > 0 && w("closed"),
+    _.length > 0 && b("hidden"),
+    s.length > 0 && b("closed"),
     /* @__PURE__ */ C(
       t1,
       {
@@ -880,7 +880,7 @@ const d3 = (t, o) => {
         title: n.account_details,
         children: [
           /* @__PURE__ */ e(x1, { ChartComponent: h3 }),
-          /* @__PURE__ */ e(R3, {})
+          /* @__PURE__ */ e(S3, {})
         ]
       }
     )
@@ -893,23 +893,23 @@ const d3 = (t, o) => {
   }), h.useEffect(() => {
     a || r().finally();
   }, []);
-  const w = () => {
-    i(!0), M(S.ACCOUNTS_CLICK_CONNECT);
+  const b = () => {
+    i(!0), M(R.ACCOUNTS_CLICK_CONNECT);
   }, d = () => {
-    l(!0), M(S.ACCOUNTS_CLICK_CONNECT);
+    l(!0), M(R.ACCOUNTS_CLICK_CONNECT);
   };
   return s ? /* @__PURE__ */ C(
     r3,
     {
       actions: u.show_connections_widget_in_master ? [
-        { iconName: "add", label: m.add, onClick: w },
+        { iconName: "add", label: m.add, onClick: b },
         {
           iconName: "credit_card_gear",
           label: m.manage,
           onClick: d
         }
       ] : [],
-      onAccountsFilterClick: () => M(S.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => M(R.ACCOUNTS_CLICK_FILTER),
       onBackClick: t,
       sx: o,
       title: m.title,
@@ -937,7 +937,7 @@ const d3 = (t, o) => {
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, Q4 = V(D3);
+}, Q2 = V(D3);
 function k3(t) {
   const { heldAccounts: o, externalAccounts: n } = t.reduce(
     (i, c) => (c.member_is_managed_by_user ? i.externalAccounts.push(c) : i.heldAccounts.push(c), i),
@@ -987,20 +987,20 @@ const Z3 = {
           const s = r.indexOf(m) === r.length - 1;
           return /* @__PURE__ */ C(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              U,
+              B,
               {
                 account: m,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !s && /* @__PURE__ */ e(b, { "aria-hidden": "true", variant: "inset" })
+            !s && /* @__PURE__ */ e(w, { "aria-hidden": "true", variant: "inset" })
           ] }, `account-item${_}`);
         })
       ] }) : /* @__PURE__ */ e(h1, { sx: { px: 12, py: 8 }, variant: "list" })
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, e2 = V(N3), O3 = () => /* @__PURE__ */ C(
+}, e4 = V(N3), O3 = () => /* @__PURE__ */ C(
   "svg",
   {
     fill: "none",
@@ -1451,12 +1451,12 @@ const Z3 = {
           mt: 16,
           textAlign: "center"
         },
-        variant: "Paragraph",
+        variant: "subtitle1",
         children: t.mini_widget_content
       }
     )
   ] });
-}, P3 = V(F3), W3 = ({
+}, W3 = V(F3), P3 = ({
   onPrimaryCtaClick: t = () => {
   },
   sx: o
@@ -1476,7 +1476,7 @@ const Z3 = {
       sx: o,
       title: i.mini_title,
       children: [
-        /* @__PURE__ */ e(P3, {}),
+        /* @__PURE__ */ e(W3, {}),
         c && /* @__PURE__ */ e(
           z,
           {
@@ -1488,19 +1488,19 @@ const Z3 = {
       ]
     }
   ) : /* @__PURE__ */ e(o1, {});
-}, t2 = V(W3);
+}, t4 = V(P3);
 export {
-  l2 as AccountApi,
-  R3 as AccountDetailsContent,
+  l4 as AccountApi,
+  S3 as AccountDetailsContent,
   x1 as AccountDetailsHeader,
-  d2 as AccountStore,
-  e2 as AccountsMiniWidget,
-  Q4 as AccountsWidget,
-  t2 as ConnectMiniWidget,
+  d4 as AccountStore,
+  e4 as AccountsMiniWidget,
+  Q2 as AccountsWidget,
+  t4 as ConnectMiniWidget,
   X as FieldType,
-  a2 as MemberConnectionStatus,
-  i2 as getAccountBalanceDetails,
+  a4 as MemberConnectionStatus,
+  i4 as getAccountBalanceDetails,
   D1 as getAccountDetailFields,
-  R as useAccountUiStore,
+  S as useAccountUiStore,
   m3 as useGetMergeableAccounts
 };

package/dist/accounts/utils/Accounts.d.ts

@@ -4,4 +4,4 @@ export declare const isManual: (account: Account) => boolean;
 export declare const usesCreditLimitField: (account: Account) => boolean;
 export declare const usesInterestRateField: (account: Account) => boolean;
 export declare const usesOriginalBalanceField: (account: Account) => boolean;
-export declare const augmentAccounts: (accounts: Account[], institutions: Institution[], members: Member[], shouldExcludeExternalAccounts: boolean) => DetailedAccount[];
+export declare const augmentAccounts: (accounts: Account[], institutions: Institution[], members: Member[], shouldExcludeExternalAccounts: boolean, shouldExcludeHeldAccounts: boolean) => DetailedAccount[];