@mx-cartographer/experiences 9.4.68 → 9.4.69

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [9.4.69] - 10-09-2026
+
+- **ADDED** - `remaining_cash_block` (Remaining Cash) action block for the Payday Cash Left Over Status beat: summary card (remaining until payday, days, cash on hand, upcoming expenses) plus cash accounts and recurring expenses before payday, each capped at two rows with an "Other (#)" row. Store-driven from `CashflowStore`; loads through `useRecurringTransactionPrepare` with an `ErrorCard` retry on failure (WEC-1880)
+- **ADDED** - `CashflowStore.uiStore` computeds `upcomingExpensesTotal`, `remainingUntilPayday`, `hasUpcomingPayday`; `insights_feed.remaining_cash` copy (WEC-1880)
+- **ADDED** - Payday Cash Left Over Status beat fixtures, `InsightsV2/ActionBlock/RemainingCashBlock` stories, and `docs/action-blocks/remaining-cash-block.md` (WEC-1880)
+
 ## [9.4.68] - 10-09-2026
 
 - **ADDED** - `transaction_list_block` (Transaction List) action block: opens a date-grouped drawer of the transactions a beat points at, with a nested Transaction Details drawer stacked on row click. Resolves rows via `instance_slot_data.transaction_guids` (id-list path), guarded by `Array.isArray` at the untrusted-payload boundary. `usePrepare` shares `useTransactionDetailsPrepare` so `detailedTransactions` is loaded on open — the drawer never opens on a permanent spinner. The registry entry titles the drawer from `insights_payload.title` (matching the WEC-1804 move off `beat.html_title`, which carries HTML entities); when the resolver returns an empty string, `ActionBlockLayer` falls back to the CTA label. Nested close clears the shared `transaction_guid` from action context, matching the sibling `TransactionHistoryBlock` convention. Only the `Standard` variant ships in this MR; the other three variants (`w/Summary`, `w/Status`, `w/Help`) are deferred to a follow-up MR after Figma review surfaced structural mismatches. Unblocks WEC-1461 and WEC-1462. (WEC-1425)

package/dist/cashflow/context/hooks.d.ts

@@ -13,4 +13,7 @@ export declare const useCashflowUiStore: () => {
     get selectedCashBalance(): number;
     get daysUntilNextIncome(): number;
     get expensesTilNextIncome(): import('../../core').Recurrence[];
+    get upcomingExpensesTotal(): number;
+    get remainingUntilPayday(): number;
+    get hasUpcomingPayday(): boolean;
 };

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

@@ -22,5 +22,8 @@ declare class UiStore {
     get selectedCashBalance(): number;
     get daysUntilNextIncome(): number;
     get expensesTilNextIncome(): Recurrence[];
+    get upcomingExpensesTotal(): number;
+    get remainingUntilPayday(): number;
+    get hasUpcomingPayday(): boolean;
 }
 export {};

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

@@ -54,6 +54,15 @@ var f = class {
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter((e) => c(e.expectedDate, this.nextIncome?.expectedDate || i(/* @__PURE__ */ new Date())));
   }
