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

package/dist/accounts/index.es.js

@@ -1,81 +1,117 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import d from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import s from "react";
 import { observer as g } from "mobx-react-lite";
-import { Text as v } from "@mxenabled/mxui";
-import O from "@mui/material/Box";
+import B 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 y from "@mui/material/Divider";
-import W from "@mui/material/List";
-import I from "@mui/material/ListSubheader";
-import A from "@mui/system/Stack";
-import { A as z } from "../AccountDetailsContent-CAM9y39M.mjs";
-import { u as U1 } from "../AccountDetailsContent-CAM9y39M.mjs";
-import { u as P, A as Y } from "../AccountDetailsHeader-JtSX6Uf9.mjs";
-import { A as D } from "../AccountListItem-JFMZROh7.mjs";
-import { a as q } from "../AccountFields-C9FlatNb.mjs";
-import { g as j1, b as G1 } from "../AccountFields-C9FlatNb.mjs";
-import { u as R, b as w, d as k, g as U, a as J } from "../hooks-D6XlXHf4.mjs";
-import { f as N } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { D as Q } from "../Drawer-kEE73B87.mjs";
-import { A as S, W as X } from "../WidgetContainer-BHWANqT4.mjs";
-import T from "@mui/material/Stack";
-import _ from "@mui/material/Skeleton";
-import { u as $ } from "../useScreenSize-B6JyS_Lj.mjs";
-import { C as e1 } from "../ConnectionsDrawer-ByGQE7D5.mjs";
-import { L as b } from "../Loader-DUaFpDGv.mjs";
-import { l as j, m as t1 } from "../ConnectDrawer-BQNs-hjk.mjs";
-import { F as z1, f as P1 } from "../ConnectDrawer-BQNs-hjk.mjs";
-import l1 from "@mui/material/ListItem";
-import { M as G } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import { A as q1, a as J1 } from "../AccountStore-BgNOyMdp.mjs";
-const n1 = () => {
-  const [c, a] = d.useState(""), { accounts: n } = R(), { selectedAccounts: l } = w(), { setSelectedAccount: H, setSelectedMember: L } = P(), { members: u } = k(), { onEvent: p } = U(), m = [...new Set(l.map((t) => t.account_type))], r = l.find((t) => c === t.guid), s = d.useMemo(
+import E from "@mui/material/List";
+import O 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";
+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);
+}, H1 = (o, C, n) => {
+  const [l, u] = o, i = l, L = u ?? l, d = [];
+  if (i && L && Y.includes(C)) {
+    const h = i[i.length - 1].y;
+    d.push({ label: n.income_label, amount: h });
+  } else if ($.includes(C)) {
+    const h = i[i.length - 1].y;
+    d.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 });
+  }
+  return d;
+}, 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);
+  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
+    e1,
+    {
+      colors: u,
+      datasets: i,
+      height: 185,
+      labels: L,
+      showAverage: d,
+      showBars: d,
+      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(
     () => l.filter((t) => t.is_hidden),
     [l]
-  ), h = d.useMemo(
+  ), f = s.useMemo(
     () => l.filter((t) => t.is_closed),
     [l]
-  ), M = s.reduce(
-    (t, o) => (o.available_balance || o.balance || 0) + t,
+  ), M = H.reduce(
+    (t, a) => (a.available_balance || a.balance || 0) + t,
     0
-  ), F = q(h, n);
-  d.useEffect(() => {
-    if (r) {
-      H(r);
-      const t = u.find((o) => o.guid === r?.member_guid) || {};
-      t && L(t);
+  ), R = c1(f, n);
+  s.useEffect(() => {
+    if (p) {
+      u(p);
+      const t = L.find((a) => a.guid === p?.member_guid) || {};
+      t && i(t);
     }
-  }, [r, c]);
-  const V = (t) => {
-    a(t.guid), p(S.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [p, o]);
+  const _ = (t) => {
+    C(t.guid), d(b.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
       account_type: t.account_type
     });
-  }, Z = (t) => {
-    const o = t === "hidden" ? s : h, B = t === "hidden" ? M : F, C = t === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
-      W,
+  }, 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(
+      E,
       {
-        "aria-label": C,
-        subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
-          A,
+        "aria-label": c,
+        subheader: /* @__PURE__ */ e(O, { 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: "Body", children: C }),
-              /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: N(B, "0,0.00") })
+              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: c }),
+              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(A, { children: o.map((f, x, K) => {
-          const E = x === K.length - 1;
-          return /* @__PURE__ */ i(d.Fragment, { children: [
+        children: /* @__PURE__ */ e(x, { children: a.map((m, Z, J) => {
+          const k = Z === J.length - 1;
+          return /* @__PURE__ */ r(s.Fragment, { children: [
             /* @__PURE__ */ e(
-              D,
+              T,
               {
-                account: f,
-                onRowClick: () => V(f),
+                account: m,
+                onRowClick: () => _(m),
                 shouldShowConnectionStatus: !0
               }
             ),
@@ -83,11 +119,11 @@ const n1 = () => {
               y,
               {
                 sx: {
-                  mb: E ? 24 : 4,
-                  ml: E ? 24 : 68
+                  mb: k ? 24 : 4,
+                  ml: k ? 24 : 68
                 }
               }
-            ) : !E && /* @__PURE__ */ e(
+            ) : !k && /* @__PURE__ */ e(
               y,
               {
                 sx: {
@@ -96,177 +132,170 @@ const n1 = () => {
                 }
               }
             )
-          ] }, f.guid);
+          ] }, m.guid);
         }) })
       }
     ) });
   };
-  return /* @__PURE__ */ i(O, { sx: { pt: 24 }, children: [
-    m.map((t) => {
-      const o = l.filter(
-        (C) => C.account_type === t && !C.is_closed && !C.is_hidden
-      ), B = o.reduce(
-        (C, f) => (f.balance || 0) + C,
+  return /* @__PURE__ */ r(N, { sx: { pt: 24 }, children: [
+    h.map((t) => {
+      const a = l.filter(
+        (c) => c.account_type === t && !c.is_closed && !c.is_hidden
+      ), A = a.reduce(
+        (c, m) => (m.balance || 0) + c,
         0
       );
-      return o.length === 0 ? null : /* @__PURE__ */ e(
-        W,
+      return a.length === 0 ? null : /* @__PURE__ */ e(
+        E,
         {
-          "aria-label": n.account_type_accounts[o[0]?.account_type],
-          subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
-            A,
+          "aria-label": n.account_type_accounts[a[0]?.account_type],
+          subheader: /* @__PURE__ */ e(O, { 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: "Body", children: n.account_types[t] }),
-                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: N(B, "0,0.00") })
+                /* @__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") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(A, { children: o.map((C) => {
-            const f = l.indexOf(C) === l.length - 1, x = o.indexOf(C) === o.length - 1;
-            return /* @__PURE__ */ i(d.Fragment, { children: [
+          children: /* @__PURE__ */ e(x, { children: a.map((c) => {
+            const m = l.indexOf(c) === l.length - 1, Z = a.indexOf(c) === a.length - 1;
+            return /* @__PURE__ */ r(s.Fragment, { children: [
               /* @__PURE__ */ e(
-                D,
+                T,
                 {
-                  account: C,
-                  onRowClick: () => V(C),
+                  account: c,
+                  onRowClick: () => _(c),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!f || h.length > 0 || s.length > 0) && /* @__PURE__ */ e(
+              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
                 y,
                 {
                   sx: {
-                    mb: x ? 24 : 4,
-                    ml: x ? 24 : 68
+                    mb: Z ? 24 : 4,
+                    ml: Z ? 24 : 68
                   }
                 }
               )
-            ] }, C.guid);
+            ] }, c.guid);
           }) })
         },
         t
       );
     }),
-    s.length > 0 && Z("hidden"),
-    h.length > 0 && Z("closed"),
-    /* @__PURE__ */ i(
-      Q,
+    H.length > 0 && w("hidden"),
+    f.length > 0 && w("closed"),
+    /* @__PURE__ */ r(
+      a1,
       {
         ariaLabelClose: n.close_account_details_aria,
-        isOpen: !!c,
-        onClose: () => a(""),
+        isOpen: !!o,
+        onClose: () => C(""),
         title: n.account_details,
         children: [
-          /* @__PURE__ */ e(Y, {}),
-          /* @__PURE__ */ e(z, {})
+          /* @__PURE__ */ e(X, { ChartComponent: f1 }),
+          /* @__PURE__ */ e(s1, {})
         ]
       }
     )
   ] });
-}, i1 = g(n1), o1 = g(() => {
-  const { accounts: c } = R(), { isDesktop: a } = $(), { selectedAccountGuids: n } = w(), { isAccountDataLoaded: l } = k();
-  return l ? /* @__PURE__ */ i(T, { sx: { px: a ? 24 : 12 }, children: [
-    n.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
-    /* @__PURE__ */ e(i1, {})
-  ] }) : /* @__PURE__ */ i(T, { gap: 24, children: [
-    /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" }),
-    /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" }),
-    /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" }),
-    /* @__PURE__ */ e(_, { height: 150, sx: { m: 24 }, variant: "rounded" })
-  ] });
-}), C1 = ({ onBackClick: c, sx: a = {} }) => {
-  const [n, l] = d.useState(!1), [H, L] = d.useState(!1), { config: u } = J(), { detailedAccounts: p, isAccountDataLoaded: m, loadAccountData: r } = k(), { accounts: s, connect: h } = R(), { isInitialized: M, setSelectedAccounts: F } = w(), { onEvent: V } = U();
-  d.useEffect(() => {
-    m || r().finally();
-  }, []), d.useEffect(() => {
-    F(p);
-  }, [p]);
-  const Z = () => {
-    l(!0), V?.(S.ACCOUNTS_CLICK_CONNECT);
-  }, t = () => {
-    L(!0), V?.(S.ACCOUNTS_CLICK_CONNECT);
+}, 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();
+  s.useEffect(() => {
+    h || p().finally();
+  }, []), s.useEffect(() => {
+    _(d);
+  }, [d]), s.useEffect(() => {
+    h && a?.("AccountsWidget");
+  }, [h]);
+  const A = () => {
+    l(!0), t(b.ACCOUNTS_CLICK_CONNECT);
+  }, c = () => {
+    i(!0), t(b.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!M)
-    return /* @__PURE__ */ e(b, {});
-  const o = u.show_connections_widget_in_master ? [
-    { iconName: "add", label: s.add, onClick: Z },
-    {
-      iconName: "credit_card_gear",
-      label: s.manage,
-      onClick: t
-    }
-  ] : [];
-  return /* @__PURE__ */ i(
-    X,
+  return M ? /* @__PURE__ */ r(
+    r1,
     {
-      accountOptions: p,
-      actions: o,
-      onAccountsFilterClick: () => V?.(S.ACCOUNTS_CLICK_FILTER),
-      onBackClick: c,
-      sx: a,
-      title: s.title,
+      accountOptions: d,
+      actions: L.show_connections_widget_in_master ? [
+        { iconName: "add", label: H.add, onClick: A },
+        {
+          iconName: "credit_card_gear",
+          label: H.manage,
+          onClick: c
+        }
+      ] : [],
+      onAccountsFilterClick: () => t(b.ACCOUNTS_CLICK_FILTER),
+      onBackClick: o,
+      sx: C,
+      title: H.title,
       children: [
-        /* @__PURE__ */ e(o1, {}),
+        h ? /* @__PURE__ */ r(B, { 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,
-            title: h.mini_title
+            title: f.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          e1,
+          u1,
           {
-            onClose: () => L(!1),
-            showConnectionsWidget: H,
-            title: s.manage_connections
+            onClose: () => i(!1),
+            showConnectionsWidget: u,
+            title: H.manage_connections
           }
         )
       ]
     }
-  );
-}, D1 = g(C1), d1 = ({ onPrimaryCtaClick: c, sx: a }) => {
-  const { visibleAccounts: n } = k(), { accounts: l } = R(), { isCopyLoaded: H, isInitialized: L, selectedAccounts: u, setSelectedAccounts: p } = w(), { isDesktop: m } = $();
-  d.useEffect(() => {
-    p(n);
+  ) : /* @__PURE__ */ e(D, {});
+}, 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();
+  s.useEffect(() => {
+    l || u().finally();
+  }, []), s.useEffect(() => {
+    h(n);
   }, [n]);
-  const r = d.useMemo(
-    () => t1(u, m ? 5 : 3),
-    [u, m]
+  const H = s.useMemo(
+    () => d1(d, p ? 5 : 3),
+    [d, p]
   );
-  return H ? /* @__PURE__ */ e(
-    G,
+  return L ? /* @__PURE__ */ e(
+    q,
     {
       className: "mx-exp-accounts-miniwidget",
-      onPrimaryCtaClick: c,
-      primaryCtaLabel: l.primary_cta,
-      sx: a,
-      title: l.mini_title,
-      children: L ? /* @__PURE__ */ i(W, { children: [
-        u.length === 0 && /* @__PURE__ */ e(l1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
-        r.map((s, h) => {
-          const M = r.indexOf(s) === r.length - 1;
-          return /* @__PURE__ */ i(d.Fragment, { children: [
+      onPrimaryCtaClick: o,
+      primaryCtaLabel: i.primary_cta,
+      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 }),
+        H.map((f, M) => {
+          const R = H.indexOf(f) === H.length - 1;
+          return /* @__PURE__ */ r(s.Fragment, { children: [
             /* @__PURE__ */ e(
-              D,
+              T,
               {
-                account: s,
+                account: f,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !M && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${h}`);
+            !R && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${M}`);
         })
-      ] }) : /* @__PURE__ */ e(b, {})
+      ] }) : /* @__PURE__ */ e(U, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(b, {});
-}, T1 = g(d1), c1 = () => /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ e(D, {});
+}, l3 = g(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
     fill: "none",
@@ -274,7 +303,7 @@ const n1 = () => {
     viewBox: "0 0 272 66",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ i("g", { opacity: "0.35", children: [
+      /* @__PURE__ */ r("g", { opacity: "0.35", children: [
         /* @__PURE__ */ e("rect", { fill: "#CD1141", height: "40.3437", rx: "2.81371", width: "39.6876", x: "19.6553" }),
         /* @__PURE__ */ e(
           "path",
@@ -560,7 +589,7 @@ const n1 = () => {
           children: /* @__PURE__ */ e("rect", { fill: "white", height: "47.5848", rx: "3.31025", width: "46.8064", x: "113.168", y: "18.1035" })
         }
       ),
-      /* @__PURE__ */ i("g", { mask: "url(#mask1_6197_80303)", children: [
+      /* @__PURE__ */ r("g", { mask: "url(#mask1_6197_80303)", children: [
         /* @__PURE__ */ e(
           "mask",
           {
@@ -705,65 +734,65 @@ const n1 = () => {
       )
     ]
   }
-), s1 = () => {
-  const { connect: c } = R();
-  return /* @__PURE__ */ i(T, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(c1, {}),
+), R1 = () => {
+  const { connect: o } = v();
+  return /* @__PURE__ */ r(B, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
-      v,
+      V,
       {
         sx: {
           whiteSpace: "wrap",
           mt: 16,
           textAlign: "center"
         },
-        variant: "Paragraph",
-        children: c.mini_widget_content
+        variant: "subtitle1",
+        children: o.mini_widget_content
       }
     )
   ] });
-}, a1 = g(s1), r1 = ({
-  onPrimaryCtaClick: c = () => {
+}, w1 = g(R1), A1 = ({
+  onPrimaryCtaClick: o = () => {
   },
-  sx: a
+  sx: C
 }) => {
-  const { isCopyLoaded: n } = w(), { connect: l } = R(), [H, L] = d.useState(!1), u = () => {
-    L(!0), c();
+  const { isCopyLoaded: n } = S(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
+    i(!0), o();
   };
-  return n ? /* @__PURE__ */ i(
-    G,
+  return n ? /* @__PURE__ */ r(
+    q,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: u,
+      onPrimaryCtaClick: L,
       primaryCtaLabel: l.primary_cta,
-      sx: a,
+      sx: C,
       title: l.mini_title,
       children: [
-        /* @__PURE__ */ e(a1, {}),
-        H && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(w1, {}),
+        u && /* @__PURE__ */ e(
           j,
           {
-            onClose: () => L(!1),
-            showConnectWidget: H,
+            onClose: () => i(!1),
+            showConnectWidget: u,
             title: l.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(b, {});
-}, O1 = g(r1);
+  ) : /* @__PURE__ */ e(D, {});
+}, n3 = g(A1);
 export {
-  q1 as AccountApi,
-  z as AccountDetailsContent,
-  Y as AccountDetailsHeader,
-  J1 as AccountStore,
-  T1 as AccountsMiniWidget,
-  D1 as AccountsWidget,
-  O1 as ConnectMiniWidget,
-  z1 as FieldType,
-  P1 as MemberConnectionStatus,
-  j1 as getAccountBalanceDetails,
-  G1 as getAccountDetailFields,
+  h3 as AccountApi,
+  s1 as AccountDetailsContent,
+  X as AccountDetailsHeader,
+  H3 as AccountStore,
+  l3 as AccountsMiniWidget,
+  t3 as AccountsWidget,
+  n3 as ConnectMiniWidget,
+  C3 as FieldType,
+  d3 as MemberConnectionStatus,
+  s3 as getAccountBalanceDetails,
+  a3 as getAccountDetailFields,
   P as useAccountUiStore,
-  U1 as useGetMergeableAccounts
+  u3 as useGetMergeableAccounts
 };

package/dist/accounts/stores/AccountStore.d.ts

@@ -32,6 +32,8 @@ export declare class AccountStore {
     get visibleRetirementAccounts(): Account[];
     get visibleInvestmentAccounts(): DetailedAccount[];
     get visibleSavingsAccounts(): DetailedAccount[];
+    get savingsAndCheckingAccountsBalance(): number;
+    get savingsAndCheckingAccounts(): Account[];
     setAccounts: (accounts: Account[]) => void;
     setMembers: (members: Member[]) => void;
     setInstitutions: (institutions: Institution[]) => void;