@zonos/elements 1.3.26 → 1.3.27

package/dist/cjs/index.cjs.js

@@ -236,8 +236,8 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = zonosLoadUrl || "https://v1.3.26.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.26";
+const ZONOS_URL = zonosLoadUrl || "https://v1.3.27.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.27";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -256,7 +256,7 @@ Zonos.isBigCommerce = false;
  */
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.26"}`;
+Zonos.version = `v${"1.3.27"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
@@ -274,8 +274,6 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     _a.zonosApiKey = zonosApiKey;
     _a.storeId = storeId;
     logError.log('init zonos');
-    // add sentry to the project
-    _a.injectSentryScript();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -402,55 +400,6 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
     _a.zonosController = zonosController;
     logError.log('Zonos controller injected!');
 };
-Zonos.injectSentryScript = () => {
-    const scriptUrl = 'https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js';
-    const findScript = () => {
-        const script = document.querySelector(`script[src="${scriptUrl}"]`);
-        return !!script;
-    };
-    if (findScript()) {
-        logError.log('Sentry script already exists in the document', 'warn');
-        return;
-    }
-    const headOrBody = document.head || document.body;
-    // init zonos elements when the zonosKey is valid
-    // inject esmodule cdn for zonos elements
-    const script = document.createElement('script');
-    script.crossOrigin = 'anonymous';
-    script.src = scriptUrl;
-    script.integrity =
-        'sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l';
-    script.setAttribute('data-lazy', 'no');
-    script.onerror = () => {
-        logError.logError(`Failed to load ${script.src}`);
-    };
-    script.onload = () => {
-        var _b;
-        (_b = window.Sentry) === null || _b === void 0 ? void 0 : _b.init({
-            beforeSend(event) {
-                var _b, _c, _d, _e, _f, _g;
-                // only send error to sentry if it's from zonos production
-                const firstExceptionFilename = (_g = (_f = (_e = (_d = (_c = (_b = event.exception) === null || _b === void 0 ? void 0 : _b.values) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.stacktrace) === null || _e === void 0 ? void 0 : _e.frames) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.filename;
-                const isZonosProduction = (firstExceptionFilename === null || firstExceptionFilename === void 0 ? void 0 : firstExceptionFilename.includes('js.zonos.com')) ||
-                    (firstExceptionFilename === null || firstExceptionFilename === void 0 ? void 0 : firstExceptionFilename.includes('@zonos/elements'));
-                const isDevelopmentHref = window.location.href.includes('dev.elements') ||
-                    window.location.href.includes('route.js.zonos.com');
-                // don't send error to sentry if the errors are in development href
-                if (isZonosProduction && !isDevelopmentHref) {
-                    return event;
-                }
-                return null;
-            },
-            dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
-            ignoreErrors: ['Failed to load Stripe.js'],
-            release: `zonos-elements@${_a.version}`,
-            tracesSampler: () => {
-                return 0.01;
-            },
-        });
-    };
-    headOrBody.appendChild(script);
-};
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
     const fullScriptUrl = `${scriptDomain}/${theRestUrl}`;
     const findScript = () => {

package/dist/cjs/{submitGtag-7e0065da.js → submitGtag-d3898668.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const logError = require('./logError-4e2f2020.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const logError = require('./logError-4e2f2020.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -147,7 +147,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'cc7f2af47b78430a164bcc6e96e60c133b8a8139', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'f8f09068fccd362fff50b2d5736394378ebb179a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '2facdefb52dbb811931484933fe73c576420205d', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '5279ab1ec41882e2b47adbb9074da302caeda979', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'e66644c9dfbeb56c54b8914cecfba5cee3023399', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'a7ca990d5c5c5a59edd6d6bf35a4594fb8dfe5d4', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -635,7 +635,7 @@ const ZonosLinkAuthentication = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '3f2df53c0bdbd8b5d2fdd82c1af2cafe762d9063', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: 'fed343301247701859cec912cd03404eefd886f7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '46c604f145c75749060c4660ad10b38820bc6907', class: "zonos--link-authentication-component" })));
+        return (index.h(index.Host, { key: '153724937e64d3fdf4360648cefc4548b602e87a', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: 'ac9896dff5fd7acb29d81eebeb9e65a47d65b7fb', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'aca720a9382f63f248e3a2c382e5c61e52750bdf', class: "zonos--link-authentication-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b071017b.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./logError-4e2f2020.js');
 require('./isDarkColor-371a3b1a.js');

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
-const submitGtag = require('./submitGtag-7e0065da.js');
+const submitGtag = require('./submitGtag-d3898668.js');
 const getBorderRadius = require('./getBorderRadius-074b46ef.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
-const submitGtag = require('./submitGtag-7e0065da.js');
+const submitGtag = require('./submitGtag-d3898668.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const logError = require('./logError-4e2f2020.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const logError = require('./logError-4e2f2020.js');
 require('./isDarkColor-371a3b1a.js');
@@ -296,7 +296,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'a5a97e414d4be249a1d8a733356111a65623aaeb', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'cfacd00a3f5fba372425ec51cf885356353ad909', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const classes = require('./classes-b7918f56.js');
 require('./logError-4e2f2020.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-371a3b1a.js');
@@ -1883,9 +1883,9 @@ const ZonosHelloDialogFooter = class {
         const language = (_b = ILanguage.languages.find(x => x.code === cart.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.isDarkColor(primaryColor) ? 'white' : 'black';
-        return (index.h(index.Host, { key: 'f84d021e99271bd6a00da32edd35fdc5e0520c5a', class: "zonos--elements" }, index.h("div", { key: '96eeeb3df6698a18ae1439c3c35bc2337fe3e83c', class: "zonos--hello-dialog-footer", style: {
+        return (index.h(index.Host, { key: 'fe8165b23a8e56d068d00ae0f6caf587094db24f', class: "zonos--elements" }, index.h("div", { key: '32ee04554a36a2d7017e73425166a914e1e65714', class: "zonos--hello-dialog-footer", style: {
                 '--primary-color': primaryColor,
-            } }, index.h("a", { key: 'bb17cee42a3cb6d88e1b064649184c686ef41201', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '9183c662eb9d2dbb63b5149c338d013439767634', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), index.h("div", { key: 'dd5bed89a4a2ae9386fa39fe15362c42fa7535ee', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'cbe6cb613fb2ca39f772363f8276cbc8c9e28b70', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: 'e05876aa9b1e56f945f810b82163335cd14202d1', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
+            } }, index.h("a", { key: '9fe05913fae1b739ec763ba32128f9004e3015f5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'ebea8cf3264c8d75369e1f87a71e97530755f79b', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), index.h("div", { key: '133b9a19a6e1cfc69fa4bf93964307ae546aead6', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'f5f5b8e8750fdf81094caa496b37b6201addab4a', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '454ef914ec4f5d9c4ffa7fdafb91dc25a27221b9', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
     }
     get ele() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -19,6 +19,10 @@ const getHasMoreSpaceAbove = (ref) => {
     return availableSpaceAbove >= availableSpaceBelow;
 };
 
+const wrapStringWithLink = ({ href, text, }) => {
+    return `<zonos-link href="${href}" target="_blank" rel="noopener noreferrer">${text}</zonos-link>`;
+};
+
 const BagIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.66666 4.16667C9.20642 4.16667 8.83333 4.53976 8.83333 5V5.83333H12.1667V5C12.1667 4.53976 11.7936 4.16667 11.3333 4.16667H9.66666ZM13.8333 5.83333V5C13.8333 3.61929 12.714 2.5 11.3333 2.5H9.66666C8.28595 2.5 7.16666 3.61929 7.16666 5V5.83333H6.77759C5.44832 5.83333 4.35149 6.87354 4.2811 8.20094L3.92756 14.8676C3.85169 16.2983 4.99133 17.5 6.42405 17.5H14.5759C16.0087 17.5 17.1483 16.2983 17.0724 14.8676L16.7189 8.20094C16.6485 6.87354 15.5517 5.83333 14.2224 5.83333H13.8333ZM12.1667 7.5V8.33333C12.1667 8.79357 12.5398 9.16667 13 9.16667C13.4602 9.16667 13.8333 8.79357 13.8333 8.33333V7.5H14.2224C14.6655 7.5 15.0311 7.84674 15.0546 8.2892L15.4081 14.9559C15.4334 15.4328 15.0535 15.8333 14.5759 15.8333H6.42405C5.94648 15.8333 5.5666 15.4328 5.59189 14.9559L5.94542 8.2892C5.96889 7.84674 6.3345 7.5 6.77759 7.5H7.16666V8.33333C7.16666 8.79357 7.53976 9.16667 7.99999 9.16667C8.46023 9.16667 8.83333 8.79357 8.83333 8.33333V7.5H12.1667Z" fill="#4D505A"/>
 </svg>
@@ -74,6 +78,23 @@ const ZonosHelloDialog = class {
         this.setShowLanguageSelect = async (value) => {
             this.showLanguageSelect = value;
         };
+        /**
+         * Store has tax id setup in Zonos settings
+         */
+        this.hasTaxId = () => {
+            var _a;
+            return (_a = cart.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 } = cart.localizationStore;
             // Our Robby API spells deminimis wrong here
@@ -81,8 +102,11 @@ const ZonosHelloDialog = class {
                 ? cart.currencyFormat({ amount: countryLandedCost.dutyDeminimus })
                 : null;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimis
-                ? `${cart.translate('Spend')} ${dutyDeminimis} ${cart.translate('duty free')}`
+            return dutyDeminimis &&
+                !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
+                ? cart.translate('Spend [threshold] duty free', {
+                    threshold: dutyDeminimis,
+                })
                 : cart.translate('Duties will apply to all orders');
         };
         this.getTaxMessage = () => {
@@ -91,8 +115,11 @@ const ZonosHelloDialog = class {
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
                 ? cart.currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
                 : null;
-            return taxDeminimis
-                ? `${cart.translate('Spend')} ${taxDeminimis} ${cart.translate('tax free')}`
+            return taxDeminimis &&
+                !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
+                ? cart.translate('Spend [threshold] tax free', {
+                    threshold: taxDeminimis,
+                })
                 : cart.translate('Taxes will apply to all orders');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
@@ -101,22 +128,31 @@ const ZonosHelloDialog = class {
                 return null;
             }
             const dutyDeminimis = landedCost.dutyDeminimus;
-            return cart.translate('Orders to [countryName] must be over [threshold] to ship.', {
-                countryName: 'United Kingdom',
-                threshold: cart.currencyFormat({ amount: dutyDeminimis }),
-            });
+            return [
+                cart.translate('Orders to [countryName] must be over [threshold] to ship.', {
+                    countryName: 'United Kingdom',
+                    threshold: cart.currencyFormat({ amount: dutyDeminimis }),
+                }),
+            ];
         };
         this.getAustraliaDutyTaxMessage = (landedCost) => {
-            return cart.translate('[percentage] GST due on any order above [threshold].', {
-                percentage: `${landedCost.vatTaxRate * 100}%`,
-                threshold: cart.currencyFormat({ amount: landedCost.vatTaxDeminimus }),
-            });
+            return [
+                cart.translate('Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                }),
+                `${cart.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: cart.translate('Learn more.'),
+                })}`,
+            ];
         };
         this.getNewZealandDutyTaxMessge = (landedCost) => {
-            return cart.translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
-                percentage: `${landedCost.vatTaxRate * 100}%`,
-                threshold: cart.currencyFormat({ amount: landedCost.vatTaxDeminimus }),
-            });
+            return [
+                cart.translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                    threshold: cart.currencyFormat({ amount: landedCost.vatTaxDeminimus }),
+                }),
+            ];
         };
         /**
          * Get additional duty tax message if selected country has tax id
@@ -126,7 +162,7 @@ const ZonosHelloDialog = class {
                 return null;
             }
             // only show the message if the store has a tax id for selected country
-            if (!cart.localizationStore.countryLandedCost.hasTaxId) {
+            if (!this.hasTaxId()) {
                 return null;
             }
             switch (cart.localizationStore.countryLandedCost.countryCode) {
@@ -181,17 +217,18 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: '354758888accf5c5f44e321cc36f3126fe161596', class: "zonos--elements" }, index.h("div", { key: 'b6e9ef3ac53035b578f1ccb6940e04561a6c7362', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: 'bb2b080aaba7b85599b7e6bcb7cabee70863070f', class: "zonos--elements" }, index.h("div", { key: 'aabdbd8c4b47f759396d1a56fac426570385768d', "aria-hidden": "true", class: classes.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 && (index.h("div", { key: 'cba389a7107bf0505743237a7e61e27988955a44' }, index.h("div", { key: '3cef5f247dca70671ad0c304f29980f7147cf21c', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '013764140f25f64ab52f4588a50b5148f4b170d0', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '099dc23581474e5167cfa8bd90be9987b3caa47f', spacing: 24 }, index.h("zonos-country-flag", { key: 'c545313157e3a488433619292306419588e20e50', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'f8be1b95571b28be7ed4fc3caee5d13177845150', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '9ac86d0f247cecd0bfa19ffc041eee89bd19b168', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '3234c9640aa1d484c6dcb78e7e3bf43e3545d67e', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '2f090b934ede76c8400b7891b6caa391e1f039b0', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'd9189f1ced79d3d3fd11c99ea1407e7b83a2573b' }, index.h("div", { key: '83ac2ab3583935ececea8be98ab64559d802725a', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '4f36dea145e751d63a2d0df3f472ffe674fbb580', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'e8a7cebe4ca88da80b974e3a3536714fe4da47c1', spacing: 24 }, index.h("zonos-country-flag", { key: 'e02c72135b9c7e9e533fc46c8f4b286ba1cb1b63', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '7d199c0a5f465fe1640e690d2712f11a80e1f378', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '97bf6611bd485ace8ad9b94c3520148ae0d1eab0', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'c1e524bf689f34aed978f350676ffa957724176f', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '81a2fabb2f6c2d853f2f6619f7c6829754d80a59', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: 'e7ec890c1673b4025e650ed737ee4ba0e37ceb5d', spacing: "12px" }, index.h("zonos-v-stack", { key: 'a09bc2634da2795a4f0e2ef8b66680db9b0e403d', spacing: 12 }, index.h("div", { key: '2182aac10dc9b654b81234188cf0ef4decb2328a', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '362807633b9a55a4438e95a9150c4c80f5bd836b', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '10bbbd399a255ad3a593b246d4b8b475e1c089e1' }, dutyDeMinimisMessage)), index.h("div", { key: '451c58a91d38413cc295a377e08ffa9947411112', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '2eceeced9d2b0ab482c94b8edd768134ba936d2d', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: 'f4284b8e56522de93d5ca1160103ca2fac85250e' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: 'f9f0a09a1a7bfa85b2a70f843aabea7961250141', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '147ee865b2708d662c185e4fe5d4dba7f099c310', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'ccb671b31672ebfd41369a9b0fda8e49ed3739cc' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '16b584281762c987d375b15e5cd3b5784fce5cd4', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '1122d535ce9bf451aa823726764a1a662c0378df' }, index.h("zonos-country-select", { key: '73c417e435dcbb15be72879ecde8271cb5cc01a1', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '4555dcf5260fa976458f6d612efce72a39564abf' }, index.h("zonos-language-select", { key: 'c19ca73913d2b026976acc36c1d9eb68bf90f07c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: '29ba8b81746a696ca43b88daa89a7c85af5a2b34', spacing: "12px" }, index.h("zonos-v-stack", { key: '8f4e79efe07a4c7c1b493178c952bfe61a151f0c', spacing: 12 }, index.h("div", { key: 'a17eda2b103d376f7ca8a9b528d613195b3a1fe7', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '13c828d956198211a1fbda77840f8b91692d1582', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: 'c38511e16905f169b821d0cd8d98dee80a7c1de1' }, dutyDeMinimisMessage)), index.h("div", { key: '9b3165d870419732d4be1421336326f8d4e98547', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '46248b95b97a3ec74ffc038dda29ca74a1e700c2', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '1d698d83f9fa43746de870553d1ba1c09389aefb' }, taxDeMinimisMessage)), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'fcc21cc1e8b3de45af03c64ffc95dc2ab6f57bf3', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'bbf019b27e6da7aa3256f14bf928aae26ca92f54' }, index.h("zonos-country-select", { key: 'a70d55e1872ec626e8446866dbad3aafca69790c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '77f63941fcbb3bc0c668a61aa48ca2e60b8addeb' }, index.h("zonos-language-select", { key: '57a4d06c098662b00c3587f3b2290552dc04f2fe', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
 const zonosStore = require('./zonosStore-4c6c85da.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const classes = require('./classes-b7918f56.js');
 const logError = require('./logError-4e2f2020.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-7e817cad.js');
+const cart = require('./cart-61caeb84.js');
 const logError = require('./logError-4e2f2020.js');
 require('./zonosStore-4c6c85da.js');
 require('./isDarkColor-371a3b1a.js');
@@ -45,7 +45,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '0add83652f88a929eb76727e27455a0ddd6866fb', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'ff4eb31c3f402562d4c85848bf6bb34c4f0b1bab', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'fba7df5c0ca94d2374aab0f24e3111f4b08eff11', class: "zonos--payment-component" })));
+        return (index.h(index.Host, { key: 'abebca876eac8bd507fcbdb1c029d2ed0f3b749a', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '142257f2052337206dbb70e70c87b5207f2bd97a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'c55bbaea79a291e45d8ed37d556529365de89e9f', class: "zonos--payment-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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"; }