@mx-cartographer/experiences 3.8.0 → 3.9.0-alpha.bb1

package/CHANGELOG.md

@@ -1,8 +1,8 @@
 ## [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
+- **UPDATED** - KyperMUI to 4.1
+- **UPDATED** - MUI to 6.x
+- **REMOVED** - Any usage of `useTokens`
 
 ## [3.7.1] - 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,4 @@
 import { default as React } from 'react';
 import { MiniWidgetProps } from '../common';
-
 declare const _default: React.FunctionComponent<MiniWidgetProps>;
 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/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,9 +1,8 @@
 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;

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

@@ -1,10 +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?: (bubble: BubbleData) => void;
+    onClick?: (budget: DetailedBudget) => void;
 }
 export declare const Bubble: React.FC<BubbleProps>;
 export {};

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { BubbleData } from '../BubbleChart';
-
 interface MercuryProps {
     bubble: BubbleData;
 }

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/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);

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
 import { CurrencyInputCopy } from '../types';
-
 type CurrencyInputProps = {
     allowDecimals?: boolean;
     amountIsRequired?: boolean;

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material/styles';
 import { TypographyProps } from '@mui/material/Typography';
-
 interface CurrencyTextProps extends TypographyProps {
     isIncome?: boolean;
     amount: number | string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface DataRowProps {
     iconName: string;
     label: string;

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

@@ -1,5 +1,4 @@
 import { SxProps } from '@mui/material/styles';
-
 interface IconProps {
     backingSx?: SxProps;
     size: number;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface InformationTooltipProps {
     body: string;
     iconName?: string;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material/styles';
-
 interface ListItemWrapperProps {
     clickEventName?: string;
     onClick?: () => void;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface LoaderProps {
     label?: string;
     size?: number;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material/styles';
-
 interface CardContainerProps {
     className?: string;
     onPrimaryCtaClick?: () => void;