@zonos/elements 1.3.173 → 1.3.175

package/dist/cjs/{CheckoutConfig-c5943bbf.js → CheckoutConfig-fb59baa3.js}

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

package/dist/cjs/{cart-d9052930.js → cart-93ed3002.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-3812b318.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 

package/dist/cjs/{handleFetch-ff25db40.js → handleFetch-969d05d8.js}

@@ -126,6 +126,11 @@ const jsonParse = (_data) => {
     return null;
 };
 
+const checkoutBreakpoint = 890;
+const isCheckoutMobile = (isMobile) => {
+    return isMobile || window.innerWidth < checkoutBreakpoint;
+};
+
 const getNavigatorConnection = () => {
     const connection = 'connection' in window.navigator
         ? // connection is not yet supported in all browsers
@@ -156,7 +161,7 @@ const getAdditionalLogMetadata = () => {
         connectionSaveData: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.saveData,
         isHostedCheckout: window.Zonos.isLegacyCheckout,
         screenHeight: window.screen.height,
-        screenWidth: window.screen.width,
+        screenWidth: window.innerWidth,
         userAgent: userAgentData && userAgentData.brands.length > 0
             ? userAgentData
             : window.navigator.userAgent,
@@ -165,7 +170,7 @@ const getAdditionalLogMetadata = () => {
 
 const blackListPaths = [
     '/api/zonos-elements/log-script-load',
-    '/api/zonos-elements/log-bulk-load',
+    '/api/zonos-elements/log-bulk-load-data',
 ];
 /**
  * Prepares the load time api log for the given API call to send to the server later
@@ -176,20 +181,37 @@ const prepLoadTimeApiLog = ({ apiPath, apiType, loadTimeInternal, loadTimeTotal,
     if (blackListPaths.includes(apiPath)) {
         return;
     }
+    const loadTimeBrowserApi = loadTimeTotal - loadTimeInternal;
+    // No need to record if the browser API load time is negative (cached)
+    if (loadTimeBrowserApi < 0) {
+        return;
+    }
+    // e.g. /api/zonos-elements/log-script-load?zonosDebug=1 -> /api/zonos-elements/log-script-load
     const apiPathWithoutParams = apiPath.split('?')[0] || apiPath;
-    const scriptLoadLogBody = {
-        cache: 'miss',
-        cdnLoadTime: loadTimeTotal - loadTimeInternal,
-        eventName: 'jsdelivr',
-        flag: 'LOG_LOAD_TIME_API',
+    const additionalLogMetadata = getAdditionalLogMetadata();
+    const isMobileAgent = typeof additionalLogMetadata.userAgent === 'object' &&
+        additionalLogMetadata.userAgent.mobile;
+    const bulkLoadLogBody = {
+        apiType,
+        connectionType: additionalLogMetadata.connectionEffectiveType,
         href: apiPathWithoutParams,
-        loadTime: loadTimeInternal,
-        metadata: Object.assign(Object.assign({ apiType }, getAdditionalLogMetadata()), { loadTimeClientMiddleware: loadTimeTotal - loadTimeInternal, loadTimeInternal,
-            loadTimeTotal }),
-        scriptLoadUrl: apiType,
-        storeId: window.Zonos.storeId,
+        isHostedCheckout: window.Zonos.isLegacyCheckout,
+        // Use the isMobileAgent to determine if the checkout is mobile, if it's not availabe, use the logic from isCheckoutMobile
+        isMobile: isCheckoutMobile(isMobileAgent),
+        loadTimeBrowserApi,
+        loadTimeInternal,
+        loadTimeTotal,
+        metadata: Object.assign({}, additionalLogMetadata),
+        screenHeight: additionalLogMetadata.screenHeight,
+        screenWidth: additionalLogMetadata.screenWidth,
+        userAgent: typeof additionalLogMetadata.userAgent === 'string'
+            ? additionalLogMetadata.userAgent
+            : additionalLogMetadata.userAgent['brands']
+                .map(brand => brand.brand)
+                .filter(brand => !/Not.*A.*Brand.*/.test(brand))
+                .join(','),
     };
-    window.Zonos.loadTimeApiInfoList.push(scriptLoadLogBody);
+    window.Zonos.loadTimeApiInfoList.push(bulkLoadLogBody);
 };
 
 /**
@@ -475,6 +497,7 @@ exports.getElapsedTime = getElapsedTime;
 exports.getIsStagingMode = getIsStagingMode;
 exports.getIsTestMode = getIsTestMode;
 exports.handleFetch = handleFetch;
+exports.isCheckoutMobile = isCheckoutMobile;
 exports.jsonParse = jsonParse;
 exports.log = log;
 exports.logError = logError;

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-ff25db40.js');
-const CheckoutConfig = require('./CheckoutConfig-c5943bbf.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
+const CheckoutConfig = require('./CheckoutConfig-fb59baa3.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.173.js.zonos.com";
+    const cdnUrl = "https://v1.3.175.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.173.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.173";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.173";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.173";
+const ZONOS_URL = "https://v1.3.175.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.175";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.175";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.175";
 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 = "1742573632605";
+Zonos.releaseDate = "1742933949936";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,7 +346,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.173"}`;
+Zonos.version = `v${"1.3.175"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-31477331.js → paypal-8b49ef07.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-3812b318.js');
-const cart = require('./cart-d9052930.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const cart = require('./cart-93ed3002.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 
 /*!

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const classes = require('./classes-b7918f56.js');
 const RemoveIcon$1 = require('./RemoveIcon-081ac073.js');
@@ -130,7 +129,7 @@ const ZonosAddress = class {
                         this.isAutoCompleteAdjusted = true;
                     }
                     // scroll directly into view if it's mobile
-                    if (isCheckoutMobile.isCheckoutMobile()) {
+                    if (handleFetch.isCheckoutMobile()) {
                         this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
                     }
                     else {

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-31477331.js');
+const paypal = require('./paypal-8b49ef07.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
-const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
@@ -1697,10 +1696,10 @@ const ZonosCheckoutFooter = class {
         this.showLanguageDialog = !this.showLanguageDialog;
     }
     handleMobileChange() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     componentWillLoad() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     render() {
         var _a;
@@ -2492,10 +2491,10 @@ const ZonosReview = class {
         this.isMobile = false;
     }
     handleWindowResize() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     componentWillLoad() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
     }
     render() {
         const total = cart.cartStoreHasOneEligibleItem() ? cart.cartStore.total : 0;

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

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
-const paypal = require('./paypal-31477331.js');
+const cart = require('./cart-93ed3002.js');
+const paypal = require('./paypal-8b49ef07.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
-const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-c5943bbf.js');
+const CheckoutConfig = require('./CheckoutConfig-fb59baa3.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -194,17 +193,20 @@ const sendBulkLoadTimeApiLog = async () => {
         loadTimeApiInfoList: window.Zonos.loadTimeApiInfoList,
     });
     // Clone the list so we can clear it after sending the log
-    const loadTimeApiInfoListArray = [...window.Zonos.loadTimeApiInfoList];
+    const loadTimeApiInfoListArray = {
+        data: [...window.Zonos.loadTimeApiInfoList],
+        storeId: window.Zonos.storeId || 0,
+    };
     // 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', {
+    const { errors } = await handleFetch.handleFetch('/api/zonos-elements/log-bulk-load-data', {
         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);
+        window.Zonos.loadTimeApiInfoList.push(...loadTimeApiInfoListArray.data);
         numberOfFailures++;
         if (numberOfFailures > 5 && window.Zonos.logIntervalId) {
             // If there are more than 3 failures, stop the interval
@@ -1157,13 +1159,13 @@ const ZonosCheckout = class {
         }
     }
     handleWindowResize() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
         // apply theme to stripe elements
         void this.applyStripeTheme();
         handleFetch.log(`mobile: ${this.isMobile}`);
     }
     handleMobileChange() {
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
         // apply theme to stripe elements
         void this.applyStripeTheme();
         handleFetch.log(`mobile: ${this.isMobile}`);
@@ -1258,7 +1260,7 @@ const ZonosCheckout = class {
     }
     componentWillLoad() {
         void this.init();
-        this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
+        this.isMobile = handleFetch.isCheckoutMobile(this.mobile);
         this.isIframed = window.self !== window.top;
         handleFetch.log(`iframed: ${this.isIframed}`);
         // update theme to browser preference theme if appearance theme is system

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-ff25db40.js');
+require('./handleFetch-969d05d8.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-ec4a4e7d.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-ff25db40.js');
+require('./handleFetch-969d05d8.js');
 require('./getBorderRadius-94ef609c.js');
 
 /**

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

@@ -6,9 +6,9 @@ const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
-const cart = require('./cart-d9052930.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
-const paypal = require('./paypal-31477331.js');
+const cart = require('./cart-93ed3002.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
+const paypal = require('./paypal-8b49ef07.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">

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.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-ff25db40.js');
+require('./handleFetch-969d05d8.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-ff25db40.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
@@ -430,7 +430,7 @@ const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        handleFetch.logError(`Hello could not check item restrictions - must provide title and description selectors.`);
+        handleFetch.log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
         cart.isValidSelector(productTitleElementSelector) &&
@@ -442,7 +442,7 @@ const getProductsOnPage = () => {
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        handleFetch.logError('Hello could not check item restrictions - Title and description selectors do not match');
+        handleFetch.log('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
@@ -453,7 +453,7 @@ const getProductsOnPage = () => {
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        handleFetch.logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        handleFetch.log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-d9052930.js');
+const cart = require('./cart-93ed3002.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-ff25db40.js');
+require('./handleFetch-969d05d8.js');
 require('./isDarkColor-ec4a4e7d.js');
 require('./getBorderRadius-94ef609c.js');
 

package/dist/collection/components/utils/hello/getProductsOnPage.js

@@ -1,11 +1,11 @@
 import { zonosStore } from "../../store/zonosStore";
 import { isValidSelector } from "../isValidSelector";
-import { logError } from "../logging/logError";
+import { log } from "../logging/log";
 export const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        logError(`Hello could not check item restrictions - must provide title and description selectors.`);
+        log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
         isValidSelector(productTitleElementSelector) &&
@@ -17,7 +17,7 @@ export const getProductsOnPage = () => {
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        logError('Hello could not check item restrictions - Title and description selectors do not match');
+        log('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
@@ -28,7 +28,7 @@ export const getProductsOnPage = () => {
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {

package/dist/collection/components/utils/logging/getAdditionalLogMetadata.js

@@ -12,7 +12,7 @@ export const getAdditionalLogMetadata = () => {
         connectionSaveData: baseConnection === null || baseConnection === void 0 ? void 0 : baseConnection.saveData,
         isHostedCheckout: window.Zonos.isLegacyCheckout,
         screenHeight: window.screen.height,
-        screenWidth: window.screen.width,
+        screenWidth: window.innerWidth,
         userAgent: userAgentData && userAgentData.brands.length > 0
             ? userAgentData
             : window.navigator.userAgent,

package/dist/collection/components/utils/logging/prepLoadTimeApiLog.js

@@ -1,7 +1,8 @@
+import { isCheckoutMobile } from "../checkout/isCheckoutMobile";
 import { getAdditionalLogMetadata } from "./getAdditionalLogMetadata";
 const blackListPaths = [
     '/api/zonos-elements/log-script-load',
-    '/api/zonos-elements/log-bulk-load',
+    '/api/zonos-elements/log-bulk-load-data',
 ];
 /**
  * Prepares the load time api log for the given API call to send to the server later
@@ -12,18 +13,35 @@ export const prepLoadTimeApiLog = ({ apiPath, apiType, loadTimeInternal, loadTim
     if (blackListPaths.includes(apiPath)) {
         return;
     }
+    const loadTimeBrowserApi = loadTimeTotal - loadTimeInternal;
+    // No need to record if the browser API load time is negative (cached)
+    if (loadTimeBrowserApi < 0) {
+        return;
+    }
+    // e.g. /api/zonos-elements/log-script-load?zonosDebug=1 -> /api/zonos-elements/log-script-load
     const apiPathWithoutParams = apiPath.split('?')[0] || apiPath;
-    const scriptLoadLogBody = {
-        cache: 'miss',
-        cdnLoadTime: loadTimeTotal - loadTimeInternal,
-        eventName: 'jsdelivr',
-        flag: 'LOG_LOAD_TIME_API',
+    const additionalLogMetadata = getAdditionalLogMetadata();
+    const isMobileAgent = typeof additionalLogMetadata.userAgent === 'object' &&
+        additionalLogMetadata.userAgent.mobile;
+    const bulkLoadLogBody = {
+        apiType,
+        connectionType: additionalLogMetadata.connectionEffectiveType,
         href: apiPathWithoutParams,
-        loadTime: loadTimeInternal,
-        metadata: Object.assign(Object.assign({ apiType }, getAdditionalLogMetadata()), { loadTimeClientMiddleware: loadTimeTotal - loadTimeInternal, loadTimeInternal,
-            loadTimeTotal }),
-        scriptLoadUrl: apiType,
-        storeId: window.Zonos.storeId,
+        isHostedCheckout: window.Zonos.isLegacyCheckout,
+        // Use the isMobileAgent to determine if the checkout is mobile, if it's not availabe, use the logic from isCheckoutMobile
+        isMobile: isCheckoutMobile(isMobileAgent),
+        loadTimeBrowserApi,
+        loadTimeInternal,
+        loadTimeTotal,
+        metadata: Object.assign({}, additionalLogMetadata),
+        screenHeight: additionalLogMetadata.screenHeight,
+        screenWidth: additionalLogMetadata.screenWidth,
+        userAgent: typeof additionalLogMetadata.userAgent === 'string'
+            ? additionalLogMetadata.userAgent
+            : additionalLogMetadata.userAgent['brands']
+                .map(brand => brand.brand)
+                .filter(brand => !/Not.*A.*Brand.*/.test(brand))
+                .join(','),
     };
