@zonos/elements 1.3.167 → 1.3.169

package/dist/esm/{cart-f2f5f13f.js → cart-b2e57589.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-71d7e02f.js';
-import { h as handleFetch, b as logError, l as log, f as fallbackApiList, s as sendErrorLog, d as allLogs, j as jsonParse, a as getIsStagingMode } from './handleFetch-b4633675.js';
-import { i as isDarkColor } from './isDarkColor-2f59d721.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
+import { c as createStore, z as zonosStore } from './zonosStore-d3c5a0a5.js';
+import { h as handleFetch, b as logError, l as log, f as fallbackApiList, s as sendErrorLog, d as allLogs, j as jsonParse, a as getIsStagingMode } from './handleFetch-8d72c8cd.js';
+import { i as isDarkColor } from './isDarkColor-446fccb7.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 
 const stringsArabic = {
     ' (Duties due at door)': {

package/dist/esm/{getBorderRadius-740610fb.js → getBorderRadius-ada3ccad.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-71d7e02f.js';
+import { z as zonosStore } from './zonosStore-d3c5a0a5.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/{handleFetch-b4633675.js → handleFetch-8d72c8cd.js}

@@ -124,6 +124,71 @@ const jsonParse = (_data) => {
     return null;
 };
 
+const getNavigatorConnection = () => {
+    const connection = 'connection' in window.navigator
+        ? // connection is not yet supported in all browsers
+            window.navigator.connection
+        : null;
+    const mozConnection = 'mozConnection' in window.navigator
+        ? // mozConnection is not yet supported in all browsers
+            window.navigator.mozConnection
+        : null;
+    const webkitConnection = 'webkitConnection' in window.navigator
+        ? // webkitConnection is not yet supported in all browsers
+            window.navigator.webkitConnection
+        : null;
+    const baseConnection = connection || mozConnection || webkitConnection;
+    return baseConnection;
+};
+
+const getAdditionalLogMetadata = () => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
+    const baseConnection = getNavigatorConnection();
+    return {
+        connectionDownlink: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.downlink,
+        connectionEffectiveType: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.effectiveType,
+        connectionRtt: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.rtt,
+        connectionSaveData: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.saveData,
+        screenHeight: window.screen.height,
+        screenWidth: window.screen.width,
+        userAgent: userAgentData && userAgentData.brands.length > 0
+            ? userAgentData
+            : window.navigator.userAgent,
+    };
+};
+
+const blackListPaths = [
+    '/api/zonos-elements/log-script-load',
+    '/api/zonos-elements/log-bulk-load',
+];
+/**
+ * Prepares the load time api log for the given API call to send to the server later
+ * This function is used to prepare the load time api log for the given API call.
+ * It adds the load time api log to the loadTimeApiInfoList.
+ */
+const prepLoadTimeApiLog = ({ apiPath, apiType, loadTimeInternal, loadTimeTotal, }) => {
+    if (blackListPaths.includes(apiPath)) {
+        return;
+    }
+    const apiPathWithoutParams = apiPath.split('?')[0] || apiPath;
+    const scriptLoadLogBody = {
+        cache: 'miss',
+        cdnLoadTime: loadTimeTotal - loadTimeInternal,
+        eventName: 'jsdelivr',
+        flag: 'LOG_LOAD_TIME_API',
+        href: apiPathWithoutParams,
+        loadTime: loadTimeInternal,
+        metadata: Object.assign(Object.assign({ apiType }, getAdditionalLogMetadata()), { loadTimeClientMiddleware: loadTimeTotal - loadTimeInternal, loadTimeInternal,
+            loadTimeTotal }),
+        scriptLoadUrl: apiType,
+        storeId: window.Zonos.storeId,
+    };
+    window.Zonos.loadTimeApiInfoList.push(scriptLoadLogBody);
+};
+
 /**
  * This is the time in milliseconds after release time that we will start sending error logs to the new API
  * @default 1 hour
@@ -321,11 +386,24 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
     const basePathType = isBigcommerceEndpoint
         ? 'vercel'
         : _basePathType;
+    const startTime = performance.now();
     const _c = await handleRequest({
         basePathType,
         options,
         path,
     }), { errors, response } = _c, rest = __rest(_c, ["errors", "response"]);
+    const endTime = performance.now();
+    const duration = endTime - startTime;
+    // Send the load time api log
+    log(`${path} (${duration.toFixed(2)}ms)`, 'info');
+    // No need to send the load time api log for the log-script-load endpoint
+    const internalDuration = response === null || response === void 0 ? void 0 : response.headers.get('Zonos-Duration');
+    prepLoadTimeApiLog({
+        apiPath: path,
+        apiType: basePathType,
+        loadTimeInternal: internalDuration ? Number(internalDuration) : 0,
+        loadTimeTotal: duration,
+    });
     const nextFallbackApiType = getNextFallbackApiType(basePathType);
     const unknownError = errors.find(({ type }) => type === 'unknown');
     const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404;
@@ -377,7 +455,6 @@ const handleFetch = async (path, _opts) => {
         method });
     // This is for testing fallback API, set fallback API type to start with
     const useFallbackApi = new URLSearchParams(window.location.search).get('useFallbackApi');
-    log(path, 'info');
     return handleRequestWithFallback({
         basePathType: useFallbackApi || MAIN_BASE_API_TYPE,
         options,
@@ -385,4 +462,4 @@ const handleFetch = async (path, _opts) => {
     });
 };
 
-export { getIsStagingMode as a, logError as b, getElapsedTime as c, allLogs as d, fallbackApiList as f, getIsTestMode as g, handleFetch as h, jsonParse as j, log as l, sendErrorLog as s };
+export { getIsStagingMode as a, logError as b, getElapsedTime as c, allLogs as d, getAdditionalLogMetadata as e, fallbackApiList as f, getIsTestMode as g, handleFetch as h, jsonParse as j, log as l, sendErrorLog as s };

package/dist/esm/index.js

@@ -1,8 +1,37 @@
-import { g as getIsTestMode, a as getIsStagingMode, l as log, h as handleFetch, b as logError } from './handleFetch-b4633675.js';
-import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-646aae20.js';
-export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-646aae20.js';
+import { l as log, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, b as logError } from './handleFetch-8d72c8cd.js';
+import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-2994efd9.js';
+export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-2994efd9.js';
 export { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-915ef042.js';
 
+let numberOfFailures = 0;
+const sendBulkLoadTimeApiLog = async () => {
+    // Don't send the log if there are no API calls to send
+    if (window.Zonos.loadTimeApiInfoList.length === 0) {
+        return;
+    }
+    log('Sending bulk load time api log', 'info', {
+        loadTimeApiInfoList: window.Zonos.loadTimeApiInfoList,
+    });
+    // Clone the list so we can clear it after sending the log
+    const loadTimeApiInfoListArray = [...window.Zonos.loadTimeApiInfoList];
+    // Clear the list after sending the log successfully
+    window.Zonos.loadTimeApiInfoList.length = 0;
+    // Clear the list after sending the log successfully
+    const { errors } = await handleFetch('/api/zonos-elements/log-bulk-load', {
+        body: loadTimeApiInfoListArray,
+        method: 'POST',
+    });
+    if (errors.length) {
+        // If there are errors, add the logs back to the list so we can try again later
+        window.Zonos.loadTimeApiInfoList.push(...loadTimeApiInfoListArray);
+        numberOfFailures++;
+        if (numberOfFailures > 5 && window.Zonos.logIntervalId) {
+            // If there are more than 3 failures, stop the interval
+            clearInterval(window.Zonos.logIntervalId);
+        }
+    }
+};
+
 /**
  * Get the load version and url based on the loadScriptSrc and version
  * @returns
@@ -126,7 +155,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.167.js.zonos.com";
+    const cdnUrl = "https://v1.3.169.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.') ||
@@ -310,10 +339,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.167.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.167";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.167";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.167";
+const ZONOS_URL = "https://v1.3.169.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.169";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.169";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.169";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -327,7 +356,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1741302018777";
+Zonos.releaseDate = "1741966456733";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -343,12 +372,14 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.167"}`;
+Zonos.version = `v${"1.3.169"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
+Zonos.loadTimeApiInfoList = [];
+Zonos.logIntervalId = null;
 Zonos.init = async (params) => {
     const { appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, } = params;
     _a.cartId = getCartIdFromQueryParam();
@@ -441,6 +472,12 @@ Zonos.init = async (params) => {
         },
     });
     _a.doneInit = true;
+    if (!_a.logIntervalId) {
+        // log the load time of all API calls every 2 seconds
+        _a.logIntervalId = setInterval(() => {
+            void sendBulkLoadTimeApiLog();
+        }, 2000);
+    }
 };
 Zonos.injectCustomScriptForHostedCheckout = () => {
     const cartData = _a.cartData;

package/dist/esm/{isDarkColor-2f59d721.js → isDarkColor-446fccb7.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-71d7e02f.js';
+import { a as commonjsGlobal } from './zonosStore-d3c5a0a5.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/{paypal-7d253663.js → paypal-38da5d52.js}

@@ -1,7 +1,7 @@
-import { z as zonosStore, c as createStore } from './zonosStore-71d7e02f.js';
-import { F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-f2f5f13f.js';
-import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-b4633675.js';
-import { t as tinycolor } from './isDarkColor-2f59d721.js';
+import { z as zonosStore, c as createStore } from './zonosStore-d3c5a0a5.js';
+import { F as validateCheckoutSession, f as stripeStore, e as cartStore, z as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-b2e57589.js';
+import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-8d72c8cd.js';
+import { t as tinycolor } from './isDarkColor-446fccb7.js';
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -214,9 +214,9 @@ const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) =>
     return { errors, json };
 };
 
-const paypalCreateOrder = async ({ checkoutSessionId, }) => {
+const paypalCreateOrder = async ({ checkoutSessionId, intent, }) => {
     const { errors, json } = await handleFetch('/api/zonos-elements/create-paypal-order', {
-        body: { checkoutSessionId },
+        body: { checkoutSessionId, intent },
         method: 'POST',
     });
     return { errors, json };
@@ -245,6 +245,7 @@ const submitGtag = (event) => {
 };
 
 const { reset: paypalStoreReset, state: paypalStore } = createStore(() => ({
+    intent: 'capture',
     orderIdCreated: null,
     paypalButtons: [],
     paypalClientId: '',
@@ -252,8 +253,10 @@ const { reset: paypalStoreReset, state: paypalStore } = createStore(() => ({
 }));
 const paypalStoreCreaterOrder = async ({ checkoutSessionId, }) => {
     var _a, _b;
+    const uppercaseIntent = paypalStore.intent.toUpperCase();
     const { errors, json } = await paypalCreateOrder({
         checkoutSessionId,
+        intent: uppercaseIntent,
     });
     const paypalOrderId = (_a = json === null || json === void 0 ? void 0 : json.paypalOrderCreate) === null || _a === void 0 ? void 0 : _a.paypalOrderId;
     if (errors.length || !paypalOrderId) {
@@ -413,11 +416,16 @@ const paypalInitScript = async ({ currency }) => {
         zonosStore.checkoutSettings.mode === 'LIVE'
         ? 'production'
         : 'sandbox';
+    const hasAuthorizeSettingSet = zonosStore.checkoutSettings.captureDelay &&
+        zonosStore.checkoutSettings.captureDelay > 0;
+    paypalStore.intent = hasAuthorizeSettingSet ? 'authorize' : 'capture';
+    log('==== Paypal order intent', 'info', paypalStore.intent);
     // send paypal publishable key out to load paypal
     window.Zonos.paypal = await loadScript({
         clientId: paypalClientId.token,
         currency,
         environment,
+        intent: paypalStore.intent,
     });
     log('==== Paypal script loaded');
 };

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { f as stripeStore, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore, e as cartStore } from './cart-f2f5f13f.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { f as stripeStore, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore, e as cartStore } from './cart-b2e57589.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { b as logError, l as log } from './handleFetch-b4633675.js';
+import { b as logError, l as log } from './handleFetch-8d72c8cd.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { c as classes } from './classes-0d95c529.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
-import { i as isDarkColor } from './isDarkColor-2f59d721.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
+import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-d82f06f2.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-d82f06f2.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBannerCss = ":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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { i as isDarkColor } from './isDarkColor-2f59d721.js';
+import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { s as styles } from './styles-6fc2fad9.js';
 
 /**

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-d82f06f2.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 
 const zonosCardCss = ":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 .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-d82f06f2.js';
-import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-f2f5f13f.js';
+import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-b2e57589.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-7d253663.js';
-import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
-import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, b as logError, a as getIsStagingMode } from './handleFetch-b4633675.js';
+import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-38da5d52.js';
+import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
+import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, b as logError, a as getIsStagingMode } from './handleFetch-8d72c8cd.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-2f59d721.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-446fccb7.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
 import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-915ef042.js';

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-d82f06f2.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-f2f5f13f.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-7d253663.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-71d7e02f.js';
-import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, g as getIsTestMode, j as jsonParse, a as getIsStagingMode } from './handleFetch-b4633675.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-b2e57589.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-38da5d52.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-d3c5a0a5.js';
+import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode } from './handleFetch-8d72c8cd.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
-import { i as isDarkColor } from './isDarkColor-2f59d721.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
+import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-646aae20.js';
+import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-2994efd9.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 
 /**
@@ -180,40 +180,6 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
     });
 };
 
-const getNavigatorConnection = () => {
-    const connection = 'connection' in window.navigator
-        ? // connection is not yet supported in all browsers
-            window.navigator.connection
-        : null;
-    const mozConnection = 'mozConnection' in window.navigator
-        ? // mozConnection is not yet supported in all browsers
-            window.navigator.mozConnection
-        : null;
-    const webkitConnection = 'webkitConnection' in window.navigator
-        ? // webkitConnection is not yet supported in all browsers
-            window.navigator.webkitConnection
-        : null;
-    const baseConnection = connection || mozConnection || webkitConnection;
-    return baseConnection;
-};
-
-const getAdditionalLogMetadata = () => {
-    const userAgentData = 'userAgentData' in window.navigator
-        ? // userAgentData is not yet supported in all browsers
-            window.navigator.userAgentData
-        : null;
-    const baseConnection = getNavigatorConnection();
-    return {
-        connectionDownlink: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.downlink,
-        connectionEffectiveType: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.effectiveType,
-        connectionRtt: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.rtt,
-        connectionSaveData: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.saveData,
-        userAgent: userAgentData && userAgentData.brands.length > 0
-            ? userAgentData
-            : window.navigator.userAgent,
-    };
-};
-
 const sendLoadCheckoutFacadeLog = async () => {
     const { elapsedTime } = getElapsedTime();
     const scriptLoadLogBody = {
@@ -232,6 +198,23 @@ const sendLoadCheckoutFacadeLog = async () => {
     });
 };
 
+const sendLoadNativeCheckoutLog = async ({ loadTime, }) => {
+    const scriptLoadLogBody = {
+        cache: 'miss',
+        eventName: 'jsdelivr',
+        flag: 'LOG_NATIVE_CHECKOUT_LOAD',
+        href: window.location.href,
+        loadTime,
+        metadata: Object.assign({ allLogs }, getAdditionalLogMetadata()),
+        scriptLoadUrl: 'nativeCheckout',
+        storeId: window.Zonos.storeId,
+    };
+    void handleFetch('/api/zonos-elements/log-script-load', {
+        body: scriptLoadLogBody,
+        method: 'POST',
+    });
+};
+
 const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
 </svg>
@@ -629,6 +612,8 @@ const ZonosCheckout = class {
             });
             button.addEventListener('click', async (e) => {
                 var _a;
+                // Start tracking load time
+                const startTime = performance.now();
                 // Allow no country set for legacy facades. Otherwise enforce it being a shippable country and not disabled.
                 if (!window.Zonos.isLegacyCheckout &&
                     (!isShippableCountry() || isDisabledCountry())) {
@@ -677,6 +662,11 @@ const ZonosCheckout = class {
                     if (window.Zonos.isLegacyCheckout) {
                         void sendLoadCheckoutFacadeLog();
                     }
+                    else {
+                        const endTime = performance.now();
+                        const loadTime = endTime - startTime;
+                        void sendLoadNativeCheckoutLog({ loadTime });
+                    }
                 }
                 catch (err) {
                     // stop loading

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 
 const zonosCollapseCss = ":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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
 const ZonosCollapseStyle0 = zonosCollapseCss;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d82f06f2.js';
-import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-f2f5f13f.js';
-import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
-import { h as handleFetch, b as logError, l as log } from './handleFetch-b4633675.js';
-import './isDarkColor-2f59d721.js';
-import './getBorderRadius-740610fb.js';
+import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-b2e57589.js';
+import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
+import { h as handleFetch, b as logError, l as log } from './handleFetch-8d72c8cd.js';
+import './isDarkColor-446fccb7.js';
+import './getBorderRadius-ada3ccad.js';
 
 const getZonosSettings = async () => {
     const { errors, json, zonosMode } = await handleFetch('/api/zonos-elements/zonos-settings');
@@ -296,6 +296,8 @@ const ZonosController = class {
                     ? Object.assign(Object.assign({}, this.config.checkoutSettings), {
                         // Don't allow to override settlement currencies setting. This setting is only configured by Zonos
                         allowedSettlementCurrencies: undefined,
+                        // Don't allow to override capture delay setting. This setting is only configured by Zonos
+                        captureDelay: undefined,
                         // Don't allow to override subscription status
                         subscriptionStatus: undefined,
                         // Set success redirect url to store url if it's legacy checkout.
@@ -396,7 +398,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '14d142f73eae70c229b638ef298e20c9c7c5713d', class: "zonos--elements" });
+        return h(Host, { key: 'eed6d0d8b034a43bb4bccf5937b8eccc5d5744c9', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

package/dist/esm/zonos-country-flag.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { l as localizationStore } from './cart-f2f5f13f.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { l as localizationStore } from './cart-b2e57589.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
-import './handleFetch-b4633675.js';
-import './isDarkColor-2f59d721.js';
-import './getBorderRadius-740610fb.js';
+import './handleFetch-8d72c8cd.js';
+import './isDarkColor-446fccb7.js';
+import './getBorderRadius-ada3ccad.js';
 
 const zonosCountryFlagCss = ":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-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/esm/zonos-country-select_4.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-f2f5f13f.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-b2e57589.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
-import { i as isDarkColor } from './isDarkColor-2f59d721.js';
+import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import './handleFetch-b4633675.js';
-import './getBorderRadius-740610fb.js';
+import './handleFetch-8d72c8cd.js';
+import './getBorderRadius-ada3ccad.js';
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

package/dist/esm/zonos-empty-state-payment_4.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-d82f06f2.js';
-import { d as zonosStoreFontFamily } from './zonosStore-71d7e02f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-740610fb.js';
-import { f as stripeStore } from './cart-f2f5f13f.js';
-import { b as logError, l as log } from './handleFetch-b4633675.js';
-import { d as paypalStoreInitButtons } from './paypal-7d253663.js';
-import './isDarkColor-2f59d721.js';
+import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
+import { f as stripeStore } from './cart-b2e57589.js';
+import { b as logError, l as log } from './handleFetch-8d72c8cd.js';
+import { d as paypalStoreInitButtons } from './paypal-38da5d52.js';
+import './isDarkColor-446fccb7.js';
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">

package/dist/esm/zonos-hello-dialog.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-d82f06f2.js';
-import { r as translate, l as localizationStore, E as currencyFormat } from './cart-f2f5f13f.js';
-import { z as zonosStore } from './zonosStore-71d7e02f.js';
+import { r as translate, l as localizationStore, E as currencyFormat } from './cart-b2e57589.js';
+import { z as zonosStore } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
-import './handleFetch-b4633675.js';
-import './isDarkColor-2f59d721.js';
-import './getBorderRadius-740610fb.js';
+import './handleFetch-8d72c8cd.js';
+import './isDarkColor-446fccb7.js';
+import './getBorderRadius-ada3ccad.js';
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();