@zonos/elements 1.3.230 → 1.3.232

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

@@ -4,10 +4,12 @@ import { translate } from "../../store/translationStore";
 import { zonosStore } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
 import { formatStringWithLinks } from "../../utils/formatStringWithLinks";
+import { hasInclusivePrice } from "../../utils/hasInclusivePrice";
 import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFormat";
 import { getHasMoreSpaceAbove } from "../../utils/hello/getHasMoreSpaceAbove";
 import { getHasMoreSpaceOnRight } from "../../utils/hello/getHasMoreSpaceOnRight";
 import { wrapStringWithLink } from "../../utils/wrapStringWithLink";
+import { DUTY_KEY, TAXES_KEY } from "../../../constants/key";
 import { euCountryCodes } from "../../../types/checkout/Tax";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import BagIcon from "./assets/bagIcon.svg";
@@ -72,10 +74,6 @@ export class ZonosHelloDialog {
             var _a;
             return (_a = localizationStore.countryLandedCost) === null || _a === void 0 ? void 0 : _a.hasTaxId;
         };
-        this.hasInclusivePrices = () => {
-            var _a;
-            return ((_a = localizationStore.inclusivePricing) === null || _a === void 0 ? void 0 : _a.status) === 'ENABLED';
-        };
         /**
          * Some countries don't have threshold. So we need to show generic message for them
          */
