@mx-cartographer/experiences 3.10.1-alpha.mm7 → 3.11.0

package/CHANGELOG.md

@@ -1,7 +1,41 @@
+## [3.11.0] - 10-25-2024
+
+- **ADDED** - MonthlyEmergencyFundReview BeatBody
+
+## [3.10.1] - 10-25-2024
+
+- **UPDATED** - Insights folder structure
+
+## [3.10.0] - 10-25-2024
+
+- **ADDED** - SwitchDirectDeposit BeatBody
+
+## [3.9.3] - 10-21-2024
+
+- **UPDATED** - SetUpDirectDeposit styles
+
+## [3.9.2] - 10-2-2024
+
+- **FIXED** - `InsightsMicroWidget` conditionally initializes store, only if store has not been initialized
+
+## [3.9.1] - 10-21-2024
+
+- **UPDATED** - SetUpDirectDeposit styles
+
+## [3.9.0] - 10-18-2024
+
+- **UPDATED** - Use the common `ConnectDrawer` component instead of the LinkAccounts from Money Dashboard in ConnectMiniWidget
+
+## [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
 
-- **FIXED** - Mitigate `StackedLineChart` line area crossing and overlap
-- **FIXED** - Improve `StackedLineChart` legend hover styles
+- **UPDATED** - Bubble chart to resize without re-rendering
+- **UPDATED** - Bubble chart to be more performant
 
 ## [3.7.0] - 10-15-2024
 

package/dist/accounts/AccountsMiniWidget.d.ts

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

package/dist/accounts/AccountsWidget.d.ts

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

package/dist/accounts/ConnectMiniWidget.d.ts

@@ -1,5 +1,8 @@
 import { default as React } from 'react';
-import { MiniWidgetProps } from '../common';
-
-declare const _default: React.FunctionComponent<MiniWidgetProps>;
+import { SxProps } from '@mui/material/styles';
+interface ConnectMiniWidgetProps {
+    onPrimaryCtaClick?: () => void;
+    sx?: SxProps;
+}
+declare const _default: React.FunctionComponent<ConnectMiniWidgetProps>;
 export default _default;

package/dist/accounts/api/AccountApi.d.ts

@@ -1,6 +1,5 @@
 import { default as Fetch } from '../../common/utils/Fetch';
 import { Account } from '../../common';
-
 export declare class AccountApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { ListItemOwnProps } from '@mui/material/ListItem';
 import { Account } from '../../common';
