feat: pre-fill delivery address for guest users (#17607)

SAP · Jul 11, 2023 · 1cb1fb5 · 1cb1fb5
1 parent 16fee09
commit 1cb1fb5
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 2 deletions.
diff --git a/...eckout/base/components/checkout-delivery-address/checkout-delivery-address.component.html b/...eckout/base/components/checkout-delivery-address/checkout-delivery-address.component.html
@@ -102,6 +102,7 @@ <h2 class="cx-checkout-title d-none d-lg-block d-xl-block">
         <cx-address-form
           [showTitleCode]="true"
           [setAsDefaultField]="!isGuestCheckout"
+          [addressData]="selectedAddress"
           cancelBtnLabel="{{ backBtnText | cxTranslate }}"
           (backToAddress)="hideNewAddressForm(true)"
           (submitAddress)="addAddress($event)"

diff --git a/...checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts b/...checkout/base/components/checkout-delivery-address/checkout-delivery-address.component.ts
@@ -4,7 +4,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  OnInit,
+  Optional,
+} from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { ActiveCartFacade } from '@spartacus/cart/base/root';
 import {
@@ -29,6 +34,7 @@ import {
   tap,
 } from 'rxjs/operators';
 import { CheckoutStepService } from '../services/checkout-step.service';
+import { CheckoutConfigService } from '../services';
 
 export interface CardWithAddress {
   card: Card;
@@ -49,6 +55,8 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
   addressFormOpened = false;
   doneAutoSelect = false;
 
+  selectedAddress?: Address;
+
   get isGuestCheckout(): boolean {
     return !!getLastValueSync(this.activeCartFacade.isGuestCart());
   }
@@ -65,6 +73,32 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
     );
   }
 
+  // TODO(CXSPA-): make checkoutConfigService a required dependency
+  constructor(
+    userAddressService: UserAddressService,
+    checkoutDeliveryAddressFacade: CheckoutDeliveryAddressFacade,
+    activatedRoute: ActivatedRoute,
+    translationService: TranslationService,
+    activeCartFacade: ActiveCartFacade,
+    checkoutStepService: CheckoutStepService,
+    checkoutDeliveryModesFacade: CheckoutDeliveryModesFacade,
+    globalMessageService: GlobalMessageService,
+    // eslint-disable-next-line @typescript-eslint/unified-signatures
+    checkoutConfigService: CheckoutConfigService
+  );
+  /**
+   * @deprecated since 6.2
+   */
+  constructor(
+    userAddressService: UserAddressService,
+    checkoutDeliveryAddressFacade: CheckoutDeliveryAddressFacade,
+    activatedRoute: ActivatedRoute,
+    translationService: TranslationService,
+    activeCartFacade: ActiveCartFacade,
+    checkoutStepService: CheckoutStepService,
+    checkoutDeliveryModesFacade: CheckoutDeliveryModesFacade,
+    globalMessageService: GlobalMessageService
+  );
   constructor(
     protected userAddressService: UserAddressService,
     protected checkoutDeliveryAddressFacade: CheckoutDeliveryAddressFacade,
@@ -73,7 +107,8 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
     protected activeCartFacade: ActiveCartFacade,
     protected checkoutStepService: CheckoutStepService,
     protected checkoutDeliveryModesFacade: CheckoutDeliveryModesFacade,
-    protected globalMessageService: GlobalMessageService
+    protected globalMessageService: GlobalMessageService,
+    @Optional() protected checkoutConfigService?: CheckoutConfigService
   ) {}
 
   ngOnInit(): void {
@@ -137,6 +172,14 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
   }
 
   addAddress(address: Address | undefined): void {
+    if (
+      !address &&
+      this.shouldUseAddressSavedInCart() &&
+      this.selectedAddress
+    ) {
+      this.next();
+    }
+
     if (!address) {
       return;
     }
@@ -242,6 +285,8 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
         this.setAddress(selected);
       }
       this.doneAutoSelect = true;
+    } else if (selected && this.shouldUseAddressSavedInCart()) {
+      this.selectedAddress = selected;
     }
   }
 
@@ -296,4 +341,8 @@ export class CheckoutDeliveryAddressComponent implements OnInit {
   protected onError(): void {
     this.busy$.next(false);
   }
+
+  protected shouldUseAddressSavedInCart(): boolean {
+    return !!this.checkoutConfigService?.shouldUseAddressSavedInCart();
+  }
 }
diff --git a/feature-libs/checkout/base/components/services/checkout-config.service.ts b/feature-libs/checkout/base/components/services/checkout-config.service.ts
@@ -76,6 +76,10 @@ export class CheckoutConfigService {
       : this.findMatchingDeliveryMode(deliveryModes, index + 1);
   }
 
+  shouldUseAddressSavedInCart(): boolean {
+    return !!this.checkoutConfig?.checkout?.guestUseSavedAddress;
+  }
+
   getPreferredDeliveryMode(deliveryModes: DeliveryMode[]): string | undefined {
     deliveryModes.sort(this.compareDeliveryCost);
     return this.findMatchingDeliveryMode(deliveryModes);

diff --git a/feature-libs/checkout/base/root/config/checkout-config.ts b/feature-libs/checkout/base/root/config/checkout-config.ts
@@ -36,6 +36,10 @@ export abstract class CheckoutConfig {
      * Allow for guest checkout.
      */
     guest?: boolean;
+    /**
+     * Use delivery address saved in cart for pre-filling delivery address form.
+     */
+    guestUseSavedAddress?: boolean;
   };
 }