@paypal/checkout-components 5.0.271 → 5.0.273

package/dist/test/button.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! Isomorphic Style Loader | MIT License | https://github.com/kriasoft/isomorphic-style-loader */

package/package.json

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

package/src/funding/paypal/config.jsx

@@ -54,7 +54,7 @@ export function getPayPalConfig(): FundingSourceConfig {
         } else {
           text = content["label.installment.withoutPeriod"];
         }
-      } else if (content && label) {
+      } else if (content && label && content[`label.${label}`]) {
         text = content[`label.${label}`];
       }
       return text;

package/src/funding/venmo/config.jsx

@@ -17,12 +17,14 @@ export function getVenmoConfig(): FundingSourceConfig {
   return {
     ...DEFAULT_FUNDING_CONFIG,
 
-    shippingChange: false,
-
     layouts: [BUTTON_LAYOUT.HORIZONTAL, BUTTON_LAYOUT.VERTICAL],
 
     eligible: ({ experiment }) => {
-      if (experiment && experiment.enableVenmo === false) {
+      if (
+        experiment &&
+        (experiment.enableVenmo === false ||
+          experiment.venmoWebEnabled === false)
+      ) {
         return false;
       }
 

package/src/types.js

@@ -60,6 +60,7 @@ export type Experiment = {|
   enableVenmo?: boolean,
   disablePaylater?: boolean,
   enableVenmoAppLabel?: boolean,
+  venmoWebEnabled?: boolean,
 |};
 
 export type Requires = {|

package/src/zoid/venmo/component.jsx

@@ -35,6 +35,11 @@ import type { CheckoutPropsType } from "../checkout/props";
 
 import { DEFAULT_POPUP_SIZE, HISTORY_NATIVE_POPUP_DOMAIN } from "./config";
 
+const CHANNEL = {
+  DESKTOP: "desktop-web",
+  MOBILE: "mobile-web",
+};
+
 export type VenmoCheckoutComponent = ZoidComponent<CheckoutPropsType>;
 
 export function getVenmoCheckoutComponent(): VenmoCheckoutComponent {
@@ -161,6 +166,19 @@ export function getVenmoCheckoutComponent(): VenmoCheckoutComponent {
           value: getLocale,
         },
 
+        channel: {
+          type: "string",
+          queryParam: true,
+          required: false,
+          value: () => (isDevice() ? CHANNEL.MOBILE : CHANNEL.DESKTOP),
+        },
+
+        parentDomain: {
+          type: "string",
+          queryParam: true,
+          required: true,
+        },
+
         createOrder: {
           type: "function",
           queryParam: "token",
@@ -272,6 +290,18 @@ export function getVenmoCheckoutComponent(): VenmoCheckoutComponent {
             return (handler) => event.on(EVENT.FOCUS, handler);
           },
         },
+
+        venmoWebUrl: {
+          type: "string",
+          queryParam: true,
+          required: true,
+        },
+
+        venmoWebEnabled: {
+          type: "boolean",
+          queryParam: true,
+          required: false,
+        },
       },
 
       dimensions: ({ props }) => {

package/src/zoid/venmo/config.js

@@ -12,8 +12,8 @@ export const DEFAULT_POPUP_SIZE = {
 };
 
 export const HISTORY_NATIVE_POPUP_DOMAIN: EnvConfig = {
-  [ENV.TEST]: "https://history.paypal.com",
-  [ENV.LOCAL]: "http://localhost:8001",
+  [ENV.TEST]: "https://localhost.paypal.com:8443",
+  [ENV.LOCAL]: "https://localhost.paypal.com:8443",
   [ENV.STAGE]: "https://history.paypal.com",
   [ENV.SANDBOX]: "https://history.paypal.com",
   [ENV.PRODUCTION]: "https://history.paypal.com",