@paypal/checkout-components 5.0.310 → 5.0.311

package/package.json

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

package/src/ui/buttons/button.jsx

@@ -54,6 +54,7 @@ type IndividualButtonProps = {|
   i: number,
   nonce: string,
   userIDToken: ?string,
+  customerId: ?string,
   personalization: ?Personalization,
   content: ?ContentType,
   tagline: ?boolean,
@@ -78,6 +79,7 @@ export function Button({
   flow,
   vault,
   userIDToken,
+  customerId,
   personalization,
   onClick = noop,
   content,
@@ -206,7 +208,7 @@ export function Button({
       flow === BUTTON_FLOW.VAULT_WITHOUT_PURCHASE) &&
     (instrument ||
       (__WEB__ &&
-        userIDToken &&
+        (userIDToken || customerId) &&
         (fundingSource === FUNDING.PAYPAL || fundingSource === FUNDING.VENMO)))
   ) {
     labelNode = (

package/src/ui/buttons/buttons.jsx

@@ -172,6 +172,7 @@ export function Buttons(props: ButtonsProps): ElementNode {
     onShippingOptionsChange,
     personalization,
     userIDToken,
+    customerId,
     content,
     flow,
     experiment,
@@ -291,6 +292,7 @@ export function Buttons(props: ButtonsProps): ElementNode {
           onShippingOptionsChange={onShippingOptionsChange}
           onClick={onClick}
           userIDToken={userIDToken}
+          customerId={customerId}
           personalization={personalization}
           tagline={tagline}
           commit={commit}

package/src/ui/buttons/props.js

@@ -467,6 +467,7 @@ export type RenderButtonProps = {|
   onShippingOptionsChange: ?OnShippingOptionsChange,
   personalization: ?Personalization,
   clientAccessToken: ?string,
+  customerId: ?string,
   content?: ContentType,
   flow: $Values<typeof BUTTON_FLOW>,
   experiment: Experiment,
@@ -521,6 +522,7 @@ export type ButtonProps = {|
   onShippingAddressChange: ?OnShippingAddressChange,
   onShippingOptionsChange: ?OnShippingOptionsChange,
   clientAccessToken?: ?string,
+  customerId?: ?string,
   nonce: string,
   merchantID?: $ReadOnlyArray<string>,
   merchantRequestedPopupsDisabled: ?boolean,
@@ -568,6 +570,7 @@ export type ButtonPropsInputs = {
   onShippingOptionsChange: ?Function,
   personalization?: Personalization,
   clientAccessToken?: ?string,
+  customerId?: ?string,
   wallet?: ?Wallet,
   csp: {|
     nonce: string,
@@ -842,6 +845,7 @@ export function normalizeButtonProps(
     onShippingOptionsChange,
     personalization,
     clientAccessToken,
+    customerId,
     content,
     wallet,
     flow = BUTTON_FLOW.PURCHASE,
@@ -947,6 +951,7 @@ export function normalizeButtonProps(
     experiment,
     vault,
     userIDToken,
+    customerId,
     applePay,
     applePaySupport,
     supportsPopups,

package/src/zoid/buttons/component.jsx

@@ -19,6 +19,7 @@ import {
   getCSPNonce,
   getBuyerCountry,
   getClientAccessToken,
+  getCustomerId,
   getPlatform,
   getPartnerAttributionID,
   getCorrelationID,
@@ -336,6 +337,13 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         value: getClientAccessToken,
       },
 
+      customerId: {
+        type: "string",
+        required: false,
+        queryParam: true,
+        value: getCustomerId,
+      },
+
       clientID: {
         type: "string",
         value: getClientID,