@zonos/elements 1.3.54 → 1.3.56

package/dist/cjs/{CheckoutConfig-ca67953a.js → CheckoutConfig-4d03e084.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 
 const getTempCartById = async (cartId) => {
     const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/get-temp-cart', {

package/dist/cjs/{cart-03b08131.js → cart-6c7bf457.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-67139f0e.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const isDarkColor = require('./isDarkColor-7a056d05.js');
 const getBorderRadius = require('./getBorderRadius-a6a3b35e.js');
 
@@ -8381,7 +8381,7 @@ const stripeStorePrefetchLandedCost = async () => {
             }
         }
         catch (err) {
-            // default to empty array if we fail to fetch landed cost, so we can show the error message
+            // default to empty array if we failed to fetch landed cost, so we can show the error message
             cartStore.landedCostData = [];
             cartStore.shippingData = [];
             handleFetch.logError(err);
@@ -8505,7 +8505,7 @@ const stripeStoreInitCheckoutSession = async () => {
     var _a;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
     if (!total || !localizationStore.targetCurrency) {
-        handleFetch.logError('Fail to create checkout session - invalid total or currency');
+        handleFetch.logError('Failed to create checkout session - invalid total or currency');
         return false;
     }
     stripeStore.isFetchingSession = true;
@@ -8647,7 +8647,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
     });
     if (errors.length || !json) {
         handleFetch.logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
-        // reset translated address if we fail to translate and let user manually fix it
+        // reset translated address if we Failed to translate and let user manually fix it
         stripeStore.translatedAddress = {
             address: {},
             billingAddress: {},

package/dist/cjs/{createCustomEvent-532569f1.js → createCustomEvent-a10ed604.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;

package/dist/cjs/{handleFetch-4b296adc.js → handleFetch-c0e07666.js}

@@ -116,6 +116,9 @@ const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseError
         // use native fetch because in handleFetch also calls sendErrorLog and it will possibly cause circular dependencies issue
         void fetch(`${MAIN_BASE_API}/api/zonos-elements/log-error`, {
             body: JSON.stringify(errorObject),
+            headers: {
+                'Zonos-Referer': window.location.hostname,
+            },
             method: 'POST',
         });
     }
@@ -195,7 +198,7 @@ const handleRequest = async ({ basePathType, options, path, }) => {
                 zonosMode: null,
             };
         }
-        const message = 'Fail to fetch';
+        const message = 'Failed to fetch';
         return {
             baseUrl,
             errors: [{ message, type: 'unknown' }],
@@ -262,7 +265,7 @@ const handleRequestWithFallback = async ({ basePathType: _basePathType, options,
     const unknownError = errors.find(({ type }) => type === 'unknown');
     const isUnknownError = !!unknownError || (response === null || response === void 0 ? void 0 : response.status) === 404;
     const shouldCallFallback = 
-    // If next fallback is available, and the error is unknown (fail to fetch) or 404
+    // If next fallback is available, and the error is unknown (Failed to fetch) or 404
     nextFallbackApiType && isUnknownError;
     // Should log the error if it's unknown error
     if (isUnknownError) {

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-4b296adc.js');
-const CheckoutConfig = require('./CheckoutConfig-ca67953a.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
+const CheckoutConfig = require('./CheckoutConfig-4d03e084.js');
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -96,7 +96,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.54.js.zonos.com";
+    const cdnUrl = "https://v1.3.56.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.') ||
@@ -280,10 +280,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.54.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.54";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.54";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.54";
+const ZONOS_URL = "https://v1.3.56.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.56";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.56";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.56";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -298,14 +298,14 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1726615112859";
+Zonos.releaseDate = "1727278094755";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
  */
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.54"}`;
+Zonos.version = `v${"1.3.56"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-bdc19559.js → paypal-ec9ebaf5.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-67139f0e.js');
-const cart = require('./cart-03b08131.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const cart = require('./cart-6c7bf457.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const isDarkColor = require('./isDarkColor-7a056d05.js');
 
 /*!
@@ -394,7 +394,7 @@ const paypalInitScript = async ({ currency }) => {
     }
     const paypalClientId = zonosStore.zonosStore.checkoutSettings.externalServiceTokens.find(item => item.type === 'PAYPAL_CLIENT_ID');
     if (!paypalClientId) {
-        handleFetch.log('Fail to load paypal -- missing paypal publishable key', 'warn');
+        handleFetch.log('Failed to load paypal -- missing paypal publishable key', 'warn');
         return;
     }
     /**
@@ -437,7 +437,7 @@ const paypalStoreInitButtons = (props) => {
                     fundingSource }, props))), { fundingSource }))) || null;
         }
         catch (err) {
-            handleFetch.log(`===== Fail to load paypal's "${fundingSource}" button`, 'warn', err);
+            handleFetch.log(`===== Failed to load paypal's "${fundingSource}" button`, 'warn', err);
         }
         if (button === null || button === void 0 ? void 0 : button.isEligible()) {
             handleFetch.log(`==== Paypal button ${fundingSource} loaded`);

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-03b08131.js');
-const paypal = require('./paypal-bdc19559.js');
-const createCustomEvent = require('./createCustomEvent-532569f1.js');
+const cart = require('./cart-6c7bf457.js');
+const paypal = require('./paypal-ec9ebaf5.js');
+const createCustomEvent = require('./createCustomEvent-a10ed604.js');
 const getBorderRadius = require('./getBorderRadius-a6a3b35e.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-7a056d05.js');

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
-const paypal = require('./paypal-bdc19559.js');
+const cart = require('./cart-6c7bf457.js');
+const paypal = require('./paypal-ec9ebaf5.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
-const createCustomEvent = require('./createCustomEvent-532569f1.js');
+const createCustomEvent = require('./createCustomEvent-a10ed604.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-a6a3b35e.js');
 const isDarkColor = require('./isDarkColor-7a056d05.js');
-const CheckoutConfig = require('./CheckoutConfig-ca67953a.js');
+const CheckoutConfig = require('./CheckoutConfig-4d03e084.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -281,7 +281,7 @@ const ZonosCheckout = class {
             const cartResult = await CheckoutConfig.setupCartData(cartId);
             const cartData = cartResult === null || cartResult === void 0 ? void 0 : cartResult.cartData;
             if (!cartData) {
-                handleFetch.logError('Fail to build cart, please try again.');
+                handleFetch.logError('Failed to build cart, please try again.');
                 return;
             }
             const { adjustments, cartItems } = buildCartItemsByTempCart(cartData);
@@ -411,7 +411,9 @@ const ZonosCheckout = class {
     useLegacyQueryParam() {
         const urlParams = new URLSearchParams(window.location.search);
         const legacyShippingInfo = {
-            country: urlParams.get('country'),
+            country: 
+            // fallback to selected country code if country is not provided
+            urlParams.get('country') || cart.localizationStore.selectedCountryCode,
             customerAddress1: urlParams.get('customerAddress1'),
             customerAddress2: urlParams.get('customerAddress2'),
             customerCity: urlParams.get('customerCity'),
@@ -429,6 +431,7 @@ const ZonosCheckout = class {
             !legacyShippingInfo.customerState ||
             !legacyShippingInfo.customerZip ||
             !legacyShippingInfo.country) {
+            handleFetch.log('Missing some query params so it can not be prefilled', 'info', legacyShippingInfo);
             return;
         }
         this.defaultAddress = {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.js');
 
@@ -230,7 +230,7 @@ const ZonosController = class {
             // override subscription status
             const config = Object.assign(Object.assign({}, this.config), { checkoutSettings: this.config.checkoutSettings
                     ? Object.assign(Object.assign({}, this.config.checkoutSettings), { subscriptionStatus: undefined }) : undefined });
-            // load default setting if fail to load user setting
+            // load default setting if failed to load user settings
             zonosStore.zonosStoreInitSetting({
                 overrideSettings: config,
                 zonosSettings: json,
@@ -319,7 +319,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '4d7d784a50ebcb61ee4658198f3dcf756daf8d70', class: "zonos--elements" });
+        return index.h(index.Host, { key: '7ec14cc108aea8ac9c552c76410c00b698fae8f8', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-4b296adc.js');
+require('./handleFetch-c0e07666.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.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-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-7a056d05.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-4b296adc.js');
+require('./handleFetch-c0e07666.js');
 require('./getBorderRadius-a6a3b35e.js');
 
 /**

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-4b296adc.js');
+require('./handleFetch-c0e07666.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.js');
@@ -384,7 +384,7 @@ const detectItemRestrictions = async (newProducts) => {
     }
     const { selectedCountryCode } = cart.localizationStore;
     if (!selectedCountryCode) {
-        handleFetch.logError('Hello Could not check item restrictions - No country code selected');
+        handleFetch.logError('Hello could not check item restrictions - No country code selected');
         return [];
     }
     const items = newProducts.map(product => ({
@@ -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.logError(`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.logError('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-03b08131.js');
+const cart = require('./cart-6c7bf457.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-4b296adc.js');
+require('./handleFetch-c0e07666.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.js');
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-67139f0e.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-03b08131.js');
-const handleFetch = require('./handleFetch-4b296adc.js');
-const paypal = require('./paypal-bdc19559.js');
+const cart = require('./cart-6c7bf457.js');
+const handleFetch = require('./handleFetch-c0e07666.js');
+const paypal = require('./paypal-ec9ebaf5.js');
 require('./isDarkColor-7a056d05.js');
 require('./getBorderRadius-a6a3b35e.js');