@mx-cartographer/experiences 3.7.0-alpha.sms6 → 3.7.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [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
+
+## [3.6.2] - 10-08-2024
+
+- **UPDATED** - Add Posthog events to `TrendsFullWidget` components
+
+## [3.6.1] - 10-03-2024
+
+- **UPDATED** - `SetUpDirectDepositBeatBody` component style
+
 ## [3.6.0] - 10-03-2024
 
 - **ADDED** - `TrendsTable` and `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/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/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/api/AnalyticsApi.d.ts

@@ -1,5 +1,5 @@
-import { default as Fetch } from '../utils/Fetch';
-import { AnalyticsEvent, AnalyticsPageview } from '../types/Analytics';
+import { Fetch } from '../utils';
+import { AnalyticsEvent } from '../types';
 
 export declare class AnalyticsApi {
     fetchInstance: Fetch;
@@ -8,5 +8,5 @@ export declare class AnalyticsApi {
         analytics_session: any;
     }>;
     sendAnalyticEvent: (event: AnalyticsEvent) => Promise<any>;
-    sendAnalyticsPageview: (pageview: AnalyticsPageview) => Promise<any>;
+    sendAnalyticsPageview: (event: any) => Promise<any>;
 }

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/CurrencyText.d.ts

@@ -10,6 +10,7 @@ interface CurrencyTextProps extends TypographyProps {
     formatString?: string;
     sx?: SxProps;
     symbol?: string;
+    variant?: TypographyProps['variant'];
 }
 export declare const CurrencyText: React.FC<CurrencyTextProps>;
 export {};

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

@@ -1,6 +1,9 @@
 import { default as React } from 'react';
 
 interface StackedLineChartProps {
+    onHoverArea?: (category: string) => void;
+    onHoverPoint?: (category: string) => void;
+    onHoverLegend?: (category: string) => void;
     stackedColors: (string | undefined)[];
     stackedDatasets: {
         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/constants/Analytics.d.ts

@@ -39,5 +39,14 @@ export declare const ANALYTICS_EVENTS: {
     TRANSACTION_DETAILS_CLICK_SPLIT: string;
     TRANSACTION_DETAILS_CLICK_UNSPLIT: string;
     TRANSACTION_DETAILS_CLICK_TAGS: string;
+    TRANSACTION_DETAILS_CLICK_AMOUNT: string;
+    TRENDS_CLICK_FILTER: string;
+    TRENDS_CLICK_TOGGLE: string;
+    TRENDS_CLICK_DATE: string;
+    TRENDS_CLICK_TABLE_SORT: string;
+    TRENDS_CLICK_TABLE_ROW: string;
+    TRENDS_HOVER_LEGEND: string;
+    TRENDS_HOVER_AREA: string;
+    TRENDS_HOVER_POINT: string;
     WIDGET_BACK_CLICK: string;
 };

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

@@ -11,25 +11,20 @@ export type AnalyticsEvent = {
         name: string;
         session_id: string;
         user_agent: string;
-        value: string | null;
         version: number;
     };
 };
 export type AnalyticsPageview = {
-    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;
-    };
+    created_at: string;
+    detailed_path: string;
+    host: string;
+    metadata: string | null;
+    name: string;
+    path: string;
+    user_agent: string;
 };
-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 BasicAnalyticsEvent = Pick<AnalyticsEvent['analytics_event'], 'action' | 'category' | 'label'>;
+export type BasicAnalyticsPageview = Pick<AnalyticsPageview, 'path' | 'name'>;
 export type AnalyticsSession = {
     browser_name: string;
     browser_version: string;
@@ -40,12 +35,3 @@ 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,18 @@
-import { CashflowCopy, CategoryCopy, CommonCopy, InsightsFeedCopy, MicroInsightsCopy, TransactionsCopy } 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;
 }
 export type DynamicCopyElement = HTMLElement | React.ReactNode;

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/CategoryCopy.d.ts

@@ -7,6 +7,7 @@ export interface CategoryCopy {
     add_subcategory_title: string;
     all_parent_category: string;
     all_transactions_in_this_subcategory: string;
+    category_icon_label_aria: string;
     default_categories: LocalizedCategory;
     delete_subcategory_aria: string;
     delete_subcategory_heading: 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;
+}