feat(checkout): add DNI input handling for transfer payments and update related components

src/app/features/store/pages/checkout-page/checkout-page.component.html

@@ -16,6 +16,7 @@
             [selectedPaymentMethod]="selectedPaymentMethod()"
             [copiedTransferField]="copiedTransferField()"
             [transferAccount]="transferAccount()"
+            [transferDni]="transferDni()"
             [isGeneratingIntent]="isPaymentLoading()"
             [qrData]="qrData()"
             (paymentMethodChange)="selectPaymentMethod($event)"

src/app/features/store/pages/checkout-page/checkout-page.component.ts

@@ -87,6 +87,7 @@ export class CheckoutPageComponent implements OnInit {
   protected readonly selectedPaymentMethod = signal<PaymentMethod>('qr');
   protected readonly copiedTransferField = signal<TransferField | null>(null);
   protected readonly transferAccount = signal<TransferAccount | null>(null);
+  protected readonly transferDni = signal<string>('');
 
   protected readonly isCreatingPurchase = signal(false);
   protected readonly createdPurchaseId = signal<number | null>(null);
@@ -246,6 +247,7 @@ export class CheckoutPageComponent implements OnInit {
       return;
     }
 
+    this.transferDni.set(dni);
     this.isGeneratingIntent.set(true);
     try {
       const response = await this.checkoutService.generatePaymentIntent(

src/app/features/store/pages/checkout-page/checkout-payment-step.component.html

@@ -44,6 +44,7 @@
       } @else if (selectedPaymentMethod() === 'transfer') {
         <app-checkout-payment-transfer
           [transferAccount]="transferAccount()"
+          [transferDni]="transferDni()"
           [copiedTransferField]="copiedTransferField()"
           (copyTransferValue)="requestCopy($event.field, $event.value)"
           (submitDni)="generateTransferIntent.emit($event)"

src/app/features/store/pages/checkout-page/checkout-payment-step.component.ts

@@ -19,6 +19,7 @@ export class CheckoutPaymentStepComponent {
   readonly selectedPaymentMethod = input.required<PaymentMethod>();
   readonly copiedTransferField = input<TransferField | null>(null);
   readonly transferAccount = input<TransferAccount | null>(null);
+  readonly transferDni = input<string>('');
   readonly isGeneratingIntent = input<boolean>(false);
   readonly qrData = input<string | null>(null);
 

src/app/features/store/pages/checkout-page/components/checkout-payment-transfer/checkout-payment-transfer.component.html

@@ -38,7 +38,7 @@
     </form>
   </div>
 
-  @if (transferAccount()) {
+  @if (transferAccount() && !isEditing()) {
     <div class="payment-panel__divider"></div>
     <div class="payment-panel__account">
       <p class="payment-panel__eyebrow">DATOS DE CUENTA:</p>

src/app/features/store/pages/checkout-page/components/checkout-payment-transfer/checkout-payment-transfer.component.scss

@@ -1,7 +1,7 @@
 .payment-panel__card {
   width: 100%;
   max-width: 320px;
-  min-height: 269px;
+  min-height: 400px;
   padding: 1.5rem 1.75rem;
   border-radius: 5px;
   background: #ffffff;

src/app/features/store/pages/checkout-page/components/checkout-payment-transfer/checkout-payment-transfer.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, input, output, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, input, output, signal, OnInit, effect, untracked } from '@angular/core';
 import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
 import { IconButtonComponent } from '../../../../../../shared/components/icon-button/icon-button.component';
 import { ButtonComponent } from '../../../../../../shared/components/button/button.component';
@@ -13,8 +13,9 @@ import { TransferAccount, TransferField } from '../../checkout-page.models';
   styleUrl: './checkout-payment-transfer.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class CheckoutPaymentTransferComponent {
+export class CheckoutPaymentTransferComponent implements OnInit {
   readonly transferAccount = input<TransferAccount | null>(null);
+  readonly transferDni = input<string>('');
   readonly copiedTransferField = input<TransferField | null>(null);
 
   readonly copyTransferValue = output<{ field: TransferField; value: string }>();
@@ -29,6 +30,13 @@ export class CheckoutPaymentTransferComponent {
   protected readonly isEditing = signal<boolean>(false);
   protected readonly isDniDisabled = computed(() => !!this.transferAccount() && !this.isEditing());
 
+  ngOnInit(): void {
+    const dni = this.transferDni();
+    if (dni) {
+      this.dniControl.setValue(dni);
+    }
+  }
+
   protected requestCopy(field: TransferField, value: string): void {
     this.copyTransferValue.emit({ field, value });
   }