@paypal/checkout-components 5.0.198-alpha.0 → 5.0.200

package/CHANGELOG.md

@@ -1,7 +1,24 @@
-## <small>5.0.198-alpha.0 (2022-02-22)</small>
+## <small>5.0.200 (2022-02-24)</small>
 
-* Bump version for testing publishing from a fork ([edb29ef](https://github.com/paypal/paypal-checkout-components/commit/edb29ef))
-* Export tag before npm version (#1877) ([29e4d4a](https://github.com/paypal/paypal-checkout-components/commit/29e4d4a)), closes [#1877](https://github.com/paypal/paypal-checkout-components/issues/1877)
+* fix(typo): Update FPTI event tracking name (#1881) ([1e2fd45](https://github.com/paypal/paypal-checkout-components/commit/1e2fd45)), closes [#1881](https://github.com/paypal/paypal-checkout-components/issues/1881)
+
+
+
+## <small>5.0.199 (2022-02-23)</small>
+
+* chore(deps): update dependency karma to v6 [security] (#1876) ([0d1c628](https://github.com/paypal/paypal-checkout-components/commit/0d1c628)), closes [#1876](https://github.com/paypal/paypal-checkout-components/issues/1876)
+
+
+
+## <small>5.0.198 (2022-02-22)</small>
+
+* chore(release): 5.0.197 🎉 ([47eecc1](https://github.com/paypal/paypal-checkout-components/commit/47eecc1))
+
+
+
+## <small>5.0.197 (2022-02-22)</small>
+
+* Revert "use new kraken org prefix for cross-domain-utils (#1875)" (#1879) ([35f3860](https://github.com/paypal/paypal-checkout-components/commit/35f3860)), closes [#1875](https://github.com/paypal/paypal-checkout-components/issues/1875) [#1879](https://github.com/paypal/paypal-checkout-components/issues/1879)
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paypal/checkout-components",
-    "version": "5.0.198-alpha.0",
+    "version": "5.0.200",
     "description": "PayPal Checkout components, for integrating checkout products.",
     "main": "index.js",
     "scripts": {
@@ -26,7 +26,8 @@
         "jest-ssr": "jest test/ssr --env=node --no-cache --collectCoverage --collectCoverageFrom='src/' --coverageDirectory='coverage/jest'",
         "jest-e2e": "rm -f ./test/e2e/screenshots/*.png && jest test/e2e",
         "check-size": "npm run webpack-size && bundlemon && npm run delete-size",
-        "delete-size": "rm dist/size.* dist/report.html"
+        "delete-size": "rm dist/size.* dist/report.html",
+        "prepare": "husky install"
     },
     "files": [
         "src/",
@@ -63,30 +64,37 @@
         "flow-bin": "0.155.0",
         "fs-extra": "^10.0.0",
         "grumbler-scripts": "^5.0.1",
+        "husky": "^7.0.4",
         "imagemagick": "^0.1.3",
         "imgur": "^0.3.1",
-        "karma": "^5.2.3",
+        "karma": "^6.0.0",
         "karma-coverage": "^2.0.3",
+        "lint-staged": "^12.3.4",
         "memory-fs": "^0.5.0",
         "mocha": "^4.1.0",
         "mocketeer": "^0.3.1",
         "pixelmatch": "^5.2.1",
         "pngjs": "^6.0.0",
+        "prettier": "^2.5.1",
+        "prettier-plugin-sh": "^0.8.1",
         "puppeteer": "^1.20.0",
         "serve": "^13.0.0",
         "sync-browser-mocks": "^2.0.8"
     },
     "dependencies": {
-        "@krakenjs/cross-domain-utils": "^3.0.2",
         "@paypal/common-components": "^1.0.16",
         "@paypal/funding-components": "^1.0.17",
         "@paypal/sdk-client": "^4.0.156",
         "@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"
+    },
+    "lint-staged": {
+        "*.sh": "prettier --write"
     }
 }

package/src/lib/security.js

@@ -1,6 +1,6 @@
 /* @flow */
 
-import { isSameDomain } from '@krakenjs/cross-domain-utils/src';
+import { isSameDomain } from 'cross-domain-utils/src';
 import { supportsPopups } from 'belter/src';
 import { isPayPalDomain } from '@paypal/sdk-client/src';
 

package/src/ui/buttons/props.js

@@ -7,7 +7,7 @@ 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 '@krakenjs/cross-domain-utils/src';
+import { type CrossDomainWindowType } from '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';

package/src/zoid/buttons/component.jsx

@@ -9,7 +9,7 @@ import { getLogger, getLocale, getClientID, getEnv, getIntent, getCommit, getVau
 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 } from 'belter/src';
+import { uniqueID, memoize, isApplePaySupported, supportsPopups as userAgentSupportsPopups, noop, isLocalStorageEnabled } from 'belter/src';
 import { FUNDING, FUNDING_BRAND_LABEL, QUERY_BOOL, ENV, FPTI_KEY } from '@paypal/sdk-constants/src';
 import { node, dom } from 'jsx-pragmatic/src';
 
@@ -42,6 +42,17 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
         logger: getLogger(),
 
         prerenderTemplate: ({ state, props, doc }) => {
+            const { buttonSessionID } = props;
+            
+            if (!isLocalStorageEnabled()) {
+                getLogger().info('localstorage_inaccessible_possible_private_browsing').track({
+                    [ FPTI_KEY.BUTTON_SESSION_UID ]: buttonSessionID,
+                    [ FPTI_KEY.CONTEXT_TYPE ]:       'button_session_id',
+                    [ FPTI_KEY.CONTEXT_ID ]:         buttonSessionID,
+                    [ FPTI_KEY.TRANSITION ]:         'localstorage_inaccessible_possible_private_browsing'
+                });
+            }
+
             return (
                 <PrerenderedButtons
                     nonce={ props.nonce }

package/src/zoid/buttons/prerender.jsx

@@ -4,7 +4,7 @@
 import { node, dom, type ChildType } from '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 '@krakenjs/cross-domain-utils/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 'zoid/src';

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 } from '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';
@@ -138,7 +138,13 @@ export function getNoPaylaterExperiment(fundingSource : ?$Values<typeof FUNDING>
 
 export function getVenmoAppLabelExperiment() : EligibilityExperiment  {
     const isEnvForTest = getEnv() === ENV.LOCAL || getEnv() === ENV.TEST || getEnv() === ENV.STAGE;
-    const isEnabledForTest = isEnvForTest ? window.localStorage.getItem('enable_venmo_app_label') : false;
+
+    let isEnabledForTest = false;
+
+    if (isLocalStorageEnabled() && isEnvForTest) {
+        isEnabledForTest = window.localStorage.getItem('enable_venmo_app_label');
+    }
+
     return {
         enableVenmoAppLabel: isEnabledForTest
     };

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

@@ -5,7 +5,7 @@
 import { node, dom } from 'jsx-pragmatic/src';
 import { ZalgoPromise } from 'zalgo-promise/src';
 import { create, type ZoidComponent } from 'zoid/src';
-import type { CrossDomainWindowType } from '@krakenjs/cross-domain-utils/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';

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

@@ -5,7 +5,7 @@
 import { LANG } from '@paypal/sdk-constants/src';
 import { ZalgoPromise } from 'zalgo-promise/src';
 import { create, type ZoidComponent } from 'zoid/src';
-import type { CrossDomainWindowType } from '@krakenjs/cross-domain-utils/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';