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

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

@@ -35,11 +35,16 @@ interface LoadDataProps {
     transactions?: Transaction[];
     userFeatures?: UserFeature[];
 }
+type OnStoreUpdate = (update: ObservedUpdate) => void;
+type ObservedUpdate = {
+    transactions: Transaction[];
+};
 export declare class GlobalStore {
     appConfig: AppConfig;
     endpoint: string;
     sessionToken: string;
     onError?: GlobalErrorHandler;
+    onStoreUpdate?: OnStoreUpdate;
     accountStore: AccountStore;
     appDataStore: AppDataStore;
     analyticsStore: AnalyticsStore;
@@ -63,8 +68,9 @@ export declare class GlobalStore {
     trendsStore: TrendsStore;
     userStore: UserStore;
     globalUiStore: GlobalUiStore;
-    constructor(appConfig?: AppConfig, endpoint?: string, onError?: GlobalErrorHandler);
+    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>;
 }

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/dist/common/types/Finstrong.d.ts

@@ -1,4 +1,8 @@
 import { CardStatus } from '../constants/FinStrong';
+import { Transaction } from './Transaction';
+export interface SpendingFeeTransaction {
+    transaction: Transaction;
+}
 export interface HealthScore {
     created_at: string;
     debt_score: number;
@@ -31,6 +35,33 @@ export interface MonthlyHealthScoreAverage {
 export interface MonthlyHealthScore {
     monthly_health_score_average: MonthlyHealthScoreAverage[];
 }
+export interface MonthlyHealthScoreItem {
+    monthly_health_score_average: MonthlyHealthScoreAverage;
+}
+export interface MonthlySummaries {
+    user_guid: string;
+    year: number;
+    month: number;
+    standard_spend: number;
+    debt_spend: number;
+    income: number;
+    available_cash: number;
+    debt_balance: number;
+    credit_score: number;
+}
+export interface FinstrongTransaction {
+    transaction: Transaction;
+}
+export interface HealthScoreAverage {
+    birth_year: number;
+    single_year_user_count: number;
+    single_year_average_health_score: number;
+    user_count_total: number;
+    average_health_score: number;
+}
+export interface PeerAverage {
+    average_health_score: HealthScoreAverage;
+}
 export interface HealthScoreReport {
     credit_score_change_effect: number;
     debt_score_point_difference: number | null;
@@ -69,3 +100,26 @@ export interface HealthScoreReport {
     user_guid: string;
 }
 export type KeyIndicatorsCardState = (typeof CardStatus)[keyof typeof CardStatus];
+export declare enum OnboardingSteps {
+    ConnectAccounts = 1,
+    MonthlyIncome = 2,
+    Birthday = 3,
+    CreditScore = 4
+}
+export declare enum DurationUnit {
+    Months = 1,
+    Years = 2,
+    Days = 3
+}
+export declare enum ContributeFrequency {
+    Monthly = 1,
+    BiWeekly = 2,
+    Weekly = 3,
+    Daily = 4
+}
+export interface AllTransactions {
+    income: FinstrongTransaction[];
+    debtSpend: FinstrongTransaction[];
+    spendingFee: Transaction[];
+    spend: FinstrongTransaction[];
+}

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

@@ -1,4 +1,5 @@
 export type Config = {
+    type?: 'pulse' | 'money-dashboard' | 'micro-pulse-carousel' | 'mini-pulse-carousel';
     display_mobile_devices_in_settings: boolean;
     enable_renaming_home_accounts: boolean;
     enable_support_requests: boolean;

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

@@ -5,6 +5,7 @@ export interface MiniWidgetProps {
     sx?: SxProps;
 }
 export interface WidgetProps {
+    onPrimaryCtaClick?: (value: string) => () => void;
     onBackClick?: () => void;
     sx?: SxProps;
     title?: string;

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

@@ -16,7 +16,7 @@ export { GoalType, MetaType, TrackType } from './Goal';
 export type { Goal, MonthlyCashFlowProfile, RetirementGoalAccount } from './Goal';
 export type { Debt } from './Debt';
 export type { GlobalErrorHandler, GlobalEventHandler } from './Handlers';
-export type { HealthScore, HealthScoreReport, MonthlyHealthScore } from './Finstrong';
+export type { HealthScore, HealthScoreReport, MonthlyHealthScore, MonthlySummaries, SpendingFeeTransaction, AllTransactions, } from './Finstrong';
 export type { HelpAlertProps, HelpCategory, HelpContentProps, HelpTopic, HelpType, ImageContentProps, InstitutionData, NoImageContentProps, SectionProps, SelectedTopic, Ticket, } from './Help';
 export type { Institution } from './Institution';
 export * from './localization';

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

@@ -6,6 +6,23 @@ export interface CreditScoreStatusCopy {
     exceptional: string;
     missing_data: string;
 }
+interface HaveManageableDebtDrawer {
+    debt_payment: string;
+    debt_over_time: string;
+    have_manageable_debt_description: string;
+    have_manageable_debt_double_bar_chart_empty_state_description: string;
+    have_manageable_debt_double_bar_chart_empty_state_header: string;
+    have_manageable_debt_more_transactions: string;
+    have_manageable_debt_income: string;
+    have_manageable_debt_line_chart_empty_state_description: string;
+    have_manageable_debt_line_chart_empty_state_header: string;
+    have_manageable_debt_payments: string;
+    have_manageable_debt_sticky_description: string;
+    have_manageable_debt_sticky_title: string;
+    have_manageable_debt_title: string;
+    have_manageable_debt_transactions: string;
+    income: string;
+}
 export interface HealthScoreStatuDetailsCopy {
     building: string;
     stable: string;
@@ -18,6 +35,7 @@ interface KeyIndicatorBorrow {
     credit_score_missing_description: string;
     credit_score_off_track_description: string;
     credit_score_title: string;
+    have_manageable_debt_drawer: HaveManageableDebtDrawer;
     manage_debit_fair_description: string;
     manage_debit_good_description: string;
     manage_debit_missing_description: string;
@@ -31,24 +49,60 @@ interface KeyIndicatorSave {
     days_of_cash_missing_description: string;
     days_of_cash_off_track_description: string;
     days_of_cash_title: string;
+    drawer_available: string;
+    drawer_available_balance: string;
+    drawer_daily_spend: string;
+    drawer_description: string;
+    drawer_progress_bar_label: string;
+    drawer_progress_bar_value: string;
+    drawer_spending: string;
+    drawer_title: string;
     emergency_savings_fair_description: string;
     emergency_savings_good_description: string;
     emergency_savings_missing_description: string;
     emergency_savings_off_track_description: string;
     emergency_savings_title: string;
+    savings_over_time: string;
     title: string;
+    zero_state_title: string;
+    zero_state_description: string;
+}
+interface PayBillsOnTimeDrawer {
+    pay_bills_on_time_description: string;
+    pay_bills_on_time_sticky_description: string;
+    pay_bills_on_time_sticky_fee_count: string;
+    pay_bills_on_time_sticky_state: string;
+    pay_bills_on_time_title: string;
+    pay_bills_on_time_zero_fees_title: string;
+    pay_bills_on_time_zero_fees_description: string;
+}
+interface SpendLessThanYouMakeDrawer {
+    income: string;
+    spend_less_than_you_make_description: string;
+    spend_less_than_you_make_title: string;
+    spend_less_than_you_make_sticky_description: string;
+    spending: string;
+    spending_zero_state_title: string;
+    spending_zero_state_description: string;
+    spent: string;
+    trends: string;
+    trends_zero_state_title: string;
+    trends_zero_state_description: string;
+    view_more: string;
 }
-interface KeyIndicatorSpend {
+export interface KeyIndicatorSpend {
     count_card_title: string;
     count_fair_description: string;
     count_good_description: string;
     count_missing_description: string;
     count_off_track_description: string;
+    pay_bills_on_time_drawer: PayBillsOnTimeDrawer;
     ratio_card_title: string;
     ratio_fair_description: string;
     ratio_good_description: string;
     ratio_missing_description: string;
     ratio_off_track_description: string;
+    spend_less_than_you_make_drawer: SpendLessThanYouMakeDrawer;
     title: string;
 }
 interface ScoreHistoryDrawerTimeline {
@@ -72,12 +126,18 @@ export interface FinstrongCopy {
     connect_more_accounts_button: string;
     connect_more_accounts_description: string;
     connect_more_accounts_title: string;
+    connect_more_accounts_to_unlock_a_fuller_understanding_of_your_finances: string;
     connect_more_accounts_to_view_more_accurate_financial_picture: string;
     connect_your_accounts: string;
     connected_account: string;
     connections: string;
+    credit_over_time_title: string;
+    credit_over_time_zero_state_desc: string;
     credit_score: string;
+    credit_score_description: string;
+    credit_score_keep_strong_credit_score: string;
     credit_score_status: CreditScoreStatusCopy;
+    credit_score_updated_score: string;
     date_of_birth: string;
     dont_see_all_your_accounts: string;
     edit_credit_score: string;
@@ -90,6 +150,7 @@ export interface FinstrongCopy {
     health_score_zero_title: string;
     health_score_zero_description: string;
     how_do_we_do_this: string;
+    in_the_last_90_days_you_spent: string;
     insufficient_data: string;
     key_indicators: string;
     key_indicators_borrow: KeyIndicatorBorrow;
@@ -98,16 +159,58 @@ export interface FinstrongCopy {
     key_indicators_missing: string;
     key_indicators_label: string;
     key_indicators_off_track: string;
+    key_indicators_open: string;
     key_indicators_save: KeyIndicatorSave;
     key_indicators_spend: KeyIndicatorSpend;
     missing_data_description: string;
+    maintain_emergency_savings_bi_weekly: string;
+    maintain_emergency_savings_calculate: string;
+    maintain_emergency_savings_daily: string;
+    maintain_emergency_savings_day: string;
+    maintain_emergency_savings_days: string;
+    maintain_emergency_savings_description: string;
+    maintain_emergency_savings_estimated_contribution: string;
+    maintain_emergency_savings_estimated_period_bi_weekly: string;
+    maintain_emergency_savings_estimated_period_daily: string;
+    maintain_emergency_savings_estimated_period_monthly: string;
+    maintain_emergency_savings_estimated_period_weekly: string;
+    maintain_emergency_savings_how_often_contribute: string;
+    maintain_emergency_savings_meet_your_goal_within: string;
+    maintain_emergency_savings_months: string;
+    maintain_emergency_savings_monthly: string;
+    maintain_emergency_savings_savings_goal: string;
+    maintain_emergency_savings_suggested_goal: string;
+    maintain_emergency_savings_title: string;
+    maintain_emergency_savings_weekly: string;
+    maintain_emergency_savings_years: string;
+    maintain_emergency_savings_your_savings: string;
     missing_data_title: string;
+    more_accounts: string;
     monthly_income: string;
+    onboarding_add_accounts: string;
+    onboarding_add_income_primary: string;
+    onboarding_add_income_secondary: string;
+    onboarding_add_more_income: string;
+    onboarding_back: string;
+    onboarding_birthday_primary: string;
+    onboarding_birthday_secondary: string;
+    onboarding_calculate_primary: string;
+    onboarding_calculate_secondary: string;
+    onboarding_confirm_income: string;
+    onboarding_connect_your_accounts_secondary: string;
+    onboarding_credit_score_primary: string;
+    onboarding_credit_score_secondary: string;
+    onboarding_do_it_later: string;
+    onboarding_get_started: string;
+    onboarding_next: string;
+    onboarding_select_date: string;
+    onboarding_subtitle: string;
+    onboarding_title: string;
+    peer_average: string;
     profile: string;
     score_history: string;
     score_history_drawer_timeline: ScoreHistoryDrawerTimeline;
     score_rubric: string;
-    peer_average: string;
     see_whats_possible: string;
     see_whats_possible_description: string;
     stable: string;

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

@@ -60,6 +60,7 @@ export interface GoalsCopy {
     goal_priority: string;
     goal_projection: string;
     ongoing_title: string;
+    parent_category_totals_label_general: string;
     projected_label: string;
     manage_debt_description: string;
     manage_debt_drawer_title: string;

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

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

package/dist/dashboard/index.es.js

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import r from "react";
 import { observer as _ } from "mobx-react-lite";
-import h from "@mui/material/Unstable_Grid2";
+import h from "@mui/material/Grid";
 import u from "@mui/material/Skeleton";
 import l 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, n as B } from "../hooks-D6XlXHf4.mjs";
+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 T from "@mui/material/Box";
-import $ from "@mui/material/Button";
-import H from "@mui/material/IconButton";
-import R from "@mui/material/Tooltip";
-import j from "@mui/material/useMediaQuery";
-import { k as E, l as Q } from "../ConnectDrawer-BQNs-hjk.mjs";
-import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
+import R 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 = _(() => {
   const e = D(), {
     appDataStore: { banner: o, loadBanner: i, user: d }
@@ -56,9 +56,9 @@ const P = _(() => {
     }
   ) : null;
 }), N = ({ handleConnectClick: e }) => {
-  const { common: o } = v(), i = j("(max-width: 700px)");
-  return /* @__PURE__ */ t(T, { my: 4, children: i ? /* @__PURE__ */ t(R, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ t(
-    H,
+  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(
+    $,
     {
       "aria-controls": "add_accounts",
       "aria-describedby": "add-accounts",
@@ -69,7 +69,7 @@ const P = _(() => {
       children: /* @__PURE__ */ t(S, { name: "add", size: 24 })
     }
   ) }) : /* @__PURE__ */ t(
-    $,
+    R,
     {
       "aria-controls": "add_accounts",
       "aria-haspopup": !0,
@@ -86,7 +86,7 @@ const P = _(() => {
     }
   ) });
 }, O = _(N), U = () => {
-  const [e, o] = r.useState(!1), i = I("(max-width:320px)"), { visibleAccounts: d } = C(), { selectedAccountGuids: g, setSelectedAccountGuids: b } = M(), { common: n, connect: x } = v(), { config: a } = k(), { isMobile: w } = z(), y = {
+  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 = {
     accountFilterOptionsCopy: {
       accountTypeAccounts: n.account_filter.account_type_accounts,
       cancelButton: n.cancel_button,
@@ -107,13 +107,13 @@ const P = _(() => {
   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(F, { variant: i ? "h2" : "h1", children: c() }),
         /* @__PURE__ */ t(W, { color: "text.secondary", children: n.heres_your_spending_overview })
       ] }),
       /* @__PURE__ */ s(l, { flexDirection: "row", children: [
         a.show_connections_widget_in_master && /* @__PURE__ */ t(O, { handleConnectClick: () => o(!0) }),
         /* @__PURE__ */ t(
-          E,
+          Q,
           {
             accounts: d,
             copy: y,
@@ -132,7 +132,7 @@ const P = _(() => {
       ] })
     ] }) }),
     e && /* @__PURE__ */ t(
-      Q,
+      H,
       {
         onClose: () => o(!1),
         showConnectWidget: e,
@@ -143,7 +143,7 @@ const P = _(() => {
 }, 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 } = z(), { copyStore: g } = A(), { setSelectedAccounts: b } = M(), { visibleAccounts: n } = C(), { onLoad: x } = B();
+  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(() => {
@@ -160,8 +160,8 @@ const J = ({ widgets: e, isLoading: o }) => {
     [a]
   );
   return /* @__PURE__ */ s(h, { container: !0, spacing: d ? 0 : 24, sx: { overflow: "scroll" }, children: [
-    /* @__PURE__ */ t(h, { xs: 12, children: g.isInitialized && /* @__PURE__ */ t(q, {}) }),
-    /* @__PURE__ */ s(h, { lg: 8, xs: 12, 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%" }),
@@ -170,7 +170,7 @@ const J = ({ widgets: e, isLoading: o }) => {
       ] }),
       !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)) })
     ] }),
-    i && /* @__PURE__ */ t(h, { lg: 4, children: o ? /* @__PURE__ */ s(l, { direction: "column", spacing: 24, children: [
+    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%" })

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

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