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

package/dist/accounts/index.es.js

@@ -1,129 +1,129 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import s from "react";
-import { observer as g } from "mobx-react-lite";
-import B from "@mui/material/Stack";
-import { Text as V } from "@mxenabled/mxui";
-import { S as U } from "../SkeletonLoader-BaNboJjD.mjs";
-import N from "@mui/material/Box";
+import { jsx as e, jsxs as r, Fragment as J } 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 E from "@mui/material/List";
+import F from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import x from "@mui/system/Stack";
+import Z from "@mui/system/Stack";
+import { Text as g } from "@mxenabled/mxui";
 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 { u as U, A as X } from "../AccountDetailsHeader-BkG3MNYo.mjs";
+import { L as e1 } from "../LineChart-KpPw1phO.mjs";
+import { g as t1, a as n1, b as l1 } from "../SpendingData-DQ1b9uqq.mjs";
+import { m as i1, u as M, b as S, d as W, g as P, a as o1 } from "../hooks-ZMp65DFz.mjs";
+import { A as I, l as G, m as C1 } from "../ConnectDrawer-BkvlItWx.mjs";
+import { F as C3, M as d3 } from "../ConnectDrawer-BkvlItWx.mjs";
+import { I as $, P as j, S as Y } from "../Account-CvR2-dSR.mjs";
+import { a as d1 } from "../AccountFields-zCMqet85.mjs";
+import { g as s3, b as a3 } from "../AccountFields-zCMqet85.mjs";
+import { A as N } from "../AccountListItem-DHrz8Mml.mjs";
+import { A as c1 } from "../AccountDetailsContent-CitErkuS.mjs";
+import { u as L3 } from "../AccountDetailsContent-CitErkuS.mjs";
+import { f as D } from "../NumberFormatting-DjTD0t3W.mjs";
+import { D as s1 } from "../Drawer-By9V-B5L.mjs";
+import { A as x, W as a1 } from "../WidgetContainer-CoFDmQRE.mjs";
+import { C as r1 } from "../ConnectionsDrawer-VmuVFHbL.mjs";
+import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as B } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { L as w } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as q } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { A as h3, a as H3 } from "../AccountStore-HbVblv86.mjs";
+import { M as z } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
+import u1 from "@mui/material/Stack";
+import { A as h3, a as H3 } from "../AccountStore-LgfBcYMe.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 });
+  const l = $.includes(C) ? t1(o) : [], t = j.includes(C) ? n1(o) : [], L = Y.includes(C) ? l1(o) : [];
+  return [l, t, L].filter((i) => i.length > 0);
+}, H1 = (o, C, l) => {
+  const [t, L] = o, i = t, d = L ?? t, s = [];
+  if (i && d && $.includes(C)) {
+    const c = i[i.length - 1].y;
+    s.push({ label: l.income_label, amount: c });
+  } else if (j.includes(C)) {
+    const c = i[i.length - 1].y;
+    s.push({ label: l.payments_label, amount: c });
   }
-  if (L && K.includes(C)) {
-    const h = L[L.length - 1].y;
-    d.push({ label: n.spending_label, amount: h });
+  if (d && Y.includes(C)) {
+    const c = d[d.length - 1].y;
+    s.push({ label: l.spending_label, amount: c });
   }
-  return d;
+  return s;
 }, p1 = () => {
-  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), u = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), L = H1(i, C.account_type, l), d = [W.LOAN, W.MORTGAGE].includes(C.account_type);
+  const o = Q(), { selectedAccount: C } = U(), { monthlyCategoryTotals: l } = i1(), { trends: t } = M(), L = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(l, C.account_type), d = H1(i, C.account_type, t), s = [I.LOAN, I.MORTGAGE].includes(C.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
     e1,
     {
-      colors: u,
+      colors: L,
       datasets: i,
       height: 185,
-      labels: L,
-      showAverage: d,
-      showBars: d,
+      labels: d,
+      showAverage: s,
+      showBars: s,
       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]
-  ), f = s.useMemo(
-    () => l.filter((t) => t.is_closed),
-    [l]
-  ), M = H.reduce(
-    (t, a) => (a.available_balance || a.balance || 0) + t,
+}, m1 = v(p1), f1 = () => {
+  const [o, C] = h.useState(""), { accounts: l } = M(), { selectedAccounts: t } = S(), { setSelectedAccount: L, setSelectedMember: i } = U(), { members: d } = W(), { onEvent: s } = P(), c = [...new Set(t.map((n) => n.account_type))], H = t.find((n) => o === n.guid), p = h.useMemo(
+    () => t.filter((n) => n.is_hidden),
+    [t]
+  ), m = h.useMemo(
+    () => t.filter((n) => n.is_closed),
+    [t]
+  ), R = p.reduce(
+    (n, a) => (a.available_balance || a.balance || 0) + n,
     0
-  ), R = c1(f, n);
-  s.useEffect(() => {
-    if (p) {
-      u(p);
-      const t = L.find((a) => a.guid === p?.member_guid) || {};
-      t && i(t);
+  ), b = d1(m, l);
+  h.useEffect(() => {
+    if (H) {
+      L(H);
+      const n = d.find((a) => a.guid === H?.member_guid) || {};
+      n && i(n);
     }
-  }, [p, o]);
-  const _ = (t) => {
-    C(t.guid), d(b.ACCOUNTS_CLICK_ACCOUNT, {
-      account_guid: t.guid,
-      account_type: t.account_type
+  }, [H, o]);
+  const _ = (n) => {
+    C(n.guid), s(x.ACCOUNTS_CLICK_ACCOUNT, {
+      account_guid: n.guid,
+      account_type: n.account_type
     });
-  }, w = (t) => {
-    const a = t === "hidden" ? H : f, A = t === "hidden" ? M : R, c = t === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
-      E,
+  }, V = (n) => {
+    const a = n === "hidden" ? p : m, k = n === "hidden" ? R : b, u = n === "hidden" ? l.account_hidden : l.account_closed;
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+      F,
       {
-        "aria-label": c,
+        "aria-label": u,
         subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
-          x,
+          Z,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: c }),
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: u }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: D(k, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(x, { children: a.map((m, Z, J) => {
-          const k = Z === J.length - 1;
-          return /* @__PURE__ */ r(s.Fragment, { children: [
+        children: /* @__PURE__ */ e(Z, { children: a.map((f, A, q) => {
+          const T = A === q.length - 1;
+          return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              T,
+              N,
               {
-                account: m,
-                onRowClick: () => _(m),
+                account: f,
+                onRowClick: () => _(f),
                 shouldShowConnectionStatus: !0
               }
             ),
-            t === "hidden" ? /* @__PURE__ */ e(
+            n === "hidden" ? /* @__PURE__ */ e(
               y,
               {
                 sx: {
-                  mb: k ? 24 : 4,
-                  ml: k ? 24 : 68
+                  mb: T ? 24 : 4,
+                  ml: T ? 24 : 68
                 }
               }
-            ) : !k && /* @__PURE__ */ e(
+            ) : !T && /* @__PURE__ */ e(
               y,
               {
                 sx: {
@@ -132,170 +132,170 @@ const h1 = (o, C) => {
                 }
               }
             )
-          ] }, m.guid);
+          ] }, f.guid);
         }) })
       }
     ) });
   };
-  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,
+  return /* @__PURE__ */ r(E, { sx: { pt: 24 }, children: [
+    c.map((n) => {
+      const a = t.filter(
+        (u) => u.account_type === n && !u.is_closed && !u.is_hidden
+      ), k = a.reduce(
+        (u, f) => (f.balance || 0) + u,
         0
       );
       return a.length === 0 ? null : /* @__PURE__ */ e(
-        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(
-            x,
+            Z,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: n.account_types[t] }),
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: l.account_types[n] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: D(k, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(x, { children: a.map((c) => {
-            const m = l.indexOf(c) === l.length - 1, Z = a.indexOf(c) === a.length - 1;
-            return /* @__PURE__ */ r(s.Fragment, { children: [
+          children: /* @__PURE__ */ e(Z, { children: a.map((u) => {
+            const f = t.indexOf(u) === t.length - 1, A = a.indexOf(u) === a.length - 1;
+            return /* @__PURE__ */ r(h.Fragment, { children: [
               /* @__PURE__ */ e(
-                T,
+                N,
                 {
-                  account: c,
-                  onRowClick: () => _(c),
+                  account: u,
+                  onRowClick: () => _(u),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!m || f.length > 0 || H.length > 0) && /* @__PURE__ */ e(
+              (!f || m.length > 0 || p.length > 0) && /* @__PURE__ */ e(
                 y,
                 {
                   sx: {
-                    mb: Z ? 24 : 4,
-                    ml: Z ? 24 : 68
+                    mb: A ? 24 : 4,
+                    ml: A ? 24 : 68
                   }
                 }
               )
-            ] }, c.guid);
+            ] }, u.guid);
           }) })
         },
-        t
+        n
       );
     }),
-    H.length > 0 && w("hidden"),
-    f.length > 0 && w("closed"),
+    p.length > 0 && V("hidden"),
+    m.length > 0 && V("closed"),
     /* @__PURE__ */ r(
-      a1,
+      s1,
       {
-        ariaLabelClose: n.close_account_details_aria,
+        ariaLabelClose: l.close_account_details_aria,
         isOpen: !!o,
         onClose: () => C(""),
-        title: n.account_details,
+        title: l.account_details,
         children: [
-          /* @__PURE__ */ e(X, { ChartComponent: f1 }),
-          /* @__PURE__ */ e(s1, {})
+          /* @__PURE__ */ e(X, { ChartComponent: m1 }),
+          /* @__PURE__ */ e(c1, {})
         ]
       }
     )
   ] });
-}, 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);
+}, V1 = v(f1), g1 = ({ onBackClick: o, sx: C = {} }) => {
+  const [l, t] = h.useState(!1), [L, i] = h.useState(!1), { config: d } = o1(), { accounts: s } = W(), { accounts: c, connect: H } = M(), { isCopyLoaded: p, isInitialized: m, setSelectedAccounts: R, selectedAccountGuids: b } = S(), { isDesktop: _ } = K(), { onEvent: V } = P();
+  B({
+    widgetName: "AccountsWidget",
+    isLoaded: m && p
+  }), h.useEffect(() => {
+    R(s);
+  }, [s]);
+  const n = () => {
+    t(!0), V(x.ACCOUNTS_CLICK_CONNECT);
+  }, a = () => {
+    i(!0), V(x.ACCOUNTS_CLICK_CONNECT);
   };
-  return M ? /* @__PURE__ */ r(
-    r1,
+  return p ? /* @__PURE__ */ e(
+    a1,
     {
-      accountOptions: d,
-      actions: L.show_connections_widget_in_master ? [
-        { iconName: "add", label: H.add, onClick: A },
+      accountOptions: s,
+      actions: d.show_connections_widget_in_master ? [
+        { iconName: "add", label: c.add, onClick: n },
         {
           iconName: "credit_card_gear",
-          label: H.manage,
-          onClick: c
+          label: c.manage,
+          onClick: a
         }
       ] : [],
-      onAccountsFilterClick: () => t(b.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => V(x.ACCOUNTS_CLICK_FILTER),
       onBackClick: o,
       sx: C,
-      title: H.title,
-      children: [
-        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 }),
+      title: c.title,
+      children: m ? /* @__PURE__ */ r(J, { 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__ */ e(V1, {})
-        ] }) : /* @__PURE__ */ e(U, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
+        ] }),
         /* @__PURE__ */ e(
-          j,
+          G,
           {
-            onClose: () => l(!1),
-            showConnectWidget: n,
-            title: f.mini_title
+            onClose: () => t(!1),
+            showConnectWidget: l,
+            title: H.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          u1,
+          r1,
           {
             onClose: () => i(!1),
-            showConnectionsWidget: u,
-            title: H.manage_connections
+            showConnectionsWidget: L,
+            title: c.manage_connections
           }
         )
-      ]
+      ] }) : /* @__PURE__ */ e(w, {})
     }
-  ) : /* @__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 H = s.useMemo(
-    () => d1(d, p ? 5 : 3),
-    [d, p]
+  ) : /* @__PURE__ */ e(w, {});
+}, t3 = v(g1), v1 = ({ onPrimaryCtaClick: o, sx: C }) => {
+  const { visibleAccounts: l } = W(), { accounts: t } = M(), { isCopyLoaded: L, isInitialized: i, selectedAccounts: d, setSelectedAccounts: s } = S(), { isDesktop: c } = K();
+  B({
+    widgetName: "AccountsMiniWidget",
+    isLoaded: i
+  }), h.useEffect(() => {
+    s(l);
+  }, [l]);
+  const H = h.useMemo(
+    () => C1(d, c ? 5 : 3),
+    [d, c]
   );
   return L ? /* @__PURE__ */ e(
-    q,
+    z,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: o,
-      primaryCtaLabel: i.primary_cta,
+      primaryCtaLabel: t.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: [
+      title: t.mini_title,
+      children: i ? /* @__PURE__ */ r(F, { children: [
+        d.length === 0 && /* @__PURE__ */ e(L1, { sx: { justifyContent: "center" }, children: t.no_accounts }),
+        H.map((p, m) => {
+          const R = H.indexOf(p) === H.length - 1;
+          return /* @__PURE__ */ r(h.Fragment, { children: [
             /* @__PURE__ */ e(
-              T,
+              N,
               {
-                account: f,
+                account: p,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
             !R && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${M}`);
+          ] }, `account-item${m}`);
         })
-      ] }) : /* @__PURE__ */ e(U, { sx: { px: 12, py: 8 }, variant: "list" })
+      ] }) : /* @__PURE__ */ e(w, {})
     }
-  ) : /* @__PURE__ */ e(D, {});
-}, l3 = g(v1), M1 = () => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(w, {});
+}, n3 = v(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
     fill: "none",
@@ -735,64 +735,67 @@ const h1 = (o, C) => {
     ]
   }
 ), R1 = () => {
-  const { connect: o } = v();
-  return /* @__PURE__ */ r(B, { alignItems: "center", direction: "column", m: 24, children: [
+  const { connect: o } = M();
+  return /* @__PURE__ */ r(u1, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
-      V,
+      g,
       {
         sx: {
           whiteSpace: "wrap",
           mt: 16,
           textAlign: "center"
         },
-        variant: "subtitle1",
+        variant: "Paragraph",
         children: o.mini_widget_content
       }
     )
   ] });
-}, w1 = g(R1), A1 = ({
+}, w1 = v(R1), _1 = ({
   onPrimaryCtaClick: o = () => {
   },
   sx: C
 }) => {
-  const { isCopyLoaded: n } = S(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
+  const { isCopyLoaded: l } = S(), { connect: t } = M(), [L, i] = h.useState(!1), d = () => {
     i(!0), o();
   };
-  return n ? /* @__PURE__ */ r(
-    q,
+  return B({
+    widgetName: "ConnectMiniWidget",
+    isLoaded: l
+  }), l ? /* @__PURE__ */ r(
+    z,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: L,
-      primaryCtaLabel: l.primary_cta,
+      onPrimaryCtaClick: d,
+      primaryCtaLabel: t.primary_cta,
       sx: C,
-      title: l.mini_title,
+      title: t.mini_title,
       children: [
         /* @__PURE__ */ e(w1, {}),
-        u && /* @__PURE__ */ e(
-          j,
+        L && /* @__PURE__ */ e(
+          G,
           {
             onClose: () => i(!1),
-            showConnectWidget: u,
-            title: l.mini_title
+            showConnectWidget: L,
+            title: t.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(D, {});
-}, n3 = g(A1);
+  ) : /* @__PURE__ */ e(w, {});
+}, l3 = v(_1);
 export {
   h3 as AccountApi,
-  s1 as AccountDetailsContent,
+  c1 as AccountDetailsContent,
   X as AccountDetailsHeader,
   H3 as AccountStore,
-  l3 as AccountsMiniWidget,
+  n3 as AccountsMiniWidget,
   t3 as AccountsWidget,
-  n3 as ConnectMiniWidget,
+  l3 as ConnectMiniWidget,
   C3 as FieldType,
   d3 as MemberConnectionStatus,
   s3 as getAccountBalanceDetails,
   a3 as getAccountDetailFields,
-  P as useAccountUiStore,
-  u3 as useGetMergeableAccounts
+  U as useAccountUiStore,
+  L3 as useGetMergeableAccounts
 };

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

@@ -1,47 +1,44 @@
-import { Account, DetailedAccount, Institution, Member, GlobalStore } from '../../common';
+import { Account, GlobalStore, Institution, Member } from '../../common';
 import { AccountApi } from '../api/AccountApi';
 import { UiStore } from './UiStore';
 export declare class AccountStore {
     globalStore: GlobalStore;
     api: AccountApi;
     accounts: Account[];
-    accountsLoaded: boolean;
     institutions: Institution[];
-    institutionsLoaded: boolean;
     members: Member[];
-    membersLoaded: boolean;
     uiStore: UiStore;
     constructor(globalStore: GlobalStore);
-    loadAccountData: () => Promise<void>;
-    get isAccountDataLoaded(): boolean;
-    get detailedAccounts(): DetailedAccount[];
-    get cashAccounts(): DetailedAccount[];
+    loadAccountData: ({ accounts, institutions, }?: {
+        accounts?: Account[];
+        institutions?: Institution[];
+    }) => Promise<void>;
+    get cashAccounts(): Account[];
     get cashBalance(): number;
-    get checkingAccounts(): DetailedAccount[];
-    get debtAccounts(): DetailedAccount[];
-    get finstrongAccounts(): DetailedAccount[];
-    get investmentAccounts(): DetailedAccount[];
-    get savingsAccounts(): DetailedAccount[];
+    get checkingAccounts(): Account[];
+    get debtAccounts(): Account[];
+    get finstrongAccounts(): Account[];
+    get investmentAccounts(): Account[];
+    get savingsAccounts(): Account[];
     get retirementAccounts(): Account[];
-    get visibleAccounts(): DetailedAccount[];
-    get visibleCashAccounts(): DetailedAccount[];
+    get visibleAccounts(): Account[];
+    get visibleCashAccounts(): Account[];
     get visibleCashBalance(): number;
-    get visibleCheckingAccounts(): DetailedAccount[];
-    get visibleDebtAccounts(): DetailedAccount[];
-    get visibleFinstrongAccounts(): DetailedAccount[];
+    get visibleCheckingAccounts(): Account[];
+    get visibleDebtAccounts(): Account[];
+    get visibleFinstrongAccounts(): Account[];
     get visibleRetirementAccounts(): Account[];
-    get visibleInvestmentAccounts(): DetailedAccount[];
-    get visibleSavingsAccounts(): DetailedAccount[];
+    get visibleInvestmentAccounts(): Account[];
+    get visibleSavingsAccounts(): Account[];
     get savingsAndCheckingAccountsBalance(): number;
     get savingsAndCheckingAccounts(): Account[];
-    setAccounts: (accounts: Account[]) => void;
-    setMembers: (members: Member[]) => void;
-    setInstitutions: (institutions: Institution[]) => void;
     addAccount: (account: Account) => Promise<void>;
-    loadAccounts: () => Promise<void>;
-    loadInstitutions: () => Promise<void>;
+    augmentAccounts: (accounts?: Account[]) => Account[];
+    loadAccounts: (accountsOverride?: Account[]) => Promise<void>;
+    loadInstitutions: (institutionsOverride?: Institution[]) => Promise<void>;
     loadMembers: () => Promise<void>;
     mergeAccounts: (accountGuids: string[]) => Promise<void>;
+    sortAccounts: (accounts?: Account[]) => Account[];
     refreshAccounts: () => Promise<void>;
     refreshMembers: () => Promise<void>;
     removeAccount: (accountGuid: string) => Promise<void>;

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

@@ -1,7 +1,6 @@
-import { Account, DetailedAccount, Institution, Member } from '../../common';
+import { Account } from '../../common/types';
 export declare const isAccountLiability: (account: Account) => boolean;
 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[];