@mx-cartographer/experiences 4.1.0-alpha.j9 → 4.1.0

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

@@ -1,14 +1,91 @@
 export interface GoalsCopy {
+    add_age: string;
+    add_amount: string;
+    add_birthday: string;
+    add_interest_rate: string;
+    add_monthly_payment: string;
+    add_original_balance: string;
+    add_select_accounts: string;
     add_title: string;
+    add_goal_title: string;
+    alert_account_added: string;
+    alert_account_changed: string;
+    alert_contribution_updated: string;
+    alert_goal_added: string;
+    alert_goal_completed: string;
+    alert_goal_deleted: string;
+    alert_goal_updated_amount: string;
+    alert_goal_updated_balance: string;
+    alert_goal_updated_birthday: string;
+    alert_goal_updated_interest_rate: string;
+    alert_goal_updated_name: string;
+    alert_goal_updated_payment: string;
+    alert_goal_updated_retirement_age: string;
+    alert_goals_reordered: string;
     complete_title: string;
     complete_label: string;
+    completed_label: string;
+    connect_button: string;
+    connect_description: string;
+    connect_drawer_title: string;
+    connect_title: string;
+    contribution_label: string;
+    debt_goal_description: string;
+    debt_goal_label: string;
+    delete_description: string;
+    delete_goal: string;
+    details_account: string;
+    details_accounts: string;
+    details_add_account: string;
+    details_amount_to_save: string;
+    details_birthday: string;
+    details_change_account: string;
+    details_change_account_description: string;
+    details_debt_title: string;
+    details_goal_name: string;
+    details_interest_rate: string;
+    details_monthly_payment: string;
+    details_original_balance: string;
+    details_retirement_age: string;
+    details_retirement_title: string;
+    details_save_title: string;
+    details_title: string;
+    goal_details: string;
     goal_percentage: string;
+    goal_priority: string;
     goal_projection: string;
     ongoing_title: string;
     projected_label: string;
+    manage_debt_description: string;
+    manage_debt_drawer_title: string;
     manage_debt_goals: string;
+    manage_debt_title: string;
+    manage_retirement_description: string;
+    manage_retirement_drawer_title: string;
     manage_retirement_goals: string;
+    manage_retirement_title: string;
+    manage_saving_description: string;
+    manage_saving_drawer_title: string;
     manage_saving_goals: string;
+    manage_saving_title: string;
+    mark_as_complete_button: string;
+    reorder_goals_title: string;
+    reorder_goals_description: string;
+    retirement: string;
+    retirement_goal_description: string;
+    retirement_goal_label: string;
+    saving_gaol_automobile: string;
+    saving_goal_college: string;
+    saving_goal_description: string;
+    saving_goal_electronic: string;
+    saving_goal_emergency_fund: string;
+    saving_goal_home: string;
+    saving_goal_label: string;
+    saving_goal_other: string;
+    saving_goal_recreational: string;
+    saving_goal_vacation: string;
+    select_debt_accounts_description: string;
+    select_debt_accounts_title: string;
     tab_debt_title: string;
     tab_retirement_title: string;
     tab_saving_title: string;

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

@@ -6,6 +6,5 @@ export declare class Fetch {
     post: (url: string, data?: any) => Promise<any>;
     put: (url: string, data: any) => Promise<any>;
     delete: (url: string) => Promise<any>;
-    externalGet: (url: string) => Promise<any>;
 }
 export default Fetch;

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

@@ -0,0 +1,7 @@
+interface DebtDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    sx?: any;
+}
+declare const DebtDrawer: ({ isOpen, onClose, sx }: DebtDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default DebtDrawer;

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

@@ -1,17 +1,13 @@
 import { default as React } from 'react';
-type DataPoint = {
-    x: Date;
-    y: number;
-};
-type Dataset = DataPoint[];
-interface DebtData {
-    name: string;
-    dataset: Dataset;
-}
+import { DebtChartData } from '../utils/DebtsWidget';
 interface DebtsChartProps {
-    debts: DebtData[];
+    sx?: any;
     height?: number;
     width?: number;
+    debts: DebtChartData[];
+    hoveredDebtGuid?: string;
+    onClickArea?: () => void;
+    onHoverArea?: (debtGuid: string) => void;
 }
 export declare const DebtsChart: React.FC<DebtsChartProps>;
 export {};

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

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
-import { Debt } from '../../common';
+import { DebtChartData } from '../utils/DebtsWidget';
 interface DebtsTableProps {
-    debts: Debt[];
-    onClickRow?: (debtGuid: string) => void;
     sx?: any;
+    debts: DebtChartData[];
+    hoveredDebtGuid: string;
+    onHoverRow: (debtGuid: string) => void;
+    onClickRow: () => void;
 }
 export declare const DebtsTable: React.FC<DebtsTableProps>;
 export {};

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

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from 'react';
+import { DebtChartData } from '../utils/DebtsWidget';
+interface SnowballCardProps {
+    debts: DebtChartData[];
+    onClickCta: MouseEventHandler;
+    sx?: any;
+}
+declare const _default: (({ debts, onClickCta, sx }: SnowballCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

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

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

package/dist/debts/components/debtsdrawer/DebtDetailsChart.d.ts

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

package/dist/debts/components/debtsdrawer/DebtDetailsContent.d.ts

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

package/dist/debts/components/debtsdrawer/DebtDetailsTab.d.ts

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

package/dist/debts/components/debtsdrawer/DebtScheduleTab.d.ts

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

package/dist/debts/components/debtsdrawer/DebtStatusCard.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface DebtStatusCardProps {
+    setTabValue: (val: number) => void;
+    sx?: any;
+}
+declare const _default: React.FunctionComponent<DebtStatusCardProps>;
+export default _default;

package/dist/debts/hooks/useDebtsUiStore.d.ts

@@ -0,0 +1 @@
+export declare const useDebtsUiStore: () => import('../store/DebtsUiStore').DebtsUiStore;

package/dist/debts/store/DebtsStore.d.ts

@@ -1,6 +1,8 @@
 import { GlobalStore, Debt } from '../../common';
+import { DebtsUiStore } from './DebtsUiStore';
 export declare class DebtsStore {
     globalStore: GlobalStore;
+    uiStore: DebtsUiStore;
     constructor(globalStore: GlobalStore);
     get debts(): Debt[];
 }

package/dist/debts/store/DebtsUiStore.d.ts

@@ -0,0 +1,10 @@
+import { DebtChartData } from '../utils/DebtsWidget';
+export declare class DebtsUiStore {
+    isLoading: boolean;
+    selectedDebtChartData: DebtChartData;
+    constructor();
+    get showError(): boolean;
+    get showCompleted(): boolean;
+    setIsLoading: (isLoading: boolean) => boolean;
+    setSelectedDebtChartData: (data: DebtChartData) => DebtChartData;
+}

package/dist/debts/utils/DebtStore.d.ts

@@ -1,5 +1,4 @@
 import { Account, Debt, Goal } from '../../common';
 declare function loadDebts(accounts: Account[], goals: Goal[]): Debt[];
 declare function createDebt(account: Account, goal?: Goal): Debt;
-declare function isImpossible(goal: Goal): boolean;
-export { createDebt, isImpossible, loadDebts };
+export { createDebt, loadDebts };

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

@@ -0,0 +1,2 @@
+export declare const BASE_LINE_COLOR = "#FF7B08";
+export declare function adjustBrightness(color: string, factor: number): string;

package/dist/debts/utils/DebtsWidget.d.ts

@@ -1,9 +1,13 @@
 import { Debt } from '../../common';
-declare const transformDebtsChartData: (debts: Debt[]) => {
-    name: string;
-    dataset: {
-        x: Date;
-        y: number;
-    }[];
-}[];
-export { transformDebtsChartData };
+type DataPoint = {
+    x: Date;
+    y: number;
+    payment?: number;
+    extra?: number;
+};
+type Dataset = DataPoint[];
+export interface DebtChartData extends Debt {
+    dataset: Dataset;
+}
+export declare const transformDebtsChartData: (debts: Debt[], initialExtraPayment?: number) => DebtChartData[];
+export {};

package/dist/debts/utils/SnowballCard.d.ts

@@ -0,0 +1,8 @@
+import { DebtChartData } from './DebtsWidget';
+type PayoffProjection = {
+    payoffSavings: string;
+    payoffDate: string;
+    payoffDuration: string;
+};
+export declare function getPayoffProjection(debts: DebtChartData[], extraPayment?: number): PayoffProjection;
+export {};

package/dist/goals/api/GoalApi.d.ts

@@ -1,10 +1,20 @@
-import { Fetch, Goal } from '../../common';
+import { Fetch, Goal, MonthlyCashFlowProfile, RetirementGoalAccount } from '../../common';
 export declare class GoalApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);
     addGoal: (goal: Goal) => Promise<any>;
+    addRetirementGoal: (goal: Goal) => Promise<any>;
+    addRetirementGoalAccount: (retirementAccount: RetirementGoalAccount) => Promise<any>;
     getGoalByGuid: (guid: string) => Promise<any>;
     getGoals: () => Promise<any>;
+    getMonthlyCashFlowProfile: () => Promise<any>;
+    getRetirementGoals: () => Promise<any>;
+    getRetirementGoalAccounts: () => Promise<any>;
     removeGoal: (guid: string) => Promise<any>;
-    updateGoal: (goal: Goal, guid: string) => Promise<any>;
+    removeRetirementGoal: (guid: string) => Promise<any>;
+    removeRetirementGoalAccount: (guid: string) => Promise<any>;
+    reorderGoals: (goals: Goal[]) => Promise<any>;
+    updateGoal: (goal: Goal) => Promise<any>;
+    updateMonthlyCashFlowProfile: (profile: MonthlyCashFlowProfile) => Promise<any>;
+    updateRetirementGoal: (goal: Goal) => Promise<any>;
 }

package/dist/goals/components/AccountSelectionDrawer.d.ts

@@ -0,0 +1,10 @@
+import { Account } from '../../common';
+interface AccountSelectionDrawerProps {
+    accounts: Account[];
+    isOpen: boolean;
+    onClose: () => void;
+    onSave: (accounts: Account[]) => void;
+    title: string;
+}
+export declare const AccountSelectionDrawer: ({ accounts, isOpen, onClose, onSave, title, }: AccountSelectionDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/AddGoal.d.ts

@@ -0,0 +1,6 @@
+import { TrackType } from '../../common';
+interface AddGoalProps {
+    onClose?: (trackType: TrackType) => void;
+}
+export declare const AddGoal: ({ onClose }: AddGoalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/GoalDetails.d.ts

@@ -0,0 +1,8 @@
+import { Goal } from '../../common';
+interface GoalDetailsProps {
+    goal: Goal;
+}
+export declare const GoalDetails: (({ goal }: GoalDetailsProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/goals/components/GoalDetailsDrawer.d.ts

@@ -0,0 +1,8 @@
+import { TrackType } from '../../common';
+interface GoalDetailsDrawerProps {
+    onClose?: (trackType: TrackType) => void;
+}
+export declare const GoalDetailsDrawer: (({ onClose }: GoalDetailsDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/goals/components/GoalList.d.ts

@@ -1,9 +1,8 @@
 import { TrackType } from '../../common';
 interface GoalListProps {
     trackType: TrackType;
-    onManageClick: (trackType: TrackType) => void;
 }
-export declare const GoalList: (({ onManageClick, trackType }: GoalListProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const GoalList: (({ trackType }: GoalListProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/goals/components/GoalStatusCard.d.ts

@@ -1,8 +1,10 @@
 import { Goal } from '../../common';
 interface GoalStatusCardProps {
     goal: Goal;
+    isInDrawer?: boolean;
+    onClick?: () => void;
 }
-export declare const GoalStatusCard: (({ goal }: GoalStatusCardProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const GoalStatusCard: (({ goal, isInDrawer, onClick }: GoalStatusCardProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/goals/components/ManageGoals.d.ts

@@ -0,0 +1,6 @@
+import { TrackType } from '../../common';
+interface ManageGoalProps {
+    trackType: TrackType;
+}
+export declare const ManageGoals: ({ trackType }: ManageGoalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/AccountAction.d.ts

@@ -0,0 +1,6 @@
+import { Account } from '../../../common';
+interface AccountActionProps {
+    account: Account;
+}
+export declare const AccountAction: ({ account }: AccountActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/AddRetirementAccountAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface AddRetirementAccountActionProps {
+    goal: Goal;
+}
+export declare const AddRetirementAccountAction: ({ goal }: AddRetirementAccountActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/AmountToSaveAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface AmountToSaveActionProps {
+    goal: Goal;
+}
+export declare const AmountToSaveAction: ({ goal }: AmountToSaveActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/BirthdayAction.d.ts

@@ -0,0 +1,8 @@
+import { Goal } from '../../../common';
+interface BirthdayActionProps {
+    goal: Goal;
+}
+export declare const BirthdayAction: (({ goal }: BirthdayActionProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/goals/components/actions/ChangeAccountAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface ChangeAccountProps {
+    goal: Goal;
+}
+export declare const ChangeAccountAction: ({ goal }: ChangeAccountProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/ContributionAction.d.ts

@@ -0,0 +1,8 @@
+import { TrackType } from '../../../common';
+interface ContributionActionProps {
+    trackType: TrackType;
+}
+export declare const ContributionAction: (({ trackType }: ContributionActionProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/goals/components/actions/GoalNameAction.d.ts

@@ -0,0 +1,8 @@
+import { Goal } from '../../../common';
+interface GoalNameActionProps {
+    goal: Goal;
+}
+export declare const GoalNameAction: (({ goal }: GoalNameActionProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/goals/components/actions/InterestRateAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface InterestRateActionProps {
+    goal: Goal;
+}
+export declare const InterestRateAction: ({ goal }: InterestRateActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/MonthlyPaymentAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface MonthlyPaymentActionProps {
+    goal: Goal;
+}
+export declare const MonthlyPaymentAction: ({ goal }: MonthlyPaymentActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/OriginalBalanceAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface OriginalBalanceActionProps {
+    goal: Goal;
+}
+export declare const OriginalBalanceAction: ({ goal }: OriginalBalanceActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/actions/RetirementAgeAction.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface RetirementAgeActionProps {
+    goal: Goal;
+}
+export declare const RetirementAgeAction: ({ goal }: RetirementAgeActionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/addgoal/AddGoalListItem.d.ts

@@ -0,0 +1,8 @@
+import { MetaType, TrackType } from '../../../common';
+import { GoalType } from '../../util/GoalsUtil';
+interface AddGoalListItemProps {
+    goalType: GoalType;
+    onClick: (name: string, metaType: MetaType, type: TrackType) => void;
+}
+export declare const AddGoalListItem: ({ goalType, onClick }: AddGoalListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/managegoals/CompleteListItem.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface CompleteListItemProps {
+    goal: Goal;
+}
+export declare const CompleteListItem: ({ goal }: CompleteListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/managegoals/OngoingListItem.d.ts

@@ -0,0 +1,7 @@
+import { Goal } from '../../../common';
+interface OngoingListItemProps {
+    goal: Goal;
+    index: number;
+}
+export declare const OngoingListItem: ({ goal, index }: OngoingListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/components/managegoals/ReorderGoals.d.ts

@@ -0,0 +1,6 @@
+import { Goal } from '../../../common';
+interface RearrangeGoalsProps {
+    goals: Goal[];
+}
+export declare const ReorderGoals: ({ goals }: RearrangeGoalsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/goals/index.d.ts

@@ -1,2 +1,3 @@
+export { GoalApi } from './api/GoalApi';
 export { GoalsWidget } from './GoalsWidget';
 export { GoalStore } from './stores/GoalStore';

package/dist/goals/stores/GoalStore.d.ts

@@ -1,13 +1,29 @@
 import { GoalApi } from '../api/GoalApi';
-import { Goal, GlobalStore } from '../../common';
+import { Goal, GlobalStore, RetirementGoalAccount, MonthlyCashFlowProfile } from '../../common';
 export declare class GoalStore {
     api: GoalApi;
     globalStore: GlobalStore;
+    alert: string;
     goals: Goal[];
+    retirementGoalAccounts: RetirementGoalAccount[];
+    newRetirementGoalAccounts: RetirementGoalAccount[];
+    selectedGoal: Goal | undefined;
+    monthlyCashFlowProfile: MonthlyCashFlowProfile | undefined;
     constructor(globalStore: GlobalStore);
     initialize: (endpoint: string, token: string) => Promise<void>;
+    get orderedGoals(): Goal[];
     get debtGoals(): Goal[];
-    get retirementGoals(): Goal[];
-    get savingsGoals(): Goal[];
+    addGoal: (goal: Goal) => Promise<void>;
+    addRetirementGoal: (goal: Goal) => Promise<void>;
+    addRetirementGoalAccount: (account: RetirementGoalAccount) => Promise<void>;
     loadGoals: () => Promise<void>;
+    deleteGoal: (guid: string) => Promise<void>;
+    deleteRetirementGoal: (goal: Goal) => Promise<void>;
+    deleteRetirementGoalAccount: (guid: string) => Promise<void>;
+    reorderGoals: (goals: Goal[]) => Promise<void>;
+    setAlert: (alert: string) => string;
+    setNewRetirementGoalAccounts: (accounts: RetirementGoalAccount[]) => void;
+    setSelectedGoal: (goal: Goal | undefined) => Goal | undefined;
+    updateGoal: (goal: Goal) => Promise<void>;
+    updateMonthlyCashFlowProfile: (profile: MonthlyCashFlowProfile) => Promise<void>;
 }

package/dist/goals/util/GoalsUtil.d.ts

@@ -1,8 +1,23 @@
-import { Goal, GoalsCopy } from '../../common';
+import { IconList } from '@mxenabled/mx-icons';
+import { Goal, GoalsCopy, TrackType, MetaType } from '../../common';
 export interface GoalStatusData {
+    backgroundColor: string;
     color: string;
     percentage: number;
     percentageText: string;
     projectedText: string;
 }
+export type GoalType = {
+    bgcolor: string;
+    icon: keyof typeof IconList;
+    label: string;
+    description: string;
+    subTypes: {
+        icon: keyof typeof IconList;
+        label: string;
+        metaType: MetaType;
+    }[];
+    type: TrackType;
+};
 export declare function getGoalStatusData(copy: GoalsCopy, goal: Goal): GoalStatusData;
+export declare function getGoalTypes(copy: GoalsCopy): GoalType[];