@paypal/checkout-components 5.0.252 → 5.0.253-alpha.0

package/src/funding/venmo/template.jsx

@@ -9,7 +9,6 @@ import {
     BasicLabel
 } from '../common';
 import { Text, Space } from '../../ui/text';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
 
 import css from './style.scoped.scss';
  
@@ -18,7 +17,7 @@ export function AppLabel(opts : LabelOptions) : ChildType {
 
     const AppLogo : ChildType = (
         <Style css={ css }>
-            {enableLogoCDNExperiment(VenmoLogo, { logoColor })}
+            <VenmoLogo logoColor={ logoColor } />
             <Text className={ [ 'app-label' ] }>
                 App
             </Text>
@@ -39,7 +38,7 @@ export function Label(opts : LabelOptions) : ChildType {
 export function  WalletLabel({ ...props } : WalletLabelOptions) : ChildType {
     const { instrument, logoColor } = props;
     let label;
-    const logo =  enableLogoCDNExperiment(VenmoLogo, { logoColor });
+    const logo =  <VenmoLogo logoColor={ logoColor } />;
 
     if (instrument && instrument.label) {
         label = instrument.label;

package/src/funding/verkkopankki/config.jsx

@@ -7,7 +7,6 @@ import { Fragment, node } from '@krakenjs/jsx-pragmatic/src';
 import { BUTTON_LAYOUT } from '../../constants';
 import { DEFAULT_APM_FUNDING_CONFIG, type FundingSourceConfig, BasicLabel } from '../common';
 import { Text, Space } from '../../ui/text';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
 
 export function getVerkkopankkiConfig() : FundingSourceConfig {
     return {
@@ -21,7 +20,7 @@ export function getVerkkopankkiConfig() : FundingSourceConfig {
 
         shippingChange: false,
     
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(VerkkopankkiLogo, { logoColor, optional }),
+        Logo: ({ logoColor, optional }) => VerkkopankkiLogo({ logoColor, optional }),
 
         Label: ({ logo, ...opts }) => {
             if (__WEB__) {

package/src/funding/wechatpay/config.jsx

@@ -7,7 +7,6 @@ import { Fragment, node } from '@krakenjs/jsx-pragmatic/src';
 import { BUTTON_LAYOUT } from '../../constants';
 import { DEFAULT_APM_FUNDING_CONFIG, type FundingSourceConfig, BasicLabel } from '../common';
 import { Text, Space } from '../../ui/text';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
 
 export function getWechatpayConfig() : FundingSourceConfig {
     return {
@@ -19,7 +18,7 @@ export function getWechatpayConfig() : FundingSourceConfig {
             BUTTON_LAYOUT.VERTICAL
         ],
     
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(WechatpayLogo, { logoColor, optional }),
+        Logo: ({ logoColor, optional }) => WechatpayLogo({ logoColor, optional }),
 
         Label: ({ logo, ...opts }) => {
             if (__WEB__) {

package/src/funding/zimpler/config.jsx

@@ -4,7 +4,6 @@
 import { ZimplerLogo } from '@paypal/sdk-logos/src';
 
 import { BUTTON_LAYOUT } from '../../constants';
-import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
 import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from '../common';
 
 export function getZimplerConfig() : FundingSourceConfig {
@@ -17,6 +16,6 @@ export function getZimplerConfig() : FundingSourceConfig {
             BUTTON_LAYOUT.VERTICAL
         ],
 
-        Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(ZimplerLogo, { logoColor, optional })
+        Logo: ({ logoColor, optional }) => ZimplerLogo({ logoColor, optional })
     };
 }

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

@@ -8,7 +8,7 @@ import { create, type ZoidComponent } from '@krakenjs/zoid/src';
 import type { CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
 import { memoize, uniqueID } from '@krakenjs/belter/src';
 import { getLocale, getEnv, getSDKMeta, getDisableCard, getPayPalDomain, getClientID, getDebug, getCurrency, getIntent,
-    getCommit, getVault } from '@paypal/sdk-client/src';
+    getCommit, getVault, getUserIDToken } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';
 import { CARD, CURRENCY, INTENT, type FundingEligibilityType } from '@paypal/sdk-constants/src';
 
@@ -57,7 +57,8 @@ type CardFieldsProps = {|
     createOrder : () => ZalgoPromise<string> | string,
     onApprove : ({| returnUrl : string |}, {| redirect : (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}) => ?ZalgoPromise<void>,
     onComplete : ({| returnUrl : string |}, {| redirect : (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}) => ?ZalgoPromise<void>,
-    onCancel ? : ({| cancelUrl : string |}, {| redirect : (? CrossDomainWindowType, ? string) => ZalgoPromise<void> |}) => ?ZalgoPromise<void>
+    onCancel ? : ({| cancelUrl : string |}, {| redirect : (? CrossDomainWindowType, ? string) => ZalgoPromise<void> |}) => ?ZalgoPromise<void>,
+    action: Object
 |};
 
 type CardFieldProps = {|
@@ -150,6 +151,17 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
             },
 
             props: {
+                action: {
+                    type: 'object',
+                    value: ({props}) => {
+                        if (props.action) {
+                            return props.action
+                        } else {
+                            return props.parent.props.action
+                        }
+                    }
+                },
+
                 type: {
                     type:       'string',
                     value:      () => type,
@@ -316,7 +328,13 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
                     queryParam: true,
                     required:   false,
                     value:      ({ props }) => props.parent.props.branded
-                }
+                },
+
+                userIDToken: {
+                    type:       'string',
+                    default:    getUserIDToken,
+                    required:   false,
+                },
             }
         });
     };
@@ -400,6 +418,10 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
         },
 
         props: {
+            action: {
+                type:       'object',
+            },
+
             type: {
                 type:       'string',
                 value:      () => CARD_FIELD_TYPE.SINGLE,
@@ -541,7 +563,13 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
                 type:       'boolean',
                 queryParam: true,
                 required:   false
-            }
+            },
+
+            userIDToken: {
+                type:       'string',
+                default:    getUserIDToken,
+                required:   false,
+            },
         }
     });
 

package/src/lib/getLogoCDNExperiment.js

@@ -1,25 +0,0 @@
-/* @flow */
-
-import { createExperiment } from "@paypal/sdk-client/src";
-import type { Experiment } from "@krakenjs/belter/src";
-import type { ChildType } from "@krakenjs/jsx-pragmatic/src";
-
-export function getLogoCDNExperiment(): Experiment {
-  return createExperiment("enable_logo_cdn_experiment", 0);
-}
-
-export function enableLogoCDNExperiment<T>(
-  logo: (T) => ChildType,
-  logoOptions: T
-): ChildType {
-  // enable logo CDN experiment for first render only
-  if (__WEB__) {
-    const logoCDNExperiment = getLogoCDNExperiment();
-    const loadFromCDN = logoCDNExperiment.isEnabled();
-
-    return logo({ ...logoOptions, loadFromCDN });
-  }
-
-  // continue using inline svg for second render
-  return logo(logoOptions);
-}