@zonos/elements 1.3.192 → 1.3.194

package/dist/cjs/{cart-27f6c7a4.js → cart-bc882927.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
 
 const stringsArabic = {
     ' (Duties due at door)': {

package/dist/cjs/{debounce-3eaa4f7e.js → debounce-d393fafe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 
 var root = zonosStore._root;
 

package/dist/cjs/{getBorderRadius-87f3b69c.js → getBorderRadius-3d0a563e.js}

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

package/dist/cjs/index.cjs.js

@@ -131,7 +131,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.192.js.zonos.com";
+    const cdnUrl = "https://v1.3.194.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.') ||
@@ -372,10 +372,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.192.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.192";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.192";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.192";
+const ZONOS_URL = "https://v1.3.194.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.194";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.194";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.194";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -393,7 +393,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1745964248308";
+Zonos.releaseDate = "1746221316172";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -411,7 +411,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.192"}`;
+Zonos.version = `v${"1.3.194"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{isDarkColor-d0c67c3d.js → isDarkColor-92a10a85.js}

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

package/dist/cjs/{paypal-84d83a76.js → paypal-608fa681.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-adc42868.js');
-const cart = require('./cart-27f6c7a4.js');
+const zonosStore = require('./zonosStore-c466b127.js');
+const cart = require('./cart-bc882927.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)

package/dist/cjs/{containsNonLatinChars-2be5129b.js → shouldRenderTaxIdInput-9b8a8de1.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+const TaxId = require('./TaxId-12acedde.js');
+
 const isTextContainsNonLatinChars = (text) => {
     const specialCharacters = /[ʼˮ՚ߴߵ']{1}/u;
     /**
@@ -20,5 +22,26 @@ const containsNonLatinChars = (params) => {
     return nonLatinValueList;
 };
 
+const isInTaxIdCountry = (countryCode) => {
+    return TaxId.countryRequireTaxId.includes(countryCode);
+};
+/**
+ * Checks if the tax ID input should be rendered based on the company name and country code.
+ */
+const shouldRenderTaxIdInput = ({ companyName, countryCode, }) => {
+    // Only show the tax ID input if the country is in the EU and the company name is provided
+    if (TaxId.euCountryCodes.includes(countryCode)) {
+        return companyName.trim().length > 0;
+    }
+    // If country require tax id, show the input
+    const isCountryRequireTaxId = isInTaxIdCountry(countryCode);
+    if (isCountryRequireTaxId) {
+        return true;
+    }
+    // If country doesn't require tax ID, no need to show the input
+    return false;
+};
+
 exports.containsNonLatinChars = containsNonLatinChars;
 exports.isTextContainsNonLatinChars = isTextContainsNonLatinChars;
+exports.shouldRenderTaxIdInput = shouldRenderTaxIdInput;

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
+const cart = require('./cart-bc882927.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
+const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
-const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
 const RemoveIcon$2 = require('./RemoveIcon-081ac073.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
-const debounce$1 = require('./debounce-3eaa4f7e.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
+const debounce$1 = require('./debounce-d393fafe.js');
 const helpers = require('./helpers-5bdbb68c.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}";
@@ -211,8 +211,16 @@ const ZonosAddress$1 = class {
         if (!countryCode) {
             return null;
         }
-        const isCountryRequireTaxId = this.isInTaxIdCountry(countryCode);
-        if (!isCountryRequireTaxId) {
+        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
+        if (!this.isInTaxIdCountry(countryCode)) {
+            return null;
+        }
+        const taxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+            companyName: cart.stripeStore.companyName,
+            countryCode,
+        });
+        // Don't render tax id input if the country doesn't require tax id
+        if (!taxIdInputRendered) {
             return null;
         }
         const taxIdInputInfo = TaxId.shipToTaxIdLabels[countryCode];
@@ -226,6 +234,11 @@ const ZonosAddress$1 = class {
         if (this.type === 'billing') {
             return null;
         }
+        // only render the company input if the setting is enabled
+        const isCompanyNameEnabled = zonosStore.zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
+        if (!isCompanyNameEnabled) {
+            return null;
+        }
         return (index.h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: cart.translate('Company name (optional)'), inputValue: cart.stripeStore.companyName, onInputChange: (event) => {
                 cart.stripeStore.companyName = event.detail;
             } }));
@@ -250,7 +263,7 @@ const ZonosAddress$1 = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'd0ca96da12614cde628ff4dad124b54c454cd140', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '761b0fb6b313cb6884c3f48f7e46261650669502', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '634b40091645760295a5ef544be8080826739301', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '237dca631e154da8d53a8ffce5090b39e9324fde', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'af7c7f0f7515f428b07179ceea4fd7811f2d20e1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: 'e7b9fead0c4e35fc662be8728b8e58bb3b697178', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -276,7 +289,7 @@ const ZonosAddressDisplay = class {
         const { city, country, email, line1, line2, name, phone, postal_code, state, } = this.currentAddress;
         const shippingZoneCountry = (_a = cart.localizationStore.shippingZoneCountries) === null || _a === void 0 ? void 0 : _a[country];
         const renderEnteredInfoText = ({ bold, content, }) => {
-            const textColor = containsNonLatinChars.isTextContainsNonLatinChars(content)
+            const textColor = shouldRenderTaxIdInput.isTextContainsNonLatinChars(content)
                 ? 'red-600'
                 : 'gray-1000';
             return (index.h("zonos-text", { textColor: textColor, type: bold ? 'boldLabel' : 'body' }, content));
@@ -322,13 +335,13 @@ const ZonosAddressForm = class {
         const lastName = name.split(' ').slice(1).join(' ') || '';
         return (index.h(index.Host, { key: '8b578737e33203a23563be7e9be0778deec99bbf', class: "zonos--address-form zonos--elements" }, index.h("div", { key: '793675a1348547bf3f781788956befe325191011', class: "zonos--title" }, index.h("zonos-text", { key: '13de35cb0a7c98a48342e3fb86ae3ade9f5b88d9', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? cart.translate('Shipping')
-            : cart.translate('Billing'))), index.h("div", { key: '2c5de5b5283fb99ee5f8b61d7a217177986fc2db', class: "zonos--address-group" }, index.h("div", { key: '23bf3c893071000d5995a5f175867bab11929193', class: "zonos--contact" }, index.h("zonos-text", { key: '7cdfe2a84ebad89ba5b16498d75def99cf392384', type: "label" }, cart.translate('Contact')), index.h("zonos-input", { key: '1c39c38767fd306c5eb1164cdc989b8291209cf0', class: "zonos--form-email", inputLabel: cart.translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), index.h("div", { key: 'cbdf61217125e22b1a6cec9a340ef0aca2c75670', class: "zonos--name zonos--address-row" }, index.h("zonos-input", { key: '360c99e7b2c6caa64580d5768b5bb53368927275', class: "zonos--form-first-name", inputLabel: cart.translate('First name'), inputValue: firstName, isError: containsNonLatinChars.isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : cart.translate('Billing'))), index.h("div", { key: '2c5de5b5283fb99ee5f8b61d7a217177986fc2db', class: "zonos--address-group" }, index.h("div", { key: '23bf3c893071000d5995a5f175867bab11929193', class: "zonos--contact" }, index.h("zonos-text", { key: '7cdfe2a84ebad89ba5b16498d75def99cf392384', type: "label" }, cart.translate('Contact')), index.h("zonos-input", { key: '1c39c38767fd306c5eb1164cdc989b8291209cf0', class: "zonos--form-email", inputLabel: cart.translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), index.h("div", { key: 'cbdf61217125e22b1a6cec9a340ef0aca2c75670', class: "zonos--name zonos--address-row" }, index.h("zonos-input", { key: '360c99e7b2c6caa64580d5768b5bb53368927275', class: "zonos--form-first-name", inputLabel: cart.translate('First name'), inputValue: firstName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), index.h("zonos-input", { key: '8ce5fa5c15c6f7928339ea10009ce0e68954a91f', class: "zonos--form-last-name", inputLabel: cart.translate('Last name'), inputValue: lastName, isError: containsNonLatinChars.isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), index.h("zonos-input", { key: '8ce5fa5c15c6f7928339ea10009ce0e68954a91f', class: "zonos--form-last-name", inputLabel: cart.translate('Last name'), inputValue: lastName, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), index.h("div", { key: '7b4fa2d3baa6cb257e7688e5ba6777123898b3fd', class: "zonos--address" }, index.h("zonos-text", { key: '9d5782331b2642755a755aeb7f98c9f4d87f9a20', type: "label" }, cart.translate('Address')), index.h("zonos-input", { key: 'a622025924ca86bdbf1d3c04b79e6dee172b4c42', class: "zonos--form-country", inputLabel: cart.translate('Country'), inputValue: country, isDisabled: true }), index.h("zonos-input", { key: 'f99b3a74db09ab5730878e80705b9aeac76bf800', class: "zonos--form-line1", inputLabel: cart.translate('Address line 1'), inputValue: line1, isError: containsNonLatinChars.isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), index.h("zonos-input", { key: '5d16aefa45a78045c87d166aaaec0255606e455e', class: "zonos--form-line2", inputLabel: cart.translate('Address line 2'), inputValue: line2, isError: containsNonLatinChars.isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), index.h("div", { key: 'dc166be9381142835d72e731cb38a718522a068a', class: "zonos--address-row" }, index.h("zonos-input", { key: '4f1a98f9d10ce0cff3ef18a3037a12382552b31d', class: "zonos--form-city", inputLabel: cart.translate('City'), inputValue: city, isError: containsNonLatinChars.isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), index.h("zonos-input", { key: 'd4f97900b5fe2e1619950a52d1d1f716a8bc19ff', class: "zonos--form-state", inputLabel: cart.translate('State/Province'), inputValue: state, isError: containsNonLatinChars.isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), index.h("zonos-input", { key: 'cf1eb0ca5cd15c8412a2e1246aaf2e39361dc733', class: "zonos--form-postal-code", inputLabel: cart.translate('Postal code'), inputValue: postal_code, isError: containsNonLatinChars.isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), index.h("zonos-input", { key: '7421c82847eded6bdbcce49ef8196124d8e50c1d', class: "zonos--form-phone", inputLabel: cart.translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), index.h("div", { key: '7b4fa2d3baa6cb257e7688e5ba6777123898b3fd', class: "zonos--address" }, index.h("zonos-text", { key: '9d5782331b2642755a755aeb7f98c9f4d87f9a20', type: "label" }, cart.translate('Address')), index.h("zonos-input", { key: 'a622025924ca86bdbf1d3c04b79e6dee172b4c42', class: "zonos--form-country", inputLabel: cart.translate('Country'), inputValue: country, isDisabled: true }), index.h("zonos-input", { key: 'f99b3a74db09ab5730878e80705b9aeac76bf800', class: "zonos--form-line1", inputLabel: cart.translate('Address line 1'), inputValue: line1, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), index.h("zonos-input", { key: '5d16aefa45a78045c87d166aaaec0255606e455e', class: "zonos--form-line2", inputLabel: cart.translate('Address line 2'), inputValue: line2, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), index.h("div", { key: 'dc166be9381142835d72e731cb38a718522a068a', class: "zonos--address-row" }, index.h("zonos-input", { key: '4f1a98f9d10ce0cff3ef18a3037a12382552b31d', class: "zonos--form-city", inputLabel: cart.translate('City'), inputValue: city, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), index.h("zonos-input", { key: 'd4f97900b5fe2e1619950a52d1d1f716a8bc19ff', class: "zonos--form-state", inputLabel: cart.translate('State/Province'), inputValue: state, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) })), index.h("zonos-input", { key: 'cf1eb0ca5cd15c8412a2e1246aaf2e39361dc733', class: "zonos--form-postal-code", inputLabel: cart.translate('Postal code'), inputValue: postal_code, isError: shouldRenderTaxIdInput.isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), index.h("zonos-input", { key: '7421c82847eded6bdbcce49ef8196124d8e50c1d', class: "zonos--form-phone", inputLabel: cart.translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get watchers() { return {
         "translatedAddress": ["watchCurrentAddress"]
@@ -482,11 +495,11 @@ const ZonosAddressUpdateDialog = class {
                 translatedAddress: this.translatedShippingAddressState,
             });
             // check to see if there are still non-latin characters in the translated address
-            const shippingNonlatinChars = containsNonLatinChars.containsNonLatinChars(Object.assign(Object.assign({}, translatedShippingAddress), { country: this.shippingAddress.country }));
+            const shippingNonlatinChars = shouldRenderTaxIdInput.containsNonLatinChars(Object.assign(Object.assign({}, translatedShippingAddress), { country: this.shippingAddress.country }));
             // get list of non-latin characters field in the billing address
             const billingNonLatinChars = translatedBillingAddress &&
                 this.billingAddress &&
-                containsNonLatinChars.containsNonLatinChars(Object.assign(Object.assign({}, translatedBillingAddress), { country: this.billingAddress.country }));
+                shouldRenderTaxIdInput.containsNonLatinChars(Object.assign(Object.assign({}, translatedBillingAddress), { country: this.billingAddress.country }));
             const shippingHasNonLatinChars = !!Object.keys(shippingNonlatinChars)
                 .length;
             const billingHasNonLatinChars = !!billingNonLatinChars && !!Object.keys(billingNonLatinChars).length;
@@ -1060,8 +1073,16 @@ const ZonosAddress = class {
         if (!countryCode) {
             return null;
         }
-        const isCountryRequireTaxId = this.isInTaxIdCountry(countryCode);
-        if (!isCountryRequireTaxId) {
+        // This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
+        if (!this.isInTaxIdCountry(countryCode)) {
+            return null;
+        }
+        const taxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+            companyName: cart.stripeStore.companyName,
+            countryCode,
+        });
+        // Don't render tax id input if the country doesn't require tax id
+        if (!taxIdInputRendered) {
             return null;
         }
         const taxIdInputInfo = TaxId.shipToTaxIdLabels[countryCode];
@@ -1074,6 +1095,11 @@ const ZonosAddress = class {
         if (this.type === 'billing') {
             return null;
         }
+        // only render the company input if the setting is enabled
+        const isCompanyNameEnabled = zonosStore.zonosStore.checkoutSettings.companyFieldsStatus === 'ENABLED';
+        if (!isCompanyNameEnabled) {
+            return null;
+        }
         return (index.h("zonos-stripe-input", { class: "zonos--company-name-input", inputLabel: cart.translate('Company name (optional)'), inputValue: cart.stripeStore.companyName, onInputChange: (event) => {
                 cart.stripeStore.companyName = event.detail;
             } }));
@@ -1547,10 +1573,10 @@ const ZonosAddress = class {
             this.country = cart.localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '66cc13d7c7a01e23610447ffff5b87ee3b62e65c', class: classes.classes([
+        return (index.h(index.Host, { key: '896476a9cf01cbb6e88312c1c90a7a022a83269d', class: classes.classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, index.h("zonos-text", { key: '52902420cfc1af2d18c2d502eed38870386e3a3c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, index.h("zonos-text", { key: 'e1a3320ae6c3c8bb104604cef6fc2e6c711b6543', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7810,26 +7836,28 @@ const ZonosStripePhoneInput = class {
         const fontSize = zonosStore.zonosStore.appearance.fontSizeInputValue || 16;
         const hasContent = !!this.phoneNumber;
         const countryOptionsList = this.countryOptions
-            ? Object.values(this.countryOptions).filter(Boolean)
+            ? Object.values(this.countryOptions)
+                .filter(Boolean)
+                .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (index.h(index.Host, { key: 'ece9737db2ea37d1e75a8840e911221a6604ead2', class: classes.classes([
+        return (index.h(index.Host, { key: 'c7ca4076eb70b166979d21074d068912af1496c5', class: classes.classes([
                 'zonos--phone-input zonos--elements',
                 isDark && 'dark',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius.getBorderRadius(), '--zonos--font-family': zonosStore.zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, index.h("div", { key: 'b3cda8bc90655aab7c45b8dce02f615236e73e0f', class: classes.classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius.getBorderRadius(), '--zonos--font-family': zonosStore.zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, index.h("div", { key: '5460d79c86d34daf94538f063274c45ae3be2239', class: classes.classes([
                 'zonos--label-wrapper',
                 this.disabled && 'disabled',
                 this.isFocused && 'focused',
                 hasContent && 'has-content',
                 this.error && 'has-error',
                 this.inputLabel && 'has-label',
-            ]) }, index.h("select", { key: '43c8539ccc6d4a2dee364c540c552a737cf450ed', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, index.h("select", { key: '290d89088b9a800b31ed19cfe3de6831322a3f5a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
             var _a;
             return (index.h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
-        })), index.h("div", { key: '50609301fd2740f213b9f4c3385dd1628e663265', class: "zonos--input-group" }, index.h("div", { key: '5920176f0986fbeb623469a2d99d7b7182b95150', class: "zonos--select-wrapper" }, index.h("div", { key: 'c96f9003f77cbd2f3ee2bfc9ae453307a3c08d3b', class: "zonos--country-select" }, index.h("div", { key: '3afef887d3f8ebfd421e887364ba660f1435236c', class: "zonos--country-select-content" }, this.selectedCountry && (index.h("div", { key: 'aa2c0384d1f5139af73e5d21fa2b728c1a3a1251', class: "zonos--country-select-selected" }, index.h("div", { key: '9ea7d3e818b50a279979cb89248e8c46bb66da0e', class: "zonos--country-flag-wrapper" }, index.h("zonos-country-flag", { key: '1c49374c7e5051ac640b1dbe20aab27e485eecd4', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), index.h("div", { key: 'f95d8a3f59bd62b8d488350015bd52be310cfe85', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), index.h("div", { key: 'e69bbd00f23ed3997bcbea13842b49600b6abe81', class: "zonos--select-chevron-wrapper" }, index.h("zonos-icon", { key: 'a20941918412c6cad3e03ba3684fd9f6c2db8bd8', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), index.h("div", { key: 'fb832d25cb005ce39082ff7829000d13a35b453b', class: classes.classes([
+        })), index.h("div", { key: 'b0271d3453869ed79a36d62f5f6bacb22a509b46', class: "zonos--input-group" }, index.h("div", { key: '49486c915fa2f65878a6f8ab73c48997e4ba1461', class: "zonos--select-wrapper" }, index.h("div", { key: '63412e8077e062efef5f42c3a77e583ade435b53', class: "zonos--country-select" }, index.h("div", { key: '5c073598dfeaa0c8de68f07b1a7789f4a56a24c8', class: "zonos--country-select-content" }, this.selectedCountry && (index.h("div", { key: '8a32922d75343005fde7446736746cd531ff63f8', class: "zonos--country-select-selected" }, index.h("div", { key: '859cdbc4c1879c38f0c848ff42b38bc5492d3e96', class: "zonos--country-flag-wrapper" }, index.h("zonos-country-flag", { key: '9167a7c586e2d693bfdcad7773df60a324600be7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), index.h("div", { key: 'b39dcadb22202d866fc8e1217bbe2e17704e2300', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), index.h("div", { key: '4b0a4ce8c94e6e3125cfde55542b38efb6a8a787', class: "zonos--select-chevron-wrapper" }, index.h("zonos-icon", { key: '25322152ca9550a8b2e667f8f993c38a972aa9ce', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), index.h("div", { key: 'c6a93ba0656e09a154c3d91327f3573e0288234b', class: classes.classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, index.h("input", Object.assign({ key: '8a5fa81c091f92937e448a60175241b6e906af68' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (index.h("div", { key: '269197d54f8226a66f1033fce49a793fe4790341', class: "zonos--floated-label" }, index.h("label", { key: '7d3b810eba257a877ff4370457af8f4117c8a82f', htmlFor: this.inputId }, this.inputLabel || cart.translate('Phone number'))))))), this.error && (index.h("zonos-text", { key: 'ba21514e60b298d4d353d92246e91eadd1e6d744', textColor: "red-600" }, this.error))));
+            ]) }, index.h("input", Object.assign({ key: '49246ff464685feaa9414d1e7b36f55b82fff564' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (index.h("div", { key: '653d278b7ffc634bc7892d54c8fcab7b7626f80e', class: "zonos--floated-label" }, index.h("label", { key: 'c637ddca7164396d57e8a5eaf98b0e523ee27258', htmlFor: this.inputId }, this.inputLabel || cart.translate('Phone number'))))))), this.error && (index.h("zonos-text", { key: 'dcc70c068fef73e804eba1f134673168a0bbaf90', textColor: "red-600" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.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-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.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,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
+const isDarkColor = require('./isDarkColor-92a10a85.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-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.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,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
+const cart = require('./cart-bc882927.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-84d83a76.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const paypal = require('./paypal-608fa681.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
+const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
 
 const getDisplayCurrency = () => {
@@ -1894,7 +1894,9 @@ const ZonosCheckoutPayment = class {
                     variant: this.submitBtnType }, cart.translate('Place test order')))));
             }
             return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
-                cart.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: async () => {
+                cart.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
+                    cart.stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
+                    cart.stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
                     if (!cart.cartStore.checkoutSession) {
                         handleFetch.log('Checkout session is not found');
                         return;
@@ -1910,7 +1912,9 @@ const ZonosCheckoutPayment = class {
                     amount: cart.cartStore.total,
                     isForeign: true,
                 }),
-            })), cart.stripeStore.shouldRenderPayInUsdButton && (index.h("zonos-button", { class: "zonos--pay-in-base-currency-btn", loading: this.continueLoading, onClick: async () => {
+            })), cart.stripeStore.shouldRenderPayInUsdButton && (index.h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
+                    cart.stripeStore.checkoutSettlementCurrency !== 'USD', loading: this.continueLoading &&
+                    cart.stripeStore.checkoutSettlementCurrency === 'USD', onClick: async () => {
                     await this.continueClickHandler({
                         currencyCode: 'USD',
                     });
@@ -2208,16 +2212,29 @@ const isTaxIdRequired = (shippingCountry) => {
 };
 const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
     // Check to see if we are required to collect tax id for the shipping country or not
-    const taxRequired = isTaxIdRequired(shippingCountry);
-    if (!taxRequired) {
+    const isTaxIdInputRendered = shouldRenderTaxIdInput.shouldRenderTaxIdInput({
+        companyName,
+        countryCode: shippingCountry,
+    });
+    // If the tax id input is not even rendered, no need to validate anything and allow to proceed. Validate when tax id input is not even rendered would prevent the user from checking out
+    if (!isTaxIdInputRendered) {
+        return {
+            error: null,
+            valid: true,
+        };
+    }
+    // Cache the result of isTaxIdRequired for reuse
+    const taxIdRequired = isTaxIdRequired(shippingCountry);
+    if (!taxIdRequired) {
+        // If the shipping country does not require a tax id, the validation immediately returns valid
         return {
             error: null,
             valid: true,
         };
     }
-    // For GB, tax id is not required if company name is not filled (not business address)
+    // For all EU countries, tax id is not required if company name is not filled (not business address)
     if (TaxId.euCountryCodes.includes(shippingCountry)) {
-        if (!companyName) {
+        if (!companyName.trim()) {
             return {
                 error: null,
                 valid: true,
@@ -2534,7 +2551,7 @@ const ZonosCustomerInfo = class {
         }
         const { address: addressValue, firstName, lastName, name } = address.value;
         const { city, country, line1, line2, postal_code, state } = addressValue;
-        const invalidList = containsNonLatinChars.containsNonLatinChars({
+        const invalidList = shouldRenderTaxIdInput.containsNonLatinChars({
             city,
             country,
             line1,

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
-const paypal = require('./paypal-84d83a76.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const cart = require('./cart-bc882927.js');
+const paypal = require('./paypal-608fa681.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
 const styles = require('./styles-d1e64fb9.js');
 const CheckoutConfig = require('./CheckoutConfig-4afc683b.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.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,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const cart = require('./cart-bc882927.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-require('./isDarkColor-d0c67c3d.js');
-require('./getBorderRadius-87f3b69c.js');
+require('./isDarkColor-92a10a85.js');
+require('./getBorderRadius-3d0a563e.js');
 
 const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const cart = require('./cart-bc882927.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-969d05d8.js');
-require('./isDarkColor-d0c67c3d.js');
-require('./getBorderRadius-87f3b69c.js');
+require('./isDarkColor-92a10a85.js');
+require('./getBorderRadius-3d0a563e.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-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const cart = require('./cart-bc882927.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-d0c67c3d.js');
+const isDarkColor = require('./isDarkColor-92a10a85.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');
-require('./getBorderRadius-87f3b69c.js');
+require('./getBorderRadius-3d0a563e.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-0993f42d.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-87f3b69c.js');
-const cart = require('./cart-27f6c7a4.js');
+const getBorderRadius = require('./getBorderRadius-3d0a563e.js');
+const cart = require('./cart-bc882927.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-84d83a76.js');
-require('./isDarkColor-d0c67c3d.js');
+const paypal = require('./paypal-608fa681.js');
+require('./isDarkColor-92a10a85.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-0993f42d.js');
-const cart = require('./cart-27f6c7a4.js');
-const zonosStore = require('./zonosStore-adc42868.js');
+const cart = require('./cart-bc882927.js');
+const zonosStore = require('./zonosStore-c466b127.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./handleFetch-969d05d8.js');
-require('./isDarkColor-d0c67c3d.js');
-require('./getBorderRadius-87f3b69c.js');
+require('./isDarkColor-92a10a85.js');
+require('./getBorderRadius-3d0a563e.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();