+  get upcomingExpensesTotal() {
+    return this.expensesTilNextIncome.reduce((e, t) => e + t.amount, 0);
+  }
+  get remainingUntilPayday() {
+    return this.selectedCashBalance - this.upcomingExpensesTotal;
+  }
+  get hasUpcomingPayday() {
+    return this.nextIncome !== void 0;
+  }
 };
 export {
   f as CashflowStore

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

@@ -1 +1 @@
-{"version":3,"file":"CashflowStore.es.js","names":[],"sources":["../../../src/core/stores/CashflowStore.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\nimport { addDays } from 'date-fns/addDays'\nimport { differenceInDays } from 'date-fns/differenceInDays'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport type { Account, Recurrence, UserProfile } from '../types'\nimport { getAccountStartingBalance } from '../utils/AccountUtils'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class CashflowStore {\n  globalStore: GlobalStore\n  uiStore: UiStore\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.uiStore = new UiStore(globalStore)\n\n    makeAutoObservable(this)\n  }\n\n  completeOnboarding = async () => {\n    const updatedUserProfile = {\n      ...this.globalStore.userStore.userProfile,\n      has_completed_cash_flow_onboarding: true,\n    } as UserProfile\n\n    await this.globalStore.userStore.updateUserProfile(updatedUserProfile)\n  }\n}\n\nclass UiStore {\n  globalStore: GlobalStore\n\n  // Cashflow is hard-coded to display 30 days starting from today. This is the\n  // single source of truth for Cash Flow's window; it intentionally does NOT\n  // mutate RecurringTransactionsStore.dateRange, so Cash Flow stays decoupled\n  // from other widgets (e.g. Recurring Transactions) that drive that shared range.\n  dateRange = { start: startOfToday(), end: addDays(startOfToday(), 30) }\n  isDirty = false\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  // Recurrence data scoped to Cash Flow's own dateRange, sourced from the\n  // range-parameterized helpers on RecurringTransactionsStore. Computeds (not\n  // component state) per the project's MobX conventions.\n  get income(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.incomeForRange(this.dateRange)\n  }\n\n  get upcomingIncome(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.upcomingIncomeForRange(this.dateRange)\n  }\n\n  get upcomingExpenses(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.upcomingExpensesForRange(this.dateRange)\n  }\n\n  get nextIncome(): Recurrence | undefined {\n    return this.globalStore.recurringTransactionsStore.nextIncomeForRange(this.dateRange)\n  }\n\n  // Visible cash accounts that are currently selected in the account filter.\n  // Computed (single source of truth) so it stays in sync with account data and\n  // the filter without effect-based syncing in components.\n  get selectedCashAccounts(): Account[] {\n    const { selectedAccountGuids } = this.globalStore.globalUiStore\n    return this.globalStore.accountStore.visibleCashAccounts.filter((account) =>\n      selectedAccountGuids.includes(account.guid),\n    )\n  }\n\n  // Total spendable/starting balance across the selected cash accounts, using\n  // the shared per-account balance rule (available vs current balance).\n  get selectedCashBalance(): number {\n    const showAvailableBalance =\n      this.globalStore.appConfig.config.display_available_balance_in_accounts\n    return this.selectedCashAccounts.reduce(\n      (total, account) => total + getAccountStartingBalance(account, showAvailableBalance),\n      0,\n    )\n  }\n  // Returns the number of days until the next income activity or 0 if there is no income activity\n  get daysUntilNextIncome() {\n    return this.nextIncome\n      ? Math.abs(differenceInDays(startOfToday(), this.nextIncome.expectedDate))\n      : 0\n  }\n\n  // Returns the expenses (Activities) until the  next income activity or the end of the month\n  // if there is no income activity\n  get expensesTilNextIncome() {\n    return this.upcomingExpenses.filter((a) =>\n      isBefore(a.expectedDate, this.nextIncome?.expectedDate || endOfMonth(new Date())),\n    )\n  }\n}\n"],"mappings":";;;;;;;AAYA,IAAa,IAAb,MAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EAEA,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,UAAU,IAAI,EAAQ,CAAW,GAEtC,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,qBAAqB,YAAY;AAC/B,UAAM,IAAqB;AAAA,MACzB,GAAG,KAAK,YAAY,UAAU;AAAA,MAC9B,oCAAoC;AAAA,IACtC;AAEA,UAAM,KAAK,YAAY,UAAU,kBAAkB,CAAkB;AAAA,EACvE;AACF,GAEM,IAAN,MAAc;AAAA,EACZ;AAAA,EAMA,YAAY;AAAA,IAAE,OAAO,EAAa;AAAA,IAAG,KAAK,EAAQ,EAAa,GAAG,EAAE;AAAA,EAAE;AAAA,EACtE,UAAU;AAAA,EAEV,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAKA,IAAI,SAAuB;AACzB,WAAO,KAAK,YAAY,2BAA2B,eAAe,KAAK,SAAS;AAAA,EAClF;AAAA,EAEA,IAAI,iBAA+B;AACjC,WAAO,KAAK,YAAY,2BAA2B,uBAAuB,KAAK,SAAS;AAAA,EAC1F;AAAA,EAEA,IAAI,mBAAiC;AACnC,WAAO,KAAK,YAAY,2BAA2B,yBAAyB,KAAK,SAAS;AAAA,EAC5F;AAAA,EAEA,IAAI,aAAqC;AACvC,WAAO,KAAK,YAAY,2BAA2B,mBAAmB,KAAK,SAAS;AAAA,EACtF;AAAA,EAKA,IAAI,uBAAkC;AACpC,UAAM,EAAE,sBAAA,EAAA,IAAyB,KAAK,YAAY;AAClD,WAAO,KAAK,YAAY,aAAa,oBAAoB,OAAA,CAAQ,MAC/D,EAAqB,SAAS,EAAQ,IAAI,CAC5C;AAAA,EACF;AAAA,EAIA,IAAI,sBAA8B;AAChC,UAAM,IACJ,KAAK,YAAY,UAAU,OAAO;AACpC,WAAO,KAAK,qBAAqB,OAAA,CAC9B,GAAO,MAAY,IAAQ,EAA0B,GAAS,CAAoB,GACnF,CACF;AAAA,EACF;AAAA,EAEA,IAAI,sBAAsB;AACxB,WAAO,KAAK,aACR,KAAK,IAAI,EAAiB,EAAa,GAAG,KAAK,WAAW,YAAY,CAAC,IACvE;AAAA,EACN;AAAA,EAIA,IAAI,wBAAwB;AAC1B,WAAO,KAAK,iBAAiB,OAAA,CAAQ,MACnC,EAAS,EAAE,cAAc,KAAK,YAAY,gBAAgB,EAAW,oBAAI,KAAK,CAAC,CAAC,CAClF;AAAA,EACF;AACF"}
+{"version":3,"file":"CashflowStore.es.js","names":[],"sources":["../../../src/core/stores/CashflowStore.ts"],"sourcesContent":["import { makeAutoObservable } from 'mobx'\nimport { addDays } from 'date-fns/addDays'\nimport { differenceInDays } from 'date-fns/differenceInDays'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { isBefore } from 'date-fns/isBefore'\nimport { startOfToday } from 'date-fns/startOfToday'\n\nimport type { Account, Recurrence, UserProfile } from '../types'\nimport { getAccountStartingBalance } from '../utils/AccountUtils'\n\nimport { GlobalStore } from './GlobalStore'\n\nexport class CashflowStore {\n  globalStore: GlobalStore\n  uiStore: UiStore\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.uiStore = new UiStore(globalStore)\n\n    makeAutoObservable(this)\n  }\n\n  completeOnboarding = async () => {\n    const updatedUserProfile = {\n      ...this.globalStore.userStore.userProfile,\n      has_completed_cash_flow_onboarding: true,\n    } as UserProfile\n\n    await this.globalStore.userStore.updateUserProfile(updatedUserProfile)\n  }\n}\n\nclass UiStore {\n  globalStore: GlobalStore\n\n  // Cashflow is hard-coded to display 30 days starting from today. This is the\n  // single source of truth for Cash Flow's window; it intentionally does NOT\n  // mutate RecurringTransactionsStore.dateRange, so Cash Flow stays decoupled\n  // from other widgets (e.g. Recurring Transactions) that drive that shared range.\n  dateRange = { start: startOfToday(), end: addDays(startOfToday(), 30) }\n  isDirty = false\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n\n    makeAutoObservable(this)\n  }\n\n  // Recurrence data scoped to Cash Flow's own dateRange, sourced from the\n  // range-parameterized helpers on RecurringTransactionsStore. Computeds (not\n  // component state) per the project's MobX conventions.\n  get income(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.incomeForRange(this.dateRange)\n  }\n\n  get upcomingIncome(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.upcomingIncomeForRange(this.dateRange)\n  }\n\n  get upcomingExpenses(): Recurrence[] {\n    return this.globalStore.recurringTransactionsStore.upcomingExpensesForRange(this.dateRange)\n  }\n\n  get nextIncome(): Recurrence | undefined {\n    return this.globalStore.recurringTransactionsStore.nextIncomeForRange(this.dateRange)\n  }\n\n  // Visible cash accounts that are currently selected in the account filter.\n  // Computed (single source of truth) so it stays in sync with account data and\n  // the filter without effect-based syncing in components.\n  get selectedCashAccounts(): Account[] {\n    const { selectedAccountGuids } = this.globalStore.globalUiStore\n    return this.globalStore.accountStore.visibleCashAccounts.filter((account) =>\n      selectedAccountGuids.includes(account.guid),\n    )\n  }\n\n  // Total spendable/starting balance across the selected cash accounts, using\n  // the shared per-account balance rule (available vs current balance).\n  get selectedCashBalance(): number {\n    const showAvailableBalance =\n      this.globalStore.appConfig.config.display_available_balance_in_accounts\n    return this.selectedCashAccounts.reduce(\n      (total, account) => total + getAccountStartingBalance(account, showAvailableBalance),\n      0,\n    )\n  }\n  // Returns the number of days until the next income activity or 0 if there is no income activity\n  get daysUntilNextIncome() {\n    return this.nextIncome\n      ? Math.abs(differenceInDays(startOfToday(), this.nextIncome.expectedDate))\n      : 0\n  }\n\n  // Returns the expenses (Activities) until the  next income activity or the end of the month\n  // if there is no income activity\n  get expensesTilNextIncome() {\n    return this.upcomingExpenses.filter((a) =>\n      isBefore(a.expectedDate, this.nextIncome?.expectedDate || endOfMonth(new Date())),\n    )\n  }\n\n  // Sum of the expenses due before the next income (end of month when there is none).\n  get upcomingExpensesTotal(): number {\n    return this.expensesTilNextIncome.reduce((total, expense) => total + expense.amount, 0)\n  }\n\n  // Cash left once the upcoming expenses are paid; negative when short before payday.\n  get remainingUntilPayday(): number {\n    return this.selectedCashBalance - this.upcomingExpensesTotal\n  }\n\n  get hasUpcomingPayday(): boolean {\n    return this.nextIncome !== undefined\n  }\n}\n"],"mappings":";;;;;;;AAYA,IAAa,IAAb,MAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EAEA,YAAY,GAA0B;AACpC,SAAK,cAAc,GACnB,KAAK,UAAU,IAAI,EAAQ,CAAW,GAEtC,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,qBAAqB,YAAY;AAC/B,UAAM,IAAqB;AAAA,MACzB,GAAG,KAAK,YAAY,UAAU;AAAA,MAC9B,oCAAoC;AAAA,IACtC;AAEA,UAAM,KAAK,YAAY,UAAU,kBAAkB,CAAkB;AAAA,EACvE;AACF,GAEM,IAAN,MAAc;AAAA,EACZ;AAAA,EAMA,YAAY;AAAA,IAAE,OAAO,EAAa;AAAA,IAAG,KAAK,EAAQ,EAAa,GAAG,EAAE;AAAA,EAAE;AAAA,EACtE,UAAU;AAAA,EAEV,YAAY,GAA0B;AACpC,SAAK,cAAc,GAEnB,EAAmB,IAAI;AAAA,EACzB;AAAA,EAKA,IAAI,SAAuB;AACzB,WAAO,KAAK,YAAY,2BAA2B,eAAe,KAAK,SAAS;AAAA,EAClF;AAAA,EAEA,IAAI,iBAA+B;AACjC,WAAO,KAAK,YAAY,2BAA2B,uBAAuB,KAAK,SAAS;AAAA,EAC1F;AAAA,EAEA,IAAI,mBAAiC;AACnC,WAAO,KAAK,YAAY,2BAA2B,yBAAyB,KAAK,SAAS;AAAA,EAC5F;AAAA,EAEA,IAAI,aAAqC;AACvC,WAAO,KAAK,YAAY,2BAA2B,mBAAmB,KAAK,SAAS;AAAA,EACtF;AAAA,EAKA,IAAI,uBAAkC;AACpC,UAAM,EAAE,sBAAA,EAAA,IAAyB,KAAK,YAAY;AAClD,WAAO,KAAK,YAAY,aAAa,oBAAoB,OAAA,CAAQ,MAC/D,EAAqB,SAAS,EAAQ,IAAI,CAC5C;AAAA,EACF;AAAA,EAIA,IAAI,sBAA8B;AAChC,UAAM,IACJ,KAAK,YAAY,UAAU,OAAO;AACpC,WAAO,KAAK,qBAAqB,OAAA,CAC9B,GAAO,MAAY,IAAQ,EAA0B,GAAS,CAAoB,GACnF,CACF;AAAA,EACF;AAAA,EAEA,IAAI,sBAAsB;AACxB,WAAO,KAAK,aACR,KAAK,IAAI,EAAiB,EAAa,GAAG,KAAK,WAAW,YAAY,CAAC,IACvE;AAAA,EACN;AAAA,EAIA,IAAI,wBAAwB;AAC1B,WAAO,KAAK,iBAAiB,OAAA,CAAQ,MACnC,EAAS,EAAE,cAAc,KAAK,YAAY,gBAAgB,EAAW,oBAAI,KAAK,CAAC,CAAC,CAClF;AAAA,EACF;AAAA,EAGA,IAAI,wBAAgC;AAClC,WAAO,KAAK,sBAAsB,OAAA,CAAQ,GAAO,MAAY,IAAQ,EAAQ,QAAQ,CAAC;AAAA,EACxF;AAAA,EAGA,IAAI,uBAA+B;AACjC,WAAO,KAAK,sBAAsB,KAAK;AAAA,EACzC;AAAA,EAEA,IAAI,oBAA6B;AAC/B,WAAO,KAAK,eAAe;AAAA,EAC7B;AACF"}

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

@@ -132,10 +132,25 @@ export interface FeedbackCopy {
     /** ARIA label for the close button. */
     close_aria: string;
 }
+export interface RemainingCashCopy {
+    title: string;
+    remaining_until_payday: string;
+    remaining_until_payday_one: string;
+    cash_on_hand: string;
+    upcoming_expenses: string;
+    accounts_header: string;
+    recurring_expenses_header: string;
+    other_accounts: string;
+    other_accounts_one: string;
+    other_expenses: string;
+    other_expenses_one: string;
+}
 export interface InsightsFeedCopy {
     general: GeneralInsightsFeedCopy;
     settings_menu: SettingsMenuCopy;
     make_transfer: MakeTransferCopy;
+    /** Optional until the localized-content service ships it; the drawer shows an error without it. */
+    remaining_cash?: RemainingCashCopy;
     overflow_menu: OverflowMenuCopy;
     transaction_history_block: TransactionHistoryBlock;
     hidden_confirmation: HiddenConfirmationCopy;

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

@@ -13,7 +13,7 @@ export type { DebtsCopy } from './DebtsCopy';
 export type { FinstrongCopy } from './FinstrongCopy';
 export type { GoalsCopy } from './GoalsCopy';
 export type { HelpCopy, HelpByCategoryList } from './HelpCopy';
-export type { InsightsFeedCopy, MakeTransferCopy, OverflowMenuCopy, DismissInsightCopy, DismissInsightOptionCopy, HiddenConfirmationCopy, HideFeedbackCopy, FeedbackCopy, FeedbackBarCopy, } from './InsightsFeedCopy';
+export type { InsightsFeedCopy, MakeTransferCopy, RemainingCashCopy, OverflowMenuCopy, DismissInsightCopy, DismissInsightOptionCopy, HiddenConfirmationCopy, HideFeedbackCopy, FeedbackCopy, FeedbackBarCopy, } from './InsightsFeedCopy';
 export type { InvestmentsCopy } from './InvestmentsCopy';
 export type { MicroInsightsCopy } from './MicroInsightsCopy';
 export type { NetWorthCopy } from './NetWorthCopy';

package/dist/insights-v2/actionBlocks/RecurringTransactionBlock/index.d.ts

@@ -1,2 +1,2 @@
 export { RecurringTransactionBlock } from './RecurringTransactionBlock';
-export { useRecurringTransactionPrepare } from './useRecurringTransactionPrepare';
+export { type RecurringTransactionActionContext, useRecurringTransactionLoad, useRecurringTransactionPrepare, } from './useRecurringTransactionPrepare';

package/dist/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashBlock.d.ts

@@ -0,0 +1,11 @@
+import { ActionBlockProps } from '../../mappings/blocks';
+/**
+ * Remaining Cash drawer (WEC-1880) for the Payday Cash Left Over Status beat. Store-driven: the
+ * figures are today's, from CashflowStore's UiStore, not the card's generation-time numbers
+ * (accepted trade-off, see docs/action-blocks/remaining-cash-block.md).
+ *
+ * `observer` is required: everything rendered is read from MobX stores and computeds.
+ */
+export declare const RemainingCashBlock: ((_props: ActionBlockProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

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

@@ -0,0 +1,89 @@
+import { CategoryGuids as T } from "../../../core/constants/Category.es.js";
+import R from "../../../common/utils/AccountDisplayName.es.js";
+import { useAccountStore as G, useActionContext as S, useAppConfig as w, useCashflowStore as A, useCategoryStore as I, useGlobalCopyStore as U, useRecurringTransactionsStore as v, useTransactionStore as E } from "../../../common/context/hooks.es.js";
+import { getAccountStartingBalance as O } from "../../../core/utils/AccountUtils.es.js";
+import b from "../../../common/components/Loader.es.js";
+import { ErrorCard as k } from "../../components/ErrorCard.es.js";
+import { useRecurringTransactionLoad as N } from "../RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
+import { DEFAULT_INSTITUTION_LOGO_URL as D, getCaption as F, getOtherLabel as z, groupRows as B } from "./layout.es.js";
+import H from "./RemainingCashContent.es.js";
+import { observer as P } from "mobx-react-lite";
+import $ from "@mui/material/Stack";
+import { CategoryIcon as d, InstitutionLogo as g, Text as j } from "@mxenabled/mxui";
+import { jsx as n } from "react/jsx-runtime";
+var p = (m, i, s) => {
+  const { others: a, shown: r } = B(m);
+  return a ? [...r, {
+    amount: a.total,
+    key: "other",
+    leading: s,
+    name: z(i.one, i.multi, a.count)
+  }] : r;
+}, to = P(function(i) {
+  const { common: s, insights_feed: a } = U(), { config: r } = w(), { uiStore: t } = A(), { getTopLevelCategoryGuid: l } = I(), { accountsLoaded: h } = G(), { transactionsLoaded: u, transactionsLoading: y } = E(), { isDataLoaded: c } = v(), _ = S()?.recurringLoadFailed === !0, f = N(), C = c && !u && !y, o = a?.remaining_cash;
+  if (a?.general && !o) return /* @__PURE__ */ n($, {
+    sx: { p: 24 },
+    children: /* @__PURE__ */ n(j, { children: s?.error_message })
+  });
+  if (_ && !c || C) return /* @__PURE__ */ n(k, { onRetry: () => {
+    f();
+  } });
+  if (!c || !h || !u || !o) return /* @__PURE__ */ n(b, {});
+  const L = p(t.selectedCashAccounts.map((e) => ({
+    amount: O(e, r.display_available_balance_in_accounts),
+    key: e.guid,
+    leading: /* @__PURE__ */ n(g, {
+      alt: "",
+      institutionGuid: e.institution_guid ?? "",
+      size: 32
+    }),
+    name: R(e)
+  })), {
+    multi: o.other_accounts,
+    one: o.other_accounts_one
+  }, /* @__PURE__ */ n(g, {
+    alt: "",
+    institutionGuid: "",
+    logoUrl: D,
+    size: 32
+  })), x = p(t.expensesTilNextIncome.map((e) => ({
+    amount: e.amount,
+    key: `${e.repeatingTransactionGuid}-${e.expectedDate.getTime()}`,
+    leading: /* @__PURE__ */ n(d, {
+      categoryGuid: l(e.categoryGuid),
+      size: 32
+    }),
+    name: e.name
+  })), {
+    multi: o.other_expenses,
+    one: o.other_expenses_one
+  }, /* @__PURE__ */ n(d, {
+    categoryGuid: T.UNCATEGORIZED,
+    size: 32
+  }));
+  return /* @__PURE__ */ n(H, {
+    accounts: {
+      header: o.accounts_header,
+      rows: L
+    },
+    expenses: {
+      header: o.recurring_expenses_header,
+      rows: x
+    },
+    summary: {
+      remaining: t.hasUpcomingPayday ? {
+        amount: t.remainingUntilPayday,
+        caption: F(o, t.daysUntilNextIncome)
+      } : void 0,
+      cashOnHand: t.selectedCashBalance,
+      cashOnHandLabel: o.cash_on_hand,
+      upcomingExpenses: t.upcomingExpensesTotal,
+      upcomingExpensesLabel: o.upcoming_expenses
+    }
+  });
+});
+export {
+  to as RemainingCashBlock
+};
+
+//# sourceMappingURL=RemainingCashBlock.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemainingCashBlock.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashBlock.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { CategoryIcon, InstitutionLogo, Text } from '@mxenabled/mxui'\nimport { observer } from 'mobx-react-lite'\n\nimport {\n  Loader,\n  useAccountStore,\n  useActionContext,\n  useAppConfig,\n  useCashflowStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n} from '../../../common'\nimport getAccountDisplayName from '../../../common/utils/AccountDisplayName'\nimport { CategoryGuids } from '../../../core/constants/Category'\nimport { getAccountStartingBalance } from '../../../core/utils/AccountUtils'\nimport { ErrorCard } from '../../components/ErrorCard'\nimport type { ActionBlockProps } from '../../mappings/blocks'\nimport {\n  type RecurringTransactionActionContext,\n  useRecurringTransactionLoad,\n} from '../RecurringTransactionBlock'\n\nimport { DEFAULT_INSTITUTION_LOGO_URL, getCaption, getOtherLabel, groupRows } from './layout'\nimport RemainingCashContent from './RemainingCashContent'\nimport type { RemainingCashRow } from './RemainingCashContent'\n\n/** Top rows by amount, then one \"Other (#)\" row with the rest's count and total. */\nconst toSectionRows = (\n  rows: RemainingCashRow[],\n  otherLabel: { one: string; multi: string },\n  otherLeading: ReactNode,\n): RemainingCashRow[] => {\n  const { others, shown } = groupRows(rows)\n\n  if (!others) return shown\n\n  return [\n    ...shown,\n    {\n      amount: others.total,\n      key: 'other',\n      leading: otherLeading,\n      name: getOtherLabel(otherLabel.one, otherLabel.multi, others.count),\n    },\n  ]\n}\n\n/**\n * Remaining Cash drawer (WEC-1880) for the Payday Cash Left Over Status beat. Store-driven: the\n * figures are today's, from CashflowStore's UiStore, not the card's generation-time numbers\n * (accepted trade-off, see docs/action-blocks/remaining-cash-block.md).\n *\n * `observer` is required: everything rendered is read from MobX stores and computeds.\n */\nexport const RemainingCashBlock = observer(function RemainingCashBlock(_props: ActionBlockProps) {\n  const { common: commonCopy, insights_feed: insightsFeedCopy } = useGlobalCopyStore()\n  const { config } = useAppConfig()\n  const { uiStore } = useCashflowStore()\n  const { getTopLevelCategoryGuid } = useCategoryStore()\n  const { accountsLoaded } = useAccountStore()\n  const { transactionsLoaded, transactionsLoading } = useTransactionStore()\n  const { isDataLoaded } = useRecurringTransactionsStore()\n  const loadFailed =\n    useActionContext<RecurringTransactionActionContext>()?.recurringLoadFailed === true\n  const retryLoad = useRecurringTransactionLoad()\n\n  // TransactionStore swallows a failed request, which would silently zero every expense (see the\n  // States table in docs/action-blocks/remaining-cash-block.md). `transactionsLoading` excludes another\n  // widget's request still in flight: loadTransactions returns early without awaiting it.\n  const transactionsFailed = isDataLoaded && !transactionsLoaded && !transactionsLoading\n  const copy = insightsFeedCopy?.remaining_cash\n\n  // Copy loaded but without this namespace (the copy service has not shipped it). Copy loads once at\n  // app start, so a retry cannot clear it: a plain message like ActionBlockLayer's unknown-block\n  // state, not ErrorCard's Try Again, and never an endless loader.\n  if (insightsFeedCopy?.general && !copy) {\n    return (\n      <Stack sx={{ p: 24 }}>\n        <Text>{commonCopy?.error_message}</Text>\n      </Stack>\n    )\n  }\n\n  if ((loadFailed && !isDataLoaded) || transactionsFailed) {\n    return <ErrorCard onRetry={() => void retryLoad()} />\n  }\n\n  // `accountsLoaded` / `transactionsLoaded` cover another widget's request still in flight.\n  if (!isDataLoaded || !accountsLoaded || !transactionsLoaded || !copy) return <Loader />\n\n  const accountRows = toSectionRows(\n    uiStore.selectedCashAccounts.map((account) => ({\n      amount: getAccountStartingBalance(account, config.display_available_balance_in_accounts),\n      key: account.guid,\n      // Decorative: the row's visible name already says which account it is.\n      leading: (\n        <InstitutionLogo alt=\"\" institutionGuid={account.institution_guid ?? ''} size={32} />\n      ),\n      name: getAccountDisplayName(account),\n    })),\n    { multi: copy.other_accounts, one: copy.other_accounts_one },\n    <InstitutionLogo alt=\"\" institutionGuid=\"\" logoUrl={DEFAULT_INSTITUTION_LOGO_URL} size={32} />,\n  )\n  const expenseRows = toSectionRows(\n    uiStore.expensesTilNextIncome.map((expense) => ({\n      amount: expense.amount,\n      key: `${expense.repeatingTransactionGuid}-${expense.expectedDate.getTime()}`,\n      leading: (\n        <CategoryIcon categoryGuid={getTopLevelCategoryGuid(expense.categoryGuid)} size={32} />\n      ),\n      name: expense.name,\n    })),\n    { multi: copy.other_expenses, one: copy.other_expenses_one },\n    <CategoryIcon categoryGuid={CategoryGuids.UNCATEGORIZED} size={32} />,\n  )\n\n  return (\n    <RemainingCashContent\n      accounts={{ header: copy.accounts_header, rows: accountRows }}\n      expenses={{ header: copy.recurring_expenses_header, rows: expenseRows }}\n      summary={{\n        remaining: uiStore.hasUpcomingPayday\n          ? {\n              amount: uiStore.remainingUntilPayday,\n              caption: getCaption(copy, uiStore.daysUntilNextIncome),\n            }\n          : undefined,\n        cashOnHand: uiStore.selectedCashBalance,\n        cashOnHandLabel: copy.cash_on_hand,\n        upcomingExpenses: uiStore.upcomingExpensesTotal,\n        upcomingExpensesLabel: copy.upcoming_expenses,\n      }}\n    />\n  )\n})\n"],"mappings":"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"}

package/dist/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashContent.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export interface RemainingCashRow {
+    key: string;
+    name: string;
+    amount: number;
+    /** The row's 32px logo: an account's institution or an expense's category. */
+    leading: ReactNode;
+}
+interface RemainingCashSectionProps {
+    header: string;
+    /** Already grouped and ordered, including any "Other (#)" row. */
+    rows: RemainingCashRow[];
+}
+interface RemainingCashSummaryProps {
+    /** Omitted when there is no upcoming payday: a "remaining until payday" figure has no meaning. */
+    remaining?: {
+        amount: number;
+        caption: string;
+    };
+    cashOnHand: number;
+    upcomingExpenses: number;
+    cashOnHandLabel: string;
+    upcomingExpensesLabel: string;
+}
+export interface RemainingCashContentProps {
+    summary: RemainingCashSummaryProps;
+    accounts: RemainingCashSectionProps;
+    expenses: RemainingCashSectionProps;
+}
+/** Presentational body of the Remaining Cash drawer (Figma 9936:39163, minus the drawer header). */
+declare const RemainingCashContent: ({ accounts, expenses, summary }: RemainingCashContentProps) => import("react/jsx-runtime").JSX.Element;
+export default RemainingCashContent;

package/dist/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashContent.es.js

@@ -0,0 +1,169 @@
+import { getLogoElevation as x } from "../../components/logoShadow.es.js";
+import { formatSignedCurrency as d } from "./layout.es.js";
+import { createElement as b } from "react";
+import i from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import p from "@mui/material/Box";
+import s from "@mui/material/Divider";
+var h = ({ label: t, value: e }) => /* @__PURE__ */ n(i, {
+  sx: {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 16,
+    minHeight: 44,
+    px: 24
+  },
+  children: [/* @__PURE__ */ r(a, {
+    sx: { flexGrow: 1 },
+    variant: "body1",
+    children: t
+  }), /* @__PURE__ */ r(a, {
+    bold: !0,
+    sx: { fontVariantNumeric: "tabular-nums" },
+    variant: "body1",
+    children: e
+  })]
+}), u = ({ cashOnHand: t, cashOnHandLabel: e, remaining: o, upcomingExpenses: l, upcomingExpensesLabel: c }) => /* @__PURE__ */ r(i, {
+  sx: {
+    pb: 8,
+    pt: 24,
+    px: 24
+  },
+  children: /* @__PURE__ */ n(i, {
+    sx: {
+      bgcolor: "background.paper",
+      borderRadius: "8px",
+      boxShadow: x,
+      gap: 16,
+      p: 16
+    },
+    children: [o && /* @__PURE__ */ n(i, {
+      "aria-label": `${d(o.amount)}, ${o.caption}`,
+      role: "group",
+      sx: {
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 72,
+        p: 12
+      },
+      children: [/* @__PURE__ */ r(a, {
+        "aria-hidden": !0,
+        bold: !0,
+        component: "p",
+        variant: "h2",
+        children: d(o.amount)
+      }), /* @__PURE__ */ r(a, {
+        "aria-hidden": !0,
+        color: "text.secondary",
+        variant: "subtitle2",
+        children: o.caption
+      })]
+    }), /* @__PURE__ */ n(i, {
+      sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: "8px",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ r(h, {
+          label: e,
+          value: d(t)
+        }),
+        /* @__PURE__ */ r(s, {}),
+        /* @__PURE__ */ r(h, {
+          label: c,
+          value: d(-l)
+        })
+      ]
+    })]
+  })
+}), f = ({ amount: t, isLast: e, leading: o, name: l }) => /* @__PURE__ */ n(p, {
+  component: "li",
+  sx: { position: "relative" },
+  children: [/* @__PURE__ */ n(i, {
+    sx: {
+      alignItems: "center",
+      flexDirection: "row",
+      gap: 16,
+      px: 24,
+      py: 14
+    },
+    children: [/* @__PURE__ */ n(i, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        flexGrow: 1,
+        gap: 12,
+        minWidth: 0
+      },
+      children: [/* @__PURE__ */ r(p, {
+        sx: {
+          display: "flex",
+          flexShrink: 0,
+          height: 32,
+          width: 32
+        },
+        children: o
+      }), /* @__PURE__ */ r(a, {
+        truncate: !0,
+        variant: "body1",
+        children: l
+      })]
+    }), /* @__PURE__ */ r(a, {
+      bold: !0,
+      sx: {
+        flexShrink: 0,
+        fontVariantNumeric: "tabular-nums"
+      },
+      variant: "body1",
+      children: d(t)
+    })]
+  }), /* @__PURE__ */ r(s, { sx: {
+    bottom: 0,
+    left: e ? 0 : 24,
+    position: "absolute",
+    right: 0
+  } })]
+}), m = ({ header: t, rows: e }) => /* @__PURE__ */ n(i, { children: [/* @__PURE__ */ r(p, {
+  sx: {
+    pb: 4,
+    pt: 16,
+    px: 24
+  },
+  children: /* @__PURE__ */ r(a, {
+    bold: !0,
+    component: "h3",
+    variant: "body1",
+    children: t
+  })
+}), /* @__PURE__ */ r(i, {
+  component: "ul",
+  sx: {
+    bgcolor: "background.paper",
+    listStyle: "none",
+    m: 0,
+    p: 0
+  },
+  children: e.map(({ key: o, ...l }, c) => /* @__PURE__ */ b(f, {
+    ...l,
+    isLast: c === e.length - 1,
+    key: o
+  }))
+})] }), R = ({ accounts: t, expenses: e, summary: o }) => /* @__PURE__ */ n(i, {
+  sx: {
+    bgcolor: "background.default",
+    pb: 24
+  },
+  children: [
+    /* @__PURE__ */ r(u, { ...o }),
+    t.rows.length > 0 && /* @__PURE__ */ r(m, { ...t }),
+    e.rows.length > 0 && /* @__PURE__ */ r(m, { ...e })
+  ]
+});
+export {
+  R as default
+};
+
+//# sourceMappingURL=RemainingCashContent.es.js.map

package/dist/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemainingCashContent.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/RemainingCashBlock/RemainingCashContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { getLogoElevation } from '../../components/logoShadow'\nimport { formatSignedCurrency } from './layout'\n\nexport interface RemainingCashRow {\n  key: string\n  name: string\n  amount: number\n  /** The row's 32px logo: an account's institution or an expense's category. */\n  leading: ReactNode\n}\n\ninterface RemainingCashSectionProps {\n  header: string\n  /** Already grouped and ordered, including any \"Other (#)\" row. */\n  rows: RemainingCashRow[]\n}\n\ninterface RemainingCashSummaryProps {\n  /** Omitted when there is no upcoming payday: a \"remaining until payday\" figure has no meaning. */\n  remaining?: { amount: number; caption: string }\n  cashOnHand: number\n  upcomingExpenses: number\n  cashOnHandLabel: string\n  upcomingExpensesLabel: string\n}\n\nexport interface RemainingCashContentProps {\n  summary: RemainingCashSummaryProps\n  accounts: RemainingCashSectionProps\n  expenses: RemainingCashSectionProps\n}\n\nconst BreakdownRow = ({ label, value }: { label: string; value: string }) => (\n  <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 16, minHeight: 44, px: 24 }}>\n    <Text sx={{ flexGrow: 1 }} variant=\"body1\">\n      {label}\n    </Text>\n    <Text bold={true} sx={{ fontVariantNumeric: 'tabular-nums' }} variant=\"body1\">\n      {value}\n    </Text>\n  </Stack>\n)\n\nconst Summary = ({\n  cashOnHand,\n  cashOnHandLabel,\n  remaining,\n  upcomingExpenses,\n  upcomingExpensesLabel,\n}: RemainingCashSummaryProps) => (\n  <Stack sx={{ pb: 8, pt: 24, px: 24 }}>\n    <Stack\n      sx={{\n        bgcolor: 'background.paper',\n        borderRadius: '8px',\n        boxShadow: getLogoElevation,\n        gap: 16,\n        p: 16,\n      }}\n    >\n      {remaining && (\n        // One announcement (\"$2,350.00, Remaining until payday (7 days)\") instead of two loose text\n        // nodes. The amount keeps the h2 look but is a paragraph: it is a value, not a heading.\n        <Stack\n          aria-label={`${formatSignedCurrency(remaining.amount)}, ${remaining.caption}`}\n          role=\"group\"\n          sx={{ alignItems: 'center', justifyContent: 'center', minHeight: 72, p: 12 }}\n        >\n          <Text aria-hidden={true} bold={true} component=\"p\" variant=\"h2\">\n            {formatSignedCurrency(remaining.amount)}\n          </Text>\n          <Text aria-hidden={true} color=\"text.secondary\" variant=\"subtitle2\">\n            {remaining.caption}\n          </Text>\n        </Stack>\n      )}\n      <Stack\n        sx={{\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: '8px',\n          overflow: 'hidden',\n        }}\n      >\n        <BreakdownRow label={cashOnHandLabel} value={formatSignedCurrency(cashOnHand)} />\n        <Divider />\n        {/* Shown as a deduction (-$1,200.00) per Figma; the expense rows below show positive amounts. */}\n        <BreakdownRow\n          label={upcomingExpensesLabel}\n          value={formatSignedCurrency(-upcomingExpenses)}\n        />\n      </Stack>\n    </Stack>\n  </Stack>\n)\n\n/** One 64px row. The last row's divider runs full width; the rest are inset 24px (Figma). */\nconst RowItem = ({\n  amount,\n  isLast,\n  leading,\n  name,\n}: Omit<RemainingCashRow, 'key'> & { isLast: boolean }) => (\n  <Box component=\"li\" sx={{ position: 'relative' }}>\n    <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 16, px: 24, py: 14 }}>\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', flexGrow: 1, gap: 12, minWidth: 0 }}>\n        <Box sx={{ display: 'flex', flexShrink: 0, height: 32, width: 32 }}>{leading}</Box>\n        <Text truncate={true} variant=\"body1\">\n          {name}\n        </Text>\n      </Stack>\n      <Text bold={true} sx={{ flexShrink: 0, fontVariantNumeric: 'tabular-nums' }} variant=\"body1\">\n        {formatSignedCurrency(amount)}\n      </Text>\n    </Stack>\n    <Divider sx={{ bottom: 0, left: isLast ? 0 : 24, position: 'absolute', right: 0 }} />\n  </Box>\n)\n\n// The drawer title is the h2, so section headers are h3 and each section is a real list.\nconst Section = ({ header, rows }: RemainingCashSectionProps) => (\n  <Stack>\n    <Box sx={{ pb: 4, pt: 16, px: 24 }}>\n      <Text bold={true} component=\"h3\" variant=\"body1\">\n        {header}\n      </Text>\n    </Box>\n    <Stack component=\"ul\" sx={{ bgcolor: 'background.paper', listStyle: 'none', m: 0, p: 0 }}>\n      {rows.map(({ key, ...row }, index) => (\n        <RowItem {...row} isLast={index === rows.length - 1} key={key} />\n      ))}\n    </Stack>\n  </Stack>\n)\n\n/** Presentational body of the Remaining Cash drawer (Figma 9936:39163, minus the drawer header). */\nconst RemainingCashContent = ({ accounts, expenses, summary }: RemainingCashContentProps) => (\n  <Stack sx={{ bgcolor: 'background.default', pb: 24 }}>\n    <Summary {...summary} />\n    {accounts.rows.length > 0 && <Section {...accounts} />}\n    {expenses.rows.length > 0 && <Section {...expenses} />}\n  </Stack>\n)\n\nexport default RemainingCashContent\n"],"mappings":"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"}

