@mx-cartographer/experiences 3.1.1-alpha.j3 → 3.1.1-alpha.j5

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

@@ -10,6 +10,7 @@ export declare class AccountStore {
     institutions: Institution[];
     members: Member[];
     uiStore: UiStore;
+    isInitialized: boolean;
     constructor(globalStore: GlobalStore);
     initialize: (endpoint: string, token: string) => void;
     get cashAccounts(): Account[];

package/dist/index.es.js

@@ -10671,11 +10671,12 @@ class e1 {
   institutions = [];
   members = [];
   uiStore;
+  isInitialized = !1;
   constructor(e) {
     this.globalStore = e, this.uiStore = new A1(), wA(this);
   }
   initialize = (e, n) => {
-    this.api = new or(e, n), this.widgetApi = new ba(e, n), Promise.all([this.loadAccounts(), this.loadInstitutions()]);
+    this.api = new or(e, n), this.widgetApi = new ba(e, n), Promise.all([this.loadAccounts(), this.loadInstitutions()]).then(() => this.isInitialized = !0);
   };
   get cashAccounts() {
     return this.accounts.filter(
@@ -11004,30 +11005,30 @@ const bt = {
   good_morning: "Good morning!",
   heres_your_spending_overview: "Here's your monthly financial overview."
 }, L1 = () => {
-  const { accounts: A } = PA(), { selectedAccountGuids: e, setSelectedAccountGuids: n, setSelectedAccounts: a } = hA(), { isMobile: r } = re(), { common: i } = X();
+  const { accounts: A, isInitialized: e } = PA(), { selectedAccountGuids: n, setSelectedAccountGuids: a, setSelectedAccounts: r } = hA(), { isMobile: i } = re(), { common: o } = X();
   C.useEffect(() => {
-    a(A), n(A.map((c) => c.guid));
-  }, [A]);
-  const o = {
+    r(A), a(A.map((l) => l.guid));
+  }, [A, e]);
+  const s = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: "_1{accountType} accounts",
-      cancelButton: i.cancel_button,
-      filterButton: i.filter_button,
-      filterButtonAria: i.account_filter.filter_button_generic_aria,
+      cancelButton: o.cancel_button,
+      filterButton: o.filter_button,
+      filterButtonAria: o.account_filter.filter_button_generic_aria,
       selectAllAccounts: "Select All Accounts",
       toggleAccountTypeAccounts: "Toggle all _1{accountType} accounts",
       unselectAllAccounts: "Unselect All Accounts",
-      zeroStateButton: i.account_filter.zero_state_button,
-      zeroStateDescription: i.account_filter.zero_state_description,
-      zeroStateTitle: i.account_filter.zero_state_title
+      zeroStateButton: o.account_filter.zero_state_button,
+      zeroStateDescription: o.account_filter.zero_state_description,
+      zeroStateTitle: o.account_filter.zero_state_title
     },
-    title: i.account_filter.title
+    title: o.account_filter.title
   };
-  return /* @__PURE__ */ t(oe, { sx: { mb: r ? 24 : 0, p: 24 }, children: /* @__PURE__ */ d(w, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+  return /* @__PURE__ */ t(oe, { sx: { mb: i ? 24 : 0, p: 24 }, children: /* @__PURE__ */ d(w, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
     /* @__PURE__ */ d(w, { children: [
       /* @__PURE__ */ t(fe, { children: (() => {
-        const l = (/* @__PURE__ */ new Date()).getHours();
-        return l > 1 && l < 12 ? bt.good_morning : l >= 12 && l < 18 ? bt.good_afternoon : bt.good_evening;
+        const u = (/* @__PURE__ */ new Date()).getHours();
+        return u > 1 && u < 12 ? bt.good_morning : u >= 12 && u < 18 ? bt.good_afternoon : bt.good_evening;
       })() }),
       /* @__PURE__ */ t(E, { color: "text.secondary", sx: { fontSize: 15 }, children: bt.heres_your_spending_overview })
     ] }),
@@ -11035,12 +11036,12 @@ const bt = {
       Xr,
       {
         accounts: A,
-        copy: o,
-        onFilterClick: (c) => {
-          const l = A.filter((u) => c.includes(u.guid)).map((u) => u.guid);
-          n(l);
+        copy: s,
+        onFilterClick: (l) => {
+          const u = A.filter((h) => l.includes(h.guid)).map((h) => h.guid);
+          a(u);
         },
-        selectedAccountGuids: e,
+        selectedAccountGuids: n,
         showAccountNumbers: !1,
         sx: { "& .mx-cmn-account-filter-title": { fontSize: 15 }, mx: 4 },
         variant: "text"
@@ -11048,31 +11049,31 @@ const bt = {
     )
   ] }) });
 }, T1 = O(L1), I1 = ({ widgets: A, isLoading: e }) => {
-  const { isDesktop: n, isMobile: a } = re(), { copyStore: r } = jn(), i = C.useMemo(
-    () => A.sort((c, l) => c.index - l.index),
-    [A]
-  ), o = C.useMemo(
-    () => i.filter((c) => c.location === xn.Main),
+  const { isDesktop: n, isMobile: a } = re(), { accountStore: r, copyStore: i } = jn(), o = C.useMemo(
+    () => A.sort((l, u) => l.index - u.index),
     [A]
   ), s = C.useMemo(
-    () => i.filter((c) => c.location === xn.RightSide),
+    () => o.filter((l) => l.location === xn.Main),
+    [A]
+  ), c = C.useMemo(
+    () => o.filter((l) => l.location === xn.RightSide),
     [A]
   );
   return /* @__PURE__ */ d(Me, { container: !0, spacing: a ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(Me, { xs: 12, children: r.isInitialized && /* @__PURE__ */ t(T1, {}) }),
+    /* @__PURE__ */ t(Me, { xs: 12, children: i.isInitialized && r.isInitialized && /* @__PURE__ */ t(T1, {}) }),
     /* @__PURE__ */ d(Me, { xl: 8, xs: 12, children: [
       e && /* @__PURE__ */ d(w, { direction: "column", spacing: 24, children: [
         /* @__PURE__ */ t(le, { height: 100, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ t(le, { height: 300, variant: "rounded", width: "100%" }),
         /* @__PURE__ */ t(le, { height: 300, variant: "rounded", width: "100%" })
       ] }),
-      !e && /* @__PURE__ */ t(w, { direction: "column", spacing: 24, children: n ? o.map((c) => /* @__PURE__ */ t(C.Fragment, { children: c.component }, c.index)) : i.map((c) => /* @__PURE__ */ t(C.Fragment, { children: c.component }, c.index)) })
+      !e && /* @__PURE__ */ t(w, { direction: "column", spacing: 24, children: n ? s.map((l) => /* @__PURE__ */ t(C.Fragment, { children: l.component }, l.index)) : o.map((l) => /* @__PURE__ */ t(C.Fragment, { children: l.component }, l.index)) })
     ] }),
     n && /* @__PURE__ */ t(Me, { xl: 4, children: e ? /* @__PURE__ */ d(w, { direction: "column", spacing: 24, children: [
       /* @__PURE__ */ t(le, { height: 200, variant: "rounded", width: "100%" }),
       /* @__PURE__ */ t(le, { height: 100, variant: "rounded", width: "100%" }),
       /* @__PURE__ */ t(le, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ t(w, { direction: "column", spacing: 24, children: s.map((c) => /* @__PURE__ */ t(C.Fragment, { children: c.component }, c.index)) }) })
+    ] }) : /* @__PURE__ */ t(w, { direction: "column", spacing: 24, children: c.map((l) => /* @__PURE__ */ t(C.Fragment, { children: l.component }, l.index)) }) })
   ] });
 }, k7 = O(I1), G7 = () => /* @__PURE__ */ t("div", { children: "Goals" });
 function S1(A) {