@paypal/checkout-components 5.0.205 → 5.0.208

package/src/ui/text/text.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, Style, type ChildType, type NullableChildrenType } from 'jsx-pragmatic/src';
+import { node, Style, type ChildType, type NullableChildrenType } from '@krakenjs/jsx-pragmatic/src';
 
 import { CLASS, TEXT_COLOR } from '../../constants';
 

package/src/ui/tracking.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, Fragment, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 export function TrackingBeacon({ url, nonce } : {| url : string, nonce : ?string |}) : ChildType {
     return (

package/src/zoid/buttons/component.jsx

@@ -7,15 +7,16 @@ import { getLogger, getLocale, getClientID, getEnv, getIntent, getCommit, getVau
     getPartnerAttributionID, getCorrelationID, getEnableThreeDomainSecure, getDebug, getComponents, getStageHost, getAPIStageHost, getPayPalDomain,
     getUserIDToken, getClientMetadataID, getAmount, getEnableFunding, getStorageID, getUserExperienceFlow, getMerchantRequestedPopupsDisabled } from '@paypal/sdk-client/src';
 import { rememberFunding, getRememberedFunding, getRefinedFundingEligibility } from '@paypal/funding-components/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import { uniqueID, memoize, isApplePaySupported, supportsPopups as userAgentSupportsPopups, noop, isLocalStorageEnabled } from 'belter/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { uniqueID, memoize, isApplePaySupported, supportsPopups as userAgentSupportsPopups, noop, isLocalStorageEnabled } from '@krakenjs/belter/src';
 import { FUNDING, FUNDING_BRAND_LABEL, QUERY_BOOL, ENV, FPTI_KEY } from '@paypal/sdk-constants/src';
-import { node, dom } from 'jsx-pragmatic/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 
 import { getSessionID, storageState, sessionState } from '../../lib';
 import { normalizeButtonStyle, type ButtonProps } from '../../ui/buttons/props';
 import { isFundingEligible } from '../../funding';
+import { EXPERIENCE } from '../../constants';
 
 import { containerTemplate } from './container';
 import { PrerenderedButtons } from './prerender';
@@ -202,6 +203,11 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                 required: false
             },
 
+            onComplete: {
+                type:     'function',
+                required: false
+            },
+
             onShippingChange: {
                 type:       'function',
                 required:   false,
@@ -597,13 +603,15 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
                 value:      applePaySession
             },
 
-            inline: {
+            experience: {
                 queryParam: true,
                 required:   false,
-                type:       'boolean',
+                type:       'string',
                 value:      ({ props }) => {
                     const { style: { custom }, fundingEligibility } = props;
-                    return custom && fundingEligibility[FUNDING.CARD]?.eligible;
+                    const isInlineXO = (custom && (custom.label || custom.css)) && fundingEligibility[FUNDING.CARD]?.eligible;
+
+                    return isInlineXO ? EXPERIENCE.INLINE : '';
                 }
             },
 

package/src/zoid/buttons/container.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { values, destroyElement, toCSS } from 'belter/src';
-import { node, dom } from 'jsx-pragmatic/src';
-import { EVENT, type RenderOptionsType } from 'zoid/src';
+import { values, destroyElement, toCSS } from '@krakenjs/belter/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { EVENT, type RenderOptionsType } from '@krakenjs/zoid/src';
 import { getVersion } from '@paypal/sdk-client/src';
 
 import { BUTTON_SIZE, ATTRIBUTE, MENU_PLACEMENT } from '../../constants';

package/src/zoid/buttons/prerender.jsx

@@ -1,13 +1,13 @@
 /* @flow */
 /** @jsx node */
 
-import { node, dom, type ChildType } from 'jsx-pragmatic/src';
+import { node, dom, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { FUNDING, CARD, FPTI_KEY } from '@paypal/sdk-constants/src';
-import { popup, supportsPopups, writeElementToWindow } from 'belter/src';
-import { assertSameDomain, type CrossDomainWindowType } from 'cross-domain-utils/src';
+import { popup, supportsPopups, writeElementToWindow } from '@krakenjs/belter/src';
+import { assertSameDomain, type CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
 import { SpinnerPage } from '@paypal/common-components/src';
 import { getLogger } from '@paypal/sdk-client/src';
-import type { ZoidProps } from 'zoid/src';
+import type { ZoidProps } from '@krakenjs/zoid/src';
 
 import { DEFAULT_POPUP_SIZE } from '../checkout';
 import { Buttons } from '../../ui';

package/src/zoid/buttons/util.js

@@ -1,5 +1,5 @@
 /* @flow */
-import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement, isLocalStorageEnabled } from 'belter/src';
+import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement, isLocalStorageEnabled } from '@krakenjs/belter/src';
 import { ENV, FUNDING } from '@paypal/sdk-constants/src';
 import { getEnableFunding, getDisableFunding, createExperiment, getFundingEligibility, getPlatform, getComponents, getEnv } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';

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

@@ -2,11 +2,11 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from 'jsx-pragmatic/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import type { CrossDomainWindowType } from 'cross-domain-utils/src';
-import { memoize, uniqueID } from 'belter/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+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 { memoize, uniqueID } from '@krakenjs/belter/src';
 import { getLocale, getEnv, getSDKMeta, getDisableCard, getPayPalDomain, getClientID, getDebug, getCurrency, getIntent,
     getCommit, getVault } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';
@@ -47,6 +47,7 @@ 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>
 |};
 
@@ -165,6 +166,12 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
                     value:      ({ props }) => props.parent.props.onApprove
                 },
 
