@mx-cartographer/experiences 7.3.2 → 7.4.0

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

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

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

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

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

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

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

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

package/dist/finstrong/components/MaintainingEmergencySavings/EstimatedContributionCalculator.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (({ total }: {
+    total: number;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsContent.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/MaintainingEmergencySavings/MaintainingEmergencySavingsSticky.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type ProgressBarStatus = 'GOOD' | 'FAIR' | 'OFF_TRACK' | 'MISSING';
+interface StatusBarDataItem {
+    percentage: string;
+    color?: string;
+}
+export interface ProgressBarProps {
+    label: string;
+    value: string;
+    status: ProgressBarStatus;
+    bottomComponent: React.ReactNode;
+    statusBarData: StatusBarDataItem[];
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/finstrong/components/SaveEnoughToLiveOn/AvailableTabContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.FunctionComponent<{}>;
+export default _default;

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnDrawerContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.FunctionComponent<{}>;
+export default _default;

package/dist/finstrong/components/SaveEnoughToLiveOn/SaveEnoughToLiveOnProgressBar.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/SaveEnoughToLiveOn/SpendingTabContent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.FunctionComponent<{}>;
+export default _default;

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.FunctionComponent<{}>;
+export default _default;

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeProgressBar.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+import { CardStatus } from '../../common/constants/FinStrong';
+declare const StatusChip: ({ status }: {
+    status: keyof typeof CardStatus;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StatusChip;

package/dist/finstrong/components/onboarding/Onboarding.d.ts

@@ -0,0 +1,2 @@
+declare const Onboarding: () => import("react/jsx-runtime").JSX.Element;
+export default Onboarding;

package/dist/finstrong/components/onboarding/OnboardingAddMonthlyIncome.d.ts

@@ -0,0 +1,17 @@
+import { Frequency, Transaction } from '../../../common';
+import { StepState } from './OnboardingStepsDrawer';
+interface OnboardingAddMonthlyIncomeProps {
+    firstDay: number;
+    frequency: Frequency;
+    secondDay: number;
+    incomeTransactions: Transaction[];
+    setCurrentStep: (step: StepState) => void;
+    setFirstDay: (day: number) => void;
+    setFrequency: (frequency: Frequency) => void;
+    setSecondDay: (day: number) => void;
+    transaction: Transaction;
+}
+declare const _default: (({ firstDay, frequency, secondDay, incomeTransactions, setCurrentStep, setFirstDay, setFrequency, setSecondDay, transaction, }: OnboardingAddMonthlyIncomeProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/onboarding/OnboardingBirthday.d.ts

@@ -0,0 +1,8 @@
+interface OnboardingBirthdayProps {
+    selectedDate: number | null | undefined;
+    setSelectedDate: (value: number | null | undefined) => void;
+}
+declare const _default: (({ selectedDate, setSelectedDate }: OnboardingBirthdayProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/onboarding/OnboardingCreditScore.d.ts

@@ -0,0 +1,8 @@
+interface OnboardingCreditScoreProps {
+    creditScore: number;
+    setCreditScore: (value: number) => void;
+}
+declare const _default: (({ creditScore, setCreditScore }: OnboardingCreditScoreProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/onboarding/OnboardingStepsDrawer.d.ts

@@ -0,0 +1,14 @@
+import { OnboardingSteps } from '../../../common/types/Finstrong';
+interface OnboardingStepsDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+type StepType = 'main' | 'detail';
+export interface StepState {
+    step: OnboardingSteps;
+    type: StepType;
+}
+declare const _default: (({ isOpen, onClose }: OnboardingStepsDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/onboarding/OnboardingStepsHeader.d.ts

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

package/dist/finstrong/components/paybillsontime/PayBillsOnTimeDrawerComponent.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/paybillsontime/PayBillsOnTimeStickyComponent.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { AccountType } from '../../../common';
+interface AccountsProps {
+    loadAccounts: AccountType[];
+    loadMoreLabel: string;
+}
+declare const _default: React.FunctionComponent<AccountsProps>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { SpringValue } from '@react-spring/web';
+interface BarStyleProps extends React.CSSProperties {
+    x?: SpringValue<number>;
+    y?: SpringValue<number>;
+}
+interface CustomDoubleBarPlotProps {
+    color: string;
+    data: DataSet[];
+    series: Series;
+    style: BarStyleProps;
+}
+interface Series {
+    index: number;
+    type: number;
+}
+export interface DataSet {
+    comparison: number;
+    formattedComparison: string;
+    formattedMain: string;
+    label: string;
+    main: number;
+}
+export declare const CustomDoubleBarPlot: ({ color, data, series, style, ...restProps }: CustomDoubleBarPlotProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -6,6 +6,12 @@ export interface DialScoreCardProps {
     dialScoreData: PieValueType[];
     minValue?: number;
     maxValue?: number;
+    margin?: {
+        top?: number;
+        right?: number;
+        left?: number;
+        bottom?: number;
+    };
     markerColor?: string;
     healthScoreStatus: string;
     footerCenterContent?: string | number;
@@ -13,4 +19,4 @@ export interface DialScoreCardProps {
     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;
+export declare const DialScoreCard: ({ arcRadius, healthScore, size, dialScoreData, minValue, maxValue, margin, markerColor, healthScoreStatus, footerCenterContent, footerLeftContent, footerRightContent, isFinacialStrengthGraph, }: DialScoreCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface FinancialData {
+    month: number;
+    standard_spend: number;
+    income: number;
+    debt_spend: number;
+}
+export interface ChartDataPoint {
+    label: string;
+    main: number;
+    comparison: number;
+    formattedMain: string;
+    formattedComparison: string;
+    [key: string]: string | number;
+}
+export interface DoubleBarChartProps {
+    chartFor: 'spending_vs_income' | 'debt_payment_vs_income';
+    data: FinancialData[];
+    title: string;
+    buttonLabel?: string;
+    legendLabelMain: string;
+    legendLabelComparison: string;
+    onClick?: () => void;
+    totalMain?: string;
+    totalComparison?: string;
+}
+declare const DoubleBarChart: React.FC<DoubleBarChartProps>;
+export default DoubleBarChart;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type ChartType = 'savingsOverTime' | 'debtOverTime' | 'creditOverTime';
+interface LineGraphProps {
+    chartFor: ChartType;
+}
+declare const _default: React.FunctionComponent<LineGraphProps>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface TotalCardProps {
+    balance: number | React.ReactNode;
+    title: string;
+    sx?: object;
+}
+declare const TotalCard: React.FC<TotalCardProps>;
+export default TotalCard;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Transaction } from '../../../common';
+interface TransactionsProps {
+    transactions: Transaction[];
+    amountColor?: string;
+    amountPosition?: 'flex-start' | 'center' | 'flex-end';
+    formatDate?: (date: number) => string;
+    secondaryIcon?: React.ReactNode;
+}
+declare const Transactions: React.FC<TransactionsProps>;
+export default Transactions;

package/dist/finstrong/constants/index.d.ts

@@ -0,0 +1,20 @@
+export declare enum KeyIndicatorsTabItemType {
+    SpendLessThanYouMake = "spendLessThanYouMake",
+    PayBillsOnTime = "payBillsOnTime",
+    SaveEnoughToLiveOn = "saveEnoughToLiveOn",
+    MaintainEmergencySavings = "maintainEmergencySavings",
+    HaveManageableDebt = "haveManageableDebt",
+    HaveAGoodCreditScore = "haveAGoodCreditScore"
+}
+export declare const CALCULATING_ANIMATION_URL = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_animation_final.gif";
+export declare const DEBT_THRESHOLD: {
+    Good: number;
+    FairMin: number;
+    FairMax: number;
+    OffTrack: number;
+};
+export declare const SPEND_THRESHOLD: {
+    Good: number;
+    Fair: number;
+    OffTrack: number;
+};