package/dist/insights-v2/actionBlocks/RemainingCashBlock/index.d.ts

@@ -0,0 +1 @@
+export { RemainingCashBlock } from './RemainingCashBlock';

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

@@ -0,0 +1,27 @@
+import { RemainingCashCopy } from '../../../core';
+/** Rows shown per section before the rest fold into an "Other (#)" row (Figma shows two). */
+export declare const ROW_LIMIT = 2;
+/**
+ * The grey bank tile on the "Other Accounts" row (Figma). It is MXUI's own `InstitutionLogo` fallback
+ * image; passing it as `logoUrl` shows it straight away, instead of after a failed request for an
+ * empty institution guid.
+ */
+export declare const DEFAULT_INSTITUTION_LOGO_URL = "https://content.moneydesktop.com/storage/MD_Assets/serenity/default_institution_logo.png";
+export interface GroupedRows<T> {
+    shown: T[];
+    others?: {
+        count: number;
+        total: number;
+    };
+}
+/** Largest rows first (stable for ties), capped at `ROW_LIMIT`; the remainder as a count and total. */
+export declare const groupRows: <T extends {
+    amount: number;
+}>(rows: T[]) => GroupedRows<T>;
+/**
+ * `-$220.00`, not `$-220.00`: the sign goes before the currency symbol. Rounded to cents first so a
+ * sub-cent negative (or `-0`) reads `$0.00`, never `-$0.00`.
+ */
+export declare const formatSignedCurrency: (amount: number) => string;
+export declare const getCaption: (copy: RemainingCashCopy, days: number) => string;
+export declare const getOtherLabel: (templateOne: string, templateMulti: string, count: number) => string;

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

