Billing History: Add display_brand to individual billing receipts (#9…

…4255) * Add cc_display_brand to individual billing receipt * update schema with new property
Automattic · Sep 6, 2024 · ecd26fa · ecd26fa
1 parent 64274a1
commit ecd26fa
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/client/me/purchases/billing-history/receipt.tsx b/client/me/purchases/billing-history/receipt.tsx
@@ -212,7 +212,9 @@ function ReceiptPaymentMethod( { transaction }: { transaction: BillingTransactio
 	} else if ( 'XXXX' !== transaction.cc_num ) {
 		text = translate( '%(cardType)s ending in %(cardNum)s', {
 			args: {
-				cardType: transaction.cc_type.toUpperCase(),
+				cardType:
+					transaction.cc_display_brand?.replace( '_', ' ' ).toUpperCase() ??
+					transaction.cc_type.toUpperCase(),
 				cardNum: transaction.cc_num,
 			},
 		} );

diff --git a/client/state/billing-transactions/schema.js b/client/state/billing-transactions/schema.js
@@ -20,6 +20,7 @@ export const billingTransactionsSchema = {
 					pay_ref: { type: 'string' },
 					pay_part: { type: 'string' },
 					cc_type: { type: 'string' },
+					cc_display_type: { type: [ 'string', 'null' ] },
 					cc_num: { type: 'string' },
 					cc_name: { type: 'string' },
 					cc_email: { type: 'string' },

diff --git a/client/state/billing-transactions/types.ts b/client/state/billing-transactions/types.ts
@@ -32,6 +32,7 @@ export interface BillingTransaction {
 	cc_name: string;
 	cc_num: string;
 	cc_type: string;
+	cc_display_brand: string | null;
 	credit: string;
 	date: string;
 	desc: string;