@zonos/elements 1.3.134 → 1.3.136

package/dist/cjs/index.cjs.js

@@ -56,6 +56,36 @@ const getNextFallbackUrl = (currentCdnType) => {
     return nextFallbackCdnType || null;
 };
 
+/**
+ * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
+ */
+const getWithTestPublicCredential = async () => {
+    const isTestMode = window.location.search.includes('zonosTestMode=1');
+    // Do nothing if the test mode is not enabled or the public credential
+    if (!isTestMode || !window.Zonos.zonosApiKey) {
+        return null;
+    }
+    handleFetch.log('[ZONOS - loadZonos] Attempt test public credential', 'info');
+    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
+    if (!!window.Zonos.zonosApiKey.includes('credential_test')) {
+        handleFetch.log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
+        return null;
+    }
+    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch.handleFetch('/api/get-test-public-credential');
+    if (testPublicCredErrors.length || !testPublicCredResult) {
+        handleFetch.logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
+        return null;
+    }
+    const testPublicCredential = testPublicCredResult.publicCredential;
+    if (!testPublicCredential) {
+        handleFetch.logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
+        return null;
+    }
+    // Set the test public credential to the window object
+    handleFetch.log(`[ZONOS - loadZonos] Retrieve new test public token ${testPublicCredential}`, 'info');
+    return testPublicCredential;
+};
+
 /**
  * Extracts the zonosQaUrl from the url
  *
@@ -97,7 +127,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.134.js.zonos.com";
+    const cdnUrl = "https://v1.3.136.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -254,36 +284,6 @@ const zonosLoadStripe = async (...args) => {
     return stripePromise.then(maybeStripe => initStripe(maybeStripe, args, startTime));
 };
 
-/**
- * Attempt to get and override test public credential to window.Zonos.zonosApiKey if needed
- */
-const overrideWithTestPublicCredential = async () => {
-    const isTestMode = window.location.search.includes('zonosTestMode=1');
-    // Do nothing if the test mode is not enabled or the public credential
-    if (!isTestMode || !window.Zonos.zonosApiKey) {
-        return;
-    }
-    handleFetch.log('[ZONOS - loadZonos] Attempt test public credential', 'info');
-    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
-    if (!!window.Zonos.zonosApiKey.includes('test')) {
-        handleFetch.log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
-        return;
-    }
-    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch.handleFetch('/api/get-test-public-credential');
-    if (testPublicCredErrors.length || !testPublicCredResult) {
-        handleFetch.logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
-        return;
-    }
-    const testPublicCredential = testPublicCredResult.publicCredential;
-    if (!testPublicCredential) {
-        handleFetch.logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
-        return;
-    }
-    handleFetch.log(`[ZONOS - loadZonos] Using test API key: ${testPublicCredential} for test mode`, 'info');
-    // Set the test public credential to the window object
-    window.Zonos.zonosApiKey = testPublicCredential;
-};
-
 const TEMP_CART_ID_QUERY_PARAM = 'tempCartUUID';
 /**
  * Simple function to get the cart id from the query param.
@@ -311,10 +311,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.134.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.134";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.134";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.134";
+const ZONOS_URL = "https://v1.3.136.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.136";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.136";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.136";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -329,7 +329,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1732554842941";
+Zonos.releaseDate = "1733241504089";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -345,7 +345,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.134"}`;
+Zonos.version = `v${"1.3.136"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -405,7 +405,10 @@ Zonos.init = async (params) => {
             _a.zonosApiKey = cartinfo.zonosApiKey;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
-        await overrideWithTestPublicCredential();
+        const testPublicCredential = await getWithTestPublicCredential();
+        if (testPublicCredential) {
+            _a.zonosApiKey = testPublicCredential;
+        }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData
     if (_a.cartId && _a.cartData) {

package/dist/cjs/{paypal-045033fb.js → paypal-fd50c7d5.js}

@@ -266,7 +266,6 @@ const paypalStoreCreaterOrder = async ({ checkoutSessionId, }) => {
 };
 const paypalStoreCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
     var _a, _b;
-    new URL(window.location.href);
     const { errors, json } = await paypalCaptureOrder({
         checkoutSessionId,
         paypalMockResponse,

package/dist/cjs/zonos-cart-items_13.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const cart = require('./cart-0f32f556.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-045033fb.js');
+const paypal = require('./paypal-fd50c7d5.js');
 const zonosStore = require('./zonosStore-293bb3ba.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const getBorderRadius = require('./getBorderRadius-f72d8edf.js');

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const cart = require('./cart-0f32f556.js');
-const paypal = require('./paypal-045033fb.js');
+const paypal = require('./paypal-fd50c7d5.js');
 const zonosStore = require('./zonosStore-293bb3ba.js');
 const handleFetch = require('./handleFetch-4a90f091.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
@@ -934,12 +934,42 @@ const ZonosCheckout = class {
         cart.stripeStoreReset();
     }
     handleOpenChange() {
+        const overflowAttrKey = 'data-zonos-overflow-origin';
+        const body = document.body;
+        const html = document.documentElement;
         // disable scroll on the body when dialog is open
         if (this.open) {
-            document.body.style.overflow = 'hidden';
+            // record overflow state to data-zonos-overflow-origin in body/html element so we can reset it later
+            if (body.style.overflow) {
+                body.setAttribute(overflowAttrKey, body.style.overflow);
+            }
+            body.style.overflow = 'hidden';
+            if (html.style.overflow) {
+                html.setAttribute(overflowAttrKey, html.style.overflow);
+            }
+            html.style.overflow = 'hidden';
         }
         else {
-            document.body.style.overflow = 'auto';
+            const bodyOverflow = body.getAttribute(overflowAttrKey);
+            const htmlOverflow = html.getAttribute(overflowAttrKey);
+            // reset overflow state to original state
+            if (bodyOverflow) {
+                body.removeAttribute(overflowAttrKey);
+                body.style.overflow = bodyOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                body.style.removeProperty('overflow');
+            }
+            // reset overflow state to original state
+            if (htmlOverflow) {
+                html.removeAttribute(overflowAttrKey);
+                html.style.overflow = htmlOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                html.style.removeProperty('overflow');
+            }
         }
     }
     componentWillLoad() {

package/dist/cjs/zonos-notification_3.cjs.entry.js

@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
 const cart = require('./cart-0f32f556.js');
 const handleFetch = require('./handleFetch-4a90f091.js');
-const paypal = require('./paypal-045033fb.js');
+const paypal = require('./paypal-fd50c7d5.js');
 require('./isDarkColor-dd6d723b.js');
 
 const zonosNotificationCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -723,12 +723,42 @@ export class ZonosCheckout {
         stripeStoreReset();
     }
     handleOpenChange() {
+        const overflowAttrKey = 'data-zonos-overflow-origin';
+        const body = document.body;
+        const html = document.documentElement;
         // disable scroll on the body when dialog is open
         if (this.open) {
-            document.body.style.overflow = 'hidden';
+            // record overflow state to data-zonos-overflow-origin in body/html element so we can reset it later
+            if (body.style.overflow) {
+                body.setAttribute(overflowAttrKey, body.style.overflow);
+            }
+            body.style.overflow = 'hidden';
+            if (html.style.overflow) {
+                html.setAttribute(overflowAttrKey, html.style.overflow);
+            }
+            html.style.overflow = 'hidden';
         }
         else {
-            document.body.style.overflow = 'auto';
+            const bodyOverflow = body.getAttribute(overflowAttrKey);
+            const htmlOverflow = html.getAttribute(overflowAttrKey);
+            // reset overflow state to original state
+            if (bodyOverflow) {
+                body.removeAttribute(overflowAttrKey);
+                body.style.overflow = bodyOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                body.style.removeProperty('overflow');
+            }
+            // reset overflow state to original state
+            if (htmlOverflow) {
+                html.removeAttribute(overflowAttrKey);
+                html.style.overflow = htmlOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                html.style.removeProperty('overflow');
+            }
         }
     }
     componentWillLoad() {

package/dist/collection/components/store/checkout/paypal.js

@@ -31,7 +31,6 @@ const paypalStoreCreaterOrder = async ({ checkoutSessionId, }) => {
 };
 const paypalStoreCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
     var _a, _b;
-    const {} = new URL(window.location.href);
     const { errors, json } = await paypalCaptureOrder({
         checkoutSessionId,
         paypalMockResponse,

package/dist/collection/scripts/{_overrideWithTestPublicCredential.js → _getWithTestPublicCredential.js}

@@ -2,31 +2,31 @@ import { handleFetch } from "../components/utils/handleFetch";
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
 /**
- * Attempt to get and override test public credential to window.Zonos.zonosApiKey if needed
+ * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
  */
