From 249ac98bd0fe10e273fa0d571239611db5c9bd3f Mon Sep 17 00:00:00 2001
From: Stephon Brown <sbrown@livefront.com>
Date: Wed, 4 Feb 2026 18:38:22 -0500
Subject: [PATCH] feat(payment): add hideHeader input to
 DisplayPaymentMethodComponent

---
 .../payment/components/display-payment-method.component.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/billing/payment/components/display-payment-method.component.ts b/apps/web/src/app/billing/payment/components/display-payment-method.component.ts
index c5ffa4268ed..f8e244b3b7a 100644
--- a/apps/web/src/app/billing/payment/components/display-payment-method.component.ts
+++ b/apps/web/src/app/billing/payment/components/display-payment-method.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Component, EventEmitter, input, Input, Output } from "@angular/core";
 import { lastValueFrom } from "rxjs";
 
 import { DialogService } from "@bitwarden/components";
@@ -15,7 +15,9 @@ import { ChangePaymentMethodDialogComponent } from "./change-payment-method-dial
   selector: "app-display-payment-method",
   template: `
     <bit-section>
-      <h2 bitTypography="h2">{{ "paymentMethod" | i18n }}</h2>
+      @if (!hideHeader()) {
+        <h2 bitTypography="h2">{{ "paymentMethod" | i18n }}</h2>
+      }
       @if (paymentMethod) {
         @switch (paymentMethod.type) {
           @case ("bankAccount") {
@@ -81,6 +83,7 @@ export class DisplayPaymentMethodComponent {
   // FIXME(https://bitwarden.atlassian.net/browse/CL-903): Migrate to Signals
   // eslint-disable-next-line @angular-eslint/prefer-output-emitter-ref
   @Output() updated = new EventEmitter<MaskedPaymentMethod>();
+  protected readonly hideHeader = input<boolean>(false);
 
   constructor(private dialogService: DialogService) {}