@paypal/checkout-components 5.0.197 → 5.0.199

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## <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.197",
+    "version": "5.0.199",
     "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,15 +64,19 @@
         "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"
@@ -88,5 +93,8 @@
         "post-robot": "^10.0.0",
         "zalgo-promise": "^1.0.10",
         "zoid": "^9.0.0"
+    },
+    "lint-staged": {
+        "*.sh": "prettier --write"
     }
 }

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('localstoage_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/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
     };