@@ -0,0 +1,26 @@
+import { buildDynamicCopy as a, buildPluralCopy as i } from "../../../core/utils/Localization.es.js";
+import { formatCurrency as s } from "../../../core/utils/NumberFormatting.es.js";
+var m = "https://content.moneydesktop.com/storage/MD_Assets/serenity/default_institution_logo.png", g = (r) => {
+  const t = [...r].sort((e, o) => o.amount - e.amount);
+  if (t.length <= 2) return { shown: t };
+  const n = t.slice(2);
+  return {
+    shown: t.slice(0, 2),
+    others: {
+      count: n.length,
+      total: n.reduce((e, o) => e + o.amount, 0)
+    }
+  };
+}, c = (r) => {
+  const t = Math.round(Math.abs(r) * 100), n = s(t / 100, "0,0.00");
+  return r < 0 && t > 0 ? `-${n}` : n;
+}, _ = (r, t) => t === 1 ? r.remaining_until_payday_one : a(r.remaining_until_payday, String(t)), p = (r, t, n) => i(r, t, n, String(n));
+export {
+  m as DEFAULT_INSTITUTION_LOGO_URL,
+  c as formatSignedCurrency,
+  _ as getCaption,
+  p as getOtherLabel,
+  g as groupRows
+};
+
+//# sourceMappingURL=layout.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.es.js","names":[],"sources":["../../../../src/insights-v2/actionBlocks/RemainingCashBlock/layout.ts"],"sourcesContent":["import type { RemainingCashCopy } from '../../../core'\nimport { buildDynamicCopy, buildPluralCopy } from '../../../core/utils/Localization'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\n/** Rows shown per section before the rest fold into an \"Other (#)\" row (Figma shows two). */\nexport const ROW_LIMIT = 2\n\n/**\n * The grey bank tile on the \"Other Accounts\" row (Figma). It is MXUI's own `InstitutionLogo` fallback\n * image; passing it as `logoUrl` shows it straight away, instead of after a failed request for an\n * empty institution guid.\n */\nexport const DEFAULT_INSTITUTION_LOGO_URL =\n  'https://content.moneydesktop.com/storage/MD_Assets/serenity/default_institution_logo.png'\n\nexport interface GroupedRows<T> {\n  shown: T[]\n  others?: { count: number; total: number }\n}\n\n/** Largest rows first (stable for ties), capped at `ROW_LIMIT`; the remainder as a count and total. */\nexport const groupRows = <T extends { amount: number }>(rows: T[]): GroupedRows<T> => {\n  const sorted = [...rows].sort((a, b) => b.amount - a.amount)\n\n  if (sorted.length <= ROW_LIMIT) return { shown: sorted }\n\n  const rest = sorted.slice(ROW_LIMIT)\n\n  return {\n    shown: sorted.slice(0, ROW_LIMIT),\n    others: { count: rest.length, total: rest.reduce((total, r) => total + r.amount, 0) },\n  }\n}\n\n/**\n * `-$220.00`, not `$-220.00`: the sign goes before the currency symbol. Rounded to cents first so a\n * sub-cent negative (or `-0`) reads `$0.00`, never `-$0.00`.\n */\nexport const formatSignedCurrency = (amount: number): string => {\n  const cents = Math.round(Math.abs(amount) * 100)\n  const formatted = formatCurrency(cents / 100, '0,0.00')\n\n  return amount < 0 && cents > 0 ? `-${formatted}` : formatted\n}\n\nexport const getCaption = (copy: RemainingCashCopy, days: number): string => {\n  if (days === 1) return copy.remaining_until_payday_one\n\n  return buildDynamicCopy(copy.remaining_until_payday, String(days)) as string\n}\n\nexport const getOtherLabel = (templateOne: string, templateMulti: string, count: number): string =>\n  buildPluralCopy(templateOne, templateMulti, count, String(count)) as string\n"],"mappings":";;AAYA,IAAa,IACX,4FAQW,IAAA,CAA2C,MAA8B;AACpF,QAAM,IAAS,CAAC,GAAG,CAAI,EAAE,KAAA,CAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM;AAE3D,MAAI,EAAO,UAAA,EAAqB,QAAO,EAAE,OAAO,EAAO;AAEvD,QAAM,IAAO,EAAO,MAAA,CAAe;AAEnC,SAAO;AAAA,IACL,OAAO,EAAO,MAAM,GAAA,CAAY;AAAA,IAChC,QAAQ;AAAA,MAAE,OAAO,EAAK;AAAA,MAAQ,OAAO,EAAK,OAAA,CAAQ,GAAO,MAAM,IAAQ,EAAE,QAAQ,CAAC;AAAA,IAAE;AAAA,EACtF;AACF,GAMa,IAAA,CAAwB,MAA2B;AAC9D,QAAM,IAAQ,KAAK,MAAM,KAAK,IAAI,CAAM,IAAI,GAAG,GACzC,IAAY,EAAe,IAAQ,KAAK,QAAQ;AAEtD,SAAO,IAAS,KAAK,IAAQ,IAAI,IAAI,CAAA,KAAc;AACrD,GAEa,IAAA,CAAc,GAAyB,MAC9C,MAAS,IAAU,EAAK,6BAErB,EAAiB,EAAK,wBAAwB,OAAO,CAAI,CAAC,GAGtD,IAAA,CAAiB,GAAqB,GAAuB,MACxE,EAAgB,GAAa,GAAe,GAAO,OAAO,CAAK,CAAC"}

