@mx-cartographer/experiences 9.6.10 → 9.6.12

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsStore.es.js","names":[],"sources":["../../../src/core/stores/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { AlertProps } from '@mui/material'\n\nimport {\n  AccountNotificationTypes,\n  BudgetNotificationTypes,\n  InsightNotificationTypes,\n} from '../types'\n\nimport type {\n  DetailedNotificationProfile,\n  Device,\n  NotificationProfile,\n  SettingsCopy,\n  TransactionRule,\n  User,\n  UserCommunicationProfile,\n} from '../types'\n\nimport { SettingsApi, TransactionApi } from '../api'\nimport { augmentNotificationProfiles } from '../utils/SettingsUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\ninterface SettingsAlertProps {\n  message: string\n  severity: AlertProps['severity']\n}\n\nexport class SettingsStore {\n  globalStore: GlobalStore\n  api: SettingsApi = new SettingsApi('/', '')\n  transactionApi: TransactionApi = new TransactionApi('/', '')\n\n  alert: SettingsAlertProps = { message: '', severity: undefined }\n  devices: Device[] = []\n  notificationProfiles: NotificationProfile[] = []\n  selectedRule: TransactionRule | undefined = undefined\n  transactionRules: TransactionRule[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new SettingsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n    this.transactionApi = new TransactionApi(\n      globalStore.endpoint,\n      globalStore.sessionToken,\n      globalStore.onError,\n    )\n\n    makeAutoObservable(this)\n  }\n\n  get accountProfiles() {\n    const ccp = this.globalStore.appDataStore.clientCommunicationProfile\n\n    // TODO: There has to be a better way to do this, but for now, it works\n    return this.detailedNotificationProfiles.filter(\n      (np) =>\n        (np.notification_type === AccountNotificationTypes.DebtPaymentReminder &&\n          ccp.debt_payment_reminder_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountBalanceLow &&\n          ccp.low_balance_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountDepositLarge &&\n          ccp.large_deposit_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.TransactionExpenseLarge &&\n          ccp.large_expense_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.TransactionFeeCharge &&\n          ccp.transaction_fee_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.InternationalTransaction &&\n          ccp.transaction_is_international_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountDepositLargePosted &&\n          ccp.large_deposit_posted_notifications_enabled),\n    )\n  }\n\n  get budgetProfiles() {\n    const ccp = this.globalStore.appDataStore.clientCommunicationProfile\n\n    // TODO: There has to be a better way to do this, but for now, it works\n    return this.detailedNotificationProfiles.filter(\n      (np) =>\n        (np.notification_type === BudgetNotificationTypes.BudgetExceeded &&\n          ccp.budget_exceeded_notifications_enabled) ||\n        (np.notification_type === BudgetNotificationTypes.BudgetOffTarget &&\n          ccp.budget_off_target_notifications_enabled),\n    )\n  }\n\n  get insightsProfiles() {\n    return this.detailedNotificationProfiles.filter((np) =>\n      Object.values(InsightNotificationTypes).includes(np.notification_type),\n    )\n  }\n\n  get clientCommunicationProfile() {\n    return this.globalStore.appDataStore.clientCommunicationProfile\n  }\n\n  get copy(): SettingsCopy {\n    return this.globalStore.copyStore.copy.settings\n  }\n\n  get detailedNotificationProfiles(): DetailedNotificationProfile[] {\n    // Don't attempt to augment profile if global store is not initialized\n    if (!this.globalStore.isInitialized) return []\n\n    return augmentNotificationProfiles(\n      this.globalStore.accountStore.accounts,\n      this.clientCommunicationProfile,\n      this.copy,\n      this.notificationProfiles,\n      this.userCommunicationsProfile,\n      this.globalStore.userStore.user,\n    )\n  }\n\n  get userCommunicationsProfile() {\n    return this.globalStore.appDataStore.userCommunicationProfile\n  }\n\n  deleteDevice = async (guid: string) => {\n    try {\n      await this.api.deleteDevice(guid)\n\n      const index = this.devices.findIndex((d) => d.guid === guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.devices.splice(index, 1)\n        })\n      }\n\n      return { success: true }\n    } catch (error) {\n      console.error('Error deleting device:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      return { success: false }\n    }\n  }\n\n  deleteTransactionRule = async () => {\n    if (!this.selectedRule) {\n      return\n    }\n    try {\n      await this.transactionApi.removeTransactionRule(this.selectedRule?.guid)\n      this.setAlert(this.copy.delete_rule_success, 'success')\n      await this.loadTransactionRules()\n    } catch (error) {\n      console.error('Error deleting transaction rule:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.delete_rule_error, 'error')\n    }\n  }\n\n  generateDeviceToken = async () => {\n    try {\n      return await this.api.generateDeviceToken()\n    } catch (error) {\n      console.error('Error generating device token:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n    return undefined\n  }\n\n  loadDevices = async () => {\n    try {\n      const devices = await this.api.getDevices()\n\n      runInAction(() => {\n        this.devices = devices\n      })\n    } catch (error) {\n      console.error('Error loading devices:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n  }\n\n  loadNotificationProfiles = async () => {\n    try {\n      const profiles = await this.api.getNotificationProfiles()\n\n      runInAction(() => {\n        this.notificationProfiles = profiles\n      })\n    } catch (error) {\n      console.error('Error loading notification profiles:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n  }\n\n  loadTransactionRules = async () => {\n    try {\n      const rules = await this.transactionApi.getTransactionRules()\n\n      runInAction(() => {\n        this.transactionRules = rules\n      })\n    } catch (error) {\n      console.error('Error loading transaction rules:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n  }\n\n  sendEmailVerification = async () => {\n    try {\n      await this.api.sendEmailVerification()\n      this.setAlert(this.copy.verification_sent_success, 'success')\n    } catch (error) {\n      console.error('Error sending email verification:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.verification_sent_error, 'error')\n    }\n  }\n\n  sendPhoneVerification = async () => {\n    try {\n      await this.api.sendPhoneVerification()\n      this.setAlert(this.copy.verification_sent_success, 'success')\n    } catch (error) {\n      console.error('Error sending phone verification:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.verification_sent_error, 'error')\n    }\n  }\n\n  setAlert = (message: string, severity: SettingsAlertProps['severity'] = undefined) =>\n    (this.alert = { message, severity })\n\n  setSelectedRule = (rule?: TransactionRule) => {\n    this.selectedRule = rule\n  }\n\n  updatePassword = async (params: { new_password: string; new_password_again: string }) => {\n    try {\n      await this.api.updatePassword(params)\n      this.setAlert(this.copy.password_updated_success, 'success')\n    } catch (error) {\n      console.error('Error updating password:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.password_updated_error, 'error')\n    }\n  }\n\n  updateDevice = async (device: Device) => {\n    try {\n      const updatedDevice = await this.api.updateDevice(device)\n\n      const index = this.devices.findIndex((d) => d.guid === device.guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.devices[index] = updatedDevice\n        })\n      }\n      return { success: true }\n    } catch (error) {\n      console.error('Error updating device:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      return { success: false }\n    }\n  }\n\n  /** Resolves `true` when the profile was saved, `false` when the API call failed. */\n  updateNotificationProfile = async (profile: NotificationProfile): Promise<boolean> => {\n    try {\n      const updatedProfile = await this.api.updateNotificationProfile(profile)\n\n      const index = this.notificationProfiles.findIndex((p) => p.guid === profile.guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.notificationProfiles[index] = updatedProfile\n        })\n      }\n      return true\n    } catch (error) {\n      console.error('Error updating notification profile:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      return false\n    }\n  }\n\n  updateRuleCategory = async (rule: TransactionRule) => {\n    try {\n      await this.transactionApi.updateTransactionRule(rule)\n      await this.loadTransactionRules()\n    } catch (error) {\n      console.error('Error updating rule category:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n  }\n\n  updateRulePayee = async (rule: TransactionRule) => {\n    try {\n      await this.transactionApi.updateTransactionRule(rule)\n      this.setAlert(this.copy.edit_payee_success, 'success')\n      await this.loadTransactionRules()\n    } catch (error) {\n      console.error('Error updating rule payee:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.edit_payee_error, 'error')\n    }\n  }\n\n  updateUser = async (user: User) => {\n    try {\n      await this.globalStore.userStore.updateUser(user)\n      this.setAlert(this.copy.information_updated_success, 'success')\n    } catch {\n      // Error is already logged and captured in UserStore.updateUser\n      this.setAlert(this.copy.information_updated_error, 'error')\n    }\n  }\n\n  updateUserCommunicationProfile = async (profile: UserCommunicationProfile) => {\n    try {\n      const updatedProfile = await this.api.updateUserCommunicationProfile(profile)\n\n      this.globalStore.appDataStore.setUserCommunicationProfile(updatedProfile)\n    } catch (error) {\n      console.error('Error occurred while updating user communication profile:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n    }\n  }\n\n  verifyPhoneToken = async (sms_verification_token: string) => {\n    try {\n      const { verified } = await this.api.verifyPhoneToken(sms_verification_token)\n      if (!verified) {\n        throw new Error()\n      }\n      this.setAlert(this.copy.verified_phone_success, 'success')\n    } catch (error) {\n      console.error('Error verifying phone token:', error)\n      this.globalStore.captureException(error, { store: 'SettingsStore' })\n      this.setAlert(this.copy.verified_phone_error, 'error')\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"SettingsStore.es.js","names":[],"sources":["../../../src/core/stores/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { AlertProps } from '@mui/material'\n\nimport {\n  AccountNotificationTypes,\n  BudgetNotificationTypes,\n  InsightNotificationTypes,\n} from '../types'\n\nimport type {\n  DetailedNotificationProfile,\n  Device,\n  NotificationProfile,\n  SettingsCopy,\n  TransactionRule,\n  User,\n  UserCommunicationProfile,\n} from '../types'\n\nimport { SettingsApi, TransactionApi } from '../api'\nimport { augmentNotificationProfiles } from '../utils/SettingsUtil'\n\nimport { GlobalStore } from './GlobalStore'\n\ninterface SettingsAlertProps {\n  message: string\n  severity: AlertProps['severity']\n}\n\nexport class SettingsStore {\n  globalStore: GlobalStore\n  api: SettingsApi = new SettingsApi('/', '')\n  transactionApi: TransactionApi = new TransactionApi('/', '')\n\n  alert: SettingsAlertProps = { message: '', severity: undefined }\n  devices: Device[] = []\n  notificationProfiles: NotificationProfile[] = []\n  selectedRule: TransactionRule | undefined = undefined\n  transactionRules: TransactionRule[] = []\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new SettingsApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n    this.transactionApi = new TransactionApi(\n      globalStore.endpoint,\n      globalStore.sessionToken,\n      globalStore.onError,\n    )\n\n    makeAutoObservable(this)\n  }\n\n  get accountProfiles() {\n    const ccp = this.globalStore.appDataStore.clientCommunicationProfile\n\n    // TODO: There has to be a better way to do this, but for now, it works\n    return this.detailedNotificationProfiles.filter(\n      (np) =>\n        (np.notification_type === AccountNotificationTypes.DebtPaymentReminder &&\n          ccp.debt_payment_reminder_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountBalanceLow &&\n          ccp.low_balance_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountDepositLarge &&\n          ccp.large_deposit_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.TransactionExpenseLarge &&\n          ccp.large_expense_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.TransactionFeeCharge &&\n          ccp.transaction_fee_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.InternationalTransaction &&\n          ccp.transaction_is_international_notifications_enabled) ||\n        (np.notification_type === AccountNotificationTypes.AccountDepositLargePosted &&\n          ccp.large_deposit_posted_notifications_enabled),\n    )\n  }\n\n  get budgetProfiles() {\n    const ccp = this.globalStore.appDataStore.clientCommunicationProfile\n\n    // TODO: There has to be a better way to do this, but for now, it works\n    return this.detailedNotificationProfiles.filter(\n      (np) =>\n        (np.notification_type === BudgetNotificationTypes.BudgetExceeded &&\n          ccp.budget_exceeded_notifications_enabled) ||\n        (np.notification_type === BudgetNotificationTypes.BudgetOffTarget &&\n          ccp.budget_off_target_notifications_enabled),\n    )\n  }\n\n  get insightsProfiles() {\n    return this.detailedNotificationProfiles.filter((np) =>\n      Object.values(InsightNotificationTypes).includes(np.notification_type),\n    )\n  }\n\n  get clientCommunicationProfile() {\n    return this.globalStore.appDataStore.clientCommunicationProfile\n  }\n\n  get copy(): SettingsCopy {\n    return this.globalStore.copyStore.copy.settings\n  }\n\n  get detailedNotificationProfiles(): DetailedNotificationProfile[] {\n    // Don't attempt to augment profile if global store is not initialized\n    if (!this.globalStore.isInitialized) return []\n\n    return augmentNotificationProfiles(\n      this.globalStore.accountStore.accounts,\n      this.clientCommunicationProfile,\n      this.copy,\n      this.notificationProfiles,\n      this.userCommunicationsProfile,\n      this.globalStore.userStore.user,\n    )\n  }\n\n  get userCommunicationsProfile() {\n    return this.globalStore.appDataStore.userCommunicationProfile\n  }\n\n  deleteDevice = async (guid: string) => {\n    try {\n      await this.api.deleteDevice(guid)\n\n      const index = this.devices.findIndex((d) => d.guid === guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.devices.splice(index, 1)\n        })\n      }\n\n      return { success: true }\n    } catch (error) {\n      this.captureError('deleteDevice', error)\n      return { success: false }\n    }\n  }\n\n  deleteTransactionRule = async () => {\n    if (!this.selectedRule) {\n      return\n    }\n    try {\n      await this.transactionApi.removeTransactionRule(this.selectedRule?.guid)\n      this.setAlert(this.copy.delete_rule_success, 'success')\n      await this.loadTransactionRules()\n    } catch (error) {\n      this.captureError('deleteTransactionRule', error)\n      this.setAlert(this.copy.delete_rule_error, 'error')\n    }\n  }\n\n  generateDeviceToken = async () => {\n    try {\n      return await this.api.generateDeviceToken()\n    } catch (error) {\n      this.captureError('generateDeviceToken', error)\n    }\n    return undefined\n  }\n\n  loadDevices = async () => {\n    try {\n      const devices = await this.api.getDevices()\n\n      runInAction(() => {\n        this.devices = devices\n      })\n    } catch (error) {\n      this.captureError('loadDevices', error)\n    }\n  }\n\n  loadNotificationProfiles = async () => {\n    try {\n      const profiles = await this.api.getNotificationProfiles()\n\n      runInAction(() => {\n        this.notificationProfiles = profiles\n      })\n    } catch (error) {\n      this.captureError('loadNotificationProfiles', error)\n    }\n  }\n\n  loadTransactionRules = async () => {\n    try {\n      const rules = await this.transactionApi.getTransactionRules()\n\n      runInAction(() => {\n        this.transactionRules = rules\n      })\n    } catch (error) {\n      this.captureError('loadTransactionRules', error)\n    }\n  }\n\n  sendEmailVerification = async () => {\n    try {\n      await this.api.sendEmailVerification()\n      this.setAlert(this.copy.verification_sent_success, 'success')\n    } catch (error) {\n      this.captureError('sendEmailVerification', error)\n      this.setAlert(this.copy.verification_sent_error, 'error')\n    }\n  }\n\n  sendPhoneVerification = async () => {\n    try {\n      await this.api.sendPhoneVerification()\n      this.setAlert(this.copy.verification_sent_success, 'success')\n    } catch (error) {\n      this.captureError('sendPhoneVerification', error)\n      this.setAlert(this.copy.verification_sent_error, 'error')\n    }\n  }\n\n  setAlert = (message: string, severity: SettingsAlertProps['severity'] = undefined) =>\n    (this.alert = { message, severity })\n\n  setSelectedRule = (rule?: TransactionRule) => {\n    this.selectedRule = rule\n  }\n\n  updatePassword = async (params: { new_password: string; new_password_again: string }) => {\n    try {\n      await this.api.updatePassword(params)\n      this.setAlert(this.copy.password_updated_success, 'success')\n    } catch (error) {\n      this.captureError('updatePassword', error)\n      this.setAlert(this.copy.password_updated_error, 'error')\n    }\n  }\n\n  updateDevice = async (device: Device) => {\n    try {\n      const updatedDevice = await this.api.updateDevice(device)\n\n      const index = this.devices.findIndex((d) => d.guid === device.guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.devices[index] = updatedDevice\n        })\n      }\n      return { success: true }\n    } catch (error) {\n      this.captureError('updateDevice', error)\n      return { success: false }\n    }\n  }\n\n  /** Resolves `true` when the profile was saved, `false` when the API call failed. */\n  updateNotificationProfile = async (profile: NotificationProfile): Promise<boolean> => {\n    try {\n      const updatedProfile = await this.api.updateNotificationProfile(profile)\n\n      const index = this.notificationProfiles.findIndex((p) => p.guid === profile.guid)\n      if (index >= 0) {\n        runInAction(() => {\n          this.notificationProfiles[index] = updatedProfile\n        })\n      }\n      return true\n    } catch (error) {\n      this.captureError('updateNotificationProfile', error)\n      return false\n    }\n  }\n\n  updateRuleCategory = async (rule: TransactionRule) => {\n    try {\n      await this.transactionApi.updateTransactionRule(rule)\n      await this.loadTransactionRules()\n    } catch (error) {\n      this.captureError('updateRuleCategory', error)\n    }\n  }\n\n  updateRulePayee = async (rule: TransactionRule) => {\n    try {\n      await this.transactionApi.updateTransactionRule(rule)\n      this.setAlert(this.copy.edit_payee_success, 'success')\n      await this.loadTransactionRules()\n    } catch (error) {\n      this.captureError('updateRulePayee', error)\n      this.setAlert(this.copy.edit_payee_error, 'error')\n    }\n  }\n\n  updateUser = async (user: User) => {\n    try {\n      await this.globalStore.userStore.updateUser(user)\n      this.setAlert(this.copy.information_updated_success, 'success')\n    } catch {\n      // Error is already logged and captured in UserStore.updateUser\n      this.setAlert(this.copy.information_updated_error, 'error')\n    }\n  }\n\n  updateUserCommunicationProfile = async (profile: UserCommunicationProfile) => {\n    try {\n      const updatedProfile = await this.api.updateUserCommunicationProfile(profile)\n\n      this.globalStore.appDataStore.setUserCommunicationProfile(updatedProfile)\n    } catch (error) {\n      this.captureError('updateUserCommunicationProfile', error)\n    }\n  }\n\n  verifyPhoneToken = async (sms_verification_token: string) => {\n    try {\n      const { verified } = await this.api.verifyPhoneToken(sms_verification_token)\n      if (!verified) {\n        throw new Error()\n      }\n      this.setAlert(this.copy.verified_phone_success, 'success')\n    } catch (error) {\n      this.captureError('verifyPhoneToken', error)\n      this.setAlert(this.copy.verified_phone_error, 'error')\n    }\n  }\n\n  private captureError = (action: string, error: unknown) =>\n    this.globalStore.captureException(error, { store: 'SettingsStore', action })\n}\n"],"mappings":"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"}

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

@@ -27,4 +27,5 @@ export declare class UserStore {
      * CTA) reports the error instead of silently treating the save as done.
      */
     updateUserInsightProfile: (fields: Partial<UserInsightProfile>) => Promise<UserInsightProfile>;
+    private captureError;
 }

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

@@ -1,5 +1,5 @@
 import { UserApi as t } from "../api/UserApi.es.js";
-import { makeAutoObservable as s, runInAction as o } from "mobx";
+import { makeAutoObservable as s, runInAction as a } from "mobx";
 var u = class {
   globalStore;
   api = new t("/", "");
@@ -23,7 +23,7 @@ var u = class {
       const e = await this.api.getUserFeatures();
       this.setUserFeatures(e);
     } catch (e) {
-      console.error("Error occurred while loading user features:", e), this.globalStore.captureException(e, { store: "UserStore" }), this.setUserFeatures([]);
+      this.captureError("loadUserFeatures", e), this.setUserFeatures([]);
     }
   };
   updateUser = async (e) => {
@@ -31,7 +31,7 @@ var u = class {
       const r = await this.api.updateUser(e);
       this.globalStore.appDataStore.setUser(r);
     } catch (r) {
-      throw console.error("Error updating User:", r), this.globalStore.captureException(r, { store: "UserStore" }), r;
+      throw this.captureError("updateUser", r), r;
     }
   };
   updateUserProfile = async (e) => {
@@ -39,7 +39,7 @@ var u = class {
       const r = await this.api.updateUserProfile(e);
       this.globalStore.appDataStore.setUserProfile(r);
     } catch (r) {
-      console.error("Error occurred while updating user profile:", r), this.globalStore.captureException(r, { store: "UserStore" });
+      this.captureError("updateUserProfile", r);
     }
   };
   setUserInsightProfile = (e) => {
@@ -52,13 +52,17 @@ var u = class {
         ...this.userInsightProfile,
         ...e
       });
-      return o(() => {
+      return a(() => {
         this.userInsightProfile = r;
       }), r;
     } catch (r) {
-      throw console.error("Error occurred while updating user insight profile:", r), this.globalStore.captureException(r, { store: "UserStore" }), r;
+      throw this.captureError("updateUserInsightProfile", r), r;
     }
   };
+  captureError = (e, r) => this.globalStore.captureException(r, {
+    store: "UserStore",
+    action: e
+  });
 };
 export {
   u as UserStore

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

@@ -1 +1 @@
-{"version":3,"file":"UserStore.es.js","names":[],"sources":["../../../src/core/stores/UserStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { UserApi } from '../api'\nimport type { User, UserFeature, UserInsightProfile, UserProfile } from '../types'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class UserStore {\n  globalStore: GlobalStore\n  api: UserApi = new UserApi('/', '')\n\n  userFeatures: UserFeature[] = []\n  userFeaturesLoaded: boolean = false\n  userInsightProfile: UserInsightProfile | null = null\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new UserApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  get userProfile() {\n    return this.globalStore.appDataStore.userProfile\n  }\n\n  get user() {\n    return this.globalStore.appDataStore.user\n  }\n\n  setUserFeatures = (features: UserFeature[]) => {\n    this.userFeatures = features\n    this.userFeaturesLoaded = true\n  }\n\n  loadUserFeatures = async () => {\n    try {\n      const features = await this.api.getUserFeatures()\n      this.setUserFeatures(features)\n    } catch (e) {\n      console.error('Error occurred while loading user features:', e)\n      this.globalStore.captureException(e, { store: 'UserStore' })\n      this.setUserFeatures([])\n    }\n  }\n\n  updateUser = async (user: User) => {\n    try {\n      const updatedUser = await this.api.updateUser(user)\n\n      this.globalStore.appDataStore.setUser(updatedUser)\n    } catch (error) {\n      console.error('Error updating User:', error)\n      this.globalStore.captureException(error, { store: 'UserStore' })\n      throw error\n    }\n  }\n\n  updateUserProfile = async (userProfile: UserProfile) => {\n    try {\n      const updatedProfile = await this.api.updateUserProfile(userProfile)\n\n      this.globalStore.appDataStore.setUserProfile(updatedProfile)\n    } catch (error) {\n      console.error('Error occurred while updating user profile:', error)\n      this.globalStore.captureException(error, { store: 'UserStore' })\n    }\n  }\n\n  /**\n   * Seeds the profile. The host (pulse) loads `user_insight_profile` and pushes it in here;\n   * experiences itself never fetches it.\n   */\n  setUserInsightProfile = (profile: UserInsightProfile | null) => {\n    this.userInsightProfile = profile\n  }\n\n  /**\n   * Merges `fields` into the seeded profile and PUTs the whole profile. The endpoint is an\n   * upsert that writes every profile field from the request, so a partial body would null\n   * the fields it omits; the merge is what keeps them. Throws if the host has not seeded the\n   * profile yet, and rethrows API failures, so a caller driving UI state (e.g. an insight\n   * CTA) reports the error instead of silently treating the save as done.\n   */\n  updateUserInsightProfile = async (fields: Partial<UserInsightProfile>) => {\n    if (!this.userInsightProfile) {\n      throw new Error('User insight profile has not been loaded; refusing a partial PUT')\n    }\n\n    try {\n      const updated = await this.api.updateUserInsightProfile({\n        ...this.userInsightProfile,\n        ...fields,\n      })\n\n      runInAction(() => {\n        this.userInsightProfile = updated\n      })\n\n      return updated\n    } catch (error) {\n      console.error('Error occurred while updating user insight profile:', error)\n      this.globalStore.captureException(error, { store: 'UserStore' })\n      throw error\n    }\n  }\n}\n"],"mappings":";;AAOA,IAAa,IAAb,MAAuB;AAAA,EACrB;AAAA,EACA,MAAe,IAAI,EAAQ,KAAK,EAAE;AAAA,EAElC,eAA8B,CAAC;AAAA,EAC/B,qBAA8B;AAAA,EAC9B,qBAAgD;AAAA,EAEhD,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,MAAM,IAAI,EAAQ,EAAY,UAAU,EAAY,cAAc,EAAY,OAAO,GAE1F,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,YAAY,aAAa;AAAA,EACvC;AAAA,EAEA,IAAI,OAAO;AACT,WAAO,KAAK,YAAY,aAAa;AAAA,EACvC;AAAA,EAEA,kBAAA,CAAmB,MAA4B;AAC7C,SAAK,eAAe,GACpB,KAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEA,mBAAmB,YAAY;AAC7B,QAAI;AACF,YAAM,IAAW,MAAM,KAAK,IAAI,gBAAgB;AAChD,WAAK,gBAAgB,CAAQ;AAAA,IAC/B,SAAS,GAAG;AACV,cAAQ,MAAM,+CAA+C,CAAC,GAC9D,KAAK,YAAY,iBAAiB,GAAG,EAAE,OAAO,YAAY,CAAC,GAC3D,KAAK,gBAAgB,CAAC,CAAC;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,aAAa,OAAO,MAAe;AACjC,QAAI;AACF,YAAM,IAAc,MAAM,KAAK,IAAI,WAAW,CAAI;AAElD,WAAK,YAAY,aAAa,QAAQ,CAAW;AAAA,IACnD,SAAS,GAAO;AACd,oBAAQ,MAAM,wBAAwB,CAAK,GAC3C,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,YAAY,CAAC,GACzD;AAAA,IACR;AAAA,EACF;AAAA,EAEA,oBAAoB,OAAO,MAA6B;AACtD,QAAI;AACF,YAAM,IAAiB,MAAM,KAAK,IAAI,kBAAkB,CAAW;AAEnE,WAAK,YAAY,aAAa,eAAe,CAAc;AAAA,IAC7D,SAAS,GAAO;AACd,cAAQ,MAAM,+CAA+C,CAAK,GAClE,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,YAAY,CAAC;AAAA,IACjE;AAAA,EACF;AAAA,EAMA,wBAAA,CAAyB,MAAuC;AAC9D,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EASA,2BAA2B,OAAO,MAAwC;AACxE,QAAI,CAAC,KAAK,mBACR,OAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAI;AACF,YAAM,IAAU,MAAM,KAAK,IAAI,yBAAyB;AAAA,QACtD,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL,CAAC;AAED,aAAA,EAAA,MAAkB;AAChB,aAAK,qBAAqB;AAAA,MAC5B,CAAC,GAEM;AAAA,IACT,SAAS,GAAO;AACd,oBAAQ,MAAM,uDAAuD,CAAK,GAC1E,KAAK,YAAY,iBAAiB,GAAO,EAAE,OAAO,YAAY,CAAC,GACzD;AAAA,IACR;AAAA,EACF;AACF"}
+{"version":3,"file":"UserStore.es.js","names":[],"sources":["../../../src/core/stores/UserStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { UserApi } from '../api'\nimport type { User, UserFeature, UserInsightProfile, UserProfile } from '../types'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class UserStore {\n  globalStore: GlobalStore\n  api: UserApi = new UserApi('/', '')\n\n  userFeatures: UserFeature[] = []\n  userFeaturesLoaded: boolean = false\n  userInsightProfile: UserInsightProfile | null = null\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new UserApi(globalStore.endpoint, globalStore.sessionToken, globalStore.onError)\n\n    makeAutoObservable(this)\n  }\n\n  get userProfile() {\n    return this.globalStore.appDataStore.userProfile\n  }\n\n  get user() {\n    return this.globalStore.appDataStore.user\n  }\n\n  setUserFeatures = (features: UserFeature[]) => {\n    this.userFeatures = features\n    this.userFeaturesLoaded = true\n  }\n\n  loadUserFeatures = async () => {\n    try {\n      const features = await this.api.getUserFeatures()\n      this.setUserFeatures(features)\n    } catch (e) {\n      this.captureError('loadUserFeatures', e)\n      this.setUserFeatures([])\n    }\n  }\n\n  updateUser = async (user: User) => {\n    try {\n      const updatedUser = await this.api.updateUser(user)\n\n      this.globalStore.appDataStore.setUser(updatedUser)\n    } catch (error) {\n      this.captureError('updateUser', error)\n      throw error\n    }\n  }\n\n  updateUserProfile = async (userProfile: UserProfile) => {\n    try {\n      const updatedProfile = await this.api.updateUserProfile(userProfile)\n\n      this.globalStore.appDataStore.setUserProfile(updatedProfile)\n    } catch (error) {\n      this.captureError('updateUserProfile', error)\n    }\n  }\n\n  /**\n   * Seeds the profile. The host (pulse) loads `user_insight_profile` and pushes it in here;\n   * experiences itself never fetches it.\n   */\n  setUserInsightProfile = (profile: UserInsightProfile | null) => {\n    this.userInsightProfile = profile\n  }\n\n  /**\n   * Merges `fields` into the seeded profile and PUTs the whole profile. The endpoint is an\n   * upsert that writes every profile field from the request, so a partial body would null\n   * the fields it omits; the merge is what keeps them. Throws if the host has not seeded the\n   * profile yet, and rethrows API failures, so a caller driving UI state (e.g. an insight\n   * CTA) reports the error instead of silently treating the save as done.\n   */\n  updateUserInsightProfile = async (fields: Partial<UserInsightProfile>) => {\n    if (!this.userInsightProfile) {\n      throw new Error('User insight profile has not been loaded; refusing a partial PUT')\n    }\n\n    try {\n      const updated = await this.api.updateUserInsightProfile({\n        ...this.userInsightProfile,\n        ...fields,\n      })\n\n      runInAction(() => {\n        this.userInsightProfile = updated\n      })\n\n      return updated\n    } catch (error) {\n      this.captureError('updateUserInsightProfile', error)\n      throw error\n    }\n  }\n\n  private captureError = (action: string, error: unknown) =>\n    this.globalStore.captureException(error, { store: 'UserStore', action })\n}\n"],"mappings":";;AAOA,IAAa,IAAb,MAAuB;AAAA,EACrB;AAAA,EACA,MAAe,IAAI,EAAQ,KAAK,EAAE;AAAA,EAElC,eAA8B,CAAC;AAAA,EAC/B,qBAA8B;AAAA,EAC9B,qBAAgD;AAAA,EAEhD,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,MAAM,IAAI,EAAQ,EAAY,UAAU,EAAY,cAAc,EAAY,OAAO,GAE1F,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,YAAY,aAAa;AAAA,EACvC;AAAA,EAEA,IAAI,OAAO;AACT,WAAO,KAAK,YAAY,aAAa;AAAA,EACvC;AAAA,EAEA,kBAAA,CAAmB,MAA4B;AAC7C,SAAK,eAAe,GACpB,KAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEA,mBAAmB,YAAY;AAC7B,QAAI;AACF,YAAM,IAAW,MAAM,KAAK,IAAI,gBAAgB;AAChD,WAAK,gBAAgB,CAAQ;AAAA,IAC/B,SAAS,GAAG;AACV,WAAK,aAAa,oBAAoB,CAAC,GACvC,KAAK,gBAAgB,CAAC,CAAC;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,aAAa,OAAO,MAAe;AACjC,QAAI;AACF,YAAM,IAAc,MAAM,KAAK,IAAI,WAAW,CAAI;AAElD,WAAK,YAAY,aAAa,QAAQ,CAAW;AAAA,IACnD,SAAS,GAAO;AACd,iBAAK,aAAa,cAAc,CAAK,GAC/B;AAAA,IACR;AAAA,EACF;AAAA,EAEA,oBAAoB,OAAO,MAA6B;AACtD,QAAI;AACF,YAAM,IAAiB,MAAM,KAAK,IAAI,kBAAkB,CAAW;AAEnE,WAAK,YAAY,aAAa,eAAe,CAAc;AAAA,IAC7D,SAAS,GAAO;AACd,WAAK,aAAa,qBAAqB,CAAK;AAAA,IAC9C;AAAA,EACF;AAAA,EAMA,wBAAA,CAAyB,MAAuC;AAC9D,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EASA,2BAA2B,OAAO,MAAwC;AACxE,QAAI,CAAC,KAAK,mBACR,OAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAI;AACF,YAAM,IAAU,MAAM,KAAK,IAAI,yBAAyB;AAAA,QACtD,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL,CAAC;AAED,aAAA,EAAA,MAAkB;AAChB,aAAK,qBAAqB;AAAA,MAC5B,CAAC,GAEM;AAAA,IACT,SAAS,GAAO;AACd,iBAAK,aAAa,4BAA4B,CAAK,GAC7C;AAAA,IACR;AAAA,EACF;AAAA,EAEA,eAAA,CAAwB,GAAgB,MACtC,KAAK,YAAY,iBAAiB,GAAO;AAAA,IAAE,OAAO;AAAA,IAAa,QAAA;AAAA,EAAO,CAAC;AAC3E"}

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

@@ -63,6 +63,12 @@ export interface InsightsPayload {
     /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */
     drilldown_data?: DrilldownData;
     footer?: Footer;
+    /**
+     * V2: the link inside the description: on the full card a drawer of its own (Low Account
+     * Balance's "Transactions ›"); on mini and micro the card's action, sent instead of `primary_cta`.
+     * Absent when the beat has no link.
+     */
+    in_description_cta?: InDescriptionCTA;
     guid: string;
     user_guid: string;
     client_guid?: string;
@@ -196,6 +202,17 @@ export interface SecondaryCTA {
     action_key?: string | null;
     metadata?: CtaPostMessageMetadata | null;
 }
+/**
+ * The description link: its label, the action block it opens and, like a CTA's, the variant that
+ * tells that block what to show (ditto's `in_description_cta_variant`, e.g. `low_balance`). On mini
+ * and micro it words the card's action; `block` is empty when that action opens no drawer.
+ */
+export interface InDescriptionCTA {
+    label: string;
+    block?: string;
+    variant?: string | null;
+    action_key?: string | null;
+}
 export interface Footer {
     /** V1: a pre-formatted date string. */
     date?: string;

package/dist/core/types/Insights.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Insights.es.js","names":[],"sources":["../../../src/core/types/Insights.ts"],"sourcesContent":["// ============ Core InsightsV2 Types ============\n\nimport { InsightsInstanceSlotData } from './InsightsInstanceSlotData'\n\nexport interface ThemedSVGImageProps {\n  divProps?: React.HTMLAttributes<HTMLDivElement>\n  image: React.ComponentType<React.SVGProps<SVGSVGElement>>\n  isMini?: boolean\n}\n\n/**\n * Emitted by a block when the user drills into a specific datum (e.g. clicks a\n * chart bar). Named fields rather than positional args so blocks with differing\n * shapes can extend this without the call sites transposing values.\n */\nexport interface DrilldownPayload {\n  chartBarIndex: number\n  tabIndex?: number\n  transaction_guid?: string\n  block?: string\n}\n\n/**\n * Which envelope a beat was fetched with. `embedded` (the transaction-row pill + details-drawer\n * card) and `notification` are V2 additions; a surface asks for one with `widget_type=` on the fetch.\n */\nexport type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification'\n\n/**\n * V2: the transaction-row tag, its own small section of the `embedded` envelope (the same grammar\n * as `description` / `footer`, with room for a tone or an icon later). Omitted for an insight that\n * tags no transaction row. It deliberately is *not* `short_title`, which stays a per-variant\n * attribute with a second consumer (the bank-holiday sub-header).\n */\nexport interface Pill {\n  text: string\n}\n\n/**\n * V2: facts a drilldown shows that the card does not (e.g. the account number for the Transaction\n * Details drawer). A flat hash shared by every CTA of the card, omitted when the insight has none.\n * Never carries copy or user actions (memo, tags, hide, flag come from the transaction store).\n */\nexport type DrilldownData = Record<string, string | number | boolean | null>\n\nexport interface InsightsPayload {\n  widget_type: WidgetType\n  instance_slot: InstanceSlot\n  /**\n   * V1 only. The v2 contract carries everything a block needs on `instance_slot.data`,\n   * and omits this key entirely (see the LargeTransactionV2 payload). Blocks that still require it\n   * get it as a required field through `BlockProps`, which re-declares it.\n   */\n  instance_slot_data?: InsightsInstanceSlotData\n  description: Description\n  primary_cta?: PrimaryCTA\n  secondary_cta?: SecondaryCTA\n  title?: string\n  sub_title?: Subtitle\n  /**\n   * V2 rename of `sub_title`: a flat string, with the logo promoted to the payload-level `logo`\n   * field below. `sub_title` wins when both are present.\n   */\n  subtitle?: string\n  /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */\n  logo?: LogoRef\n  /** V2: which design branch the backend picked (e.g. `no_merchant`). */\n  variant?: string\n  /** V2, `embedded` envelope only: the transaction-row pill. */\n  pill?: Pill\n  /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */\n  drilldown_data?: DrilldownData\n  footer?: Footer\n  // TODO: Add in_description_cta to insights_payload from backend\n  guid: string\n  user_guid: string\n  client_guid?: string\n  /** Template name, e.g. `LargeTransactionV2`. */\n  template?: string\n  revision?: number\n  /** Unix seconds. */\n  created_at?: number\n  /** Unix seconds. */\n  updated_at?: number\n  /** Unix seconds. */\n  active_at?: number\n  displayed_at?: number | null\n  dismissed_at: number | null\n  cta_clicked_at?: number | null\n  has_been_displayed?: boolean\n  is_dismissed: boolean\n  is_deleted?: boolean\n  is_hidden_by_system?: boolean\n  is_obsolete?: boolean\n  is_refreshable?: boolean\n  is_sampled?: boolean\n  is_zero_state?: boolean\n  status?: string | null\n  /**\n   * V2 (LargeTransactionV2 onward): the entities the beat is about, carried on the payload so\n   * action blocks do not have to reach back out to the beat envelope.\n   */\n  primary_account_guid?: string | null\n  primary_transaction_guid?: string | null\n  primary_category_guid?: string | null\n  primary_merchant_guid?: string | null\n  /**\n   * V2: the repeating transaction a subscription beat is about (Upcoming Subscription, Subscription\n   * Price Increase). Read by `recurring_transaction_block`, see\n   * `actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts`.\n   */\n  primary_repeating_transaction_guid?: string | null\n}\n\nexport interface Legends {\n  label: string\n  value: number\n  additional_value?: number\n  additional_value_type?: string\n  value_type?: string\n}\n\nexport interface Logo {\n  category_guid?: string\n  category_name?: string\n  institution_guid?: string\n  institution_name?: string\n  logo_color?: string\n  logo_name?: string\n  merchant_guid?: string\n  merchant_name?: string\n}\n\nexport interface Subtitle {\n  logo?: Logo\n  text: string\n}\n\n/**\n * A V2 logo, shared by the header (`InsightsPayload.logo`) and every instance-slot row. It takes\n * one of two shapes:\n *\n * - **Entity**: `guid`, whose prefix (`INS-` / `MCH-` / `CAT-`) picks the logo component, plus an\n *   optional `fallback_guid` for when that component's asset cannot load. Today that is the\n *   category behind an `MCH-` guid, which `MerchantLogo` shows as a tile when the merchant image\n *   is missing.\n * - **Status icon**: `icon` (an mx-icons name, e.g. `warning`) and `color` (a theme palette path,\n *   e.g. `error.main`), for subheaders that show a state rather than an entity (V1's\n *   `logo_name` / `logo_color`).\n *\n * `alt` is the accessible name for either shape. A logo sends one shape; if it sends both, `icon`\n * wins, as `logo_name` does in V1's `SubHeader`.\n */\nexport interface LogoRef {\n  alt?: string\n  color?: string\n  fallback_guid?: string\n  guid?: string\n  icon?: string\n}\n\nexport interface CategoryLogo {\n  category_guid: string\n  category_name: string\n}\n\nexport interface MerchantLogo {\n  merchant_guid: string\n  merchant_name: string\n}\n\nexport interface InstitutionLogo {\n  institution_guid: string\n  institution_name: string\n}\n\nexport interface Description {\n  text: string\n  html_text: string\n}\n\n/**\n * Post message a CTA press sends to the host, resolved by the backend for the beat's current\n * state. Absent/null = the backend has not described one: the frontend uses the template's\n * interim `ctaPostMessages` entry if there is one, else sends no message. `payload` carries only\n * beat-specific extras; the frontend always adds `beat_guid`, `beat_template`, `user_guid` and\n * `action_string`.\n */\nexport interface CtaPostMessageMetadata {\n  /** Post message event; defaults to `beat/cta`. */\n  event?: string | null\n  /** Operation the host should perform, e.g. `op_1`, `op_2`, `op_3`. Defaults to `op_1`. */\n  action?: string | null\n  /** Beat-specific fields merged into the message metadata (account ids, amounts, ...). */\n  payload?: Record<string, unknown> | null\n}\n\nexport interface PrimaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /**\n   * What pressing the CTA does beyond opening its block, named by the backend (ditto\n   * `primary_cta_action`, passed through by tupac). Looked up in `insights-v2/ctaActions`;\n   * null / absent / unknown means the CTA only opens its block or posts its message.\n   */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface SecondaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface Footer {\n  /** V1: a pre-formatted date string. */\n  date?: string\n  /**\n   * The account label, on both V1 and V2. The backend resolves the plurality: one account sends\n   * its name (e.g. `Epic Bank`), several send a localized count (e.g. `2 Accounts`), none sends\n   * nothing. There is deliberately no separate `accounts` key — see tupac's `footer_account_label`.\n   */\n  account?: string\n  /**\n   * V2 (LargeTransactionV2 onward): unix seconds, formatted by `Footer` for display.\n   * Replaces `date`; `date` wins when a beat somehow sends both.\n   */\n  timestamp?: number\n}\n\n// ============ Instance Slot Types ============\n// Values are the snake_case block names the backend sends on a beat's instance slot; the PascalCase\n// keys stay as friendly references (e.g. BlockType.BarChartBlock === 'bar_chart_block').\nexport const BlockType = {\n  AccountBlock: 'account_block',\n  AccountSwitchBlock: 'account_switch_block',\n  BarChartBlock: 'bar_chart_block',\n  BudgetBlock: 'budget_block',\n  ImageBlock: 'image_block',\n  TransactionBlock: 'transaction_block',\n  DonutChartBlock: 'donut_chart_block',\n  DoubleBarChartBlock: 'double_bar_chart_block',\n  DoubleProgressBarBlock: 'double_progress_bar_block',\n  DebtsBlock: 'debts_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsOpportunityBlock: 'savings_opportunity_block',\n  StepChartBlock: 'step_chart_block',\n  SVGImageBlock: 'svg_image_block',\n  UpcomingBillBlock: 'upcoming_bill_block',\n  UpcomingSubscriptionBlock: 'upcoming_subscription_block',\n  WithdrawalBlock: 'withdrawal_block',\n} as const\n\nexport type BlockType = (typeof BlockType)[keyof typeof BlockType]\n\n/**\n * A pre-localized row on a V2 instance slot. The backend resolves the copy and formatting; the\n * logo is a `LogoRef` (an entity guid or a status icon, see `logoFromRef`).\n */\nexport interface InstanceSlotRow {\n  amount?: number\n  logo?: LogoRef\n  primary_text?: string\n  secondary_text?: string\n}\n\n/**\n * V2: the slots a block's variant filled, keyed by slot name; ditto owns the names and omits any\n * slot it has no value for (`lib/ditto/blocks/<block>.yml`). Read with `slot()`, which names the\n * kind the caller expects.\n */\nexport interface InstanceSlotData {\n  [slot: string]: unknown\n}\n\n/**\n * Reads one slot off a block's `data`; undefined when ditto did not fill it.\n *\n * The caller names the kind, because the slot's kind lives in the block's ditto schema and not\n * here — a block fills slots with whatever its card needs, so no fixed list of kinds would hold\n * (`account_switch_block` alone carries a boolean and `budget_block` a nested object).\n */\nexport const slot = <T = unknown>(\n  data: InstanceSlotData | undefined,\n  name: string,\n): T | undefined => data?.[name] as T | undefined\n\n/**\n * V2: which block renders this beat's content, and what it renders.\n *\n * `block` is optional: a beat whose template has no ditto config arrives as an empty `{}` and the\n * card renders its copy and CTAs alone, so a reader cannot assume a block is named. One interface\n * with `block` optional rather than a union with `Record<string, never>`, which TypeScript absorbs\n * — that union left `block` reading as required and typed a promise it did not keep.\n *\n * `variant` is optional for the same reason — the empty `{}` carries neither. Every ditto beat\n * file that names a block also names a variant, so a *filled* slot always has one; ditto drops a\n * nil variant rather than sending null, which is why the type is `string | null | undefined`.\n */\nexport interface InstanceSlot {\n  block?: BlockType\n  variant?: string | null\n  /** The slots this block's variant declares in ditto. */\n  data?: InstanceSlotData\n  // Direct Deposit block (Set Up Direct Deposit, Switch Direct Deposit, Missing\n  // Interest Rate): account facts carried flat on the slot, beside `data`.\n  /** Primary line on the hero card, e.g. \"Epic Bank Checking, *1234\". */\n  account_name?: string\n  /** Secondary line beneath the name, e.g. \"Checking Account\" / \"Credit Card\". */\n  account_type?: string\n  /** Status pill label, e.g. \"Direct Deposit Not Set Up\" / \"Interest Rate: 19.99% APR\". */\n  status_text?: string\n  institution_guid?: string\n  institution_name?: string\n  // Shared across multiple V2 component blocks:\n  //   `amount` — UpcomingBillBlock (projected bill), SavingsOpportunityBlock (coupon),\n  //              UpcomingSubscriptionBlock (price per cadence).\n  //   `merchant_guid` / `merchant_name` — UpcomingBillBlock (bill row logo + name),\n  //              UpcomingSubscriptionBlock (hero logo + name).\n  /** Dollar amount (unformatted); the block formats it as currency. */\n  amount?: number\n  /** Merchant guid used to render the inline / hero logo via `LogoFromGuid` (`MCH-...`). */\n  merchant_guid?: string\n  /** Merchant display name — shown as logo alt text and as the merchant/hero label. */\n  merchant_name?: string\n  // Upcoming Bill block (Projected Bill Payment): the block derives the Sun→Sat week strip\n  // around `due_date` at render time.\n  /** Due date of the projected bill in ISO form (e.g. `2025-10-30`). */\n  due_date?: string\n  // Savings Opportunity block (Save An Extra, Potential Savings, Embedded): purely data-driven\n  // coupon card. Backend sends the caption and the amount, plus `slot` to toggle the green\n  // gradient background when the card is embedded in a parent surface that supplies its own.\n  /** Caption shown above the amount, e.g. `Save an extra` or `Potential savings`. */\n  label?: string\n  /**\n   * Whether to render the green gradient slot behind the coupon. Defaults to true. Backend sends\n   * `false` when the coupon is embedded in a parent surface that supplies its own background.\n   */\n  slot?: boolean\n  // Upcoming Subscription block: billing cadence for the price pill (`${amount} / ${cadence}`).\n  /** Billing cadence word that trails the price, e.g. `month` or `year`. */\n  cadence?: string\n  // Account block (status on/off-track, deposit, payoff variants): card content carried flat on\n  // the slot (the V2 contract drops `instance_slot_data`). `amount`, `label`, `merchant_guid`,\n  // `merchant_name`, `institution_guid`, `institution_name` are shared fields declared above.\n  /** Secondary line beneath the amount on the standard card, e.g. \"Remaining after expenses\". */\n  sub_text?: string\n  /** Header bar text (standard card) or the colored category strip label (deposit cards). */\n  header_text?: string\n  /** Generic-tile icon name used when no merchant/institution logo is available. */\n  icon_name?: string\n  /** Category guid used to render the deposit-card logo fallback. */\n  category_guid?: string\n  // Debts block: `amount` is the current balance; the shared account/institution fields above.\n  /** Projected payoff date in ISO form (e.g. `2027-03-01`); the block formats it as month + year. */\n  payoff_date?: string\n  /** Monthly payment toward the debt (unformatted); the block formats it as currency. */\n  monthly_payment?: number\n  /** Annual interest rate as a percentage (e.g. `19.99`); the block formats it as a percent. */\n  interest_rate?: number\n}\n"],"mappings":"AA+RA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}
+{"version":3,"file":"Insights.es.js","names":[],"sources":["../../../src/core/types/Insights.ts"],"sourcesContent":["// ============ Core InsightsV2 Types ============\n\nimport { InsightsInstanceSlotData } from './InsightsInstanceSlotData'\n\nexport interface ThemedSVGImageProps {\n  divProps?: React.HTMLAttributes<HTMLDivElement>\n  image: React.ComponentType<React.SVGProps<SVGSVGElement>>\n  isMini?: boolean\n}\n\n/**\n * Emitted by a block when the user drills into a specific datum (e.g. clicks a\n * chart bar). Named fields rather than positional args so blocks with differing\n * shapes can extend this without the call sites transposing values.\n */\nexport interface DrilldownPayload {\n  chartBarIndex: number\n  tabIndex?: number\n  transaction_guid?: string\n  block?: string\n}\n\n/**\n * Which envelope a beat was fetched with. `embedded` (the transaction-row pill + details-drawer\n * card) and `notification` are V2 additions; a surface asks for one with `widget_type=` on the fetch.\n */\nexport type WidgetType = 'full' | 'mini' | 'micro' | 'embedded' | 'notification'\n\n/**\n * V2: the transaction-row tag, its own small section of the `embedded` envelope (the same grammar\n * as `description` / `footer`, with room for a tone or an icon later). Omitted for an insight that\n * tags no transaction row. It deliberately is *not* `short_title`, which stays a per-variant\n * attribute with a second consumer (the bank-holiday sub-header).\n */\nexport interface Pill {\n  text: string\n}\n\n/**\n * V2: facts a drilldown shows that the card does not (e.g. the account number for the Transaction\n * Details drawer). A flat hash shared by every CTA of the card, omitted when the insight has none.\n * Never carries copy or user actions (memo, tags, hide, flag come from the transaction store).\n */\nexport type DrilldownData = Record<string, string | number | boolean | null>\n\nexport interface InsightsPayload {\n  widget_type: WidgetType\n  instance_slot: InstanceSlot\n  /**\n   * V1 only. The v2 contract carries everything a block needs on `instance_slot.data`,\n   * and omits this key entirely (see the LargeTransactionV2 payload). Blocks that still require it\n   * get it as a required field through `BlockProps`, which re-declares it.\n   */\n  instance_slot_data?: InsightsInstanceSlotData\n  description: Description\n  primary_cta?: PrimaryCTA\n  secondary_cta?: SecondaryCTA\n  title?: string\n  sub_title?: Subtitle\n  /**\n   * V2 rename of `sub_title`: a flat string, with the logo promoted to the payload-level `logo`\n   * field below. `sub_title` wins when both are present.\n   */\n  subtitle?: string\n  /** V2: header logo paired with the flat `subtitle`: an entity guid or a status icon (`LogoRef`). */\n  logo?: LogoRef\n  /** V2: which design branch the backend picked (e.g. `no_merchant`). */\n  variant?: string\n  /** V2, `embedded` envelope only: the transaction-row pill. */\n  pill?: Pill\n  /** V2: drilldown-only facts, e.g. `{ account_number: 'XXXXXXXX043' }`. */\n  drilldown_data?: DrilldownData\n  footer?: Footer\n  /**\n   * V2: the link inside the description: on the full card a drawer of its own (Low Account\n   * Balance's \"Transactions ›\"); on mini and micro the card's action, sent instead of `primary_cta`.\n   * Absent when the beat has no link.\n   */\n  in_description_cta?: InDescriptionCTA\n  guid: string\n  user_guid: string\n  client_guid?: string\n  /** Template name, e.g. `LargeTransactionV2`. */\n  template?: string\n  revision?: number\n  /** Unix seconds. */\n  created_at?: number\n  /** Unix seconds. */\n  updated_at?: number\n  /** Unix seconds. */\n  active_at?: number\n  displayed_at?: number | null\n  dismissed_at: number | null\n  cta_clicked_at?: number | null\n  has_been_displayed?: boolean\n  is_dismissed: boolean\n  is_deleted?: boolean\n  is_hidden_by_system?: boolean\n  is_obsolete?: boolean\n  is_refreshable?: boolean\n  is_sampled?: boolean\n  is_zero_state?: boolean\n  status?: string | null\n  /**\n   * V2 (LargeTransactionV2 onward): the entities the beat is about, carried on the payload so\n   * action blocks do not have to reach back out to the beat envelope.\n   */\n  primary_account_guid?: string | null\n  primary_transaction_guid?: string | null\n  primary_category_guid?: string | null\n  primary_merchant_guid?: string | null\n  /**\n   * V2: the repeating transaction a subscription beat is about (Upcoming Subscription, Subscription\n   * Price Increase). Read by `recurring_transaction_block`, see\n   * `actionBlocks/RecurringTransactionBlock/subscriptionBeats.ts`.\n   */\n  primary_repeating_transaction_guid?: string | null\n}\n\nexport interface Legends {\n  label: string\n  value: number\n  additional_value?: number\n  additional_value_type?: string\n  value_type?: string\n}\n\nexport interface Logo {\n  category_guid?: string\n  category_name?: string\n  institution_guid?: string\n  institution_name?: string\n  logo_color?: string\n  logo_name?: string\n  merchant_guid?: string\n  merchant_name?: string\n}\n\nexport interface Subtitle {\n  logo?: Logo\n  text: string\n}\n\n/**\n * A V2 logo, shared by the header (`InsightsPayload.logo`) and every instance-slot row. It takes\n * one of two shapes:\n *\n * - **Entity**: `guid`, whose prefix (`INS-` / `MCH-` / `CAT-`) picks the logo component, plus an\n *   optional `fallback_guid` for when that component's asset cannot load. Today that is the\n *   category behind an `MCH-` guid, which `MerchantLogo` shows as a tile when the merchant image\n *   is missing.\n * - **Status icon**: `icon` (an mx-icons name, e.g. `warning`) and `color` (a theme palette path,\n *   e.g. `error.main`), for subheaders that show a state rather than an entity (V1's\n *   `logo_name` / `logo_color`).\n *\n * `alt` is the accessible name for either shape. A logo sends one shape; if it sends both, `icon`\n * wins, as `logo_name` does in V1's `SubHeader`.\n */\nexport interface LogoRef {\n  alt?: string\n  color?: string\n  fallback_guid?: string\n  guid?: string\n  icon?: string\n}\n\nexport interface CategoryLogo {\n  category_guid: string\n  category_name: string\n}\n\nexport interface MerchantLogo {\n  merchant_guid: string\n  merchant_name: string\n}\n\nexport interface InstitutionLogo {\n  institution_guid: string\n  institution_name: string\n}\n\nexport interface Description {\n  text: string\n  html_text: string\n}\n\n/**\n * Post message a CTA press sends to the host, resolved by the backend for the beat's current\n * state. Absent/null = the backend has not described one: the frontend uses the template's\n * interim `ctaPostMessages` entry if there is one, else sends no message. `payload` carries only\n * beat-specific extras; the frontend always adds `beat_guid`, `beat_template`, `user_guid` and\n * `action_string`.\n */\nexport interface CtaPostMessageMetadata {\n  /** Post message event; defaults to `beat/cta`. */\n  event?: string | null\n  /** Operation the host should perform, e.g. `op_1`, `op_2`, `op_3`. Defaults to `op_1`. */\n  action?: string | null\n  /** Beat-specific fields merged into the message metadata (account ids, amounts, ...). */\n  payload?: Record<string, unknown> | null\n}\n\nexport interface PrimaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /**\n   * What pressing the CTA does beyond opening its block, named by the backend (ditto\n   * `primary_cta_action`, passed through by tupac). Looked up in `insights-v2/ctaActions`;\n   * null / absent / unknown means the CTA only opens its block or posts its message.\n   */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\nexport interface SecondaryCTA {\n  label: string\n  block: string\n  variant?: string | null\n  /** See `PrimaryCTA.action_key` (ditto `secondary_cta_action`). */\n  action_key?: string | null\n  metadata?: CtaPostMessageMetadata | null\n}\n\n/**\n * The description link: its label, the action block it opens and, like a CTA's, the variant that\n * tells that block what to show (ditto's `in_description_cta_variant`, e.g. `low_balance`). On mini\n * and micro it words the card's action; `block` is empty when that action opens no drawer.\n */\nexport interface InDescriptionCTA {\n  label: string\n  block?: string\n  variant?: string | null\n  action_key?: string | null\n}\n\nexport interface Footer {\n  /** V1: a pre-formatted date string. */\n  date?: string\n  /**\n   * The account label, on both V1 and V2. The backend resolves the plurality: one account sends\n   * its name (e.g. `Epic Bank`), several send a localized count (e.g. `2 Accounts`), none sends\n   * nothing. There is deliberately no separate `accounts` key — see tupac's `footer_account_label`.\n   */\n  account?: string\n  /**\n   * V2 (LargeTransactionV2 onward): unix seconds, formatted by `Footer` for display.\n   * Replaces `date`; `date` wins when a beat somehow sends both.\n   */\n  timestamp?: number\n}\n\n// ============ Instance Slot Types ============\n// Values are the snake_case block names the backend sends on a beat's instance slot; the PascalCase\n// keys stay as friendly references (e.g. BlockType.BarChartBlock === 'bar_chart_block').\nexport const BlockType = {\n  AccountBlock: 'account_block',\n  AccountSwitchBlock: 'account_switch_block',\n  BarChartBlock: 'bar_chart_block',\n  BudgetBlock: 'budget_block',\n  ImageBlock: 'image_block',\n  TransactionBlock: 'transaction_block',\n  DonutChartBlock: 'donut_chart_block',\n  DoubleBarChartBlock: 'double_bar_chart_block',\n  DoubleProgressBarBlock: 'double_progress_bar_block',\n  DebtsBlock: 'debts_block',\n  SaveExtraBlock: 'save_extra_block',\n  SavingsOpportunityBlock: 'savings_opportunity_block',\n  StepChartBlock: 'step_chart_block',\n  SVGImageBlock: 'svg_image_block',\n  UpcomingBillBlock: 'upcoming_bill_block',\n  UpcomingSubscriptionBlock: 'upcoming_subscription_block',\n  WithdrawalBlock: 'withdrawal_block',\n} as const\n\nexport type BlockType = (typeof BlockType)[keyof typeof BlockType]\n\n/**\n * A pre-localized row on a V2 instance slot. The backend resolves the copy and formatting; the\n * logo is a `LogoRef` (an entity guid or a status icon, see `logoFromRef`).\n */\nexport interface InstanceSlotRow {\n  amount?: number\n  logo?: LogoRef\n  primary_text?: string\n  secondary_text?: string\n}\n\n/**\n * V2: the slots a block's variant filled, keyed by slot name; ditto owns the names and omits any\n * slot it has no value for (`lib/ditto/blocks/<block>.yml`). Read with `slot()`, which names the\n * kind the caller expects.\n */\nexport interface InstanceSlotData {\n  [slot: string]: unknown\n}\n\n/**\n * Reads one slot off a block's `data`; undefined when ditto did not fill it.\n *\n * The caller names the kind, because the slot's kind lives in the block's ditto schema and not\n * here — a block fills slots with whatever its card needs, so no fixed list of kinds would hold\n * (`account_switch_block` alone carries a boolean and `budget_block` a nested object).\n */\nexport const slot = <T = unknown>(\n  data: InstanceSlotData | undefined,\n  name: string,\n): T | undefined => data?.[name] as T | undefined\n\n/**\n * V2: which block renders this beat's content, and what it renders.\n *\n * `block` is optional: a beat whose template has no ditto config arrives as an empty `{}` and the\n * card renders its copy and CTAs alone, so a reader cannot assume a block is named. One interface\n * with `block` optional rather than a union with `Record<string, never>`, which TypeScript absorbs\n * — that union left `block` reading as required and typed a promise it did not keep.\n *\n * `variant` is optional for the same reason — the empty `{}` carries neither. Every ditto beat\n * file that names a block also names a variant, so a *filled* slot always has one; ditto drops a\n * nil variant rather than sending null, which is why the type is `string | null | undefined`.\n */\nexport interface InstanceSlot {\n  block?: BlockType\n  variant?: string | null\n  /** The slots this block's variant declares in ditto. */\n  data?: InstanceSlotData\n  // Direct Deposit block (Set Up Direct Deposit, Switch Direct Deposit, Missing\n  // Interest Rate): account facts carried flat on the slot, beside `data`.\n  /** Primary line on the hero card, e.g. \"Epic Bank Checking, *1234\". */\n  account_name?: string\n  /** Secondary line beneath the name, e.g. \"Checking Account\" / \"Credit Card\". */\n  account_type?: string\n  /** Status pill label, e.g. \"Direct Deposit Not Set Up\" / \"Interest Rate: 19.99% APR\". */\n  status_text?: string\n  institution_guid?: string\n  institution_name?: string\n  // Shared across multiple V2 component blocks:\n  //   `amount` — UpcomingBillBlock (projected bill), SavingsOpportunityBlock (coupon),\n  //              UpcomingSubscriptionBlock (price per cadence).\n  //   `merchant_guid` / `merchant_name` — UpcomingBillBlock (bill row logo + name),\n  //              UpcomingSubscriptionBlock (hero logo + name).\n  /** Dollar amount (unformatted); the block formats it as currency. */\n  amount?: number\n  /** Merchant guid used to render the inline / hero logo via `LogoFromGuid` (`MCH-...`). */\n  merchant_guid?: string\n  /** Merchant display name — shown as logo alt text and as the merchant/hero label. */\n  merchant_name?: string\n  // Upcoming Bill block (Projected Bill Payment): the block derives the Sun→Sat week strip\n  // around `due_date` at render time.\n  /** Due date of the projected bill in ISO form (e.g. `2025-10-30`). */\n  due_date?: string\n  // Savings Opportunity block (Save An Extra, Potential Savings, Embedded): purely data-driven\n  // coupon card. Backend sends the caption and the amount, plus `slot` to toggle the green\n  // gradient background when the card is embedded in a parent surface that supplies its own.\n  /** Caption shown above the amount, e.g. `Save an extra` or `Potential savings`. */\n  label?: string\n  /**\n   * Whether to render the green gradient slot behind the coupon. Defaults to true. Backend sends\n   * `false` when the coupon is embedded in a parent surface that supplies its own background.\n   */\n  slot?: boolean\n  // Upcoming Subscription block: billing cadence for the price pill (`${amount} / ${cadence}`).\n  /** Billing cadence word that trails the price, e.g. `month` or `year`. */\n  cadence?: string\n  // Account block (status on/off-track, deposit, payoff variants): card content carried flat on\n  // the slot (the V2 contract drops `instance_slot_data`). `amount`, `label`, `merchant_guid`,\n  // `merchant_name`, `institution_guid`, `institution_name` are shared fields declared above.\n  /** Secondary line beneath the amount on the standard card, e.g. \"Remaining after expenses\". */\n  sub_text?: string\n  /** Header bar text (standard card) or the colored category strip label (deposit cards). */\n  header_text?: string\n  /** Generic-tile icon name used when no merchant/institution logo is available. */\n  icon_name?: string\n  /** Category guid used to render the deposit-card logo fallback. */\n  category_guid?: string\n  // Debts block: `amount` is the current balance; the shared account/institution fields above.\n  /** Projected payoff date in ISO form (e.g. `2027-03-01`); the block formats it as month + year. */\n  payoff_date?: string\n  /** Monthly payment toward the debt (unformatted); the block formats it as currency. */\n  monthly_payment?: number\n  /** Annual interest rate as a percentage (e.g. `19.99`); the block formats it as a percent. */\n  interest_rate?: number\n}\n"],"mappings":"AAgTA,IAAa,IAAA,CACX,GACA,MACkB,IAAO,CAAA"}

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

@@ -13,7 +13,7 @@ export type { Expense } from './Expense';
 export { ExpenseStatus, ScheduledPaymentTypes } from './Expense';
 export type { DynamicCopyElement, GlobalCopy } from './GlobalCopy';
 export { GoalType, MetaType, TrackType } from './Goal';
-export type { ThemedSVGImageProps, DrilldownData, DrilldownPayload, InsightsPayload, InstanceSlot, InstanceSlotData, Pill, WidgetType, InstanceSlotRow, BlockType, Description, PrimaryCTA, CtaPostMessageMetadata, SecondaryCTA, Subtitle, Footer, Logo, LogoRef, CategoryLogo, MerchantLogo, InstitutionLogo, Legends, } from './Insights';
+export type { ThemedSVGImageProps, DrilldownData, DrilldownPayload, InsightsPayload, InstanceSlot, InstanceSlotData, Pill, WidgetType, InstanceSlotRow, BlockType, Description, PrimaryCTA, CtaPostMessageMetadata, SecondaryCTA, Subtitle, Footer, Logo, LogoRef, InDescriptionCTA, CategoryLogo, MerchantLogo, InstitutionLogo, Legends, } from './Insights';
 export { slot } from './Insights';
 export type { Goal, MonthlyCashFlowProfile, RetirementGoalAccount } from './Goal';
 export type { Debt } from './Debt';

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js

@@ -1,43 +1,43 @@
-import { useGlobalCopyStore as g, useGlobalUiStore as C, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
+import { useGlobalCopyStore as C, useGlobalUiStore as _, useInsightsV2Store as h } from "../../common/context/hooks.es.js";
 import B from "../../common/components/drawer/Drawer.es.js";
-import _ from "../../common/components/Loader.es.js";
-import { getDynamicCtaBasedOnTriggers as v } from "./util.es.js";
-import { hasDrawerBlock as w } from "../mappings/hasDrawerBlock.es.js";
-import { actionBlocks as D } from "../mappings/blocks.es.js";
-import { observer as b } from "mobx-react-lite";
-import L from "@mui/material/Stack";
-import { Text as x } from "@mxenabled/mxui";
+import v from "../../common/components/Loader.es.js";
+import { getDynamicCtaBasedOnTriggers as w } from "./util.es.js";
+import { hasDrawerBlock as D } from "../mappings/hasDrawerBlock.es.js";
+import { actionBlocks as b } from "../mappings/blocks.es.js";
+import { observer as L } from "mobx-react-lite";
+import x from "@mui/material/Stack";
+import { Text as A } from "@mxenabled/mxui";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ actionBlock: s, ...o }) => {
   const { Component: i, usePrepare: n } = s;
   return n(o), /* @__PURE__ */ e(i, { ...o });
-}, $ = b(function({ beat: o }) {
-  const i = g(), n = i.common, { isCopyLoaded: p } = C(), { actionDrawer: c, closeActionDrawer: u } = h();
+}, q = L(function({ beat: o }) {
+  const i = C(), n = i.common, { isCopyLoaded: p } = _(), { actionDrawer: c, closeActionDrawer: d } = h();
   if (!o.insights_payload) return null;
-  const { primary_cta: d, secondary_cta: f } = o.insights_payload, l = c.isDrawerOpen && c.guid === o.guid;
-  if (!p) return l ? /* @__PURE__ */ e(_, {}) : null;
-  const r = v(c, d, f), a = w(r?.block), t = a ? D[r?.block] : void 0;
-  if (t?.presentation === "modal") return l ? /* @__PURE__ */ e(m, {
+  const { primary_cta: u, secondary_cta: f, in_description_cta: k } = o.insights_payload, a = c.isDrawerOpen && c.guid === o.guid;
+  if (!p) return a ? /* @__PURE__ */ e(v, {}) : null;
+  const r = w(c, u, f, k), l = D(r?.block), t = l ? b[r?.block] : void 0;
+  if (t?.presentation === "modal") return a ? /* @__PURE__ */ e(m, {
     actionBlock: t,
     beat: o
   }, r?.block) : null;
-  const k = t?.title?.(r?.variant, i, o), y = t ? k || r?.label || "" : a ? n.error_heading : r?.label ?? "";
+  const y = t?.title?.(r?.variant, i, o), g = t ? y || r?.label || "" : l ? n.error_heading : r?.label ?? "";
   return /* @__PURE__ */ e(B, {
     ariaLabelClose: n.close_aria,
-    isOpen: l,
-    onClose: u,
-    title: y,
+    isOpen: a,
+    onClose: d,
+    title: g,
     children: t ? /* @__PURE__ */ e(m, {
       actionBlock: t,
       beat: o
-    }, r?.block) : a ? /* @__PURE__ */ e(L, {
+    }, r?.block) : l ? /* @__PURE__ */ e(x, {
       sx: { p: 24 },
-      children: /* @__PURE__ */ e(x, { children: n.error_message })
+      children: /* @__PURE__ */ e(A, { children: n.error_message })
     }) : null
   });
 });
 export {
-  $ as ActionBlockLayer
+  q as ActionBlockLayer
 };
 
 //# sourceMappingURL=ActionBlockLayer.es.js.map

package/dist/insights-v2/actionBlocks/ActionBlockLayer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(actionDrawer, primary_cta, secondary_cta)\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,EAAA,IAAkB,EAAK,kBAItC,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EAA6B,GAAc,GAAa,CAAa,GAIlF,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"ActionBlockLayer.es.js","names":[],"sources":["../../../src/insights-v2/actionBlocks/ActionBlockLayer.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Drawer,\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useInsightsV2Store,\n} from '../../common'\nimport { type Beat } from '../../core'\nimport {\n  actionBlocks,\n  hasDrawerBlock,\n  type ActionBlockEntry,\n  type ActionBlockProps,\n} from '../mappings/blocks'\nimport { getDynamicCtaBasedOnTriggers } from './util'\n\ninterface ActionBlockLayerProps {\n  beat: Beat\n}\n\n/**\n * Renders a registered action block. Callers MUST key this per block name — a\n * block with `usePrepare` and one without run a different number of hooks, so\n * reusing the same fiber across a block switch violates the rules of hooks.\n */\nconst ActionBlockRunner = ({\n  actionBlock,\n  ...blockProps\n}: ActionBlockProps & { actionBlock: ActionBlockEntry }) => {\n  const { Component, usePrepare } = actionBlock\n\n  usePrepare(blockProps)\n\n  return <Component {...blockProps} />\n}\n\n// `observer` is required: this reads `isCopyLoaded` off GlobalUiStore and the\n// action drawer off InsightsV2Store. Without it the component never re-renders\n// and stays stuck on <Loader /> forever.\nexport const ActionBlockLayer = observer(function ActionBlockLayer({\n  beat,\n}: ActionBlockLayerProps) {\n  const copy = useGlobalCopyStore()\n  const commonCopy = copy.common\n  const { isCopyLoaded } = useGlobalUiStore()\n  const { actionDrawer, closeActionDrawer } = useInsightsV2Store()\n\n  // Mirrors BaseLayout's guard — the layer is exported, so callers are not\n  // guaranteed to have narrowed this already.\n  if (!beat.insights_payload) return null\n\n  const { primary_cta, secondary_cta, in_description_cta } = beat.insights_payload\n\n  // Every card in the feed renders its own layer against the shared store, so\n  // this card's drawer only opens when its beat is the one that triggered it.\n  const isCurrentBeatOpen = actionDrawer.isDrawerOpen && actionDrawer.guid === beat.guid\n\n  if (!isCopyLoaded) return isCurrentBeatOpen ? <Loader /> : null\n\n  const currentCta = getDynamicCtaBasedOnTriggers(\n    actionDrawer,\n    primary_cta,\n    secondary_cta,\n    in_description_cta,\n  )\n\n  // A CTA without a real block never opens a drawer (BaseLayout won't trigger it);\n  // a real-but-unknown block shows the error (\"oops\") content.\n  const blockValid = hasDrawerBlock(currentCta?.block)\n  const actionBlock = blockValid\n    ? actionBlocks[currentCta?.block as keyof typeof actionBlocks]\n    : undefined\n\n  // A modal block owns its dialog: no drawer behind it, and nothing mounted until it is opened.\n  if (actionBlock?.presentation === 'modal') {\n    return isCurrentBeatOpen ? (\n      <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n    ) : null\n  }\n\n  const resolvedTitle = actionBlock?.title?.(currentCta?.variant, copy, beat)\n  const drawerTitle = actionBlock\n    ? resolvedTitle || currentCta?.label || ''\n    : blockValid\n      ? commonCopy.error_heading\n      : (currentCta?.label ?? '')\n\n  return (\n    <Drawer\n      ariaLabelClose={commonCopy.close_aria}\n      isOpen={isCurrentBeatOpen}\n      onClose={closeActionDrawer}\n      title={drawerTitle}\n    >\n      {actionBlock ? (\n        <ActionBlockRunner actionBlock={actionBlock} beat={beat} key={currentCta?.block} />\n      ) : blockValid ? (\n        <Stack sx={{ p: 24 }}>\n          <Text>{commonCopy.error_message}</Text>\n        </Stack>\n      ) : null}\n    </Drawer>\n  )\n})\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAA,CAAqB,EACzB,aAAA,GACA,GAAG,EAAA,MACuD;AAC1D,QAAM,EAAE,WAAA,GAAW,YAAA,EAAA,IAAe;AAElC,SAAA,EAAW,CAAU,GAEd,gBAAA,EAAC,GAAD,EAAW,GAAI,EAAa,CAAA;AACrC,GAKa,IAAmB,EAAS,SAA0B,EACjE,MAAA,EAAA,GACwB;AACxB,QAAM,IAAO,EAAmB,GAC1B,IAAa,EAAK,QAClB,EAAE,cAAA,EAAA,IAAiB,EAAiB,GACpC,EAAE,cAAA,GAAc,mBAAA,EAAA,IAAsB,EAAmB;AAI/D,MAAI,CAAC,EAAK,iBAAkB,QAAO;AAEnC,QAAM,EAAE,aAAA,GAAa,eAAA,GAAe,oBAAA,EAAA,IAAuB,EAAK,kBAI1D,IAAoB,EAAa,gBAAgB,EAAa,SAAS,EAAK;AAElF,MAAI,CAAC,EAAc,QAAO,IAAoB,gBAAA,EAAC,GAAD,CAAS,CAAA,IAAI;AAE3D,QAAM,IAAa,EACjB,GACA,GACA,GACA,CACF,GAIM,IAAa,EAAe,GAAY,KAAK,GAC7C,IAAc,IAChB,EAAa,GAAY,KAAA,IACzB;AAGJ,MAAI,GAAa,iBAAiB,QAChC,QAAO,IACL,gBAAA,EAAC,GAAD;AAAA,IAAgC,aAAA;AAAA,IAAmB,MAAA;AAAA,EAA+B,GAApB,GAAY,KAAQ,IAChF;AAGN,QAAM,IAAgB,GAAa,QAAQ,GAAY,SAAS,GAAM,CAAI,GACpE,IAAc,IAChB,KAAiB,GAAY,SAAS,KACtC,IACE,EAAW,gBACV,GAAY,SAAS;AAE5B,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,gBAAgB,EAAW;AAAA,IAC3B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IAEN,UAAA,IACC,gBAAA,EAAC,GAAD;AAAA,MAAgC,aAAA;AAAA,MAAmB,MAAA;AAAA,IAA+B,GAApB,GAAY,KAAQ,IAChF,IACF,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI,EAAE,GAAG,GAAG;AAAA,MACjB,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAW,cAAoB,CAAA;AAAA,IACjC,CAAA,IACL;AAAA,EACE,CAAA;AAEZ,CAAC"}

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

@@ -1,72 +1,74 @@
-import { useGlobalCopyStore as Q, useGlobalUiStore as W, useInsightsV2Store as X } from "../../../common/context/hooks.es.js";
-import { formatCurrency as Y } from "../../../core/utils/NumberFormatting.es.js";
-import Z from "../../../common/components/drawer/Drawer.es.js";
-import tt from "../../../common/components/Loader.es.js";
-import { BarChartV2 as et } from "../../components/chartblocks/BarchartV2.es.js";
-import { EmptyBarChart as at } from "../../components/chartblocks/EmptyBarChart.es.js";
-import { TransactionDrillDown as ot } from "./TransactionDrillDown.es.js";
-import { useTransactionHistory as nt } from "./useTransactionHistory.es.js";
-import { getDefaultSelection as rt, getDrillDownConfig as it, getFlattenedDataSeries as st, toStoreFilter as lt } from "./utils.es.js";
-import { TransactionDetailsBlock as ct } from "../TransactionDetailsBlock/TransactionDetailsBlock.es.js";
-import { useLayoutEffect as dt, useState as u } from "react";
-import { observer as mt } from "mobx-react-lite";
-import { Fragment as gt, jsx as o, jsxs as pt } from "react/jsx-runtime";
-import { useTheme as ut } from "@mui/material/styles";
-var It = mt(({ beat: a }) => {
-  const h = ut(), { instanceSlotData: e, beatTransactions: s, spendCategoryGuids: b, allAccountGuids: f, categoryName: L, displayedDateRange: m, transactionStore: x } = nt(a), { actionDrawer: y, setActionContext: C } = X(), { common: B, insights_feed: l } = Q(), { isCopyLoaded: F } = W(), [I, T] = u(!1), [G, A] = u(!1), { insights_payload: n } = a, j = y.trigger === "secondaryCta" ? n?.secondary_cta?.variant : n?.primary_cta?.variant, { top: g, filterMode: c, header: k, colors: w, filterStrategy: H, tipSection: S } = it(j ?? ""), { dataSeries: d, chartData: r, comparisonBars: O } = st({
+import { useGlobalCopyStore as W, useGlobalUiStore as X, useInsightsV2Store as Y } from "../../../common/context/hooks.es.js";
+import { formatCurrency as Z } from "../../../core/utils/NumberFormatting.es.js";
+import tt from "../../../common/components/drawer/Drawer.es.js";
+import et from "../../../common/components/Loader.es.js";
+import { BarChartV2 as at } from "../../components/chartblocks/BarchartV2.es.js";
+import { EmptyBarChart as ot } from "../../components/chartblocks/EmptyBarChart.es.js";
+import { TransactionDrillDown as nt } from "./TransactionDrillDown.es.js";
+import { useTransactionHistory as rt } from "./useTransactionHistory.es.js";
+import { getDefaultSelection as it, getDrillDownConfig as st, getFlattenedDataSeries as lt, toStoreFilter as ct } from "./utils.es.js";
+import { getDynamicCtaBasedOnTriggers as dt } from "../util.es.js";
+import { TransactionDetailsBlock as mt } from "../TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { useLayoutEffect as gt, useState as u } from "react";
+import { observer as pt } from "mobx-react-lite";
+import { Fragment as ut, jsx as n, jsxs as ht } from "react/jsx-runtime";
+import { useTheme as bt } from "@mui/material/styles";
+var jt = pt(({ beat: a }) => {
+  const h = bt(), { instanceSlotData: e, beatTransactions: l, spendCategoryGuids: b, allAccountGuids: f, categoryName: v, displayedDateRange: g, transactionStore: x } = rt(a), { actionDrawer: y, setActionContext: C } = Y(), { common: B, insights_feed: c } = W(), { isCopyLoaded: F } = X(), [I, T] = u(!1), [G, A] = u(!1), { insights_payload: o } = a, j = dt(y, o?.primary_cta, o?.secondary_cta, o?.in_description_cta)?.variant, { top: r, filterMode: d, header: k, colors: w, filterStrategy: H, tipSection: S } = st(j ?? ""), { dataSeries: m, chartData: i, comparisonBars: O } = lt({
     data: e?.data_series,
     ariaLabel: e?.ariaLabel ?? "",
-    top: g,
-    beatTransactions: s,
+    top: r,
+    beatTransactions: l,
     payload: e
-  }), { chartBarIndex: E, subTabIndex: K } = rt({
-    chartTabCount: r.length,
+  }), { chartBarIndex: E, subTabIndex: K } = it({
+    chartTabCount: i.length,
     comparisonTabCount: O.length,
     actionDrawer: y,
     beatGuid: a.guid
-  }), [i, _] = u(E), D = (t) => H({
+  }), [s, _] = u(E), D = (t) => H({
     beat: a,
-    beatTransactions: s,
-    dataSeries: d,
+    beatTransactions: l,
+    dataSeries: m,
     selectedIndex: t,
     subIndex: K,
-    isLastTab: t === d.length - 1,
+    isLastTab: t === m.length - 1,
     instanceSlotData: e,
     spendCategoryGuids: b,
-    displayedDateRange: m
-  }), V = s.map((t) => t.guid).join(","), R = b.join(","), M = f.join(","), v = () => {
-    c !== "store" || !d.length || x.setFilter(lt(D(i), {
+    displayedDateRange: g
+  }), V = l.map((t) => t.guid).join(","), R = b.join(","), M = f.join(","), N = r === "list" || m.length > 0, L = () => {
+    d !== "store" || !N || x.setFilter(ct(D(s), {
       allAccountGuids: f,
-      displayedDateRange: m
+      displayedDateRange: g
     }));
   };
-  dt(() => {
-    v();
+  gt(() => {
+    L();
   }, [
     a.guid,
-    i,
-    c,
-    d.length,
+    s,
+    d,
+    m.length,
     e,
-    m,
+    g,
     R,
     M,
-    V
+    V,
+    r
   ]);
   const p = k?.({
-    title: n?.title,
-    subHeader: n?.sub_title,
-    categoryName: L,
-    selectedDate: r[i]?.date ?? void 0
-  }), N = w(h, e?.category_guid);
-  if (!F) return /* @__PURE__ */ o(tt, {});
-  const P = [l.general.monthly_amount, l.general.trend], [U, $] = e?.legends?.length ? e.legends.map((t) => t.label) : P, q = c === "local" ? (t) => D(t).custom ?? (() => !0) : void 0, z = c === "local" ? s : void 0, J = g === "singleBar" || g === "upcomingBill" ? r.length ? /* @__PURE__ */ o(et, {
+    title: o?.title,
+    subHeader: o?.sub_title,
+    categoryName: v,
+    selectedDate: i[s]?.date ?? void 0
+  }), P = w(h, e?.category_guid);
+  if (!F) return /* @__PURE__ */ n(et, {});
+  const U = [c.general.monthly_amount, c.general.trend], [$, q] = e?.legends?.length ? e.legends.map((t) => t.label) : U, z = d === "local" ? (t) => D(t).custom ?? (() => !0) : void 0, J = d === "local" ? l : void 0, Q = r === "singleBar" || r === "upcomingBill" ? i.length ? /* @__PURE__ */ n(at, {
     amounts: {
       average: e?.average_amount,
-      formattedAverage: Y(e?.average_amount ?? 0, "0,0.00")
+      formattedAverage: Z(e?.average_amount ?? 0, "0,0.00")
     },
-    color: N[0] ?? h.palette.primary.main,
-    data: r,
+    color: P[0] ?? h.palette.primary.main,
+    data: i,
     legendPosition: "top",
     heightOverride: 142,
     margin: {
@@ -75,41 +77,41 @@ var It = mt(({ beat: a }) => {
       left: 24,
       right: 24
     },
-    monthlyAmountLabel: U,
+    monthlyAmountLabel: $,
     onBarClick: _,
-    selectedTabIndex: i,
-    trendAmountLabel: $
-  }) : /* @__PURE__ */ o(at, {}) : null;
-  return /* @__PURE__ */ pt(gt, { children: [/* @__PURE__ */ o(ot, {
+    selectedTabIndex: s,
+    trendAmountLabel: q
+  }) : /* @__PURE__ */ n(ot, {}) : null;
+  return /* @__PURE__ */ ht(ut, { children: [/* @__PURE__ */ n(nt, {
     ariaLabel: e?.ariaLabel,
-    baseTransactions: z,
+    baseTransactions: J,
     heading: p?.heading,
     icon: p?.icon,
     onSelectionChange: _,
-    selectedIndex: i,
+    selectedIndex: s,
     subHeadingText: p?.subHeadingText,
-    tabs: r.map((t) => ({
+    tabs: i.map((t) => ({
       ariaLabel: t.ariaLabel,
       label: t.label
     })),
-    top: J,
-    ...S && { tipSection: !G && S(A, l, n?.sub_title?.text) },
-    transactionFilter: q,
+    top: Q,
+    ...S && { tipSection: !G && S(A, c, o?.sub_title?.text) },
+    transactionFilter: z,
     onEachRowClick: (t) => {
       C({ transaction_guid: t }), T(!0);
     }
-  }), /* @__PURE__ */ o(Z, {
+  }), /* @__PURE__ */ n(tt, {
     ariaLabelClose: B.close_aria,
     isOpen: I,
     onClose: () => {
-      T(!1), C({ transaction_guid: void 0 }), v();
+      T(!1), C({ transaction_guid: void 0 }), L();
     },
-    title: l.general.transaction_details_title,
-    children: /* @__PURE__ */ o(ct, { beat: a })
+    title: c.general.transaction_details_title,
+    children: /* @__PURE__ */ n(mt, { beat: a })
   })] });
 });
 export {
-  It as TransactionHistoryBlock
+  jt as TransactionHistoryBlock
 };
 
 //# sourceMappingURL=TransactionHistoryBlock.es.js.map