feat(payment): Added PPCP FL 3DS

Author: andriiVitvitskyi1990

packages/paypal-commerce-integration/src/paypal-commerce-fastlane/paypal-commerce-fastlane-payment-strategy.spec.ts

@@ -433,6 +433,7 @@ describe('PayPalCommerceFastlanePaymentStrategy', () => {
 
             expect(paypalCommerceRequestSender.createOrder).toHaveBeenCalledWith(methodId, {
                 cartId: cart.id,
+                fastlaneToken: 'paypal_fastlane_instrument_id_nonce',
             });
 
             const paypalFastlaneComponent = await paypalFastlane.FastlaneCardComponent({});
@@ -474,6 +475,7 @@ describe('PayPalCommerceFastlanePaymentStrategy', () => {
 
             expect(paypalCommerceRequestSender.createOrder).toHaveBeenCalledWith(methodId, {
                 cartId: cart.id,
+                fastlaneToken: mockedInstrumentId,
             });
 
             expect(paymentIntegrationService.submitOrder).toHaveBeenCalledWith({}, undefined);

packages/paypal-commerce-integration/src/paypal-commerce-fastlane/paypal-commerce-fastlane-payment-strategy.ts

@@ -35,6 +35,7 @@ import { LiabilityShiftEnum } from '../paypal-commerce-types';
 export default class PaypalCommerceFastlanePaymentStrategy implements PaymentStrategy {
     private paypalComponentMethods?: PayPalFastlaneCardComponentMethods;
     private paypalFastlaneSdk?: any; // TODO: FIX
+    private threeDSVerificationMethod?: string;
 
     constructor(
         private paymentIntegrationService: PaymentIntegrationService,
@@ -90,6 +91,8 @@ export default class PaypalCommerceFastlanePaymentStrategy implements PaymentStr
         const { isDeveloperModeApplicable, isFastlaneStylingEnabled } =
             paymentMethod.initializationData || {};
 
+        this.threeDSVerificationMethod = paymentMethod.initializationData?.threeDSVerificationMethod;
+
         this.paypalFastlaneSdk = await this.paypalCommerceSdk.getPayPalFastlaneSdk(
             paymentMethod,
             cart.currency.code,
@@ -382,14 +385,14 @@ export default class PaypalCommerceFastlanePaymentStrategy implements PaymentStr
         const threeDomainSecureComponent = this.paypalFastlaneSdk?.ThreeDomainSecureClient;
 
         if (!threeDomainSecureComponent) {
-            throw new Error(); // TODO: add Payment client error
+            throw new PaymentMethodClientUnavailableError();
         }
 
         const threeDomainSecureParameters = {
             amount: order.orderAmount.toString(),
             currency: cart.currency.code,
             nonce,
-            threeDSRequested: true, // TODO: Sets SCA_ALWAYS in the eligibility API request, otherwise defaults to SCA_WHEN_REQUIRED
+            threeDSRequested: this.threeDSVerificationMethod || 'SCA_WHEN_REQUIRED',
             transactionContext: {
                 experience_context: {
                     locale: 'en-US',

packages/paypal-commerce-utils/src/paypal-commerce-types.ts

@@ -39,6 +39,7 @@ export interface PayPalCommerceInitializationData {
     shouldRunAcceleratedCheckout?: boolean; // TODO: remove when PPCP Fastlane A/B test will be finished
     paymentButtonStyles?: Record<string, PayPalButtonStyleOptions>;
     paypalBNPLConfiguration?: PayPalBNPLConfigurationItem[];
+    threeDSVerificationMethod?: string;
 }
 
 /**