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

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

@@ -7,7 +7,6 @@ export declare class AppDataStore {
     api: AppDataApi;
     bannerApi: BannerApi;
     appData: AppData;
-    isAppDataLoaded: boolean;
     banner: Banner;
     constructor(globalStore: GlobalStore);
     get appConfig(): AppConfig;
@@ -16,8 +15,7 @@ export declare class AppDataStore {
     get user(): User;
     get userCommunicationProfile(): UserCommunicationProfile;
     get userProfile(): UserProfile;
-    setAppData: (appData: AppData) => void;
-    loadAppData: () => Promise<void>;
+    loadAppData: (appDataOverrides?: AppData) => Promise<void>;
     loadBanner: () => Promise<void>;
     setUser: (user: User) => User;
     setUserCommunicationProfile: (profile: UserCommunicationProfile) => UserCommunicationProfile;

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

@@ -8,6 +8,7 @@ export declare class GlobalCopyStore {
     featureNamespace: string;
     isInitialized: boolean;
     constructor(globalStore: GlobalStore);
+    initialize: (endpoint: string, token: string) => Promise<void>;
     loadCopy: () => Promise<void>;
     getCopy: (namespace: string, translationKey?: string) => Promise<void>;
 }

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

@@ -1,6 +1,6 @@
 import { AccountStore } from '../../accounts';
 import { AnalyticsStore } from '../../analytics/stores/AnalyticsStore';
-import { BeatStore } from '../../insights';
+import { BeatStore } from '../../insights/store/BeatStore';
 import { BudgetsStore } from '../../budgets/store/BudgetsStore';
 import { CashflowStore } from '../../cashflow';
 import { CategoryStore } from '../../categories';
@@ -21,7 +21,8 @@ import { ConnectStore } from './ConnectStore';
 import { GlobalCopyStore } from './GlobalCopyStore';
 import { GlobalUiStore } from './GlobalUiStore';
 import { UserStore } from './UserStore';
-import { Account, Category, Institution, Member, AppConfig, AppData, Beat, GlobalErrorHandler, Tag, Tagging, Transaction, TransactionRule, UserFeature } from '../types';
+import { Account, Category, Institution, Member } from '../../common';
+import { AppConfig, AppData, Beat, GlobalErrorHandler, Tag, Tagging, Transaction, TransactionRule, UserFeature } from '../types';
 interface LoadDataProps {
     accounts?: Account[];
     appData?: AppData;
@@ -71,7 +72,6 @@ export declare class GlobalStore {
     constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler, onStoreUpdate?: OnStoreUpdate);
     get isInitialized(): boolean;
     emitUpdate: (change: ObservedUpdate) => void;
-    loadConfigData: () => Promise<void>;
     loadData: ({ accounts, appData, associatedBeats, categories, institutions, transactionRules, transactions, userFeatures, }?: LoadDataProps) => Promise<void>;
 }
 export {};

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

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

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

@@ -5,12 +5,11 @@ export declare class UserStore {
     globalStore: GlobalStore;
     api: UserApi;
     userFeatures: UserFeature[];
-    userFeaturesLoaded: boolean;
     constructor(globalStore: GlobalStore);
+    initialize: (endpoint: string, token: string) => Promise<void>;
     get userProfile(): UserProfile;
     get user(): User;
-    setUserFeatures: (features: UserFeature[]) => void;
-    loadUserFeatures: () => Promise<void>;
+    loadUserFeatures: (featuresOverrides?: UserFeature[]) => Promise<void>;
     updateUser: (user: User) => Promise<void>;
     updateUserProfile: (userProfile: UserProfile) => Promise<void>;
 }

package/dist/common/types/Account.d.ts

@@ -1,4 +1,3 @@
-import { Institution } from './Institution';
 export interface Account {
     account_number?: string;
     account_subtype?: AccountSubType;
@@ -65,20 +64,17 @@ export interface Account {
     memberName?: string;
     connectionStatus?: ConnectionStatus;
     displayName?: string;
-    trucatedDisplayName?: string;
+    truncatedDisplayName?: string;
     institutionName?: string;
 }
 export interface DetailedAccount extends Account {
-    connectionStatus?: ConnectionStatus;
-    displayName?: string;
-    institutionName?: string;
-    member?: Member;
-    monthlyBalances?: MonthlyAccountBalance[];
-    institution?: Institution;
+    institution_name: string;
+    isEnabled: boolean;
+    name: string;
 }
 export interface Member {
     aggregation_status: number;
-    connection_status: ConnectionStatusEnums;
+    connection_status: number;
     guid: string;
     institution_guid: string;
     institution_name?: string;
@@ -102,6 +98,7 @@ export interface Member {
     verification_is_enabled: boolean;
     tax_statement_is_enabled: boolean;
     successfully_aggregated_at?: number;
+    connectionStatus?: ConnectionStatus;
 }
 export interface MonthlyAccountBalance {
     account_guid: string;

package/dist/common/types/localization/TransactionsCopy.d.ts

@@ -49,6 +49,7 @@ export interface TransactionsCopy {
     merchant_logo_modal_desc_bold: string;
     merchant_logo_modal_title: string;
     merchant_logo_title: string;
+    payee_edit: string;
     payee_title: string;
     split_transaction_add_split_btn: string;
     split_transaction_category_label: string;

package/dist/common/utils/Theme.d.ts

@@ -9,9 +9,11 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
     };
     palette: {
         [k: string]: PaletteColor | {
+            lighter: string;
             light: string;
             main: string;
             dark: string;
+            darker: string;
         };
     };
     components: {
@@ -64,7 +66,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string;
+                    color: string | undefined;
                     '&:hover': {
                         backgroundColor: string;
                     };

package/dist/dashboard/index.es.js

@@ -1,29 +1,30 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import r from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import c from "react";
 import { observer as _ } from "mobx-react-lite";
-import h from "@mui/material/Grid";
-import u from "@mui/material/Skeleton";
-import l from "@mui/material/Stack";
-import { useTheme as D } from "@mui/material/styles";
-import { f as A, u as v, d as C, b as z, a as k, n as B } from "../hooks-C41HAxM5.mjs";
-import G from "@mui/material/Paper";
-import { Icon as S, H1 as F, P as W } from "@mxenabled/mxui";
-import { useMediaQuery as I } from "@mui/system";
+import h from "@mui/material/Unstable_Grid2";
+import d from "@mui/material/Skeleton";
+import s from "@mui/material/Stack";
+import D from "@mui/material/styles/useTheme";
+import { f as A, u as v, d as C, b as M, a as k } from "../hooks-ZMp65DFz.mjs";
+import B from "@mui/material/Paper";
+import { Icon as S, H1 as G, P as F } from "@mxenabled/mxui";
+import { useMediaQuery as W } from "@mui/system";
 import T from "@mui/material/Box";
-import R from "@mui/material/Button";
+import I from "@mui/material/Button";
 import $ from "@mui/material/IconButton";
-import j from "@mui/material/Tooltip";
-import E from "@mui/material/useMediaQuery";
-import { k as Q, l as H } from "../ConnectDrawer-DVp54lUH.mjs";
-import { u as M } from "../useScreenSize-B5afALev.mjs";
-const P = _(() => {
+import H from "@mui/material/Tooltip";
+import R from "@mui/material/useMediaQuery";
+import { k as j, l as Q } from "../ConnectDrawer-BkvlItWx.mjs";
+import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as E } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+const N = _(() => {
   const e = D(), {
-    appDataStore: { banner: o, loadBanner: i, user: d }
+    appDataStore: { banner: r, loadBanner: i, user: u }
   } = A();
-  return r.useEffect(() => {
+  return c.useEffect(() => {
     i().finally();
-  }, [d]), o?.image_url ? /* @__PURE__ */ t(
-    l,
+  }, [u]), r?.image_url ? /* @__PURE__ */ t(
+    s,
     {
       sx: {
         alignItems: "center",
@@ -33,7 +34,7 @@ const P = _(() => {
       children: /* @__PURE__ */ t(
         "a",
         {
-          href: o?.redirect_url,
+          href: r?.redirect_url,
           rel: "noreferrer",
           style: {
             width: "100%"
@@ -43,7 +44,7 @@ const P = _(() => {
             "img",
             {
               alt: "",
-              src: o.image_url,
+              src: r.image_url,
               style: {
                 width: "100%",
                 height: "auto",
@@ -55,25 +56,25 @@ const P = _(() => {
       )
     }
   ) : null;
-}), N = ({ handleConnectClick: e }) => {
-  const { common: o } = v(), i = E("(max-width: 700px)");
-  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(j, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ t(
+}), P = ({ handleConnectClick: e }) => {
+  const { common: r } = v(), i = R("(max-width: 700px)");
+  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(H, { id: "add-accounts", placement: "bottom", title: r.add_accounts, children: /* @__PURE__ */ t(
     $,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       color: "primary",
       onClick: e,
       children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ t(
-    R,
+    I,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
-      "aria-label": o.add_accounts,
+      "aria-label": r.add_accounts,
       onClick: e,
       startIcon: /* @__PURE__ */ t(S, { name: "add", size: 24 }),
       sx: {
@@ -82,44 +83,44 @@ const P = _(() => {
         minWidth: "max-content"
       },
       variant: "text",
-      children: o.add_accounts
+      children: r.add_accounts
     }
   ) });
-}, O = _(N), U = () => {
-  const [e, o] = r.useState(!1), i = I("(max-width:320px)"), { visibleAccounts: d } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = z(), { common: n, connect: x } = v(), { config: a } = k(), { isMobile: w } = M(), y = {
+}, O = _(P), U = () => {
+  const [e, r] = c.useState(!1), i = W("(max-width:320px)"), { visibleAccounts: u } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: o, connect: l } = v(), { config: m } = k(), { isMobile: x } = z(), n = {
     accountFilterOptionsCopy: {
-      accountTypeAccounts: n.account_filter.account_type_accounts,
-      cancelButton: n.cancel_button,
-      filterButton: n.filter_button,
-      filterButtonAria: n.account_filter.filter_button_generic_aria,
-      selectAllAccounts: n.account_filter.select_all_accounts,
-      toggleAccountTypeAccounts: n.account_filter.toggle_account_type_accounts,
-      unselectAllAccounts: n.account_filter.unselect_all_accounts,
-      zeroStateButton: n.account_filter.zero_state_button,
-      zeroStateDescription: n.account_filter.zero_state_description,
-      zeroStateTitle: n.account_filter.zero_state_title
+      accountTypeAccounts: o.account_filter.account_type_accounts,
+      cancelButton: o.cancel_button,
+      filterButton: o.filter_button,
+      filterButtonAria: o.account_filter.filter_button_generic_aria,
+      selectAllAccounts: o.account_filter.select_all_accounts,
+      toggleAccountTypeAccounts: o.account_filter.toggle_account_type_accounts,
+      unselectAllAccounts: o.account_filter.unselect_all_accounts,
+      zeroStateButton: o.account_filter.zero_state_button,
+      zeroStateDescription: o.account_filter.zero_state_description,
+      zeroStateTitle: o.account_filter.zero_state_title
     },
-    title: n.filter_button
-  }, c = () => {
+    title: o.filter_button
+  }, w = () => {
     const p = (/* @__PURE__ */ new Date()).getHours();
-    return p > 1 && p < 12 ? n.good_morning : p >= 12 && p < 18 ? n.good_afternoon : n.good_evening;
+    return p > 1 && p < 12 ? o.good_morning : p >= 12 && p < 18 ? o.good_afternoon : o.good_evening;
   };
-  return /* @__PURE__ */ s(r.Fragment, { children: [
-    /* @__PURE__ */ t(G, { sx: { gap: 12, mb: w ? 24 : 0, p: 24 }, children: /* @__PURE__ */ s(l, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ s(l, { children: [
-        /* @__PURE__ */ t(F, { variant: i ? "h2" : "h1", children: c() }),
-        /* @__PURE__ */ t(W, { color: "text.secondary", children: n.heres_your_spending_overview })
+  return /* @__PURE__ */ a(c.Fragment, { children: [
+    /* @__PURE__ */ t(B, { sx: { gap: 12, mb: x ? 24 : 0, p: 24 }, children: /* @__PURE__ */ a(s, { alignItems: "center", flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ t(G, { variant: i ? "H2" : "H1", children: w() }),
+        /* @__PURE__ */ t(F, { color: "text.secondary", children: o.heres_your_spending_overview })
       ] }),
-      /* @__PURE__ */ s(l, { flexDirection: "row", children: [
-        a.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => o(!0) }),
+      /* @__PURE__ */ a(s, { flexDirection: "row", children: [
+        m.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => r(!0) }),
         /* @__PURE__ */ t(
-          Q,
+          j,
           {
-            accounts: d,
-            copy: y,
-            onConnectAccountClick: a.show_connections_widget_in_master ? () => o(!0) : void 0,
-            onFilterClick: (m) => {
-              b(m);
+            accounts: u,
+            copy: n,
+            onConnectAccountClick: m.show_connections_widget_in_master ? () => r(!0) : void 0,
+            onFilterClick: (y) => {
+              b(y);
             },
             selectedAccountGuids: g,
             showAccountNumbers: !1,
@@ -132,52 +133,53 @@ const P = _(() => {
       ] })
     ] }) }),
     e && /* @__PURE__ */ t(
-      H,
+      Q,
       {
-        onClose: () => o(!1),
+        onClose: () => r(!1),
         showConnectWidget: e,
-        title: x.mini_title
+        title: l.mini_title
       }
     )
   ] });
 }, q = _(U);
 var f = /* @__PURE__ */ ((e) => (e[e.Main = 0] = "Main", e[e.RightSide = 1] = "RightSide", e[e.Disabled = 2] = "Disabled", e))(f || {});
-const J = ({ widgets: e, isLoading: o }) => {
-  const { isDesktop: i, isMobile: d } = M(), { copyStore: g } = A(), { setSelectedAccounts: b } = z(), { visibleAccounts: n } = C(), { onLoad: x } = B();
-  r.useEffect(() => {
-    b(n);
-  }, [n]), r.useEffect(() => {
-    o || x?.("Dashboard");
-  }, [o]);
-  const a = r.useMemo(
-    () => e.filter((c) => c.location !== f.Disabled).sort((c, m) => c.index - m.index),
+const J = ({ widgets: e, isLoading: r }) => {
+  const { isDesktop: i, isMobile: u } = z(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: o } = C();
+  c.useEffect(() => {
+    b(o);
+  }, [o]), E({
+    widgetName: "Dashboard",
+    isLoaded: !r
+  });
+  const l = c.useMemo(
+    () => e.filter((n) => n.location !== f.Disabled).sort((n, w) => n.index - w.index),
     [e]
-  ), w = r.useMemo(
-    () => a.filter((c) => c.location === f.Main),
-    [a]
-  ), y = r.useMemo(
-    () => a.filter((c) => c.location === f.RightSide),
-    [a]
+  ), m = c.useMemo(
+    () => l.filter((n) => n.location === f.Main),
+    [l]
+  ), x = c.useMemo(
+    () => l.filter((n) => n.location === f.RightSide),
+    [l]
   );
-  return /* @__PURE__ */ s(h, { container: !0, spacing: d ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(h, { size: { xs: 12 }, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
-    /* @__PURE__ */ s(h, { size: { lg: 8, xs: 12 }, children: [
-      /* @__PURE__ */ t(P, {}),
-      o && /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-        /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" }),
-        /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
+  return /* @__PURE__ */ a(h, { container: !0, spacing: u ? 0 : 24, sx: { overflow: "scroll" }, children: [
+    /* @__PURE__ */ t(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
+    /* @__PURE__ */ a(h, { lg: 8, xs: 12, children: [
+      /* @__PURE__ */ t(N, {}),
+      r && /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
+        /* @__PURE__ */ t(d, { height: 100, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" }),
+        /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" })
       ] }),
-      !o && /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: i ? w.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) : a.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) })
+      !r && /* @__PURE__ */ t(s, { direction: "column", spacing: 24, children: i ? m.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) : l.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) })
     ] }),
-    i && /* @__PURE__ */ t(h, { size: { lg: 4 }, children: o ? /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
-      /* @__PURE__ */ t(u, { height: 200, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 100, variant: "rounded", width: "100%" }),
-      /* @__PURE__ */ t(u, { height: 300, variant: "rounded", width: "100%" })
-    ] }) : /* @__PURE__ */ t(l, { direction: "column", spacing: 24, children: y.map((c) => /* @__PURE__ */ t(r.Fragment, { children: c.component }, c.index)) }) })
+    i && /* @__PURE__ */ t(h, { lg: 4, children: r ? /* @__PURE__ */ a(s, { direction: "column", spacing: 24, children: [
+      /* @__PURE__ */ t(d, { height: 200, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(d, { height: 100, variant: "rounded", width: "100%" }),
+      /* @__PURE__ */ t(d, { height: 300, variant: "rounded", width: "100%" })
+    ] }) : /* @__PURE__ */ t(s, { direction: "column", spacing: 24, children: x.map((n) => /* @__PURE__ */ t(c.Fragment, { children: n.component }, n.index)) }) })
   ] });
-}, mt = _(J);
+}, pt = _(J);
 export {
-  mt as Dashboard,
+  pt as Dashboard,
   f as DashboardLocation
 };

package/dist/debts/components/DebtsChart.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { DebtChartData } from '../utils/DebtsWidget';
 interface DebtsChartProps {
     sx?: any;
@@ -8,5 +9,5 @@ interface DebtsChartProps {
     onClickArea?: () => void;
     onHoverArea?: (debtGuid: string) => void;
 }
-export declare const DebtsChart: ({ sx, height, width, debts, hoveredDebtGuid, onClickArea, onHoverArea, }: DebtsChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DebtsChart: React.FC<DebtsChartProps>;
 export {};