@zonos/elements 1.3.20-alpha.0 → 1.3.20

package/dist/cjs/{cart-72b0bccc.js → cart-921f0a47.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const logError = require('./logError-4e2f2020.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
 
 const stringsArabic = {
     '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
@@ -6008,13 +6008,19 @@ const setZCountryUrlParam = (selectedCountryCode) => {
         return;
     }
     const urlSearchParams = new URLSearchParams(window.location.search);
-    urlSearchParams.set('zCountry', selectedCountryCode);
-    const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-    /**
-     * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
-     * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
-     **/
-    window.history.replaceState(window.history.state, document.title, newUrl);
+    // Only append zCountry if it's already in the URL or the countryOverrideBehavior is URL_PARAM
+    const shouldAppendParam = urlSearchParams.has('zCountry') ||
+        zonosStore.zonosStore.helloSettings.countryOverrideBehavior === 'URL_PARAM';
+    if (shouldAppendParam) {
+        // Only append zCountry if it's not already in the URL
+        urlSearchParams.set('zCountry', selectedCountryCode);
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        /**
+         * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
+         * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
+         **/
+        window.history.replaceState(window.history.state, document.title, newUrl);
+    }
 };
 
 const { onChange: localizationStoreOnUpdate, state: localizationStore } = zonosStore.createStore({

package/dist/cjs/{getBorderRadius-bcb309a8.js → getBorderRadius-9ad763e1.js}

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

package/dist/cjs/index.cjs.js

@@ -236,8 +236,8 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = zonosLoadUrl || "https://v1.3.20-alpha.0.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.20-alpha.0";
+const ZONOS_URL = zonosLoadUrl || "https://v1.3.20.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.20";
 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(.*)$/;
@@ -257,7 +257,7 @@ Zonos.isBigCommerce = false;
 Zonos.isNpm = true;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.20-alpha.0"}`;
+Zonos.version = `v${"1.3.20"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();

package/dist/cjs/{isDarkColor-b0393089.js → isDarkColor-3d021ecc.js}

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

package/dist/cjs/{submitGtag-b0c8de90.js → submitGtag-71790233.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const logError = require('./logError-4e2f2020.js');
 
 const trackConversionEvent = async (eventName, metadata) => {

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
+const cart = require('./cart-921f0a47.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const logError = require('./logError-4e2f2020.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 const RemoveIcon$1 = require('./RemoveIcon-081ac073.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--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-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBadgeCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .zonos--badge-content{display:-ms-flexbox;display:flex;gap:8px;font-size:var(--zonos-elements-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--zonos-elements-radius-6);background-color:var(--zonos-elements-gray-100);color:var(--zonos-elements-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--zonos-elements-gray-600);color:var(--zonos-elements-gray-100)}:host .blue{background-color:var(--zonos-elements-blue-100);color:var(--zonos-elements-blue-800)}:host .blue.bold{background-color:var(--zonos-elements-blue-600);color:var(--zonos-elements-blue-100)}:host .green{background-color:var(--zonos-elements-green-100);color:var(--zonos-elements-green-800)}:host .green.bold{background-color:var(--zonos-elements-green-600);color:var(--zonos-elements-green-100)}:host .red{background-color:var(--zonos-elements-red-100);color:var(--zonos-elements-red-800)}:host .red.bold{background-color:var(--zonos-elements-red-600);color:var(--zonos-elements-red-100)}:host .orange{background-color:var(--zonos-elements-orange-100);color:var(--zonos-elements-orange-800)}:host .orange.bold{background-color:var(--zonos-elements-orange-600);color:var(--zonos-elements-orange-100)}:host .purple{background-color:var(--zonos-elements-purple-100);color:var(--zonos-elements-purple-800)}:host .purple.bold{background-color:var(--zonos-elements-purple-600);color:var(--zonos-elements-purple-100)}:host .cyan{background-color:var(--zonos-elements-cyan-100);color:var(--zonos-elements-cyan-800)}:host .cyan.bold{background-color:var(--zonos-elements-cyan-600);color:var(--zonos-elements-cyan-100)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
 const isColorVariable = require('./isColorVariable-6f5a9608.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
 
 /**
  * Get theme for button text based on background color

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-72b0bccc.js');
+const cart = require('./cart-921f0a47.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 require('./logError-4e2f2020.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-elements-radius-6);padding:var(--spacing, 24px);text-align:left}: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_11.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
+const cart = require('./cart-921f0a47.js');
 const classes = require('./classes-b7918f56.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
-const submitGtag = require('./submitGtag-b0c8de90.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
+const submitGtag = require('./submitGtag-71790233.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
 const isColorVariable = require('./isColorVariable-6f5a9608.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 require('./logError-4e2f2020.js');
@@ -357,7 +357,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
 </svg>
 `;
 
-const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
+const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:4px}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:32px;background:var(--zonos-elements-gray-0);position:relative;padding-top:24px;bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:4px}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
 const ZonosCheckoutFooterStyle0 = zonosCheckoutFooterCss;
 
 const ZonosCheckoutFooter = class {

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
-const submitGtag = require('./submitGtag-b0c8de90.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
+const submitGtag = require('./submitGtag-71790233.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const logError = require('./logError-4e2f2020.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const logError = require('./logError-4e2f2020.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 require('./logError-4e2f2020.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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_3.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-b0393089.js');
+const isDarkColor = require('./isDarkColor-3d021ecc.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 require('./logError-4e2f2020.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./getBorderRadius-9ad763e1.js');
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const cart = require('./cart-921f0a47.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./logError-4e2f2020.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
-const cart = require('./cart-72b0bccc.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
+const cart = require('./cart-921f0a47.js');
 const classes = require('./classes-b7918f56.js');
 const logError = require('./logError-4e2f2020.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 var root = zonosStore._root;
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
 
 const zonosInputCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-72b0bccc.js');
+const cart = require('./cart-921f0a47.js');
 const logError = require('./logError-4e2f2020.js');
-require('./zonosStore-7c6205ca.js');
-require('./isDarkColor-b0393089.js');
-require('./getBorderRadius-bcb309a8.js');
+require('./zonosStore-1063de5e.js');
+require('./isDarkColor-3d021ecc.js');
+require('./getBorderRadius-9ad763e1.js');
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
 const ZonosPaymentStyle0 = zonosPaymentCss;

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
+const getBorderRadius = require('./getBorderRadius-9ad763e1.js');
 const isColorVariable = require('./isColorVariable-6f5a9608.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const zonosStore = require('./zonosStore-7c6205ca.js');
+const zonosStore = require('./zonosStore-1063de5e.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-6f5a9608.js');
 

package/dist/cjs/{zonosStore-7c6205ca.js → zonosStore-1063de5e.js}

@@ -2805,6 +2805,10 @@ const { reset, state: zonosStore } = createStore(() => ({
     helloSettings: {
         anchorElementSelector: '',
         cartUrlPattern: '',
+        /**
+         * @TODO Default to URL_PARAM for now, and switch SESSION later when we have API save this info, and we have the ability to update setting of merchant store without having them do it.
+         */
+        countryOverrideBehavior: 'URL_PARAM',
         currencyBehavior: 'ENABLED',
         currencyElementSelector: '.money',
         dutyTaxEstimationBehavior: 'ENABLED',

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css

@@ -47,6 +47,7 @@
   display: flex;
   justify-content: space-between;
   padding: 12px;
+  padding-left: 0;
   align-items: center;
 }
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper {

package/dist/collection/components/store/zonosStore.js

@@ -46,6 +46,10 @@ const { reset, state: zonosStore } = createStore(() => ({
     helloSettings: {
         anchorElementSelector: '',
         cartUrlPattern: '',
+        /**
+         * @TODO Default to URL_PARAM for now, and switch SESSION later when we have API save this info, and we have the ability to update setting of merchant store without having them do it.
+         */
+        countryOverrideBehavior: 'URL_PARAM',
         currencyBehavior: 'ENABLED',
         currencyElementSelector: '.money',
         dutyTaxEstimationBehavior: 'ENABLED',

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

@@ -1,13 +1,20 @@
+import { zonosStore } from "../../store/zonosStore";
 export const setZCountryUrlParam = (selectedCountryCode) => {
     if (!selectedCountryCode) {
         return;
     }
     const urlSearchParams = new URLSearchParams(window.location.search);
-    urlSearchParams.set('zCountry', selectedCountryCode);
-    const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-    /**
-     * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
-     * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
-     **/
-    window.history.replaceState(window.history.state, document.title, newUrl);
+    // Only append zCountry if it's already in the URL or the countryOverrideBehavior is URL_PARAM
+    const shouldAppendParam = urlSearchParams.has('zCountry') ||
+        zonosStore.helloSettings.countryOverrideBehavior === 'URL_PARAM';
+    if (shouldAppendParam) {
+        // Only append zCountry if it's not already in the URL
+        urlSearchParams.set('zCountry', selectedCountryCode);
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        /**
+         * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
+         * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
+         **/
+        window.history.replaceState(window.history.state, document.title, newUrl);
+    }
 };

package/dist/collection/types/index.js

@@ -1,6 +1,7 @@
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import "./global.d";
 export * from '../components.d';
+export * from './checkout/api/CalculateLandedCostRequest';
 export * from './checkout/CheckoutConfig';
 export * from './hello/HelloConfig';
 export * from './JsonError';

package/dist/esm/{cart-1a37e002.js → cart-d3c98a81.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-32e33a45.js';
+import { c as createStore, z as zonosStore } from './zonosStore-0ce57f37.js';
 import { a as logError, l as log } from './logError-c456c092.js';
-import { i as isDarkColor } from './isDarkColor-39a36e82.js';
-import { g as getBorderRadius } from './getBorderRadius-d244b4b1.js';
+import { i as isDarkColor } from './isDarkColor-454ec221.js';
+import { g as getBorderRadius } from './getBorderRadius-393bf797.js';
 
 const stringsArabic = {
     '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
@@ -6006,13 +6006,19 @@ const setZCountryUrlParam = (selectedCountryCode) => {
         return;
     }
     const urlSearchParams = new URLSearchParams(window.location.search);
-    urlSearchParams.set('zCountry', selectedCountryCode);
-    const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-    /**
-     * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
-     * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
-     **/
-    window.history.replaceState(window.history.state, document.title, newUrl);
+    // Only append zCountry if it's already in the URL or the countryOverrideBehavior is URL_PARAM
+    const shouldAppendParam = urlSearchParams.has('zCountry') ||
+        zonosStore.helloSettings.countryOverrideBehavior === 'URL_PARAM';
+    if (shouldAppendParam) {
+        // Only append zCountry if it's not already in the URL
+        urlSearchParams.set('zCountry', selectedCountryCode);
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        /**
+         * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
+         * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
+         **/
+        window.history.replaceState(window.history.state, document.title, newUrl);
+    }
 };
 
 const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({

package/dist/esm/{getBorderRadius-d244b4b1.js → getBorderRadius-393bf797.js}

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

package/dist/esm/index.js

@@ -232,8 +232,8 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = zonosLoadUrl || "https://v1.3.20-alpha.0.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.20-alpha.0";
+const ZONOS_URL = zonosLoadUrl || "https://v1.3.20.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.20";
 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(.*)$/;
@@ -253,7 +253,7 @@ Zonos.isBigCommerce = false;
 Zonos.isNpm = true;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.20-alpha.0"}`;
+Zonos.version = `v${"1.3.20"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();

package/dist/esm/{isDarkColor-39a36e82.js → isDarkColor-454ec221.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-32e33a45.js';
+import { a as commonjsGlobal } from './zonosStore-0ce57f37.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/{submitGtag-754935b4.js → submitGtag-acdb8bd7.js}

@@ -1,5 +1,5 @@
-import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-1a37e002.js';
-import { z as zonosStore } from './zonosStore-32e33a45.js';
+import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-d3c98a81.js';
+import { z as zonosStore } from './zonosStore-0ce57f37.js';
 import { l as log } from './logError-c456c092.js';
 
 const trackConversionEvent = async (eventName, metadata) => {