@mx-cartographer/experiences 7.2.16-alpha.mm0 → 7.3.0-alpha.sms1

package/dist/accounts/index.es.js

@@ -1,85 +1,85 @@
 import { jsxs as n, jsx as e, Fragment as G } from "react/jsx-runtime";
 import d from "react";
-import { observer as w } from "mobx-react-lite";
+import { observer as M } from "mobx-react-lite";
 import B from "@mui/material/Box";
-import y from "@mui/material/Divider";
+import A from "@mui/material/Divider";
 import E from "@mui/material/List";
 import O from "@mui/material/ListSubheader";
-import A from "@mui/system/Stack";
+import _ from "@mui/system/Stack";
 import { Text as v } from "@mxenabled/mxui";
-import { A as K } from "../AccountDetailsContent-CsH1w_GZ.mjs";
-import { u as N1 } from "../AccountDetailsContent-CsH1w_GZ.mjs";
-import { u as z, A as P } from "../AccountDetailsHeader-Df1JkzYi.mjs";
-import { A as W } from "../AccountListItem-CeY_WIpj.mjs";
-import { a as Y } from "../AccountFields-DUToRRqW.mjs";
-import { g as $1, b as j1 } from "../AccountFields-DUToRRqW.mjs";
-import { u as Z, b, d as T, g as D, a as q, n as J } from "../hooks-D6XlXHf4.mjs";
+import { A as K } from "../AccountDetailsContent-CAM9y39M.mjs";
+import { u as D1 } from "../AccountDetailsContent-CAM9y39M.mjs";
+import { u as z, A as P } from "../AccountDetailsHeader-JtSX6Uf9.mjs";
+import { A as W } from "../AccountListItem-JFMZROh7.mjs";
+import { a as Y } from "../AccountFields-C9FlatNb.mjs";
+import { g as U1, b as $1 } from "../AccountFields-C9FlatNb.mjs";
+import { u as w, b as S, d as T, g as D, a as q } from "../hooks-D6XlXHf4.mjs";
 import { f as I } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { D as Q } from "../Drawer-kEE73B87.mjs";
-import { A as S, W as X } from "../WidgetContainer-EbrN1oIo.mjs";
-import { C as e1 } from "../ConnectionsDrawer-BDvVuJQf.mjs";
+import { D as J } from "../Drawer-kEE73B87.mjs";
+import { A as y, W as Q } from "../WidgetContainer-BHWANqT4.mjs";
+import { C as X } from "../ConnectionsDrawer-ByGQE7D5.mjs";
 import { u as N } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as R } from "../Loader-DUaFpDGv.mjs";
-import { l as U, m as t1 } from "../ConnectDrawer-Bw5s6Dw1.mjs";
-import { F as K1, M as z1 } from "../ConnectDrawer-Bw5s6Dw1.mjs";
-import l1 from "@mui/material/ListItem";
+import { L as g } from "../Loader-DUaFpDGv.mjs";
+import { l as U, m as e1 } from "../ConnectDrawer-BQNs-hjk.mjs";
+import { F as G1, f as K1 } from "../ConnectDrawer-BQNs-hjk.mjs";
+import t1 from "@mui/material/ListItem";
 import { M as $ } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import i1 from "@mui/material/Stack";
