@zonos/elements 1.3.25 → 1.3.27

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -18,7 +18,7 @@ export class ZonosConfirmDialog {
         };
         this.dialogTitle = translate('Are you sure?');
         this.dialogIntent = 'info';
-        this.dialogSubtitle = '';
+        this.dialogSubtitle = null;
         this.submitBtnColor = undefined;
         this.dialogConfirmBtnText = undefined;
         this.dialogCancelBtnText = undefined;
@@ -82,12 +82,12 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '0adbea273e5504ac29ef8040fd968ded3f731f4b', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '4e762dd84a3a04a61e855cdb8dc019d1138b5b64', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--border-radius': borderStyle,
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4dbb78a0d1fc37dbd573c23aee53838a4578e18e', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '106e28d9bea08a332063cf8fe07f7e1db7ef3f0b', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'b296e7d2c30815147396b6e5c50207b40722d6f5', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '0fab667a9f930b1418a8c920e5766e03f3c01858', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '914885bd702f46c207c74eb32581eacf2f3817cd', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'dcdc0d3896153b47afbe38abc5fd4c491b8aea92', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: 'ba8c7aa3f0a6c3753f2275b2fd9daac8181d8e05', class: "wrapper" }, h("div", { key: '60490f9e714881bd75c6fcad07aebf3ae9d9947b', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'd735c7e03bff1d41fdbc003c9628a4abaa4f9313', class: "content" }, h("div", { key: 'e085cea22f8036b3deec9fa9f51c977629e6cc74', class: "title" }, h("zonos-text", { key: '4e41e3b2fe012a8c28daa7ceab614b19299c7cdf', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '5cc1fefbe7a551bf5ad7ff3744d7ecc6ecf5e73a', class: "subtitle" }, h("zonos-text", { key: '07afaf41a189f491db17d135cf074d4c6152e3cb', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'fbcfeb7f1a195ad928dea606f5085d8d2c1f2df6', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'eab37a4bf872bcde807ea50f33f2f082889a47c1', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '21e66354e0eaa951fd68f86beda36c4a89f06e44', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'acf0d24f523eb255de78e76390295ce8ff9562b8', class: "wrapper" }, h("div", { key: '10d665c1f9724c0c22c898d35af1c73ea089ee0e', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '9dd6b11b1dce47f53f39f89a2e337fc8f59aeb9c', class: "content" }, h("div", { key: '959227525b723a7d5083d8ede947772b90c6fd4b', class: "title" }, h("zonos-text", { key: '1f33ee07f6e480692911120a6fc8d071897c9d14', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'e8b142d67e72c4eb8613ebfe8961e51a1ea8c0c8', class: "subtitle" }, h("zonos-text", { key: 'a263e3da97c750c3271bf9f5b70515e298f2215f', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '5e8c54999ab9012372dd8510d14e2f1858543e26', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'd35774f8d45f9184634bb4a4aa204a35e35a3e54', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '3f98eff1184c61d163a1f9484e69ea0fca02bc1c', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -150,8 +150,8 @@ export class ZonosConfirmDialog {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "string | null",
+                    "resolved": "null | string",
                     "references": {}
                 },
                 "required": false,
@@ -159,13 +159,13 @@ export class ZonosConfirmDialog {
                 "docs": {
                     "tags": [{
                             "name": "default",
-                            "text": "\"\" No subtitle"
+                            "text": "null No subtitle"
                         }],
                     "text": "Dialog subtitle text"
                 },
                 "attribute": "dialog-subtitle",
                 "reflect": false,
-                "defaultValue": "''"
+                "defaultValue": "null"
             },
             "submitBtnColor": {
                 "type": "string",

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

@@ -171,18 +171,25 @@ export class ZonosHello {
                 return hasMoreSpaceOnRight;
             }
         };
