@mx-cartographer/experiences 6.25.0-alpha.sms3 → 6.25.0-alpha.sms4

package/CHANGELOG.md

@@ -1,3 +1,43 @@
+## [6.24.20] - 08-19-2025
+
+- **ADDED** - `FinStrong` | key indicators tab section added
+
+## [6.24.19] - 08-19-2025
+
+- **ADDED** - `Profile` drawer skeleton with key actions for `Finstrong`
+
+## [6.24.18] - 08-19-2025
+
+- **UPDATED** - Modified existing LineChart component to support Finstrong requirements.
+
+## [6.24.17] - 08-18-2025
+
+- **FIXED** - Mini Goals track type null check fix
+
+## [6.24.16] - 08-15-2025
+
+- **REMOVED** - Manually throwing honey badgers; they should be handled by the app consuming experiences
+
+## [6.24.15] - 08-15-2025
+
+- **UPDATED** - Remove "" from clientStyleProfile mode type
+
+## [6.24.14] - 08-14-2025
+
+- **ADDED** - Additional copy for new trends widget
+
+## [6.24.13] - 08-14-2025
+
+- **UPDATED** - Add 'browser' to clientStyleProfile mode type
+
+## [6.24.12] - 08-13-2025
+
+- **FIXED** - App bar settings overflow on compact devices
+
+## [6.24.11] - 08-12-2025
+
+- **FIXED** - Unwanted white space issue in the Budgets widget by updating usage of `detailedBudgets` for consistent filtering
+
 ## [6.24.10] - 08-11-2025
 
 - **ADDED** - Score Rubric Drawer component displaying detailed financial strength scoring information

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