-import { A as Y1, a as q1 } from "../AccountStore-BkoLK9Tq.mjs";
-const n1 = () => {
-  const [c, h] = d.useState(""), { accounts: C } = Z(), { selectedAccounts: l } = b(), { setSelectedAccount: p, setSelectedMember: u } = z(), { members: H } = T(), { onEvent: f } = D(), a = [...new Set(l.map((t) => t.account_type))], r = l.find((t) => c === t.guid), s = d.useMemo(
+import l1 from "@mui/material/Stack";
+import { A as P1, a as Y1 } from "../AccountStore-BgNOyMdp.mjs";
+const i1 = () => {
+  const [c, H] = d.useState(""), { accounts: C } = w(), { selectedAccounts: l } = S(), { setSelectedAccount: h, setSelectedMember: r } = z(), { members: L } = T(), { onEvent: f } = D(), s = [...new Set(l.map((t) => t.account_type))], a = l.find((t) => c === t.guid), u = d.useMemo(
     () => l.filter((t) => t.is_hidden),
     [l]
-  ), L = d.useMemo(
+  ), p = d.useMemo(
     () => l.filter((t) => t.is_closed),
     [l]
-  ), g = s.reduce(
+  ), R = u.reduce(
     (t, i) => (i.available_balance || i.balance || 0) + t,
     0
-  ), k = Y(L, C);
+  ), b = Y(p, C);
   d.useEffect(() => {
-    if (r) {
-      p(r);
-      const t = H.find((i) => i.guid === r?.member_guid) || {};
-      t && u(t);
+    if (a) {
+      h(a);
+      const t = L.find((i) => i.guid === a?.member_guid) || {};
+      t && r(t);
     }
-  }, [r, c]);
-  const x = (t) => {
-    h(t.guid), f(S.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [a, c]);
+  const Z = (t) => {
+    H(t.guid), f(y.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
       account_type: t.account_type
     });
   }, m = (t) => {
-    const i = t === "hidden" ? s : L, M = t === "hidden" ? g : k, o = t === "hidden" ? C.account_hidden : C.account_closed;
+    const i = t === "hidden" ? u : p, k = t === "hidden" ? R : b, o = t === "hidden" ? C.account_hidden : C.account_closed;
     return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
       E,
       {
         "aria-label": o,
         subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-          A,
+          _,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
               /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: o }),
-              /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(M, "0,0.00") })
+              /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(k, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(A, { children: i.map((V, _, j) => {
-          const F = _ === j.length - 1;
+        children: /* @__PURE__ */ e(_, { children: i.map((V, x, j) => {
+          const F = x === j.length - 1;
           return /* @__PURE__ */ n(d.Fragment, { children: [
             /* @__PURE__ */ e(
               W,
               {
                 account: V,
-                onRowClick: () => x(V),
+                onRowClick: () => Z(V),
                 shouldShowConnectionStatus: !0
               }
             ),
             t === "hidden" ? /* @__PURE__ */ e(
-              y,
+              A,
               {
                 sx: {
                   mb: F ? 24 : 4,
@@ -87,7 +87,7 @@ const n1 = () => {
                 }
               }
             ) : !F && /* @__PURE__ */ e(
-              y,
+              A,
               {
                 sx: {
                   mb: 4,
@@ -101,10 +101,10 @@ const n1 = () => {
     ) });
   };
   return /* @__PURE__ */ n(B, { sx: { pt: 24 }, children: [
-    a.map((t) => {
+    s.map((t) => {
       const i = l.filter(
         (o) => o.account_type === t && !o.is_closed && !o.is_hidden
-      ), M = i.reduce(
+      ), k = i.reduce(
         (o, V) => (V.balance || 0) + o,
         0
       );
@@ -113,34 +113,34 @@ const n1 = () => {
         {
           "aria-label": C.account_type_accounts[i[0]?.account_type],
           subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ n(
-            A,
+            _,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
                 /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: C.account_types[t] }),
-                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(M, "0,0.00") })
+                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: I(k, "0,0.00") })
               ]
             }
           ) }),
-          children: /* @__PURE__ */ e(A, { children: i.map((o) => {
-            const V = l.indexOf(o) === l.length - 1, _ = i.indexOf(o) === i.length - 1;
+          children: /* @__PURE__ */ e(_, { children: i.map((o) => {
+            const V = l.indexOf(o) === l.length - 1, x = i.indexOf(o) === i.length - 1;
             return /* @__PURE__ */ n(d.Fragment, { children: [
               /* @__PURE__ */ e(
                 W,
                 {
                   account: o,
-                  onRowClick: () => x(o),
+                  onRowClick: () => Z(o),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!V || L.length > 0 || s.length > 0) && /* @__PURE__ */ e(
-                y,
+              (!V || p.length > 0 || u.length > 0) && /* @__PURE__ */ e(
+                A,
                 {
                   sx: {
-                    mb: _ ? 24 : 4,
-                    ml: _ ? 24 : 68
+                    mb: x ? 24 : 4,
+                    ml: x ? 24 : 68
                   }
                 }
               )
@@ -150,14 +150,14 @@ const n1 = () => {
         t
       );
     }),
-    s.length > 0 && m("hidden"),
-    L.length > 0 && m("closed"),
+    u.length > 0 && m("hidden"),
+    p.length > 0 && m("closed"),
     /* @__PURE__ */ n(
-      Q,
+      J,
       {
         ariaLabelClose: C.close_account_details_aria,
         isOpen: !!c,
-        onClose: () => h(""),
+        onClose: () => H(""),
         title: C.account_details,
         children: [
           /* @__PURE__ */ e(P, {}),
@@ -166,95 +166,93 @@ const n1 = () => {
       }
     )
   ] });
-}, C1 = w(n1), o1 = ({ onBackClick: c, sx: h = {} }) => {
-  const [C, l] = d.useState(!1), [p, u] = d.useState(!1), { config: H } = q(), { accounts: f } = T(), { accounts: a, connect: r } = Z(), { isCopyLoaded: s, isInitialized: L, setSelectedAccounts: g, selectedAccountGuids: k } = b(), { isDesktop: x } = N(), { onEvent: m } = D(), { onLoad: t } = J();
+}, n1 = M(i1), C1 = ({ onBackClick: c, sx: H = {} }) => {
+  const [C, l] = d.useState(!1), [h, r] = d.useState(!1), { config: L } = q(), { accounts: f } = T(), { accounts: s, connect: a } = w(), { isCopyLoaded: u, isInitialized: p, setSelectedAccounts: R, selectedAccountGuids: b } = S(), { isDesktop: Z } = N(), { onEvent: m } = D();
   d.useEffect(() => {
-    g(f);
-  }, [f]), d.useEffect(() => {
-    L && s && t?.("AccountsWidget");
-  }, [L, s]);
-  const i = () => {
-    l(!0), m(S.ACCOUNTS_CLICK_CONNECT);
-  }, M = () => {
-    u(!0), m(S.ACCOUNTS_CLICK_CONNECT);
+    R(f);
+  }, [f]);
+  const t = () => {
+    l(!0), m(y.ACCOUNTS_CLICK_CONNECT);
+  }, i = () => {
+    r(!0), m(y.ACCOUNTS_CLICK_CONNECT);
   };
-  return s ? /* @__PURE__ */ e(
-    X,
+  return u ? /* @__PURE__ */ e(
+    Q,
     {
       accountOptions: f,
-      actions: H.show_connections_widget_in_master ? [
-        { iconName: "add", label: a.add, onClick: i },
+      actions: L.show_connections_widget_in_master ? [
+        { iconName: "add", label: s.add, onClick: t },
         {
           iconName: "credit_card_gear",
-          label: a.manage,
-          onClick: M
+          label: s.manage,
+          onClick: i
         }
       ] : [],
-      onAccountsFilterClick: () => m(S.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => m(y.ACCOUNTS_CLICK_FILTER),
       onBackClick: c,
-      sx: h,
-      title: a.title,
-      children: L ? /* @__PURE__ */ n(G, { children: [
-        /* @__PURE__ */ n(B, { sx: { px: x ? 24 : 12 }, children: [
-          k.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: a.no_accounts }),
-          /* @__PURE__ */ e(C1, {})
+      sx: H,
+      title: s.title,
+      children: p ? /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ n(B, { sx: { px: Z ? 24 : 12 }, children: [
+          b.length < 1 && /* @__PURE__ */ e(v, { display: "flex", justifyContent: "center", my: 24, children: s.no_accounts }),
+          /* @__PURE__ */ e(n1, {})
         ] }),
         /* @__PURE__ */ e(
           U,
           {
             onClose: () => l(!1),
             showConnectWidget: C,
-            title: r.mini_title
+            title: a.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          e1,
+          X,
           {
-            onClose: () => u(!1),
-            showConnectionsWidget: p,
-            title: a.manage_connections
+            onClose: () => r(!1),
+            showConnectionsWidget: h,
+            title: s.manage_connections
           }
         )
-      ] }) : /* @__PURE__ */ e(R, {})
+      ] }) : /* @__PURE__ */ e(g, {})
     }
-  ) : /* @__PURE__ */ e(R, {});
-}, W1 = w(o1), d1 = ({ onPrimaryCtaClick: c, sx: h }) => {
-  const { visibleAccounts: C } = T(), { accounts: l } = Z(), { isCopyLoaded: p, isInitialized: u, selectedAccounts: H, setSelectedAccounts: f } = b(), { isDesktop: a } = N();
+  ) : /* @__PURE__ */ e(g, {});
+}, E1 = M(C1), o1 = ({ onPrimaryCtaClick: c, sx: H }) => {
+  const { visibleAccounts: C } = T(), { accounts: l } = w(), { isCopyLoaded: h, isInitialized: r, selectedAccounts: L, setSelectedAccounts: f } = S(), { isDesktop: s } = N();
   d.useEffect(() => {
     f(C);
   }, [C]);
-  const r = d.useMemo(
-    () => t1(H, a ? 5 : 3),
-    [H, a]
+  const a = d.useMemo(
+    () => e1(L, s ? 5 : 3),
+    [L, s]
   );
-  return p ? /* @__PURE__ */ e(
+  return h ? /* @__PURE__ */ e(
     $,
     {
       className: "mx-exp-accounts-miniwidget",
       onPrimaryCtaClick: c,
       primaryCtaLabel: l.primary_cta,
-      sx: h,
+      sx: H,
       title: l.mini_title,
-      children: u ? /* @__PURE__ */ n(E, { children: [
-        H.length === 0 && /* @__PURE__ */ e(l1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
-        r.map((s, L) => {
-          const g = r.indexOf(s) === r.length - 1;
+      children: r ? /* @__PURE__ */ n(E, { children: [
+        L.length === 0 && /* @__PURE__ */ e(t1, { sx: { justifyContent: "center" }, children: l.no_accounts }),
+        a.map((u, p) => {
+          const R = a.indexOf(u) === a.length - 1;
           return /* @__PURE__ */ n(d.Fragment, { children: [
             /* @__PURE__ */ e(
               W,
               {
-                account: s,
+                account: u,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !g && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${L}`);
+            !R && /* @__PURE__ */ e(A, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${p}`);
         })
-      ] }) : /* @__PURE__ */ e(R, {})
+      ] }) : /* @__PURE__ */ e(g, {})
     }
-  ) : /* @__PURE__ */ e(R, {});
-}, T1 = w(d1), c1 = () => /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ e(g, {});
+}, W1 = M(o1), d1 = () => /* @__PURE__ */ n(
   "svg",
   {
     fill: "none",
@@ -693,10 +691,10 @@ const n1 = () => {
       )
     ]
   }
-), s1 = () => {
-  const { connect: c } = Z();
-  return /* @__PURE__ */ n(i1, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(c1, {}),
+), c1 = () => {
+  const { connect: c } = w();
+  return /* @__PURE__ */ n(l1, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(d1, {}),
     /* @__PURE__ */ e(
       v,
       {
@@ -710,48 +708,48 @@ const n1 = () => {
       }
     )
   ] });
-}, a1 = w(s1), r1 = ({
+}, s1 = M(c1), a1 = ({
   onPrimaryCtaClick: c = () => {
   },
-  sx: h
+  sx: H
 }) => {
-  const { isCopyLoaded: C } = b(), { connect: l } = Z(), [p, u] = d.useState(!1), H = () => {
-    u(!0), c();
+  const { isCopyLoaded: C } = S(), { connect: l } = w(), [h, r] = d.useState(!1), L = () => {
+    r(!0), c();
   };
   return C ? /* @__PURE__ */ n(
     $,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: H,
+      onPrimaryCtaClick: L,
       primaryCtaLabel: l.primary_cta,
-      sx: h,
+      sx: H,
       title: l.mini_title,
       children: [
-        /* @__PURE__ */ e(a1, {}),
-        p && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(s1, {}),
+        h && /* @__PURE__ */ e(
           U,
           {
-            onClose: () => u(!1),
-            showConnectWidget: p,
+            onClose: () => r(!1),
+            showConnectWidget: h,
             title: l.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(R, {});
-}, O1 = w(r1);
+  ) : /* @__PURE__ */ e(g, {});
+}, T1 = M(a1);
 export {
-  Y1 as AccountApi,
+  P1 as AccountApi,
   K as AccountDetailsContent,
   P as AccountDetailsHeader,
-  q1 as AccountStore,
-  T1 as AccountsMiniWidget,
-  W1 as AccountsWidget,
-  O1 as ConnectMiniWidget,
-  K1 as FieldType,
-  z1 as MemberConnectionStatus,
-  $1 as getAccountBalanceDetails,
-  j1 as getAccountDetailFields,
+  Y1 as AccountStore,
+  W1 as AccountsMiniWidget,
+  E1 as AccountsWidget,
+  T1 as ConnectMiniWidget,
+  G1 as FieldType,
+  K1 as MemberConnectionStatus,
+  U1 as getAccountBalanceDetails,
+  $1 as getAccountDetailFields,
   z as useAccountUiStore,
-  N1 as useGetMergeableAccounts
+  D1 as useGetMergeableAccounts
 };

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

@@ -1,42 +1,45 @@
-import { Account, GlobalStore, Institution, Member } from '../../common';
+import { Account, DetailedAccount, Institution, Member, GlobalStore } 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: ({ accounts, institutions, }?: {
-        accounts?: Account[];
-        institutions?: Institution[];
-    }) => Promise<void>;
-    get cashAccounts(): Account[];
+    loadAccountData: () => Promise<void>;
+    get isAccountDataLoaded(): boolean;
+    get detailedAccounts(): DetailedAccount[];
+    get cashAccounts(): DetailedAccount[];
     get cashBalance(): number;
-    get checkingAccounts(): Account[];
-    get debtAccounts(): Account[];
-    get finstrongAccounts(): Account[];
-    get investmentAccounts(): Account[];
-    get savingsAccounts(): Account[];
+    get checkingAccounts(): DetailedAccount[];
+    get debtAccounts(): DetailedAccount[];
+    get finstrongAccounts(): DetailedAccount[];
+    get investmentAccounts(): DetailedAccount[];
+    get savingsAccounts(): DetailedAccount[];
     get retirementAccounts(): Account[];
-    get visibleAccounts(): Account[];
-    get visibleCashAccounts(): Account[];
+    get visibleAccounts(): DetailedAccount[];
+    get visibleCashAccounts(): DetailedAccount[];
     get visibleCashBalance(): number;
-    get visibleCheckingAccounts(): Account[];
-    get visibleDebtAccounts(): Account[];
-    get visibleFinstrongAccounts(): Account[];
+    get visibleCheckingAccounts(): DetailedAccount[];
+    get visibleDebtAccounts(): DetailedAccount[];
+    get visibleFinstrongAccounts(): DetailedAccount[];
     get visibleRetirementAccounts(): Account[];
-    get visibleInvestmentAccounts(): Account[];
-    get visibleSavingsAccounts(): Account[];
+    get visibleInvestmentAccounts(): DetailedAccount[];
+    get visibleSavingsAccounts(): DetailedAccount[];
+    setAccounts: (accounts: Account[]) => void;
+    setMembers: (members: Member[]) => void;
+    setInstitutions: (institutions: Institution[]) => void;
     addAccount: (account: Account) => Promise<void>;
-    augmentAccounts: (accounts?: Account[]) => Account[];
-    loadAccounts: (accountsOverride?: Account[]) => Promise<void>;
-    loadInstitutions: (institutionsOverride?: Institution[]) => Promise<void>;
+    loadAccounts: () => Promise<void>;
+    loadInstitutions: () => 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,6 +1,7 @@
-import { Account } from '../../common/types';
+import { Account, DetailedAccount, Institution, Member } from '../../common';
 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[];