@zonos/elements 1.3.256 → 1.3.258

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) {

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

@@ -74,6 +74,17 @@ export class ZonosHelloDialog {
             var _a;
             return (_a = localizationStore.countryLandedCost) === null || _a === void 0 ? void 0 : _a.hasTaxId;
         };
+        /**
+         * Selected country is configured as a domestic country for the merchant,
+         * meaning the order ships within the merchant's origin country and no
+         * duty will be assessed on it.
+         */
+        this.isDomesticCountry = () => {
+            var _a, _b;
+            const { selectedCountryCode } = localizationStore;
+            return (!!selectedCountryCode &&
+                !!((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(selectedCountryCode)));
+        };
         /**
          * Some countries don't have threshold. So we need to show generic message for them
          */
@@ -93,6 +104,11 @@ export class ZonosHelloDialog {
             return countryCodes.includes(countryCode);
         };
         this.getDutyMessage = () => {
+            // Domestic orders stay within the merchant's origin country, so no
+            // duty is ever assessed — surface that instead of a de minimis threshold.
+            if (this.isDomesticCountry()) {
+                return null;
+            }
             const countryLandedCost = localizationStore.countryLandedCost;
             // For GB, if the store doesn't allow low value orders, we would like to tell shopper that duties will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
             if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
@@ -112,6 +128,11 @@ export class ZonosHelloDialog {
         };
         this.getTaxMessage = () => {
             const { countryLandedCost } = localizationStore;
+            // Domestic orders stay within the merchant's origin country, so no
+            // duty is ever assessed — surface that instead of a de minimis threshold.
+            if (this.isDomesticCountry()) {
+                return null;
+            }
             // For GB, if the store doesn't allow low value orders, we would like to tell shopper that taxes will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
             if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
                 (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
@@ -239,12 +260,7 @@ export class ZonosHelloDialog {
             }
             return null;
         };
-        this.renderHelloMessage = () => {
-            // If deminimis is undefined or null, assume it's $0
-            const dutyDeMinimisMessage = this.getDutyMessage();
-            // If deminimis is undefined or null, assume it's $0
-            const taxDeMinimisMessage = this.getTaxMessage();
-            const inclusivePriceMessage = this.getInclusivePriceMessage();
+        this.renderHelloMessage = ({ dutyDeMinimisMessage, inclusivePriceMessage, taxDeMinimisMessage, }) => {
             if (hasInclusivePrice() && inclusivePriceMessage) {
                 switch (inclusivePriceMessage.inclusiveType) {
                     case 'DUTIES_FEES': {
@@ -268,6 +284,11 @@ export class ZonosHelloDialog {
             if (!localizationStore.countryLandedCost) {
                 return null;
             }
+            // Domestic orders aren't subject to the foreign import-tax regimes these
+            // additional messages describe (e.g., UK/EU IOSS, AU/NZ/SG GST).
+            if (this.isDomesticCountry()) {
+                return null;
+            }
             // only show the message if the store has a tax id for selected country
             if (!this.hasTaxId()) {
                 return null;
@@ -319,18 +340,30 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '9012938ffc3ab002bac78479cbcf4063526cf562', class: "zonos--elements" }, h("div", { key: 'ec6c5429694e4d18abf240c5de950b0da33ca846', class: classes([
+        // If deminimis is undefined or null, assume it's $0
+        const dutyDeMinimisMessage = this.getDutyMessage();
+        // If deminimis is undefined or null, assume it's $0
+        const taxDeMinimisMessage = this.getTaxMessage();
+        const inclusivePriceMessage = this.getInclusivePriceMessage();
+        return (h(Host, { key: '1278dbea844ec9e53b8224ede278281614be2fc6', class: "zonos--elements" }, h("div", { key: '5728be8b327198f0c09cf5865df43ae8bbe60beb', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'cb64ca4f4474e06f728eec751f3c7c7fae578d26' }, h("div", { key: 'c062c2482ef59df6ef60e7ccfb1716cc0cf2a19d', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'c36de505068bd2c4b520a20ca7110a7bd46e749d', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '85d246bab229099324507799eb8f771795ea92e0', spacing: 24 }, h("zonos-country-flag", { key: '602b68614bdee4120900ed184941adc4ffa40619', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '3994f7ec81cfe691f6b5f8ce83391922966a7700', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '48c7e9bf22dd30eb089b7b25a99d908dbed5966f', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'd590b3ed499b456134720ef73a965a5a552da80f', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '8bce397c8522031d46b8e6efc38986af5645c3ee', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'cbaa0d35c446529f07bcca4d7e12980e61d9bd7b' }, h("div", { key: '7da2f46a06fb320f07300232e2c910ba572ee5ad', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ebe6f3cc03afdb1ffa5e8fb13c311dcd2249c002', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'ccfe32e9dda067e0c95cd28a3e3ee283f2efbdff', spacing: 24 }, h("zonos-country-flag", { key: 'ead0ffe10deb11ef18ef39def2710faf43b286a7', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '4927c2cb517003ccc55d57c0c7ab5cb55db5b369', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '732277a98d48d4041eef395db5d06a5c4214fd4d', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '88a0fec8b49e5a998688e5be8eb444cde1c04295', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '9e004f4aedff3236736efc3287f4f94759f426a3', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: '0772e7dc4499423f3a379a2cfc0b28dd23ec137e', spacing: "12px" }, h("zonos-v-stack", { key: 'ea421af6bc847eaece471f557d2d0ee1815d14bf', spacing: 12 }, this.renderHelloMessage(), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6eed9e71407e1351053abd4a2e1b4aae75b12044', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'cb9d77a61c481100fe21714bec8d062ffaa8f974' }, h("zonos-country-select", { key: 'd76ad3cdc005561e19d64502d4c2f02173929c22', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'f9bbf877aba822b04676039d07ebb752d07fd362' }, h("zonos-language-select", { key: '3d96dd6902003adf96a2ce73f0405e112a04b380', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), (dutyDeMinimisMessage ||
+            taxDeMinimisMessage ||
+            inclusivePriceMessage ||
+            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (h("zonos-card", { key: 'bb2f4d2442f1ef0926dcc3740d3b66e4ef0a3c53', spacing: "12px" }, h("zonos-v-stack", { key: 'a2459ed448da424b89298c24ef7df3629a7fca81', spacing: 12 }, this.renderHelloMessage({
+            dutyDeMinimisMessage,
+            inclusivePriceMessage,
+            taxDeMinimisMessage,
+        }), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '1480a6212aa6a620549962b2b58349592c2474c0', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'af985242d03159913dc3e3dc832fdd6bbb48d905' }, h("zonos-country-select", { key: 'e98898e3cba56bc3299832345c9e47608acd6176', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '3fc35b6383376e25c8d810d1631b7ccbe5541843' }, h("zonos-language-select", { key: 'ed782d71214f8668f14c468171231428b55e712a', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/store/hello/localization.js

@@ -159,7 +159,7 @@ const getValidCountryCode = (countryCode) => {
     return countryCode;
 };
 const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelectedCountryCode, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     log(`Updating selected country code to ${newSelectedCountryCode}`);
     const isFirstTime = !localizationStore.selectedCountryCode;
     localizationStore.selectedCountryCode = getValidCountryCode(newSelectedCountryCode);
@@ -191,6 +191,35 @@ const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelecte
         });
     }
     if (!currencyCode) {
+        // Non-shippable country: revert any previously-converted international
+        // prices back to the merchant's domestic (source) currency before bailing.
+        if (localizationStore.exchangeRateTimeout) {
+            clearTimeout(localizationStore.exchangeRateTimeout);
+            localizationStore.exchangeRateTimeout = undefined;
+        }
+        const sourceCurrency = zonosStore.sourceCurrency;
+        localizationStore.targetCurrency = sourceCurrency;
+        localizationStore.exchangeRate = {
+            rate: 1,
+            targetFormat: {
+                currencyCode: sourceCurrency,
+                decimalDelimiter: '.',
+                scale: 2,
+                symbol: '',
+                symbolLocation: 'before',
+                thousandsDelimiter: ',',
+            },
+        };
+        localizationStore.countryLandedCost = null;
+        localizationStore.inclusivePricingConfigurations = [];
+        currencyDisplay();
+        // Clear session so the next visit falls back to geolocation, but keep
+        // the current shopper's explicit selection visible in the URL (so a
+        // same-tab reload still honors it) and on the hello element.
+        window.sessionStorage.removeItem('zonos--country');
+        setZCountryUrlParam(selectedCountryCode);
+        (_b = document
+            .querySelector('zonos-hello')) === null || _b === void 0 ? void 0 : _b.setAttribute('z-country', selectedCountryCode);
         return;
     }
     localizationStore.targetCurrency = currencyCode;
@@ -198,31 +227,59 @@ const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelecte
     if (!isInitializing) {
         void getCustomMessages();
     }
-    // Save the country code to session storage for later use
     window.sessionStorage.setItem('zonos--country', selectedCountryCode);
-    // Update the URL query param with the new country code
     setZCountryUrlParam(selectedCountryCode);
-    (_b = document
-        .querySelector('zonos-hello')) === null || _b === void 0 ? void 0 : _b.setAttribute('z-country', selectedCountryCode);
+    (_c = document
+        .querySelector('zonos-hello')) === null || _c === void 0 ? void 0 : _c.setAttribute('z-country', selectedCountryCode);
 };
 const initHelloCountryList = (allCountries) => {
-    const showCountryList = zonosStore.helloSettings.showCountryList;
-    const hellCountryList = localizationStore.shippingZoneCountries;
-    if (!showCountryList || showCountryList === 'ONLY_SHIPPABLE') {
-        // just use the shipping zone countries
-        localizationStore.helloCountryList = hellCountryList;
+    var _a, _b, _c, _d, _e, _f;
+    const { countryDisplayRules, showCountryList } = zonosStore.helloSettings;
+    const shippableCountries = localizationStore.shippingZoneCountries;
+    const countrySelectorRules = countryDisplayRules === null || countryDisplayRules === void 0 ? void 0 : countryDisplayRules.countrySelector;
+    // Resolve behavior: deprecated showCountryList overrides countrySelector.behavior
+    // If showCountryList is an array of country codes, treat as legacy explicit list
+    const behavior = Array.isArray(showCountryList)
+        ? showCountryList
+        : (showCountryList !== null && showCountryList !== void 0 ? showCountryList : countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.behavior);
+    log('Country selector behavior', 'info', {
+        behavior: countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.behavior,
+        excludedCount: (_b = (_a = countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.excludedCountries) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0,
+        includedCount: (_d = (_c = countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.includedCountries) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0,
+        showCountryList,
+    });
+    // Legacy: explicit list of country codes from deprecated showCountryList
+    if (Array.isArray(behavior)) {
+        localizationStore.helloCountryList = behavior.reduce((acc, countryCode) => {
+            const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
+            return countryInfo ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
+        }, {});
         return;
     }
-    if (showCountryList === 'ALL') {
-        localizationStore.helloCountryList = allCountries;
-        return;
+    // Determine base country list from behavior
+    let baseList;
+    if (behavior === 'ALL') {
+        baseList = Object.assign({}, allCountries);
     }
-    // get all active countries in the showCountryList
-    localizationStore.helloCountryList = showCountryList.reduce((acc, countryCode) => {
-        const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
-        return countryInfo
-            ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
-    }, {});
+    else {
+        // Default: ONLY_SHIPPABLE
+        baseList = shippableCountries ? Object.assign({}, shippableCountries) : {};
+    }
+    // Apply includedCountries — add countries not already in the list
+    if ((_e = countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.includedCountries) === null || _e === void 0 ? void 0 : _e.length) {
+        for (const code of countrySelectorRules.includedCountries) {
+            if (!baseList[code] && allCountries[code]) {
+                baseList[code] = allCountries[code];
+            }
+        }
+    }
+    // Apply excludedCountries — remove countries from the list
+    if ((_f = countrySelectorRules === null || countrySelectorRules === void 0 ? void 0 : countrySelectorRules.excludedCountries) === null || _f === void 0 ? void 0 : _f.length) {
+        for (const code of countrySelectorRules.excludedCountries) {
+            delete baseList[code];
+        }
+    }
+    localizationStore.helloCountryList = baseList;
 };
 const updateCheckoutSessionLanguage = async () => {
     if (!storageStore.checkoutSessionId) {

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

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