npm - @mx-cartographer/experiences - Versions diffs - 9.4.12-alpha.al1 → 9.4.12 - Mend

@mx-cartographer/experiences 9.4.12-alpha.al1 → 9.4.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,7 +1,8 @@
 ## [9.4.12] - 09-02-2026
-- **CHANGED** - the theme shape radius is half of `card_corner_radius`, so cards render at 2x the theme radius per MXUI convention (MEW-3445)
-- **CHANGED** - `StyleConfig.corner_radius` replaced by `card_corner_radius` and `button_corner_radius`, matching `ClientStyleProfile` (MEW-3445)
+- **CHANGED** - insights-v2 action drilldown refactor for readability: `InsightsV2Store`'s action drawer now carries an opaque `context` envelope (read via the new `useActionContext<T>()` hook) instead of block-specific fields, opened through a single generic `openActionDrawer`; added a `createVariantBlock` factory for variant→component dispatch with an unknown-variant fallback, and simplified `MakeTransferActionBlock`/`layout.ts` (WEC-1774)
+- **ADDED** - `StepChartBlock` to the insights-v2 ChartBlocks barrel export (was missing from the public entry point) (WEC-1774)
+- **FIXED** - insights-v2 post-review cleanups: `BudgetBlock` icon computed as a JSX element instead of a component defined during render (avoids remount); `DonutChart` uses a data-driven React key; removed dead `.recharts-wrapper` selectors from `DoubleBarChart`/`BarchartV2`; wrapped `DefaultPlaceholder` in `observer`; oxfmt formatting in the figma-to-code script (WEC-1774)
 ## [9.4.11] - 09-02-2026

package/dist/common/context/hooks.d.ts CHANGED Viewed

@@ -15,6 +15,7 @@ export declare const useGoalStore: () => import('../../core').GoalStore;
 export declare const useHelpStore: () => import('../../core').HelpStore;
 export declare const useHoldingStore: () => import('../../core').HoldingStore;
 export declare const useInsightsV2Store: () => import('../../core').InsightsV2Store;
+export declare const useActionContext: <T>() => T | undefined;
 export declare const useMerchantStore: () => import('../../core').MerchantStore;
 export declare const useNetWorthStore: () => import('../../core').NetWorthStore;
 export declare const useNotificationStore: () => import('../../core').NotificationStore;

package/dist/common/context/hooks.es.js CHANGED Viewed