-    window.Zonos.loadTimeApiInfoList.push(scriptLoadLogBody);
+    window.Zonos.loadTimeApiInfoList.push(bulkLoadLogBody);
 };

package/dist/collection/components/utils/logging/sendBulkLoadTimeApiLog.js

@@ -10,17 +10,20 @@ export const sendBulkLoadTimeApiLog = async () => {
         loadTimeApiInfoList: window.Zonos.loadTimeApiInfoList,
     });
     // Clone the list so we can clear it after sending the log
-    const loadTimeApiInfoListArray = [...window.Zonos.loadTimeApiInfoList];
+    const loadTimeApiInfoListArray = {
+        data: [...window.Zonos.loadTimeApiInfoList],
+        storeId: window.Zonos.storeId || 0,
+    };
     // 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', {
+    const { errors } = await handleFetch('/api/zonos-elements/log-bulk-load-data', {
         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);
+        window.Zonos.loadTimeApiInfoList.push(...loadTimeApiInfoListArray.data);
         numberOfFailures++;
         if (numberOfFailures > 5 && window.Zonos.logIntervalId) {
             // If there are more than 3 failures, stop the interval

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -462,9 +462,6 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         allSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'allSettings', 'query');
         },
-        analyticConversionEvent(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'analyticConversionEvent', 'query');
-        },
         cleanupTestErrors(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cleanupTestErrors', 'mutation');
         },
