@paypal/checkout-components 5.0.206 → 5.0.207

package/globals.js

@@ -1,7 +1,7 @@
 /* eslint import/no-commonjs: off, flowtype/require-valid-file-annotation: off, flowtype/require-return-type: off */
 
-const postRobotGlobals = require('post-robot/globals');
-const zoidGlobals = require('zoid/globals');
+const postRobotGlobals = require('@krakenjs/post-robot/globals');
+const zoidGlobals = require('@krakenjs/zoid/globals');
 
 module.exports = {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paypal/checkout-components",
-    "version": "5.0.206",
+    "version": "5.0.207",
     "description": "PayPal Checkout components, for integrating checkout products.",
     "main": "index.js",
     "engines": {
@@ -62,6 +62,7 @@
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
     "devDependencies": {
+        "@krakenjs/sync-browser-mocks": "^3.0.0",
         "babel-core": "^7.0.0-bridge.0",
         "bundlemon": "^1.1.0",
         "conventional-changelog-cli": "^2.0.34",
@@ -82,21 +83,20 @@
         "prettier": "^2.5.1",
         "prettier-plugin-sh": "^0.8.1",
         "puppeteer": "^1.20.0",
-        "serve": "^13.0.0",
-        "sync-browser-mocks": "^2.0.8"
+        "serve": "^13.0.0"
     },
     "dependencies": {
-        "@paypal/common-components": "^1.0.16",
-        "@paypal/funding-components": "^1.0.17",
-        "@paypal/sdk-client": "^4.0.156",
+        "@paypal/common-components": "^1.0.27",
+        "@paypal/funding-components": "^1.0.27",
+        "@paypal/sdk-client": "^4.0.166",
         "@paypal/sdk-constants": "^1.0.107",
-        "@paypal/sdk-logos": "^1.0.26",
-        "belter": "^1.0.2",
-        "cross-domain-utils": "^2.0.1",
-        "jsx-pragmatic": "^2",
-        "post-robot": "^10.0.0",
-        "zalgo-promise": "^1.0.10",
-        "zoid": "^9.0.0"
+        "@paypal/sdk-logos": "^1.0.45",
+        "@krakenjs/belter": "^2.0.0",
+        "@krakenjs/cross-domain-utils": "^3.0.0",
+        "@krakenjs/jsx-pragmatic": "^3",
+        "@krakenjs/post-robot": "^11.0.0",
+        "@krakenjs/zalgo-promise": "^2.0.0",
+        "@krakenjs/zoid": "^10.0.0"
     },
     "lint-staged": {
         "*.sh": "prettier --write"

package/src/funding/applepay/template.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, Style, type ChildType } from 'jsx-pragmatic/src';
+import { node, Style, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { ApplePayMark } from '@paypal/sdk-logos/src';
 
 import css from './style.scoped.scss';

package/src/funding/card/config.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, Fragment } from 'jsx-pragmatic/src';
+import { node, Fragment } from '@krakenjs/jsx-pragmatic/src';
 import { CARD, COUNTRY, COMPONENTS, FUNDING } from '@paypal/sdk-constants/src';
 import { GlyphCard } from '@paypal/sdk-logos/src';
 

package/src/funding/common.jsx

@@ -2,7 +2,7 @@
 /* eslint no-template-curly-in-string: off, max-lines: off */
 /** @jsx node */
 
-import { node, type ChildType } from 'jsx-pragmatic/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import type { FundingEligibilityType } from '@paypal/sdk-client/src';
 import { PLATFORM, type LocaleType, COUNTRY, CARD, COMPONENTS, FUNDING, ENV } from '@paypal/sdk-constants/src';
 import { LOGO_COLOR } from '@paypal/sdk-logos/src';

package/src/funding/config.js

@@ -1,7 +1,7 @@
 /* @flow */
 
 import { FUNDING } from '@paypal/sdk-constants/src';
-import { inlineMemoize } from 'belter/src';
+import { inlineMemoize } from '@krakenjs/belter/src';
 
 import { type FundingSourceConfig } from './common';
 import { getPayPalConfig } from './paypal';

package/src/funding/content.jsx

@@ -3,7 +3,7 @@
 /** @jsx node */
 /** @jsxFrag Fragment */
 
-import { node, Fragment, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { LANG } from '@paypal/sdk-constants/src';
 
 import { Text } from '../ui/text';

package/src/funding/credit/config.jsx

@@ -2,7 +2,7 @@
 /** @jsx node */
 
 import { COUNTRY, FUNDING_BRAND_LABEL } from '@paypal/sdk-constants/src';
-import { node, Fragment } from 'jsx-pragmatic/src';
+import { node, Fragment } from '@krakenjs/jsx-pragmatic/src';
 import { CreditLogo, PPLogo, PayPalLogo, LOGO_COLOR } from '@paypal/sdk-logos/src';
 
 import { BUTTON_COLOR, BUTTON_LAYOUT, DEFAULT, BUTTON_FLOW } from '../../constants';

package/src/funding/ideal/config.jsx

@@ -2,7 +2,7 @@
 /** @jsx node */
 
 import { IdealLogo } from '@paypal/sdk-logos/src';
-import { Fragment, node } from 'jsx-pragmatic/src';
+import { Fragment, node } from '@krakenjs/jsx-pragmatic/src';
 
 import { BUTTON_LAYOUT } from '../../constants';
 import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig, BasicLabel } from '../common';

package/src/funding/paylater/config.jsx

@@ -3,7 +3,7 @@
 
 import type { FundingEligibilityType } from '@paypal/sdk-client/src';
 import { FUNDING } from '@paypal/sdk-constants/src';
-import { node, Style } from 'jsx-pragmatic/src';
+import { node, Style } from '@krakenjs/jsx-pragmatic/src';
 import { PPLogo, LOGO_COLOR } from '@paypal/sdk-logos/src';
 
 import { BUTTON_COLOR, BUTTON_LAYOUT, DEFAULT } from '../../constants';

package/src/funding/paypal/template.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, Fragment, Style, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, Style, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { PPLogo, PayPalLogo, CreditLogo, CreditMark, PayPalMark, GlyphCard, GlyphBank, LOGO_CLASS } from '@paypal/sdk-logos/src';
 import { FUNDING, WALLET_INSTRUMENT } from '@paypal/sdk-constants/src';
 

package/src/funding/venmo/template.jsx

@@ -1,6 +1,6 @@
 /* @flow */
 /** @jsx node */
-import { node, Style, type ChildType } from 'jsx-pragmatic/src';
+import { node, Style, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { VenmoLogo } from '@paypal/sdk-logos/src';
 
 import {

package/src/interface/button.js

@@ -1,7 +1,7 @@
 /* @flow */
 
 import { isPayPalDomain } from '@paypal/sdk-client/src';
-import { PopupOpenError as _PopupOpenError, destroy as zoidDestroy, destroyComponents } from 'zoid/src';
+import { PopupOpenError as _PopupOpenError, destroy as zoidDestroy, destroyComponents } from '@krakenjs/zoid/src';
 
 import type { LazyExport, LazyProtectedExport } from '../types';
 import { allowIframe as _allowIframe } from '../lib';

package/src/lib/security.js

@@ -1,7 +1,7 @@
 /* @flow */
 
-import { isSameDomain } from 'cross-domain-utils/src';
-import { supportsPopups } from 'belter/src';
+import { isSameDomain } from '@krakenjs/cross-domain-utils/src';
+import { supportsPopups } from '@krakenjs/belter/src';
 import { isPayPalDomain } from '@paypal/sdk-client/src';
 
 export function allowIframe() : boolean {

package/src/lib/session.js

@@ -1,6 +1,6 @@
 /* @flow */
 
-import { ZalgoPromise } from 'zalgo-promise/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { getSessionID as getSDKSessionID, getStorageState, getSessionState } from '@paypal/sdk-client/src';
 
 export type StateGetSet = {|

package/src/marks/component.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { node, dom } from 'jsx-pragmatic/src';
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { getElement, isDevice, memoize, isApplePaySupported, supportsPopups as userAgentSupportsPopups } from 'belter/src';
+import { node, dom } from '@krakenjs/jsx-pragmatic/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import { getElement, isDevice, memoize, isApplePaySupported, supportsPopups as userAgentSupportsPopups } from '@krakenjs/belter/src';
 import { PLATFORM, FUNDING } from '@paypal/sdk-constants/src';
 import { getRememberedFunding } from '@paypal/funding-components/src';
 import { getComponents, getFundingEligibility, getEnv } from '@paypal/sdk-client/src';

package/src/marks/template.jsx

@@ -2,9 +2,9 @@
 /** @jsx node */
 
 import { FUNDING, ENV } from '@paypal/sdk-constants/src';
-import { node, type ChildNodeType, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ChildNodeType, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 import { getLocale, type FundingEligibilityType } from '@paypal/sdk-client/src';
-import { toPx } from 'belter/src';
+import { toPx } from '@krakenjs/belter/src';
 
 import type { Experiment } from '../types';
 import { getFundingConfig } from '../funding';

package/src/ui/buttons/button.jsx

@@ -3,9 +3,9 @@
 
 import type { FundingEligibilityType } from '@paypal/sdk-client/src';
 import { FUNDING, ENV, type LocaleType } from '@paypal/sdk-constants/src';
-import { node, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 import { LOGO_COLOR, LOGO_CLASS } from '@paypal/sdk-logos/src';
-import { noop, preventClickFocus, isBrowser, isElement } from 'belter/src';
+import { noop, preventClickFocus, isBrowser, isElement } from '@krakenjs/belter/src';
 
 import type { ContentType, Wallet, Experiment, WalletInstrument } from '../../types';
 import { ATTRIBUTE, CLASS, BUTTON_COLOR, BUTTON_NUMBER, EXPERIENCE, TEXT_COLOR, BUTTON_FLOW } from '../../constants';

package/src/ui/buttons/buttonDesigns/control.jsx

@@ -1,6 +1,6 @@
 /* @flow */
 /** @jsx node */
-import { node, type ChildType } from 'jsx-pragmatic/src';
+import { node, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 export function ControlDesignComponent(experimentId : string) : ChildType {
     return (

package/src/ui/buttons/buttonDesigns/divideLogoAnimation.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 import { LOGO_CLASS } from '@paypal/sdk-logos/src';
-import { node, Fragment, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 import { CLASS } from '../../../constants';
 import { BUTTON_SIZE_STYLE } from '../config';

package/src/ui/buttons/buttonDesigns/index.js

@@ -1,5 +1,5 @@
 /* @flow */
-import { type ChildType } from 'jsx-pragmatic/src';
+import { type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 import { type Personalization } from '../props';
 

package/src/ui/buttons/buttonDesigns/inlineLogoTextDesign.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 import { LOGO_CLASS } from '@paypal/sdk-logos/src';
-import { node, Fragment, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 import { BUTTON_SIZE_STYLE } from '../config';
 import { CLASS } from '../../../constants';

package/src/ui/buttons/buttonDesigns/script.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 
 import { getComponentScript } from '../script';
 

package/src/ui/buttons/buttonDesigns/types.js

@@ -1,5 +1,5 @@
 /* @flow */
-import { type ChildType } from 'jsx-pragmatic/src';
+import { type ChildType } from '@krakenjs/jsx-pragmatic/src';
 
 export type ButtonDesignOutputParams ={|
     buttonDesignContainerClass : string,

package/src/ui/buttons/buttons.jsx

@@ -1,9 +1,9 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 import { FUNDING, WALLET_INSTRUMENT } from '@paypal/sdk-constants/src';
-import { noop } from 'belter/src';
+import { noop } from '@krakenjs/belter/src';
 
 import type { Wallet, WalletInstrument } from '../../types';
 import { CLASS, BUTTON_NUMBER, BUTTON_LAYOUT, BUTTON_FLOW, EXPERIENCE } from '../../constants';

package/src/ui/buttons/content.jsx

@@ -2,7 +2,7 @@
 /** @jsx node */
 /** @jsxFrag Fragment */
 
-import { node, Fragment, type ChildType } from 'jsx-pragmatic/src';
+import { node, Fragment, type ChildType } from '@krakenjs/jsx-pragmatic/src';
 import { LANG } from '@paypal/sdk-constants/src';
 import { PayPalLogo, LOGO_COLOR } from '@paypal/sdk-logos/src';
 

package/src/ui/buttons/menu-button/menu-button.jsx

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

package/src/ui/buttons/poweredBy.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';
 import { type LocaleType } from '@paypal/sdk-constants/src';
 import { LOGO_COLOR, LOGO_CLASS } from '@paypal/sdk-logos/src';
 

package/src/ui/buttons/props.js

@@ -1,16 +1,16 @@
 /* eslint-disable max-lines, eslint-comments/disable-enable-pair  */
 /* @flow */
 
-import { ZalgoPromise } from 'zalgo-promise/src';
-import { values, uniqueID } from 'belter/src';
+import { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
+import { values, uniqueID } from '@krakenjs/belter/src';
 import { type OrderCreateRequest, type FundingEligibilityType,
     type OrderGetResponse, type OrderCaptureResponse, type OrderAuthorizeResponse } from '@paypal/sdk-client/src';
 import { FUNDING, PLATFORM, INTENT, COMMIT, VAULT,
     ENV, COUNTRY, LANG, COUNTRY_LANGS, type LocaleType, CARD, COMPONENTS } from '@paypal/sdk-constants/src';
-import { type CrossDomainWindowType } from 'cross-domain-utils/src';
+import { type CrossDomainWindowType } from '@krakenjs/cross-domain-utils/src';
 import { LOGO_COLOR } from '@paypal/sdk-logos/src';
 import { SUPPORTED_FUNDING_SOURCES } from '@paypal/funding-components/src';
-import type { ComponentFunctionType } from 'jsx-pragmatic/src';
+import type { ComponentFunctionType } from '@krakenjs/jsx-pragmatic/src';
 
 import type { ContentType, CustomStyle, Wallet, Experiment } from '../../types';
 import { BUTTON_LABEL, BUTTON_COLOR, BUTTON_LAYOUT, BUTTON_SHAPE, BUTTON_SIZE, BUTTON_FLOW, MENU_PLACEMENT } from '../../constants';

package/src/ui/buttons/script.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 
 export function getComponentScript() : () => void {
 

package/src/ui/buttons/spinner.jsx

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

package/src/ui/buttons/style.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ElementNode } from 'jsx-pragmatic/src';
+import { node, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 import { type FundingEligibilityType } from '@paypal/sdk-constants/src';
 
 import { type ButtonStyle } from './props';

package/src/ui/buttons/styles/responsive.js

@@ -1,6 +1,6 @@
 /* @flow */
 
-import { max, perc, roundUp } from 'belter/src';
+import { max, perc, roundUp } from '@krakenjs/belter/src';
 import { FUNDING, type FundingEligibilityType } from '@paypal/sdk-constants/src';
 
 import { BUTTON_SHAPE, BUTTON_LAYOUT, BUTTON_NUMBER, CLASS, ATTRIBUTE } from '../../../constants';

package/src/ui/buttons/tagline.jsx

@@ -2,7 +2,7 @@
 /** @jsx node */
 
 import { FUNDING, type LocaleType } from '@paypal/sdk-constants/src';
-import { node, Fragment, type ElementNode } from 'jsx-pragmatic/src';
+import { node, Fragment, type ElementNode } from '@krakenjs/jsx-pragmatic/src';
 
 import { CLASS } from '../../constants';
 import { getFundingConfig } from '../../funding';

package/src/ui/chevron.jsx

@@ -1,7 +1,7 @@
 /* @flow */
 /** @jsx node */
 
-import { node, type ComponentNode } from 'jsx-pragmatic/src';
+import { node, type ComponentNode } from '@krakenjs/jsx-pragmatic/src';
 import { SVGLogo } from '@paypal/sdk-logos/src/lib';
 
 type ChevronProps = {|

package/src/ui/loading.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 LoadingDots({ color = 'rgba(0, 0, 0, 0.5)', delay = 0.2 } : {| color : string, delay : number |}) : ChildType {
     return (

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,11 +7,11 @@ 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';

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';

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';

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';
 

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,6 @@
 /* @flow */
 
-import type { ZalgoPromise } from 'zalgo-promise/src';
+import type { ZalgoPromise } from '@krakenjs/zalgo-promise/src';
 import { FUNDING, ENV, type LocaleType } from '@paypal/sdk-constants/src';
 
 export type OnApproveData = {|

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';