@paypal/checkout-components 5.0.214 → 5.0.217

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paypal/checkout-components",
-    "version": "5.0.214",
+    "version": "5.0.217",
     "description": "PayPal Checkout components, for integrating checkout products.",
     "main": "index.js",
     "engines": {
@@ -62,7 +62,7 @@
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
     "devDependencies": {
-        "@krakenjs/grumbler-scripts": "^6.0.2",
+        "@krakenjs/grumbler-scripts": "^7.0.0",
         "@krakenjs/sync-browser-mocks": "^3.0.0",
         "babel-core": "^7.0.0-bridge.0",
         "bundlemon": "^1.1.0",

package/src/funding/card/config.jsx

@@ -127,10 +127,10 @@ export function getCardConfig() : FundingSourceConfig {
                     checkout: 'Checkout'
                 };
 
-                let label = 'Checkout';
+                let label = validLabels.checkout;
 
                 if (custom.label && typeof custom.label === 'string' && validLabels[custom.label.toLowerCase()]) {
-                    label = validLabels[custom.label];
+                    label = validLabels[custom.label.toLowerCase()];
                 }
 
                 return (

package/src/ui/buttons/buttons.jsx

@@ -204,7 +204,7 @@ export function Buttons(props : ButtonsProps) : ElementNode {
             }
 
             {
-                (layout === BUTTON_LAYOUT.VERTICAL && fundingSources.indexOf(FUNDING.CARD) !== -1)
+                (layout === BUTTON_LAYOUT.VERTICAL && fundingSources.indexOf(FUNDING.CARD) !== -1 && !inlineExperience)
                     ? <PoweredByPayPal
                             locale={ locale }
                             nonce={ nonce }

package/src/zoid/buttons/component.jsx

@@ -5,7 +5,7 @@
 import { getLogger, getLocale, getClientID, getEnv, getIntent, getCommit, getVault, getDisableFunding, getDisableCard,
     getMerchantID, getPayPalDomainRegex, getCurrency, getSDKMeta, getCSPNonce, getBuyerCountry, getClientAccessToken, getPlatform,
     getPartnerAttributionID, getCorrelationID, getEnableThreeDomainSecure, getDebug, getComponents, getStageHost, getAPIStageHost, getPayPalDomain,
-    getUserIDToken, getClientMetadataID, getAmount, getEnableFunding, getStorageID, getUserExperienceFlow, getMerchantRequestedPopupsDisabled } from '@paypal/sdk-client/src';
+    getUserIDToken, getClientMetadataID, getAmount, getEnableFunding, getStorageID, getUserExperienceFlow, getMerchantRequestedPopupsDisabled, getVersion } from '@paypal/sdk-client/src';
 import { rememberFunding, getRememberedFunding, getRefinedFundingEligibility } from '@paypal/funding-components/src';
 import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { create, type ZoidComponent } from '@krakenjs/zoid/src';
@@ -118,6 +118,17 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
         },
 
         props: {
+            /**
+             * Version of the SDK used in first render.
+             * This is passed to the `/smart/buttons` endpoint in order for the second render
+             * to be aware of what sdk version to load during SSR of the buttons
+             */
+            sdkVersion: {
+                type:        'string',
+                queryParam:  true,
+                sendToChild: false,
+                value:       getVersion
+            },
             fundingSource: {
                 type:       'string',
                 queryParam: true,

package/src/zoid/buttons/prerender.jsx

@@ -10,6 +10,7 @@ import { getLogger } from '@paypal/sdk-client/src';
 import type { ZoidProps } from '@krakenjs/zoid/src';
 
 import { DEFAULT_POPUP_SIZE } from '../checkout';
+import { EXPERIENCE } from '../../constants';
 import { Buttons } from '../../ui';
 import { type ButtonProps } from '../../ui/buttons/props';
 
@@ -41,7 +42,7 @@ export function PrerenderedButtons({ nonce, onRenderCheckout, props } : Prerende
             [ FPTI_KEY.CHOSEN_FUNDING]:      fundingSource
         }).flush();
 
-        if (fundingSource === FUNDING.VENMO || fundingSource === FUNDING.APPLEPAY) {
+        if (fundingSource === FUNDING.VENMO || fundingSource === FUNDING.APPLEPAY || (fundingSource === FUNDING.CARD && props.experience === EXPERIENCE.INLINE)) {
             // wait for button to load
         } else if (supportsPopups() && !props.merchantRequestedPopupsDisabled) {
             // remember the popup window to prevent showing a new popup window on every click in the prerender state