-
 interface AccountListItemProps {
     account: Account;
     onRowClick?: () => void;

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

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

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

@@ -1,5 +1,4 @@
 import { MemberConnectionStatus } from '../../accounts';
-
 interface ConnectStatus {
     status?: MemberConnectionStatus;
 }

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface ConnectionsDrawerProps {
     onClose: () => void;
     showConnectionsWidget: boolean;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { AccountField } from '../../../utils/AccountFields';
-
 interface AccountDetailEditProps {
     field: AccountField;
     isOpen: boolean;

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

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

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface ConnectionErrorMessageProps {
     setTabValue: (val: number) => void;
 }

package/dist/accounts/stores/AccountStore.d.ts

@@ -1,7 +1,6 @@
 import { Account, GlobalStore, Institution, Member } from '../../common';
 import { AccountApi } from '../api/AccountApi';
 import { UiStore } from './UiStore';
-
 export declare class AccountStore {
     api: AccountApi;
     globalStore: GlobalStore;

package/dist/accounts/stores/UiStore.d.ts

@@ -1,5 +1,4 @@
 import { Account, Member } from '../../common';
-
 export declare class UiStore {
     isLoading: boolean;
     selectedAccount: Account;

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

@@ -1,5 +1,4 @@
 import { Account, AccountsCopy } from '../../common';
-
 type SelectOption = {
     label: string;
     value: number;

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

@@ -1,5 +1,4 @@
 import { Account } from '../../common/types';
-
 export declare const isAccountLiability: (account: Account) => boolean;
 export declare const isManual: (account: Account) => boolean;
 export declare const usesCreditLimitField: (account: Account) => boolean;

package/dist/budgets/BubbleBudgetsMiniWidget.d.ts

@@ -1,5 +1,4 @@
 import { MiniWidgetProps } from '../common';
-
 declare const _default: ((props: MiniWidgetProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/budgets/BubbleBudgetsWidget.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { WidgetProps } from '../common';
+export declare const BubbleBudgetsWidget: React.FC<WidgetProps>;

package/dist/budgets/api/BudgetsApi.d.ts

@@ -1,5 +1,4 @@
 import { Fetch } from '../../common';
-
 export declare class BudgetsApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

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

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
-import { BubbleData } from './BubbleChart';
-
+import { DetailedBudget } from '../../common/types/Budget';
 interface BubbleBudgetsProps {
     isDraggable?: boolean;
-    onClick?: (bubble: BubbleData) => void;
+    onClick?: (budget: DetailedBudget) => void;
     shouldShowZeroState: boolean;
+    unavailableHeight?: number;
+    unavailableWidth?: number;
 }
 declare const _default: React.FunctionComponent<BubbleBudgetsProps>;
 export default _default;

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

@@ -1,24 +1,16 @@
 import { default as React } from 'react';
 import { SimulationNodeDatum } from 'd3-force';
-
+import { DetailedBudget } from '../../common/types/Budget';
 export interface BubbleData extends SimulationNodeDatum {
-    backgroundColor: string;
-    budgetGuid: string;
-    currentAmount: number;
-    description: string;
-    icon?: string;
-    label: string;
-    progressColor: string;
+    budget: DetailedBudget;
     radius: number;
-    textColor: string;
-    totalAmount: number;
 }
 interface BubbleChartProps {
     data: BubbleData[];
     height: number;
     width: number;
     isDraggable?: boolean;
-    onClick?: (bubble: BubbleData) => void;
+    onClick?: (budget: DetailedBudget) => void;
 }
 declare const BubbleChart: React.FC<BubbleChartProps>;
 export default BubbleChart;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DetailedBudget } from '../../common/types/Budget';
+interface BudgetDetailsProps {
+    budget: DetailedBudget;
+}
+export declare const BudgetDetails: React.FC<BudgetDetailsProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DetailedBudget } from '../../common/types/Budget';
+interface BudgetListProps {
+    onClick?: (budget: DetailedBudget) => void;
+}
+export declare const BudgetList: React.FC<BudgetListProps>;
+export {};

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

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

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

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

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

@@ -0,0 +1,7 @@
+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/components/budgetlist/BudgetRow.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { DetailedBudget } from '../../../common/types/Budget';
+interface BudgetRowProps {
+    budget: DetailedBudget;
+    onClick?: (budget: DetailedBudget) => void;
+}
+export declare const BudgetRow: React.FC<BudgetRowProps>;
+export {};

package/dist/budgets/components/budgetlist/SubBudgetRow.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DetailedBudget } from '../../../common/types/Budget';
+interface SubBudgetRowProps {
+    budget: DetailedBudget;
+}
+export declare const SubBudgetRow: React.FC<SubBudgetRowProps>;
+export {};

package/dist/budgets/components/budgetlist/SubBudgetZeroState.d.ts

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

package/dist/budgets/index.d.ts

@@ -1 +1,2 @@
 export { default as BubbleBudgetsMiniWidget } from './BubbleBudgetsMiniWidget';
+export { BubbleBudgetsWidget } from './BubbleBudgetsWidget';

package/dist/budgets/store/BudgetsStore.d.ts

@@ -1,11 +1,13 @@
-import { Budget, GlobalStore } from '../../common';
+import { Budget, BudgetsCopy, GlobalStore } from '../../common';
 import { BudgetsApi } from '../api/BudgetsApi';
-
+import { DetailedBudget } from '../../common/types/Budget';
+import { Theme } from '@mui/system';
 export declare class BudgetsStore {
     api: BudgetsApi;
     globalStore: GlobalStore;
-    budgets: Budget[];
+    budgets: DetailedBudget[];
+    income: Budget | undefined;
     constructor(globalStore: GlobalStore);
     initialize: (endpoint: string, token: string) => Promise<void>;
-    loadBudgets: () => Promise<void>;
+    loadBudgets: (copy: BudgetsCopy, theme: Theme) => Promise<void>;
 }

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

@@ -0,0 +1,33 @@
+import { Simulation } from 'd3';
+import { SimulationNodeDatum } from 'd3-force';
+import { BubbleData } from '../components/BubbleChart';
+import * as d3 from 'd3';
+type SimulationType = Simulation<SimulationNodeDatum, undefined>;
+/**
+ * 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/budgets/utils/Budget.d.ts

@@ -1,14 +1,7 @@
 import { Theme } from '@mui/system';
 import { Budget, BudgetsCopy, Category } from '../../common';
-import { BubbleData } from '../components/BubbleChart';
-
-export declare const getBudgetPercentage: (budgetAmount: number, budgetSpent: number) => number;
-interface BubbleColors {
-    bubble: string;
-    mercury: string;
-    text: string;
-}
-export declare const getBubbleColors: (budgetAmount: number, budgetSpent: number, theme: Theme) => BubbleColors;
+import { BudgetColors, DetailedBudget } from '../../common/types/Budget';
+export declare const getBudgetPercentage: (budget: Budget) => number;
+export declare const getBudgetColors: (budget: Budget, theme: Theme) => BudgetColors;
 export declare const useGetBudgetDifference: () => number;
-export declare const buildBubbleData: (budgets: Budget[], categories: Category[], theme: Theme, copy: BudgetsCopy) => BubbleData[];
-export {};
+export declare const augmentBudgets: (budgets: Budget[], categories: Category[], copy: BudgetsCopy, theme: Theme) => DetailedBudget[];

package/dist/cashflow/CashflowMiniWidget.d.ts

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

package/dist/cashflow/CashflowOnboarding.d.ts

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

package/dist/cashflow/CashflowWidget.d.ts

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

package/dist/cashflow/api/CashflowApi.d.ts

@@ -1,5 +1,4 @@
 import { Fetch, CashflowEvent, CashflowSequence } from '../../common';
-
 export declare class CashflowApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface CashflowAmountHeadingProps {
     amount: number;
     isMobile?: boolean;

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface CashflowWidgetContentProps {
     onAddIncomeClick?: () => void;
 }

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ExpenseType } from './DetailsExpenseRow';
-
 interface DetailsExpenseHeaderProps {
     total: number;
     type: ExpenseType;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Activity } from '../../common';
-
 export declare enum ExpenseType {
     EXPENSE = "expense",
     INCOME = "income"

package/dist/cashflow/components/onboarding/StepOne.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface StepOneProps {
     handleNextStep: () => void;
 }

package/dist/cashflow/components/onboarding/StepTwo.d.ts

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

package/dist/cashflow/stores/CashflowStore.d.ts

@@ -1,6 +1,5 @@
 import { GlobalStore } from '../../common';
 import { UiStore } from './UiStore';
-
 export declare class CashflowStore {
     globalStore: GlobalStore;
     uiStore: UiStore;

package/dist/cashflow/stores/UiStore.d.ts

@@ -1,5 +1,4 @@
 import { Account, Activity } from '../../common';
-
 export declare class UiStore {
     dateRange: {
         start: Date;

package/dist/cashflow/util/Filters.d.ts

@@ -1,5 +1,4 @@
 import { Account, Activity } from '../../common';
-
 /**
  * Returns activities that match the given account and date range
  * @param account The account

package/dist/categories/components/CategoryList.d.ts

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

package/dist/categories/components/CategoryRow.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../common';
-
 interface CategoryRowProps {
     category: Category;
     subCategories: Category[];

package/dist/categories/components/CategorySelector.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface CategorySelectorProps {
     initialSelected?: string;
     onSelect: (guid: string) => void;

package/dist/categories/components/CategorySelectorDrawer.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { CategorySelectorProps } from './CategorySelector';
-
 export interface CategorySelectorDrawerProps extends CategorySelectorProps {
     disableScroll?: boolean;
     id?: string;

package/dist/categories/components/CustomCategories/AddSubcategory.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../../common/types';
-
 interface AddSubcategoryProps {
     parentCategory: Category;
 }

package/dist/categories/components/CustomCategories/CustomCategoryModal.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare enum CustomCategoryModalType {
     ADD = "add",
     EDIT = "edit",

package/dist/categories/components/CustomCategories/DeleteSubcategory.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../../common';
-
 interface DeleteSubcategoryProps {
     parentCategory: Category;
     showDelete: boolean;

package/dist/categories/components/CustomCategories/RenameSubcategory.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../../common/types';
-
 interface RenameSubcategoryProps {
     setShowRename: (show: boolean) => void;
     subCategory: Category;

package/dist/categories/components/SubcategoryList.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../common/types';
-
 interface SubcategoryListProps {
     categories: Category[];
     parentCategory: Category;

package/dist/categories/components/SubcategoryRow.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { Category } from '../../common/types';
-
 interface SubcategoryRowProps {
     parentCategory: Category;
     subCategory: Category;

package/dist/categories/stores/CategoryStore.d.ts

@@ -1,7 +1,6 @@
 import { Account, CategoryApi, Category, DateRangeCategoryTotals, GlobalStore, MonthlyCategoryTotals } from '../../common';
 import { UiStore } from './UiStore';
 import { DetailedCategory } from '../../common/types/Category';
-
 export declare class CategoryStore {
     api: CategoryApi;
     globalStore: GlobalStore;

package/dist/common/api/AnalyticsApi.d.ts

@@ -1,6 +1,5 @@
 import { Fetch } from '../utils';
 import { AnalyticsEvent } from '../types';
-
 export declare class AnalyticsApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/BeatApi.d.ts

@@ -1,6 +1,5 @@
 import { default as Fetch } from '../utils/Fetch';
 import { Beat } from '../types';
-
 export declare class BeatApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/CategoryApi.d.ts

@@ -1,7 +1,6 @@
 import { default as Fetch } from '../utils/Fetch';
 import { Account } from '../types/Account';
 import { Category } from '../types/Category';
-
 export declare class CategoryApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/GlobalCopyApi.d.ts

@@ -1,5 +1,4 @@
 import { default as Fetch } from '../utils/Fetch';
-
 export declare class GlobalCopyApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/LocalizedCopyApi.d.ts

@@ -1,5 +1,4 @@
 import { default as Fetch } from '../utils/Fetch';
-
 export declare class LocalizedCopyApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/NotificationApi.d.ts

@@ -1,6 +1,5 @@
 import { default as Fetch } from '../utils/Fetch';
 import { Notification } from '../types';
-
 export declare class NotificationApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/ScheduledPaymentsApi.d.ts

@@ -1,5 +1,4 @@
 import { Fetch, ScheduledPayment } from '../index';
-
 export declare class ScheduledPaymentsApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);

package/dist/common/api/UserApi.d.ts

@@ -1,6 +1,5 @@
 import { default as Fetch } from '../utils/Fetch';
 import { UserProfile } from '../types';
-
 export declare class UserApi {
     fetchInstance: Fetch;
     constructor(endpoint: string, token: string);