-        this.isShippableCountry = (showLog = true) => {
+        this.shouldRenderHello = (showLog = true) => {
             if (!localizationStore.localizationLoaded) {
                 return false;
             }
-            // if localization is loaded and the localization is not a shippable country, keep the original click event
-            if (!localizationStore.isShippableCountry) {
-                if (showLog) {
-                    log(`Hello: not shippable country`);
+            const { showForCountries } = zonosStore.helloSettings;
+            if (showLog) {
+                if (!localizationStore.isShippableCountry) {
+                    log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
                 }
-                return false;
             }
-            return true;
+            // if localization is loaded and the localization is not a shippable country, keep the original click event
+            if (showForCountries === 'ONLY_SHIPPABLE') {
+                return localizationStore.isShippableCountry;
+            }
+            // if user wants to show hello for all countries
+            if (showForCountries === 'ALL') {
+                return true;
+            }
+            return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(localizationStore.selectedCountryCode || '');
         };
         this.mobileLocationOverride = undefined;
         this.animateFromLeftOverride = undefined;
@@ -285,7 +292,7 @@ export class ZonosHello {
         // The  organization name can be changed after init with the updateOrganizationName method.
         // This will cause the element to rerender with the new org name when it changes. (used for preview on dashboard)
         this.peekMessage = this.getHelloPeekMessage(zonosStore.organizationName);
-        const showHello = this.isShippableCountry() && !!selectedCountryCode;
+        const showHello = this.shouldRenderHello() && !!selectedCountryCode;
         return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
                 'zonos--hello-widget',
                 this.showPeekMessage && 'zonos--hello-show-peek-message',

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

@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: 'f84d021e99271bd6a00da32edd35fdc5e0520c5a', class: "zonos--elements" }, h("div", { key: '96eeeb3df6698a18ae1439c3c35bc2337fe3e83c', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: 'fe8165b23a8e56d068d00ae0f6caf587094db24f', class: "zonos--elements" }, h("div", { key: '32ee04554a36a2d7017e73425166a914e1e65714', class: "zonos--hello-dialog-footer", style: {
                 '--primary-color': primaryColor,
-            } }, h("a", { key: 'bb17cee42a3cb6d88e1b064649184c686ef41201', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '9183c662eb9d2dbb63b5149c338d013439767634', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: 'dd5bed89a4a2ae9386fa39fe15362c42fa7535ee', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'cbe6cb613fb2ca39f772363f8276cbc8c9e28b70', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'e05876aa9b1e56f945f810b82163335cd14202d1', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: '9fe05913fae1b739ec763ba32128f9004e3015f5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'ebea8cf3264c8d75369e1f87a71e97530755f79b', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '133b9a19a6e1cfc69fa4bf93964307ae546aead6', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'f5f5b8e8750fdf81094caa496b37b6201addab4a', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '454ef914ec4f5d9c4ffa7fdafb91dc25a27221b9', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,6 +7,7 @@ import { formatStringWithLinks } from "../../utils/formatStringWithLinks";
 import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFormat";
 import { getHasMoreSpaceAbove } from "../../utils/hello/getHasMoreSpaceAbove";
 import { getHasMoreSpaceOnRight } from "../../utils/hello/getHasMoreSpaceOnRight";
+import { wrapStringWithLink } from "../../utils/wrapStringWithLink";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import BagIcon from "./assets/bagIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -44,6 +45,23 @@ export class ZonosHelloDialog {
         this.setShowLanguageSelect = async (value) => {
             this.showLanguageSelect = value;
         };
+        /**
+         * Store has tax id setup in Zonos settings
+         */
+        this.hasTaxId = () => {
+            var _a;
+            return (_a = localizationStore.countryLandedCost) === null || _a === void 0 ? void 0 : _a.hasTaxId;
+        };
+        /**
+         * Some countries don't have threshold. So we need to show generic message for them
+         */
+        this.isNoThresholdCountry = (countryCode) => {
+            // Only show threshold message if store doesn't have tax id in the settings
+            if (!countryCode || !this.hasTaxId()) {
+                return false;
+            }
+            return ['AU'].includes(countryCode);
+        };
         this.getDutyMessage = () => {
             const { countryLandedCost } = localizationStore;
             // Our Robby API spells deminimis wrong here
@@ -51,8 +69,11 @@ export class ZonosHelloDialog {
                 ? currencyFormat({ amount: countryLandedCost.dutyDeminimus })
                 : null;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimis
-                ? `${translate('Spend')} ${dutyDeminimis} ${translate('duty free')}`
+            return dutyDeminimis &&
+                !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
+                ? translate('Spend [threshold] duty free', {
+                    threshold: dutyDeminimis,
+                })
                 : translate('Duties will apply to all orders');
         };
         this.getTaxMessage = () => {
@@ -61,8 +82,11 @@ export class ZonosHelloDialog {
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
                 ? currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
                 : null;
-            return taxDeminimis
-                ? `${translate('Spend')} ${taxDeminimis} ${translate('tax free')}`
+            return taxDeminimis &&
+                !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
+                ? translate('Spend [threshold] tax free', {
+                    threshold: taxDeminimis,
+                })
                 : translate('Taxes will apply to all orders');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
@@ -71,22 +95,31 @@ export class ZonosHelloDialog {
                 return null;
             }
             const dutyDeminimis = landedCost.dutyDeminimus;
-            return translate('Orders to [countryName] must be over [threshold] to ship.', {
-                countryName: 'United Kingdom',
-                threshold: currencyFormat({ amount: dutyDeminimis }),
-            });
+            return [
+                translate('Orders to [countryName] must be over [threshold] to ship.', {
+                    countryName: 'United Kingdom',
+                    threshold: currencyFormat({ amount: dutyDeminimis }),
+                }),
+            ];
         };
         this.getAustraliaDutyTaxMessage = (landedCost) => {
-            return translate('[percentage] GST due on any order above [threshold].', {
-                percentage: `${landedCost.vatTaxRate * 100}%`,
-                threshold: currencyFormat({ amount: landedCost.vatTaxDeminimus }),
-            });
+            return [
+                translate('Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                }),
+                `${translate('The low-value GST law passed July 1st, 2018 applies to this retailer.')} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst',
+                    text: translate('Learn more.'),
+                })}`,
+            ];
         };
         this.getNewZealandDutyTaxMessge = (landedCost) => {
-            return translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
-                percentage: `${landedCost.vatTaxRate * 100}%`,
-                threshold: currencyFormat({ amount: landedCost.vatTaxDeminimus }),
-            });
+            return [
+                translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                    threshold: currencyFormat({ amount: landedCost.vatTaxDeminimus }),
+                }),
+            ];
         };
         /**
          * Get additional duty tax message if selected country has tax id
@@ -96,7 +129,7 @@ export class ZonosHelloDialog {
                 return null;
             }
             // only show the message if the store has a tax id for selected country
-            if (!localizationStore.countryLandedCost.hasTaxId) {
+            if (!this.hasTaxId()) {
                 return null;
             }
             switch (localizationStore.countryLandedCost.countryCode) {
@@ -151,17 +184,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '354758888accf5c5f44e321cc36f3126fe161596', class: "zonos--elements" }, h("div", { key: 'b6e9ef3ac53035b578f1ccb6940e04561a6c7362', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'bb2b080aaba7b85599b7e6bcb7cabee70863070f', class: "zonos--elements" }, h("div", { key: 'aabdbd8c4b47f759396d1a56fac426570385768d', "aria-hidden": "true", 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',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'cba389a7107bf0505743237a7e61e27988955a44' }, h("div", { key: '3cef5f247dca70671ad0c304f29980f7147cf21c', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '013764140f25f64ab52f4588a50b5148f4b170d0', 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: '099dc23581474e5167cfa8bd90be9987b3caa47f', spacing: 24 }, h("zonos-country-flag", { key: 'c545313157e3a488433619292306419588e20e50', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'f8be1b95571b28be7ed4fc3caee5d13177845150', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '9ac86d0f247cecd0bfa19ffc041eee89bd19b168', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '3234c9640aa1d484c6dcb78e7e3bf43e3545d67e', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '2f090b934ede76c8400b7891b6caa391e1f039b0', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'd9189f1ced79d3d3fd11c99ea1407e7b83a2573b' }, h("div", { key: '83ac2ab3583935ececea8be98ab64559d802725a', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '4f36dea145e751d63a2d0df3f472ffe674fbb580', 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: 'e8a7cebe4ca88da80b974e3a3536714fe4da47c1', spacing: 24 }, h("zonos-country-flag", { key: 'e02c72135b9c7e9e533fc46c8f4b286ba1cb1b63', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7d199c0a5f465fe1640e690d2712f11a80e1f378', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '97bf6611bd485ace8ad9b94c3520148ae0d1eab0', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'c1e524bf689f34aed978f350676ffa957724176f', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '81a2fabb2f6c2d853f2f6619f7c6829754d80a59', 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: 'e7ec890c1673b4025e650ed737ee4ba0e37ceb5d', spacing: "12px" }, h("zonos-v-stack", { key: 'a09bc2634da2795a4f0e2ef8b66680db9b0e403d', spacing: 12 }, h("div", { key: '2182aac10dc9b654b81234188cf0ef4decb2328a', class: "zonos--flex-message" }, h("zonos-icon", { key: '362807633b9a55a4438e95a9150c4c80f5bd836b', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '10bbbd399a255ad3a593b246d4b8b475e1c089e1' }, dutyDeMinimisMessage)), h("div", { key: '451c58a91d38413cc295a377e08ffa9947411112', class: "zonos--flex-message" }, h("zonos-icon", { key: '2eceeced9d2b0ab482c94b8edd768134ba936d2d', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'f4284b8e56522de93d5ca1160103ca2fac85250e' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: 'f9f0a09a1a7bfa85b2a70f843aabea7961250141', class: "zonos--flex-message" }, h("zonos-icon", { key: '147ee865b2708d662c185e4fe5d4dba7f099c310', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'ccb671b31672ebfd41369a9b0fda8e49ed3739cc' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '16b584281762c987d375b15e5cd3b5784fce5cd4', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '1122d535ce9bf451aa823726764a1a662c0378df' }, h("zonos-country-select", { key: '73c417e435dcbb15be72879ecde8271cb5cc01a1', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '4555dcf5260fa976458f6d612efce72a39564abf' }, h("zonos-language-select", { key: 'c19ca73913d2b026976acc36c1d9eb68bf90f07c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '29ba8b81746a696ca43b88daa89a7c85af5a2b34', spacing: "12px" }, h("zonos-v-stack", { key: '8f4e79efe07a4c7c1b493178c952bfe61a151f0c', spacing: 12 }, h("div", { key: 'a17eda2b103d376f7ca8a9b528d613195b3a1fe7', class: "zonos--flex-message" }, h("zonos-icon", { key: '13c828d956198211a1fbda77840f8b91692d1582', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: 'c38511e16905f169b821d0cd8d98dee80a7c1de1' }, dutyDeMinimisMessage)), h("div", { key: '9b3165d870419732d4be1421336326f8d4e98547', class: "zonos--flex-message" }, h("zonos-icon", { key: '46248b95b97a3ec74ffc038dda29ca74a1e700c2', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '1d698d83f9fa43746de870553d1ba1c09389aefb' }, 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", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'fcc21cc1e8b3de45af03c64ffc95dc2ab6f57bf3', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'bbf019b27e6da7aa3256f14bf928aae26ca92f54' }, h("zonos-country-select", { key: 'a70d55e1872ec626e8446866dbad3aafca69790c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '77f63941fcbb3bc0c668a61aa48ca2e60b8addeb' }, h("zonos-language-select", { key: '57a4d06c098662b00c3587f3b2290552dc04f2fe', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -178,7 +178,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'a5a97e414d4be249a1d8a733356111a65623aaeb', class: "zonos--elements" });
+        return h(Host, { key: 'cfacd00a3f5fba372425ec51cf885356353ad909', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,6 +100,7 @@ const addInternationalHideClass = () => {
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     var _a, _b;
     log('update selected country code');
+    const isFirstTime = !localizationStore.selectedCountryCode;
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
     const isShippableCountry = shippingZoneCountries &&
@@ -125,11 +126,14 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     setZCountryUrlParam(selectedCountryCode);
     (_a = document
         .querySelector('zonos-hello')) === null || _a === void 0 ? void 0 : _a.setAttribute('z-country', selectedCountryCode);
-    // Trigger callback onCountryChange
-    (_b = zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore, {
-        countryCode: selectedCountryCode,
-        currencyCode,
-    });
+    // Only trigger callback onCountryChange if the country code has been set before
+    if (!isFirstTime) {
+        // Trigger callback onCountryChange
+        (_b = zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore, {
+            countryCode: selectedCountryCode,
+            currencyCode,
+        });
+    }
 };
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization

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

@@ -41,6 +41,9 @@ export const stringsArabic = {
     'Continue to shipping': {
         value: 'متابعة إلى الشحن',
     },
+    "Couldn't place order": {
+        value: 'تعذر تقديم الطلب',
+    },
     Country: {
         value: 'بلد',
     },
@@ -59,6 +62,9 @@ export const stringsArabic = {
     "Don't close": {
         value: 'لا تغلق',
     },
+    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders': {
+        value: 'الرسوم والضرائب في أستراليا، ضريبة القيمة المضافة أو ضريبة السلع والخدمات هي [percentage] وتستحق على جميع الطلبات',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
     },
@@ -101,6 +107,9 @@ export const stringsArabic = {
     'Last name': {
         value: 'الاسم الأخير',
     },
+    'Learn more.': {
+        value: 'تعلم المزيد.',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'الحقول المطلوبة مفقودة. تأكد من إكمال جميع الحقول.',
     },
@@ -170,6 +179,9 @@ export const stringsArabic = {
     'Restricted items found': {
         value: 'تم العثور على عناصر مقيدة',
     },
+    'Return to cart': {
+        value: 'العودة إلى العربة',
+    },
     'Search countries': {
         value: 'ابحث عن الدول',
     },
@@ -200,8 +212,11 @@ export const stringsArabic = {
     'Something went wrong.': {
         value: 'حدث خطأ ما.',
     },
-    Spend: {
-        value: 'إنفاق',
+    'Spend [threshold] duty free': {
+        value: 'أنفق [threshold] معفاة من الرسوم الجمركية',
+    },
+    'Spend [threshold] tax free': {
+        value: 'أنفق [threshold] معفاة من الضرائب',
     },
     State: {
         value: 'ولاية',
@@ -215,6 +230,9 @@ export const stringsArabic = {
     'The following items are unable to be shipped to your country and are not included in your cart total.': {
         value: 'العناصر التالية لا يمكن شحنها إلى بلدك ولا تُضاف إلى إجمالي سلة مشترياتك.',
     },
+    'The low-value GST law passed July 1st, 2018 applies to this retailer.': {
+        value: 'ينطبق قانون ضريبة السلع والخدمات منخفض القيمة الذي أُقر في 1 يوليو 2018 على هذا التاجر.',
+    },
     "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'حدث خطأ في إنشاء جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
     },
@@ -227,6 +245,9 @@ export const stringsArabic = {
     'Translated address': {
         value: 'العنوان المترجم',
     },
+    'Unable to check inventory. Please try again.': {
+        value: 'تعذر التحقق من المخزون. حاول مرة أخرى.',
+    },
     'Update address': {
         value: 'تحديث العنوان',
     },
@@ -272,13 +293,7 @@ export const stringsArabic = {
     'click to learn more': {
         value: 'انقر لمعرفة المزيد',
     },
-    'duty free': {
-        value: 'معفى من الرسوم',
-    },
     'restricted items': {
         value: 'عناصر مقيدة',
     },
-    'tax free': {
-        value: 'معفى من الضرائب',
-    },
 };

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

@@ -41,6 +41,9 @@ export const stringsBase = {
     'Continue to shipping': {
         value: 'Continue to shipping',
     },
+    "Couldn't place order": {
+        value: "Couldn't place order",
+    },
     Country: {
         value: 'Country',
     },
@@ -59,6 +62,9 @@ export const stringsBase = {
     "Don't close": {
         value: "Don't close",
     },
+    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders': {
+        value: 'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Duties and taxes will be applied to items and shipping.',
     },
@@ -101,6 +107,9 @@ export const stringsBase = {
     'Last name': {
         value: 'Last name',
     },
+    'Learn more.': {
+        value: 'Learn more.',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Missing required fields. Make sure all fields are completed.',
     },
@@ -170,6 +179,9 @@ export const stringsBase = {
     'Restricted items found': {
         value: 'Restricted items found',
     },
+    'Return to cart': {
+        value: 'Return to cart',
+    },
     'Search countries': {
         value: 'Search countries',
     },
@@ -200,8 +212,11 @@ export const stringsBase = {
     'Something went wrong.': {
         value: 'Something went wrong.',
     },
-    Spend: {
-        value: 'Spend',
+    'Spend [threshold] duty free': {
+        value: 'Spend [threshold] duty free',
+    },
+    'Spend [threshold] tax free': {
+        value: 'Spend [threshold] tax free',
     },
     State: {
         value: 'State',
@@ -215,6 +230,9 @@ export const stringsBase = {
     'The following items are unable to be shipped to your country and are not included in your cart total.': {
         value: 'The following items are unable to be shipped to your country and are not included in your cart total.',
     },
+    '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.',
+    },
     "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",
     },
@@ -227,6 +245,9 @@ export const stringsBase = {
     'Translated address': {
         value: 'Translated address',
     },
+    'Unable to check inventory. Please try again.': {
+        value: 'Unable to check inventory. Please try again.',
+    },
     'Update address': {
         value: 'Update address',
     },
@@ -272,13 +293,7 @@ export const stringsBase = {
     'click to learn more': {
         value: 'click to learn more',
     },
-    'duty free': {
-        value: 'duty free',
-    },
     'restricted items': {
         value: 'restricted items',
     },
-    'tax free': {
-        value: 'tax free',
-    },
 };

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

@@ -41,6 +41,9 @@ export const stringsChinese = {
     'Continue to shipping': {
         value: '继续运送',
     },
+    "Couldn't place order": {
+        value: '无法下单',
+    },
     Country: {
         value: '国家',
     },
@@ -59,6 +62,9 @@ export const stringsChinese = {
     "Don't close": {
         value: '不要关',
     },
+    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders': {
+        value: '澳大利亚的关税和税款，增值税或GST为[percentage]，适用于所有订单',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '商品和运费将征收关税和税款。',
     },
@@ -101,6 +107,9 @@ export const stringsChinese = {
     'Last name': {
         value: '姓',
     },
+    'Learn more.': {
+        value: '了解更多。',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: '缺少必填字段。确保所有字段均已填写完整。',
     },
@@ -170,6 +179,9 @@ export const stringsChinese = {
     'Restricted items found': {
         value: '发现受限制的商品',
     },
+    'Return to cart': {
+        value: '返回购物车',
+    },
     'Search countries': {
         value: '搜索国家',
     },
@@ -200,8 +212,11 @@ export const stringsChinese = {
     'Something went wrong.': {
         value: '出了些问题。',
     },
-    Spend: {
-        value: '花费',
+    'Spend [threshold] duty free': {
+        value: '花费[threshold]免税',
+    },
+    'Spend [threshold] tax free': {
+        value: '花费[threshold]免税',
     },
     State: {
         value: '州',
@@ -215,6 +230,9 @@ export const stringsChinese = {
     'The following items are unable to be shipped to your country and are not included in your cart total.': {
         value: '以下商品无法运送至您的国家，并且不包括在您购物车的总额中。',
     },
+    'The low-value GST law passed July 1st, 2018 applies to this retailer.': {
+        value: '2018年7月1日通过的低值GST法适用于本零售商。',
+    },
     "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
         value: '创建您的结账会话时出现错误。如果错误仍然存在，请重新加载页面并重试，或联系支持',
     },
@@ -227,6 +245,9 @@ export const stringsChinese = {
     'Translated address': {
         value: '翻译地址',
     },
+    'Unable to check inventory. Please try again.': {
+        value: '无法检查库存。请再试一次。',
+    },
     'Update address': {
         value: '更新地址',
     },
@@ -272,13 +293,7 @@ export const stringsChinese = {
     'click to learn more': {
         value: '点击了解更多',
     },
-    'duty free': {
-        value: '免征关税',
-    },
     'restricted items': {
         value: '限制物品',
     },
-    'tax free': {
-        value: '免税',
-    },
 };

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

@@ -41,6 +41,9 @@ export const stringsDanish = {
     'Continue to shipping': {
         value: 'Fortsæt til levering',
     },
+    "Couldn't place order": {
+        value: 'Kunne ikke placere ordre',
+    },
     Country: {
         value: 'Land',
     },
@@ -59,6 +62,9 @@ export const stringsDanish = {
     "Don't close": {
         value: 'Luk ikke',
     },
+    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders': {
+        value: 'Afgifter og skatter i Australien, moms eller GST er [percentage] og forfalder på alle ordrer',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Told og skatter vil blive pålagt varer og fragt.',
     },
@@ -101,6 +107,9 @@ export const stringsDanish = {
     'Last name': {
         value: 'Efternavn',
     },
+    'Learn more.': {
+        value: 'Læs mere.',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Manglende obligatoriske felter. Sørg for, at alle felter er udfyldt.',
     },
@@ -170,6 +179,9 @@ export const stringsDanish = {
     'Restricted items found': {
         value: 'Begrænsede varer fundet',
     },
+    'Return to cart': {
+        value: 'Tilbage til kurven',
+    },
     'Search countries': {
         value: 'Søg lande',
     },
@@ -200,8 +212,11 @@ export const stringsDanish = {
     'Something went wrong.': {
         value: 'Noget gik galt.',
     },
-    Spend: {
-        value: 'Brug',
+    'Spend [threshold] duty free': {
+        value: 'Brug [threshold] toldfrit',
+    },
+    'Spend [threshold] tax free': {
+        value: 'Brug [threshold] skattefrit',
     },
     State: {
         value: 'Stat',
@@ -215,6 +230,9 @@ export const stringsDanish = {
     'The following items are unable to be shipped to your country and are not included in your cart total.': {
         value: 'De følgende varer kan ikke sendes til dit land og er ikke inkluderet i din kurvs total.',
     },
+    'The low-value GST law passed July 1st, 2018 applies to this retailer.': {
+        value: 'Den lavværdi-GST-lov, der blev vedtaget den 1. juli 2018, gælder for denne forhandler.',
+    },
     "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Der opstod en fejl under oprettelsen af din betalingssession. Genindlæs venligst og prøv igen eller kontakt support, hvis fejlen fortsætter',
     },
@@ -227,6 +245,9 @@ export const stringsDanish = {
     'Translated address': {
         value: 'Oversat adresse',
     },
+    'Unable to check inventory. Please try again.': {
+        value: 'Kunne ikke tjekke lagerbeholdningen. Prøv venligst igen.',
+    },
     'Update address': {
         value: 'Opdater adresse',
     },
@@ -272,13 +293,7 @@ export const stringsDanish = {
     'click to learn more': {
         value: 'klik for at lære mere',
     },
-    'duty free': {
-        value: 'toldfrit',
-    },
     'restricted items': {
         value: 'begrænsede genstande',
     },
-    'tax free': {
-        value: 'skattefrit',
-    },
 };