-export const overrideWithTestPublicCredential = async () => {
+export const getWithTestPublicCredential = async () => {
     const isTestMode = window.location.search.includes('zonosTestMode=1');
     // Do nothing if the test mode is not enabled or the public credential
     if (!isTestMode || !window.Zonos.zonosApiKey) {
-        return;
+        return null;
     }
     log('[ZONOS - loadZonos] Attempt test public credential', 'info');
     // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
-    if (!!window.Zonos.zonosApiKey.includes('test')) {
+    if (!!window.Zonos.zonosApiKey.includes('credential_test')) {
         log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
-        return;
+        return null;
     }
     const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
     if (testPublicCredErrors.length || !testPublicCredResult) {
         logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
-        return;
+        return null;
     }
     const testPublicCredential = testPublicCredResult.publicCredential;
     if (!testPublicCredential) {
         logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
-        return;
+        return null;
     }
-    log(`[ZONOS - loadZonos] Using test API key: ${testPublicCredential} for test mode`, 'info');
     // Set the test public credential to the window object
-    window.Zonos.zonosApiKey = testPublicCredential;
+    log(`[ZONOS - loadZonos] Retrieve new test public token ${testPublicCredential}`, 'info');
+    return testPublicCredential;
 };

package/dist/collection/scripts/_zonosBase.js

@@ -3,9 +3,9 @@ import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
 import { checkIfLoadVersionDomain } from "./_checkIfLoadVersionDomain";
 import { getNextFallbackUrl, MAIN_LOAD_CDN_TYPE, } from "./_getNextFallbackUrl";
+import { getWithTestPublicCredential } from "./_getWithTestPublicCredential";
 import { getZonosQaUrl } from "./_getZonosQaUrl";
 import { zonosLoadStripe } from "./_loadStripe";
-import { overrideWithTestPublicCredential } from "./_overrideWithTestPublicCredential";
 import { getCartIdFromQueryParam } from "./cart/_getCartIdFromParam";
 import { setupCartData } from "./cart/_setupCartData";
 import { checkoutHiddenBtnSelector, } from "../types/checkout/CheckoutConfig";
@@ -119,7 +119,10 @@ Zonos.init = async (params) => {
             _a.zonosApiKey = cartinfo.zonosApiKey;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
-        await overrideWithTestPublicCredential();
+        const testPublicCredential = await getWithTestPublicCredential();
+        if (testPublicCredential) {
+            _a.zonosApiKey = testPublicCredential;
+        }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData
     if (_a.cartId && _a.cartData) {

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { l as log, a as logError, h as handleFetch } from './handleFetch-22cb914b.js';
+import { l as log, h as handleFetch, a as logError } from './handleFetch-22cb914b.js';
 import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-930107d4.js';
 export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-930107d4.js';
 
@@ -53,6 +53,36 @@ const getNextFallbackUrl = (currentCdnType) => {
     return nextFallbackCdnType || null;
 };
 
+/**
+ * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
+ */
+const getWithTestPublicCredential = async () => {
+    const isTestMode = window.location.search.includes('zonosTestMode=1');
+    // Do nothing if the test mode is not enabled or the public credential
+    if (!isTestMode || !window.Zonos.zonosApiKey) {
+        return null;
+    }
+    log('[ZONOS - loadZonos] Attempt test public credential', 'info');
+    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
+    if (!!window.Zonos.zonosApiKey.includes('credential_test')) {
+        log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
+        return null;
+    }
+    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
+    if (testPublicCredErrors.length || !testPublicCredResult) {
+        logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
+        return null;
+    }
+    const testPublicCredential = testPublicCredResult.publicCredential;
+    if (!testPublicCredential) {
+        logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
+        return null;
+    }
+    // Set the test public credential to the window object
+    log(`[ZONOS - loadZonos] Retrieve new test public token ${testPublicCredential}`, 'info');
+    return testPublicCredential;
+};
+
 /**
  * Extracts the zonosQaUrl from the url
  *
@@ -94,7 +124,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.134.js.zonos.com";
+    const cdnUrl = "https://v1.3.136.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -251,36 +281,6 @@ const zonosLoadStripe = async (...args) => {
     return stripePromise.then(maybeStripe => initStripe(maybeStripe, args, startTime));
 };
 
-/**
- * Attempt to get and override test public credential to window.Zonos.zonosApiKey if needed
- */
-const overrideWithTestPublicCredential = async () => {
-    const isTestMode = window.location.search.includes('zonosTestMode=1');
-    // Do nothing if the test mode is not enabled or the public credential
-    if (!isTestMode || !window.Zonos.zonosApiKey) {
-        return;
-    }
-    log('[ZONOS - loadZonos] Attempt test public credential', 'info');
-    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
-    if (!!window.Zonos.zonosApiKey.includes('test')) {
-        log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
-        return;
-    }
-    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
-    if (testPublicCredErrors.length || !testPublicCredResult) {
-        logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
-        return;
-    }
-    const testPublicCredential = testPublicCredResult.publicCredential;
-    if (!testPublicCredential) {
-        logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
-        return;
-    }
-    log(`[ZONOS - loadZonos] Using test API key: ${testPublicCredential} for test mode`, 'info');
-    // Set the test public credential to the window object
-    window.Zonos.zonosApiKey = testPublicCredential;
-};
-
 const TEMP_CART_ID_QUERY_PARAM = 'tempCartUUID';
 /**
  * Simple function to get the cart id from the query param.
@@ -308,10 +308,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.134.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.134";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.134";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.134";
+const ZONOS_URL = "https://v1.3.136.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.136";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.136";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.136";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -326,7 +326,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1732554842941";
+Zonos.releaseDate = "1733241504089";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -342,7 +342,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.134"}`;
+Zonos.version = `v${"1.3.136"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -402,7 +402,10 @@ Zonos.init = async (params) => {
             _a.zonosApiKey = cartinfo.zonosApiKey;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
-        await overrideWithTestPublicCredential();
+        const testPublicCredential = await getWithTestPublicCredential();
+        if (testPublicCredential) {
+            _a.zonosApiKey = testPublicCredential;
+        }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData
     if (_a.cartId && _a.cartData) {

package/dist/esm/{paypal-7f41ff20.js → paypal-b4af6cc0.js}

@@ -264,7 +264,6 @@ const paypalStoreCreaterOrder = async ({ checkoutSessionId, }) => {
 };
 const paypalStoreCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
     var _a, _b;
-    new URL(window.location.href);
     const { errors, json } = await paypalCaptureOrder({
         checkoutSessionId,
         paypalMockResponse,

package/dist/esm/zonos-cart-items_13.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
 import { d as cartStore, H as currencyFormat, p as translate, I as cartStoreHasOneEligibleItem, J as stripeStoreApplyPromoCode, K as stripeStoreRemovePromoCode, z as stripeStoreReset, j as stripeStore, L as stripeStoreRetrievePayment, t as trackConversionEvent, M as stripeStoreResetPromoCode, N as stripeStoreMessageBasedOnStatus, l as localizationStore, O as stripeStoreTranslateAddressToLatin, P as cartStoreUpdateSelectedShippingOption, Q as cartStoreGetShippingTransitInfo, R as sortServiceLevelOptionsByAmount } from './cart-3e0e4d5c.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-7f41ff20.js';
+import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-b4af6cc0.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
 import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
 import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';

package/dist/esm/zonos-checkout.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
 import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as translate, q as getZCountryUrlParam, r as cartStoreSetCheckoutSession, u as stripeStorePrefetchLandedCost, v as cartStoreNextStep, w as stripeStoreHandleInventoryCheck, x as stripeStoreConfirmPayment, y as stripeStoreHandleInventoryRefund, z as stripeStoreReset, A as localizationStoreOnUpdate } from './cart-3e0e4d5c.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-7f41ff20.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-b4af6cc0.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c493c4fe.js';
 import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-22cb914b.js';
 import { g as getIsTestMode, c as createCustomEvent } from './createCustomEvent-31a792d3.js';
@@ -930,12 +930,42 @@ const ZonosCheckout = class {
         stripeStoreReset();
     }
     handleOpenChange() {
+        const overflowAttrKey = 'data-zonos-overflow-origin';
+        const body = document.body;
+        const html = document.documentElement;
         // disable scroll on the body when dialog is open
         if (this.open) {
-            document.body.style.overflow = 'hidden';
+            // record overflow state to data-zonos-overflow-origin in body/html element so we can reset it later
+            if (body.style.overflow) {
+                body.setAttribute(overflowAttrKey, body.style.overflow);
+            }
+            body.style.overflow = 'hidden';
+            if (html.style.overflow) {
+                html.setAttribute(overflowAttrKey, html.style.overflow);
+            }
+            html.style.overflow = 'hidden';
         }
         else {
-            document.body.style.overflow = 'auto';
+            const bodyOverflow = body.getAttribute(overflowAttrKey);
+            const htmlOverflow = html.getAttribute(overflowAttrKey);
+            // reset overflow state to original state
+            if (bodyOverflow) {
+                body.removeAttribute(overflowAttrKey);
+                body.style.overflow = bodyOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                body.style.removeProperty('overflow');
+            }
+            // reset overflow state to original state
+            if (htmlOverflow) {
+                html.removeAttribute(overflowAttrKey);
+                html.style.overflow = htmlOverflow;
+            }
+            else {
+                // just remove the overflow style if it's not set
+                html.style.removeProperty('overflow');
+            }
         }
     }
     componentWillLoad() {

package/dist/esm/zonos-notification_3.entry.js

@@ -4,7 +4,7 @@ import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
 import { j as stripeStore } from './cart-3e0e4d5c.js';
 import { a as logError, l as log } from './handleFetch-22cb914b.js';
-import { d as paypalStoreInitButtons } from './paypal-7f41ff20.js';
+import { d as paypalStoreInitButtons } from './paypal-b4af6cc0.js';
 import './isDarkColor-c6924924.js';
 
 const zonosNotificationCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";