@@ -9,14 +9,9 @@ export declare class AccountStore {
     members: Member[];
     uiStore: UiStore;
     constructor(globalStore: GlobalStore);
-    getAccountData: () => {
-        accounts: Account[];
-        institutions: Institution[];
-    };
-    loadAccountData: ({ accounts, institutions, members }: {
+    loadAccountData: ({ accounts, institutions, }: {
         accounts?: Account[];
         institutions?: Institution[];
-        members?: Member[];
     }) => Promise<void>;
     get cashAccounts(): Account[];
     get cashBalance(): number;
@@ -33,9 +28,9 @@ export declare class AccountStore {
     get visibleSavingsAccounts(): Account[];
     addAccount: (account: Account) => Promise<void>;
     augmentAccounts: (accounts?: Account[]) => Account[];
-    loadAccounts: (accountsOverride?: Account[], members?: Member[]) => Promise<void>;
+    loadAccounts: (accountsOverride?: Account[]) => Promise<void>;
     loadInstitutions: (institutionsOverride?: Institution[]) => Promise<void>;
-    loadMembers: (membersOverride?: Member[]) => Promise<void>;
+    loadMembers: () => Promise<void>;
     mergeAccounts: (accountGuids: string[]) => Promise<void>;
     sortAccounts: (accounts?: Account[]) => Account[];
     refreshAccounts: () => Promise<void>;

package/dist/categories/stores/CategoryStore.d.ts

@@ -16,9 +16,6 @@ export declare class CategoryStore {
     get spendCategories(): DetailedCategory[];
     get transferCategories(): DetailedCategory[];
     addCategory: (name: string, parentGuid: string) => Promise<void>;
-    getCategoryData: () => {
-        categories: Category[];
-    };
     loadCategories: (categoriesOverride?: Category[]) => Promise<void>;
     loadDateRangeCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
     loadMonthlyCategoryTotals: (accounts?: Account[], startDate?: Date, endDate?: Date) => Promise<void>;

package/dist/common/components/charts/LineChart.d.ts

@@ -3,12 +3,18 @@ import { MarkHandlers } from './linechart/CustomMark';
 interface LineChartProps {
     baseline?: string;
     colors: (string | undefined)[];
+    curveType?: string;
     datasets: {
         x: string;
         y: number;
     }[][];
+    disableXAxis?: boolean;
     height?: number;
+    isValuesFormatted?: boolean;
+    isGraphClippingXAxis?: boolean;
     labels: string[];
+    labelBackgroundColor?: string;
+    labelFontColor?: string;
     margin?: {
         top?: number;
         right?: number;
@@ -21,6 +27,7 @@ interface LineChartProps {
     showAverage?: boolean;
     showBars?: boolean;
     showMarkLabel?: boolean;
+    title?: string;
     useCustomMark?: boolean;
     valueFormatterString?: string;
     width?: number;

package/dist/common/components/charts/linechart/CustomLegend.d.ts

@@ -1,6 +1,8 @@
-declare const _default: (({ series, average, style, }: {
+declare const _default: (({ average, isValuesFormatted, series, style, title, }: {
     average: number;
+    isValuesFormatted: boolean;
     series: any[];
+    title?: string;
     style: any;
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;

package/dist/common/components/charts/linechart/CustomMark.d.ts

@@ -9,6 +9,9 @@ interface CustomMarkProps extends MarkElementProps {
     handlers?: MarkHandlers;
     showLabel: boolean;
     yData: number[];
+    isValuesFormatted?: boolean;
+    labelBackgroundColor?: string;
+    labelFontColor?: string;
 }
 export declare const CustomMark: React.FC<CustomMarkProps>;
 export {};

package/dist/common/constants/FinStrong.d.ts

@@ -0,0 +1,28 @@
+export declare const FinstrongThresholds: {
+    creditScore: {
+        poor: number;
+        good: number;
+    };
+    daysOfCashOnHand: {
+        poor: number;
+        good: number;
+    };
+    debtToIncomeRatio: {
+        poor: number;
+        good: number;
+    };
+    emergencySavings: {
+        poor: number;
+        good: number;
+    };
+    spendToIncomeRatio: {
+        poor: number;
+        good: number;
+    };
+};
+export declare const CardStatus: {
+    GOOD: string;
+    FAIR: string;
+    OFF_TRACK: string;
+    MISSING: string;
+};

package/dist/common/context/hooks.d.ts

@@ -7,6 +7,7 @@ export declare const useCashflowStore: () => import('../..').CashflowStore;
 export declare const useCategoryStore: () => import('../..').CategoryStore;
 export declare const useConnectStore: () => import('../stores/ConnectStore').ConnectStore;
 export declare const useDebtStore: () => import('../..').DebtsStore;
+export declare const useFinstrongStore: () => import('../..').FinstrongStore;
 export declare const useGlobalStore: () => import('..').GlobalStore;
 export declare const useGlobalUiStore: () => import('../stores/GlobalUiStore').GlobalUiStore;
 export declare const useGlobalCopyStore: () => import('..').GlobalCopy;

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

@@ -1,3 +1,3 @@
-export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useEvent, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
+export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useEvent, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
 export { GlobalDataContext, GlobalDataProvider } from './GlobalDataProvider';
 export { WidgetContainerContext, WidgetContainerProvider } from './WidgetContainerProvider';

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

@@ -65,6 +65,6 @@ export declare class GlobalStore {
     globalUiStore: GlobalUiStore;
     constructor(appConfig?: AppConfig, endpoint?: string);
     get isInitialized(): boolean;
-    loadData: ({ accounts, appData, associatedBeats, categories, institutions, members, taggings, tags, transactionRules, transactions, userFeatures, }: LoadDataProps) => Promise<void>;
+    loadData: ({ accounts, appData, associatedBeats, categories, institutions, transactionRules, transactions, userFeatures, }: LoadDataProps) => Promise<void>;
 }
 export {};

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

@@ -110,7 +110,7 @@ export interface ClientStyleProfile {
     error_color_dark?: string;
     warning_color_dark?: string;
     info_color_dark?: string;
-    mode?: 'dark' | 'light' | '';
+    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
     card_corner_radius?: number;
     button_corner_radius?: number;

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

@@ -1,3 +1,4 @@
+import { CardStatus } from '../constants/FinStrong';
 export interface HealthScore {
     created_at: string;
     debt_score: number;
@@ -67,3 +68,4 @@ export interface HealthScoreReport {
     spending_score_point_difference: number | null;
     user_guid: string;
 }
+export type KeyIndicatorsCardState = (typeof CardStatus)[keyof typeof CardStatus];

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

@@ -1,3 +1,42 @@
+interface KeyIndicatorBorrow {
+    credit_score_fair_description: string;
+    credit_score_good_description: string;
+    credit_score_missing_description: string;
+    credit_score_off_track_description: string;
+    credit_score_title: string;
+    manage_debit_fair_description: string;
+    manage_debit_good_description: string;
+    manage_debit_missing_description: string;
+    manage_debit_off_track_description: string;
+    manage_debit_title: string;
+    title: string;
+}
+interface KeyIndicatorSave {
+    days_of_cash_fair_description: string;
+    days_of_cash_good_description: string;
+    days_of_cash_missing_description: string;
+    days_of_cash_off_track_description: string;
+    days_of_cash_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;
+    title: string;
+}
+interface KeyIndicatorSpend {
+    count_card_title: string;
+    count_fair_description: string;
+    count_good_description: string;
+    count_missing_description: string;
+    count_off_track_description: string;
+    ratio_card_title: string;
+    ratio_fair_description: string;
+    ratio_good_description: string;
+    ratio_missing_description: string;
+    ratio_off_track_description: string;
+    title: string;
+}
 export interface FinstrongCopy {
     building: string;
     connect_more_accounts_button: string;
@@ -8,9 +47,16 @@ export interface FinstrongCopy {
     finstrong_freedom_description: string;
     how_do_we_do_this: string;
     key_indicators: string;
+    key_indicators_borrow: KeyIndicatorBorrow;
+    key_indicators_fair: string;
+    key_indicators_good: string;
+    key_indicators_missing: string;
+    key_indicators_off_track: string;
+    key_indicators_save: KeyIndicatorSave;
+    key_indicators_spend: KeyIndicatorSpend;
+    score_rubric: string;
     see_whats_possible: string;
     see_whats_possible_description: string;
-    score_rubric: string;
     stable: string;
     strong: string;
     understand_your_habits: string;
@@ -21,3 +67,4 @@ export interface FinstrongCopy {
     we_ask_questions_description_2: string;
     your_path_to_financial_freedom: string;
 }
+export {};

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

@@ -1,15 +1,27 @@
 export interface TrendsCopy {
     all_categories: string;
+    categories: string;
+    category_income: string;
+    category_spending: string;
+    close_category_details: string;
+    empty_state_primary: string;
+    empty_state_sub_text: string;
     income_label: string;
     micro_primary_cta_label: string;
     micro_subheader: string;
     micro_secondary_label: string;
     mini_title: string;
+    monthly_income: string;
+    monthly_spending: string;
     payments_label: string;
     primary_cta: string;
     spending_label: string;
     sub_title: string;
     title: string;
+    transaction: string;
+    transactions: string;
+    view_more: string;
+    view_transactions: string;
     zero_state_content_description: string;
     zero_state_content_header: string;
 }

package/dist/finstrong/components/KeyIndicatorsBorrowTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsBorrowTab: React.FC;
+export default KeyIndicatorsBorrowTab;

package/dist/finstrong/components/KeyIndicatorsSaveTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsSaveTab: React.FC;
+export default KeyIndicatorsSaveTab;

package/dist/finstrong/components/KeyIndicatorsSpendTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsSpendTab: React.FC;
+export default KeyIndicatorsSpendTab;

package/dist/finstrong/components/KeyIndicatorsTabItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { KeyIndicatorsCardState } from '../../common/types/Finstrong';
+interface KeyIndicatorsTabsItemProps {
+    title: string;
+    description: string;
+    cardState: KeyIndicatorsCardState;
+    stateTitle: string;
+}
+declare const KeyIndicatorsTabsItem: React.FC<KeyIndicatorsTabsItemProps>;
+export default KeyIndicatorsTabsItem;

package/dist/finstrong/components/KeyIndicatorsTabsWidget.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsTabsWidget: React.FC;
+export default KeyIndicatorsTabsWidget;

package/dist/finstrong/components/ManageCreditScore.d.ts

@@ -0,0 +1,8 @@
+interface ManageCreditScoreProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const _default: (({ isOpen, onClose }: ManageCreditScoreProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/ManageDOB.d.ts

@@ -0,0 +1,6 @@
+interface ManageDOBProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const ManageDOB: ({ isOpen, onClose }: ManageDOBProps) => import("react/jsx-runtime").JSX.Element;
+export default ManageDOB;

package/dist/finstrong/components/ProfileDrawer.d.ts

@@ -0,0 +1,8 @@
+interface ProfileDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const _default: (({ isOpen, onClose }: ProfileDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/ProfileList.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export declare enum Action {
+    Connections = "connections",
+    CreditScore = "credit_score",
+    DateOfBirth = "date_of_birth",
+    MonthlyIncome = "monthly_income"
+}
+interface ProfileListItem {
+    icon: React.ReactNode;
+    isComplete: boolean;
+    key: Action;
+    primaryText: string;
+    secondaryText: string;
+}
+interface ProfileListProps {
+    list: ProfileListItem[];
+    onClickItem: (action: Action) => void;
+}
+declare const ProfileList: ({ list, onClickItem }: ProfileListProps) => import("react/jsx-runtime").JSX.Element;
+export default ProfileList;

package/dist/finstrong/components/ProfileProgressBar.d.ts

@@ -0,0 +1,6 @@
+interface ProfileProgressBarProps {
+    completeCopy: string;
+    value: number;
+}
+declare const ProfileProgressBar: ({ value, completeCopy }: ProfileProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProfileProgressBar;

package/dist/finstrong/stores/FinstrongStore.d.ts

@@ -4,10 +4,11 @@ export declare class FinstrongStore {
     api: FinstrongApi;
     averageHealthScores: MonthlyHealthScore[];
     globalStore: GlobalStore;
-    healthScore: HealthScore | null;
+    healthScore: HealthScore;
     healthScoreChangeReports: HealthScoreReport[];
     peerScore: number | null;
     constructor(globalStore: GlobalStore);
+    get getHealthScore(): HealthScore;
     calculateHealthScore: () => Promise<void>;
     loadAverageHealthScores: () => Promise<void>;
     loadHealthScoreChangeReports: () => Promise<void>;