@zonos/elements 1.3.256 → 1.3.257

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const paypal = require('./paypal-f9641595.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const paypal = require('./paypal-326d7bc5.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const submitGtag = require('./submitGtag-cb4fb332.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-c9369cd8.js');
+const submitGtag = require('./submitGtag-9ac5a42e.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-65c71740.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-6b59a718.js');
-const placeTestOrder = require('./placeTestOrder-7ac7f91a.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cf2e3b93.js');
+const placeTestOrder = require('./placeTestOrder-53f2fe97.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./isDarkColor-a68abf7a.js');
-require('./isContrastColor-d1936a5c.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./isContrastColor-6a17f408.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-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" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-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" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-c9369cd8.js');
-const paypal = require('./paypal-f9641595.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-65c71740.js');
+const paypal = require('./paypal-326d7bc5.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./isDarkColor-a68abf7a.js');
-require('./getBorderRadius-27a74844.js');
-require('./isContrastColor-d1936a5c.js');
-require('./submitGtag-cb4fb332.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./getBorderRadius-db55a464.js');
+require('./isContrastColor-6a17f408.js');
+require('./submitGtag-9ac5a42e.js');
 
 const ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const submitGtag = require('./submitGtag-cb4fb332.js');
-require('./isDarkColor-a68abf7a.js');
-require('./getBorderRadius-27a74844.js');
+const submitGtag = require('./submitGtag-9ac5a42e.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./getBorderRadius-db55a464.js');
 
 const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-a68abf7a.js');
+const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const hasInclusivePrice = require('./hasInclusivePrice-d6d274bd.js');
+const hasInclusivePrice = require('./hasInclusivePrice-3650109c.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./handleFetch-954f30e1.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const debounce = require('./debounce-0c75ba33.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const debounce = require('./debounce-3e17b4e9.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -311,24 +311,47 @@ const ZonosHello = class {
             }
         };
         this.shouldRenderHello = (showLog = true) => {
+            var _a, _b;
             if (!localization.localizationStore.localizationLoaded) {
                 return false;
             }
-            const { showForCountries } = zonosStore.zonosStore.helloSettings;
-            if (showLog) {
-                if (!localization.localizationStore.isShippableCountry) {
-                    VarianceTest.log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
-                }
+            const { countryDisplayRules, showForCountries } = zonosStore.zonosStore.helloSettings;
+            const visibilityRules = countryDisplayRules === null || countryDisplayRules === void 0 ? void 0 : countryDisplayRules.widgetVisibility;
+            const selectedCountry = localization.localizationStore.selectedCountryCode;
+            // Resolve behavior: deprecated showForCountries overrides widgetVisibility.behavior
+            // If showForCountries is an array of country codes, treat as legacy explicit list
+            const behavior = Array.isArray(showForCountries)
+                ? showForCountries
+                : (showForCountries !== null && showForCountries !== void 0 ? showForCountries : visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.behavior);
+            if (showLog && !localization.localizationStore.isShippableCountry) {
+                VarianceTest.log(`Hello: not shippable country - Show for countries: ${behavior}`);
+            }
+            // Legacy: explicit list of country codes from deprecated showForCountries
+            if (Array.isArray(behavior)) {
+                return !!selectedCountry && behavior.includes(selectedCountry);
+            }
+            // Determine base visibility from behavior
+            let isVisible;
+            if (behavior === 'ALL') {
+                isVisible = true;
+            }
+            else {
+                // Default: ONLY_SHIPPABLE
+                isVisible = localization.localizationStore.isShippableCountry;
             }
-            // if localization is loaded and the localization is not a shippable country, keep the original click event
-            if (showForCountries === 'ONLY_SHIPPABLE') {
-                return localization.localizationStore.isShippableCountry;
+            // Apply includedCountries — force show the widget for these countries
+            if (!isVisible &&
+                selectedCountry &&
+                ((_a = visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.includedCountries) === null || _a === void 0 ? void 0 : _a.includes(selectedCountry))) {
+                isVisible = true;
             }
-            // if user wants to show hello for all countries
-            if (showForCountries === 'ALL') {
-                return true;
+            // Apply excludedCountries — force hide the widget for these countries
+            if (isVisible &&
+                selectedCountry &&
+                ((_b = visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.excludedCountries) === null || _b === void 0 ? void 0 : _b.includes(selectedCountry))) {
+                isVisible = false;
             }
-            return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(localization.localizationStore.selectedCountryCode || '');
+            return isVisible;
         };
     }
     showDialogHandler(showDialog) {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
 require('./VarianceTest-bec00ea8.js');
 
 const zonosInputCss = ":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{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(--zonos--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(--zonos--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(--zonos--border-radius)}:host{}: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}";

package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const localization = require('./localization-5bb1e598.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-6b59a718.js');
+const cart = require('./cart-cd0a054b.js');
+const localization = require('./localization-adaab93f.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cf2e3b93.js');
 const classes = require('./classes-b7918f56.js');
-const invoice = require('./invoice-f4b5d538.js');
+const invoice = require('./invoice-1cea739b.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./zonosStore-f5a61112.js');
+require('./zonosStore-1c517e55.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');
-require('./isDarkColor-a68abf7a.js');
-require('./getBorderRadius-27a74844.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./getBorderRadius-db55a464.js');
 
 const zonosInvoiceCartItemsCss = ":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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}";
 const ZonosInvoiceCartItemsStyle0 = zonosInvoiceCartItemsCss;

package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const paypal = require('./paypal-f9641595.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const paypal = require('./paypal-326d7bc5.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const submitGtag = require('./submitGtag-cb4fb332.js');
+const submitGtag = require('./submitGtag-9ac5a42e.js');
 const isInvoiceMobileTablet = require('./isInvoiceMobileTablet-dde41e4e.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const invoice = require('./invoice-f4b5d538.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-6b59a718.js');
-const placeTestOrder = require('./placeTestOrder-7ac7f91a.js');
+const invoice = require('./invoice-1cea739b.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cf2e3b93.js');
+const placeTestOrder = require('./placeTestOrder-53f2fe97.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./isDarkColor-a68abf7a.js');
-require('./isContrastColor-d1936a5c.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./isContrastColor-6a17f408.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-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" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-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" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const invoice = require('./invoice-f4b5d538.js');
-const paypal = require('./paypal-f9641595.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const invoice = require('./invoice-1cea739b.js');
+const paypal = require('./paypal-326d7bc5.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const isInvoiceMobileTablet = require('./isInvoiceMobileTablet-dde41e4e.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./isDarkColor-a68abf7a.js');
-require('./getBorderRadius-27a74844.js');
-require('./isContrastColor-d1936a5c.js');
-require('./submitGtag-cb4fb332.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./getBorderRadius-db55a464.js');
+require('./isContrastColor-6a17f408.js');
+require('./submitGtag-9ac5a42e.js');
 
 const ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
-const getContrastColor = require('./getContrastColor-cc087c53.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
+const getContrastColor = require('./getContrastColor-8ed1cb48.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-a68abf7a.js');
-require('./isContrastColor-d1936a5c.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./isContrastColor-6a17f408.js');
 
 const zonosShippingRichRadioCss = ":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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--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(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--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(--zonos--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}";
 const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;

package/dist/cjs/zonos-store-credit.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-e156c1e3.js');
-const localization = require('./localization-5bb1e598.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-6b59a718.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
+const cart = require('./cart-cd0a054b.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cf2e3b93.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');
-require('./isDarkColor-a68abf7a.js');
+require('./isDarkColor-bfe6d1eb.js');
 
 const StoreCreditIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
   <path fill="currentColor" fill-rule="evenodd" d="M4 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H4Zm16 2H4a1 1 0 0 0-1 1v1h18V8a1 1 0 0 0-1-1ZM2 11h20v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3Zm6 4.5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Z" clip-rule="evenodd"/>

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-27a74844.js');
-const isDarkColor = require('./isDarkColor-a68abf7a.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
+const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
 require('./VarianceTest-bec00ea8.js');
 
 const zonosStripeInputCss = ".sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),\n    0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-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(--zonos--border-radius);background:var(--zonos--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color);height:auto}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;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% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/{zonosStore-f5a61112.js → zonosStore-1c517e55.js}

@@ -2927,7 +2927,6 @@ const { dispose: zonosStoreDispose, onChange: zonosStoreOnChange, reset, state:
         productListUrlPattern: '',
         productTitleElementSelector: '',
         restrictionBehavior: 'DISABLED',
-        showForCountries: 'ONLY_SHIPPABLE',
         visibilityStatus: 'ENABLED',
     },
     loadedConfig: false,

package/dist/collection/components/hello/zonos-hello/zonos-hello.js

@@ -203,24 +203,47 @@ export class ZonosHello {
             }
         };
         this.shouldRenderHello = (showLog = true) => {
+            var _a, _b;
             if (!localizationStore.localizationLoaded) {
                 return false;
             }
-            const { showForCountries } = zonosStore.helloSettings;
-            if (showLog) {
-                if (!localizationStore.isShippableCountry) {
-                    log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
-                }
+            const { countryDisplayRules, showForCountries } = zonosStore.helloSettings;
+            const visibilityRules = countryDisplayRules === null || countryDisplayRules === void 0 ? void 0 : countryDisplayRules.widgetVisibility;
+            const selectedCountry = localizationStore.selectedCountryCode;
+            // Resolve behavior: deprecated showForCountries overrides widgetVisibility.behavior
+            // If showForCountries is an array of country codes, treat as legacy explicit list
+            const behavior = Array.isArray(showForCountries)
+                ? showForCountries
+                : (showForCountries !== null && showForCountries !== void 0 ? showForCountries : visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.behavior);
+            if (showLog && !localizationStore.isShippableCountry) {
+                log(`Hello: not shippable country - Show for countries: ${behavior}`);
+            }
+            // Legacy: explicit list of country codes from deprecated showForCountries
+            if (Array.isArray(behavior)) {
+                return !!selectedCountry && behavior.includes(selectedCountry);
+            }
+            // Determine base visibility from behavior
+            let isVisible;
+            if (behavior === 'ALL') {
+                isVisible = true;
+            }
+            else {
+                // Default: ONLY_SHIPPABLE
+                isVisible = localizationStore.isShippableCountry;
             }
-            // if localization is loaded and the localization is not a shippable country, keep the original click event
-            if (showForCountries === 'ONLY_SHIPPABLE') {
-                return localizationStore.isShippableCountry;
+            // Apply includedCountries — force show the widget for these countries
+            if (!isVisible &&
+                selectedCountry &&
+                ((_a = visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.includedCountries) === null || _a === void 0 ? void 0 : _a.includes(selectedCountry))) {
+                isVisible = true;
             }
-            // if user wants to show hello for all countries
-            if (showForCountries === 'ALL') {
-                return true;
+            // Apply excludedCountries — force hide the widget for these countries
+            if (isVisible &&
+                selectedCountry &&
+                ((_b = visibilityRules === null || visibilityRules === void 0 ? void 0 : visibilityRules.excludedCountries) === null || _b === void 0 ? void 0 : _b.includes(selectedCountry))) {
+                isVisible = false;
             }
-            return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(localizationStore.selectedCountryCode || '');
+            return isVisible;
         };
     }
     showDialogHandler(showDialog) {