PayPal - Adding isExpress flag (#2220)

.changeset/strong-snakes-attack.md

@@ -0,0 +1,5 @@
+---
+'@adyen/adyen-web': minor
+---
+
+Added isExpress configuration to PayPal component

packages/lib/src/components/PayPal/Paypal.test.ts

@@ -6,6 +6,11 @@ describe('Paypal', () => {
         expect(paypal.data).toEqual({ clientStateDataIndicator: true, paymentMethod: { subtype: 'sdk', type: 'paypal' } });
     });
 
+    test('should return subtype express if isExpress flag is set', () => {
+        const paypal = new Paypal({ isExpress: true });
+        expect(paypal.data).toEqual({ clientStateDataIndicator: true, paymentMethod: { subtype: 'express', type: 'paypal' } });
+    });
+
     test('Is always valid', () => {
         const paypal = new Paypal({});
         expect(paypal.isValid).toBe(true);

packages/lib/src/components/PayPal/Paypal.tsx

@@ -49,10 +49,12 @@ class PaypalElement extends UIElement<PayPalElementProps> {
      * Formats the component data output
      */
     protected formatData() {
+        const { isExpress } = this.props;
+
         return {
             paymentMethod: {
                 type: PaypalElement.type,
-                subtype: PaypalElement.subtype
+                subtype: isExpress ? 'express' : PaypalElement.subtype
             }
         };
     }

packages/lib/src/components/PayPal/defaultProps.ts

@@ -49,6 +49,8 @@ const defaultProps: PayPalElementProps = {
 
     blockPayPalVenmoButton: false,
 
+    isExpress: false,
+
     configuration: {
         /**
          * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#merchant-id}

packages/lib/src/components/PayPal/types.ts

@@ -149,6 +149,12 @@ interface PayPalCommonProps {
      * @see {@link https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/#onshippingchange}
      */
     onShippingChange?: (data, actions) => void;
+
+    /**
+     *  Identifies if the payment is Express.
+     *  @defaultValue false
+     */
+    isExpress?: boolean;
 }
 
 export interface PayPalConfig {