@mx-cartographer/experiences 7.4.6 → 7.4.7

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.4.7] - 12-12-2025
+
+- **UPDATED** - Improved `D3` chunk loading for better performance.
+
 ## [7.4.6] - 12-12-2025
 
 - **FIXED** - Mobile issues on Financial Wellness Card

package/dist/{Donut-oaQFlbit.mjs → Donut-Dmy3JTWd.mjs}

@@ -3,11 +3,11 @@ import b from "react";
 import { selectAll as m, interpolateString as x, arc as I } from "d3";
 import d from "@mui/material/Box";
 import { useTheme as S } from "@mui/material/styles";
-const k = 100, E = 140, v = 10, B = ({
+const k = 100, E = 140, v = 10, j = ({
   data: u,
   hoveredId: h,
-  onClick: s,
-  onMouseEnter: a,
+  onClick: a,
+  onMouseEnter: s,
   onMouseLeave: l,
   selectedId: i,
   size: t = 300,
@@ -16,10 +16,10 @@ const k = 100, E = 140, v = 10, B = ({
   const f = S();
   let r = 0;
   const g = (o, n) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s?.(n));
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
   }, y = (o) => {
-    a?.(o);
-  }, D = (o) => {
+    s?.(o);
+  }, w = (o) => {
     l?.(o);
   };
   return b.useEffect(() => {
@@ -45,11 +45,11 @@ const k = 100, E = 140, v = 10, B = ({
           /* @__PURE__ */ e("g", { children: u.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const w = r, R = I().cornerRadius(4)({
+            const D = r, R = I().cornerRadius(4)({
               innerRadius: k,
               outerRadius: E + (o.id === i || o.id === h ? v : 0),
               startAngle: n,
-              endAngle: w,
+              endAngle: D,
               padAngle: 0.025
             });
             return /* @__PURE__ */ e(
@@ -60,11 +60,11 @@ const k = 100, E = 140, v = 10, B = ({
                 className: "arc-outer",
                 d: R,
                 fill: o.color,
-                onBlur: () => D(o.id),
-                onClick: () => s?.(o.id),
+                onBlur: () => w(o.id),
+                onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
                 onKeyDown: (A) => g(A, o.id),
-                onMouseEnter: () => a?.(o.id),
+                onMouseEnter: () => s?.(o.id),
                 onMouseLeave: () => l?.(o.id),
                 role: "button",
                 style: {
@@ -80,7 +80,7 @@ const k = 100, E = 140, v = 10, B = ({
       }
     )
   ] });
-}, j = B;
+};
 export {
   j as D
 };

package/dist/{SpendingLegend-BbrZWbFX.mjs → SpendingLegend-Bf-wbJvb.mjs}

@@ -3,12 +3,12 @@ import { b as p } from "./Category-CevNQ03n.mjs";
 import { jsxs as y, Fragment as v, jsx as c } from "react/jsx-runtime";
 import x from "react";
 import { observer as w } from "mobx-react-lite";
+import M from "@mui/material/Button";
 import f from "@mui/material/Stack";
-import { CategoryIcon as M, CategoryIconVariants as N, Text as h } from "@mxenabled/mxui";
-import { u as k } from "./TransactionDetails-COH0OKNG.mjs";
-import A from "@mui/material/Button";
-import { useTheme as G } from "@mui/material";
-import { D as O } from "./Donut-oaQFlbit.mjs";
+import { useTheme as N } from "@mui/material/styles";
+import { CategoryIcon as k, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
+import { D as G } from "./Donut-Dmy3JTWd.mjs";
+import { u as O } from "./TransactionDetails-COH0OKNG.mjs";
 import { u as $ } from "./hooks-C41HAxM5.mjs";
 import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";
@@ -99,7 +99,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   totalLabel: a,
   variant: t = "mini"
 }) => {
-  const { spending: r } = $(), m = G(), { isTablet: e } = j(), { announce: s, ariaLive: C } = k(), u = x.useMemo(
+  const { spending: r } = $(), m = N(), { isTablet: e } = j(), { announce: s, ariaLive: C } = O(), u = x.useMemo(
     () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
     [o]
   );
@@ -114,7 +114,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   }, I = e ? 32 : 48;
   return /* @__PURE__ */ y(v, { children: [
     C,
-    /* @__PURE__ */ c(O, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ c(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ c(G, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ c(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       u && /* @__PURE__ */ y(
         f,
         {
@@ -125,11 +125,11 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
           sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
             /* @__PURE__ */ c(
-              M,
+              k,
               {
                 categoryGuid: l ? p.INCOME : u.guid,
                 size: t === "mini" ? 24 : I,
-                variant: N.Transparent
+                variant: A.Transparent
               }
             ),
             /* @__PURE__ */ c(
@@ -148,7 +148,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
       /* @__PURE__ */ c(h, { variant: t === "mini" ? "H2" : "H1", children: u ? D(u.amount, "0,0") : D(i.totalAmount, "0,0") }),
       !u && t === "mini" && /* @__PURE__ */ c(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
       t === "full" && /* @__PURE__ */ c(
-        A,
+        M,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,

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

@@ -1,2 +1 @@
-export { default as Donut, type DonutData } from './Donut';
 export { default as StatusBar, type StatusBarData } from './StatusBar';

package/dist/common/index.es.js

@@ -37,22 +37,21 @@ import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import dt, { useRef as lt, useEffect as ut } from "react";
 import { css as x, keyframes as ht } from "@mxenabled/cssinjs";
 import { useTokens as C, Text as B } from "@mxenabled/mxui";
-import { D as Rr } from "../Donut-oaQFlbit.mjs";
-import { S as Pr } from "../StatusBar-BK_uYHAB.mjs";
-import { a as Lr, D as Gr, O as Hr, b as Fr, f as Wr } from "../Dialog-BPTr3qHE.mjs";
+import { S as Rr } from "../StatusBar-BK_uYHAB.mjs";
+import { a as Pr, D as Or, O as Lr, b as Gr, f as Hr } from "../Dialog-BPTr3qHE.mjs";
 import { D as gt, a as pt } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { S as Yr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { D as zr } from "../Drawer-BEtCk82g.mjs";
-import { I as jr, P as Kr, S as Vr } from "../Account-01wOyrH1.mjs";
+import { S as Wr } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { D as Yr } from "../Drawer-BEtCk82g.mjs";
+import { I as zr, P as Xr, S as jr } from "../Account-01wOyrH1.mjs";
 import { b as E } from "../Category-CevNQ03n.mjs";
-import { C as Jr, c as to, a as eo, P as so } from "../Category-CevNQ03n.mjs";
-import { C as oo, f as ao, b as no, a as io, g as co, i as lo } from "../NumberFormatting-DjTD0t3W.mjs";
+import { C as Vr, c as Zr, a as Jr, P as to } from "../Category-CevNQ03n.mjs";
+import { C as so, f as ro, b as oo, a as ao, g as no, i as io } from "../NumberFormatting-DjTD0t3W.mjs";
 import { R as mt } from "../RecurringTransactionsStore-BhBUVm9a.mjs";
-import { S as ho, T as go } from "../RecurringTransactionsStore-BhBUVm9a.mjs";
-import { G as mo, C as _o, D as fo, W as yo, d as So, a as bo, i as wo, v as xo, m as Co, x as vo, y as Do, g as Ao, z as Eo, u as To, f as Bo, b as Io, l as No, A as Mo, t as $o, n as ko, c as Ro, r as Uo, o as Po, B as Oo, j as Lo, s as Go, h as Ho, w as Fo, p as Wo, q as qo } from "../hooks-C41HAxM5.mjs";
-import { u as Qo } from "../useAccountDisplayName-CMMlIOXF.mjs";
-import { u as Xo } from "../useInsightsEnabled-CNjP5cfR.mjs";
-import { u as Ko } from "../useScreenSize-B6JyS_Lj.mjs";
+import { S as lo, T as uo } from "../RecurringTransactionsStore-BhBUVm9a.mjs";
+import { G as go, C as po, D as mo, W as _o, d as fo, a as yo, i as So, v as bo, m as wo, x as xo, y as Co, g as vo, z as Do, u as Ao, f as Eo, b as To, l as Bo, A as Io, t as No, n as Mo, c as $o, r as ko, o as Ro, B as Uo, j as Po, s as Oo, h as Lo, w as Go, p as Ho, q as Fo } from "../hooks-C41HAxM5.mjs";
+import { u as qo } from "../useAccountDisplayName-CMMlIOXF.mjs";
+import { u as Qo } from "../useInsightsEnabled-CNjP5cfR.mjs";
+import { u as Xo } from "../useScreenSize-B6JyS_Lj.mjs";
 import { makeAutoObservable as f, runInAction as p, reaction as _t, autorun as ft } from "mobx";
 import { a as yt } from "../AccountStore-C1zMBzHq.mjs";
 import St from "posthog-js";
@@ -61,7 +60,7 @@ import { endOfMonth as Z } from "date-fns/endOfMonth";
 import { startOfMonth as J } from "date-fns/startOfMonth";
 import { startOfToday as O } from "date-fns/startOfToday";
 import { f as wt, a as xt, b as L } from "../BudgetUtil-Df2nII9u.mjs";
-import { g as Zo, e as Jo, c as ta, d as ea, i as sa } from "../BudgetUtil-Df2nII9u.mjs";
+import { g as Ko, e as Vo, c as Zo, d as Jo, i as ta } from "../BudgetUtil-Df2nII9u.mjs";
 import { a as Ct } from "../DebtsStore-Bu8rRRSL.mjs";
 import { F as vt } from "../FinstrongStore-BIrX0Xg2.mjs";
 import { A as Dt, m as At, a as Et, b as Tt } from "../InvestmentUtil-jOyOgzIB.mjs";
@@ -70,8 +69,8 @@ import { N as It } from "../NetWorthStore-CpL_kqvx.mjs";
 import { a as Nt } from "../SettingsStore-krIRNwHK.mjs";
 import { addMonths as Mt } from "date-fns/addMonths";
 import { getMonth as T } from "date-fns/getMonth";
-import { i as oa } from "../DateUtil-CBdcsyuk.mjs";
-import { b as na, a as ia, g as ca } from "../Localization-2MODESHW.mjs";
+import { i as sa } from "../DateUtil-CBdcsyuk.mjs";
+import { b as oa, a as aa, g as na } from "../Localization-2MODESHW.mjs";
 import { alpha as $t, lighten as G, darken as H } from "@mui/material";
 var kt = /* @__PURE__ */ ((s) => (s[s.Unknown = 0] = "Unknown", s[s.EveryWeek = 1] = "EveryWeek", s[s.EveryOtherWeek = 2] = "EveryOtherWeek", s[s.EveryMonth = 3] = "EveryMonth", s[s.EveryOtherMonth = 4] = "EveryOtherMonth", s[s.EveryQuarter = 5] = "EveryQuarter", s[s.EveryOtherQuarter = 6] = "EveryOtherQuarter", s[s.EveryYear = 7] = "EveryYear", s))(kt || {});
 const Qe = [
@@ -1257,25 +1256,24 @@ export {
   ps as Calendar,
   ms as CalendarSelectionTypes,
   ls as CategoryApi,
-  Jr as CategoryColors,
-  to as CategoryGuidToName,
+  Vr as CategoryColors,
+  Zr as CategoryGuidToName,
   E as CategoryGuids,
-  eo as CategoryIcon,
+  Jr as CategoryIcon,
   mr as ConnectCard,
   Rs as ConnectDrawer,
   Us as ConnectionStatus,
   Ps as ConnectionStatusEnums,
-  oo as CurrencyCodes,
+  so as CurrencyCodes,
   Qs as CurrencyInput,
   br as CurrencyText,
-  Lr as DATE_FORMATS_INTL,
+  Pr as DATE_FORMATS_INTL,
   gt as DEFAULT_DONUT_SIZE,
   pt as DEFAULT_STROKE_WIDTH,
   nr as DataRow,
   As as DateRangeSelector,
-  Gr as Dialog,
-  Rr as Donut,
-  zr as Drawer,
+  Or as Dialog,
+  Yr as Drawer,
   xr as EmptyState,
   Ss as ErrorBoundary,
   Os as ErrorStatuses,
@@ -1284,11 +1282,11 @@ export {
   ir as Frequency,
   $ as GlobalCopyApi,
   ee as GlobalCopyStore,
-  mo as GlobalDataContext,
-  _o as GlobalDataProvider,
+  go as GlobalDataContext,
+  po as GlobalDataProvider,
   ts as GlobalStore,
   _r as GoalType,
-  jr as INCOME_ACCOUNT_TYPES,
+  zr as INCOME_ACCOUNT_TYPES,
   or as IconBacking,
   gr as InformationTooltip,
   Ir as InsightNotificationTypes,
@@ -1307,10 +1305,10 @@ export {
   Gs as NonConnectedStatuses,
   hs as NotificationApi,
   Nr as NotificationTypes,
-  Hr as ORDINAL_DATE_FORMAT,
-  Fr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
-  Kr as PAYMENT_ACCOUNT_TYPES,
-  so as PaymentCategories,
+  Lr as ORDINAL_DATE_FORMAT,
+  Gr as ORDINAL_MONTH_DAY_YEAR_FORMAT,
+  Xr as PAYMENT_ACCOUNT_TYPES,
+  to as PaymentCategories,
   Rt as PlanTypes,
   Hs as ProcessingStatuses,
   Fs as PropertyType,
@@ -1321,18 +1319,18 @@ export {
   kt as RecurrenceTypes,
   lr as RepeatingType,
   Ks as ResponsiveButton,
-  Vr as SPENDING_ACCOUNT_TYPES,
+  jr as SPENDING_ACCOUNT_TYPES,
   Ht as ScheduledPaymentTypes,
   Ke as ScheduledPaymentsApi,
   Ft as ScreenSize,
   Zs as SearchBox,
   ur as Select,
   tr as SelectionBox,
-  Yr as SingleSegmentDonut,
-  ho as Sizes,
-  Pr as StatusBar,
+  Wr as SingleSegmentDonut,
+  lo as Sizes,
+  Rr as StatusBar,
   qs as StatusName,
-  go as TOUCH_TARGET,
+  uo as TOUCH_TARGET,
   sr as TabContentContainer,
   Mr as ToggleButtonListItem,
   $r as ToggleListItem,
@@ -1344,55 +1342,55 @@ export {
   Lt as UserVerification,
   W as WidgetApi,
   Es as WidgetContainer,
-  fo as WidgetContainerContext,
-  yo as WidgetContainerProvider,
+  mo as WidgetContainerContext,
+  _o as WidgetContainerProvider,
   os as analyticsSession,
-  na as buildDynamicCopy,
-  ia as buildPluralCopy,
-  ao as formatCurrency,
-  Wr as formatDate,
-  no as formatOrdinal,
-  io as formatPercentage,
-  oa as fromTimestampToMonthYear,
-  Zo as getCategory,
-  Jo as getCategoryTotalsByParent,
+  oa as buildDynamicCopy,
+  aa as buildPluralCopy,
+  ro as formatCurrency,
+  Hr as formatDate,
+  oo as formatOrdinal,
+  ao as formatPercentage,
+  sa as fromTimestampToMonthYear,
+  Ko as getCategory,
+  Vo as getCategoryTotalsByParent,
   Xe as getClientTheme,
-  co as getCurrencyCodes,
-  ta as getDetailedCategory,
-  ea as getDetailedSubCategory,
-  ca as getLocale,
-  sa as isIncome,
-  lo as isValidNumber,
-  Qo as useAccountDisplayName,
-  So as useAccountStore,
-  bo as useAppConfig,
-  wo as useBudgetsStore,
-  xo as useCashflowStore,
-  Co as useCategoryStore,
+  no as getCurrencyCodes,
+  Zo as getDetailedCategory,
+  Jo as getDetailedSubCategory,
+  na as getLocale,
+  ta as isIncome,
+  io as isValidNumber,
+  qo as useAccountDisplayName,
+  fo as useAccountStore,
+  yo as useAppConfig,
+  So as useBudgetsStore,
+  bo as useCashflowStore,
+  wo as useCategoryStore,
   as as useCombineEvents,
   ns as useCombinePageviews,
-  vo as useDebtStore,
-  Do as useError,
-  Ao as useEvent,
-  Eo as useFinstrongStore,
-  To as useGlobalCopyStore,
-  Bo as useGlobalStore,
-  Io as useGlobalUiStore,
-  No as useGoalStore,
-  Mo as useHelpStore,
-  $o as useHoldingStore,
-  Xo as useInsightsEnabled,
-  ko as useLoad,
-  Ro as useMerchantStore,
-  Uo as useNetWorthStore,
-  Po as useNotificationStore,
-  Oo as usePageView,
+  xo as useDebtStore,
+  Co as useError,
+  vo as useEvent,
+  Do as useFinstrongStore,
+  Ao as useGlobalCopyStore,
+  Eo as useGlobalStore,
+  To as useGlobalUiStore,
+  Bo as useGoalStore,
+  Io as useHelpStore,
+  No as useHoldingStore,
+  Qo as useInsightsEnabled,
+  Mo as useLoad,
+  $o as useMerchantStore,
+  ko as useNetWorthStore,
+  Ro as useNotificationStore,
+  Uo as usePageView,
   Ve as usePrevious,
-  Lo as useRecurringTransactionsStore,
-  Ko as useScreenSize,
-  Go as useSettingsStore,
-  Ho as useTransactionStore,
-  Fo as useTrendsStore,
-  Wo as useUserStore,
-  qo as useWidgetContainerProvider
+  Po as useRecurringTransactionsStore,
+  Xo as useScreenSize,
+  Oo as useSettingsStore,
+  Lo as useTransactionStore,
+  Go as useTrendsStore,
+  Ho as useUserStore,
+  Fo as useWidgetContainerProvider
 };

package/dist/finstrong/index.es.js

@@ -48,7 +48,7 @@ import { ResponsiveChartContainer as Jn } from "@mui/x-charts/ResponsiveChartCon
 import { useSpring as eo, animated as at } from "@react-spring/web";
 import { startOfMonth as At } from "date-fns/startOfMonth";
 import { endOfMonth as Tt } from "date-fns/endOfMonth";
-import { g as to, S as no, b as oo } from "../SpendingLegend-BbrZWbFX.mjs";
+import { g as to, S as no, b as oo } from "../SpendingLegend-Bf-wbJvb.mjs";
 import { formatISO as ro } from "date-fns/formatISO";
 import { fromUnixTime as ao } from "date-fns/fromUnixTime";
 import { startOfToday as it } from "date-fns/startOfToday";

package/dist/investments/index.es.js

@@ -22,7 +22,7 @@ import { a as Oe, f as oe } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as U } from "../useScreenSize-B6JyS_Lj.mjs";
 import le from "@mui/material/styles/useTheme";
 import { Icon as k } from "@mxenabled/mx-icons";
-import { D as Ve } from "../Donut-oaQFlbit.mjs";
+import { D as Ve } from "../Donut-Dmy3JTWd.mjs";
 import { useTheme as Re } from "@mui/material/styles";
 import { f as Pe, A as V } from "../InvestmentUtil-jOyOgzIB.mjs";
 import Xe from "@mui/material/ListItemText";

package/dist/spending/index.es.js

@@ -8,7 +8,7 @@ import C from "@mui/material/Stack";
 import E from "@mui/material/Tab";
 import st from "@mui/material/Tabs";
 import ft from "@mui/material/styles/useTheme";
-import { g as ct, a as lt, S as W, b as Q } from "../SpendingLegend-BbrZWbFX.mjs";
+import { g as ct, a as lt, S as W, b as Q } from "../SpendingLegend-Bf-wbJvb.mjs";
 import { Text as y, Icon as bt } from "@mxenabled/mxui";
 import { f as A } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as v, b as R, m as F, d as dt, n as _t, a as V, h as Ct, g as yt } from "../hooks-C41HAxM5.mjs";

package/dist/spending/utils/SpendingData.d.ts

@@ -1,5 +1,6 @@
 import { Theme } from '@mui/material';
-import { Category, DateRangeCategoryTotals, DonutData, GoalsCopy } from '../../common';
+import { Category, DateRangeCategoryTotals, GoalsCopy } from '../../common';
+import { DonutData } from '../../common/components/charts/Donut';
 export interface CategoryTotal {
     guid: string;
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.4.6",
+  "version": "7.4.7",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",