@paypal/checkout-components 5.0.223 → 5.0.226

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paypal/checkout-components",
-    "version": "5.0.223",
+    "version": "5.0.226",
     "description": "PayPal Checkout components, for integrating checkout products.",
     "main": "index.js",
     "engines": {

package/src/zoid/buttons/component.jsx

@@ -671,12 +671,47 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                 required:   false,
                 type:       'string',
                 value:      ({ props }) => {
-                    const { commit, createBillingAgreement, currency, disableFunding = [], fundingEligibility, locale, merchantID = [], style: { layout }, onComplete, vault } = props || {};
+                    const { env, clientID, merchantID, commit, createBillingAgreement, currency, disableFunding = [], experience, fundingEligibility, locale, style: { layout }, vault } = props || {};
+
+                    if (experience === 'inline') {
+                        return EXPERIENCE.INLINE;
+                    }
 
                     const inlineCheckoutEligibility : InlineXOEligibilityType = __INLINE_CHECKOUT_ELIGIBILITY__ || {
                         eligible: false
                     };
-                    return inlineCheckoutEligibility &&  inlineCheckoutEligibility.eligible && isInlineXOEligible({ props: {
+
+                    let alphaEligible = true;
+                    if (env === 'sandbox') {
+                        const validMerchantIDs = [
+                            'PJEHAEK4YBEDJ',
+                            'RMADGM9SZGSPJ',
+                            '5AZBQ2LU7HVE6',
+                            'SMJKX2JD3V27L',
+                            'RB28JB2TP9RA4'
+                        ];
+                        const eligibleMerchantID = merchantID && merchantID.length && merchantID.reduce((acc, id) => {
+                            return acc && validMerchantIDs.indexOf(id) !== -1;
+                        }, true);
+
+                        alphaEligible = clientID === 'AbUf2xGyVtp8HedZjyx9we1V2eRV9-Q7bLTVfr9Y-FFpG8dbWAaQ0AFqeh2dq_HYHrV_1GUPXGv6GMKp'
+                            && eligibleMerchantID;
+                    } else if (env === 'production') {
+                        const validMerchantIDs = [
+                            'G4Z8SJD6PEZ2G'
+                        ];
+
+                        const eligibleMerchantID = merchantID && merchantID.length && merchantID.reduce((acc, id) => {
+                            return acc && validMerchantIDs.indexOf(id) !== -1;
+                        }, true);
+
+                        if (clientID === 'AT2hsh6PFa_pvqYVni64Ik2Ojaluh_l9DU3KwXuHb-sgj8q9zZrmob2TUsmvu4rjJ869oHUAlIAqJf9R') {
+                            alphaEligible = eligibleMerchantID;
+
+                        }
+                    }
+
+                    return inlineCheckoutEligibility &&  inlineCheckoutEligibility.eligible && alphaEligible && isInlineXOEligible({ props: {
                         commit,
                         createBillingAgreement,
                         currency,
@@ -684,8 +719,6 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                         fundingEligibility,
                         layout,
                         locale,
-                        merchantID,
-                        onComplete,
                         vault
                     } }) ? EXPERIENCE.INLINE : '';
                 }

package/src/zoid/buttons/util.js

@@ -311,7 +311,7 @@ type InlineCheckoutEligibilityProps = {|
 |};
 
 export function isInlineXOEligible({ props } : {| props : InlineCheckoutEligibilityProps |}) : boolean {
-    const { commit, currency, createBillingAgreement, disableFunding, fundingEligibility, layout, locale, merchantID, onComplete, vault } = props;
+    const { commit, currency, createBillingAgreement, disableFunding, fundingEligibility, layout, locale, vault } = props;
 
     const isEligible = (
         locale.country === COUNTRY.US &&
@@ -321,8 +321,6 @@ export function isInlineXOEligible({ props } : {| props : InlineCheckoutEligibil
         (disableFunding?.indexOf(FUNDING.CARD) === -1) &&
         (fundingEligibility?.card?.eligible || false) &&
         layout === BUTTON_LAYOUT.VERTICAL &&
-        merchantID?.length === 0 &&
-        Boolean(onComplete) &&
         vault === false
     );
 

package/src/zoid/checkout/component.jsx

@@ -201,6 +201,16 @@ export function getCheckoutComponent() : CheckoutComponent {
                     type:     'function',
                     required: false
                 },
+        
+                onShippingAddressChange: {
+                    type:     'function',
+                    required: false
+                },
+        
+                onShippingOptionsChange: {
+                    type:     'function',
+                    required: false
+                },
 
                 clientMetadataID: {
                     type:       'string',