@mx-cartographer/experiences 8.0.19 → 8.0.20

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

@@ -2,10 +2,11 @@ import { SxProps } from '@mui/material/styles';
 import { AccountType } from '../../core';
 export interface GlobalAccountFilterProps {
     allowedAccountTypes?: AccountType[] | undefined;
+    isDesktop?: boolean;
     onAccountFilterClick?: () => void;
     sx?: SxProps;
     variant?: 'outlined' | 'text';
 }
-export declare const GlobalAccountFilter: (({ allowedAccountTypes, onAccountFilterClick, sx, variant, }: GlobalAccountFilterProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const GlobalAccountFilter: (({ allowedAccountTypes, isDesktop, onAccountFilterClick, sx, variant, }: GlobalAccountFilterProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

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

@@ -19,9 +19,10 @@ interface WidgetContainerProps {
     dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs';
     hasDivider?: boolean;
     onBackClick?: () => void;
+    onMenuClick?: () => void;
     onAccountsFilterClick?: () => void;
     showAccountFilter?: boolean;
-    showDividerAboveDateSelector?: boolean;
+    slotComponent?: React.ReactElement;
     sx?: SxProps;
     title?: string;
 }

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CalendarActions } from './daterangeselector/DateRangeSelector';
+interface WidgetDateRangeSelectorProps {
+    calendarActions: CalendarActions;
+    dateRange?: {
+        start: Date;
+        end: Date;
+    };
+    dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs';
+}
+export declare const WidgetDateRangeSelector: React.FC<WidgetDateRangeSelectorProps>;
+export {};

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

@@ -3,4 +3,5 @@ export { useCombineEvents, useCombinePageviews } from './useCombineEvents';
 export { useInsightsEnabled } from './useInsightsEnabled';
 export { useScreenSize } from './useScreenSize';
 export { usePrevious } from './usePrevious';
+export { useWidgetHeaderStyles } from './useWidgetHeaderStyles';
 export { useWidgetLoadTimer } from './useWidgetLoadTimer';

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

@@ -0,0 +1,32 @@
+export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
+    actionsFlex: number;
+    containerSquareCorners: boolean;
+    headerHeadingLevel: "h1" | "h2" | "h3";
+    headerPaddingBottom: number;
+    headerPaddingTop: number;
+    headerPaddingX: number;
+    iconSize: number;
+    isCompact: boolean;
+    isDesktop: boolean;
+    slotSx: {
+        px?: number | undefined;
+        '& .mx-cmn-date-range-selector'?: {
+            m: number;
+            width: string;
+        } | undefined;
+        '& .mx-cmn-date-range-selector > .MuiBox-root'?: {
+            display: string;
+        } | undefined;
+        '& .MuiButtonGroup-root'?: {
+            width: string;
+        } | undefined;
+        '& .MuiButtonGroup-middleButton'?: {
+            flex: number;
+        } | undefined;
+        '& .MuiToggleButtonGroup-root'?: {
+            width: string;
+            justifyContent: string;
+        } | undefined;
+        pb: number;
+    };
+};

package/dist/common/index.es.js

@@ -11,56 +11,56 @@ import { H as W } from "../Help-B8mD4aLJ.mjs";
 import { E as Lt } from "../Help-B8mD4aLJ.mjs";
 import { M as Pt } from "../MicroWidgetContainer-B_EnfvCq.mjs";
 import { M as Nt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
-import { D as $t, W as Ft } from "../WidgetContainer-D-pbSa7L.mjs";
-import { C as Ht } from "../ConnectDrawer-C0wjwcJt.mjs";
-import { f as q, c as Y, d as D } from "../BudgetUtil-CLhRnCoX.mjs";
-import { a as qt, b as Yt, C as Qt, e as zt, k as Vt, h as Kt, j as jt, l as Zt } from "../BudgetUtil-CLhRnCoX.mjs";
-import { C as Jt } from "../CurrencyInput-DuMktPu3.mjs";
-import { L as ts } from "../Loader-D3rjKx72.mjs";
-import { R as rs } from "../ResponsiveButton-DZFp78fJ.mjs";
-import { S as as } from "../SearchBox-CwDgvWVJ.mjs";
+import { D as $t, W as Ft, u as Gt } from "../WidgetContainer-DYKMArWw.mjs";
+import { C as Wt } from "../ConnectDrawer-C0wjwcJt.mjs";
+import { f as q, c as Y, d as D } from "../BudgetUtil-DZpOoZQa.mjs";
+import { a as Yt, b as Qt, C as zt, e as Vt, k as Kt, h as jt, j as Zt, l as Xt } from "../BudgetUtil-DZpOoZQa.mjs";
+import { C as es } from "../CurrencyInput-DuMktPu3.mjs";
+import { L as ss } from "../Loader-D3rjKx72.mjs";
+import { R as os } from "../ResponsiveButton-DZFp78fJ.mjs";
+import { S as is } from "../SearchBox-CwDgvWVJ.mjs";
 import { T as Q } from "../TransactionStore-BUsgGRL1.mjs";
-import { S as ns } from "../TransactionStore-BUsgGRL1.mjs";
-import { T as us } from "../TabContentContainer-j01JYR_7.mjs";
-import { I as hs } from "../IconBacking-B9oC6uL2.mjs";
-import { D as gs, S as ps } from "../RecurringTransactions-BbZ6MQsX.mjs";
+import { S as cs } from "../TransactionStore-BUsgGRL1.mjs";
+import { T as ds } from "../TabContentContainer-j01JYR_7.mjs";
+import { I as ls } from "../IconBacking-B9oC6uL2.mjs";
+import { D as ps, S as _s } from "../RecurringTransactions-BbZ6MQsX.mjs";
 import { C as z } from "../CashflowStore-CeAzChyD.mjs";
-import { I as fs } from "../CashflowStore-CeAzChyD.mjs";
+import { I as ms } from "../CashflowStore-CeAzChyD.mjs";
 import { c as V } from "../GoalStore-fgXt--2Y.mjs";
-import { C as ys } from "../GoalStore-fgXt--2Y.mjs";
-import { C as bs } from "../CurrencyText-CA-E5N_y.mjs";
-import { E as Cs } from "../EmptyState-DHAkGsjk.mjs";
-import { L as As } from "../ListItemAction-4KB7P75M.mjs";
+import { C as Ss } from "../GoalStore-fgXt--2Y.mjs";
+import { C as ws } from "../CurrencyText-CA-E5N_y.mjs";
+import { E as Ds } from "../EmptyState-DHAkGsjk.mjs";
+import { L as Es } from "../ListItemAction-4KB7P75M.mjs";
 import { T as K } from "../TrendsStore-CYdTo7cN.mjs";
-import { L as Ts } from "../TrendsStore-CYdTo7cN.mjs";
-import { L as Is } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
-import { T as vs, a as Ms } from "../ToggleListItem-BLu_fWA2.mjs";
-import { G as Ls } from "../GlobalAccountFilter-B73Pw1hJ.mjs";
-import { S as Ps } from "../StatusBar-BK_uYHAB.mjs";
-import { D as Ns } from "../Donut-CpxJlVvJ.mjs";
-import { D as $s } from "../Dialog-Ck34yr-d.mjs";
+import { L as xs } from "../TrendsStore-CYdTo7cN.mjs";
+import { L as Bs } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
+import { T as Ms, a as Us } from "../ToggleListItem-BLu_fWA2.mjs";
+import { G as ks } from "../GlobalAccountFilter-CmnaZDS6.mjs";
+import { S as Rs } from "../StatusBar-BK_uYHAB.mjs";
+import { D as Os } from "../Donut-CpxJlVvJ.mjs";
+import { D as Fs } from "../Dialog-Ck34yr-d.mjs";
 import { jsxs as A, jsx as w } from "react/jsx-runtime";
 import { css as j } from "@mxenabled/cssinjs";
 import { D as Z, a as X } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { S as Gs } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { D as Ws } from "../Drawer-Bbe4AMB1.mjs";
-import { A as Ys } from "../Analytics-0Xm_BjHU.mjs";
-import { D as zs, O as Vs, a as Ks, f as js } from "../DateFormats-BMpMrZpW.mjs";
-import { I as Xs, P as Js, S as er } from "../Account-DuOz1a27.mjs";
+import { S as Hs } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { D as qs } from "../Drawer-Bbe4AMB1.mjs";
+import { A as Qs } from "../Analytics-0Xm_BjHU.mjs";
+import { D as Vs, O as Ks, a as js, f as Zs } from "../DateFormats-BMpMrZpW.mjs";
+import { I as Js, P as er, S as tr } from "../Account-DuOz1a27.mjs";
 import { b as m } from "../Category-CevNQ03n.mjs";
-import { C as sr, c as rr, a as or, P as ar } from "../Category-CevNQ03n.mjs";
-import { C as nr, f as cr, b as ur, a as dr, g as hr, i as lr } from "../NumberFormatting-QCaNwbjv.mjs";
+import { C as rr, c as or, a as ar, P as ir } from "../Category-CevNQ03n.mjs";
+import { C as cr, f as ur, b as dr, a as hr, g as lr, i as gr } from "../NumberFormatting-QCaNwbjv.mjs";
 import { R as _ } from "../repeatingTransactions-DHIG94pi.mjs";
 import { R as J } from "../RecurringTransactionsStore-BE_eUfTC.mjs";
-import { S as pr, T as _r } from "../RecurringTransactionsStore-BE_eUfTC.mjs";
-import { G as mr, C as yr, D as Sr, W as br, d as wr, a as Cr, m as Dr, t as Ar, l as Er, v as Tr, w as xr, g as Ir, y as Br, u as vr, f as Mr, b as Ur, k as Lr, z as kr, s as Pr, x as Rr, c as Nr, q as Or, n as $r, A as Fr, i as Gr, r as Hr, h as Wr, B as qr, o as Yr, p as Qr } from "../hooks-BxkfR-Ff.mjs";
-import { u as Vr } from "../useAccountDisplayName-DKwT1mWv.mjs";
-import { u as jr } from "../useInsightsEnabled-DL_oNyI0.mjs";
-import { u as Xr } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as _r, T as fr } from "../RecurringTransactionsStore-BE_eUfTC.mjs";
+import { G as yr, C as Sr, D as br, W as wr, d as Cr, a as Dr, m as Ar, t as Er, l as Tr, v as xr, w as Ir, g as Br, y as vr, u as Mr, f as Ur, b as Lr, k as kr, z as Pr, s as Rr, x as Nr, c as Or, q as $r, n as Fr, A as Gr, i as Hr, r as Wr, h as qr, B as Yr, o as Qr, p as zr } from "../hooks-BxkfR-Ff.mjs";
+import { u as Kr } from "../useAccountDisplayName-DKwT1mWv.mjs";
+import { u as Zr } from "../useInsightsEnabled-DL_oNyI0.mjs";
+import { u as Jr } from "../useScreenSize-CUcpY7aJ.mjs";
 import { useRef as ee, useEffect as te } from "react";
-import { u as eo } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { u as to } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { makeAutoObservable as l, runInAction as h, reaction as R, autorun as se } from "mobx";
-import { A as re } from "../AccountStore-DpYvNnql.mjs";
+import { A as re } from "../AccountStore-B7zfcad7.mjs";
 import oe from "posthog-js";
 import { B as ae } from "../BeatStore-C6CAT-ce.mjs";
 import { endOfMonth as N } from "date-fns/endOfMonth";
@@ -74,8 +74,8 @@ import { N as ge } from "../NetWorthStore-BqZ44-4M.mjs";
 import { a as pe } from "../SettingsStore-BoIoiRLj.mjs";
 import { addMonths as _e } from "date-fns/addMonths";
 import { getMonth as y } from "date-fns/getMonth";
-import { i as so } from "../DateUtil-wcYTmDRD.mjs";
-import { L as oo, b as ao, a as io, g as no } from "../Localization-CPkpIwIx.mjs";
+import { i as ro } from "../DateUtil-wcYTmDRD.mjs";
+import { L as ao, b as io, a as no, g as co } from "../Localization-CPkpIwIx.mjs";
 import { alpha as fe, lighten as T, darken as x } from "@mui/material";
 const lt = [
   { id: _.Unknown, copy: "frequency_unknown" },
@@ -1049,127 +1049,128 @@ class St {
   };
 }
 export {
-  Ys as ANALYTICS_EVENTS,
+  Qs as ANALYTICS_EVENTS,
   Ct as AnalyticsApi,
   a as ApiEndpoints,
   I as BannerApi,
   xt as BeatApi,
-  qt as Calendar,
-  Yt as CalendarSelectionTypes,
+  Yt as Calendar,
+  Qt as CalendarSelectionTypes,
   Bt as CategoryApi,
-  sr as CategoryColors,
-  rr as CategoryGuidToName,
+  rr as CategoryColors,
+  or as CategoryGuidToName,
   m as CategoryGuids,
-  or as CategoryIcon,
-  ys as ConnectCard,
-  Ht as ConnectDrawer,
-  nr as CurrencyCodes,
-  Qt as CurrencyDialog,
-  Jt as CurrencyInput,
-  bs as CurrencyText,
-  zs as DATE_FORMATS_INTL,
+  ar as CategoryIcon,
+  Ss as ConnectCard,
+  Wt as ConnectDrawer,
+  cr as CurrencyCodes,
+  zt as CurrencyDialog,
+  es as CurrencyInput,
+  ws as CurrencyText,
+  Vs as DATE_FORMATS_INTL,
   Z as DEFAULT_DONUT_SIZE,
   X as DEFAULT_STROKE_WIDTH,
-  gs as DataRow,
+  ps as DataRow,
   $t as DateRangeSelector,
-  $s as Dialog,
-  Ns as Donut,
-  Ws as Drawer,
-  Cs as EmptyState,
+  Fs as Dialog,
+  Os as Donut,
+  qs as Drawer,
+  Ds as EmptyState,
   Lt as ErrorBoundary,
   g as Fetch,
-  Ls as GlobalAccountFilter,
+  ks as GlobalAccountFilter,
   C as GlobalCopyApi,
   we as GlobalCopyStore,
-  mr as GlobalDataContext,
-  yr as GlobalDataProvider,
+  yr as GlobalDataContext,
+  Sr as GlobalDataProvider,
   St as GlobalStore,
-  Xs as INCOME_ACCOUNT_TYPES,
-  hs as IconBacking,
-  fs as InformationTooltip,
+  Js as INCOME_ACCOUNT_TYPES,
+  ls as IconBacking,
+  ms as InformationTooltip,
   gt as LOADING_STATUS,
-  oo as LOCALES,
-  As as ListItemAction,
-  Ts as ListItemRow,
-  Is as ListItemWrapper,
-  ts as Loader,
+  ao as LOCALES,
+  Es as ListItemAction,
+  xs as ListItemRow,
+  Bs as ListItemWrapper,
+  ss as Loader,
   _t as LocalizedCopyApi,
   Pt as MicroWidgetContainer,
   Nt as MiniWidgetContainer,
   yt as MultiSegmentDonut,
   Mt as NotificationApi,
-  Vs as ORDINAL_DATE_FORMAT,
-  Ks as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  Js as PAYMENT_ACCOUNT_TYPES,
-  ar as PaymentCategories,
+  Ks as ORDINAL_DATE_FORMAT,
+  js as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  er as PAYMENT_ACCOUNT_TYPES,
+  ir as PaymentCategories,
   lt as RECURRENCE_COPY,
-  rs as ResponsiveButton,
-  er as SPENDING_ACCOUNT_TYPES,
+  os as ResponsiveButton,
+  tr as SPENDING_ACCOUNT_TYPES,
   ft as ScheduledPaymentsApi,
-  as as SearchBox,
-  ps as Select,
-  ns as SelectionBox,
-  Gs as SingleSegmentDonut,
-  pr as Sizes,
-  Ps as StatusBar,
-  _r as TOUCH_TARGET,
-  us as TabContentContainer,
-  vs as ToggleButtonListItem,
-  Ms as ToggleListItem,
+  is as SearchBox,
+  _s as Select,
+  cs as SelectionBox,
+  Hs as SingleSegmentDonut,
+  _r as Sizes,
+  Rs as StatusBar,
+  fr as TOUCH_TARGET,
+  ds as TabContentContainer,
+  Ms as ToggleButtonListItem,
+  Us as ToggleListItem,
   B as UserApi,
   Me as UserStore,
   v as WidgetApi,
   Ft as WidgetContainer,
-  Sr as WidgetContainerContext,
-  br as WidgetContainerProvider,
+  br as WidgetContainerContext,
+  wr as WidgetContainerProvider,
   Dt as analyticsSession,
-  ao as buildDynamicCopy,
-  io as buildPluralCopy,
-  cr as formatCurrency,
-  js as formatDate,
-  ur as formatOrdinal,
-  dr as formatPercentage,
-  so as fromTimestampToMonthYear,
-  zt as getCategory,
-  Vt as getCategoryTotalsByParent,
+  io as buildDynamicCopy,
+  no as buildPluralCopy,
+  ur as formatCurrency,
+  Zs as formatDate,
+  dr as formatOrdinal,
+  hr as formatPercentage,
+  ro as fromTimestampToMonthYear,
+  Vt as getCategory,
+  Kt as getCategoryTotalsByParent,
   pt as getClientTheme,
-  hr as getCurrencyCodes,
-  Kt as getDetailedCategory,
-  jt as getDetailedSubCategory,
-  no as getLocale,
-  Zt as isIncome,
-  lr as isValidNumber,
-  Vr as useAccountDisplayName,
-  wr as useAccountStore,
-  Cr as useAppConfig,
-  Dr as useBudgetsStore,
-  Ar as useCashflowStore,
-  Er as useCategoryStore,
+  lr as getCurrencyCodes,
+  jt as getDetailedCategory,
+  Zt as getDetailedSubCategory,
+  co as getLocale,
+  Xt as isIncome,
+  gr as isValidNumber,
+  Kr as useAccountDisplayName,
+  Cr as useAccountStore,
+  Dr as useAppConfig,
+  Ar as useBudgetsStore,
+  Er as useCashflowStore,
+  Tr as useCategoryStore,
   At as useCombineEvents,
   Et as useCombinePageviews,
-  Tr as useDebtStore,
-  xr as useError,
-  Ir as useEvent,
-  Br as useFinstrongStore,
-  vr as useGlobalCopyStore,
-  Mr as useGlobalStore,
-  Ur as useGlobalUiStore,
-  Lr as useGoalStore,
-  kr as useHelpStore,
-  Pr as useHoldingStore,
-  jr as useInsightsEnabled,
-  Rr as useLoad,
-  Nr as useMerchantStore,
-  Or as useNetWorthStore,
-  $r as useNotificationStore,
-  Fr as usePageView,
+  xr as useDebtStore,
+  Ir as useError,
+  Br as useEvent,
+  vr as useFinstrongStore,
+  Mr as useGlobalCopyStore,
+  Ur as useGlobalStore,
+  Lr as useGlobalUiStore,
+  kr as useGoalStore,
+  Pr as useHelpStore,
+  Rr as useHoldingStore,
+  Zr as useInsightsEnabled,
+  Nr as useLoad,
+  Or as useMerchantStore,
+  $r as useNetWorthStore,
+  Fr as useNotificationStore,
+  Gr as usePageView,
   mt as usePrevious,
-  Gr as useRecurringTransactionsStore,
-  Xr as useScreenSize,
-  Hr as useSettingsStore,
-  Wr as useTransactionStore,
-  qr as useTrendsStore,
-  Yr as useUserStore,
-  Qr as useWidgetContainerProvider,
-  eo as useWidgetLoadTimer
+  Hr as useRecurringTransactionsStore,
+  Jr as useScreenSize,
+  Wr as useSettingsStore,
+  qr as useTransactionStore,
+  Yr as useTrendsStore,
+  Qr as useUserStore,
+  zr as useWidgetContainerProvider,
+  Gt as useWidgetHeaderStyles,
+  to as useWidgetLoadTimer
 };

package/dist/core/types/Widgets.d.ts

@@ -7,6 +7,7 @@ export interface MiniWidgetProps {
 export interface WidgetProps {
     onPrimaryCtaClick?: (value: string) => () => void;
     onBackClick?: () => void;
+    onMenuClick?: () => void;
     sx?: SxProps;
     title?: string;
 }

package/dist/dashboard/index.es.js

@@ -14,8 +14,8 @@ import k from "@mui/material/Button";
 import A from "@mui/material/IconButton";
 import I from "@mui/material/Tooltip";
 import B from "@mui/material/useMediaQuery";
-import { G as F } from "../GlobalAccountFilter-B73Pw1hJ.mjs";
-import { u as y } from "../useScreenSize-B6JyS_Lj.mjs";
+import { G as F } from "../GlobalAccountFilter-CmnaZDS6.mjs";
+import { u as y } from "../useScreenSize-CUcpY7aJ.mjs";
 import { C as $ } from "../ConnectDrawer-C0wjwcJt.mjs";
 import { u as z } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 const R = p(() => {
@@ -59,7 +59,7 @@ const R = p(() => {
   ) : null;
 }), T = ({ handleConnectClick: t }) => {
   const { common: o } = b(), i = B("(max-width: 700px)");
-  return /* @__PURE__ */ e(W, { my: 4, children: i ? /* @__PURE__ */ e(I, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(W, { children: i ? /* @__PURE__ */ e(I, { id: "add-accounts", placement: "bottom", title: o.add_accounts, children: /* @__PURE__ */ e(
     A,
     {
       "aria-controls": "add_accounts",

package/dist/debts/components/actions/DebtsPriorityAction.d.ts

@@ -1,7 +1,8 @@
 interface DebtsPriorityActionProps {
     disabled?: boolean;
+    isDesktop?: boolean;
 }
-export declare const DebtsPriorityAction: (({ disabled }: DebtsPriorityActionProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const DebtsPriorityAction: (({ disabled, isDesktop }: DebtsPriorityActionProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/debts/components/debtspriority/DebtsPriorityButton.d.ts

@@ -2,8 +2,9 @@ import { default as React } from 'react';
 interface DebtsPrioriyButtonProps {
     buttonText: string;
     disabled?: boolean;
+    isDesktop?: boolean;
     isOpen: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const DebtsPriorityButton: ({ buttonText, disabled, isOpen, onClick, }: DebtsPrioriyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DebtsPriorityButton: ({ buttonText, disabled, isDesktop, isOpen, onClick, }: DebtsPrioriyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};