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

package/dist/accounts/index.es.js

@@ -1,86 +1,117 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d from "react";
-import { observer as g } from "mobx-react-lite";
-import { Text as v } from "@mxenabled/mxui";
+import { observer as x } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import { Text as g } from "@mxenabled/mxui";
+import s from "@mui/material/Skeleton";
 import O from "@mui/material/Box";
-import y from "@mui/material/Divider";
-import W from "@mui/material/List";
+import b from "@mui/material/Divider";
+import B 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 S from "@mui/system/Stack";
+import { A as P } 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 { u as Y, A as q } from "../AccountDetailsHeader-JtSX6Uf9.mjs";
+import { A as W } from "../AccountListItem-JFMZROh7.mjs";
+import { a as J } 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 { u as A, b as F, d as D, g as U, a as Q } 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 { D as X } from "../Drawer-kEE73B87.mjs";
+import { A as k, W as e1 } from "../WidgetContainer-BHWANqT4.mjs";
+import { C as t1 } from "../ConnectionsDrawer-ByGQE7D5.mjs";
 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 { L as T } from "../Loader-DUaFpDGv.mjs";
+import { l as j, m as i1 } 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(
+const K = ({ sx: n = {}, variant: r = "list" }) => /* @__PURE__ */ i(u, { sx: [...Array.isArray(n) ? n : [n]], children: [
+  r === "list" && /* @__PURE__ */ i(u, { gap: 24, children: [
+    /* @__PURE__ */ e(s, { height: 25, variant: "rounded", width: 150 }),
+    /* @__PURE__ */ e(s, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ e(s, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ e(s, { height: 50, variant: "rounded" })
+  ] }),
+  r === "card" && /* @__PURE__ */ i(u, { gap: 24, children: [
+    /* @__PURE__ */ e(s, { height: 50, variant: "rounded" }),
+    /* @__PURE__ */ i(u, { direction: "row", gap: 24, children: [
+      /* @__PURE__ */ e(s, { height: 300, variant: "rounded", width: "20%" }),
+      /* @__PURE__ */ e(s, { height: 300, variant: "rounded", width: "80%" })
+    ] })
+  ] }),
+  r === "dashboard" && /* @__PURE__ */ i(u, { gap: 24, children: [
+    /* @__PURE__ */ e(s, { height: 75, variant: "rounded" }),
+    /* @__PURE__ */ i(u, { gap: 24, children: [
+      /* @__PURE__ */ i(u, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "25%" })
+      ] }),
+      /* @__PURE__ */ i(u, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "25%" })
+      ] }),
+      /* @__PURE__ */ i(u, { direction: "row", gap: 24, children: [
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "75%" }),
+        /* @__PURE__ */ e(s, { height: 250, variant: "rounded", width: "25%" })
+      ] })
+    ] })
+  ] })
+] }), n1 = () => {
+  const [n, r] = d.useState(""), { accounts: C } = A(), { selectedAccounts: l } = F(), { setSelectedAccount: f, setSelectedMember: L } = Y(), { members: V } = D(), { onEvent: h } = U(), v = [...new Set(l.map((t) => t.account_type))], H = l.find((t) => n === t.guid), c = d.useMemo(
     () => l.filter((t) => t.is_hidden),
     [l]
-  ), h = d.useMemo(
+  ), p = d.useMemo(
     () => l.filter((t) => t.is_closed),
     [l]
-  ), M = s.reduce(
+  ), R = c.reduce(
     (t, o) => (o.available_balance || o.balance || 0) + t,
     0
-  ), F = q(h, n);
+  ), M = J(p, C);
   d.useEffect(() => {
-    if (r) {
-      H(r);
-      const t = u.find((o) => o.guid === r?.member_guid) || {};
+    if (H) {
+      f(H);
+      const t = V.find((o) => o.guid === H?.member_guid) || {};
       t && L(t);
     }
-  }, [r, c]);
-  const V = (t) => {
-    a(t.guid), p(S.ACCOUNTS_CLICK_ACCOUNT, {
+  }, [H, n]);
+  const _ = (t) => {
+    r(t.guid), h(k.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;
+  }, w = (t) => {
+    const o = t === "hidden" ? c : p, Z = t === "hidden" ? R : M, a = t === "hidden" ? C.account_hidden : C.account_closed;
     return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
-      W,
+      B,
       {
-        "aria-label": C,
+        "aria-label": a,
         subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
-          A,
+          S,
           {
             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(g, { bold: !0, variant: "Body", children: a }),
+              /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: N(Z, "0,0.00") })
             ]
           }
         ) }),
