@mx-cartographer/experiences 6.24.14 → 6.24.15-alpha-ram1-financialStrengthCardSection

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [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

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/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' | 'browser' | '';
+    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
     card_corner_radius?: number;
     button_corner_radius?: number;

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

@@ -1,12 +1,33 @@
+export interface CreditScoreStatusCopy {
+    poor: string;
+    fair: string;
+    good: string;
+    very_good: string;
+    exceptional: string;
+    missing_data: string;
+}
+export interface HealthScoreStatuDetailsCopy {
+    building: string;
+    stable: string;
+    strong: string;
+    vulnerable: string;
+}
 export interface FinstrongCopy {
+    accordion_details_text: HealthScoreStatuDetailsCopy;
+    accordion_title_text: string;
     building: string;
     connect_more_accounts_button: string;
     connect_more_accounts_description: string;
     connect_more_accounts_title: string;
     connect_more_accounts_to_view_more_accurate_financial_picture: string;
+    credit_score_status: CreditScoreStatusCopy;
     dont_see_all_your_accounts: string;
+    footer_center_content_updated_just_now: string;
     finstrong_freedom_description: string;
+    health_score_zero_title: string;
+    health_score_zero_description: string;
     how_do_we_do_this: string;
+    insufficient_data: string;
     key_indicators: string;
     see_whats_possible: string;
     see_whats_possible_description: string;

package/dist/finstrong/FinancialStrengthCard.d.ts

@@ -0,0 +1,8 @@
+interface FinancialStrengthSectionProps {
+    healthScore?: number;
+    healthScoreChange?: number;
+}
+export declare const FinancialStrengthCard: (({ healthScore, healthScoreChange }: FinancialStrengthSectionProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

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

@@ -1,7 +1,11 @@
+import { SxProps } from '@mui/material/styles';
 interface ConnectMoreAccountsCardProps {
     isDashboard?: boolean;
+    hasIcon?: boolean;
+    buttonText?: string;
     title?: string;
     description?: string;
+    sx?: SxProps;
 }
-export declare const ConnectMoreAccountsCard: ({ isDashboard, title, description, }: ConnectMoreAccountsCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConnectMoreAccountsCard: ({ isDashboard, hasIcon, buttonText, title, description, sx, }: ConnectMoreAccountsCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,11 @@
+export interface CreditScoreGraphProps {
+    arcRadius: number;
+    size?: 'L' | 'M' | 'SM';
+    healthScore: number;
+    maxValue?: number;
+    minValue?: number;
+    footerCenterContent?: string | number;
+}
+export declare const CreditScoreGraph: (({ arcRadius, size, healthScore, maxValue, minValue, footerCenterContent, }: CreditScoreGraphProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

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

@@ -0,0 +1,9 @@
+export interface FinacialStrengthGraphProps {
+    arcRadius: number;
+    size?: 'L' | 'M' | 'SM';
+    healthScore: number;
+    footerCenterContent?: string | number;
+}
+export declare const FinancialStrengthGraph: (({ arcRadius, size, healthScore, footerCenterContent }: FinacialStrengthGraphProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/finstrong/components/shared/CustomPieArc.d.ts

@@ -0,0 +1,18 @@
+import { PieValueType } from '@mui/x-charts';
+interface CustomPieArcProps {
+    dialScoreData: PieValueType[];
+    dataIndex: number;
+    arcStartAngle: number;
+    totalAngularSpan: number;
+    centerX: number;
+    centerY: number;
+    arcRadius: number;
+    arcColor?: string;
+    innerArcRadius: number;
+    outterArcRadius: number;
+    unitsPerSegment: number;
+    progressEndAngle: number;
+    isFinacialStrengthGraph?: boolean;
+}
+export declare const CustomPieArc: ({ dialScoreData, dataIndex, arcColor, arcStartAngle, totalAngularSpan, centerX, centerY, arcRadius, innerArcRadius, outterArcRadius, progressEndAngle, unitsPerSegment, isFinacialStrengthGraph, }: CustomPieArcProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/finstrong/components/shared/DialScoreCard.d.ts

@@ -0,0 +1,16 @@
+import { PieValueType } from '@mui/x-charts';
+export interface DialScoreCardProps {
+    arcRadius: number;
+    healthScore: number;
+    size: 'L' | 'M' | 'SM';
+    dialScoreData: PieValueType[];
+    minValue?: number;
+    maxValue?: number;
+    markerColor?: string;
+    healthScoreStatus: string;
+    footerCenterContent?: string | number;
+    footerLeftContent?: number;
+    footerRightContent?: number;
+    isFinacialStrengthGraph?: boolean;
+}
+export declare const DialScoreCard: ({ arcRadius, healthScore, size, dialScoreData, minValue, maxValue, markerColor, healthScoreStatus, footerCenterContent, footerLeftContent, footerRightContent, isFinacialStrengthGraph, }: DialScoreCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/finstrong/index.d.ts

@@ -1,3 +1,6 @@
+export { DialScoreCard } from './components/shared/DialScoreCard';
+export { FinancialStrengthGraph } from './components/FinancialStrengthGraph';
+export { CreditScoreGraph } from './components/CreditScoreGraph';
 export { FinstrongApi } from './api/FinstrongApi';
 export { FinstrongStore } from './stores/FinstrongStore';
 export { default as FinstrongWidget } from './FinstrongWidget';

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

@@ -5,10 +5,11 @@ export declare class FinstrongStore {
     averageHealthScores: MonthlyHealthScore[];
     globalStore: GlobalStore;
     healthScore: HealthScore | null;
+    healthScoreChange?: number;
     healthScoreChangeReports: HealthScoreReport[];
     peerScore: number | null;
     constructor(globalStore: GlobalStore);
-    calculateHealthScore: () => Promise<void>;
+    calculateHealthScore: (needHealthScoreChangeReports?: boolean) => Promise<void>;
     loadAverageHealthScores: () => Promise<void>;
     loadHealthScoreChangeReports: () => Promise<void>;
     loadPeerScore: () => Promise<void>;

package/dist/finstrong/util/finstrongUtils.d.ts

@@ -0,0 +1,28 @@
+import { PieValueType } from '@mui/x-charts';
+import { CreditScoreStatusCopy, FinstrongCopy } from '../../common/types/localization/FinstrongCopy';
+export declare const radiansToDegrees: (radians: number) => number;
+export declare const calculateFinstrongScoreStatus: (healthScore: number, copy: FinstrongCopy, needHealthScoreStatusDetails?: boolean) => string;
+export declare const CreditScoreLightColors: {
+    POOR: string;
+    FAIR: string;
+    GOOD: string;
+    VERY_GOOD: string;
+    EXCEPTIONAL: string;
+};
+export declare const CreditScoreDarkColors: {
+    POOR: string;
+    FAIR: string;
+    GOOD: string;
+    VERY_GOOD: string;
+    EXCEPTIONAL: string;
+};
+export declare const getCreditScoreDetails: (healthScore: number, isDarkMode: boolean, copy: CreditScoreStatusCopy) => {
+    status: string;
+    color: string;
+} | {
+    status: string;
+    color?: undefined;
+};
+export declare const getOutterArcStartEndAngle: (healthScoreData: PieValueType[], totalAngularSpan: number, arcStartAngle: number, dataIndex: number) => number[];
+export declare const getFilledArcStartEndAngle: (outterArcStartAngle: number, outterArcEndAngle: number, dataIndex: number, unitsPerSegment: number, progressEndAngle: number) => number[];
+export declare const getMarkerXYCoordinates: (markerRadius: number, progressEndAngle: number, angleOffset?: number) => number[];

package/dist/index.d.ts

@@ -19,3 +19,4 @@ export * from './spending';
 export * from './settings';
 export * from './transactions';
 export * from './trends';
+export * from './finstrong';