package/dist/insights-v2/mappings/actionBlocksKey.d.ts

@@ -6,4 +6,5 @@ export declare const actionBlocksKey: {
     CONTACT_SUPPORT_ACTION_BLOCK: string;
     RECURRING_TRANSACTION_ACTION_BLOCK: string;
     TRANSACTION_LIST_ACTION_BLOCK: string;
+    REMAINING_CASH_ACTION_BLOCK: string;
 };

package/dist/insights-v2/mappings/actionBlocksKey.es.js

@@ -5,7 +5,8 @@ var _ = {
   TRANSACTION_DETAILS_ACTION_BLOCK: "transaction_details_block",
   CONTACT_SUPPORT_ACTION_BLOCK: "contact_support_block",
   RECURRING_TRANSACTION_ACTION_BLOCK: "recurring_transaction_block",
-  TRANSACTION_LIST_ACTION_BLOCK: "transaction_list_block"
+  TRANSACTION_LIST_ACTION_BLOCK: "transaction_list_block",
+  REMAINING_CASH_ACTION_BLOCK: "remaining_cash_block"
 };
 export {
   _ as actionBlocksKey

package/dist/insights-v2/mappings/actionBlocksKey.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n  RECURRING_TRANSACTION_ACTION_BLOCK: 'recurring_transaction_block',\n  TRANSACTION_LIST_ACTION_BLOCK: 'transaction_list_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAAA,EAC9B,oCAAoC;AAAA,EACpC,+BAA+B;AACjC"}
+{"version":3,"file":"actionBlocksKey.es.js","names":[],"sources":["../../../src/insights-v2/mappings/actionBlocksKey.ts"],"sourcesContent":["// Keys for the drawer drilldown registry in `blocks.ts`, extracted into their own module.\n//\n// Why: chart blocks (e.g. BarchartBlock, DoubleBarChartBlock) need\n// `TRANSCATION_HISTORY_ACTION_BLOCK` to tag a chart bar's drilldown context, but they are\n// themselves re-exported through `../blocks` -> `mappings/blocks.ts` imports from that same\n// barrel to build its `blocks` registry. Importing the key straight from `mappings/blocks.ts`\n// closed that loop into a circular import: evaluating `mappings/blocks.ts` pulled in the\n// `blocks` barrel, which (before it got to `ComponentBlocks`/`AccountBlock`) loaded\n// `BarchartBlock`, which imported back into the still-initializing `mappings/blocks.ts` —\n// tripping a \"Cannot access 'AccountBlock' before initialization\" TDZ error in Storybook/Vite.\n//\n// Keeping the keys here (no dependency on `mappings/blocks.ts`) lets chart blocks reference\n// them without re-entering that module.\n//\n// Names follow ditto: its registry ends every CTA block in `_block` and the V2 envelope copies those\n// names verbatim (`transaction_details_block`, `contact_support_block`). `make_transfer` is a legacy\n// name that stays as an alias until the last legacy payload is gone.\nexport const actionBlocksKey = {\n  PLACEHOLDER_ACTION_BLOCK: 'PlaceholderActionBlock',\n  MAKE_TRANSFER_ACTION_BLOCK: 'make_transfer',\n  TRANSCATION_HISTORY_ACTION_BLOCK: 'transaction_history_block',\n  TRANSACTION_DETAILS_ACTION_BLOCK: 'transaction_details_block',\n  CONTACT_SUPPORT_ACTION_BLOCK: 'contact_support_block',\n  RECURRING_TRANSACTION_ACTION_BLOCK: 'recurring_transaction_block',\n  TRANSACTION_LIST_ACTION_BLOCK: 'transaction_list_block',\n  REMAINING_CASH_ACTION_BLOCK: 'remaining_cash_block',\n}\n"],"mappings":"AAiBA,IAAa,IAAkB;AAAA,EAC7B,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,kCAAkC;AAAA,EAClC,kCAAkC;AAAA,EAClC,8BAA8B;AAAA,EAC9B,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,6BAA6B;AAC/B"}

package/dist/insights-v2/mappings/blocks.es.js

@@ -1,91 +1,97 @@
-import { ContactSupportActionBlock as i } from "../actionBlocks/ContactSupportActionBlock.es.js";
+import { ContactSupportActionBlock as n } from "../actionBlocks/ContactSupportActionBlock.es.js";
 import { actionBlocksKey as r } from "./actionBlocksKey.es.js";
 import { BarchartBlock as l } from "../blocks/ChartBlocks/BarchartBlock/BarchartBlock.es.js";
-import { DoubleBarChartBlock as n } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
-import m from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
+import { DoubleBarChartBlock as m } from "../blocks/ChartBlocks/DoubleBarChartBlock/DoubleBarChartBlock.es.js";
+import _ from "../blocks/ChartBlocks/StepChartBlock/StepChartBlock.es.js";
 import p from "../blocks/ChartBlocks/DonutChartBlock/DonutChartBlock.es.js";
-import _ from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
-import s from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
-import k from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
+import s from "../blocks/ChartBlocks/DoubleProgressBarBlock/DoubleProgressBarBlock.es.js";
+import k from "../blocks/ComponentBlocks/AccountBlock/AccountBlock.es.js";
+import C from "../blocks/ComponentBlocks/AccountSwitchBlock/AccountSwitchBlock.es.js";
 import { BudgetBlock as B } from "../blocks/ComponentBlocks/BudgetBlock/BudgetBlock.es.js";
-import C from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
-import { TransactionBlock as T } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
-import u from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
-import f from "../blocks/ImageBlocks/ImageBlock.es.js";
-import { SVGImageBlock as A } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
-import { PlaceholderActionBlock as O } from "../actionBlocks/PlaceholderActionBlock.es.js";
+import T from "../blocks/ComponentBlocks/SaveExtraBlock/SaveExtraBlock.es.js";
+import { TransactionBlock as u } from "../blocks/ComponentBlocks/TransactionBlock/TransactionBlock.es.js";
+import f from "../blocks/ComponentBlocks/WithdrawalBlock/WithdrawalBlock.es.js";
+import A from "../blocks/ImageBlocks/ImageBlock.es.js";
+import { SVGImageBlock as O } from "../blocks/ImageBlocks/SVGImageBlock/SVGImageBlock.es.js";
+import { PlaceholderActionBlock as N } from "../actionBlocks/PlaceholderActionBlock.es.js";
 import { getMakeTransferDrawerTitle as b } from "../actionBlocks/MakeTransferActionBlock/layout.es.js";
-import { MakeTransferActionBlockLayer as N } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
-import { getDrawerHeaderTitle as h } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
-import { TransactionDetailsBlock as I } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
+import { MakeTransferActionBlockLayer as h } from "../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer.es.js";
+import { getDrawerHeaderTitle as I } from "../actionBlocks/TransactionHistoryBlock/utils.es.js";
+import { TransactionDetailsBlock as g } from "../actionBlocks/TransactionDetailsBlock/TransactionDetailsBlock.es.js";
 import { useTransactionDetailsPrepare as a } from "../actionBlocks/TransactionDetailsBlock/useTransactionDetailsPrepare.es.js";
 import { TransactionHistoryBlock as L } from "../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock.es.js";
-import { useRecurringTransactionPrepare as S } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
-import { RecurringTransactionBlock as d } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
-import { TransactionListBlock as g } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
+import { useRecurringTransactionPrepare as i } from "../actionBlocks/RecurringTransactionBlock/useRecurringTransactionPrepare.es.js";
+import { RecurringTransactionBlock as S } from "../actionBlocks/RecurringTransactionBlock/RecurringTransactionBlock.es.js";
+import { TransactionListBlock as d } from "../actionBlocks/TransactionListBlock/TransactionListBlock.es.js";
+import { RemainingCashBlock as R } from "../actionBlocks/RemainingCashBlock/RemainingCashBlock.es.js";
 var e = (t) => {
 }, P = /* @__PURE__ */ new Set([
   "",
   "null",
   "undefined"
-]), ro = (t) => {
+]), eo = (t) => {
   const o = t?.trim().toLowerCase();
   return !!o && !P.has(o);
-}, to = {
+}, ao = {
   [r.PLACEHOLDER_ACTION_BLOCK]: {
-    Component: O,
+    Component: N,
     usePrepare: e,
     title: () => "Action Block Layer Drilldown"
   },
   [r.MAKE_TRANSFER_ACTION_BLOCK]: {
-    Component: N,
+    Component: h,
     usePrepare: e,
     title: b
   },
   [r.TRANSCATION_HISTORY_ACTION_BLOCK]: {
     Component: L,
     usePrepare: e,
-    title: h
+    title: I
   },
   [r.TRANSACTION_DETAILS_ACTION_BLOCK]: {
-    Component: I,
+    Component: g,
     usePrepare: a,
     title: () => "Transaction Details"
   },
   [r.RECURRING_TRANSACTION_ACTION_BLOCK]: {
-    Component: d,
-    usePrepare: S,
+    Component: S,
+    usePrepare: i,
     title: (t, o) => o.recurring?.expense_details ?? ""
   },
+  [r.REMAINING_CASH_ACTION_BLOCK]: {
+    Component: R,
+    usePrepare: i,
+    title: (t, o) => o.insights_feed?.remaining_cash?.title ?? ""
+  },
   [r.CONTACT_SUPPORT_ACTION_BLOCK]: {
-    Component: i,
+    Component: n,
     usePrepare: e,
     title: (t, o) => o.help?.request_support ?? ""
   },
   [r.TRANSACTION_LIST_ACTION_BLOCK]: {
-    Component: g,
+    Component: d,
     usePrepare: a,
     title: (t, o, c) => c?.insights_payload?.title ?? ""
   }
-}, eo = {
-  account_block: s,
-  account_switch_block: k,
+}, io = {
+  account_block: k,
+  account_switch_block: C,
   bar_chart_block: l,
   budget_block: B,
   donut_chart_block: p,
-  double_bar_chart_block: n,
-  double_progress_bar_block: _,
-  image_block: f,
-  save_extra_block: C,
-  step_chart_block: m,
-  svg_image_block: A,
-  withdrawal_block: u,
-  transaction_block: T
+  double_bar_chart_block: m,
+  double_progress_bar_block: s,
+  image_block: A,
+  save_extra_block: T,
+  step_chart_block: _,
+  svg_image_block: O,
+  withdrawal_block: f,
+  transaction_block: u
 };
 export {
-  to as actionBlocks,
-  eo as blocks,
-  ro as hasDrawerBlock
+  ao as actionBlocks,
+  io as blocks,
+  eo as hasDrawerBlock
 };
 
 //# sourceMappingURL=blocks.es.js.map