-        children: /* @__PURE__ */ e(A, { children: o.map((f, x, K) => {
-          const E = x === K.length - 1;
+        children: /* @__PURE__ */ e(S, { children: o.map((m, y, z) => {
+          const E = y === z.length - 1;
           return /* @__PURE__ */ i(d.Fragment, { children: [
             /* @__PURE__ */ e(
-              D,
+              W,
               {
-                account: f,
-                onRowClick: () => V(f),
+                account: m,
+                onRowClick: () => _(m),
                 shouldShowConnectionStatus: !0
               }
             ),
             t === "hidden" ? /* @__PURE__ */ e(
-              y,
+              b,
               {
                 sx: {
                   mb: E ? 24 : 4,
@@ -88,7 +119,7 @@ const n1 = () => {
                 }
               }
             ) : !E && /* @__PURE__ */ e(
-              y,
+              b,
               {
                 sx: {
                   mb: 4,
@@ -96,177 +127,168 @@ const n1 = () => {
                 }
               }
             )
-          ] }, f.guid);
+          ] }, m.guid);
         }) })
       }
     ) });
   };
   return /* @__PURE__ */ i(O, { sx: { pt: 24 }, children: [
-    m.map((t) => {
+    v.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,
+        (a) => a.account_type === t && !a.is_closed && !a.is_hidden
+      ), Z = o.reduce(
+        (a, m) => (m.balance || 0) + a,
         0
       );
       return o.length === 0 ? null : /* @__PURE__ */ e(
-        W,
+        B,
         {
-          "aria-label": n.account_type_accounts[o[0]?.account_type],
+          "aria-label": C.account_type_accounts[o[0]?.account_type],
           subheader: /* @__PURE__ */ e(I, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ i(
-            A,
+            S,
             {
               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(g, { bold: !0, variant: "Body", children: C.account_types[t] }),
+                /* @__PURE__ */ e(g, { bold: !0, variant: "Body", children: N(Z, "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;
+          children: /* @__PURE__ */ e(S, { children: o.map((a) => {
+            const m = l.indexOf(a) === l.length - 1, y = o.indexOf(a) === o.length - 1;
             return /* @__PURE__ */ i(d.Fragment, { children: [
               /* @__PURE__ */ e(
-                D,
+                W,
                 {
-                  account: C,
-                  onRowClick: () => V(C),
+                  account: a,
+                  onRowClick: () => _(a),
                   shouldShowConnectionStatus: !0
                 }
               ),
-              (!f || h.length > 0 || s.length > 0) && /* @__PURE__ */ e(
-                y,
+              (!m || p.length > 0 || c.length > 0) && /* @__PURE__ */ e(
+                b,
                 {
                   sx: {
-                    mb: x ? 24 : 4,
-                    ml: x ? 24 : 68
+                    mb: y ? 24 : 4,
+                    ml: y ? 24 : 68
                   }
                 }
               )
-            ] }, C.guid);
+            ] }, a.guid);
           }) })
         },
         t
       );
     }),
-    s.length > 0 && Z("hidden"),
-    h.length > 0 && Z("closed"),
+    c.length > 0 && w("hidden"),
+    p.length > 0 && w("closed"),
     /* @__PURE__ */ i(
-      Q,
+      X,
       {
-        ariaLabelClose: n.close_account_details_aria,
-        isOpen: !!c,
-        onClose: () => a(""),
-        title: n.account_details,
+        ariaLabelClose: C.close_account_details_aria,
+        isOpen: !!n,
+        onClose: () => r(""),
+        title: C.account_details,
         children: [
-          /* @__PURE__ */ e(Y, {}),
-          /* @__PURE__ */ e(z, {})
+          /* @__PURE__ */ e(q, {}),
+          /* @__PURE__ */ e(P, {})
         ]
       }
     )
   ] });
-}, 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();
+}, o1 = x(n1), d1 = ({ onBackClick: n, sx: r = {} }) => {
+  const [C, l] = d.useState(!1), [f, L] = d.useState(!1), { config: V } = Q(), { detailedAccounts: h, isAccountDataLoaded: v, loadAccountData: H } = D(), { accounts: c, connect: p } = A(), { isInitialized: R, selectedAccountGuids: M, setSelectedAccounts: _ } = F(), { isDesktop: w } = $(), { onEvent: t } = U();
   d.useEffect(() => {
-    m || r().finally();
+    v || H().finally();
   }, []), d.useEffect(() => {
-    F(p);
-  }, [p]);
-  const Z = () => {
-    l(!0), V?.(S.ACCOUNTS_CLICK_CONNECT);
-  }, t = () => {
-    L(!0), V?.(S.ACCOUNTS_CLICK_CONNECT);
+    _(h);
+  }, [h]);
+  const o = () => {
+    l(!0), t(k.ACCOUNTS_CLICK_CONNECT);
+  }, Z = () => {
+    L(!0), t(k.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!M)
-    return /* @__PURE__ */ e(b, {});
-  const o = u.show_connections_widget_in_master ? [
-    { iconName: "add", label: s.add, onClick: Z },
+  return R ? /* @__PURE__ */ i(
+    e1,
     {
-      iconName: "credit_card_gear",
-      label: s.manage,
-      onClick: t
-    }
-  ] : [];
-  return /* @__PURE__ */ i(
-    X,
-    {
-      accountOptions: p,
-      actions: o,
-      onAccountsFilterClick: () => V?.(S.ACCOUNTS_CLICK_FILTER),
-      onBackClick: c,
-      sx: a,
-      title: s.title,
+      accountOptions: h,
+      actions: V.show_connections_widget_in_master ? [
+        { iconName: "add", label: c.add, onClick: o },
+        {
+          iconName: "credit_card_gear",
+          label: c.manage,
+          onClick: Z
+        }
+      ] : [],
+      onAccountsFilterClick: () => t(k.ACCOUNTS_CLICK_FILTER),
+      onBackClick: n,
+      sx: r,
+      title: c.title,
       children: [
-        /* @__PURE__ */ e(o1, {}),
+        v ? /* @__PURE__ */ i(u, { sx: { px: w ? 24 : 12 }, children: [
+          M.length < 1 && /* @__PURE__ */ e(g, { display: "flex", justifyContent: "center", my: 24, children: c.no_accounts }),
+          /* @__PURE__ */ e(o1, {})
+        ] }) : /* @__PURE__ */ e(K, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
         /* @__PURE__ */ e(
           j,
           {
             onClose: () => l(!1),
-            showConnectWidget: n,
-            title: h.mini_title
+            showConnectWidget: C,
+            title: p.mini_title
           }
         ),
         /* @__PURE__ */ e(
-          e1,
+          t1,
           {
             onClose: () => L(!1),
-            showConnectionsWidget: H,
-            title: s.manage_connections
+            showConnectionsWidget: f,
+            title: c.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 } = $();
+  ) : /* @__PURE__ */ e(T, {});
+}, D1 = x(d1), C1 = ({ onPrimaryCtaClick: n, sx: r }) => {
+  const { visibleAccounts: C, isAccountDataLoaded: l, loadAccountData: f } = D(), { accounts: L } = A(), { isInitialized: V, selectedAccounts: h, setSelectedAccounts: v } = F(), { isDesktop: H } = $();
   d.useEffect(() => {
-    p(n);
-  }, [n]);
-  const r = d.useMemo(
-    () => t1(u, m ? 5 : 3),
-    [u, m]
+    l || f().finally();
+  }, []), d.useEffect(() => {
+    v(C);
+  }, [C]);
+  const c = d.useMemo(
+    () => i1(h, H ? 5 : 3),
+    [h, H]
   );
-  return H ? /* @__PURE__ */ e(
+  return V ? /* @__PURE__ */ e(
     G,
     {
       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;
+      onPrimaryCtaClick: n,
+      primaryCtaLabel: L.primary_cta,
+      sx: r,
+      title: L.mini_title,
+      children: l ? /* @__PURE__ */ i(B, { children: [
+        h.length === 0 && /* @__PURE__ */ e(l1, { sx: { justifyContent: "center" }, children: L.no_accounts }),
+        c.map((p, R) => {
+          const M = c.indexOf(p) === c.length - 1;
           return /* @__PURE__ */ i(d.Fragment, { children: [
             /* @__PURE__ */ e(
-              D,
+              W,
               {
-                account: s,
+                account: p,
                 listItemProps: { sx: { px: 24 } },
                 shouldShowConnectionStatus: !0
               }
             ),
-            !M && /* @__PURE__ */ e(y, { "aria-hidden": "true", variant: "inset" })
-          ] }, `account-item${h}`);
+            !M && /* @__PURE__ */ e(b, { "aria-hidden": "true", variant: "inset" })
+          ] }, `account-item${R}`);
         })
-      ] }) : /* @__PURE__ */ e(b, {})
+      ] }) : /* @__PURE__ */ e(K, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(b, {});
-}, T1 = g(d1), c1 = () => /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ e(T, {});
+}, T1 = x(C1), c1 = () => /* @__PURE__ */ i(
   "svg",
   {
     fill: "none",
@@ -705,12 +727,12 @@ const n1 = () => {
       )
     ]
   }
-), s1 = () => {
-  const { connect: c } = R();
-  return /* @__PURE__ */ i(T, { alignItems: "center", direction: "column", m: 24, children: [
+), a1 = () => {
+  const { connect: n } = A();
+  return /* @__PURE__ */ i(u, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(c1, {}),
     /* @__PURE__ */ e(
-      v,
+      g,
       {
         sx: {
           whiteSpace: "wrap",
@@ -718,44 +740,44 @@ const n1 = () => {
           textAlign: "center"
         },
         variant: "Paragraph",
-        children: c.mini_widget_content
+        children: n.mini_widget_content
       }
     )
   ] });
-}, a1 = g(s1), r1 = ({
-  onPrimaryCtaClick: c = () => {
+}, s1 = x(a1), r1 = ({
+  onPrimaryCtaClick: n = () => {
   },
-  sx: a
+  sx: r
 }) => {
-  const { isCopyLoaded: n } = w(), { connect: l } = R(), [H, L] = d.useState(!1), u = () => {
-    L(!0), c();
+  const { isCopyLoaded: C } = F(), { connect: l } = A(), [f, L] = d.useState(!1), V = () => {
+    L(!0), n();
   };
-  return n ? /* @__PURE__ */ i(
+  return C ? /* @__PURE__ */ i(
     G,
     {
       className: "mx-exp-connect-miniwidget",
-      onPrimaryCtaClick: u,
+      onPrimaryCtaClick: V,
       primaryCtaLabel: l.primary_cta,
-      sx: a,
+      sx: r,
       title: l.mini_title,
       children: [
-        /* @__PURE__ */ e(a1, {}),
-        H && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(s1, {}),
+        f && /* @__PURE__ */ e(
           j,
           {
             onClose: () => L(!1),
-            showConnectWidget: H,
+            showConnectWidget: f,
             title: l.mini_title
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(b, {});
-}, O1 = g(r1);
+  ) : /* @__PURE__ */ e(T, {});
+}, O1 = x(r1);
 export {
   q1 as AccountApi,
-  z as AccountDetailsContent,
-  Y as AccountDetailsHeader,
+  P as AccountDetailsContent,
+  q as AccountDetailsHeader,
   J1 as AccountStore,
   T1 as AccountsMiniWidget,
   D1 as AccountsWidget,
@@ -764,6 +786,6 @@ export {
   P1 as MemberConnectionStatus,
   j1 as getAccountBalanceDetails,
   G1 as getAccountDetailFields,
-  P as useAccountUiStore,
+  Y as useAccountUiStore,
   U1 as useGetMergeableAccounts
 };

package/dist/common/components/SkeletonLoader.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from '@mui/material/styles';
+interface SkeletonLoaderProps {
+    sx?: SxProps;
+    variant?: 'card' | 'list' | 'dashboard';
+}
+export declare const SkeletonLoader: ({ sx, variant }: SkeletonLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/index.es.js

@@ -1,4 +1,4 @@
-import { G as L } from "../useCombineEvents-BUDIR1ba.mjs";
+import { G as R } from "../useCombineEvents-BUDIR1ba.mjs";
 import { A as ss, a as rs, u as os, b as as } from "../useCombineEvents-BUDIR1ba.mjs";
 import { F as y, A as h } from "../Fetch-87LIQbEA.mjs";
 import { B as is } from "../BeatApi-DhJpgCLz.mjs";
@@ -12,11 +12,11 @@ import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as ys } from "../Help-DhcC-C05.mjs";
 import { M as bs } from "../MicroWidgetContainer-DpeqN9n3.mjs";
 import { M as xs } from "../MiniWidgetContainer-D0gfmbaF.mjs";
-import { A as Ds, D as vs, W as As } from "../WidgetContainer-BHWANqT4.mjs";
-import { k as Ts, a as Bs, h as Is, j as Ns, A as Ms, i as ks, l as $s, C as Rs, n as Ls, E as Os, M as Ps, N as Us, c as Hs, P as Gs, o as Fs, S as Ws } from "../ConnectDrawer-BQNs-hjk.mjs";
+import { A as Ds, D as As, W as vs } from "../WidgetContainer-BHWANqT4.mjs";
+import { k as Ts, a as Bs, h as Is, j as Ns, A as Ms, i as Ls, l as ks, C as $s, n as Rs, E as Os, M as Ps, N as Us, c as Hs, P as Gs, o as Fs, S as Ws } from "../ConnectDrawer-BQNs-hjk.mjs";
 import { C as Ys } from "../CurrencyInput-DUsQbkXb.mjs";
 import { L as Xs } from "../Loader-DUaFpDGv.mjs";
-import { R as js } from "../ResponsiveButton-DZFp78fJ.mjs";
+import { R as Ks } from "../ResponsiveButton-DZFp78fJ.mjs";
 import { S as Vs } from "../SearchBox-B2_zLv8-.mjs";
 import { T as at } from "../TransactionStore-ai3uII_r.mjs";
 import { S as Js } from "../TransactionStore-ai3uII_r.mjs";
@@ -31,28 +31,28 @@ import { C as Sr } from "../CurrencyText-kyC1aseI.mjs";
 import { E as wr } from "../EmptyState-DA_lfRBv.mjs";
 import { L as Cr } from "../ListItemAction-DHa3KJPs.mjs";
 import { T as ct } from "../TrendsStore-DCYbpXPO.mjs";
-import { L as vr, S as Ar } from "../TrendsStore-DCYbpXPO.mjs";
-import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as kr } from "../ToggleListItem-r0Kx56wF.mjs";
+import { L as Ar, S as vr } from "../TrendsStore-DCYbpXPO.mjs";
+import { A as Tr, B as Br, I as Ir, N as Nr, T as Mr, a as Lr } from "../ToggleListItem-r0Kx56wF.mjs";
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as x, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as C, Text as B } from "@mxenabled/mxui";
-import { D as Rr } from "../Donut-oaQFlbit.mjs";
+import { D as $r } from "../Donut-oaQFlbit.mjs";
 import { L as Or } from "../LineChart-D4GI7nVh.mjs";
 import { S as Ur } from "../StatusBar-BK_uYHAB.mjs";
 import { D as Gr, a as Fr, O as Wr, b as qr, f as Yr } from "../Dialog-CWW597AF.mjs";
 import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { S as Xr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { D as jr } from "../Drawer-kEE73B87.mjs";
+import { D as Kr } from "../Drawer-kEE73B87.mjs";
 import { I as Vr, P as Zr, S as Jr } from "../Account-Bxw0_4FU.mjs";
 import { b as E } from "../Category-CevNQ03n.mjs";
 import { C as eo, c as so, a as ro, P as oo } from "../Category-CevNQ03n.mjs";
 import { C as no, f as io, b as co, a as lo, g as uo, i as ho } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { R as mt } from "../RecurringTransactionsStore-C4YOD7_D.mjs";
 import { S as po, T as mo } from "../RecurringTransactionsStore-C4YOD7_D.mjs";
-import { G as fo, C as yo, D as So, W as bo, d as wo, a as xo, i as Co, v as Do, m as vo, y as Ao, z as Eo, g as To, x as Bo, u as Io, f as No, b as Mo, l as ko, A as $o, t as Ro, n as Lo, c as Oo, r as Po, o as Uo, B as Ho, j as Go, s as Fo, h as Wo, w as qo, p as Yo, q as Qo } from "../hooks-D6XlXHf4.mjs";
-import { u as zo } from "../useAccountDisplayName-BUAApBIb.mjs";
-import { u as Ko } from "../useInsightsEnabled-DBpwEq10.mjs";
+import { G as fo, C as yo, D as So, W as bo, d as wo, a as xo, i as Co, v as Do, m as Ao, y as vo, z as Eo, g as To, x as Bo, u as Io, f as No, b as Mo, l as Lo, A as ko, t as $o, n as Ro, c as Oo, r as Po, o as Uo, B as Ho, j as Go, s as Fo, h as Wo, w as qo, p as Yo, q as Qo } from "../hooks-D6XlXHf4.mjs";
+import { u as jo } from "../useAccountDisplayName-BUAApBIb.mjs";
+import { u as zo } from "../useInsightsEnabled-DBpwEq10.mjs";
 import { u as Zo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as _, runInAction as S, reaction as _t } from "mobx";
 import { a as ft } from "../AccountStore-BgNOyMdp.mjs";
@@ -65,7 +65,7 @@ import { f as bt, a as wt, b as P } from "../BudgetUtil-B2ZXyw-g.mjs";
 import { g as ta, e as ea, c as sa, d as ra, i as oa } from "../BudgetUtil-B2ZXyw-g.mjs";
 import { a as xt } from "../DebtsStore-C9bblOgW.mjs";
 import { a as Ct } from "../FinstrongStore-F2c607dj.mjs";
-import { A as Dt, m as vt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
+import { A as Dt, m as At, a as vt, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
 import { N as Bt } from "../NetWorthStore-DCsTZpuS.mjs";
 import { a as It } from "../SettingsStore-BcgS_Ohv.mjs";
@@ -74,7 +74,7 @@ import { getMonth as T } from "date-fns/getMonth";
 import { i as na } from "../DateUtil-BcuH7ErC.mjs";
 import { b as ca, a as da, g as la } from "../Localization-2MODESHW.mjs";
 import { alpha as Mt, lighten as U, darken as H } from "@mui/material";
-var kt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.EveryWeek = 1] = "EveryWeek", s[s.EveryOtherWeek = 2] = "EveryOtherWeek", s[s.EveryMonth = 3] = "EveryMonth", s[s.EveryOtherMonth = 4] = "EveryOtherMonth", s[s.EveryQuarter = 5] = "EveryQuarter", s[s.EveryOtherQuarter = 6] = "EveryOtherQuarter", s[s.EveryYear = 7] = "EveryYear", s))(kt || {});
+var Lt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.EveryWeek = 1] = "EveryWeek", s[s.EveryOtherWeek = 2] = "EveryOtherWeek", s[s.EveryMonth = 3] = "EveryMonth", s[s.EveryOtherMonth = 4] = "EveryOtherMonth", s[s.EveryQuarter = 5] = "EveryQuarter", s[s.EveryOtherQuarter = 6] = "EveryOtherQuarter", s[s.EveryYear = 7] = "EveryYear", s))(Lt || {});
 const Ye = [
   { id: 0, copy: "frequency_unknown" },
   { id: 1, copy: "frequency_every_week" },
@@ -89,8 +89,8 @@ const Ye = [
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
 };
-var $t = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))($t || {}), Rt = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))(Rt || {});
-const Lt = [
+var kt = /* @__PURE__ */ ((s) => (s[s.SpendingPlan = 0] = "SpendingPlan", s[s.Budgets = 1] = "Budgets", s))(kt || {}), $t = /* @__PURE__ */ ((s) => (s[s.RecurringExpense = 0] = "RecurringExpense", s[s.PlannedExpense = 1] = "PlannedExpense", s[s.Other = 2] = "Other", s[s.Income = 3] = "Income", s))($t || {});
+const Rt = [
   "fontFamily",
   "H1",
   "h1",
@@ -135,7 +135,7 @@ const Lt = [
       )
     ])
   ), d = Object.fromEntries(
-    Lt.map((i) => [
+    Rt.map((i) => [
       i,
       i === "fontFamily" ? o : { fontFamily: o }
     ])
@@ -204,7 +204,7 @@ class G {
     }
   };
 }
-class ze {
+class je {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new y(t, e, void 0, r);
@@ -212,7 +212,7 @@ class ze {
   getLocalizedCopy = async (t) => this.fetchInstance.post(h.LOCALIZED_COPY, t).then((e) => e);
   getLocalizedContent = async (t) => this.fetchInstance.post(`${h.LOCALIZED_CONTENT}/${t}`).then((e) => e);
 }
-class je {
+class Ke {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new y(t, e, void 0, r);
@@ -243,7 +243,7 @@ class W {
   requestWidgetUrl = async (t) => this.fetchInstance.post(h.WIDGET_URLS, t).then((e) => e.widget_url);
 }
 var Pt = /* @__PURE__ */ ((s) => (s[s.UNKNOWN = 0] = "UNKNOWN", s[s.CORRECT = 1] = "CORRECT", s[s.INCORRECT = 2] = "INCORRECT", s))(Pt || {}), Ut = /* @__PURE__ */ ((s) => (s.Missed = "Missed", s.Paid = "Paid", s.Upcoming = "Upcoming expense", s.Income = "Income", s))(Ut || {}), Ht = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.Subscription = 1] = "Subscription", s[s.Bill = 2] = "Bill", s))(Ht || {}), Gt = /* @__PURE__ */ ((s) => (s.Desktop = "Desktop", s.Mobile = "Mobile", s))(Gt || {});
-const Ke = (s) => {
+const ze = (s) => {
   const t = lt();
   return ut(() => {
     t.current = s;
@@ -373,7 +373,7 @@ const Ke = (s) => {
   width: p,
   xAxisLabel: i = ""
 }) => {
-  const m = C(), b = Yt(m, p), D = u / c * l, v = Math.abs(u) / c * e, A = d === void 0 || d === o ? "primary" : "secondary";
+  const m = C(), b = Yt(m, p), D = u / c * l, A = Math.abs(u) / c * e, v = d === void 0 || d === o ? "primary" : "secondary";
   return /* @__PURE__ */ f("div", { className: `mx-cmn-barchart-bar-column ${b}`, children: [
     /* @__PURE__ */ n("div", { style: { height: l }, children: u >= 0 && /* @__PURE__ */ n(
       q,
@@ -395,7 +395,7 @@ const Ke = (s) => {
       {
         ariaLabel: s,
         color: r,
-        height: v,
+        height: A,
         index: o,
         label: g,
         onClick: a,
@@ -407,7 +407,7 @@ const Ke = (s) => {
       {
         className: `mx-cmn-bar-label ${a ? "mx-cmn-clickable" : ""}`,
         onClick: a ? () => a(o) : void 0,
-        children: /* @__PURE__ */ n(B, { bold: d === o, color: A, variant: "Small", children: i })
+        children: /* @__PURE__ */ n(B, { bold: d === o, color: v, variant: "Small", children: i })
       }
     )
   ] });
@@ -436,10 +436,10 @@ const Ke = (s) => {
   "& .mx-cmn-clickable": {
     cursor: "pointer"
   }
-}), Qt = (s, t) => s + t, Xt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, zt = (s, t) => [...s, t.value], Q = (s, t, e) => {
+}), Qt = (s, t) => s + t, Xt = (s, t) => Math.abs(t) > s ? Math.abs(t) : s, jt = (s, t) => [...s, t.value], Q = (s, t, e) => {
   const r = s && t ? e / 2 : e;
   return s ? r : 0;
-}, jt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, Kt = ({
+}, Kt = (s, t, e, r) => s / (t < 0 ? -e : t) * r || 0, zt = ({
   average: s,
   barWidth: t = "8%",
   color: e,
@@ -451,13 +451,13 @@ const Ke = (s) => {
   selectedIndex: l,
   valueFormatter: u = (g) => `${g}`
 }) => {
-  const g = C(), p = Vt(g), i = r.reduce(zt, []), m = s !== void 0 ? s : i.reduce(Qt, 0) / i.length, b = Math.max(...i), D = Math.min(...i), v = i.reduce(Xt, 0), A = b >= 0, k = D < 0, I = Q(A, k, o), N = Q(k, A, o), $ = jt(m, b, D, I || N), tt = (w) => l === void 0 || w === l ? e : `${e}80`, R = () => /* @__PURE__ */ n(
+  const g = C(), p = Vt(g), i = r.reduce(jt, []), m = s !== void 0 ? s : i.reduce(Qt, 0) / i.length, b = Math.max(...i), D = Math.min(...i), A = i.reduce(Xt, 0), v = b >= 0, L = D < 0, I = Q(v, L, o), N = Q(L, v, o), k = Kt(m, b, D, I || N), tt = (w) => l === void 0 || w === l ? e : `${e}80`, $ = () => /* @__PURE__ */ n(
     Y,
     {
-      averageLineHeight: $,
+      averageLineHeight: k,
       bottomHeight: N,
       color: "",
-      range: v,
+      range: A,
       topHeight: I,
       value: 0,
       width: void 0
@@ -465,18 +465,18 @@ const Ke = (s) => {
   );
   return /* @__PURE__ */ f("div", { className: `mx-cmn-bar-chart ${p}`, children: [
     /* @__PURE__ */ f("div", { className: "mx-cmn-chart-container", children: [
-      /* @__PURE__ */ n(R, {}),
+      /* @__PURE__ */ n($, {}),
       r.map((w, M) => /* @__PURE__ */ f(dt.Fragment, { children: [
         /* @__PURE__ */ n(
           Y,
           {
             ariaLabel: w.ariaLabel,
-            averageLineHeight: $,
+            averageLineHeight: k,
             bottomHeight: N,
             color: tt(M),
             index: M,
             onClick: d,
-            range: v,
+            range: A,
             selectedIndex: l,
             topHeight: I,
             value: w.value,
@@ -485,7 +485,7 @@ const Ke = (s) => {
             xAxisLabel: w.label
           }
         ),
-        /* @__PURE__ */ n(R, {})
+        /* @__PURE__ */ n($, {})
       ] }, `column-${M}`))
     ] }),
     /* @__PURE__ */ n(Ft, { color: e, labelAverage: a, labelMain: c })
@@ -498,7 +498,7 @@ const Ke = (s) => {
     marginTop: s.Spacing.Large,
     marginBottom: s.Spacing.Medium
   }
-}), Ve = Kt, Zt = ({
+}), Ve = zt, Zt = ({
   hasGap: s = !1,
   segments: t,
   size: e = gt,
@@ -553,12 +553,12 @@ const Ke = (s) => {
 }), Ze = Zt;
 class te {
   globalStore;
-  api = new L("/", "");
+  api = new R("/", "");
   copy = {};
   featureNamespace = "experiences";
   isInitialized = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new L(
+    this.globalStore = t, this.api = new R(
       t.endpoint,
       t.sessionToken,
       t.onError
@@ -781,7 +781,7 @@ class se {
     }
   };
 }
-class z {
+class j {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new y(t, e, void 0, r);
@@ -807,12 +807,12 @@ const re = (s, t) => s.guid === "general" || s.guid === "insights" ? !0 : s.flag
 };
 class ae {
   alert = { message: "", severity: void 0 };
-  api = new z("/", "");
+  api = new j("/", "");
   appConfig;
   globalStore;
   isLoading = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new z(t.endpoint, t.sessionToken, t.onError), _(this);
+    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   createSupportTicket = async (t) => {
     try {
@@ -841,7 +841,7 @@ class ae {
     );
   }
 }
-class j {
+class K {
   fetchInstance;
   constructor(t, e, r) {
     this.fetchInstance = new y(t, e, void 0, r);
@@ -851,16 +851,16 @@ class j {
 }
 class ne {
   analysisType = Dt.Stocks;
-  api = new j("/", "");
+  api = new K("/", "");
   holdings = [];
   holdingsLoaded = !1;
   globalStore;
   showConnectionsWidget = !1;
   constructor(t) {
-    this.globalStore = t, this.api = new j(t.endpoint, t.sessionToken, t.onError), _(this);
+    this.globalStore = t, this.api = new K(t.endpoint, t.sessionToken, t.onError), _(this);
   }
   get analysisChartData() {
-    return vt(At(this.visibleHoldings), this.analysisType);
+    return At(vt(this.visibleHoldings), this.analysisType);
   }
   get analysisDetails() {
     return Et(this.visibleHoldings)[this.analysisType] || {};
@@ -902,7 +902,7 @@ class ne {
     }
   };
 }
-const K = {
+const z = {
   clientConfig: {},
   clientStyleProfile: {},
   config: {
@@ -1078,7 +1078,6 @@ class ce {
 }
 class de {
   globalStore;
-  isInitialized = !1;
   selectedAccounts = [];
   selectedAccountGuids = this.selectedAccounts.map((t) => t.guid);
   displayedDate = /* @__PURE__ */ new Date();
@@ -1092,9 +1091,15 @@ class de {
   get isCopyLoaded() {
     return this.globalStore.copyStore.isInitialized;
   }
-  setInitialized = (t) => {
-    this.isInitialized = t;
-  };
+  get isConfigLoaded() {
+    return this.globalStore.appDataStore.isAppDataLoaded;
+  }
+  get areUserFeaturesLoaded() {
+    return this.globalStore.userStore.userFeaturesLoaded;
+  }
+  get isInitialized() {
+    return this.isCopyLoaded && this.isConfigLoaded && this.areUserFeaturesLoaded;
+  }
   // for the global account filter
   // if excluded from 1 widget, excluded from all
   setSelectedAccounts = (t) => {
@@ -1166,7 +1171,7 @@ class le {
 }
 class Je {
   // Global properties
-  appConfig = K;
+  appConfig = z;
   endpoint = "/";
   sessionToken = "";
   onError;
@@ -1195,7 +1200,7 @@ class Je {
   userStore;
   // UI Stores
   globalUiStore;
-  constructor(t = K, e = "/", r) {
+  constructor(t = z, e = "/", r) {
     this.appConfig = t, this.endpoint = e, this.sessionToken = t.options.session_token ?? "", this.onError = r, this.accountStore = new ft(this), this.appDataStore = new ie(this), this.analyticsStore = new ee(this), this.beatStore = new St(this), this.budgetsStore = new se(this), this.cashflowStore = new nt(this), this.categoryStore = new et(this), this.connectStore = new ce(this), this.copyStore = new te(this), this.debtsStore = new xt(this), this.finstrongStore = new Ct(this), this.goalStore = new it(this), this.helpStore = new ae(this), this.holdingStore = new ne(this), this.merchantStore = new Tt(this), this.netWorthStore = new Bt(this), this.notificationStore = new st(this), this.recurringTransactionsStore = new mt(this), this.settingsStore = new It(this), this.transactionStore = new at(this), this.trendsStore = new ct(this), this.userStore = new le(this), this.globalUiStore = new de(this), _(this);
   }
   get isInitialized() {
@@ -1203,11 +1208,11 @@ class Je {
   }
   loadConfigData = async () => {
     await Promise.all([
-      // Load copy, config and quser data
+      // Load copy, config and user data
       this.copyStore.loadCopy(),
       this.appDataStore.loadAppData(),
       this.userStore.loadUserFeatures()
-    ]), this.globalUiStore.setInitialized(!0);
+    ]);
   };
   loadData = async ({
     accounts: t,
@@ -1219,7 +1224,7 @@ class Je {
     transactions: d,
     userFeatures: l
   } = {}) => {
-    await this.loadConfigData(), e && this.appDataStore.setAppData(e), l && this.userStore.setUserFeatures(l), t && a && (await this.accountStore.loadMembers(), this.accountStore.setInstitutions(a), this.accountStore.setAccounts(t)), r && this.transactionStore.setAssociatedBeats(r), o && this.categoryStore.setCategories(o), d && this.transactionStore.setTransactions(d), c && this.transactionStore.setTransactionRules(c);
+    (!e || !l) && await this.loadConfigData(), e && this.appDataStore.setAppData(e), l && this.userStore.setUserFeatures(l), t && a && (await this.accountStore.loadMembers(), this.accountStore.setInstitutions(a), this.accountStore.setAccounts(t)), r && this.transactionStore.setAssociatedBeats(r), o && this.categoryStore.setCategories(o), d && this.transactionStore.setTransactions(d), c && this.transactionStore.setTransactionRules(c);
   };
 }
 export {
@@ -1230,7 +1235,7 @@ export {
   Tr as AccountNotificationTypes,
   Ns as AccountSubType,
   Ms as AccountType,
-  ks as AccountTypeName,
+  Ls as AccountTypeName,
   ss as AnalyticsApi,
   h as ApiEndpoints,
   G as BannerApi,
@@ -1245,9 +1250,9 @@ export {
   E as CategoryGuids,
   ro as CategoryIcon,
   pr as ConnectCard,
-  $s as ConnectDrawer,
-  Rs as ConnectionStatus,
-  Ls as ConnectionStatusEnums,
+  ks as ConnectDrawer,
+  $s as ConnectionStatus,
+  Rs as ConnectionStatusEnums,
   no as CurrencyCodes,
   Ys as CurrencyInput,
   Sr as CurrencyText,
@@ -1255,17 +1260,17 @@ export {
   gt as DEFAULT_DONUT_SIZE,
   pt as DEFAULT_STROKE_WIDTH,
   ar as DataRow,
-  vs as DateRangeSelector,
+  As as DateRangeSelector,
   Fr as Dialog,
-  Rr as Donut,
-  jr as Drawer,
+  $r as Donut,
+  Kr as Drawer,
   wr as EmptyState,
   ys as ErrorBoundary,
   Os as ErrorStatuses,
   Ut as ExpenseStatus,
   y as Fetch,
   nr as Frequency,
-  L as GlobalCopyApi,
+  R as GlobalCopyApi,
   te as GlobalCopyStore,
   fo as GlobalDataContext,
   yo as GlobalDataProvider,
@@ -1275,14 +1280,14 @@ export {
   rr as IconBacking,
   hr as InformationTooltip,
   Ir as InsightNotificationTypes,
-  Rt as IterationItemTypes,
+  $t as IterationItemTypes,
   Qe as LOADING_STATUS,
   Or as LineChart,
   Cr as ListItemAction,
-  vr as ListItemRow,
+  Ar as ListItemRow,
   ms as ListItemWrapper,
   Xs as Loader,
-  ze as LocalizedCopyApi,
+  je as LocalizedCopyApi,
   _r as MetaType,
   Ps as MfaStatuses,
   bs as MicroWidgetContainer,
@@ -1295,32 +1300,32 @@ export {
   qr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
   Zr as PAYMENT_ACCOUNT_TYPES,
   oo as PaymentCategories,
-  $t as PlanTypes,
+  kt as PlanTypes,
   Hs as ProcessingStatuses,
   Gs as PropertyType,
   Fs as PropertyTypeName,
   Ye as RECURRENCE_COPY,
   ir as RecurrenceStatus,
   cr as RecurrenceType,
-  kt as RecurrenceTypes,
+  Lt as RecurrenceTypes,
   dr as RepeatingType,
-  js as ResponsiveButton,
+  Ks as ResponsiveButton,
   Jr as SPENDING_ACCOUNT_TYPES,
   Ht as ScheduledPaymentTypes,
-  je as ScheduledPaymentsApi,
+  Ke as ScheduledPaymentsApi,
   Gt as ScreenSize,
   Vs as SearchBox,
   lr as Select,
   Js as SelectionBox,
   Xr as SingleSegmentDonut,
   po as Sizes,
-  Ar as StackedLineChart,
+  vr as StackedLineChart,
   Ur as StatusBar,
   Ws as StatusName,
   mo as TOUCH_TARGET,
   er as TabContentContainer,
   Mr as ToggleButtonListItem,
-  kr as ToggleListItem,
+  Lr as ToggleListItem,
   fr as TrackType,
   _s as TransactionStatus,
   rt as TransactionType,
@@ -1328,7 +1333,7 @@ export {
   le as UserStore,
   Pt as UserVerification,
   W as WidgetApi,
-  As as WidgetContainer,
+  vs as WidgetContainer,
   So as WidgetContainerContext,
   bo as WidgetContainerProvider,
   rs as analyticsSession,
@@ -1348,31 +1353,31 @@ export {
   la as getLocale,
   oa as isIncome,
   ho as isValidNumber,
-  zo as useAccountDisplayName,
+  jo as useAccountDisplayName,
   wo as useAccountStore,
   xo as useAppConfig,
   Co as useBudgetsStore,
   Do as useCashflowStore,
-  vo as useCategoryStore,
+  Ao as useCategoryStore,
   os as useCombineEvents,
   as as useCombinePageviews,
-  Ao as useDebtStore,
+  vo as useDebtStore,
   Eo as useError,
   To as useEvent,
   Bo as useFinstrongStore,
   Io as useGlobalCopyStore,
   No as useGlobalStore,
   Mo as useGlobalUiStore,
-  ko as useGoalStore,
-  $o as useHelpStore,
-  Ro as useHoldingStore,
-  Ko as useInsightsEnabled,
-  Lo as useLoad,
+  Lo as useGoalStore,
+  ko as useHelpStore,
+  $o as useHoldingStore,
+  zo as useInsightsEnabled,
+  Ro as useLoad,
   Oo as useMerchantStore,
   Po as useNetWorthStore,
   Uo as useNotificationStore,
   Ho as usePageView,
-  Ke as usePrevious,
+  ze as usePrevious,
   Go as useRecurringTransactionsStore,
   Zo as useScreenSize,
   Fo as useSettingsStore,

package/dist/common/stores/GlobalUiStore.d.ts

@@ -2,7 +2,6 @@ import { Account } from '../types';
 import { GlobalStore } from './GlobalStore';
 export declare class GlobalUiStore {
     globalStore: GlobalStore;
-    isInitialized: boolean;
     selectedAccounts: Account[];
     selectedAccountGuids: string[];
     displayedDate: Date;
@@ -12,7 +11,9 @@ export declare class GlobalUiStore {
     };
     constructor(globalStore: GlobalStore);
     get isCopyLoaded(): boolean;
-    setInitialized: (isInitialized: boolean) => void;
+    get isConfigLoaded(): boolean;
+    get areUserFeaturesLoaded(): boolean;
+    get isInitialized(): boolean;
     setSelectedAccounts: (accounts: Account[]) => void;
     setSelectedAccountGuids: (guids: string[]) => Promise<void>;
     setDisplayedDate: (startDate: Date, endDate: Date) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.0.0-alpha.bb2",
+  "version": "8.0.0-alpha.bb3",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/accounts/components/AccountsWidgetContent.d.ts

@@ -1,3 +0,0 @@
-export declare const AccountsWidgetContent: (() => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};