@mx-cartographer/experiences 6.24.21 → 6.24.23

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [6.24.23] - 08-20-2025
+
+- **ADDED** - Finstrong Financial Strength Graph and Credit Score Graph component | Dial Score Card Component
+
+## [6.24.22] - 08-20-2025
+
+- **ADDED** - Analytic events for micro widgets
+
 ## [6.24.21] - 08-20-2025
 
 - **ADDED** - Api for Augumented Chart Data

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

@@ -97,4 +97,16 @@ export declare const ANALYTICS_EVENTS: {
     TRENDS_HOVER_POINT: string;
     TRENDS_VIEW_TRANSACTIONS: string;
     WIDGET_BACK_CLICK: string;
+    GOALS_CLICK_GET_STARTED: string;
+    GOALS_CLICK_VIEW_DETAILS: string;
+    GOALS_LOAD_WIDGET: string;
+    NET_WORTH_CLICK_GET_STARTED: string;
+    NET_WORTH_CLICK_VIEW_DETAILS: string;
+    NET_WORTH_LOAD_WIDGET: string;
+    RECURRING_TRANSACTIONS_CLICK_GET_STARTED: string;
+    RECURRING_TRANSACTIONS_CLICK_VIEW_ALL: string;
+    RECURRING_TRANSACTIONS_LOAD_WIDGET: string;
+    TRENDS_CLICK_GET_STARTED: string;
+    TRENDS_CLICK_VIEW_MORE: string;
+    TRENDS_LOAD_WIDGET: string;
 };

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

@@ -1,3 +1,11 @@
+export interface CreditScoreStatusCopy {
+    poor: string;
+    fair: string;
+    good: string;
+    very_good: string;
+    exceptional: string;
+    missing_data: string;
+}
 interface KeyIndicatorBorrow {
     credit_score_fair_description: string;
     credit_score_good_description: string;
@@ -43,9 +51,12 @@ export interface FinstrongCopy {
     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;
     how_do_we_do_this: string;
+    insufficient_data: string;
     key_indicators: string;
     key_indicators_borrow: KeyIndicatorBorrow;
     key_indicators_fair: string;

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/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) => 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';