@mx-cartographer/experiences 3.8.0-alpha.al6 → 3.8.0-alpha.sms10

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [3.8.0] - 10-15-2024
+
+- **UPDATED** - `Fetch` requests throw errors to be caught and handled upstream
+- **FIXED** - `MicroInsights` logs user out if 401 error is thrown
+- **FIXED** - Analytics types
+
+## [3.7.1] - 10-15-2024
+
+- **UPDATED** - Bubble chart to resize without re-rendering
+- **UPDATED** - Bubble chart to be more performant
+
+## [3.7.0] - 10-15-2024
+
+- **CHANGED** - Pull Accounts copy from GlobalCopyStore
+- **CHANGED** - Pull Budgets copy from GlobalCopyStore
+- **CHANGED** - Pull Connect related copy from GlobalCopyStore
+- **CHANGED** - Pull Dashboard copy from GlobalCopyStore
+- **CHANGED** - Pull Notifications copy from GlobalCopyStore
+- **CHANGED** - Pull Spending copy from GlobalCopyStore
+- **CHANGED** - Pull Recurring Activity copy from GlobalCopyStore
+
 ## [3.6.3] - 10-08-2024
 
 - **UPDATED** - Handle localization for `TrendsFullWidget` components

package/dist/accounts/ConnectMiniWidget.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { MiniWidgetProps } from '../common';
 
-declare const ConnectMiniWidget: React.FC<MiniWidgetProps>;
-export default ConnectMiniWidget;
+declare const _default: React.FunctionComponent<MiniWidgetProps>;
+export default _default;

package/dist/accounts/components/ConnectStatus.d.ts

@@ -4,4 +4,5 @@ interface ConnectStatus {
     status?: MemberConnectionStatus;
 }
 declare const ConnectStatus: React.FC<ConnectStatus>;
-export default ConnectStatus;
+declare const _default: import('react').FunctionComponent<ConnectStatus>;
+export default _default;

package/dist/accounts/components/ConnectionsDrawer.d.ts

@@ -5,5 +5,5 @@ interface ConnectionsDrawerProps {
     showConnectionsWidget: boolean;
     title: string;
 }
-declare const ConnectionsDrawer: React.FC<ConnectionsDrawerProps>;
-export default ConnectionsDrawer;
+declare const _default: React.FunctionComponent<ConnectionsDrawerProps>;
+export default _default;

package/dist/accounts/components/detailsdrawer/Accounts/AccountConnection.d.ts

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

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsContent.d.ts

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

package/dist/accounts/utils/AccountFields.d.ts

