@paypal/checkout-components 5.0.201-alpha.1 → 5.0.203

package/src/zoid/buttons/prerender.jsx

@@ -1,13 +1,13 @@
 /* @flow */
 /** @jsx node */
 
-import { node, dom, type ChildType } from '@krakenjs/jsx-pragmatic/src';
+import { node, dom, type ChildType } from 'jsx-pragmatic/src';
 import { FUNDING, CARD, FPTI_KEY } from '@paypal/sdk-constants/src';
-import { popup, supportsPopups, writeElementToWindow } from '@krakenjs/belter/src';
-import { assertSameDomain, type CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
+import { popup, supportsPopups, writeElementToWindow } from 'belter/src';
+import { assertSameDomain, type CrossDomainWindowType } from 'cross-domain-utils/src';
 import { SpinnerPage } from '@paypal/common-components/src';
 import { getLogger } from '@paypal/sdk-client/src';
-import type { ZoidProps } from '@krakenjs/zoid/src';
+import type { ZoidProps } from '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 '@krakenjs/belter/src';
+import { supportsPopups as userAgentSupportsPopups, isAndroid, isChrome, isIos, isSafari, isSFVC, type Experiment, isDevice, isTablet, getElement, isLocalStorageEnabled } from '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 '@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 { 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 { getLocale, getEnv, getSDKMeta, getDisableCard, getPayPalDomain, getClientID, getDebug, getCurrency, getIntent,
     getCommit, getVault } from '@paypal/sdk-client/src';
 import { getRefinedFundingEligibility } from '@paypal/funding-components/src';

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

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
+import { node, type ChildType } from '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 '@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 { 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 { getLocale, getEnv, getCommit, getSDKMeta, getDisableCard, getPayPalDomain } from '@paypal/sdk-client/src';
 
 import { getSessionID } from '../../lib';

package/src/zoid/checkout/component.jsx

@@ -2,14 +2,14 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { node, dom } from 'jsx-pragmatic/src';
 import {
     getPayPalDomainRegex, getLogger, getLocale,
     getEnv, getClientID, getCommit, getSDKMeta, getCSPNonce, getBuyerCountry, getVersion, getPayPalDomain, getClientMetadataID
 } from '@paypal/sdk-client/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 { ZalgoPromise } from 'zalgo-promise/src';
+import { create, CONTEXT, type ZoidComponent, EVENT } from 'zoid/src';
+import { isDevice, memoize, noop, supportsPopups, inlineMemoize } from 'belter/src';
 import { FUNDING } from '@paypal/sdk-constants/src';
 import { SpinnerPage, Overlay } from '@paypal/common-components/src';
 
@@ -50,7 +50,7 @@ export function getCheckoutComponent() : CheckoutComponent {
             },
 
             containerTemplate: ({ context, close, focus, doc, event, frame, prerenderFrame, props }) => {
-                const { nonce, locale: { lang } } = props;
+                const { nonce, locale: { lang }, inline } = props;
                 const content = containerContent[lang];
                 return (
                     <Overlay
@@ -62,6 +62,7 @@ export function getCheckoutComponent() : CheckoutComponent {
                         prerenderFrame={ prerenderFrame }
                         content={ content }
                         nonce={ nonce }
+                        fullScreen={ inline === true }
                     />
                 ).render(dom({ doc }));
             },
@@ -229,6 +230,13 @@ export function getCheckoutComponent() : CheckoutComponent {
                 test: {
                     type:    'object',
                     default: () => (window.__test__ || { action: 'checkout' })
+                },
+
+                inline: {
+                    type:           'boolean',
+                    required:       false,
+                    queryParam:     true,
+                    allowDelegate:  true
                 }
             },
         

package/src/zoid/checkout/hacks.js

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

package/src/zoid/checkout/props.js

@@ -1,6 +1,6 @@
 /* @flow */
 
-import type { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import type { ZalgoPromise } from 'zalgo-promise/src';
 import { FUNDING, ENV, type LocaleType } from '@paypal/sdk-constants/src';
 
 export type OnApproveData = {|
@@ -38,5 +38,6 @@ export type CheckoutPropsType = {|
     nonce : string,
     csp : {|
         nonce : string
-    |}
+    |},
+    inline : boolean
 |};

package/src/zoid/installments/component.jsx

@@ -2,10 +2,10 @@
 /** @jsx node */
 /* eslint max-lines: 0 */
 
-import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { node, dom } from 'jsx-pragmatic/src';
 import { getLogger, getPayPalDomainRegex, getSDKMeta, getPayPalDomain, getLocale, getCSPNonce } from '@paypal/sdk-client/src';
-import { create, type ZoidComponent } from '@krakenjs/zoid/src';
-import { inlineMemoize } from '@krakenjs/belter/src';
+import { create, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize } from '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 '@krakenjs/zoid/src';
-import { inlineMemoize } from '@krakenjs/belter/src';
+import { create, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize } from '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 '@krakenjs/zoid/src';
-import { inlineMemoize, destroyElement, toCSS } from '@krakenjs/belter/src';
-import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { create, EVENT, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize, destroyElement, toCSS } from 'belter/src';
+import { node, dom } from '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 '@krakenjs/jsx-pragmatic/src';
+import { node, dom } from '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 '@krakenjs/zoid/src';
-import { inlineMemoize, uniqueID } from '@krakenjs/belter/src';
+import { create, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize, uniqueID } from '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 '@krakenjs/belter/src';
-import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
-import { EVENT } from '@krakenjs/zoid/src';
+import { destroyElement, toCSS, type EventEmitterType } from 'belter/src';
+import { node, type ChildType } from 'jsx-pragmatic/src';
+import { EVENT } from '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 '@krakenjs/jsx-pragmatic/src';
+import { node, type ChildType } from '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 '@krakenjs/belter/src';
-import { create, type ZoidComponent } from '@krakenjs/zoid/src';
+import { inlineMemoize, uniqueID } from 'belter/src';
+import { create, type ZoidComponent } from '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 '@krakenjs/belter/src';
-import { EVENT, type RenderOptionsType } from '@krakenjs/zoid/src';
-import { node, dom, type ChildType } from '@krakenjs/jsx-pragmatic/src';
+import { destroyElement, type EventEmitterType } from 'belter/src';
+import { EVENT, type RenderOptionsType } from 'zoid/src';
+import { node, dom, type ChildType } from '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 '@krakenjs/zoid/src';
-import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { type RenderOptionsType } from 'zoid/src';
+import { node, dom } from '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 '@krakenjs/jsx-pragmatic/src';
+import { node, dom } from '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 '@krakenjs/zoid/src';
-import { inlineMemoize, memoize, uniqueID } from '@krakenjs/belter/src';
-import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import { create, type ZoidComponent } from 'zoid/src';
+import { inlineMemoize, memoize, uniqueID } from 'belter/src';
+import { ZalgoPromise } from '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 '@krakenjs/belter/src';
-import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
-import { EVENT } from '@krakenjs/zoid/src';
+import { destroyElement, toCSS, type EventEmitterType } from 'belter/src';
+import { node, type ChildType } from 'jsx-pragmatic/src';
+import { EVENT } from 'zoid/src';
 
 const CLASS = {
     VISIBLE:         'visible',

package/src/zoid/wallet/prerender.jsx

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