@@ -5,13 +5,14 @@ var e = (t = "useGlobalStore") => {
   const o = r.useContext(a);
   if (!o) throw new Error(`${t}() must be used within the GlobalDataContext`);
   return o;
-}, i = () => e("useAccountStore").globalStore.accountStore, g = () => e("useAppConfig").globalStore.appDataStore.appConfig, b = () => e("useAnalyticsStore").globalStore.analyticsStore, c = () => e("useBudgetsStore").globalStore.budgetsStore, v = () => e("useCashflowStore").globalStore.cashflowStore, C = () => e("useCategoryStore").globalStore.categoryStore, d = () => e("useConnectStore").globalStore.connectStore, h = () => e("useDebtsStore").globalStore.debtsStore, p = () => e("useFinstrongStore").globalStore.finstrongStore, f = () => e("useGlobalStore").globalStore, w = () => e("useGlobalUiStore").globalStore.globalUiStore, x = () => e("globalCopyStore").globalStore.copyStore.copy, G = () => e("useGoalStore").globalStore.goalStore, y = () => e("useHelpStore").globalStore.helpStore, m = () => e("useHoldingStore").globalStore.holdingStore, E = () => e("useInsightsV2Store").globalStore.insightsV2Store, W = () => e("useMerchantStore").globalStore.merchantStore, T = () => e("useNetWorthStore").globalStore.netWorthStore, A = () => e("useNotificationStore").globalStore.notificationStore, D = () => e("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, V = () => e("useSettingsStore").globalStore.settingsStore, U = () => e("useTransactionStore").globalStore.transactionStore, H = () => e("useTrendsStore").globalStore.trendsStore, N = () => e("useUserStore").globalStore.userStore, P = () => ({ onError: e().onError }), L = () => ({ onEvent: e().onEvent }), R = () => ({ onLoad: e().onLoad }), B = () => ({ onPageView: e().onPageView }), n = (t = "useWidgetContainerContext") => {
+}, i = () => e("useAccountStore").globalStore.accountStore, g = () => e("useAppConfig").globalStore.appDataStore.appConfig, b = () => e("useAnalyticsStore").globalStore.analyticsStore, c = () => e("useBudgetsStore").globalStore.budgetsStore, v = () => e("useCashflowStore").globalStore.cashflowStore, C = () => e("useCategoryStore").globalStore.categoryStore, d = () => e("useConnectStore").globalStore.connectStore, h = () => e("useDebtsStore").globalStore.debtsStore, p = () => e("useFinstrongStore").globalStore.finstrongStore, f = () => e("useGlobalStore").globalStore, x = () => e("useGlobalUiStore").globalStore.globalUiStore, w = () => e("globalCopyStore").globalStore.copyStore.copy, G = () => e("useGoalStore").globalStore.goalStore, y = () => e("useHelpStore").globalStore.helpStore, m = () => e("useHoldingStore").globalStore.holdingStore, A = () => e("useInsightsV2Store").globalStore.insightsV2Store, E = () => e("useActionContext").globalStore.insightsV2Store.actionDrawer.context, W = () => e("useMerchantStore").globalStore.merchantStore, D = () => e("useNetWorthStore").globalStore.netWorthStore, T = () => e("useNotificationStore").globalStore.notificationStore, V = () => e("useRecurringTransactionsStore").globalStore.recurringTransactionsStore, U = () => e("useSettingsStore").globalStore.settingsStore, H = () => e("useTransactionStore").globalStore.transactionStore, N = () => e("useTrendsStore").globalStore.trendsStore, P = () => e("useUserStore").globalStore.userStore, L = () => ({ onError: e().onError }), R = () => ({ onEvent: e().onEvent }), B = () => ({ onLoad: e().onLoad }), F = () => ({ onPageView: e().onPageView }), n = (t = "useWidgetContainerContext") => {
   const o = r.useContext(s);
   if (!o) throw new Error(`${t}() must be used within the WidgetContainerContext`);
   return o;
-}, F = () => n();
+}, I = () => n();
 export {
   i as useAccountStore,
+  E as useActionContext,
   b as useAnalyticsStore,
   g as useAppConfig,
   c as useBudgetsStore,
@@ -19,29 +20,29 @@ export {
   C as useCategoryStore,
   d as useConnectStore,
   h as useDebtStore,
-  P as useError,
-  L as useEvent,
+  L as useError,
+  R as useEvent,
   p as useFinstrongStore,
-  x as useGlobalCopyStore,
+  w as useGlobalCopyStore,
   e as useGlobalDataContext,
   f as useGlobalStore,
-  w as useGlobalUiStore,
+  x as useGlobalUiStore,
   G as useGoalStore,
   y as useHelpStore,
   m as useHoldingStore,
-  E as useInsightsV2Store,
-  R as useLoad,
+  A as useInsightsV2Store,
+  B as useLoad,
   W as useMerchantStore,
-  T as useNetWorthStore,
-  A as useNotificationStore,
-  B as usePageView,
-  D as useRecurringTransactionsStore,
-  V as useSettingsStore,
-  U as useTransactionStore,
-  H as useTrendsStore,
-  N as useUserStore,
+  D as useNetWorthStore,
+  T as useNotificationStore,
+  F as usePageView,
+  V as useRecurringTransactionsStore,
+  U as useSettingsStore,
+  H as useTransactionStore,
+  N as useTrendsStore,
+  P as useUserStore,
   n as useWidgetContainerContext,
-  F as useWidgetContainerProvider
+  I as useWidgetContainerProvider
 };
 //# sourceMappingURL=hooks.es.js.map

package/dist/common/context/hooks.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/common/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext } from './GlobalDataProvider'\nimport { WidgetContainerContext } from './WidgetContainerProvider'\n\nexport const useGlobalDataContext = (providerName = 'useGlobalStore') => {\n const context = React.useContext(GlobalDataContext)\n\n if (!context) {\n throw new Error(`${providerName}() must be used within the GlobalDataContext`)\n }\n return context\n}\n\nexport const useAccountStore = () =>\n useGlobalDataContext('useAccountStore').globalStore.accountStore\nexport const useAppConfig = () =>\n useGlobalDataContext('useAppConfig').globalStore.appDataStore.appConfig\nexport const useAnalyticsStore = () =>\n useGlobalDataContext('useAnalyticsStore').globalStore.analyticsStore\nexport const useBudgetsStore = () =>\n useGlobalDataContext('useBudgetsStore').globalStore.budgetsStore\nexport const useCashflowStore = () =>\n useGlobalDataContext('useCashflowStore').globalStore.cashflowStore\nexport const useCategoryStore = () =>\n useGlobalDataContext('useCategoryStore').globalStore.categoryStore\nexport const useConnectStore = () =>\n useGlobalDataContext('useConnectStore').globalStore.connectStore\nexport const useDebtStore = () => useGlobalDataContext('useDebtsStore').globalStore.debtsStore\nexport const useFinstrongStore = () =>\n useGlobalDataContext('useFinstrongStore').globalStore.finstrongStore\nexport const useGlobalStore = () => useGlobalDataContext('useGlobalStore').globalStore\nexport const useGlobalUiStore = () =>\n useGlobalDataContext('useGlobalUiStore').globalStore.globalUiStore\nexport const useGlobalCopyStore = () =>\n useGlobalDataContext('globalCopyStore').globalStore.copyStore.copy\nexport const useGoalStore = () => useGlobalDataContext('useGoalStore').globalStore.goalStore\nexport const useHelpStore = () => useGlobalDataContext('useHelpStore').globalStore.helpStore\nexport const useHoldingStore = () =>\n useGlobalDataContext('useHoldingStore').globalStore.holdingStore\nexport const useInsightsV2Store = () =>\n useGlobalDataContext('useInsightsV2Store').globalStore.insightsV2Store\nexport const useMerchantStore = () =>\n useGlobalDataContext('useMerchantStore').globalStore.merchantStore\nexport const useNetWorthStore = () =>\n useGlobalDataContext('useNetWorthStore').globalStore.netWorthStore\nexport const useNotificationStore = () =>\n useGlobalDataContext('useNotificationStore').globalStore.notificationStore\nexport const useRecurringTransactionsStore = () =>\n useGlobalDataContext('useRecurringTransactionsStore').globalStore.recurringTransactionsStore\nexport const useSettingsStore = () =>\n useGlobalDataContext('useSettingsStore').globalStore.settingsStore\nexport const useTransactionStore = () =>\n useGlobalDataContext('useTransactionStore').globalStore.transactionStore\nexport const useTrendsStore = () => useGlobalDataContext('useTrendsStore').globalStore.trendsStore\nexport const useUserStore = () => useGlobalDataContext('useUserStore').globalStore.userStore\n\nexport const useError = () => ({ onError: useGlobalDataContext().onError })\nexport const useEvent = () => ({ onEvent: useGlobalDataContext().onEvent })\nexport const useLoad = () => ({ onLoad: useGlobalDataContext().onLoad })\nexport const usePageView = () => ({ onPageView: useGlobalDataContext().onPageView })\n\nexport const useWidgetContainerContext = (providerName = 'useWidgetContainerContext') => {\n const context = React.useContext(WidgetContainerContext)\n\n if (!context) {\n throw new Error(`${providerName}() must be used within the WidgetContainerContext`)\n }\n\n return context\n}\n\nexport const useWidgetContainerProvider = () => useWidgetContainerContext()\n"],"mappings":";;;AAIA,IAAa,IAAA,CAAwB,IAAe,qBAAqB;AACvE,QAAM,IAAU,EAAM,WAAW,CAAiB;AAElD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,8CAA0D;AAE/E,SAAO;AACT,GAEa,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,cAAc,EAAE,YAAY,aAAa,WACnD,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MAAqB,EAAqB,eAAe,EAAE,YAAY,YACvE,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,aAC9D,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,UAAU,MACnD,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,oBAAoB,EAAE,YAAY,~~iBAC5C~~,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,sBAAsB,EAAE,YAAY,mBAC9C,IAAA,MACX,EAAqB,+BAA+B,EAAE,YAAY,4BACvD,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,qBAAqB,EAAE,YAAY,kBAC7C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,YAAY,aAC1E,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WAEtE,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAiB,EAAE,QAAQ,EAAqB,EAAE,OAAO,IACzD,IAAA,OAAqB,EAAE,YAAY,EAAqB,EAAE,WAAW,IAErE,IAAA,CAA6B,IAAe,gCAAgC;AACvF,QAAM,IAAU,EAAM,WAAW,CAAsB;AAEvD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,mDAA+D;AAGpF,SAAO;AACT,GAEa,IAAA,MAAmC,EAA0B"}
1	+ {"version":3,"file":"hooks.es.js","names":[],"sources":["../../../src/common/context/hooks.tsx"],"sourcesContent":["import React from 'react'\nimport { GlobalDataContext } from './GlobalDataProvider'\nimport { WidgetContainerContext } from './WidgetContainerProvider'\n\nexport const useGlobalDataContext = (providerName = 'useGlobalStore') => {\n const context = React.useContext(GlobalDataContext)\n\n if (!context) {\n throw new Error(`${providerName}() must be used within the GlobalDataContext`)\n }\n return context\n}\n\nexport const useAccountStore = () =>\n useGlobalDataContext('useAccountStore').globalStore.accountStore\nexport const useAppConfig = () =>\n useGlobalDataContext('useAppConfig').globalStore.appDataStore.appConfig\nexport const useAnalyticsStore = () =>\n useGlobalDataContext('useAnalyticsStore').globalStore.analyticsStore\nexport const useBudgetsStore = () =>\n useGlobalDataContext('useBudgetsStore').globalStore.budgetsStore\nexport const useCashflowStore = () =>\n useGlobalDataContext('useCashflowStore').globalStore.cashflowStore\nexport const useCategoryStore = () =>\n useGlobalDataContext('useCategoryStore').globalStore.categoryStore\nexport const useConnectStore = () =>\n useGlobalDataContext('useConnectStore').globalStore.connectStore\nexport const useDebtStore = () => useGlobalDataContext('useDebtsStore').globalStore.debtsStore\nexport const useFinstrongStore = () =>\n useGlobalDataContext('useFinstrongStore').globalStore.finstrongStore\nexport const useGlobalStore = () => useGlobalDataContext('useGlobalStore').globalStore\nexport const useGlobalUiStore = () =>\n useGlobalDataContext('useGlobalUiStore').globalStore.globalUiStore\nexport const useGlobalCopyStore = () =>\n useGlobalDataContext('globalCopyStore').globalStore.copyStore.copy\nexport const useGoalStore = () => useGlobalDataContext('useGoalStore').globalStore.goalStore\nexport const useHelpStore = () => useGlobalDataContext('useHelpStore').globalStore.helpStore\nexport const useHoldingStore = () =>\n useGlobalDataContext('useHoldingStore').globalStore.holdingStore\nexport const useInsightsV2Store = () =>\n useGlobalDataContext('useInsightsV2Store').globalStore.insightsV2Store\n// Typed accessor for the action drawer's opaque, block-specific context. The\n// reading component must be an `observer` (the store read is what tracks it).\nexport const useActionContext = <T,>(): T \| undefined =>\n useGlobalDataContext('useActionContext').globalStore.insightsV2Store.actionDrawer.context as\n \| T\n \| undefined\nexport const useMerchantStore = () =>\n useGlobalDataContext('useMerchantStore').globalStore.merchantStore\nexport const useNetWorthStore = () =>\n useGlobalDataContext('useNetWorthStore').globalStore.netWorthStore\nexport const useNotificationStore = () =>\n useGlobalDataContext('useNotificationStore').globalStore.notificationStore\nexport const useRecurringTransactionsStore = () =>\n useGlobalDataContext('useRecurringTransactionsStore').globalStore.recurringTransactionsStore\nexport const useSettingsStore = () =>\n useGlobalDataContext('useSettingsStore').globalStore.settingsStore\nexport const useTransactionStore = () =>\n useGlobalDataContext('useTransactionStore').globalStore.transactionStore\nexport const useTrendsStore = () => useGlobalDataContext('useTrendsStore').globalStore.trendsStore\nexport const useUserStore = () => useGlobalDataContext('useUserStore').globalStore.userStore\n\nexport const useError = () => ({ onError: useGlobalDataContext().onError })\nexport const useEvent = () => ({ onEvent: useGlobalDataContext().onEvent })\nexport const useLoad = () => ({ onLoad: useGlobalDataContext().onLoad })\nexport const usePageView = () => ({ onPageView: useGlobalDataContext().onPageView })\n\nexport const useWidgetContainerContext = (providerName = 'useWidgetContainerContext') => {\n const context = React.useContext(WidgetContainerContext)\n\n if (!context) {\n throw new Error(`${providerName}() must be used within the WidgetContainerContext`)\n }\n\n return context\n}\n\nexport const useWidgetContainerProvider = () => useWidgetContainerContext()\n"],"mappings":";;;AAIA,IAAa,IAAA,CAAwB,IAAe,qBAAqB;AACvE,QAAM,IAAU,EAAM,WAAW,CAAiB;AAElD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,8CAA0D;AAE/E,SAAO;AACT,GAEa,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,cAAc,EAAE,YAAY,aAAa,WACnD,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MAAqB,EAAqB,eAAe,EAAE,YAAY,YACvE,IAAA,MACX,EAAqB,mBAAmB,EAAE,YAAY,gBAC3C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,aAC9D,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,UAAU,MACnD,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WACtE,IAAA,MACX,EAAqB,iBAAiB,EAAE,YAAY,cACzC,IAAA,MACX,EAAqB,oBAAoB,EAAE,YAAY,iBAG5C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,gBAAgB,aAAa,SAGvE,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,sBAAsB,EAAE,YAAY,mBAC9C,IAAA,MACX,EAAqB,+BAA+B,EAAE,YAAY,4BACvD,IAAA,MACX,EAAqB,kBAAkB,EAAE,YAAY,eAC1C,IAAA,MACX,EAAqB,qBAAqB,EAAE,YAAY,kBAC7C,IAAA,MAAuB,EAAqB,gBAAgB,EAAE,YAAY,aAC1E,IAAA,MAAqB,EAAqB,cAAc,EAAE,YAAY,WAEtE,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAkB,EAAE,SAAS,EAAqB,EAAE,QAAQ,IAC5D,IAAA,OAAiB,EAAE,QAAQ,EAAqB,EAAE,OAAO,IACzD,IAAA,OAAqB,EAAE,YAAY,EAAqB,EAAE,WAAW,IAErE,IAAA,CAA6B,IAAe,gCAAgC;AACvF,QAAM,IAAU,EAAM,WAAW,CAAsB;AAEvD,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,GAAG,CAAA,mDAA+D;AAGpF,SAAO;AACT,GAEa,IAAA,MAAmC,EAA0B"}