@@ -160,7 +158,7 @@ export class ZonosHelloDialog {
             ];
         };
         this.getAustraliaDutyTaxMessage = (landedCost) => {
-            if (this.hasInclusivePrices()) {
+            if (hasInclusivePrice()) {
                 return [];
             }
             return [
@@ -173,7 +171,7 @@ export class ZonosHelloDialog {
             ];
         };
         this.getNewZealandDutyTaxMessge = (landedCost) => {
-            if (this.hasInclusivePrices()) {
+            if (hasInclusivePrice()) {
                 return null;
             }
             return [
@@ -186,7 +184,7 @@ export class ZonosHelloDialog {
             ];
         };
         this.getNorwayDutyTaxMessage = (landedCost) => {
-            if (this.hasInclusivePrices()) {
+            if (hasInclusivePrice()) {
                 return null;
             }
             return [
@@ -199,7 +197,7 @@ export class ZonosHelloDialog {
             ];
         };
         this.getSingaporeDutyTaxMessage = (landedCost) => {
-            if (this.hasInclusivePrices()) {
+            if (hasInclusivePrice()) {
                 return null;
             }
             return [
@@ -212,38 +210,57 @@ export class ZonosHelloDialog {
             ];
         };
         this.getInclusivePriceMessage = () => {
-            const setting = localizationStore.inclusivePricing;
-            if ((setting === null || setting === void 0 ? void 0 : setting.status) !== 'ENABLED') {
+            const settings = localizationStore.inclusivePricingConfigurations;
+            const foundConfiguration = settings === null || settings === void 0 ? void 0 : settings.find(Boolean);
+            const taxConfiguration = foundConfiguration === null || foundConfiguration === void 0 ? void 0 : foundConfiguration.configurations[TAXES_KEY];
+            const dutyConfiguration = foundConfiguration === null || foundConfiguration === void 0 ? void 0 : foundConfiguration.configurations[DUTY_KEY];
+            if ((taxConfiguration === null || taxConfiguration === void 0 ? void 0 : taxConfiguration.status) === 'DISABLED' &&
+                (dutyConfiguration === null || dutyConfiguration === void 0 ? void 0 : dutyConfiguration.status) === 'DISABLED') {
                 return null;
             }
-            if (setting.duty.status === 'INCLUDED' &&
-                setting.tax.status === 'INCLUDED' &&
-                setting.fee.status === 'INCLUDED') {
-                return translate('Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.');
-            }
-            if (setting.duty.status === 'INCLUDED' &&
-                setting.tax.status === 'INCLUDED') {
-                return translate('Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.');
-            }
-            if (setting.duty.status === 'INCLUDED' &&
-                setting.fee.status === 'INCLUDED') {
-                return translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.');
+            if ((dutyConfiguration === null || dutyConfiguration === void 0 ? void 0 : dutyConfiguration.status) === 'ENABLED' &&
+                (taxConfiguration === null || taxConfiguration === void 0 ? void 0 : taxConfiguration.status) === 'ENABLED') {
+                return {
+                    inclusiveType: 'DUTIES_TAXES_AND_FEES',
+                    message: translate('Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.'),
+                };
             }
-            if (setting.tax.status === 'INCLUDED' &&
-                setting.fee.status === 'INCLUDED') {
-                return translate('Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.');
+            if ((dutyConfiguration === null || dutyConfiguration === void 0 ? void 0 : dutyConfiguration.status) === 'ENABLED') {
+                return {
+                    inclusiveType: 'DUTIES_FEES',
+                    message: translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout.'),
+                };
             }
-            if (setting.duty.status === 'INCLUDED') {
-                return translate('Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.');
-            }
-            if (setting.tax.status === 'INCLUDED') {
-                return translate('Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.');
-            }
-            if (setting.fee.status === 'INCLUDED') {
-                return translate('Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.');
+            if ((taxConfiguration === null || taxConfiguration === void 0 ? void 0 : taxConfiguration.status) === 'ENABLED') {
+                return {
+                    inclusiveType: 'TAXES',
+                    message: translate('Product prices already include taxes. No additional taxes will be added at checkout.'),
+                };
             }
             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();
+            if (hasInclusivePrice() && inclusivePriceMessage) {
+                switch (inclusivePriceMessage.inclusiveType) {
+                    case 'DUTIES_FEES': {
+                        return (h(Fragment, null, inclusivePriceMessage.message && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty inclusive pricing icon", content: InclusivePricingIcon }), h("zonos-text", { "aria-label": "Duty inclusive pricing message" }, inclusivePriceMessage.message))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage)))));
+                    }
+                    case 'TAXES': {
+                        return (h(Fragment, null, inclusivePriceMessage.message && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax inclusive pricing icon", content: InclusivePricingIcon }), h("zonos-text", { "aria-label": "Tax inclusive pricing message" }, inclusivePriceMessage.message))), dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage)))));
+                    }
+                    case 'DUTIES_TAXES_AND_FEES':
+                    default: {
+                        return (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage.message)));
+                    }
+                }
+            }
+            return (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage)))));
+        };
         /**
          * Get additional duty tax message if selected country has tax id
          */
@@ -288,12 +305,6 @@ export class ZonosHelloDialog {
     render() {
         var _a;
         const { selectedCountryCode } = localizationStore;
-        const hasInclusivePrices = this.hasInclusivePrices();
-        const inclusivePriceMessage = this.getInclusivePriceMessage();
-        // 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();
         // Show additional information if selected country has tax id
         const additionalInformation = this.getAdditionalDutyTaxMessage();
         const animateLeft = this.animateFromLeftOverride ||
@@ -308,18 +319,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '178654e9b701bb68a4d47495897445cf87806c37', class: "zonos--elements" }, h("div", { key: 'eb0f3ced0226513df3911e0664aff10d523fdac7', class: classes([
+        return (h(Host, { key: '9b72c4f7b35ebdb1179430d4fc6baec2f9c7d9ca', class: "zonos--elements" }, h("div", { key: '821ea623e2c2764a647c493887bce1b9d6d21756', 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: 'f185f2d707a3b9628896a7e15f2a0ad20da112ec' }, h("div", { key: '80c53ad6728b221bedbfaec2ec77fee96029e12b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '31b71832bee5e4515dbf060746f022d9c91502af', 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: '5f11c3b0355ba0c85cf134522b6e21fd28dfe16c', spacing: 24 }, h("zonos-country-flag", { key: '6d6dcad7e3700f67c4261995d867aacb42715404', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7a325a9b94e58dc5f8dba5baba9a00f835466ee2', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '24e2407475b740b50ca07fe9278363fdefc27d01', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '6b38dee6ec6fcf39e02c5225155e2af69c367a39', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '567d126d05f236fa0aab764d78b1692ebfe82f8b', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'e2aa3326f46296c22733a836078e980afd9e736c' }, h("div", { key: '683e1d862da858facf1cf513271a3ce470bd1389', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '90bdcf789ad76957a4c5623c52f25d6c4c4d0e16', 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: 'ebae01dd1e80f6b6c3e9e6f310468feb940532b5', spacing: 24 }, h("zonos-country-flag", { key: '94c73321eae6a57d1bc5db1067564bbc415a8bb1', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'a06e2bc0e4c712a86e4bd2ed8fdef054a6c33776', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '4d487ee5c7ba3092e0630e4ceeaa43c562bfccf5', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'cd8e2a7bfacdb82262d7e3d54019b220b27aff9a', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '612dd0f2d812b957fa02c6da598db8b067f6d32d', 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: 'e96943bc58d47531f748217858939ddf2a586441', spacing: "12px" }, h("zonos-v-stack", { key: '3e1850a86542ad66c224e4b81f1c5442e7716f6d', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, 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: '33e41b69e4a5b00623f3e412609e7162cb560c38', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'fa17c20b3d893ed9f2249bbceca5237fa48bc64e' }, h("zonos-country-select", { key: '15a5924f176c4a805405684c3eda90f47979cf0b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'ab1d061a3c9c68b43c4203fa14af2ffcf7d33e82' }, h("zonos-language-select", { key: '97f4c760e65d7af39160a1ff978d8a7b0864a763', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '12b7726f5afd1fd37bf00558e1059dd6a4ae4301', spacing: "12px" }, h("zonos-v-stack", { key: '1a935c9c54b8410ad6255bcc9d652e71ed5b0d55', 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: '76d5ac661a9b67dd34b9950b88b6e6fece9267d4', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '154934865bc0791c462f7b05e50b8186ddf1ef69' }, h("zonos-country-select", { key: '74a170a0cce0d78761f53a80a588ca42a883fbd0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '09be0a1d26f4753f455e4ea35d60acd17967270e' }, h("zonos-language-select", { key: 'b904c114352a255af58461fbbcb352d0a883e85c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/main/zonos-controller.js

@@ -295,7 +295,10 @@ export class ZonosController {
      */
     async overrideCountry(countryCode) {
         log(`Override country code to ${countryCode}`);
-        void localizationStoreUpdateSelectedCountryCode(countryCode);
+        void localizationStoreUpdateSelectedCountryCode({
+            isInitializing: false,
+            newSelectedCountryCode: countryCode,
+        });
     }
     /**
      * Get appearance from setting
@@ -310,7 +313,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '9554e2f66703eea438104c61265d0e6571d07741', class: "zonos--elements" });
+        return h(Host, { key: 'c3c33e5e4422b4b05f68fc876a23eb30c9b0f11d', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ import { zonosStore } from "../zonosStore";
 import { getCountries } from "../../utils/api/getCountries";
 import { getCountryLandedCost, } from "../../utils/api/getCountryLandedCost";
 import { getExchangeRate, } from "../../utils/api/getExchangeRate";
-import { getInclusivePricing } from "../../utils/api/getInclusivePricing";
+import { getInclusivePriceConfigurations } from "../../utils/api/getInclusivePriceConfigurations";
 import { getLocaleMessages } from "../../utils/api/getLocaleMessages";
 import { getLocalization } from "../../utils/api/getLocalization";
 import { getShippingZones } from "../../utils/api/getShippingZones";
@@ -15,13 +15,14 @@ import { getCurrencyCode } from "../../utils/hello/currencyConversion/getCurrenc
 import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
-import { performBlurCurrency } from "../../../utils/performBlurCurrency";
+import { performBlurCurrency, removeBlurCurrency, } from "../../../utils/performBlurCurrency";
 const { dispose: localizationDispose, onChange: localizationStoreOnChange, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
     helloCountryList: null,
-    inclusivePricing: null,
+    inclusivePricingConfigurations: [],
+    inclusivePricingIsFetching: false,
     isDisabledCountry: true,
     isShippableCountry: false,
     localizationLoaded: false,
@@ -55,6 +56,17 @@ export const getFallbackDefaultCountryCode = (allowedCountries) => {
     // Don't check if it is allowed. If it is not allowed it will fallback to Albania (first option).
     return DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT;
 };
+const refreshInclusivePricingConfigurations = async (countryCode) => {
+    if (!countryCode) {
+        return;
+    }
+    // These requests are only needed for Hello, so we can skip them for legacy checkout
+    localizationStore.inclusivePricingIsFetching = true;
+    const inclusivePricingConfigurations = await getInclusivePriceConfigurations(countryCode);
+    localizationStore.inclusivePricingConfigurations =
+        inclusivePricingConfigurations || [];
+    localizationStore.inclusivePricingIsFetching = false;
+};
 // This recursive function is for users who step away from their computer and come back needing a new exchange rate
 const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     if (localizationStore.exchangeRateTimeout) {
@@ -65,12 +77,14 @@ const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     const maxAgeToUse = maxAge || defaultMaxAge;
     // Recursively set timeouts to get new exchange rates when the current one expires
     localizationStore.exchangeRateTimeout = setTimeout(async () => {
+        // Refresh inclusive pricing configurations before getting a new exchange rate, so hello can use the new effective rate
+        await refreshInclusivePricingConfigurations(localizationStore.selectedCountryCode);
         const { maxAge: newMaxAge } = await triggerGetExchangeRate(isGuaranteed);
         startExchangeRateTimeout({ isGuaranteed, maxAge: newMaxAge });
     }, maxAgeToUse * 1000);
 };
-const getNewLocalization = async () => {
-    var _a;
+const getNewLocalization = async ({ isInitializing, }) => {
+    var _a, _b;
     log('get new localization store');
     const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
@@ -84,14 +98,22 @@ const getNewLocalization = async () => {
     performBlurCurrency();
     const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
     startExchangeRateTimeout({ isGuaranteed, maxAge });
+    if (isInitializing &&
+        ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.inclusivePriceConfigurations)) {
+        localizationStore.inclusivePricingConfigurations =
+            ((_b = window.Zonos.cartSettings) === null || _b === void 0 ? void 0 : _b.inclusivePriceConfigurations) || [];
+        void removeBlurCurrency();
+    }
+    // These requests are only needed for Hello, so we can skip them for legacy checkout
     if (!window.Zonos.isLegacyCheckout) {
-        // These requests are only needed for Hello, so we can skip them for legacy checkout
-        localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
-        localizationStore.inclusivePricing =
-            ((_a = (await getInclusivePricing(selectedCountryCode))) === null || _a === void 0 ? void 0 : _a.setting) || null;
-        if (localizationStore.inclusivePricing) {
-            log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
-        }
+        localizationStore.inclusivePricingIsFetching = true;
+        const [countryLandedCost] = await Promise.all([
+            getCountryLandedCost(localizationStore.selectedCountryCode),
+            refreshInclusivePricingConfigurations(localizationStore.selectedCountryCode),
+        ]);
+        localizationStore.countryLandedCost = countryLandedCost;
+        // Remove blur effect after the currency is converted
+        void removeBlurCurrency();
     }
     else {
         log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
@@ -136,7 +158,7 @@ const getValidCountryCode = (countryCode) => {
     }
     return countryCode;
 };
-const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
+const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelectedCountryCode, }) => {
     var _a, _b;
     log(`Updating selected country code to ${newSelectedCountryCode}`);
     const isFirstTime = !localizationStore.selectedCountryCode;
@@ -172,7 +194,7 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
         return;
     }
     localizationStore.targetCurrency = currencyCode;
-    void getNewLocalization();
+    void getNewLocalization({ isInitializing: isInitializing });
     // 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
@@ -229,6 +251,7 @@ const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
     void getCustomMessages();
 };
 const initLocalizationStore = async () => {
+    var _a;
     // all countries from countries.json, shipping zone and localization
     const [allCountries, shippingZoneCountries, localization] = await Promise.all([getCountries(), getShippingZones(), getLocalization()]);
     // Filter countries to only include countries in the shipping zone
@@ -238,13 +261,18 @@ const initLocalizationStore = async () => {
             ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
     }, {});
     localizationStore.shippingZoneCountries = filteredCountries || null;
+    localizationStore.inclusivePricingConfigurations =
+        ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.inclusivePriceConfigurations) || [];
     // Initialize the country list for the hello widget
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
     log(`Country code from localization: ${country}`);
     log(`Locale from localization: ${locale}`);
     // update selected country code in store
-    localizationStoreUpdateSelectedCountryCode(country);
+    localizationStoreUpdateSelectedCountryCode({
+        isInitializing: true,
+        newSelectedCountryCode: country || null,
+    });
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
     localizationStoreUpdateSelectedLocale(overrideLocale || locale || 'en');
@@ -258,7 +286,10 @@ const initLocalizationStore = async () => {
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
         // update selected country code in store
-        localizationStoreUpdateSelectedCountryCode('CA');
+        localizationStoreUpdateSelectedCountryCode({
+            isInitializing: true,
+            newSelectedCountryCode: 'CA',
+        });
     }
     localizationStore.localizationLoaded = true;
 };

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -194,6 +194,12 @@ export const stringsArabic = {
     Duties: {
         value: 'واجبات',
     },
+    'Duties and fees': {
+        value: 'الرسوم والضرائب',
+    },
+    'Duties and fees included': {
+        value: 'الرسوم والضرائب مشمولة',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
     },
@@ -431,26 +437,14 @@ export const stringsArabic = {
     'Proceed with order': {
         value: 'المتابعة مع الطلب',
     },
-    'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب. لن يتم إضافة أي رسوم أو ضرائب إضافية عند الدفع، باستثناءات نادرة.',
-    },
-    'Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب. لن يتم إضافة أي رسوم أو ضرائب إضافية عند الدفع، باستثناءات نادرة.',
-    },
-    'Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب والرسوم. لن تتم إضافة أي رسوم أو ضرائب أو رسوم إضافية عند الدفع، باستثناءات نادرة.',
-    },
-    'Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل الرسوم الجمركية بالفعل. لن تتم إضافة رسوم جمركية إضافية عند الدفع، باستثناءات نادرة.',
-    },
-    'Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل الرسوم بالفعل. لن يتم إضافة أي رسوم إضافية عند الدفع، باستثناءات نادرة.',
+    'Product prices already include duties and fees. No additional duties or fees will be added at checkout.': {
+        value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب. لن يتم إضافة أي رسوم أو ضرائب إضافية عند الدفع.',
     },
-    'Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل بالفعل الضرائب والرسوم. لن يتم إضافة أي ضرائب أو رسوم إضافية عند الدفع، باستثناءات نادرة.',
+    'Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.': {
+        value: 'أسعار المنتجات تشمل بالفعل الرسوم والضرائب والرسوم. لن تتم إضافة أي رسوم أو ضرائب أو رسوم إضافية عند الدفع.',
     },
-    'Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.': {
-        value: 'أسعار المنتجات تشمل الضرائب بالفعل. لن يتم إضافة ضرائب إضافية عند الدفع، باستثناءات نادرة.',
+    'Product prices already include taxes. No additional taxes will be added at checkout.': {
+        value: 'أسعار المنتجات تشمل الضرائب بالفعل. لن يتم إضافة ضرائب إضافية عند الدفع.',
     },
     Province: {
         value: 'مقاطعة',
@@ -548,6 +542,9 @@ export const stringsArabic = {
     'State/Province': {
         value: 'الولاية/المقاطعة',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'ولاية/مقاطعة/منطقة/محافظة',
+    },
     'Street address': {
         value: 'عنوان الشارع',
     },
@@ -575,9 +572,15 @@ export const stringsArabic = {
     'Taxes and fees': {
         value: 'الضرائب والرسوم',
     },
+    'Taxes included': {
+        value: 'الضرائب مشمولة',
+    },
     'Taxes will apply to all orders.': {
         value: 'سيتم تطبيق الضرائب على جميع الطلبات.',
     },
+    'Taxes, duties, and fees included': {
+        value: 'الضرائب والرسوم والرسوم مشمولة',
+    },
     'Test cards': {
         value: 'بطاقات اختبار',
     },
@@ -599,6 +602,9 @@ export const stringsArabic = {
     'The low-value GST law passed July 1st, 2018 applies to this retailer.': {
         value: 'ينطبق قانون ضريبة السلع والخدمات منخفض القيمة الذي أُقر في 1 يوليو 2018 على هذا التاجر.',
     },
+    'The purchase price covers duties, taxes and fees.': {
+        value: 'سعر الشراء يغطي الرسوم والضرائب والرسوم.',
+    },
     "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'حدث خطأ في إنشاء جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
     },
@@ -707,6 +713,12 @@ export const stringsArabic = {
     Zip: {
         value: 'الرمز البريدي',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] يحتوي على [currentLength] حرفًا. يرجى تقصيرها إلى [maxLength] أو أقل أو نقل الباقي إلى سطر العنوان 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] يحتوي على [currentLength] حرفًا. يرجى تقصيرها إلى [maxLength] أو أقل.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز [threshold].',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -195,6 +195,12 @@ export const stringsBase = {
     Duties: {
         value: 'Duties',
     },
+    'Duties and fees': {
+        value: 'Duties and fees',
+    },
+    'Duties and fees included': {
+        value: 'Duties and fees included',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Duties and taxes will be applied to items and shipping.',
     },
@@ -432,26 +438,14 @@ export const stringsBase = {
     'Proceed with order': {
         value: 'Proceed with order',
     },
-    'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include duties and fees. No additional duties or fees will be added at checkout, with rare exceptions.',
-    },
-    'Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include duties and taxes. No additional duties or taxes will be added at checkout, with rare exceptions.',
-    },
-    'Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include duties, taxes, and fees. No additional duties, taxes, or fees will be added at checkout, with rare exceptions.',
-    },
-    'Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include duties. No additional duties will be added at checkout, with rare exceptions.',
-    },
-    'Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include fees. No additional fees will be added at checkout, with rare exceptions.',
+    'Product prices already include duties and fees. No additional duties or fees will be added at checkout.': {
+        value: 'Product prices already include duties and fees. No additional duties or fees will be added at checkout.',
     },
-    'Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include taxes and fees. No additional taxes or fees will be added at checkout, with rare exceptions.',
+    'Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.': {
+        value: 'Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.',
     },
-    'Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.': {
-        value: 'Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.',
+    'Product prices already include taxes. No additional taxes will be added at checkout.': {
+        value: 'Product prices already include taxes. No additional taxes will be added at checkout.',
     },
     Province: {
         value: 'Province',
@@ -549,6 +543,9 @@ export const stringsBase = {
     'State/Province': {
         value: 'State/Province',
     },
+    'State/Province/Region/Prefecture': {
+        value: 'State/Province/Region/Prefecture',
+    },
     'Street address': {
         value: 'Street address',
     },
@@ -576,9 +573,15 @@ export const stringsBase = {
     'Taxes and fees': {
         value: 'Taxes and fees',
     },
+    'Taxes included': {
+        value: 'Taxes included',
+    },
     'Taxes will apply to all orders.': {
         value: 'Taxes will apply to all orders.',
     },
+    'Taxes, duties, and fees included': {
+        value: 'Taxes, duties, and fees included',
+    },
     'Test cards': {
         value: 'Test cards',
     },
@@ -600,6 +603,9 @@ export const stringsBase = {
     'The low-value GST law passed July 1st, 2018 applies to this retailer.': {
         value: 'The low-value GST law passed July 1st, 2018 applies to this retailer.',
     },
+    'The purchase price covers duties, taxes and fees.': {
+        value: 'The purchase price covers duties, taxes and fees.',
+    },
     "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
         value: "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists",
     },
@@ -708,6 +714,12 @@ export const stringsBase = {
     Zip: {
         value: 'Zip',
     },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.': {
+        value: '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less or move the rest to address line 2.',
+    },
+    '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.': {
+        value: '[fieldLabel] is [currentLength] characters. Please shorten to [maxLength] or less.',
+    },
     '[percentage] GST due on any order above [threshold].': {
         value: '[percentage] GST due on any order above [threshold].',
     },