package/dist/insights-v2/mappings/blocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy, with the beat available\n  // for blocks that title from beat fields (e.g. transaction-list reads insights_payload.title).\n  // Falls back to the CTA label when the resolver returns an empty string / is absent.\n  title?: (variant: string | null | undefined, copy: GlobalCopy, beat?: Beat) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  },\n  // Expense Details for one recurring subscription. Which subscription a beat names is resolved in\n  // `RecurringTransactionBlock/subscriptionBeats.ts`, not through this registry.\n  [actionBlocksKey.RECURRING_TRANSACTION_ACTION_BLOCK]: {\n    Component: RecurringTransactionBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.recurring?.expense_details ?? '',\n  },\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: {\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,KAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAiBa,KAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,kCAAA,GAAqC;AAAA,IACpD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,WAAW,mBAAmB;AAAA,EAChE;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AAAA,EACC,CAAA,EAAgB,6BAAA,GAAgC;AAAA,IAC/C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,GAAO,MAAS,GAAM,kBAAkB,SAAS;AAAA,EACrE;AACF,GAEa,KAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}
+{"version":3,"file":"blocks.es.js","names":[],"sources":["../../../src/insights-v2/mappings/blocks.ts"],"sourcesContent":["import {\n  AccountBlock,\n  AccountSwitchBlock,\n  BarchartBlock,\n  BudgetBlock,\n  DonutChartBlock,\n  DoubleBarChartBlock,\n  DoubleProgressBarBlock,\n  SaveExtraBlock,\n  SVGImageBlock,\n  WithdrawalBlock,\n  TransactionBlock,\n} from '../blocks'\nimport StepChartBlock from '../blocks/ChartBlocks/StepChartBlock'\nimport ImageBlock from '../blocks/ImageBlocks/ImageBlock'\n\nimport type { Beat, GlobalCopy, InsightsPayload } from '../../core'\nimport { ContactSupportActionBlock } from '../actionBlocks/ContactSupportActionBlock'\nimport { PlaceholderActionBlock } from '../actionBlocks/PlaceholderActionBlock'\nimport { MakeTransferActionBlockLayer } from '../actionBlocks/MakeTransferActionBlock/MakeTransferActionBlockLayer'\nimport { getMakeTransferDrawerTitle } from '../actionBlocks/MakeTransferActionBlock/layout'\nimport { TransactionHistoryBlock } from '../actionBlocks/TransactionHistoryBlock/TransactionHistoryBlock'\nimport { getDrawerHeaderTitle } from '../actionBlocks/TransactionHistoryBlock/utils'\nimport {\n  TransactionDetailsBlock,\n  useTransactionDetailsPrepare,\n} from '../actionBlocks/TransactionDetailsBlock'\nimport {\n  RecurringTransactionBlock,\n  useRecurringTransactionPrepare,\n} from '../actionBlocks/RecurringTransactionBlock'\nimport { TransactionListBlock } from '../actionBlocks/TransactionListBlock'\nimport { RemainingCashBlock } from '../actionBlocks/RemainingCashBlock'\n// Keys live in ./actionBlocksKey (imported directly by chart blocks/tests too) to avoid a\n// circular import between this module and the chart blocks — see that file for details.\nimport { actionBlocksKey } from './actionBlocksKey'\n\n// Drilldown indexes are not passed down: action blocks read them from\n// InsightsV2Store (useInsightsV2Store().actionDrawer).\nexport interface ActionBlockProps {\n  beat: Beat\n}\n\nconst noop = (_: ActionBlockProps) => {}\n\n// A CTA opens a drawer only when it carries a real `block`. The backend may send\n// an empty/absent block (or the literal strings \"null\"/\"undefined\") for CTAs\n// that trigger something else (e.g. a postMessage) instead of a drilldown.\nconst NON_BLOCK_VALUES = new Set(['', 'null', 'undefined'])\nexport const hasDrawerBlock = (block?: string | null): boolean => {\n  const normalized = block?.trim().toLowerCase()\n  return !!normalized && !NON_BLOCK_VALUES.has(normalized)\n}\n\nexport interface ActionBlockEntry {\n  Component: React.ComponentType<ActionBlockProps>\n  usePrepare: (props: ActionBlockProps) => void // required; default to noop in each entry\n  // Resolves the drawer title from the clicked CTA's variant + copy, with the beat available\n  // for blocks that title from beat fields (e.g. transaction-list reads insights_payload.title).\n  // Falls back to the CTA label when the resolver returns an empty string / is absent.\n  title?: (variant: string | null | undefined, copy: GlobalCopy, beat?: Beat) => string\n}\n\n// Registry of drawer drilldowns, keyed by the `block` name the backend sends\n// on a beat's CTA. To add one: create a component taking ActionBlockProps,\n// read the clicked indexes from useInsightsV2Store().actionDrawer, and\n// register it here. Add\n// `usePrepare` when the block needs to load data before rendering.\n\nexport const actionBlocks = {\n  [actionBlocksKey.PLACEHOLDER_ACTION_BLOCK]: {\n    Component: PlaceholderActionBlock,\n    usePrepare: noop,\n    title: () => 'Action Block Layer Drilldown',\n  },\n  [actionBlocksKey.MAKE_TRANSFER_ACTION_BLOCK]: {\n    Component: MakeTransferActionBlockLayer,\n    usePrepare: noop,\n    title: getMakeTransferDrawerTitle,\n  },\n  [actionBlocksKey.TRANSCATION_HISTORY_ACTION_BLOCK]: {\n    Component: TransactionHistoryBlock,\n    usePrepare: noop,\n    title: getDrawerHeaderTitle,\n  },\n  [actionBlocksKey.TRANSACTION_DETAILS_ACTION_BLOCK]: {\n    Component: TransactionDetailsBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: () => 'Transaction Details',\n  },\n  // Expense Details for one recurring subscription. Which subscription a beat names is resolved in\n  // `RecurringTransactionBlock/subscriptionBeats.ts`, not through this registry.\n  [actionBlocksKey.RECURRING_TRANSACTION_ACTION_BLOCK]: {\n    Component: RecurringTransactionBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.recurring?.expense_details ?? '',\n  },\n  // Remaining Cash for the Payday Cash Left Over Status beat. Store-driven: reuses the recurring\n  // loader, which also loads accounts and categories, so CashflowStore's computeds are ready.\n  [actionBlocksKey.REMAINING_CASH_ACTION_BLOCK]: {\n    Component: RemainingCashBlock,\n    usePrepare: useRecurringTransactionPrepare,\n    title: (_variant, copy) => copy.insights_feed?.remaining_cash?.title ?? '',\n  },\n  // The block renders its own drawer (the help module's RequestSupport) on top of the action\n  // drawer, so the action drawer's title is the CTA label.\n  [actionBlocksKey.CONTACT_SUPPORT_ACTION_BLOCK]: {\n    Component: ContactSupportActionBlock,\n    usePrepare: noop,\n    title: (_variant, copy) => copy.help?.request_support ?? '',\n  },\n  [actionBlocksKey.TRANSACTION_LIST_ACTION_BLOCK]: {\n    Component: TransactionListBlock,\n    usePrepare: useTransactionDetailsPrepare,\n    title: (_variant, _copy, beat) => beat?.insights_payload?.title ?? '',\n  },\n} as Record<string, ActionBlockEntry>\n\nexport const blocks = {\n  account_block: AccountBlock,\n  account_switch_block: AccountSwitchBlock,\n  bar_chart_block: BarchartBlock,\n  budget_block: BudgetBlock,\n  donut_chart_block: DonutChartBlock,\n  double_bar_chart_block: DoubleBarChartBlock,\n  double_progress_bar_block: DoubleProgressBarBlock,\n  image_block: ImageBlock,\n  save_extra_block: SaveExtraBlock,\n  step_chart_block: StepChartBlock,\n  svg_image_block: SVGImageBlock,\n  withdrawal_block: WithdrawalBlock,\n  transaction_block: TransactionBlock,\n} as Record<string, React.ComponentType<{ payload: InsightsPayload; beatGuid?: string }>>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAM,IAAA,CAAQ,MAAwB;AAAC,GAKjC,IAAmB,oBAAI,IAAI;AAAA,EAAC;AAAA,EAAI;AAAA,EAAQ;AAAW,CAAC,GAC7C,KAAA,CAAkB,MAAmC;AAChE,QAAM,IAAa,GAAO,KAAK,EAAE,YAAY;AAC7C,SAAO,CAAC,CAAC,KAAc,CAAC,EAAiB,IAAI,CAAU;AACzD,GAiBa,KAAe;AAAA,EACzB,CAAA,EAAgB,wBAAA,GAA2B;AAAA,IAC1C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EACC,CAAA,EAAgB,0BAAA,GAA6B;AAAA,IAC5C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACC,CAAA,EAAgB,gCAAA,GAAmC;AAAA,IAClD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,MAAa;AAAA,EACf;AAAA,EAGC,CAAA,EAAgB,kCAAA,GAAqC;AAAA,IACpD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,WAAW,mBAAmB;AAAA,EAChE;AAAA,EAGC,CAAA,EAAgB,2BAAA,GAA8B;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,eAAe,gBAAgB,SAAS;AAAA,EAC1E;AAAA,EAGC,CAAA,EAAgB,4BAAA,GAA+B;AAAA,IAC9C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,MAAS,EAAK,MAAM,mBAAmB;AAAA,EAC3D;AAAA,EACC,CAAA,EAAgB,6BAAA,GAAgC;AAAA,IAC/C,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAA,CAAQ,GAAU,GAAO,MAAS,GAAM,kBAAkB,SAAS;AAAA,EACrE;AACF,GAEa,KAAS;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AACrB"}

package/package.json

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