@zonos/elements 1.3.168 → 1.3.170

package/dist/cjs/{CheckoutConfig-626b48e5.js → CheckoutConfig-f5e68e14.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-3673a0c2.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const isTestMode = handleFetch.getIsTestMode();

package/dist/cjs/{cart-dbeee1e9.js → cart-36799bbe.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 
 const stringsArabic = {
     ' (Duties due at door)': {

package/dist/cjs/{getBorderRadius-d184b623.js → getBorderRadius-94ef609c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{handleFetch-3673a0c2.js → handleFetch-7b7f9f7c.js}

@@ -126,6 +126,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
@@ -323,11 +388,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;
@@ -379,7 +457,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,
@@ -389,6 +466,7 @@ const handleFetch = async (path, _opts) => {
 
 exports.allLogs = allLogs;
 exports.fallbackApiList = fallbackApiList;
+exports.getAdditionalLogMetadata = getAdditionalLogMetadata;
 exports.getElapsedTime = getElapsedTime;
 exports.getIsStagingMode = getIsStagingMode;
 exports.getIsTestMode = getIsTestMode;

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-3673a0c2.js');
-const CheckoutConfig = require('./CheckoutConfig-626b48e5.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
+const CheckoutConfig = require('./CheckoutConfig-f5e68e14.js');
 const TaxId = require('./TaxId-4632639d.js');
 
 /**
@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.168.js.zonos.com";
+    const cdnUrl = "https://v1.3.170.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.') ||
@@ -313,10 +313,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.168.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.168";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.168";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.168";
+const ZONOS_URL = "https://v1.3.170.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.170";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.170";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.170";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -330,7 +330,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1741638596050";
+Zonos.releaseDate = "1741970849426";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,12 +346,14 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.168"}`;
+Zonos.version = `v${"1.3.170"}`;
 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();

package/dist/cjs/{isDarkColor-08d92ed7.js → isDarkColor-ec4a4e7d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/{paypal-ea1693b0.js → paypal-3eae38bd.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const cart = require('./cart-dbeee1e9.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const cart = require('./cart-36799bbe.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const cart = require('./cart-36799bbe.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const classes = require('./classes-b7918f56.js');
 const RemoveIcon$1 = require('./RemoveIcon-081ac073.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.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/cjs/zonos-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.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/cjs/zonos-button_3.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const styles = require('./styles-d1e64fb9.js');
 
 /**

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.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/cjs/zonos-cart-items_13.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
+const cart = require('./cart-36799bbe.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-ea1693b0.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
+const paypal = require('./paypal-3eae38bd.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const TaxId = require('./TaxId-4632639d.js');

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const paypal = require('./paypal-ea1693b0.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
+const cart = require('./cart-36799bbe.js');
+const paypal = require('./paypal-3eae38bd.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-626b48e5.js');
+const CheckoutConfig = require('./CheckoutConfig-f5e68e14.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -184,38 +184,33 @@ 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,
-    };
+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;
+    }
+    handleFetch.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.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);
+        }
+    }
 };
 
 const sendLoadCheckoutFacadeLog = async () => {
@@ -226,7 +221,7 @@ const sendLoadCheckoutFacadeLog = async () => {
         flag: 'LOG_CHECKOUT_FACADE_LOAD',
         href: window.location.href,
         loadTime: elapsedTime,
-        metadata: Object.assign({ allLogs: handleFetch.allLogs }, getAdditionalLogMetadata()),
+        metadata: Object.assign({ allLogs: handleFetch.allLogs }, handleFetch.getAdditionalLogMetadata()),
         scriptLoadUrl: 'checkoutFacade',
         storeId: window.Zonos.storeId,
     };
@@ -236,6 +231,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: handleFetch.allLogs }, handleFetch.getAdditionalLogMetadata()),
+        scriptLoadUrl: 'nativeCheckout',
+        storeId: window.Zonos.storeId,
+    };
+    void handleFetch.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>
@@ -633,6 +645,14 @@ const ZonosCheckout = class {
             });
             button.addEventListener('click', async (e) => {
                 var _a;
+                if (!window.Zonos.logIntervalId) {
+                    // log the load time of all API calls every 2 seconds. This is to track the load time of all API calls for checkout user
+                    window.Zonos.logIntervalId = setInterval(() => {
+                        void sendBulkLoadTimeApiLog();
+                    }, 2000);
+                }
+                // 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())) {
@@ -681,6 +701,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/cjs/zonos-collapse.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.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/cjs/zonos-controller.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-08d92ed7.js');
-require('./getBorderRadius-d184b623.js');
+const cart = require('./cart-36799bbe.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
+require('./isDarkColor-ec4a4e7d.js');
+require('./getBorderRadius-94ef609c.js');
 
 const getZonosSettings = async () => {
     const { errors, json, zonosMode } = await handleFetch.handleFetch('/api/zonos-elements/zonos-settings');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const cart = require('./cart-36799bbe.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-08d92ed7.js');
-require('./getBorderRadius-d184b623.js');
+require('./handleFetch-7b7f9f7c.js');
+require('./isDarkColor-ec4a4e7d.js');
+require('./getBorderRadius-94ef609c.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/cjs/zonos-country-select_4.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const cart = require('./cart-36799bbe.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-08d92ed7.js');
+const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-3673a0c2.js');
-require('./getBorderRadius-d184b623.js');
+require('./handleFetch-7b7f9f7c.js');
+require('./getBorderRadius-94ef609c.js');
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d184b623.js');
-const cart = require('./cart-dbeee1e9.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
-const paypal = require('./paypal-ea1693b0.js');
-require('./isDarkColor-08d92ed7.js');
+const getBorderRadius = require('./getBorderRadius-94ef609c.js');
+const cart = require('./cart-36799bbe.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
+const paypal = require('./paypal-3eae38bd.js');
+require('./isDarkColor-ec4a4e7d.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/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-dbeee1e9.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
+const cart = require('./cart-36799bbe.js');
+const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-3673a0c2.js');
-require('./isDarkColor-08d92ed7.js');
-require('./getBorderRadius-d184b623.js');
+require('./handleFetch-7b7f9f7c.js');
+require('./isDarkColor-ec4a4e7d.js');
+require('./getBorderRadius-94ef609c.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const zonosStore = require('./zonosStore-7975e4b6.js');
-const cart = require('./cart-dbeee1e9.js');
+const zonosStore = require('./zonosStore-3812b318.js');
+const cart = require('./cart-36799bbe.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-3673a0c2.js');
+const handleFetch = require('./handleFetch-7b7f9f7c.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-08d92ed7.js');
-require('./getBorderRadius-d184b623.js');
+require('./isDarkColor-ec4a4e7d.js');
+require('./getBorderRadius-94ef609c.js');
 
 var root = zonosStore._root;