@paypal/checkout-components 5.0.390 → 5.0.392

package/package.json

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

package/src/funding/credit/config.jsx

@@ -40,6 +40,7 @@ export function getCreditConfig(): FundingSourceConfig {
       BUTTON_FLOW.PURCHASE,
       BUTTON_FLOW.BILLING_SETUP,
       BUTTON_FLOW.SUBSCRIPTION_SETUP,
+      BUTTON_FLOW.VAULT_WITHOUT_PURCHASE,
     ],
 
     layouts: [BUTTON_LAYOUT.HORIZONTAL, BUTTON_LAYOUT.VERTICAL],

package/src/funding/funding.js

@@ -89,6 +89,15 @@ export function isFundingEligible(
     userAgent,
   }: IsFundingEligibleOptions
 ): boolean {
+  // Temporary: Force credit to be eligible if the experiment is enabled
+  if (
+    source === FUNDING.CREDIT &&
+    experiment?.paypalCreditButtonCreateVaultSetupTokenExists &&
+    flow === BUTTON_FLOW.VAULT_WITHOUT_PURCHASE
+  ) {
+    return true;
+  }
+
   if (!fundingEligibility[source] || !fundingEligibility[source].eligible) {
     return false;
   }

package/src/three-domain-secure/component.jsx

@@ -142,8 +142,7 @@ export class ThreeDomainSecureComponent {
     }
     // eslint-disable-next-line compat/compat
     return new Promise((resolve, reject) => {
-      let authenticationState,
-        liabilityShift;
+      let authenticationState, liabilityShift;
       const cancelThreeDS = () => {
         return ZalgoPromise.try(() => {
           this.logger.warn("3DS Cancelled");

package/src/types.js

@@ -67,6 +67,7 @@ export type Experiment = {|
   isWebViewEnabled?: boolean,
   venmoEnableWebOnNonNativeBrowser?: boolean,
   spbEagerOrderCreation?: boolean,
+  paypalCreditButtonCreateVaultSetupTokenExists?: boolean,
 |};
 
 export type Requires = {|

package/src/zoid/buttons/component.jsx

@@ -47,7 +47,6 @@ import {
   getSDKInitTime,
   getSDKToken,
   getShopperSessionId,
-  getGlobalSessionID,
 } from "@paypal/sdk-client/src";
 import {
   rememberFunding,
@@ -250,14 +249,22 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         style = {},
         enableFunding = getEnableFunding(),
         fundingEligibility = getRefinedFundingEligibility(),
-        supportsPopups = userAgentSupportsPopups(),
-        supportedNativeBrowser = isSupportedNativeBrowser(),
+        supportsPopups = props.fundingSource === FUNDING.VENMO
+          ? supportsVenmoPopups(
+              props.experiment,
+              userAgentSupportsPopups(),
+              getUserAgent()
+            )
+          : userAgentSupportsPopups(),
+        supportedNativeBrowser = props.fundingSource === FUNDING.VENMO
+          ? isSupportedNativeVenmoBrowser(props.experiment, getUserAgent())
+          : isSupportedNativeBrowser(),
         experiment = getButtonExperiments(),
         createBillingAgreement,
         createSubscription,
         createVaultSetupToken,
         displayOnly,
-        userAgent,
+        userAgent = getUserAgent(),
       } = props;
 
       const flow = determineFlow({
@@ -814,12 +821,6 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         },
       },
 
-      globalSessionID: {
-        type: "string",
-        required: false,
-        value: getGlobalSessionID,
-      },
-
       hostedButtonId: {
         type: "string",
         required: false,

package/src/zoid/card-fields/component.jsx

@@ -25,7 +25,6 @@ import {
   getUserIDToken,
   getSDKToken,
   getClientMetadataID,
-  isPayPalDomain,
 } from "@paypal/sdk-client/src";
 import { getRefinedFundingEligibility } from "@paypal/funding-components/src";
 import {
@@ -249,23 +248,21 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
             value: ({ props }) => props.parent.props.createOrder,
           },
 
-          ...(isPayPalDomain() && {
-            createSubscription: {
-              type: "function",
-              required: false,
-              value: ({ props }) => {
-                if (
-                  props.parent.props.createSubscription &&
-                  !props.parent.props.sdkToken
-                ) {
-                  throw new ValidationError(
-                    `SDK Token must be passed in for createSubscription`
-                  );
-                }
-                return props.parent.props.createSubscription;
-              },
+          createSubscription: {
+            type: "function",
+            required: false,
+            value: ({ props }) => {
+              if (
+                props.parent.props.createSubscription &&
+                !props.parent.props.sdkToken
+              ) {
+                throw new ValidationError(
+                  `SDK Token must be passed in for createSubscription`
+                );
+              }
+              return props.parent.props.createSubscription;
             },
-          }),
+          },
 
           createVaultSetupToken: {
             type: "function",
@@ -601,20 +598,18 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
           required: false,
         },
 
-        ...(isPayPalDomain() && {
-          createSubscription: {
-            type: "function",
-            required: false,
-            value: ({ props }) => {
-              if (props.createSubscription && !props.sdkToken) {
-                throw new ValidationError(
-                  `SDK Token must be passed in for createSubscription`
-                );
-              }
-              return props.createSubscription;
-            },
+        createSubscription: {
+          type: "function",
+          required: false,
+          value: ({ props }) => {
+            if (props.createSubscription && !props.sdkToken) {
+              throw new ValidationError(
+                `SDK Token must be passed in for createSubscription`
+              );
+            }
+            return props.createSubscription;
           },
-        }),
+        },
 
         createVaultSetupToken: {
           type: "function",