@@ -1,4 +1,4 @@
-import { Account } from '../../common';
+import { Account, AccountsCopy } from '../../common';
 
 type SelectOption = {
     label: string;
@@ -16,8 +16,8 @@ export type AccountField = {
     validation?: (val: any) => string;
     valueFormatter: (val: any) => any;
 };
-export declare const getAccountDetailFields: (account: Account) => AccountField[];
-export declare const getAccountBalanceDetails: (account: Account) => {
+export declare const getAccountDetailFields: (account: Account, copy: AccountsCopy) => AccountField[];
+export declare const getAccountBalanceDetails: (account: Account, copy: AccountsCopy) => {
     firstSubtitle: string;
     firstValue: number | undefined;
     secondSubtitle: string | import("react/jsx-runtime").JSX.Element | null;

package/dist/budgets/components/BubbleBudgets.d.ts

@@ -5,6 +5,8 @@ interface BubbleBudgetsProps {
     isDraggable?: boolean;
     onClick?: (bubble: BubbleData) => void;
     shouldShowZeroState: boolean;
+    unavailableHeight?: number;
+    unavailableWidth?: number;
 }
 declare const _default: React.FunctionComponent<BubbleBudgetsProps>;
 export default _default;

package/dist/budgets/components/bubblechart/Bubble.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BubbleData } from '../BubbleChart';
+
+interface BubbleProps {
+    bubble: BubbleData;
+    isDraggable: boolean;
+    onClick?: (bubble: BubbleData) => void;
+}
+export declare const Bubble: React.FC<BubbleProps>;
+export {};

package/dist/budgets/components/bubblechart/Mercury.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { BubbleData } from '../BubbleChart';
+
+interface MercuryProps {
+    bubble: BubbleData;
+}
+export declare const Mercury: React.FC<MercuryProps>;
+export {};

package/dist/budgets/utils/Budget.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@mui/system';
-import { Budget, Category } from '../../common';
+import { Budget, BudgetsCopy, Category } from '../../common';
 import { BubbleData } from '../components/BubbleChart';
 
 export declare const getBudgetPercentage: (budgetAmount: number, budgetSpent: number) => number;
@@ -10,5 +10,5 @@ interface BubbleColors {
 }
 export declare const getBubbleColors: (budgetAmount: number, budgetSpent: number, theme: Theme) => BubbleColors;
 export declare const useGetBudgetDifference: () => number;
-export declare const buildBubbleData: (budgets: Budget[], categories: Category[], theme: Theme) => BubbleData[];
+export declare const buildBubbleData: (budgets: Budget[], categories: Category[], theme: Theme, copy: BudgetsCopy) => BubbleData[];
 export {};

package/dist/budgets/utils/buildBubblesSVG.d.ts

@@ -1,13 +1,33 @@
-import { Selection, Simulation } from 'd3';
+import { Simulation } from 'd3';
 import { SimulationNodeDatum } from 'd3-force';
 import { BubbleData } from '../components/BubbleChart';
 import * as d3 from 'd3';
-type NodeType = Selection<SVGGElement, BubbleData, SVGSVGElement, unknown>;
 type SimulationType = Simulation<SimulationNodeDatum, undefined>;
-export declare const buildBubblesSvg: (data: BubbleData[], svgRef: SVGSVGElement, height: number, width: number, isDraggable?: boolean, onClick?: (bubble: BubbleData) => void) => [NodeType, SimulationType];
 /**
  * Enables dragging of bubbles
  * @param simulation D3 Simulation
  */
 export declare const drag: (simulation: SimulationType) => d3.DragBehavior<Element, unknown, unknown>;
+/**
+ * Provide d values for the arc between the start and end radius based on time
+ * @param data Bubble data
+ */
+export declare const arcTween: (data: BubbleData) => (t: number) => string;
+/**
+ * Enable drag
+ * @param simulation D3 Simulation
+ */
+export declare const enableDrag: (simulation: SimulationType) => void;
+/**
+ * Update location after a resize
+ * @param simulation D3 Simulation
+ * @param height New height
+ * @param width New width
+ */
+export declare const resize: (simulation: SimulationType, height: number, width: number) => void;
+/**
+ * Simulates the chart
+ * @param data All Bubble data for the chart
+ */
+export declare const simulate: (data: BubbleData[]) => d3.Simulation<d3.SimulationNodeDatum, undefined>;
 export {};

package/dist/cashflow/components/RemainingCash.d.ts

@@ -1,5 +1,5 @@
 interface RemainingCashProps {
     remaining: number;
 }
-declare const RemainingCash: React.FC<RemainingCashProps>;
-export default RemainingCash;
+declare const _default: import('react').FunctionComponent<RemainingCashProps>;
+export default _default;

package/dist/common/components/CurrencyInput.d.ts

@@ -1,18 +1,13 @@
 import { default as React } from 'react';
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
+import { CurrencyInputCopy } from '../types';
 
-type CopyObject = {
-    error_amount_is_invalid: string;
-    error_amount_must_be_equal_to: string;
-    error_amount_must_be_less_than_or_equal_to: string;
-    enter_amount: string;
-};
 type CurrencyInputProps = {
     allowDecimals?: boolean;
     amountIsRequired?: boolean;
     ariaLabel?: string;
     amount: string | number;
-    copy?: CopyObject;
+    copy?: CurrencyInputCopy;
     customValidate?: () => boolean;
     errorText?: string;
     label?: string;

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 
 interface LineChartProps {
-    baseline?: string;
     colors: (string | undefined)[];
     datasets: {
         x: string;

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

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

package/dist/common/components/charts/stackedlinechart/CustomAreaTooltip.d.ts

@@ -4,7 +4,7 @@ type DataPoint = {
     x: string | number;
     y: number;
 };
-export declare const CustomAreaTooltip: React.FC<{
+declare const _default: React.FunctionComponent<{
     categoryGuid: string;
     hoveredAreaData: DataPoint[];
     cursorPosition: {
@@ -13,4 +13,4 @@ export declare const CustomAreaTooltip: React.FC<{
     };
     chartContainerRef: React.RefObject<HTMLDivElement>;
 }>;
-export {};
+export default _default;

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

@@ -9,7 +9,6 @@ export declare const useGlobalUiStore: () => import('../stores/GlobalUiStore').G
 export declare const useGlobalCopyStore: () => import('..').GlobalCopy;
 export declare const useGoalStore: () => import('..').GlobalStore;
 export declare const useMerchantStore: () => import('../..').MerchantStore;
-export declare const useNetWorthStore: () => import('../../networth/stores/NetWorthStore').NetWorthStore;
 export declare const useNotificationStore: () => import('../..').NotificationStore;
 export declare const useRecurringActivityStore: () => import('../..').RecurringActivityStore;
 export declare const useTransactionStore: () => import('../..').TransactionStore;

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

@@ -1,3 +1,3 @@
-export { useAccountStore, useBudgetsStore, useCashflowStore, useCategoryStore, useEvent, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringActivityStore, useTransactionStore, useUserStore, useWidgetContainerProvider, } from './hooks';
+export { useAccountStore, useBudgetsStore, useCashflowStore, useCategoryStore, useEvent, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useMerchantStore, useNotificationStore, usePageView, useRecurringActivityStore, useTransactionStore, useUserStore, useWidgetContainerProvider, } from './hooks';
 export { GlobalDataContext, GlobalDataProvider } from './GlobalDataProvider';
 export { WidgetContainerContext, WidgetContainerProvider } from './WidgetContainerProvider';

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

@@ -11,7 +11,6 @@ import { RecurringActivityStore } from '../../recurringactivity';
 import { TransactionStore } from '../../transactions';
 import { UserStore } from './UserStore';
 import { GlobalCopyStore } from './GlobalCopyStore';
-import { NetWorthStore } from '../../networth/stores/NetWorthStore';
 
 export declare class GlobalStore {
     accountStore: AccountStore;
@@ -22,7 +21,6 @@ export declare class GlobalStore {
     connectStore: ConnectStore;
     copyStore: GlobalCopyStore;
     merchantStore: MerchantStore;
-    netWorthStore: NetWorthStore;
     notificationStore: NotificationStore;
     recurringActivityStore: RecurringActivityStore;
     transactionStore: TransactionStore;

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

@@ -11,20 +11,25 @@ export type AnalyticsEvent = {
         name: string;
         session_id: string;
         user_agent: string;
+        value: string | null;
         version: number;
     };
 };
 export type AnalyticsPageview = {
-    created_at: string;
-    detailed_path: string;
-    host: string;
-    metadata: string | null;
-    name: string;
-    path: string;
-    user_agent: string;
+    analytics_pageview: {
+        app_version: string;
+        created_at: string;
+        detailed_path: string;
+        host: string;
+        metadata: string | null;
+        name: string;
+        path: string;
+        session_id: string;
+        user_agent: string;
+    };
 };
-export type BasicAnalyticsEvent = Pick<AnalyticsEvent['analytics_event'], 'action' | 'category' | 'label'>;
-export type BasicAnalyticsPageview = Pick<AnalyticsPageview, 'path' | 'name'>;
+export type BasicAnalyticsEvent = Pick<AnalyticsEvent['analytics_event'], 'action' | 'category' | 'label' | 'value'>;
+export type BasicAnalyticsPageview = Pick<AnalyticsPageview['analytics_pageview'], 'name' | 'detailed_path' | 'metadata' | 'path'>;
 export type AnalyticsSession = {
     browser_name: string;
     browser_version: string;
@@ -35,3 +40,12 @@ export type AnalyticsSession = {
 };
 export type AnalyticEventFunction = (event: string, session?: Awaited<ReturnType<typeof analyticsSession>> | null) => void;
 export type AnalyticPageviewFunction = (page: string, session?: Awaited<ReturnType<typeof analyticsSession>> | null) => void;
+export interface AnalyticsEventsObjectType extends BasicAnalyticsEvent {
+    instanceId: string;
+}
+export interface AnalyticsPageviewObjectType extends BasicAnalyticsPageview {
+    label: string;
+    name: string;
+    path: string;
+    value: string;
+}

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

@@ -1,11 +1,17 @@
-import { CashflowCopy, CategoryCopy, CommonCopy, InsightsFeedCopy, MicroInsightsCopy, TransactionsCopy, TrendsCopy } from './localization';
+import { AccountsCopy, BudgetsCopy, CashflowCopy, CategoryCopy, CommonCopy, ConnectCopy, InsightsFeedCopy, MicroInsightsCopy, NotificationsCopy, RecurringCopy, SpendingCopy, TransactionsCopy, TrendsCopy } from './localization';
 
 export interface GlobalCopy {
+    accounts: AccountsCopy;
+    budgets: BudgetsCopy;
     cashflow: CashflowCopy;
     categories: CategoryCopy;
     common: CommonCopy;
+    connect: ConnectCopy;
     insights_feed: InsightsFeedCopy;
     micro_insights: MicroInsightsCopy;
+    notifications: NotificationsCopy;
+    recurring: RecurringCopy;
+    spending: SpendingCopy;
     transactions: TransactionsCopy;
     trends: TrendsCopy;
 }

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

@@ -1,7 +1,11 @@
 export interface AccountFilterCopy {
+    account_type_accounts: string;
     filter_button_aria: string;
     filter_button_generic_aria: string;
+    select_all_accounts: string;
     title: string;
+    toggle_account_type_accounts: string;
+    unselect_all_accounts: string;
     zero_state_button: string;
     zero_state_description: string;
     zero_state_title: string;

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

@@ -0,0 +1,16 @@
+export interface AccountTypeCopy {
+    any: string;
+    cash: string;
+    checking: string;
+    checking_line_of_credit: string;
+    credit_card: string;
+    digital_wallet: string;
+    insurance: string;
+    investment: string;
+    line_of_credit: string;
+    loan: string;
+    mortgage: string;
+    prepaid: string;
+    property: string;
+    savings: string;
+}

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

@@ -0,0 +1,113 @@
+export interface AccountsCopy {
+    account_balance: string;
+    account_details: string;
+    account_name: string;
+    account_type: string;
+    account_type_accounts: {
+        [key: string | number]: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+    };
+    account_types: {
+        [key: string | number]: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+    };
+    actions: string;
+    apr: string;
+    apy: string;
+    available_balance: string;
+    available_credit: string;
+    close_aria: string;
+    close_account_details_aria: string;
+    close_drawer: string;
+    close_modal: string;
+    confirm_mark_as_open: string;
+    confirm_mark_closed: string;
+    confirm_merge: string;
+    connection_status: string;
+    credit_limit: string;
+    current_balance: string;
+    day_of_every_month: string;
+    day_payment_due: string;
+    edit_field: string;
+    eligible_accounts: string;
+    enter_amount: string;
+    enter_value: string;
+    error_amount_is_invalid: string;
+    error_amount_must_be_equal_to: string;
+    error_amount_must_be_less_than_or_equal_to: string;
+    exclude_this_account: string;
+    field_is_required: string;
+    hide_Account: string;
+    if_a_connected_account_is_showing_up_twice: string;
+    include_this_account: string;
+    institution_logo_alt: string;
+    interest_rate: string;
+    is_closed: string;
+    is_hidden: string;
+    manage_connection: string;
+    manage_connections: string;
+    mark_as_closed: string;
+    mark_as_duplicate: string;
+    mark_as_open: string;
+    minimum_payment: string;
+    mini_title: string;
+    next_payment: string;
+    no_accounts: string;
+    original_balance: string;
+    payment_due_on: string;
+    personal: string;
+    primary_cta: string;
+    property_type: string;
+    property_types: {
+        [key: string | number]: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    save: string;
+    select_value: string;
+    sync_accounts: string;
+    this_action_cannot_be_undone: string;
+    this_means_accounts_will_be_merged: string;
+    this_will_resume_updating_the_balance: string;
+    this_will_set_the_account_balance_to_0: string;
+    this_will_set_the_balance_of_your_account: string;
+    title: string;
+    transaction_drawer_title: string;
+    transactions: string;
+    transactions_and_details_aria: string;
+    unhide_account: string;
+}

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

@@ -0,0 +1,11 @@
+export interface BudgetsCopy {
+    budget_remaining_left: string;
+    budget_remaining_over: string;
+    budgets_title: string;
+    details_cta: string;
+    get_started_cta: string;
+    left_in_budgets: string;
+    overspent_in_budgets: string;
+    zero_state_description: string;
+    zero_state_title: string;
+}

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

@@ -22,7 +22,8 @@ export interface CashflowCopy extends AccountFilterCopy {
     cashflow_settings: string;
     cashflow_summary_and_details: string;
     cashflow_title: string;
-    close_drawer_aria: string;
+    close_manage_income_aria: string;
+    close_settings_aria: string;
     confirm_error: string;
     confirm_income_button: string;
     current_balance: string;
@@ -38,6 +39,7 @@ export interface CashflowCopy extends AccountFilterCopy {
     institution_logo: string;
     loading_description: string;
     loading_title: string;
+    manage_income: string;
     monthly: string;
     next_month_aria: string;
     next_pay_date_label: string;
@@ -50,12 +52,16 @@ export interface CashflowCopy extends AccountFilterCopy {
     projected_monthly_income: string;
     recent_pay_date_label: string;
     remaining: string;
+    remaining_income_tooltip_title: string;
+    remaining_income_tooltip_body: string;
     remaining_cash: string;
     second_pay_date_label: string;
     semi_monthly: string;
     skip_button: string;
     sub_title: string;
     summary: string;
+    table_tooltip_title: string;
+    table_tooltip_body: string;
     title: string;
     to_be_paid_out: string;
     to_be_received: string;

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

@@ -1,7 +1,10 @@
-import { AccountFilterCopy, CurrencyInputCopy, DateRangePickerCopy } from './';
+import { AccountFilterCopy, AccountTypeCopy, CurrencyInputCopy, DateRangePickerCopy } from './';
 
 export interface CommonCopy {
     account_filter: AccountFilterCopy;
+    account_type: AccountTypeCopy;
+    average: string;
+    back_to_dashboard: string;
     cancel_button: string;
     cancel_search_aria: string;
     close_aria: string;
@@ -10,6 +13,10 @@ export interface CommonCopy {
     date_range_picker: DateRangePickerCopy;
     delete_button: string;
     filter_button: string;
+    good_afternoon: string;
+    good_evening: string;
+    good_morning: string;
+    heres_your_spending_overview: string;
     hide_button: string;
     save_button: string;
     search: string;
@@ -18,5 +25,6 @@ export interface CommonCopy {
     search_placeholder: string;
     search_zero_state: string;
     settings: string;
+    six_month_total: string;
     unhide_button: string;
 }

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

@@ -0,0 +1,74 @@
+export interface ConnectCopy {
+    close_connections_aria: string;
+    close_manage_connection_aria: string;
+    connection_messages: {
+        challenged_connection_description: string;
+        challenged_connection_title: string;
+        challenged_cta: string;
+        closed_connection_description: string;
+        closed_connection_title: string;
+        degraded_connection_description: string;
+        degraded_connection_title: string;
+        delayed_connection_description: string;
+        delayed_connection_title: string;
+        denied_connection_description: string;
+        denied_connection_title: string;
+        denied_cta: string;
+        disabled_connection_description: string;
+        disabled_connection_title: string;
+        disconnected_connection_description: string;
+        disconnected_connection_title: string;
+        discontinued_connection_description: string;
+        discontinued_connection_title: string;
+        expired_connection_description: string;
+        expired_connection_title: string;
+        expired_cta: string;
+        failed_connection_description: string;
+        failed_connection_title: string;
+        impaired_connection_description: string;
+        impaired_connection_title: string;
+        impaired_cta: string;
+        impeded_connection_description: string;
+        impeded_connection_title: string;
+        imported_connection_description: string;
+        imported_connection_title: string;
+        imported_cta: string;
+        locked_connection_description: string;
+        locked_connection_title: string;
+        locked_cta: string;
+        prevented_connection_description: string;
+        prevented_connection_title: string;
+        prevented_cta: string;
+        rejected_connection_description: string;
+        rejected_connection_title: string;
+        rejected_cta: string;
+    };
+    connection_statuses: {
+        [key: string | number]: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        16: string;
+        17: string;
+        19: string;
+        20: string;
+    };
+    last_updated_at: string;
+    loading: string;
+    mini_title: string;
+    mini_widget_content: string;
+    oops: string;
+    primary_cta: string;
+    today: string;
+    yesterday: string;
+}

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

@@ -9,7 +9,12 @@ export interface DateRangePickerCopy {
     last_year: string;
     next_aria: string;
     previous_aria: string;
+    range_3_months: string;
+    range_6_months: string;
+    range_9_months: string;
+    range_12_months: string;
     select: string;
+    select_a_date: string;
     select_range: string;
     this_month: string;
     to: string;

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

@@ -0,0 +1,7 @@
+export interface NotificationsCopy {
+    close_notifications: string;
+    close_notification_settings: string;
+    loading: string;
+    no_notifications: string;
+    notifications_title: string;
+}