package/dist/common/context/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useError, useEvent, useLoad, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useInsightsV2Store, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
+export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useError, useEvent, useLoad, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useInsightsV2Store, useActionContext, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
 export { GlobalDataContext, GlobalDataProvider } from './GlobalDataProvider';
 export { WidgetContainerContext, WidgetContainerProvider } from './WidgetContainerProvider';

package/dist/common/index.es.js CHANGED Viewed

@@ -2,158 +2,159 @@ import { buildDynamicCopy as r, buildPluralCopy as t } from "../core/utils/Local
 import m, { CalendarSelectionTypes as i } from "./components/calendar/Calendar.es.js";
 import a from "./components/charts/StatusBar.es.js";
 import p from "./components/charts/Donut.es.js";
-import u from "./hooks/useAccountDisplayName.es.js";
+import f from "./hooks/useAccountDisplayName.es.js";
 import { useCombineEvents as C, useCombinePageviews as S } from "./hooks/useCombineEvents.es.js";
 import { GlobalDataContext as c, GlobalDataProvider as T } from "./context/GlobalDataProvider.es.js";
 import { WidgetContainerContext as E, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
-import { useAccountStore as _, useAppConfig as N, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as P, useDebtStore as b, useError as O, useEvent as G, useFinstrongStore as W, useGlobalCopyStore as L, useGlobalStore as R, useGlobalUiStore as U, useGoalStore as v, useHelpStore as B, useHoldingStore as h, useInsightsV2Store as w, useLoad as x, useMerchantStore as M, useNetWorthStore as Y, useNotificationStore as H, usePageView as F, useRecurringTransactionsStore as z, useSettingsStore as V, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as Z } from "./context/hooks.es.js";
-import { useInsightsEnabled as J } from "./hooks/useInsightsEnabled.es.js";
-import { useScreenSize as X } from "./hooks/useScreenSize.es.js";
-import oo from "./hooks/usePrevious.es.js";
-import { useWidgetHeaderStyles as to } from "./hooks/useWidgetHeaderStyles.es.js";
-import { useWidgetLoadTimer as mo } from "./hooks/useWidgetLoadTimer.es.js";
-import no from "./components/dialog/Dialog.es.js";
-import so from "./components/drawer/Drawer.es.js";
+import { useAccountStore as _, useActionContext as N, useAppConfig as A, useBudgetsStore as y, useCashflowStore as P, useCategoryStore as b, useDebtStore as O, useError as G, useEvent as W, useFinstrongStore as L, useGlobalCopyStore as R, useGlobalStore as U, useGlobalUiStore as v, useGoalStore as B, useHelpStore as h, useHoldingStore as w, useInsightsV2Store as x, useLoad as M, useMerchantStore as Y, useNetWorthStore as H, useNotificationStore as F, usePageView as z, useRecurringTransactionsStore as V, useSettingsStore as k, useTransactionStore as q, useTrendsStore as K, useUserStore as Z, useWidgetContainerProvider as j } from "./context/hooks.es.js";
+import { useInsightsEnabled as Q } from "./hooks/useInsightsEnabled.es.js";
+import { useScreenSize as $ } from "./hooks/useScreenSize.es.js";
+import ro from "./hooks/usePrevious.es.js";
+import { useWidgetHeaderStyles as eo } from "./hooks/useWidgetHeaderStyles.es.js";
+import { useWidgetLoadTimer as io } from "./hooks/useWidgetLoadTimer.es.js";
+import ao from "./components/dialog/Dialog.es.js";
+import po from "./components/drawer/Drawer.es.js";
 import fo from "./components/daterangeselector/DateRangeSelector.es.js";
-import { ANALYTICS_EVENTS as lo } from "./constants/Analytics.es.js";
-import { CONNECTIONS_WIDGET_ID as So, CONNECT_WIDGET_ID as go, MemberConnectionStatus as co } from "./constants/Connect.es.js";
-import { formatCurrency as Eo, formatOrdinal as Do, formatPercentage as Io, generateEqualIntervals as _o, getCurrencyCodes as No, getPluralRules as yo } from "../core/utils/NumberFormatting.es.js";
-import { GlobalStore as Po } from "../core/stores/GlobalStore.es.js";
-import { INCOME_ACCOUNT_TYPES as Oo, PAYMENT_ACCOUNT_TYPES as Go, SPENDING_ACCOUNT_TYPES as Wo } from "./constants/Account.es.js";
-import { RECURRENCE_COPY as Ro } from "./constants/ScheduledPayment.es.js";
-import { LOADING_STATUS as vo } from "./constants/SpendingPlan.es.js";
-import { DEFAULT_DONUT_SIZE as ho, DEFAULT_STROKE_WIDTH as wo } from "./constants/Donut.es.js";
-import { Sizes as Mo, TOUCH_TARGET as Yo } from "./constants/Sizes.es.js";
-import Fo from "./components/donuts/MultiSegmentDonut.es.js";
-import Vo from "./components/donuts/SingleSegmentDonut.es.js";
-import qo from "./components/ErrorBoundary.es.js";
-import Zo from "./components/Error.es.js";
-import Jo from "./components/MicroWidgetContainer.es.js";
-import Xo from "./components/MiniWidgetContainer.es.js";
-import { GlobalAccountFilter as or } from "./components/GlobalAccountFilter.es.js";
-import tr from "./components/Loader.es.js";
-import { WidgetContainer as mr } from "./components/WidgetContainer.es.js";
-import nr from "./components/ConnectDrawer.es.js";
-import sr from "./components/CurrencyDialog.es.js";
+import { ANALYTICS_EVENTS as Co } from "./constants/Analytics.es.js";
+import { CONNECTIONS_WIDGET_ID as go, CONNECT_WIDGET_ID as co, MemberConnectionStatus as To } from "./constants/Connect.es.js";
+import { formatCurrency as Do, formatOrdinal as Io, formatPercentage as _o, generateEqualIntervals as No, getCurrencyCodes as Ao, getPluralRules as yo } from "../core/utils/NumberFormatting.es.js";
+import { GlobalStore as bo } from "../core/stores/GlobalStore.es.js";
+import { INCOME_ACCOUNT_TYPES as Go, PAYMENT_ACCOUNT_TYPES as Wo, SPENDING_ACCOUNT_TYPES as Lo } from "./constants/Account.es.js";
+import { RECURRENCE_COPY as Uo } from "./constants/ScheduledPayment.es.js";
+import { LOADING_STATUS as Bo } from "./constants/SpendingPlan.es.js";
+import { DEFAULT_DONUT_SIZE as wo, DEFAULT_STROKE_WIDTH as xo } from "./constants/Donut.es.js";
+import { Sizes as Yo, TOUCH_TARGET as Ho } from "./constants/Sizes.es.js";
+import zo from "./components/donuts/MultiSegmentDonut.es.js";
+import ko from "./components/donuts/SingleSegmentDonut.es.js";
+import Ko from "./components/ErrorBoundary.es.js";
+import jo from "./components/Error.es.js";
+import Qo from "./components/MicroWidgetContainer.es.js";
+import $o from "./components/MiniWidgetContainer.es.js";
+import { GlobalAccountFilter as rr } from "./components/GlobalAccountFilter.es.js";
+import er from "./components/Loader.es.js";
+import { WidgetContainer as ir } from "./components/WidgetContainer.es.js";
+import ar from "./components/ConnectDrawer.es.js";
+import pr from "./components/CurrencyDialog.es.js";
 import fr from "./components/CurrencyInput.es.js";
-import lr from "./components/ResponsiveButton.es.js";
-import Sr from "./components/SearchBox.es.js";
-import cr from "./components/SelectionBox.es.js";
-import dr from "./components/TabContentContainer.es.js";
-import Dr from "./components/IconBacking.es.js";
-import _r from "./components/DataRow.es.js";
+import Cr from "./components/ResponsiveButton.es.js";
+import gr from "./components/SearchBox.es.js";
+import Tr from "./components/SelectionBox.es.js";
+import Er from "./components/TabContentContainer.es.js";
+import Ir from "./components/IconBacking.es.js";
+import Nr from "./components/DataRow.es.js";
 import yr from "./components/InformationTooltip.es.js";
-import { ConnectCard as Pr } from "./components/ConnectCard.es.js";
-import { CurrencyText as Or } from "./components/CurrencyText.es.js";
-import { EmptyState as Wr } from "./components/EmptyState.es.js";
-import { ListItemAction as Rr } from "./components/ListItemAction.es.js";
-import { ListItemRow as vr } from "./components/ListItemRow.es.js";
-import { ListItemWrapper as hr } from "./components/ListItemWrapper.es.js";
-import { Select as xr } from "./components/Select.es.js";
-import { ToggleButtonListItem as Yr } from "./components/listitems/ToggleButtonListItem.es.js";
-import { ToggleListItem as Fr } from "./components/listitems/ToggleListItem.es.js";
-import { analyticsSession as Vr } from "./utils/Analytics.es.js";
-import { getClientComponentOverrides as qr, getClientCustomizations as Kr, getClientPaletteOptions as Zr, getClientTheme as jr } from "./utils/Theme.es.js";
+import { ConnectCard as br } from "./components/ConnectCard.es.js";
+import { CurrencyText as Gr } from "./components/CurrencyText.es.js";
+import { EmptyState as Lr } from "./components/EmptyState.es.js";
+import { ListItemAction as Ur } from "./components/ListItemAction.es.js";
+import { ListItemRow as Br } from "./components/ListItemRow.es.js";
+import { ListItemWrapper as wr } from "./components/ListItemWrapper.es.js";
+import { Select as Mr } from "./components/Select.es.js";
+import { ToggleButtonListItem as Hr } from "./components/listitems/ToggleButtonListItem.es.js";
+import { ToggleListItem as zr } from "./components/listitems/ToggleListItem.es.js";
+import { analyticsSession as kr } from "./utils/Analytics.es.js";
+import { getClientComponentOverrides as Kr, getClientCustomizations as Zr, getClientPaletteOptions as jr, getClientTheme as Jr } from "./utils/Theme.es.js";
 export {
-  lo as ANALYTICS_EVENTS,
-  So as CONNECTIONS_WIDGET_ID,
-  go as CONNECT_WIDGET_ID,
+  Co as ANALYTICS_EVENTS,
+  go as CONNECTIONS_WIDGET_ID,
+  co as CONNECT_WIDGET_ID,
   m as Calendar,
   i as CalendarSelectionTypes,
-  Pr as ConnectCard,
-  nr as ConnectDrawer,
-  sr as CurrencyDialog,
+  br as ConnectCard,
+  ar as ConnectDrawer,
+  pr as CurrencyDialog,
   fr as CurrencyInput,
-  Or as CurrencyText,
-  ho as DEFAULT_DONUT_SIZE,
-  wo as DEFAULT_STROKE_WIDTH,
-  _r as DataRow,
+  Gr as CurrencyText,
+  wo as DEFAULT_DONUT_SIZE,
+  xo as DEFAULT_STROKE_WIDTH,
+  Nr as DataRow,
   fo as DateRangeSelector,
-  no as Dialog,
+  ao as Dialog,
   p as Donut,
-  so as Drawer,
-  Wr as EmptyState,
-  Zo as Error,
-  qo as ErrorBoundary,
-  or as GlobalAccountFilter,
+  po as Drawer,
+  Lr as EmptyState,
+  jo as Error,
+  Ko as ErrorBoundary,
+  rr as GlobalAccountFilter,
   c as GlobalDataContext,
   T as GlobalDataProvider,
-  Po as GlobalStore,
-  Oo as INCOME_ACCOUNT_TYPES,
-  Dr as IconBacking,
+  bo as GlobalStore,
+  Go as INCOME_ACCOUNT_TYPES,
+  Ir as IconBacking,
   yr as InformationTooltip,
-  vo as LOADING_STATUS,
-  Rr as ListItemAction,
-  vr as ListItemRow,
-  hr as ListItemWrapper,
-  tr as Loader,
-  co as MemberConnectionStatus,
-  Jo as MicroWidgetContainer,
-  Xo as MiniWidgetContainer,
-  Fo as MultiSegmentDonut,
-  Go as PAYMENT_ACCOUNT_TYPES,
-  Ro as RECURRENCE_COPY,
-  lr as ResponsiveButton,
-  Wo as SPENDING_ACCOUNT_TYPES,
-  Sr as SearchBox,
-  xr as Select,
-  cr as SelectionBox,
-  Vo as SingleSegmentDonut,
-  Mo as Sizes,
+  Bo as LOADING_STATUS,
+  Ur as ListItemAction,
+  Br as ListItemRow,
+  wr as ListItemWrapper,
+  er as Loader,
+  To as MemberConnectionStatus,
+  Qo as MicroWidgetContainer,
+  $o as MiniWidgetContainer,
+  zo as MultiSegmentDonut,
+  Wo as PAYMENT_ACCOUNT_TYPES,
+  Uo as RECURRENCE_COPY,
+  Cr as ResponsiveButton,
+  Lo as SPENDING_ACCOUNT_TYPES,
+  gr as SearchBox,
+  Mr as Select,
+  Tr as SelectionBox,
+  ko as SingleSegmentDonut,
+  Yo as Sizes,
   a as StatusBar,
-  Yo as TOUCH_TARGET,
-  dr as TabContentContainer,
-  Yr as ToggleButtonListItem,
-  Fr as ToggleListItem,
-  mr as WidgetContainer,
+  Ho as TOUCH_TARGET,
+  Er as TabContentContainer,
+  Hr as ToggleButtonListItem,
+  zr as ToggleListItem,
+  ir as WidgetContainer,
   E as WidgetContainerContext,
   D as WidgetContainerProvider,
-  Vr as analyticsSession,
+  kr as analyticsSession,
   r as buildDynamicCopy,
   t as buildPluralCopy,
-  Eo as formatCurrency,
-  Do as formatOrdinal,
-  Io as formatPercentage,
-  _o as generateEqualIntervals,
-  qr as getClientComponentOverrides,
-  Kr as getClientCustomizations,
-  Zr as getClientPaletteOptions,
-  jr as getClientTheme,
-  No as getCurrencyCodes,
+  Do as formatCurrency,
+  Io as formatOrdinal,
+  _o as formatPercentage,
+  No as generateEqualIntervals,
+  Kr as getClientComponentOverrides,
+  Zr as getClientCustomizations,
+  jr as getClientPaletteOptions,
+  Jr as getClientTheme,
+  Ao as getCurrencyCodes,
   yo as getPluralRules,
-  u as useAccountDisplayName,
+  f as useAccountDisplayName,
   _ as useAccountStore,
-  N as useAppConfig,
+  N as useActionContext,
+  A as useAppConfig,
   y as useBudgetsStore,
-  A as useCashflowStore,
-  P as useCategoryStore,
+  P as useCashflowStore,
+  b as useCategoryStore,
   C as useCombineEvents,
   S as useCombinePageviews,
-  b as useDebtStore,
-  O as useError,
-  G as useEvent,
-  W as useFinstrongStore,
-  L as useGlobalCopyStore,
-  R as useGlobalStore,
-  U as useGlobalUiStore,
-  v as useGoalStore,
-  B as useHelpStore,
-  h as useHoldingStore,
-  J as useInsightsEnabled,
-  w as useInsightsV2Store,
-  x as useLoad,
-  M as useMerchantStore,
-  Y as useNetWorthStore,
-  H as useNotificationStore,
-  F as usePageView,
-  oo as usePrevious,
-  z as useRecurringTransactionsStore,
-  X as useScreenSize,
-  V as useSettingsStore,
-  k as useTransactionStore,
-  q as useTrendsStore,
-  K as useUserStore,
-  Z as useWidgetContainerProvider,
-  to as useWidgetHeaderStyles,
-  mo as useWidgetLoadTimer
+  O as useDebtStore,
+  G as useError,
+  W as useEvent,
+  L as useFinstrongStore,
+  R as useGlobalCopyStore,
+  U as useGlobalStore,
+  v as useGlobalUiStore,
+  B as useGoalStore,
+  h as useHelpStore,
+  w as useHoldingStore,
+  Q as useInsightsEnabled,
+  x as useInsightsV2Store,
+  M as useLoad,
+  Y as useMerchantStore,
+  H as useNetWorthStore,
+  F as useNotificationStore,
+  z as usePageView,
+  ro as usePrevious,
+  V as useRecurringTransactionsStore,
+  $ as useScreenSize,
+  k as useSettingsStore,
+  q as useTransactionStore,
+  K as useTrendsStore,
+  Z as useUserStore,
+  j as useWidgetContainerProvider,
+  eo as useWidgetHeaderStyles,
+  io as useWidgetLoadTimer
 };

package/dist/common/utils/Theme.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { alpha as h, darken as b, lighten as v } from "@mui/material";
-var M = [
+import { alpha as h, darken as y, lighten as b } from "@mui/material";
+var x = [
   "fontFamily",
   "h1",
   "h2",
@@ -11,7 +11,7 @@ var M = [
   "subtitle1",
   "subtitle2",
   "tiny"
-], O = [
+], v = [
   {
     key: "primary",
     override: "primary_color",
@@ -48,23 +48,23 @@ var M = [
     light: "success_color",
     dark: "success_color_dark"
   }
-], R = [...O, {
+], O = [...v, {
   key: "grey",
   override: "neutral_color",
   light: "neutral_color",
   dark: "neutral_color_dark"
-}], $ = (r, t, a, d) => {
-  const i = t === "dark", s = d ?? r?.mode ?? t, e = {};
-  for (const { key: k, override: C, light: f, dark: x } of R) {
-    const y = a?.[C] ?? r?.[i ? x : f];
-    y && (e[k] = y);
+}], T = (r, t, a, i) => {
+  const d = t === "dark", s = i ?? r?.mode ?? t, e = {};
+  for (const { key: k, override: R, light: C, dark: f } of O) {
+    const g = a?.[R] ?? r?.[d ? f : C];
+    g && (e[k] = g);
   }
-  const _ = i && s !== "browser", p = (k) => _ ? { dark: k } : { light: k }, n = a?.background_color ?? r?.background_color, c = a?.paper_color ?? r?.paper_color;
+  const p = d && s !== "browser", _ = (k) => p ? { dark: k } : { light: k }, n = a?.background_color ?? r?.background_color, c = a?.paper_color ?? r?.paper_color;
   (n || c) && (e.background = {
-    ...n && { default: p(n) },
-    ...c && { paper: p(c) }
+    ...n && { default: _(n) },
+    ...c && { paper: _(c) }
   });
-  const o = a?.font_name || r?.body_font_name || r?.system_font, u = a?.header_font_name || r?.header_font_name, l = a?.use_glass ?? r?.use_glass, m = a?.card_corner_radius ?? r?.card_corner_radius, g = m !== void 0 ? m / 2 : void 0;
+  const o = a?.font_name || r?.body_font_name || r?.system_font, u = a?.header_font_name || r?.header_font_name, l = a?.use_glass ?? r?.use_glass, m = a?.corner_radius ?? r?.card_corner_radius;
   return {
     ...Object.keys(e).length > 0 && { paletteOptions: e },
     ...(o || u) && { typographyOptions: {
@@ -72,18 +72,18 @@ var M = [
       ...u && { headerFontFamily: u }
     } },
     ...l !== void 0 && { styleOptions: { useGlass: l } },
-    ...g !== void 0 && { shapeOptions: { borderRadius: g } }
+    ...m !== void 0 && { shapeOptions: { borderRadius: m } }
   };
-}, w = (r, t, a) => {
-  const d = a?.master?.style, i = {
+}, $ = (r, t, a) => {
+  const i = a?.master?.style, d = {
     MuiTabs: { styleOverrides: { indicator: { backgroundColor: r.palette.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
       color: r.palette.primary.lighter,
       "&:hover": { backgroundColor: h(r.palette.primary.light, 0.1) }
     } } }
-  }, s = d?.button_corner_radius ?? t?.button_corner_radius, e = d?.card_corner_radius ?? t?.card_corner_radius;
+  }, s = t?.button_corner_radius, e = i?.corner_radius ?? t?.card_corner_radius;
   return { components: {
-    ...i,
+    ...d,
     ...s !== void 0 && {
       MuiButton: { styleOverrides: { root: {
         borderRadius: `${s}px`,
@@ -104,21 +104,21 @@ var M = [
       MuiPaper: { styleOverrides: { rounded: { borderRadius: `${e}px` } } }
     }
   } };
-}, F = (r, t) => {
-  const a = t === "dark", d = {};
-  for (const { key: i, light: s, dark: e } of R) {
-    const _ = r?.[a ? e : s];
-    _ && (d[i] = _);
+}, w = (r, t) => {
+  const a = t === "dark", i = {};
+  for (const { key: d, light: s, dark: e } of O) {
+    const p = r?.[a ? e : s];
+    p && (i[d] = p);
   }
-  return d;
-}, B = (r, t, a) => {
-  const d = r.palette.mode === "dark", i = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
-    lighter: v(o, 0.5),
-    light: v(o, 0.25),
+  return i;
+}, F = (r, t, a) => {
+  const i = r.palette.mode === "dark", d = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
+    lighter: b(o, 0.5),
+    light: b(o, 0.25),
     main: o,
-    dark: b(o, 0.25),
-    darker: b(o, 0.5)
-  } : u, e = Object.fromEntries(O.map(({ key: o, light: u, dark: l }) => [o, s(t?.[d ? l : u], r.palette[o])])), _ = Object.fromEntries(M.map((o) => [o, o === "fontFamily" ? i : { fontFamily: i }])), p = {
+    dark: y(o, 0.25),
+    darker: y(o, 0.5)
+  } : u, e = Object.fromEntries(v.map(({ key: o, light: u, dark: l }) => [o, s(t?.[i ? l : u], r.palette[o])])), p = Object.fromEntries(x.map((o) => [o, o === "fontFamily" ? d : { fontFamily: d }])), _ = {
     MuiTabs: { styleOverrides: { indicator: { backgroundColor: e.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
       color: e.primary.lighter,
@@ -126,10 +126,10 @@ var M = [
     } } }
   }, n = t?.button_corner_radius, c = t?.card_corner_radius;
   return {
-    typography: _,
+    typography: p,
     palette: e,
     components: {
-      ...p,
+      ..._,
       ...n && {
         MuiButton: { styleOverrides: { root: {
           borderRadius: `${n}px`,
@@ -151,10 +151,10 @@ var M = [
   };
 };
 export {
-  w as getClientComponentOverrides,
-  $ as getClientCustomizations,
-  F as getClientPaletteOptions,
-  B as getClientTheme
+  $ as getClientComponentOverrides,
+  T as getClientCustomizations,
+  w as getClientPaletteOptions,
+  F as getClientTheme
 };
 //# sourceMappingURL=Theme.es.js.map

package/dist/common/utils/Theme.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\nimport type { Customizations } from '@mxenabled/mxui'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig, StyleConfig } from '../../core/types/AppData'\n\ntype PaletteOptions = NonNullable<Customizations['paletteOptions']>\ntype ModeColorOptions = Partial<NonNullable<NonNullable<PaletteOptions['background']>['default']>>\n\nconst TYPOGRAPHY_VARIANTS = [\n 'fontFamily',\n 'h1',\n 'h2',\n 'h3',\n 'body1',\n 'body2',\n 'button',\n 'caption',\n 'subtitle1',\n 'subtitle2',\n 'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n { key: 'primary', override: 'primary_color', light: 'primary_color', dark: 'primary_color_dark' },\n {\n key: 'secondary',\n override: 'secondary_color',\n light: 'secondary_color',\n dark: 'secondary_color_dark',\n },\n { key: 'error', override: 'error_color', light: 'error_color', dark: 'error_color_dark' },\n { key: 'warning', override: 'warning_color', light: 'warning_color', dark: 'warning_color_dark' },\n { key: 'info', override: 'info_color', light: 'info_color', dark: 'info_color_dark' },\n { key: 'success', override: 'success_color', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nconst SEED_CONFIG = [\n ...PALETTE_CONFIG,\n { key: 'grey', override: 'neutral_color', light: 'neutral_color', dark: 'neutral_color_dark' },\n] as const\n\nexport const getClientCustomizations = (\n clientStyleProfile: ClientStyleProfile,\n mode: PaletteMode,\n styleConfig?: StyleConfig,\n requestedMode?: ClientStyleProfile['mode'],\n): Customizations => {\n const isDark = mode === 'dark'\n const requested = requestedMode ?? clientStyleProfile?.mode ?? mode\n\n const paletteOptions: PaletteOptions = {}\n for (const { key, override, light, dark } of SEED_CONFIG) {\n const color = styleConfig?.[override] ?? clientStyleProfile?.[isDark ? dark : light]\n if (color) paletteOptions[key] = color\n }\n\n const useDarkSlot = isDark && requested !== 'browser'\n const asModeColor = (color: string): ModeColorOptions =>\n useDarkSlot ? { dark: color } : { light: color }\n const backgroundColor = styleConfig?.background_color ?? clientStyleProfile?.background_color\n const paperColor = styleConfig?.paper_color ?? clientStyleProfile?.paper_color\n if (backgroundColor \|\| paperColor) {\n paletteOptions.background = {\n ...(backgroundColor && { default: asModeColor(backgroundColor) }),\n ...(paperColor && { paper: asModeColor(paperColor) }),\n } as PaletteOptions['background']\n }\n\n const fontFamily =\n styleConfig?.font_name \|\| clientStyleProfile?.body_font_name \|\| clientStyleProfile?.system_font\n const headerFontFamily = styleConfig?.header_font_name \|\| clientStyleProfile?.header_font_name\n\n const useGlass = styleConfig?.use_glass ?? clientStyleProfile?.use_glass\n const cardRadius = styleConfig?.card_corner_radius ?? clientStyleProfile?.card_corner_radius\n // Cards render at 2x the shape token (MXUI's defaults: token 4, Paper 8), so the\n // client's card radius is halved here and applied at full value to MuiCard/MuiPaper\n // via getClientComponentOverrides\n const borderRadius = cardRadius !== undefined ? cardRadius / 2 : undefined\n\n return {\n ...(Object.keys(paletteOptions).length > 0 && { paletteOptions }),\n ...((fontFamily \|\| headerFontFamily) && {\n typographyOptions: {\n ...(fontFamily && { fontFamily }),\n ...(headerFontFamily && { headerFontFamily }),\n },\n }),\n ...(useGlass !== undefined && { styleOptions: { useGlass } }),\n ...(borderRadius !== undefined && { shapeOptions: { borderRadius } }),\n }\n}\n\nexport const getClientComponentOverrides = (\n theme: Theme,\n clientStyleProfile: ClientStyleProfile,\n clientConfig?: ClientConfig,\n) => {\n const styleConfig = clientConfig?.master?.style\n\n const baseComponents = {\n MuiTabs: {\n styleOverrides: {\n indicator: { backgroundColor: theme.palette.primary.light },\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n switchViewButton: {\n color: theme.palette.primary.lighter,\n '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n },\n },\n },\n }\n\n const buttonRadius = styleConfig?.button_corner_radius ?? clientStyleProfile?.button_corner_radius\n const cardRadius = styleConfig?.card_corner_radius ?? clientStyleProfile?.card_corner_radius\n\n const components = {\n ...baseComponents,\n ...(buttonRadius !== undefined && {\n MuiButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n MuiIconButton: {\n styleOverrides: {\n root: {\n borderRadius: `${buttonRadius}px`,\n minWidth: buttonRadius,\n minHeight: buttonRadius,\n },\n },\n },\n MuiToggleButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n }),\n ...(cardRadius !== undefined && {\n MuiCard: {\n styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n },\n MuiPaper: {\n styleOverrides: {\n rounded: { borderRadius: `${cardRadius}px` },\n },\n },\n }),\n }\n\n return { components }\n}\n\n/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` /\nexport const getClientPaletteOptions = (\n clientStyleProfile: ClientStyleProfile,\n mode: PaletteMode,\n): Record<string, string> => {\n const isDark = mode === 'dark'\n const options: Record<string, string> = {}\n\n for (const { key, light, dark } of SEED_CONFIG) {\n const color = clientStyleProfile?.[isDark ? dark : light] as string \| undefined\n if (color) options[key] = color\n }\n\n return options\n}\n\n/* @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */\nexport const getClientTheme = (\n theme: Theme,\n clientStyleProfile: ClientStyleProfile,\n clientConfig?: ClientConfig,\n) => {\n const isDark = theme.palette.mode === 'dark'\n const font =\n (clientConfig?.master?.style?.font_name \|\|\n clientStyleProfile?.body_font_name \|\|\n clientStyleProfile?.system_font) ??\n theme.typography.fontFamily\n\n const generatePalette = (color: string \| undefined, defaultColor: PaletteColor) =>\n color\n ? {\n lighter: lighten(color, 0.5),\n light: lighten(color, 0.25),\n main: color,\n dark: darken(color, 0.25),\n darker: darken(color, 0.5),\n }\n : defaultColor\n\n const palette = Object.fromEntries(\n PALETTE_CONFIG.map(({ key, light, dark }) => [\n key,\n generatePalette(\n clientStyleProfile?.[isDark ? dark : light] as string \| undefined,\n theme.palette[key],\n ),\n ]),\n )\n\n const typography = Object.fromEntries(\n TYPOGRAPHY_VARIANTS.map((variant) => [\n variant,\n variant === 'fontFamily' ? font : { fontFamily: font },\n ]),\n )\n\n const baseComponents = {\n MuiTabs: {\n styleOverrides: {\n indicator: { backgroundColor: palette.primary.light },\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n switchViewButton: {\n color: palette.primary.lighter,\n '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n },\n },\n },\n }\n\n const buttonRadius = clientStyleProfile?.button_corner_radius\n const cardRadius = clientStyleProfile?.card_corner_radius\n\n const components = {\n ...baseComponents,\n ...(buttonRadius && {\n MuiButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n MuiIconButton: {\n styleOverrides: {\n root: {\n borderRadius: `${buttonRadius}px`,\n minWidth: buttonRadius,\n minHeight: buttonRadius,\n },\n },\n },\n MuiToggleButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n }),\n ...(cardRadius && {\n MuiCard: {\n styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n },\n }),\n ...(cardRadius && {\n MuiPaper: {\n styleOverrides: {\n rounded: { borderRadius: `${cardRadius}px` },\n },\n },\n }),\n }\n\n return { typography, palette, components }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\nimport type { Customizations } from '@mxenabled/mxui'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig, StyleConfig } from '../../core/types/AppData'\n\ntype PaletteOptions = NonNullable<Customizations['paletteOptions']>\ntype ModeColorOptions = Partial<NonNullable<NonNullable<PaletteOptions['background']>['default']>>\n\nconst TYPOGRAPHY_VARIANTS = [\n 'fontFamily',\n 'h1',\n 'h2',\n 'h3',\n 'body1',\n 'body2',\n 'button',\n 'caption',\n 'subtitle1',\n 'subtitle2',\n 'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n { key: 'primary', override: 'primary_color', light: 'primary_color', dark: 'primary_color_dark' },\n {\n key: 'secondary',\n override: 'secondary_color',\n light: 'secondary_color',\n dark: 'secondary_color_dark',\n },\n { key: 'error', override: 'error_color', light: 'error_color', dark: 'error_color_dark' },\n { key: 'warning', override: 'warning_color', light: 'warning_color', dark: 'warning_color_dark' },\n { key: 'info', override: 'info_color', light: 'info_color', dark: 'info_color_dark' },\n { key: 'success', override: 'success_color', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nconst SEED_CONFIG = [\n ...PALETTE_CONFIG,\n { key: 'grey', override: 'neutral_color', light: 'neutral_color', dark: 'neutral_color_dark' },\n] as const\n\nexport const getClientCustomizations = (\n clientStyleProfile: ClientStyleProfile,\n mode: PaletteMode,\n styleConfig?: StyleConfig,\n requestedMode?: ClientStyleProfile['mode'],\n): Customizations => {\n const isDark = mode === 'dark'\n const requested = requestedMode ?? clientStyleProfile?.mode ?? mode\n\n const paletteOptions: PaletteOptions = {}\n for (const { key, override, light, dark } of SEED_CONFIG) {\n const color = styleConfig?.[override] ?? clientStyleProfile?.[isDark ? dark : light]\n if (color) paletteOptions[key] = color\n }\n\n const useDarkSlot = isDark && requested !== 'browser'\n const asModeColor = (color: string): ModeColorOptions =>\n useDarkSlot ? { dark: color } : { light: color }\n const backgroundColor = styleConfig?.background_color ?? clientStyleProfile?.background_color\n const paperColor = styleConfig?.paper_color ?? clientStyleProfile?.paper_color\n if (backgroundColor \|\| paperColor) {\n paletteOptions.background = {\n ...(backgroundColor && { default: asModeColor(backgroundColor) }),\n ...(paperColor && { paper: asModeColor(paperColor) }),\n } as PaletteOptions['background']\n }\n\n const fontFamily =\n styleConfig?.font_name \|\| clientStyleProfile?.body_font_name \|\| clientStyleProfile?.system_font\n const headerFontFamily = styleConfig?.header_font_name \|\| clientStyleProfile?.header_font_name\n\n const useGlass = styleConfig?.use_glass ?? clientStyleProfile?.use_glass\n const borderRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n return {\n ...(Object.keys(paletteOptions).length > 0 && { paletteOptions }),\n ...((fontFamily \|\| headerFontFamily) && {\n typographyOptions: {\n ...(fontFamily && { fontFamily }),\n ...(headerFontFamily && { headerFontFamily }),\n },\n }),\n ...(useGlass !== undefined && { styleOptions: { useGlass } }),\n ...(borderRadius !== undefined && { shapeOptions: { borderRadius } }),\n }\n}\n\nexport const getClientComponentOverrides = (\n theme: Theme,\n clientStyleProfile: ClientStyleProfile,\n clientConfig?: ClientConfig,\n) => {\n const styleConfig = clientConfig?.master?.style\n\n const baseComponents = {\n MuiTabs: {\n styleOverrides: {\n indicator: { backgroundColor: theme.palette.primary.light },\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n switchViewButton: {\n color: theme.palette.primary.lighter,\n '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n },\n },\n },\n }\n\n const buttonRadius = clientStyleProfile?.button_corner_radius\n const cardRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n const components = {\n ...baseComponents,\n ...(buttonRadius !== undefined && {\n MuiButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n MuiIconButton: {\n styleOverrides: {\n root: {\n borderRadius: `${buttonRadius}px`,\n minWidth: buttonRadius,\n minHeight: buttonRadius,\n },\n },\n },\n MuiToggleButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n }),\n ...(cardRadius !== undefined && {\n MuiCard: {\n styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n },\n MuiPaper: {\n styleOverrides: {\n rounded: { borderRadius: `${cardRadius}px` },\n },\n },\n }),\n }\n\n return { components }\n}\n\n/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` /\nexport const getClientPaletteOptions = (\n clientStyleProfile: ClientStyleProfile,\n mode: PaletteMode,\n): Record<string, string> => {\n const isDark = mode === 'dark'\n const options: Record<string, string> = {}\n\n for (const { key, light, dark } of SEED_CONFIG) {\n const color = clientStyleProfile?.[isDark ? dark : light] as string \| undefined\n if (color) options[key] = color\n }\n\n return options\n}\n\n/* @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */\nexport const getClientTheme = (\n theme: Theme,\n clientStyleProfile: ClientStyleProfile,\n clientConfig?: ClientConfig,\n) => {\n const isDark = theme.palette.mode === 'dark'\n const font =\n (clientConfig?.master?.style?.font_name \|\|\n clientStyleProfile?.body_font_name \|\|\n clientStyleProfile?.system_font) ??\n theme.typography.fontFamily\n\n const generatePalette = (color: string \| undefined, defaultColor: PaletteColor) =>\n color\n ? {\n lighter: lighten(color, 0.5),\n light: lighten(color, 0.25),\n main: color,\n dark: darken(color, 0.25),\n darker: darken(color, 0.5),\n }\n : defaultColor\n\n const palette = Object.fromEntries(\n PALETTE_CONFIG.map(({ key, light, dark }) => [\n key,\n generatePalette(\n clientStyleProfile?.[isDark ? dark : light] as string \| undefined,\n theme.palette[key],\n ),\n ]),\n )\n\n const typography = Object.fromEntries(\n TYPOGRAPHY_VARIANTS.map((variant) => [\n variant,\n variant === 'fontFamily' ? font : { fontFamily: font },\n ]),\n )\n\n const baseComponents = {\n MuiTabs: {\n styleOverrides: {\n indicator: { backgroundColor: palette.primary.light },\n },\n },\n MuiPickersCalendarHeader: {\n styleOverrides: {\n switchViewButton: {\n color: palette.primary.lighter,\n '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n },\n },\n },\n }\n\n const buttonRadius = clientStyleProfile?.button_corner_radius\n const cardRadius = clientStyleProfile?.card_corner_radius\n\n const components = {\n ...baseComponents,\n ...(buttonRadius && {\n MuiButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n MuiIconButton: {\n styleOverrides: {\n root: {\n borderRadius: `${buttonRadius}px`,\n minWidth: buttonRadius,\n minHeight: buttonRadius,\n },\n },\n },\n MuiToggleButton: {\n styleOverrides: {\n root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n },\n },\n }),\n ...(cardRadius && {\n MuiCard: {\n styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n },\n }),\n ...(cardRadius && {\n MuiPaper: {\n styleOverrides: {\n rounded: { borderRadius: `${cardRadius}px` },\n },\n },\n }),\n }\n\n return { typography, palette, components }\n}\n"],"mappings":"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"}