@paypal/checkout-components 5.0.233 → 5.0.235

package/package.json

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

package/src/funding/card/config.jsx

@@ -124,7 +124,13 @@ export function getCardConfig() : FundingSourceConfig {
         Label: ({ logo, locale, content, custom }) => {
             if (custom && custom.label && custom.label.length) {
                 const validLabels = {
-                    checkout: 'Checkout'
+                    buy:                    'Buy',
+                    checkout:               'Checkout',
+                    pay:                    'Pay',
+                    'buy now':              'Buy Now',
+                    'pay now':              'Pay Now',
+                    'checkout now':         'Checkout Now',
+                    'proceed to checkout':  'Proceed to checkout'
                 };
 
                 let label = validLabels.checkout;

package/src/ui/buttons/props.js

@@ -351,7 +351,6 @@ export type ApplePayPaymentAuthorizationResult = {|
 export type ApplePaySessionConfig = {|
     begin : () => void,
     abort : () => void,
-    oncancel : () => void,
     addEventListener : (string, Function) => void,
     // eslint-disable-next-line flowtype/no-weak-types
     completeMerchantValidation : (validatedSession : any) => void,

package/src/zoid/buttons/util.js

@@ -192,6 +192,11 @@ export function applePaySession() : ?ApplePaySessionConfigRequest {
                 listeners.paymentauthorized({ payment });
             };
 
+            // eslint-disable-next-line  unicorn/prefer-add-event-listener
+            session.oncancel = () => {
+                listeners.oncancel();
+            };
+                        
             return {
                 addEventListener: (name, handler) => {
                     listeners[name] = handler;
@@ -214,8 +219,7 @@ export function applePaySession() : ?ApplePaySessionConfigRequest {
                     session.completePayment(newUpdate);
                 },
                 begin: () => session.begin(),
-                abort: () => session.abort(),
-                oncancel: () => session.oncancel()
+                abort: () => session.abort()
             };
         };
     } catch (e) {

package/src/zoid/card-form/component.js

@@ -7,7 +7,7 @@ import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { create, type ZoidComponent } from '@krakenjs/zoid/src';
 import type { CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
 import { inlineMemoize } from '@krakenjs/belter/src';
-import { getLocale, getEnv, getCommit, getSDKMeta, getDisableCard, getPayPalDomain } from '@paypal/sdk-client/src';
+import { getLocale, getEnv, getCommit, getSDKMeta, getDisableCard, getPayPalDomain, getClientMetadataID } from '@paypal/sdk-client/src';
 
 import { getSessionID } from '../../lib';
 
@@ -74,6 +74,13 @@ export function getCardFormComponent() : CardFormComponent {
                     queryParam: true
                 },
 
+                clientMetadataID: {
+                    type: 'string',
+                    required: false,
+                    default: getClientMetadataID,
+                    queryParam: 'client-metadata-id',
+                },
+
                 commit: {
                     type:       'boolean',
                     queryParam: true,

package/src/zoid/checkout/component.jsx

@@ -252,6 +252,12 @@ export function getCheckoutComponent() : CheckoutComponent {
                     required:       false,
                     queryParam:     true,
                     allowDelegate:  true
+                },
+
+                smokeHash: {
+                    type:       'string',
+                    required:   false,
+                    queryParam: true
                 }
             },