+                onComplete: {
+                    type:     'function',
+                    required: false,
+                    value:      ({ props }) => props.parent.props.onComplete
+                },
+
                 onCancel: {
                     type:     'function',
                     required: false,
@@ -336,6 +343,11 @@ export const getCardFieldsComponent : () => CardFieldsComponent = memoize(() : C
                 required: false
             },
 
+            onComplete: {
+                type:     'function',
+                required: false
+            },
+
             onCancel: {
                 type:     'function',
                 required: false

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

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ChildType } from 'jsx-pragmatic/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 type PrerenderedCardProps = {|
     nonce : ?string,

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

@@ -3,10 +3,10 @@
 /* eslint max-lines: 0 */
 
 import { LANG } from '@paypal/sdk-constants/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import type { CrossDomainWindowType } from 'cross-domain-utils/src';
-import { inlineMemoize } from 'belter/src';
+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 { getSessionID } from '../../lib';
@@ -103,6 +103,11 @@ export function getCardFormComponent() : CardFormComponent {
                     alias: 'onAuthorize'
                 },
 
+                onComplete: {
+                    type:     'function',
+                    required: false
+                },
+
                 onAuth: {
                     type:       'function',
                     required:   false,

package/src/zoid/checkout/component.jsx

@@ -2,14 +2,14 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from 'jsx-pragmatic/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 import {
     getPayPalDomainRegex, getLogger, getLocale,
     getEnv, getClientID, getCommit, getSDKMeta, getCSPNonce, getBuyerCountry, getVersion, getPayPalDomain, getClientMetadataID
 } from '@paypal/sdk-client/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { create, CONTEXT, type ZoidComponent, EVENT } from 'zoid/src';
-import { isDevice, memoize, noop, supportsPopups, inlineMemoize } from 'belter/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import { create, CONTEXT, type ZoidComponent, EVENT } from '@krakenjs/zoid/src';
+import { isDevice, memoize, noop, supportsPopups, inlineMemoize } from '@krakenjs/belter/src';
 import { FUNDING } from '@paypal/sdk-constants/src';
 import { SpinnerPage, Overlay } from '@paypal/common-components/src';
 
@@ -191,6 +191,11 @@ export function getCheckoutComponent() : CheckoutComponent {
                     type:     'function',
                     alias:    'onAuthorize'
                 },
+                
+                onComplete: {
+                    type:     'function',
+                    required: false
+                },
         
                 onShippingChange: {
                     type:     'function',

package/src/zoid/checkout/hacks.js

@@ -1,7 +1,7 @@
 /* @flow */
 
 import { getSDKMeta } from '@paypal/sdk-client/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 
 export function fixCreditRedirect() {
 

package/src/zoid/checkout/props.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import type { ZalgoPromise } from 'zalgo-promise/src';
+import type { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import type { CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
 import { FUNDING, ENV, type LocaleType } from '@paypal/sdk-constants/src';
 
 export type OnApproveData = {|
@@ -13,6 +14,10 @@ export type OnApproveActions = {|
     
 |};
 
+export type OnCompleteData = {||};
+export type OnCompleteActions = {|
+    redirect : (string, CrossDomainWindowType) => ZalgoPromise<void>
+|};
 export type OnCancelData = {|
     orderID : string,
     paymentID? : string
@@ -26,6 +31,7 @@ export type CheckoutPropsType = {|
     createOrder : () => ZalgoPromise<string>,
     createAuthCode : () => ZalgoPromise<string>,
     onApprove : (OnApproveData, OnApproveActions) => ?ZalgoPromise<void>,
+    onComplete : (OnCompleteData, OnCompleteActions) => ?ZalgoPromise<void>,
     onCancel? : (OnCancelData, OnCancelActions) => ?ZalgoPromise<void>,
     fundingSource : $Values<typeof FUNDING>,
     env : $Values<typeof ENV>,

package/src/zoid/installments/component.jsx

@@ -2,10 +2,10 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from 'jsx-pragmatic/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 import { getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain, getLocale, getCSPNonce } from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import { inlineMemoize } from 'belter/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize } from '@krakenjs/belter/src';
 import { Overlay, SpinnerPage } from '@paypal/common-components/src';
 
 import { type InstallmentsProps } from './props';

package/src/zoid/menu/component.jsx

@@ -3,8 +3,8 @@
 /* eslint max-lines: 0 */
 
 import { getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain } from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import { inlineMemoize } from 'belter/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize } from '@krakenjs/belter/src';
 
 import { type MenuProps } from './props';
 

package/src/zoid/modal/component.jsx

@@ -3,9 +3,9 @@
 /* eslint max-lines: 0 */
 
 import { getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain } from '@paypal/sdk-client/src';
-import { create, EVENT, type ZoidComponent } from 'zoid/src';
-import { inlineMemoize, destroyElement, toCSS } from 'belter/src';
-import { node, dom } from 'jsx-pragmatic/src';
+import { create, EVENT, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize, destroyElement, toCSS } from '@krakenjs/belter/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 
 import { type ModalProps } from './props';
 

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

@@ -2,11 +2,11 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from 'jsx-pragmatic/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 import { getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain, getClientID,
     getCorrelationID, getSessionID, getEnv, getBuyerCountry, getLocale, getPartnerAttributionID } from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import { inlineMemoize, uniqueID } from 'belter/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize, uniqueID } from '@krakenjs/belter/src';
 
 import { storageState, sessionState } from '../../lib';
 

package/src/zoid/payment-fields/container.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { destroyElement, toCSS, type EventEmitterType } from 'belter/src';
-import { node, type ChildType } from 'jsx-pragmatic/src';
-import { EVENT } from 'zoid/src';
+import { destroyElement, toCSS, type EventEmitterType } from '@krakenjs/belter/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
+import { EVENT } from '@krakenjs/zoid/src';
 
 const CLASS = {
     VISIBLE:         'visible',

package/src/zoid/payment-fields/prerender.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ChildType } from 'jsx-pragmatic/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 type PrerenderedPaymentFieldsProps = {|
     nonce : ?string

package/src/zoid/qr-code/component.jsx

@@ -1,8 +1,8 @@
 /* @flow */
 /** @jsx node */
 
-import { inlineMemoize, uniqueID } from 'belter/src';
-import { create, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize, uniqueID } from '@krakenjs/belter/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
 import { getLogger, getPayPalDomainRegex, getPayPalDomain, getCSPNonce, getSDKMeta, getDebug, getEnv, getSessionID, getLocale, getClientID, getCorrelationID, getBuyerCountry } from '@paypal/sdk-client/src';
 
 import { containerTemplate } from './container';

package/src/zoid/qr-code/container.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { destroyElement, type EventEmitterType } from 'belter/src';
-import { EVENT, type RenderOptionsType } from 'zoid/src';
-import { node, dom, type ChildType } from 'jsx-pragmatic/src';
+import { destroyElement, type EventEmitterType } from '@krakenjs/belter/src';
+import { EVENT, type RenderOptionsType } from '@krakenjs/zoid/src';
+import { node, dom, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 import { type QRCodeProps } from './types';
 

package/src/zoid/qr-code/prerender.jsx

@@ -1,8 +1,8 @@
 /* @flow */
 /** @jsx node */
 
-import { type RenderOptionsType } from 'zoid/src';
-import { node, dom } from 'jsx-pragmatic/src';
+import { type RenderOptionsType } from '@krakenjs/zoid/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 import { SpinnerPage } from '@paypal/common-components/src';
 
 import { type QRCodeProps } from './types';

package/src/zoid/wallet/component.jsx

@@ -2,16 +2,16 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from 'jsx-pragmatic/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
 import {
     getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain, getClientID, getUserAccessToken,
     getClientAccessToken, getUserIDToken, getLocale, getPartnerAttributionID, getCorrelationID, getSessionID,
     getEnv, getStageHost, getAPIStageHost, getPlatform, getCurrency, getIntent, getBuyerCountry, getCommit, getVault,
     getMerchantID, getCSPNonce, getDebug, getMerchantRequestedPopupsDisabled
 } from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from 'zoid/src';
-import { inlineMemoize, memoize, uniqueID } from 'belter/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
+import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize, memoize, uniqueID } from '@krakenjs/belter/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { FUNDING } from '@paypal/sdk-constants/src';
 import { getRefinedFundingEligibility, rememberFunding } from '@paypal/funding-components/src';
 

package/src/zoid/wallet/container.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { destroyElement, toCSS, type EventEmitterType } from 'belter/src';
-import { node, type ChildType } from 'jsx-pragmatic/src';
-import { EVENT } from 'zoid/src';
+import { destroyElement, toCSS, type EventEmitterType } from '@krakenjs/belter/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
+import { EVENT } from '@krakenjs/zoid/src';
 
 const CLASS = {
     VISIBLE:         'visible',

package/src/zoid/wallet/prerender.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ChildType } from 'jsx-pragmatic/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 type PrerenderedWalletProps = {|
     nonce : ?string