@@ -474,6 +471,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         createBulkLoadEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createBulkLoadEvent', 'mutation');
         },
+        createBulkScriptLoadEvent(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createBulkScriptLoadEvent', 'mutation');
+        },
         createErrorEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createErrorEvent', 'mutation');
         },
@@ -534,12 +534,6 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         localeCountryMessages(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'localeCountryMessages', 'query');
         },
-        metricAllApiPaths(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'metricAllApiPaths', 'query');
-        },
-        metricApiPathSpeed(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'metricApiPathSpeed', 'query');
-        },
         storeVersionSetting(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'storeVersionSetting', 'query');
         },

package/dist/collection/types/generated/graphql.internal.types.js

@@ -278,6 +278,7 @@ export const carrierRateType = {
 export const cartAdjustmentType = {
     CartTotal: 'CART_TOTAL',
     Item: 'ITEM',
+    OrderTotal: 'ORDER_TOTAL',
     PromoCode: 'PROMO_CODE',
     Shipping: 'SHIPPING',
 };
@@ -2744,12 +2745,6 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         organization(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'organization', 'query');
         },
-        organizationByStoreId(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'organizationByStoreId', 'query');
-        },
-        organizations(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'organizations', 'query');
-        },
         partyInfo(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'partyInfo', 'query');
         },

package/dist/esm/{CheckoutConfig-75af3742.js → CheckoutConfig-63b3ed06.js}

@@ -1,4 +1,4 @@
-import { g as getIsTestMode, h as handleFetch, l as log, b as logError } from './handleFetch-0109fb78.js';
+import { g as getIsTestMode, h as handleFetch, l as log, b as logError } from './handleFetch-621e45bc.js';
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const isTestMode = getIsTestMode();

package/dist/esm/{cart-fff4f4a4.js → cart-54d84646.js}

@@ -1,5 +1,5 @@
 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-0109fb78.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-621e45bc.js';
 import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';