@zeniai/client-epic-state 5.0.31-betaAR7 → 5.0.31-betaAR9

package/lib/entity/account/accountSelector.d.ts

@@ -133,6 +133,19 @@ export interface AccountFilterOption {
     accountId: ID;
     accountName: string;
     accountType: AccountType;
+    /**
+     * Raw payment-type enum (e.g. 'credit_card', 'check', 'cash') sourced from
+     * the backend payload via mapAccountBasePayloadToAccountBase. Used as the
+     * `value` for the Payment Account Type filter dropdown so it can be compared
+     * directly against `transaction.paymentType` by the matcher.
+     */
+    paymentType: string | undefined;
+    /**
+     * Human-readable label (e.g. 'Credit card', 'Check') for the same payment
+     * type. Sourced from the backend payload (mirrors ZENI_PAYMENT_TYPE_TO_NAME_MAP)
+     * so no client-side label map is required.
+     */
+    paymentTypeName: string | undefined;
 }
 /**
  * Partitions accounts for transaction filter dropdowns: bank/credit_card → paymentAccountNames,

package/lib/entity/account/accountSelector.js

@@ -215,6 +215,8 @@ const getTransactionFilterAccountOptions = (accountState) => {
             accountId: account.accountId,
             accountName: account.accountName,
             accountType: account.accountType,
+            paymentType: account.paymentType,
+            paymentTypeName: account.paymentTypeName,
         };
         if ((0, accountState_1.isPaymentAccountType)(account.accountType)) {
             paymentAccountNames.push(option);

package/lib/esm/entity/account/accountSelector.js

@@ -201,6 +201,8 @@ export const getTransactionFilterAccountOptions = (accountState) => {
             accountId: account.accountId,
             accountName: account.accountName,
             accountType: account.accountType,
+            paymentType: account.paymentType,
+            paymentTypeName: account.paymentTypeName,
         };
         if (isPaymentAccountType(account.accountType)) {
             paymentAccountNames.push(option);

package/lib/esm/view/spendManagement/spendManagementFilterHelpers.js

@@ -339,15 +339,13 @@ const getCategoryValueForTransaction = (key, transaction) => {
             return transaction.transaction.account?.accountName;
         }
         case 'payment_account_type': {
-            // Match the value the row renders: TransactionCategorizationListRow reads
-            // `currentTransaction?.paymentTypeName` for the Payment Type column
-            // (e.g. "Credit Card", "Check"). NOTE: the Payment Account Type filter
-            // dropdown options are currently derived from raw `account.accountType`
-            // values (e.g. "credit_card", "bank") in
-            // `ExpenseAutomationPage.filterOptions`. With this matcher change, the
-            // dropdown options must be aligned to also emit `paymentTypeName` values,
-            // otherwise the filter will silently match nothing.
-            return transaction.transaction.paymentTypeName;
+            // Compare against the raw `paymentType` enum (e.g. "credit_card", "check",
+            // "cash"). The same enum is what TransactionCategorizationListRow uses for
+            // its icon switch on line ~1675, and it's what the dropdown options emit
+            // as `value`. Display labels come from each account's `paymentTypeName`
+            // field (populated by mapAccountBasePayloadToAccountBase from the backend
+            // payload) — no client-side label map required.
+            return transaction.transaction.paymentType;
         }
         case 'category': {
             // Get from transactionLocalData (preferred) or from transaction lines