@mx-cartographer/experiences 9.6.7 → 9.6.9

package/dist/common/index.es.js

@@ -4,9 +4,9 @@ import a from "./components/charts/StatusBar.es.js";
 import p from "./components/charts/Donut.es.js";
 import u from "./hooks/useAccountDisplayName.es.js";
 import { useCombineEvents as C, useCombinePageviews as S } from "./hooks/useCombineEvents.es.js";
-import { GlobalDataContext as c, GlobalDataProvider as d } from "./context/GlobalDataProvider.es.js";
-import { WidgetContainerContext as E, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
-import { useAccountStore as I, useActionContext as N, useAppConfig as P, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as b, useDebtStore as O, useError as W, useEvent as G, 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 Z, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as j } from "./context/hooks.es.js";
+import { GlobalDataContext as c, GlobalDataProvider as T } from "./context/GlobalDataProvider.es.js";
+import { WidgetContainerContext as d, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
+import { useAccountStore as I, useActionContext as N, useAppConfig as P, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as O, useDebtStore as b, useError as W, useEvent as G, 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 Z, useTransactionStore as K, useTrendsStore as k, useUserStore as q, 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";
@@ -18,112 +18,114 @@ import co from "./components/dialog/Dialog.es.js";
 import Eo from "./components/drawer/Drawer.es.js";
 import _o from "./components/daterangeselector/DateRangeSelector.es.js";
 import { ANALYTICS_EVENTS as No } from "./constants/Analytics.es.js";
-import { CONNECTIONS_WIDGET_ID as yo, CONNECT_WIDGET_ID as Ao, MemberConnectionStatus as bo } from "./constants/Connect.es.js";
-import { GlobalStore as Wo } from "../core/stores/GlobalStore.es.js";
-import { INCOME_ACCOUNT_TYPES as Lo, PAYMENT_ACCOUNT_TYPES as Ro, SPENDING_ACCOUNT_TYPES as Uo } from "./constants/Account.es.js";
-import { RECURRENCE_COPY as Bo } from "./constants/ScheduledPayment.es.js";
-import { LOADING_STATUS as wo } from "./constants/SpendingPlan.es.js";
-import { DEFAULT_DONUT_SIZE as Mo, DEFAULT_STROKE_WIDTH as Yo } from "./constants/Donut.es.js";
-import { Sizes as Fo, TOUCH_TARGET as zo } from "./constants/Sizes.es.js";
-import Zo from "./components/donuts/MultiSegmentDonut.es.js";
-import qo from "./components/donuts/SingleSegmentDonut.es.js";
-import jo from "./components/ErrorBoundary.es.js";
-import Qo from "./components/Error.es.js";
-import $o from "./components/MicroWidgetContainer.es.js";
-import rr from "./components/MiniWidgetContainer.es.js";
-import { GlobalAccountFilter as er } from "./components/GlobalAccountFilter.es.js";
-import mr from "./components/Loader.es.js";
-import { WidgetContainer as ar } from "./components/WidgetContainer.es.js";
-import pr from "./components/ConnectWidgetPanel.es.js";
-import ur from "./components/ConnectDrawer.es.js";
-import Cr from "./components/CurrencyDialog.es.js";
-import gr from "./components/CurrencyInput.es.js";
+import { CONNECTIONS_WIDGET_ID as yo, CONNECT_WIDGET_ID as Ao, CONNECT_WIDGET_SOURCES as Oo, DEEP_LINK_TYPE as bo, MemberConnectionStatus as Wo } from "./constants/Connect.es.js";
+import { GlobalStore as Lo } from "../core/stores/GlobalStore.es.js";
+import { INCOME_ACCOUNT_TYPES as Uo, PAYMENT_ACCOUNT_TYPES as vo, SPENDING_ACCOUNT_TYPES as Bo } from "./constants/Account.es.js";
+import { RECURRENCE_COPY as wo } from "./constants/ScheduledPayment.es.js";
+import { LOADING_STATUS as Mo } from "./constants/SpendingPlan.es.js";
+import { DEFAULT_DONUT_SIZE as Ho, DEFAULT_STROKE_WIDTH as Fo } from "./constants/Donut.es.js";
+import { Sizes as Vo, TOUCH_TARGET as Zo } from "./constants/Sizes.es.js";
+import ko from "./components/donuts/MultiSegmentDonut.es.js";
+import jo from "./components/donuts/SingleSegmentDonut.es.js";
+import Qo from "./components/ErrorBoundary.es.js";
+import $o from "./components/Error.es.js";
+import rr from "./components/MicroWidgetContainer.es.js";
+import er from "./components/MiniWidgetContainer.es.js";
+import { GlobalAccountFilter as mr } from "./components/GlobalAccountFilter.es.js";
+import ar from "./components/Loader.es.js";
+import { WidgetContainer as pr } from "./components/WidgetContainer.es.js";
+import ur from "./components/ConnectWidgetPanel.es.js";
+import Cr from "./components/ConnectDrawer.es.js";
+import gr from "./components/CurrencyDialog.es.js";
+import Tr from "./components/CurrencyInput.es.js";
 import dr from "./components/ResponsiveButton.es.js";
-import Er from "./components/SearchBox.es.js";
-import _r from "./components/SelectionBox.es.js";
-import Nr from "./components/TabContentContainer.es.js";
-import yr from "./components/IconBacking.es.js";
-import br from "./components/DataRow.es.js";
-import Wr from "./components/ZeroState.es.js";
-import Lr from "./components/InformationTooltip.es.js";
-import { ConnectCard as Ur } from "./components/ConnectCard.es.js";
-import { CurrencyText as Br } from "./components/CurrencyText.es.js";
-import { EmptyState as wr } from "./components/EmptyState.es.js";
-import { ListItemAction as Mr } from "./components/ListItemAction.es.js";
-import { ListItemRow as Hr } from "./components/ListItemRow.es.js";
-import { ListItemWrapper as zr } from "./components/ListItemWrapper.es.js";
-import { Select as Zr } from "./components/Select.es.js";
-import { ToggleButtonListItem as qr } from "./components/listitems/ToggleButtonListItem.es.js";
-import { ToggleListItem as jr } from "./components/listitems/ToggleListItem.es.js";
-import { analyticsSession as Qr } from "./utils/Analytics.es.js";
-import { getClientComponentOverrides as $r, getClientCustomizations as ot, getClientPaletteOptions as rt, getClientTheme as tt } from "./utils/Theme.es.js";
+import _r from "./components/SearchBox.es.js";
+import Nr from "./components/SelectionBox.es.js";
+import yr from "./components/TabContentContainer.es.js";
+import Or from "./components/IconBacking.es.js";
+import Wr from "./components/DataRow.es.js";
+import Lr from "./components/ZeroState.es.js";
+import Ur from "./components/InformationTooltip.es.js";
+import { ConnectCard as Br } from "./components/ConnectCard.es.js";
+import { CurrencyText as wr } from "./components/CurrencyText.es.js";
+import { EmptyState as Mr } from "./components/EmptyState.es.js";
+import { ListItemAction as Hr } from "./components/ListItemAction.es.js";
+import { ListItemRow as zr } from "./components/ListItemRow.es.js";
+import { ListItemWrapper as Zr } from "./components/ListItemWrapper.es.js";
+import { Select as kr } from "./components/Select.es.js";
+import { ToggleButtonListItem as jr } from "./components/listitems/ToggleButtonListItem.es.js";
+import { ToggleListItem as Qr } from "./components/listitems/ToggleListItem.es.js";
+import { analyticsSession as $r } from "./utils/Analytics.es.js";
+import { getClientComponentOverrides as rt, getClientCustomizations as tt, getClientPaletteOptions as et, getClientTheme as it } from "./utils/Theme.es.js";
 export {
   No as ANALYTICS_EVENTS,
   yo as CONNECTIONS_WIDGET_ID,
   Ao as CONNECT_WIDGET_ID,
+  Oo as CONNECT_WIDGET_SOURCES,
   i as Calendar,
   m as CalendarSelectionTypes,
-  Ur as ConnectCard,
-  ur as ConnectDrawer,
-  pr as ConnectWidgetPanel,
-  Cr as CurrencyDialog,
-  gr as CurrencyInput,
-  Br as CurrencyText,
-  Mo as DEFAULT_DONUT_SIZE,
-  Yo as DEFAULT_STROKE_WIDTH,
-  br as DataRow,
+  Br as ConnectCard,
+  Cr as ConnectDrawer,
+  ur as ConnectWidgetPanel,
+  gr as CurrencyDialog,
+  Tr as CurrencyInput,
+  wr as CurrencyText,
+  bo as DEEP_LINK_TYPE,
+  Ho as DEFAULT_DONUT_SIZE,
+  Fo as DEFAULT_STROKE_WIDTH,
+  Wr as DataRow,
   _o as DateRangeSelector,
   co as Dialog,
   p as Donut,
   Eo as Drawer,
-  wr as EmptyState,
-  Qo as Error,
-  jo as ErrorBoundary,
-  er as GlobalAccountFilter,
+  Mr as EmptyState,
+  $o as Error,
+  Qo as ErrorBoundary,
+  mr as GlobalAccountFilter,
   c as GlobalDataContext,
-  d as GlobalDataProvider,
-  Wo as GlobalStore,
-  Lo as INCOME_ACCOUNT_TYPES,
-  yr as IconBacking,
-  Lr as InformationTooltip,
-  wo as LOADING_STATUS,
-  Mr as ListItemAction,
-  Hr as ListItemRow,
-  zr as ListItemWrapper,
-  mr as Loader,
-  bo as MemberConnectionStatus,
-  $o as MicroWidgetContainer,
-  rr as MiniWidgetContainer,
-  Zo as MultiSegmentDonut,
-  Ro as PAYMENT_ACCOUNT_TYPES,
-  Bo as RECURRENCE_COPY,
+  T as GlobalDataProvider,
+  Lo as GlobalStore,
+  Uo as INCOME_ACCOUNT_TYPES,
+  Or as IconBacking,
+  Ur as InformationTooltip,
+  Mo as LOADING_STATUS,
+  Hr as ListItemAction,
+  zr as ListItemRow,
+  Zr as ListItemWrapper,
+  ar as Loader,
+  Wo as MemberConnectionStatus,
+  rr as MicroWidgetContainer,
+  er as MiniWidgetContainer,
+  ko as MultiSegmentDonut,
+  vo as PAYMENT_ACCOUNT_TYPES,
+  wo as RECURRENCE_COPY,
   dr as ResponsiveButton,
-  Uo as SPENDING_ACCOUNT_TYPES,
-  Er as SearchBox,
-  Zr as Select,
-  _r as SelectionBox,
-  qo as SingleSegmentDonut,
-  Fo as Sizes,
+  Bo as SPENDING_ACCOUNT_TYPES,
+  _r as SearchBox,
+  kr as Select,
+  Nr as SelectionBox,
+  jo as SingleSegmentDonut,
+  Vo as Sizes,
   a as StatusBar,
-  zo as TOUCH_TARGET,
-  Nr as TabContentContainer,
-  qr as ToggleButtonListItem,
-  jr as ToggleListItem,
-  ar as WidgetContainer,
-  E as WidgetContainerContext,
+  Zo as TOUCH_TARGET,
+  yr as TabContentContainer,
+  jr as ToggleButtonListItem,
+  Qr as ToggleListItem,
+  pr as WidgetContainer,
+  d as WidgetContainerContext,
   D as WidgetContainerProvider,
-  Wr as ZeroState,
-  Qr as analyticsSession,
+  Lr as ZeroState,
+  $r as analyticsSession,
   r as buildDynamicCopy,
   t as buildPluralCopy,
   eo as formatCurrency,
   io as formatOrdinal,
   mo as formatPercentage,
   no as generateEqualIntervals,
-  $r as getClientComponentOverrides,
-  ot as getClientCustomizations,
-  rt as getClientPaletteOptions,
-  tt as getClientTheme,
+  rt as getClientComponentOverrides,
+  tt as getClientCustomizations,
+  et as getClientPaletteOptions,
+  it as getClientTheme,
   ao as getCurrencyCodes,
   so as getPluralRules,
   u as useAccountDisplayName,
@@ -132,10 +134,10 @@ export {
   P as useAppConfig,
   y as useBudgetsStore,
   A as useCashflowStore,
-  b as useCategoryStore,
+  O as useCategoryStore,
   C as useCombineEvents,
   S as useCombinePageviews,
-  O as useDebtStore,
+  b as useDebtStore,
   W as useError,
   G as useEvent,
   L as useFinstrongStore,
@@ -157,9 +159,9 @@ export {
   fo as useRepeatingTransactionEligibility,
   $ as useScreenSize,
   Z as useSettingsStore,
-  k as useTransactionStore,
-  q as useTrendsStore,
-  K as useUserStore,
+  K as useTransactionStore,
+  k as useTrendsStore,
+  q as useUserStore,
   j as useWidgetContainerProvider,
   lo as useWidgetHeaderStyles,
   So as useWidgetLoadTimer

package/dist/core/api/BannerApi.d.ts

@@ -3,4 +3,5 @@ export declare class BannerApi {
     fetchInstance: Fetch | null;
     constructor(bullseyeEndpoint: string);
     getBanner: (userGuid: string) => Promise<any>;
+    markClicked: (guid: string) => Promise<any>;
 }

package/dist/core/api/BannerApi.es.js

@@ -1,5 +1,6 @@
+import { ApiEndpoints as c } from "../constants/ApiEndpoints.es.js";
 import { Fetch as r } from "../utils/Fetch.es.js";
-var a = class {
+var s = class {
   fetchInstance;
   constructor(n) {
     this.fetchInstance = new r(n, "", {
@@ -15,9 +16,10 @@ var a = class {
       return console.error("Error fetching banner:", t), null;
     }
   };
+  markClicked = async (n) => this.fetchInstance?.put(`/${c.OFFERS}/${encodeURIComponent(n)}/clicked`, {});
 };
 export {
-  a as BannerApi
+  s as BannerApi
 };
 
 //# sourceMappingURL=BannerApi.es.js.map

package/dist/core/api/BannerApi.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerApi.es.js","names":[],"sources":["../../../src/core/api/BannerApi.ts"],"sourcesContent":["import { Fetch } from '../utils'\n\nexport class BannerApi {\n  fetchInstance: Fetch | null\n\n  constructor(bullseyeEndpoint: string) {\n    // Override headers without MD-Session-Token to avoid CORS error in bullseye\n    this.fetchInstance = new Fetch(bullseyeEndpoint, '', {\n      Accept: 'application/json',\n      'Content-Type': 'application/json',\n    })\n  }\n\n  getBanner = async (userGuid: string) => {\n    try {\n      const path = `/banner/${userGuid}/account_widget_banner`\n      return this.fetchInstance?.get(path).then((data) => data.banner) ?? {}\n    } catch (error) {\n      console.error('Error fetching banner:', error)\n      return null\n    }\n  }\n}\n"],"mappings":";AAEA,IAAa,IAAb,MAAuB;AAAA,EACrB;AAAA,EAEA,YAAY,GAA0B;AAEpC,SAAK,gBAAgB,IAAI,EAAM,GAAkB,IAAI;AAAA,MACnD,QAAQ;AAAA,MACR,gBAAgB;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,OAAO,MAAqB;AACtC,QAAI;AACF,YAAM,IAAO,WAAW,CAAA;AACxB,aAAO,KAAK,eAAe,IAAI,CAAI,EAAE,KAAA,CAAM,MAAS,EAAK,MAAM,KAAK,CAAC;AAAA,IACvE,SAAS,GAAO;AACd,qBAAQ,MAAM,0BAA0B,CAAK,GACtC;AAAA,IACT;AAAA,EACF;AACF"}
+{"version":3,"file":"BannerApi.es.js","names":[],"sources":["../../../src/core/api/BannerApi.ts"],"sourcesContent":["import { Fetch } from '../utils'\nimport { ApiEndpoints } from '../constants'\n\nexport class BannerApi {\n  fetchInstance: Fetch | null\n\n  constructor(bullseyeEndpoint: string) {\n    // Override headers without MD-Session-Token to avoid CORS error in bullseye\n    this.fetchInstance = new Fetch(bullseyeEndpoint, '', {\n      Accept: 'application/json',\n      'Content-Type': 'application/json',\n    })\n  }\n\n  getBanner = async (userGuid: string) => {\n    try {\n      const path = `/banner/${userGuid}/account_widget_banner`\n      return this.fetchInstance?.get(path).then((data) => data.banner) ?? {}\n    } catch (error) {\n      console.error('Error fetching banner:', error)\n      return null\n    }\n  }\n\n  // Records a banner click server-side. The deep-link path needs this because it\n  // never hits `redirect_url`, which is what records the click for external\n  // banners. Rejections propagate so AppDataStore can report them via its\n  // captureException handler instead of being silently swallowed here.\n  markClicked = async (guid: string) =>\n    this.fetchInstance?.put(`/${ApiEndpoints.OFFERS}/${encodeURIComponent(guid)}/clicked`, {})\n}\n"],"mappings":";;AAGA,IAAa,IAAb,MAAuB;AAAA,EACrB;AAAA,EAEA,YAAY,GAA0B;AAEpC,SAAK,gBAAgB,IAAI,EAAM,GAAkB,IAAI;AAAA,MACnD,QAAQ;AAAA,MACR,gBAAgB;AAAA,IAClB,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,OAAO,MAAqB;AACtC,QAAI;AACF,YAAM,IAAO,WAAW,CAAA;AACxB,aAAO,KAAK,eAAe,IAAI,CAAI,EAAE,KAAA,CAAM,MAAS,EAAK,MAAM,KAAK,CAAC;AAAA,IACvE,SAAS,GAAO;AACd,qBAAQ,MAAM,0BAA0B,CAAK,GACtC;AAAA,IACT;AAAA,EACF;AAAA,EAMA,cAAc,OAAO,MACnB,KAAK,eAAe,IAAI,IAAI,EAAa,MAAA,IAAU,mBAAmB,CAAI,CAAA,YAAa,CAAC,CAAC;AAC7F"}

package/dist/core/stores/AppDataStore.d.ts

@@ -18,6 +18,7 @@ export declare class AppDataStore {
     setAppData: (appData: AppData) => void;
     loadAppData: () => Promise<void>;
     loadBanner: () => Promise<void>;
+    markBannerClicked: (guid: string) => Promise<void>;
     setUser: (user: User) => User;
     setUserCommunicationProfile: (profile: UserCommunicationProfile) => UserCommunicationProfile;
     setUserProfile: (userProfile: UserProfile) => UserProfile;

package/dist/core/stores/AppDataStore.es.js

@@ -1,7 +1,7 @@
 import { AppDataApi as a } from "../api/AppDataApi.es.js";
 import { BannerApi as e } from "../api/BannerApi.es.js";
 import { makeAutoObservable as i, runInAction as o } from "mobx";
-var l = class {
+var c = class {
   globalStore;
   api = new a("/", "");
   bannerApi = new e("/");
@@ -50,12 +50,19 @@ var l = class {
       console.error("Error loading banner:", t), this.globalStore.captureException(t, { store: "AppDataStore" });
     }
   };
+  markBannerClicked = async (t) => {
+    try {
+      await this.bannerApi.markClicked(t);
+    } catch (r) {
+      console.error("Error marking banner clicked:", r), this.globalStore.captureException(r, { store: "AppDataStore" });
+    }
+  };
   setUser = (t) => this.appData.user = t;
   setUserCommunicationProfile = (t) => this.appData.user_communication_profile = t;
   setUserProfile = (t) => this.appData.user_profile = t;
 };
 export {
-  l as AppDataStore
+  c as AppDataStore
 };
 
 //# sourceMappingURL=AppDataStore.es.js.map

package/dist/core/stores/AppDataStore.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDataStore.es.js","names":[],"sources":["../../../src/core/stores/AppDataStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { AppDataApi, BannerApi } from '../api'\nimport type {\n  AppConfig,\n  AppData,\n  Banner,\n  User,\n  UserCommunicationProfile,\n  UserProfile,\n} from '../types'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class AppDataStore {\n  globalStore: GlobalStore\n  api: AppDataApi = new AppDataApi('/', '')\n  bannerApi: BannerApi = new BannerApi('/')\n\n  appData: AppData = {} as AppData\n  isAppDataLoaded: boolean = false\n  banner: Banner = {}\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new AppDataApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  get appConfig(): AppConfig {\n    return this.globalStore.appConfig\n  }\n\n  get clientCommunicationProfile() {\n    return this.appData.client_communication_profile\n  }\n\n  get clientInsightProfile() {\n    return this.appData.client_insight_profile\n  }\n\n  get user() {\n    return this.appData.user\n  }\n\n  get userCommunicationProfile() {\n    return this.appData.user_communication_profile\n  }\n\n  get userProfile() {\n    return this.appData.user_profile\n  }\n\n  setAppData = (appData: AppData) => {\n    this.appData = appData\n    this.bannerApi = new BannerApi(appData.address?.bullseye || '/')\n    this.isAppDataLoaded = true\n  }\n\n  loadAppData = async () => {\n    try {\n      const appData = await this.api.getAppData()\n      this.setAppData(appData)\n    } catch (error) {\n      console.error('Error loading app data:', error)\n      this.globalStore.captureException(error, { store: 'AppDataStore' })\n    }\n  }\n\n  loadBanner = async () => {\n    try {\n      const userGuid = this.user?.guid ?? null\n      const banner = userGuid ? await this.bannerApi.getBanner(userGuid) : {}\n\n      runInAction(() => {\n        this.banner = banner\n      })\n    } catch (error) {\n      console.error('Error loading banner:', error)\n      this.globalStore.captureException(error, { store: 'AppDataStore' })\n    }\n  }\n\n  setUser = (user: User) => (this.appData.user = user)\n\n  setUserCommunicationProfile = (profile: UserCommunicationProfile) =>\n    (this.appData.user_communication_profile = profile)\n\n  setUserProfile = (userProfile: UserProfile) => (this.appData.user_profile = userProfile)\n}\n"],"mappings":";;;AAcA,IAAa,IAAb,MAA0B;AAAA,EACxB;AAAA,EACA,MAAkB,IAAI,EAAW,KAAK,EAAE;AAAA,EACxC,YAAuB,IAAI,EAAU,GAAG;AAAA,EAExC,UAAmB,CAAC;AAAA,EACpB,kBAA2B;AAAA,EAC3B,SAAiB,CAAC;AAAA,EAElB,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,MAAM,IAAI,EAAW,EAAY,UAAU,EAAY,cAAc,EAAY,OAAO,GAE7F,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,YAAuB;AACzB,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,IAAI,6BAA6B;AAC/B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,uBAAuB;AACzB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,OAAO;AACT,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,2BAA2B;AAC7B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,aAAA,CAAc,MAAqB;AACjC,SAAK,UAAU,GACf,KAAK,YAAY,IAAI,EAAU,EAAQ,SAAS,YAAY,GAAG,GAC/D,KAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,cAAc,YAAY;AACxB,QAAI;AACF,YAAM,IAAU,MAAM,KAAK,IAAI,WAAW;AAC1C,WAAK,WAAW,CAAO;AAAA,IACzB,SAAS,GAAO;AACd,cAAQ,MAAM,2BAA2B,CAAK,GAC9C,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,eAAe,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,aAAa,YAAY;AACvB,QAAI;AACF,YAAM,IAAW,KAAK,MAAM,QAAQ,MAC9B,IAAS,IAAW,MAAM,KAAK,UAAU,UAAU,CAAQ,IAAI,CAAC;AAEtE,MAAA,EAAA,MAAkB;AAChB,aAAK,SAAS;AAAA,MAChB,CAAC;AAAA,IACH,SAAS,GAAO;AACd,cAAQ,MAAM,yBAAyB,CAAK,GAC5C,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,eAAe,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,UAAA,CAAW,MAAgB,KAAK,QAAQ,OAAO;AAAA,EAE/C,8BAAA,CAA+B,MAC5B,KAAK,QAAQ,6BAA6B;AAAA,EAE7C,iBAAA,CAAkB,MAA8B,KAAK,QAAQ,eAAe;AAC9E"}
+{"version":3,"file":"AppDataStore.es.js","names":[],"sources":["../../../src/core/stores/AppDataStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { AppDataApi, BannerApi } from '../api'\nimport type {\n  AppConfig,\n  AppData,\n  Banner,\n  User,\n  UserCommunicationProfile,\n  UserProfile,\n} from '../types'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class AppDataStore {\n  globalStore: GlobalStore\n  api: AppDataApi = new AppDataApi('/', '')\n  bannerApi: BannerApi = new BannerApi('/')\n\n  appData: AppData = {} as AppData\n  isAppDataLoaded: boolean = false\n  banner: Banner = {}\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new AppDataApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  get appConfig(): AppConfig {\n    return this.globalStore.appConfig\n  }\n\n  get clientCommunicationProfile() {\n    return this.appData.client_communication_profile\n  }\n\n  get clientInsightProfile() {\n    return this.appData.client_insight_profile\n  }\n\n  get user() {\n    return this.appData.user\n  }\n\n  get userCommunicationProfile() {\n    return this.appData.user_communication_profile\n  }\n\n  get userProfile() {\n    return this.appData.user_profile\n  }\n\n  setAppData = (appData: AppData) => {\n    this.appData = appData\n    this.bannerApi = new BannerApi(appData.address?.bullseye || '/')\n    this.isAppDataLoaded = true\n  }\n\n  loadAppData = async () => {\n    try {\n      const appData = await this.api.getAppData()\n      this.setAppData(appData)\n    } catch (error) {\n      console.error('Error loading app data:', error)\n      this.globalStore.captureException(error, { store: 'AppDataStore' })\n    }\n  }\n\n  loadBanner = async () => {\n    try {\n      const userGuid = this.user?.guid ?? null\n      const banner = userGuid ? await this.bannerApi.getBanner(userGuid) : {}\n\n      runInAction(() => {\n        this.banner = banner\n      })\n    } catch (error) {\n      console.error('Error loading banner:', error)\n      this.globalStore.captureException(error, { store: 'AppDataStore' })\n    }\n  }\n\n  // Fire-and-forget click receipt for the deep-link banner path (see BannerApi).\n  markBannerClicked = async (guid: string) => {\n    try {\n      await this.bannerApi.markClicked(guid)\n    } catch (error) {\n      console.error('Error marking banner clicked:', error)\n      this.globalStore.captureException(error, { store: 'AppDataStore' })\n    }\n  }\n\n  setUser = (user: User) => (this.appData.user = user)\n\n  setUserCommunicationProfile = (profile: UserCommunicationProfile) =>\n    (this.appData.user_communication_profile = profile)\n\n  setUserProfile = (userProfile: UserProfile) => (this.appData.user_profile = userProfile)\n}\n"],"mappings":";;;AAcA,IAAa,IAAb,MAA0B;AAAA,EACxB;AAAA,EACA,MAAkB,IAAI,EAAW,KAAK,EAAE;AAAA,EACxC,YAAuB,IAAI,EAAU,GAAG;AAAA,EAExC,UAAmB,CAAC;AAAA,EACpB,kBAA2B;AAAA,EAC3B,SAAiB,CAAC;AAAA,EAElB,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,MAAM,IAAI,EAAW,EAAY,UAAU,EAAY,cAAc,EAAY,OAAO,GAE7F,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,YAAuB;AACzB,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,IAAI,6BAA6B;AAC/B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,uBAAuB;AACzB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,OAAO;AACT,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,2BAA2B;AAC7B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,aAAA,CAAc,MAAqB;AACjC,SAAK,UAAU,GACf,KAAK,YAAY,IAAI,EAAU,EAAQ,SAAS,YAAY,GAAG,GAC/D,KAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,cAAc,YAAY;AACxB,QAAI;AACF,YAAM,IAAU,MAAM,KAAK,IAAI,WAAW;AAC1C,WAAK,WAAW,CAAO;AAAA,IACzB,SAAS,GAAO;AACd,cAAQ,MAAM,2BAA2B,CAAK,GAC9C,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,eAAe,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,aAAa,YAAY;AACvB,QAAI;AACF,YAAM,IAAW,KAAK,MAAM,QAAQ,MAC9B,IAAS,IAAW,MAAM,KAAK,UAAU,UAAU,CAAQ,IAAI,CAAC;AAEtE,MAAA,EAAA,MAAkB;AAChB,aAAK,SAAS;AAAA,MAChB,CAAC;AAAA,IACH,SAAS,GAAO;AACd,cAAQ,MAAM,yBAAyB,CAAK,GAC5C,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,eAAe,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAGA,oBAAoB,OAAO,MAAiB;AAC1C,QAAI;AACF,YAAM,KAAK,UAAU,YAAY,CAAI;AAAA,IACvC,SAAS,GAAO;AACd,cAAQ,MAAM,iCAAiC,CAAK,GACpD,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,eAAe,CAAC;AAAA,IACpE;AAAA,EACF;AAAA,EAEA,UAAA,CAAW,MAAgB,KAAK,QAAQ,OAAO;AAAA,EAE/C,8BAAA,CAA+B,MAC5B,KAAK,QAAQ,6BAA6B;AAAA,EAE7C,iBAAA,CAAkB,MAA8B,KAAK,QAAQ,eAAe;AAC9E"}

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

@@ -27,8 +27,10 @@ export interface AppConfig {
     userFeatures: UserFeature[];
 }
 export interface Banner {
+    guid?: string;
     image_url?: string;
     redirect_url?: string;
+    deep_link_type?: number | null;
 }
 interface TransactionConfig {
     selected_account_guid?: string;

package/dist/core/types/localization/InsightsFeedCopy.d.ts

@@ -86,7 +86,7 @@ export interface DismissInsightCopy {
 export interface TransactionHistoryBlock {
     category_spend_drawer_title: string;
     monthly_spend_comparison_drawer_title: string;
-    savings_account_balances_summary_drawer_title: string;
+    account_balance_drawer_title: string;
     upcoming_bill_drawer_title: string;
     monthly_spend_to_income_drawer_title: string;
     monthly_debt_to_income_drawer_title: string;

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/layout.es.js

@@ -2,15 +2,15 @@ var e = {
   SAVE_ENOUGH_TO_LIVE_ON: "SaveEnoughToLiveOn",
   SAVE_AN_EXTRA_100: "SaveAnExtra100"
 }, t = {
-  save_enough_to_live_on: e.SAVE_ENOUGH_TO_LIVE_ON,
-  save_an_extra_100: e.SAVE_AN_EXTRA_100
-}, n = (_) => t[_ ?? ""] ?? e.SAVE_AN_EXTRA_100, E = (_, a) => {
+  save_enough: e.SAVE_ENOUGH_TO_LIVE_ON,
+  save_extra: e.SAVE_AN_EXTRA_100
+}, E = (_) => t[_ ?? ""] ?? e.SAVE_AN_EXTRA_100, n = (_, a) => {
   const r = a.insights_feed?.make_transfer;
-  return r ? n(_) === e.SAVE_ENOUGH_TO_LIVE_ON ? r.save_enough_title : r.save_extra_title : "";
+  return r ? E(_) === e.SAVE_ENOUGH_TO_LIVE_ON ? r.save_enough_title : r.save_extra_title : "";
 }, A = (_) => _ == null || _ === "" ? void 0 : Number(_);
 export {
-  E as getMakeTransferDrawerTitle,
-  n as resolveMakeTransferVariant,
+  n as getMakeTransferDrawerTitle,
+  E as resolveMakeTransferVariant,
   A as toNumber,
   e as variants
 };

package/dist/insights-v2/actionBlocks/MakeTransferActionBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/layout.ts"],"sourcesContent":["import type { GlobalCopy, MakeTransferCopy } from '../../../core'\nimport type { SaveExtraBlockData } from '../../../core/types/InsightsInstanceSlotData'\n\n/**\n * MakeTransfer drilldown variants. The block uses the VALUE (e.g. \"SaveAnExtra100\"),\n * which is also the key each variant registers under (see ./index).\n */\nexport const variants = {\n  SAVE_ENOUGH_TO_LIVE_ON: 'SaveEnoughToLiveOn',\n  SAVE_AN_EXTRA_100: 'SaveAnExtra100',\n} as const\n\nexport type MakeTransferVariant = (typeof variants)[keyof typeof variants]\n\n// The beat payload sends the variant as a snake_case key; map it to the value.\nconst VARIANT_BY_KEY: Record<string, MakeTransferVariant> = {\n  save_enough_to_live_on: variants.SAVE_ENOUGH_TO_LIVE_ON,\n  save_an_extra_100: variants.SAVE_AN_EXTRA_100,\n}\n\n/** Props shared by every MakeTransfer variant. Each variant reads the fields it\n *  needs directly off `slotData` — no per-variant key indirection. */\nexport interface MakeTransferVariantProps {\n  slotData?: SaveExtraBlockData\n  copy: MakeTransferCopy\n}\n\n/** Maps the payload variant key to the block's variant VALUE (defaults to save-extra). */\nexport const resolveMakeTransferVariant = (variant?: string | null): MakeTransferVariant =>\n  VARIANT_BY_KEY[variant ?? ''] ?? variants.SAVE_AN_EXTRA_100\n\n/** Variant-specific, localized drawer title from `insights_feed.make_transfer`. */\nexport const getMakeTransferDrawerTitle = (\n  variant: string | null | undefined,\n  copy: GlobalCopy,\n): string => {\n  const makeTransfer = copy.insights_feed?.make_transfer\n  if (!makeTransfer) return ''\n  return resolveMakeTransferVariant(variant) === variants.SAVE_ENOUGH_TO_LIVE_ON\n    ? makeTransfer.save_enough_title\n    : makeTransfer.save_extra_title\n}\n\n/** Coerce a payload figure (number or numeric string) to a number, else undefined. */\nexport const toNumber = (value?: string | number): number | undefined =>\n  value === undefined || value === null || value === '' ? undefined : Number(value)\n"],"mappings":"AAOA,IAAa,IAAW;AAAA,EACtB,wBAAwB;AAAA,EACxB,mBAAmB;AACrB,GAKM,IAAsD;AAAA,EAC1D,wBAAwB,EAAS;AAAA,EACjC,mBAAmB,EAAS;AAC9B,GAUa,IAAA,CAA8B,MACzC,EAAe,KAAW,EAAA,KAAO,EAAS,mBAG/B,IAAA,CACX,GACA,MACW;AACX,QAAM,IAAe,EAAK,eAAe;AACzC,SAAK,IACE,EAA2B,CAAO,MAAM,EAAS,yBACpD,EAAa,oBACb,EAAa,mBAHS;AAI5B,GAGa,IAAA,CAAY,MACA,KAAU,QAAQ,MAAU,KAAK,SAAY,OAAO,CAAK"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/MakeTransferActionBlock/layout.ts"],"sourcesContent":["import type { GlobalCopy, MakeTransferCopy } from '../../../core'\nimport type { SaveExtraBlockData } from '../../../core/types/InsightsInstanceSlotData'\n\n/**\n * MakeTransfer drilldown variants. The block uses the VALUE (e.g. \"SaveAnExtra100\"),\n * which is also the key each variant registers under (see ./index).\n */\nexport const variants = {\n  SAVE_ENOUGH_TO_LIVE_ON: 'SaveEnoughToLiveOn',\n  SAVE_AN_EXTRA_100: 'SaveAnExtra100',\n} as const\n\nexport type MakeTransferVariant = (typeof variants)[keyof typeof variants]\n\n// The beat payload sends the variant as a snake_case key; map it to the value. The keys are\n// behavior-named (aligning with the `save_enough_title` / `save_extra_title` copy), not beat-named.\nconst VARIANT_BY_KEY: Record<string, MakeTransferVariant> = {\n  save_enough: variants.SAVE_ENOUGH_TO_LIVE_ON,\n  save_extra: variants.SAVE_AN_EXTRA_100,\n}\n\n/** Props shared by every MakeTransfer variant. Each variant reads the fields it\n *  needs directly off `slotData` — no per-variant key indirection. */\nexport interface MakeTransferVariantProps {\n  slotData?: SaveExtraBlockData\n  copy: MakeTransferCopy\n}\n\n/** Maps the payload variant key to the block's variant VALUE (defaults to save-extra). */\nexport const resolveMakeTransferVariant = (variant?: string | null): MakeTransferVariant =>\n  VARIANT_BY_KEY[variant ?? ''] ?? variants.SAVE_AN_EXTRA_100\n\n/** Variant-specific, localized drawer title from `insights_feed.make_transfer`. */\nexport const getMakeTransferDrawerTitle = (\n  variant: string | null | undefined,\n  copy: GlobalCopy,\n): string => {\n  const makeTransfer = copy.insights_feed?.make_transfer\n  if (!makeTransfer) return ''\n  return resolveMakeTransferVariant(variant) === variants.SAVE_ENOUGH_TO_LIVE_ON\n    ? makeTransfer.save_enough_title\n    : makeTransfer.save_extra_title\n}\n\n/** Coerce a payload figure (number or numeric string) to a number, else undefined. */\nexport const toNumber = (value?: string | number): number | undefined =>\n  value === undefined || value === null || value === '' ? undefined : Number(value)\n"],"mappings":"AAOA,IAAa,IAAW;AAAA,EACtB,wBAAwB;AAAA,EACxB,mBAAmB;AACrB,GAMM,IAAsD;AAAA,EAC1D,aAAa,EAAS;AAAA,EACtB,YAAY,EAAS;AACvB,GAUa,IAAA,CAA8B,MACzC,EAAe,KAAW,EAAA,KAAO,EAAS,mBAG/B,IAAA,CACX,GACA,MACW;AACX,QAAM,IAAe,EAAK,eAAe;AACzC,SAAK,IACE,EAA2B,CAAO,MAAM,EAAS,yBACpD,EAAa,oBACb,EAAa,mBAHS;AAI5B,GAGa,IAAA,CAAY,MACA,KAAU,QAAQ,MAAU,KAAK,SAAY,OAAO,CAAK"}

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/layout.d.ts

@@ -17,10 +17,10 @@ export interface DrillDownHeaderContext {
     selectedDate?: string | Date;
 }
 export declare const DRILLDOWN_VARIANTS: {
-    readonly TRANSACTION: "bill_amount_not_standard";
+    readonly TRANSACTION: "not_standard_amount";
     readonly CATEGORY_SPEND: "category_spend";
     readonly MONTHLY_SPEND: "monthly_spend_comparison";
-    readonly ACCOUNT_BALANCE: "savings_account_balances_summary";
+    readonly ACCOUNT_BALANCE: "account_balance";
     readonly UPCOMING_BILL: "upcoming_bill";
     readonly SPEND_TO_INCOME: "monthly_spend_to_income";
     readonly SAVINGS_TO_INCOME: "monthly_savings_to_income";

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/layout.es.js

@@ -1,15 +1,15 @@
-import { buildDynamicCopy as u } from "../../../core/utils/Localization.es.js";
-import { DATE_FORMATS_INTL as p, formatDate as y } from "../../../core/constants/DateFormats.es.js";
-import { getCategoryColor as N } from "../../../core/utils/CategoryUtil.es.js";
+import { buildDynamicCopy as p } from "../../../core/utils/Localization.es.js";
+import { DATE_FORMATS_INTL as u, formatDate as N } from "../../../core/constants/DateFormats.es.js";
+import { getCategoryColor as y } from "../../../core/utils/CategoryUtil.es.js";
 import { MerchantLogo as S } from "@mxenabled/mxui";
 import { Icon as O } from "@mxenabled/mx-icons";
 import { jsx as c } from "react/jsx-runtime";
 import { endOfMonth as T, startOfMonth as f } from "date-fns";
 var i = {
-  TRANSACTION: "bill_amount_not_standard",
+  TRANSACTION: "not_standard_amount",
   CATEGORY_SPEND: "category_spend",
   MONTHLY_SPEND: "monthly_spend_comparison",
-  ACCOUNT_BALANCE: "savings_account_balances_summary",
+  ACCOUNT_BALANCE: "account_balance",
   UPCOMING_BILL: "upcoming_bill",
   SPEND_TO_INCOME: "monthly_spend_to_income",
   SAVINGS_TO_INCOME: "monthly_savings_to_income",
@@ -17,34 +17,34 @@ var i = {
   COST_OF_LIVING: "cost_living_to_income",
   NON_ESSENTIAL_CATEGORY: "non_essential_category_summary",
   DEPOSIT_SUMMARY: "monthly_deposit_summary"
-}, _ = (e, t) => t && N(t, e) || e.palette.primary.main, l = (e) => ({
+}, _ = (e, t) => t && y(t, e) || e.palette.primary.main, l = (e) => ({
   start: f(new Date(e ?? NaN)),
   end: T(new Date(e ?? NaN))
 }), d = (e) => e?.length ? { accounts: e } : {}, g = ({ beatTransactions: e, dataSeries: t, selectedIndex: o }) => {
-  const r = t[o], a = r?.guid, s = e.find((n) => n.guid === a)?.has_been_split;
+  const r = t[o], a = r?.guid, n = e.find((s) => s.guid === a)?.has_been_split;
   return {
-    custom: (n) => n.guid === a,
+    custom: (s) => s.guid === a,
     dateRange: l(r?.date),
-    showSplits: !s
+    showSplits: !n
   };
 }, C = ({ dataSeries: e, selectedIndex: t, instanceSlotData: o }) => {
   const r = e[t], a = o.category_guid ?? r?.guid;
   return {
-    custom: (s) => s.category_guid === a || s.top_level_category_guid === a,
+    custom: (n) => n.category_guid === a || n.top_level_category_guid === a,
     dateRange: l(r?.date)
   };
 }, I = ({ dataSeries: e, selectedIndex: t, spendCategoryGuids: o, instanceSlotData: r }) => {
   const a = e[t];
   return {
-    custom: (s) => !!s.top_level_category_guid && o.includes(s.top_level_category_guid),
+    custom: (n) => !!n.top_level_category_guid && o.includes(n.top_level_category_guid),
     dateRange: l(a?.date),
     ...d(r.account_guids)
   };
 }, h = ({ beat: e, dataSeries: t, selectedIndex: o, isLastTab: r, instanceSlotData: a }) => {
-  const s = t[o], { start: n, end: m } = l(s?.date);
+  const n = t[o], { start: s, end: m } = l(n?.date);
   return {
     dateRange: {
-      start: n,
+      start: s,
       end: r && e.created_at ? new Date(e.created_at) : m
     },
     ...d(a.account_guids)
@@ -70,7 +70,7 @@ var i = {
       };
     },
     tipSection: (e, t, o = "") => ({
-      message: u(t.general.tip_section_message, /* @__PURE__ */ c("strong", { children: t.general.tip_section_title }), /* @__PURE__ */ c("strong", { children: o })),
+      message: p(t.general.tip_section_message, /* @__PURE__ */ c("strong", { children: t.general.tip_section_title }), /* @__PURE__ */ c("strong", { children: o })),
       onDismiss: () => e(!0)
     })
   },
@@ -82,7 +82,7 @@ var i = {
     colors: (e, t) => [_(e, t)],
     header: (e) => ({
       heading: e.categoryName,
-      subHeadingText: e.selectedDate && y(e.selectedDate, p.MONTH_LONG) || "",
+      subHeadingText: e.selectedDate && N(e.selectedDate, u.MONTH_LONG) || "",
       icon: /* @__PURE__ */ c(O, {
         name: "calendar_month",
         size: 16

package/dist/insights-v2/actionBlocks/TransactionHistoryBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { Theme } from '@mui/material/styles'\nimport { endOfMonth, startOfMonth } from 'date-fns'\nimport { getCategoryColor } from '../../../core/utils/CategoryUtil'\nimport {\n  type Beat,\n  type InsightsFeedCopy,\n  type Subtitle,\n  type Transaction,\n  buildDynamicCopy,\n} from '../../../core'\nimport type { TransactionFilter } from '../../../core/stores/TransactionStore'\nimport type { InsightsInstanceSlotData } from '../../../core/types/InsightsInstanceSlotData'\nimport { MerchantLogo } from '@mxenabled/mxui'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Icon } from '@mxenabled/mx-icons'\nimport type { ChartDataSeriesItem } from '../../blocks/ChartBlocks/BarchartBlock/utils'\nimport type { TipSectionProps } from '../../../insights/components/shared/ChartDrawerTemplate/TipSection'\n\nexport interface DrillDownHeader {\n  heading?: string\n  subHeadingText?: string\n  icon?: ReactNode\n}\n\nexport interface DrillDownHeaderContext {\n  title?: string\n  subHeader?: Subtitle\n  categoryName: string\n  selectedDate?: string | Date\n}\n\nexport const DRILLDOWN_VARIANTS = {\n  TRANSACTION: 'bill_amount_not_standard',\n  CATEGORY_SPEND: 'category_spend',\n  MONTHLY_SPEND: 'monthly_spend_comparison',\n  ACCOUNT_BALANCE: 'savings_account_balances_summary',\n  UPCOMING_BILL: 'upcoming_bill',\n  SPEND_TO_INCOME: 'monthly_spend_to_income',\n  SAVINGS_TO_INCOME: 'monthly_savings_to_income',\n  DEBT_TO_INCOME: 'monthly_debt_to_income',\n  COST_OF_LIVING: 'cost_living_to_income',\n  NON_ESSENTIAL_CATEGORY: 'non_essential_category_summary',\n  DEPOSIT_SUMMARY: 'monthly_deposit_summary',\n} as const\n\nexport type DrillDownVariant = (typeof DRILLDOWN_VARIANTS)[keyof typeof DRILLDOWN_VARIANTS]\n\n/**\n * One row of the flattened data_series a filterStrategy indexes into: a single-bar monthly total or a\n * synthesized upcoming-bill bar. Fields are optional because the backend keys each row dynamically\n * from data_series.names and not every variant carries a guid/category. Double-bar comparison rows\n * will extend this in the next MR.\n */\n\n// Resolves the top-chart palette from the theme (and the beat's category, when relevant).\nexport type ColorKind = (theme: Theme, categoryGuid?: string) => string[]\n\n// Resolves the dynamic drawer header (heading/sub-heading/icon JSX) from the selection context.\nexport type HeaderKind = (ctx: DrillDownHeaderContext) => DrillDownHeader\n\n/**\n * Everything a filterStrategy needs to turn the currently-selected bar/sub-tab into a\n * TransactionFilter. Data-only so strategies stay pure and testable.\n */\nexport interface FilterContext {\n  beat: Beat\n  beatTransactions: Transaction[]\n  dataSeries: ChartDataSeriesItem[]\n  selectedIndex: number\n  subIndex: number\n  isLastTab: boolean\n  instanceSlotData: InsightsInstanceSlotData\n  spendCategoryGuids: string[]\n  displayedDateRange: { start: Date; end: Date }\n}\n\n// Resolves the current selection into a TransactionFilter. Carried on each config row so behavior\n// lives next to the variant it belongs to (no separate strategy registry to chase).\nexport type FilterStrategy = (ctx: FilterContext) => TransactionFilter\n\nexport interface DrillDownVariantConfig {\n  top: 'singleBar' | 'upcomingBill' | 'doubleBar' | 'tabsOnly'\n  filterStrategy: FilterStrategy\n  colors: ColorKind\n  header?: HeaderKind\n  tipSection?: (\n    setCloseTipSection: (flag: boolean) => void,\n    copy: InsightsFeedCopy,\n    merchantName?: string,\n  ) => TipSectionProps\n  scope: 'store' | 'beat'\n  filterMode: 'store' | 'local'\n}\nconst categoryColor = (theme: Theme, categoryGuid?: string): string =>\n  (categoryGuid && getCategoryColor(categoryGuid, theme)) || theme.palette.primary.main\n\nconst monthRange = (date: string | number | Date | undefined) => ({\n  start: startOfMonth(new Date(date ?? NaN)),\n  end: endOfMonth(new Date(date ?? NaN)),\n})\n\n// Scopes a filter to the beat's accounts when the beat carries account_guids; otherwise leaves\n// accounts unset so the store default (all accounts) applies.\nconst accountScope = (accountGuids?: string[]): Pick<TransactionFilter, 'accounts'> =>\n  accountGuids?.length ? { accounts: accountGuids } : {}\n\n// ── Single-bar filter strategies (this MR) ────────────────────────────────────────────────────\n\n// BillAmountNotStandard / UpcomingBill — the series carries a transaction (TRN) guid; match a single\n// transaction by guid within its month.\nconst transactionGuidStrategy: FilterStrategy = ({\n  beatTransactions,\n  dataSeries,\n  selectedIndex,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const seriesGuid = seriesItem?.guid\n  const hasBeenSplit = beatTransactions.find((trn) => trn.guid === seriesGuid)?.has_been_split\n\n  return {\n    custom: (trn) => trn.guid === seriesGuid,\n    dateRange: monthRange(seriesItem?.date),\n    showSplits: !hasBeenSplit,\n  }\n}\n\n// CategorySpendingV2 — match transactions in the beat's category (or whose top-level category is that\n// guid) within the month.\nconst categoryStrategy: FilterStrategy = ({ dataSeries, selectedIndex, instanceSlotData }) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const categoryGuid = instanceSlotData.category_guid ?? seriesItem?.guid\n\n  return {\n    custom: (trn) =>\n      trn.category_guid === categoryGuid || trn.top_level_category_guid === categoryGuid,\n    dateRange: monthRange(seriesItem?.date),\n  }\n}\n\n// MonthlySpendComparisonV2 — no per-bar guid; show all spending-category transactions\n// (income/transfers/investments excluded via spendCategoryGuids) within the month.\nconst spendCategoriesStrategy: FilterStrategy = ({\n  dataSeries,\n  selectedIndex,\n  spendCategoryGuids,\n  instanceSlotData,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n\n  return {\n    custom: (trn) =>\n      !!trn.top_level_category_guid && spendCategoryGuids.includes(trn.top_level_category_guid),\n    dateRange: monthRange(seriesItem?.date),\n    ...accountScope(instanceSlotData.account_guids),\n  }\n}\n\n// SavingsAccountBalancesSummary — balances, not categorized spend. Filter by month only; the most\n// recent month is capped at the beat's creation time to match the snapshot the balance was computed\n// from.\nconst accountDateStrategy: FilterStrategy = ({\n  beat,\n  dataSeries,\n  selectedIndex,\n  isLastTab,\n  instanceSlotData,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const { start, end } = monthRange(seriesItem?.date)\n\n  return {\n    dateRange: {\n      start,\n      end: isLastTab && beat.created_at ? new Date(beat.created_at) : end,\n    },\n    ...accountScope(instanceSlotData.account_guids),\n  }\n}\n\n// ── Double-bar + tabsOnly strategies (NEXT MR) ───────────────────────────────────────────────────\n// TODO(next MR — double bar): comparisonAggregatedGuidsStrategy — month × sub-tab membership over the\n// comparison bars' precomputed subGuids. Needs comparisonBars in FilterContext.\n// TODO(next MR — tabsOnly): aggregatedGuids / depositSummary strategies for the donut-drawer beats.\n\nexport const layout: Partial<Record<DrillDownVariant, DrillDownVariantConfig>> = {\n  [DRILLDOWN_VARIANTS.TRANSACTION]: {\n    top: 'singleBar',\n    scope: 'store',\n    filterMode: 'store',\n    filterStrategy: transactionGuidStrategy,\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n    header: (ctx: DrillDownHeaderContext) => {\n      const { title, subHeader } = ctx\n      return {\n        heading: title,\n        subHeadingText: subHeader?.text || undefined,\n        icon: (\n          <MerchantLogo\n            alt={subHeader?.text}\n            categoryGuid={subHeader?.logo?.category_guid || ''}\n            merchantGuid={subHeader?.logo?.merchant_guid || ''}\n            size={16}\n          />\n        ),\n      }\n    },\n    tipSection: (setCloseTipSection, copy, merchantName = '') => {\n      return {\n        message: buildDynamicCopy(\n          copy.general.tip_section_message,\n          <strong>{copy.general.tip_section_title}</strong>,\n          <strong>{merchantName}</strong>,\n        ),\n        onDismiss: () => setCloseTipSection(true),\n      } as TipSectionProps\n    },\n  },\n  [DRILLDOWN_VARIANTS.CATEGORY_SPEND]: {\n    top: 'singleBar',\n    filterStrategy: categoryStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n    header: (ctx: DrillDownHeaderContext) => {\n      return {\n        heading: ctx.categoryName,\n        subHeadingText: ctx.selectedDate\n          ? formatDate(ctx.selectedDate, DATE_FORMATS_INTL.MONTH_LONG) || ''\n          : '',\n        icon: <Icon name=\"calendar_month\" size={16} />,\n      }\n    },\n  },\n  [DRILLDOWN_VARIANTS.MONTHLY_SPEND]: {\n    top: 'singleBar',\n    filterStrategy: spendCategoriesStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme) => [theme.palette.chart.chart2 ?? theme.palette.primary.main],\n  },\n  [DRILLDOWN_VARIANTS.ACCOUNT_BALANCE]: {\n    top: 'singleBar',\n    filterStrategy: accountDateStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme) => [theme.palette.success.main],\n  },\n  [DRILLDOWN_VARIANTS.UPCOMING_BILL]: {\n    top: 'upcomingBill',\n    filterStrategy: transactionGuidStrategy,\n    scope: 'beat',\n    filterMode: 'local',\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n  },\n\n  // ── NEXT MR: double-bar comparison beats (month tabs + spend/income sub-tabs) ────────────────\n  // [DRILLDOWN_VARIANTS.SPEND_TO_INCOME]:   comparison('spendVsIncome'),\n  // [DRILLDOWN_VARIANTS.SAVINGS_TO_INCOME]: comparison('savingsVsIncome'),\n  // [DRILLDOWN_VARIANTS.DEBT_TO_INCOME]:    comparison('debtVsIncome'),\n  // [DRILLDOWN_VARIANTS.COST_OF_LIVING]:    comparison('costOfLiving'),\n  //\n  // ── NEXT MR: tabsOnly donut-drawer beats (no top chart) ───────────────────────────────────\n  // [DRILLDOWN_VARIANTS.NON_ESSENTIAL_CATEGORY]: { top: 'tabsOnly', ... },\n  // [DRILLDOWN_VARIANTS.DEPOSIT_SUMMARY]:        { top: 'tabsOnly', ... },\n}\n\n// Fallback for a missing/typo'd backend variant: a single-bar, store-scoped drawer filtered by the\n// beat's transaction guid and colored by category, so the drawer still renders instead of crashing.\nexport const FALLBACK: DrillDownVariantConfig = {\n  top: 'singleBar',\n  filterStrategy: transactionGuidStrategy,\n  scope: 'store',\n  filterMode: 'store',\n  colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n}\n"],"mappings":"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"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/TransactionHistoryBlock/layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { Theme } from '@mui/material/styles'\nimport { endOfMonth, startOfMonth } from 'date-fns'\nimport { getCategoryColor } from '../../../core/utils/CategoryUtil'\nimport {\n  type Beat,\n  type InsightsFeedCopy,\n  type Subtitle,\n  type Transaction,\n  buildDynamicCopy,\n} from '../../../core'\nimport type { TransactionFilter } from '../../../core/stores/TransactionStore'\nimport type { InsightsInstanceSlotData } from '../../../core/types/InsightsInstanceSlotData'\nimport { MerchantLogo } from '@mxenabled/mxui'\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { Icon } from '@mxenabled/mx-icons'\nimport type { ChartDataSeriesItem } from '../../blocks/ChartBlocks/BarchartBlock/utils'\nimport type { TipSectionProps } from '../../../insights/components/shared/ChartDrawerTemplate/TipSection'\n\nexport interface DrillDownHeader {\n  heading?: string\n  subHeadingText?: string\n  icon?: ReactNode\n}\n\nexport interface DrillDownHeaderContext {\n  title?: string\n  subHeader?: Subtitle\n  categoryName: string\n  selectedDate?: string | Date\n}\n\nexport const DRILLDOWN_VARIANTS = {\n  TRANSACTION: 'not_standard_amount',\n  CATEGORY_SPEND: 'category_spend',\n  MONTHLY_SPEND: 'monthly_spend_comparison',\n  ACCOUNT_BALANCE: 'account_balance',\n  UPCOMING_BILL: 'upcoming_bill',\n  SPEND_TO_INCOME: 'monthly_spend_to_income',\n  SAVINGS_TO_INCOME: 'monthly_savings_to_income',\n  DEBT_TO_INCOME: 'monthly_debt_to_income',\n  COST_OF_LIVING: 'cost_living_to_income',\n  NON_ESSENTIAL_CATEGORY: 'non_essential_category_summary',\n  DEPOSIT_SUMMARY: 'monthly_deposit_summary',\n} as const\n\nexport type DrillDownVariant = (typeof DRILLDOWN_VARIANTS)[keyof typeof DRILLDOWN_VARIANTS]\n\n/**\n * One row of the flattened data_series a filterStrategy indexes into: a single-bar monthly total or a\n * synthesized upcoming-bill bar. Fields are optional because the backend keys each row dynamically\n * from data_series.names and not every variant carries a guid/category. Double-bar comparison rows\n * will extend this in the next MR.\n */\n\n// Resolves the top-chart palette from the theme (and the beat's category, when relevant).\nexport type ColorKind = (theme: Theme, categoryGuid?: string) => string[]\n\n// Resolves the dynamic drawer header (heading/sub-heading/icon JSX) from the selection context.\nexport type HeaderKind = (ctx: DrillDownHeaderContext) => DrillDownHeader\n\n/**\n * Everything a filterStrategy needs to turn the currently-selected bar/sub-tab into a\n * TransactionFilter. Data-only so strategies stay pure and testable.\n */\nexport interface FilterContext {\n  beat: Beat\n  beatTransactions: Transaction[]\n  dataSeries: ChartDataSeriesItem[]\n  selectedIndex: number\n  subIndex: number\n  isLastTab: boolean\n  instanceSlotData: InsightsInstanceSlotData\n  spendCategoryGuids: string[]\n  displayedDateRange: { start: Date; end: Date }\n}\n\n// Resolves the current selection into a TransactionFilter. Carried on each config row so behavior\n// lives next to the variant it belongs to (no separate strategy registry to chase).\nexport type FilterStrategy = (ctx: FilterContext) => TransactionFilter\n\nexport interface DrillDownVariantConfig {\n  top: 'singleBar' | 'upcomingBill' | 'doubleBar' | 'tabsOnly'\n  filterStrategy: FilterStrategy\n  colors: ColorKind\n  header?: HeaderKind\n  tipSection?: (\n    setCloseTipSection: (flag: boolean) => void,\n    copy: InsightsFeedCopy,\n    merchantName?: string,\n  ) => TipSectionProps\n  scope: 'store' | 'beat'\n  filterMode: 'store' | 'local'\n}\nconst categoryColor = (theme: Theme, categoryGuid?: string): string =>\n  (categoryGuid && getCategoryColor(categoryGuid, theme)) || theme.palette.primary.main\n\nconst monthRange = (date: string | number | Date | undefined) => ({\n  start: startOfMonth(new Date(date ?? NaN)),\n  end: endOfMonth(new Date(date ?? NaN)),\n})\n\n// Scopes a filter to the beat's accounts when the beat carries account_guids; otherwise leaves\n// accounts unset so the store default (all accounts) applies.\nconst accountScope = (accountGuids?: string[]): Pick<TransactionFilter, 'accounts'> =>\n  accountGuids?.length ? { accounts: accountGuids } : {}\n\n// ── Single-bar filter strategies (this MR) ────────────────────────────────────────────────────\n\n// BillAmountNotStandard / UpcomingBill — the series carries a transaction (TRN) guid; match a single\n// transaction by guid within its month.\nconst transactionGuidStrategy: FilterStrategy = ({\n  beatTransactions,\n  dataSeries,\n  selectedIndex,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const seriesGuid = seriesItem?.guid\n  const hasBeenSplit = beatTransactions.find((trn) => trn.guid === seriesGuid)?.has_been_split\n\n  return {\n    custom: (trn) => trn.guid === seriesGuid,\n    dateRange: monthRange(seriesItem?.date),\n    showSplits: !hasBeenSplit,\n  }\n}\n\n// CategorySpendingV2 — match transactions in the beat's category (or whose top-level category is that\n// guid) within the month.\nconst categoryStrategy: FilterStrategy = ({ dataSeries, selectedIndex, instanceSlotData }) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const categoryGuid = instanceSlotData.category_guid ?? seriesItem?.guid\n\n  return {\n    custom: (trn) =>\n      trn.category_guid === categoryGuid || trn.top_level_category_guid === categoryGuid,\n    dateRange: monthRange(seriesItem?.date),\n  }\n}\n\n// MonthlySpendComparisonV2 — no per-bar guid; show all spending-category transactions\n// (income/transfers/investments excluded via spendCategoryGuids) within the month.\nconst spendCategoriesStrategy: FilterStrategy = ({\n  dataSeries,\n  selectedIndex,\n  spendCategoryGuids,\n  instanceSlotData,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n\n  return {\n    custom: (trn) =>\n      !!trn.top_level_category_guid && spendCategoryGuids.includes(trn.top_level_category_guid),\n    dateRange: monthRange(seriesItem?.date),\n    ...accountScope(instanceSlotData.account_guids),\n  }\n}\n\n// SavingsAccountBalancesSummary — balances, not categorized spend. Filter by month only; the most\n// recent month is capped at the beat's creation time to match the snapshot the balance was computed\n// from.\nconst accountDateStrategy: FilterStrategy = ({\n  beat,\n  dataSeries,\n  selectedIndex,\n  isLastTab,\n  instanceSlotData,\n}) => {\n  const seriesItem = dataSeries[selectedIndex]\n  const { start, end } = monthRange(seriesItem?.date)\n\n  return {\n    dateRange: {\n      start,\n      end: isLastTab && beat.created_at ? new Date(beat.created_at) : end,\n    },\n    ...accountScope(instanceSlotData.account_guids),\n  }\n}\n\n// ── Double-bar + tabsOnly strategies (NEXT MR) ───────────────────────────────────────────────────\n// TODO(next MR — double bar): comparisonAggregatedGuidsStrategy — month × sub-tab membership over the\n// comparison bars' precomputed subGuids. Needs comparisonBars in FilterContext.\n// TODO(next MR — tabsOnly): aggregatedGuids / depositSummary strategies for the donut-drawer beats.\n\nexport const layout: Partial<Record<DrillDownVariant, DrillDownVariantConfig>> = {\n  [DRILLDOWN_VARIANTS.TRANSACTION]: {\n    top: 'singleBar',\n    scope: 'store',\n    filterMode: 'store',\n    filterStrategy: transactionGuidStrategy,\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n    header: (ctx: DrillDownHeaderContext) => {\n      const { title, subHeader } = ctx\n      return {\n        heading: title,\n        subHeadingText: subHeader?.text || undefined,\n        icon: (\n          <MerchantLogo\n            alt={subHeader?.text}\n            categoryGuid={subHeader?.logo?.category_guid || ''}\n            merchantGuid={subHeader?.logo?.merchant_guid || ''}\n            size={16}\n          />\n        ),\n      }\n    },\n    tipSection: (setCloseTipSection, copy, merchantName = '') => {\n      return {\n        message: buildDynamicCopy(\n          copy.general.tip_section_message,\n          <strong>{copy.general.tip_section_title}</strong>,\n          <strong>{merchantName}</strong>,\n        ),\n        onDismiss: () => setCloseTipSection(true),\n      } as TipSectionProps\n    },\n  },\n  [DRILLDOWN_VARIANTS.CATEGORY_SPEND]: {\n    top: 'singleBar',\n    filterStrategy: categoryStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n    header: (ctx: DrillDownHeaderContext) => {\n      return {\n        heading: ctx.categoryName,\n        subHeadingText: ctx.selectedDate\n          ? formatDate(ctx.selectedDate, DATE_FORMATS_INTL.MONTH_LONG) || ''\n          : '',\n        icon: <Icon name=\"calendar_month\" size={16} />,\n      }\n    },\n  },\n  [DRILLDOWN_VARIANTS.MONTHLY_SPEND]: {\n    top: 'singleBar',\n    filterStrategy: spendCategoriesStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme) => [theme.palette.chart.chart2 ?? theme.palette.primary.main],\n  },\n  [DRILLDOWN_VARIANTS.ACCOUNT_BALANCE]: {\n    top: 'singleBar',\n    filterStrategy: accountDateStrategy,\n    scope: 'store',\n    filterMode: 'store',\n    colors: (theme: Theme) => [theme.palette.success.main],\n  },\n  [DRILLDOWN_VARIANTS.UPCOMING_BILL]: {\n    top: 'upcomingBill',\n    filterStrategy: transactionGuidStrategy,\n    scope: 'beat',\n    filterMode: 'local',\n    colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n  },\n\n  // ── NEXT MR: double-bar comparison beats (month tabs + spend/income sub-tabs) ────────────────\n  // [DRILLDOWN_VARIANTS.SPEND_TO_INCOME]:   comparison('spendVsIncome'),\n  // [DRILLDOWN_VARIANTS.SAVINGS_TO_INCOME]: comparison('savingsVsIncome'),\n  // [DRILLDOWN_VARIANTS.DEBT_TO_INCOME]:    comparison('debtVsIncome'),\n  // [DRILLDOWN_VARIANTS.COST_OF_LIVING]:    comparison('costOfLiving'),\n  //\n  // ── NEXT MR: tabsOnly donut-drawer beats (no top chart) ───────────────────────────────────\n  // [DRILLDOWN_VARIANTS.NON_ESSENTIAL_CATEGORY]: { top: 'tabsOnly', ... },\n  // [DRILLDOWN_VARIANTS.DEPOSIT_SUMMARY]:        { top: 'tabsOnly', ... },\n}\n\n// Fallback for a missing/typo'd backend variant: a single-bar, store-scoped drawer filtered by the\n// beat's transaction guid and colored by category, so the drawer still renders instead of crashing.\nexport const FALLBACK: DrillDownVariantConfig = {\n  top: 'singleBar',\n  filterStrategy: transactionGuidStrategy,\n  scope: 'store',\n  filterMode: 'store',\n  colors: (theme: Theme, categoryGuid?: string) => [categoryColor(theme, categoryGuid)],\n}\n"],"mappings":"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"}

package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '@mui/material/styles';
 export declare const getLayoutConfig: (theme: Theme) => {
-    savings_account_balances_summary: {
+    account_balance: {
         color: string;
     };
     monthly_spend_comparison: {

package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.es.js

@@ -1,5 +1,5 @@
 var o = (a) => ({
-  savings_account_balances_summary: { color: a.palette.success.main },
+  account_balance: { color: a.palette.success.main },
   monthly_spend_comparison: { color: a.palette.chart.chart2 }
 });
 export {

package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nexport const getLayoutConfig = (theme: Theme) => {\n  return {\n    savings_account_balances_summary: {\n      color: theme.palette.success.main,\n    },\n    monthly_spend_comparison: {\n      color: theme.palette.chart.chart2,\n    },\n  }\n}\n"],"mappings":"AACA,IAAa,IAAA,CAAmB,OACvB;AAAA,EACL,kCAAkC,EAChC,OAAO,EAAM,QAAQ,QAAQ,KAC/B;AAAA,EACA,0BAA0B,EACxB,OAAO,EAAM,QAAQ,MAAM,OAC7B;AACF"}
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../../src/insights-v2/blocks/ChartBlocks/BarchartBlock/layout.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles'\nexport const getLayoutConfig = (theme: Theme) => {\n  return {\n    account_balance: {\n      color: theme.palette.success.main,\n    },\n    monthly_spend_comparison: {\n      color: theme.palette.chart.chart2,\n    },\n  }\n}\n"],"mappings":"AACA,IAAa,IAAA,CAAmB,OACvB;AAAA,EACL,iBAAiB,EACf,OAAO,EAAM,QAAQ,QAAQ,KAC/B;AAAA,EACA,0BAA0B,EACxB,OAAO,EAAM,QAAQ,MAAM,OAC7B;AACF"}

package/dist/insights-v2/blocks/ChartBlocks/BarchartBlock/utils.d.ts

@@ -4,7 +4,7 @@ import { DataSeries, InstanceSlot } from '../../../../core';
 import { InsightsInstanceSlotData } from '../../../../core/types/InsightsInstanceSlotData';
 export declare const BAR_CHART_VARIANTS: {
     CATEGORY_COLOR: string;
-    SAVINGS_ACCOUNT_BALANCES_SUMMARY: string;
+    ACCOUNT_BALANCE: string;
     MONTHLY_SPEND_COMPARISON: string;
 };
 export interface ChartDataSeriesItem {