@zonos/elements 1.3.12-alpha.6 → 1.3.12-alpha.8

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-fe91535c.js');
+const cart = require('./cart-37e23be9.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -23,6 +23,12 @@ const BagIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xml
 </svg>
 `;
 
+const ImportIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35028 11.5744C9.05738 11.2815 8.58251 11.2815 8.28962 11.5744C7.99672 11.8673 7.99672 12.3422 8.28962 12.635L11.2917 15.6372C11.6823 16.0277 12.3154 16.0277 12.7059 15.6372L15.708 12.6351C16.0009 12.3422 16.0009 11.8674 15.708 11.5745C15.4151 11.2816 14.9402 11.2816 14.6473 11.5745L12.7488 13.4729V4.68005C12.7488 4.26584 12.413 3.93005 11.9988 3.93005C11.5846 3.93005 11.2488 4.26584 11.2488 4.68005L11.2488 13.4729L9.35028 11.5744Z" fill="#4D505A"/>
+<path d="M20 14C20 13.5858 19.6642 13.25 19.25 13.25C18.8358 13.25 18.5 13.5858 18.5 14L18.5 17.25C18.5 17.9404 17.9404 18.5 17.25 18.5L6.75 18.5C6.05964 18.5 5.5 17.9404 5.5 17.25L5.5 14C5.5 13.5858 5.16421 13.25 4.75 13.25C4.33579 13.25 4 13.5858 4 14V17.25C4 18.7688 5.23122 20 6.75 20H17.25C18.7688 20 20 18.7688 20 17.25L20 14Z" fill="#4D505A"/>
+</svg>
+`;
+
 const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
 </svg>
@@ -67,6 +73,81 @@ const ZonosHelloDialog = class {
         this.setShowLanguageSelect = async (value) => {
             this.showLanguageSelect = value;
         };
+        this.getDutyMessage = () => {
+            const { countryLandedCost } = cart.localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
+                ? cart.currencyFormat(countryLandedCost.dutyDeminimus)
+                : null;
+            // If Canada, use 40 CAD (courier duty de minimis)
+            const dutyDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
+                ? cart.currencyFormat(40)
+                : dutyDeminimis;
+            // If deminimis is undefined or null, assume it's $0
+            return dutyDeminimisToUse
+                ? `${cart.translate('Spend')} ${dutyDeminimisToUse} ${cart.translate('duty free')}`
+                : cart.translate('Duties will apply to all orders');
+        };
+        this.getTaxMessage = () => {
+            const { countryLandedCost } = cart.localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
+                ? cart.currencyFormat(countryLandedCost.vatTaxDeminimus)
+                : null;
+            // If Canada, use 150 CAD (courier tax de minimis)
+            const taxDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
+                ? cart.currencyFormat(150)
+                : taxDeminimis;
+            return taxDeminimisToUse
+                ? `${cart.translate('Spend')} ${taxDeminimisToUse} ${cart.translate('tax free')}`
+                : cart.translate('Taxes will apply to all orders');
+        };
+        this.getUkDutyTaxMessage = (landedCost) => {
+            if (landedCost.allowLowValueOrders) {
+                // show nothing if low value orders are allowed
+                return null;
+            }
+            const dutyDeminimis = landedCost.dutyDeminimus;
+            return cart.translate('Orders to ${countryName} must be over ${threshold} to ship.', {
+                countryName: 'United Kingdom',
+                threshold: cart.currencyFormat(dutyDeminimis),
+            });
+        };
+        this.getAustraliaDutyTaxMessage = (landedCost) => {
+            return cart.translate('${percentage} GST due on any order above ${threshold}.', {
+                percentage: `${landedCost.vatTaxRate * 100}%`,
+                threshold: cart.currencyFormat(landedCost.vatTaxDeminimus),
+            });
+        };
+        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(landedCost.vatTaxDeminimus),
+            });
+        };
+        /**
+         * Get additional duty tax message if selected country has tax id
+         */
+        this.getAdditionalDutyTaxMessage = () => {
+            if (!cart.localizationStore.countryLandedCost) {
+                return null;
+            }
+            // only show the message if the store has a tax id for selected country
+            if (!cart.localizationStore.countryLandedCost.hasTaxId) {
+                return null;
+            }
+            switch (cart.localizationStore.countryLandedCost.countryCode) {
+                case 'GB':
+                    return this.getUkDutyTaxMessage(cart.localizationStore.countryLandedCost);
+                case 'AU':
+                    return this.getAustraliaDutyTaxMessage(cart.localizationStore.countryLandedCost);
+                case 'NZ':
+                    return this.getNewZealandDutyTaxMessge(cart.localizationStore.countryLandedCost);
+                default:
+                    // show nothing
+                    return null;
+            }
+        };
         this.isOpen = false;
         this.setIsOpen = () => { };
         this.mobileLocationOverride = undefined;
@@ -88,30 +169,13 @@ const ZonosHelloDialog = class {
     }
     render() {
         var _a;
-        const { countryLandedCost, selectedCountryCode } = cart.localizationStore;
-        // Our Robby API spells deminimis wrong here
-        const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-            ? cart.currencyFormat(countryLandedCost.dutyDeminimus)
-            : null;
-        // If Canada, use 40 CAD (courier duty de minimis)
-        const dutyDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
-            ? cart.currencyFormat(40)
-            : dutyDeminimis;
+        const { selectedCountryCode } = cart.localizationStore;
+        // 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 dutyDeMinimisMessage = dutyDeminimisToUse
-            ? `${cart.translate('Spend')} ${dutyDeminimisToUse} ${cart.translate('duty free')}`
-            : cart.translate('Duties will apply to all orders');
-        // Our Robby API spells deminimis wrong here
-        const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-            ? cart.currencyFormat(countryLandedCost.vatTaxDeminimus)
-            : null;
-        // If Canada, use 150 CAD (courier tax de minimis)
-        const taxDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
-            ? cart.currencyFormat(150)
-            : taxDeminimis;
-        const taxDeMinimisMessage = taxDeminimisToUse
-            ? `${cart.translate('Spend')} ${taxDeminimisToUse} ${cart.translate('tax free')}`
-            : cart.translate('Taxes will apply to all orders');
+        const taxDeMinimisMessage = this.getTaxMessage();
+        // Show additional information if selected country has tax id
+        const additionalInformation = this.getAdditionalDutyTaxMessage();
         const animateLeft = this.animateFromLeftOverride ||
             (this.dialogRef && getHasMoreSpaceOnRight.getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
@@ -122,7 +186,7 @@ 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: 'dcd4c055999375785e289cc273c37e50c358d594', class: "zonos--elements" }, index.h("div", { key: 'a8921afb921ee0b4c0adb31dca0da646c91bdecc', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: 'ccabd686943b009ed6bb9c0ec64a6a4e7cc917f5', class: "zonos--elements" }, index.h("div", { key: '6bfbae15f5b43413fc76d21b94d0d56a2ce48f4d', "aria-hidden": "true", class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
@@ -132,7 +196,7 @@ const ZonosHelloDialog = class {
             ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", null, index.h("div", { class: "zonos--hello-dialog-content" }, index.h("zonos-button", { 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", { spacing: 24 }, index.h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { 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", { spacing: "12px" }, index.h("zonos-v-stack", { spacing: 12 }, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: BagIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", null, index.h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", null, index.h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { spacing: "12px" }, index.h("zonos-v-stack", { spacing: 12 }, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)), additionalInformation && (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", null, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", null, index.h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", null, index.h("zonos-language-select", { 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-564fe383.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
-const cart = require('./cart-fe91535c.js');
+const cart = require('./cart-37e23be9.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-7faf0a82.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-fe91535c.js');
+const cart = require('./cart-37e23be9.js');
 require('./zonosStore-bd2a0c59.js');
 require('./isDarkColor-7faf0a82.js');
 require('./getBorderRadius-4fa738c3.js');

package/dist/collection/components/hello/zonos-hello-dialog/assets/importIcon.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35028 11.5744C9.05738 11.2815 8.58251 11.2815 8.28962 11.5744C7.99672 11.8673 7.99672 12.3422 8.28962 12.635L11.2917 15.6372C11.6823 16.0277 12.3154 16.0277 12.7059 15.6372L15.708 12.6351C16.0009 12.3422 16.0009 11.8674 15.708 11.5745C15.4151 11.2816 14.9402 11.2816 14.6473 11.5745L12.7488 13.4729V4.68005C12.7488 4.26584 12.413 3.93005 11.9988 3.93005C11.5846 3.93005 11.2488 4.26584 11.2488 4.68005L11.2488 13.4729L9.35028 11.5744Z" fill="#4D505A"/>
+<path d="M20 14C20 13.5858 19.6642 13.25 19.25 13.25C18.8358 13.25 18.5 13.5858 18.5 14L18.5 17.25C18.5 17.9404 17.9404 18.5 17.25 18.5L6.75 18.5C6.05964 18.5 5.5 17.9404 5.5 17.25L5.5 14C5.5 13.5858 5.16421 13.25 4.75 13.25C4.33579 13.25 4 13.5858 4 14V17.25C4 18.7688 5.23122 20 6.75 20H17.25C18.7688 20 20 18.7688 20 17.25L20 14Z" fill="#4D505A"/>
+</svg>

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

@@ -10,6 +10,8 @@ import { getHasMoreSpaceOnRight } from "../../utils/hello/getHasMoreSpaceOnRight
 // 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
+import ImportIcon from "./assets/importIcon.svg";
+// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import MessageIcon from "./assets/messageIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import MoneyIcon from "./assets/moneyIcon.svg";
@@ -42,6 +44,81 @@ export class ZonosHelloDialog {
         this.setShowLanguageSelect = async (value) => {
             this.showLanguageSelect = value;
         };
+        this.getDutyMessage = () => {
+            const { countryLandedCost } = localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
+                ? currencyFormat(countryLandedCost.dutyDeminimus)
+                : null;
+            // If Canada, use 40 CAD (courier duty de minimis)
+            const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+                ? currencyFormat(40)
+                : dutyDeminimis;
+            // If deminimis is undefined or null, assume it's $0
+            return dutyDeminimisToUse
+                ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
+                : translate('Duties will apply to all orders');
+        };
+        this.getTaxMessage = () => {
+            const { countryLandedCost } = localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
+                ? currencyFormat(countryLandedCost.vatTaxDeminimus)
+                : null;
+            // If Canada, use 150 CAD (courier tax de minimis)
+            const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+                ? currencyFormat(150)
+                : taxDeminimis;
+            return taxDeminimisToUse
+                ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
+                : translate('Taxes will apply to all orders');
+        };
+        this.getUkDutyTaxMessage = (landedCost) => {
+            if (landedCost.allowLowValueOrders) {
+                // show nothing if low value orders are allowed
+                return null;
+            }
+            const dutyDeminimis = landedCost.dutyDeminimus;
+            return translate('Orders to ${countryName} must be over ${threshold} to ship.', {
+                countryName: 'United Kingdom',
+                threshold: currencyFormat(dutyDeminimis),
+            });
+        };
+        this.getAustraliaDutyTaxMessage = (landedCost) => {
+            return translate('${percentage} GST due on any order above ${threshold}.', {
+                percentage: `${landedCost.vatTaxRate * 100}%`,
+                threshold: currencyFormat(landedCost.vatTaxDeminimus),
+            });
+        };
+        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(landedCost.vatTaxDeminimus),
+            });
+        };
+        /**
+         * Get additional duty tax message if selected country has tax id
+         */
+        this.getAdditionalDutyTaxMessage = () => {
+            if (!localizationStore.countryLandedCost) {
+                return null;
+            }
+            // only show the message if the store has a tax id for selected country
+            if (!localizationStore.countryLandedCost.hasTaxId) {
+                return null;
+            }
+            switch (localizationStore.countryLandedCost.countryCode) {
+                case 'GB':
+                    return this.getUkDutyTaxMessage(localizationStore.countryLandedCost);
+                case 'AU':
+                    return this.getAustraliaDutyTaxMessage(localizationStore.countryLandedCost);
+                case 'NZ':
+                    return this.getNewZealandDutyTaxMessge(localizationStore.countryLandedCost);
+                default:
+                    // show nothing
+                    return null;
+            }
+        };
         this.isOpen = false;
         this.setIsOpen = () => { };
         this.mobileLocationOverride = undefined;
@@ -63,30 +140,13 @@ export class ZonosHelloDialog {
     }
     render() {
         var _a;
-        const { countryLandedCost, selectedCountryCode } = localizationStore;
-        // Our Robby API spells deminimis wrong here
-        const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-            ? currencyFormat(countryLandedCost.dutyDeminimus)
-            : null;
-        // If Canada, use 40 CAD (courier duty de minimis)
-        const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-            ? currencyFormat(40)
-            : dutyDeminimis;
+        const { selectedCountryCode } = localizationStore;
+        // 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 dutyDeMinimisMessage = dutyDeminimisToUse
-            ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
-            : translate('Duties will apply to all orders');
-        // Our Robby API spells deminimis wrong here
-        const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-            ? currencyFormat(countryLandedCost.vatTaxDeminimus)
-            : null;
-        // If Canada, use 150 CAD (courier tax de minimis)
-        const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-            ? currencyFormat(150)
-            : taxDeminimis;
-        const taxDeMinimisMessage = taxDeminimisToUse
-            ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
-            : translate('Taxes will apply to all orders');
+        const taxDeMinimisMessage = this.getTaxMessage();
+        // Show additional information if selected country has tax id
+        const additionalInformation = this.getAdditionalDutyTaxMessage();
         const animateLeft = this.animateFromLeftOverride ||
             (this.dialogRef && getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
@@ -97,7 +157,7 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'dcd4c055999375785e289cc273c37e50c358d594', class: "zonos--elements" }, h("div", { key: 'a8921afb921ee0b4c0adb31dca0da646c91bdecc', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'ccabd686943b009ed6bb9c0ec64a6a4e7cc917f5', class: "zonos--elements" }, h("div", { key: '6bfbae15f5b43413fc76d21b94d0d56a2ce48f4d', "aria-hidden": "true", class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
@@ -107,7 +167,7 @@ export class ZonosHelloDialog {
             ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", null, h("div", { class: "zonos--hello-dialog-content" }, h("zonos-button", { 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", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { 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", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: BagIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)), additionalInformation && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", null, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,10 @@
 export const stringsArabic = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز ${threshold} بالإضافة إلى رسوم معاملة إدخال الاستيراد ورسوم MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'أعلى من الحد الأدنى لـ',
     },
@@ -92,6 +98,9 @@ export const stringsArabic = {
     'Order total': {
         value: 'إجمالي الطلبية',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'يجب أن تتجاوز الطلبيات إلى ${countryName} ${threshold} ليتم شحنها.',
+    },
     Pay: {
         value: 'دفع',
     },

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

@@ -1,4 +1,10 @@
 export const stringsBase = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST due on any order above ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Above de minimis threshold for',
     },
@@ -92,6 +98,9 @@ export const stringsBase = {
     'Order total': {
         value: 'Order total',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Orders to ${countryName} must be over ${threshold} to ship.',
+    },
     Pay: {
         value: 'Pay',
     },

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

@@ -1,4 +1,10 @@
 export const stringsChinese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '任何订单超过${threshold}，除了需缴纳${percentage}的商品及服务税外，还包括进口货物申报费和MPI征费。',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '任何订单超过${threshold}，需缴纳${percentage}的商品及服务税。',
+    },
     'Above de minimis threshold for': {
         value: '超过最低征税门槛',
     },
@@ -92,6 +98,9 @@ export const stringsChinese = {
     'Order total': {
         value: '订单总计',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '寄往${countryName}的订单必须超过${threshold}才能发货。',
+    },
     Pay: {
         value: '支付',
     },

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

@@ -1,4 +1,10 @@
 export const stringsDanish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST skyldig på enhver ordre over ${threshold}, sammen med et import indgangstransaktionsgebyr og MPI-afgift.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST skyldig på enhver ordre over ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Over de minimis-grænsen for',
     },
@@ -92,6 +98,9 @@ export const stringsDanish = {
     'Order total': {
         value: 'Ordresum',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Ordrer til ${countryName} skal være over ${threshold} for at blive sendt.',
+    },
     Pay: {
         value: 'Betal',
     },

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

@@ -1,4 +1,10 @@
 export const stringsDutch = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} BTW verschuldigd op elke bestelling boven ${threshold}, inclusief een invoertransactiekosten en MPI-heffing.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} BTW verschuldigd op elke bestelling boven ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Boven de minimale drempel voor',
     },
@@ -92,6 +98,9 @@ export const stringsDutch = {
     'Order total': {
         value: 'Totaal bestelling',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestellingen naar ${countryName} moeten meer dan ${threshold} zijn om verzonden te worden.',
+    },
     Pay: {
         value: 'Betalen',
     },

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

@@ -1,4 +1,10 @@
 export const stringsFrench = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: "${percentage} de TVA due sur toute commande supérieure à ${threshold}, ainsi qu'une taxe de transaction d'entrée d'importation et une cotisation MPI.",
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} de TVA due sur toute commande supérieure à ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Au-dessus du seuil de minimis pour',
     },
@@ -92,6 +98,9 @@ export const stringsFrench = {
     'Order total': {
         value: 'Total de la commande',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Les commandes à destination de ${countryName} doivent dépasser ${threshold} pour être expédiées.',
+    },
     Pay: {
         value: 'Payer',
     },

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

@@ -1,4 +1,10 @@
 export const stringsGerman = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} MwSt. fällig bei jeder Bestellung über ${threshold}, zuzüglich einer Einfuhrabwicklungskosten und MPI-Abgabe.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} MwSt. fällig bei jeder Bestellung über ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Über der Mindestgrenze für',
     },
@@ -92,6 +98,9 @@ export const stringsGerman = {
     'Order total': {
         value: 'Bestellsumme',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestellungen nach ${countryName} müssen über ${threshold} liegen, um versendet zu werden.',
+    },
     Pay: {
         value: 'Bezahlen',
     },

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

@@ -1,4 +1,10 @@
 export const stringsHebrew = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} מע"מ חל על כל הזמנה מעל ${threshold}, יחד עם עמלת עסקת כניסת ייבוא ומס MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} מע"מ חל על כל הזמנה מעל ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'מעל סף המינימום עבור',
     },
@@ -92,6 +98,9 @@ export const stringsHebrew = {
     'Order total': {
         value: 'סה"כ ההזמנה',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'הזמנות ל-${countryName} חייבות לעבור את הסכום של ${threshold} כדי להישלח.',
+    },
     Pay: {
         value: 'לשלם',
     },

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

@@ -1,4 +1,10 @@
 export const stringsIndonesian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} PPN yang harus dibayar untuk setiap pesanan di atas ${threshold}, termasuk biaya transaksi masuk impor dan pajak MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} PPN yang harus dibayar untuk setiap pesanan di atas ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Di atas ambang batas de minimis untuk',
     },
@@ -92,6 +98,9 @@ export const stringsIndonesian = {
     'Order total': {
         value: 'Total pesanan',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Pesanan ke ${countryName} harus lebih dari ${threshold} untuk dikirim.',
+    },
     Pay: {
         value: 'Bayar',
     },

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

@@ -1,4 +1,10 @@
 export const stringsItalian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: "${percentage} di IVA dovuta su qualsiasi ordine superiore a ${threshold}, oltre a una tassa di transazione di entrata importazione e un'imposta MPI.",
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} di IVA dovuta su qualsiasi ordine superiore a ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Sopra la soglia di minimis per',
     },
@@ -92,6 +98,9 @@ export const stringsItalian = {
     'Order total': {
         value: 'Totale ordine',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Gli ordini per ${countryName} devono superare ${threshold} per essere spediti.',
+    },
     Pay: {
         value: 'Paga',
     },

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

@@ -1,4 +1,10 @@
 export const stringsJapanese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${threshold}を超えるすべての注文には、${percentage}の消費税に加えて、輸入エントリー取引手数料とMPI課税が適用されます。',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: 'すべての注文で${threshold}を超えると、${percentage}の消費税が課せられます。',
+    },
     'Above de minimis threshold for': {
         value: 'デミニマスの閾値を超える',
     },
@@ -92,6 +98,9 @@ export const stringsJapanese = {
     'Order total': {
         value: 'ご注文合計',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '${countryName}への注文は${threshold}を超えなければなりません。',
+    },
     Pay: {
         value: '支払う',
     },

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

@@ -1,4 +1,10 @@
 export const stringsKorean = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${threshold} 이상의 모든 주문에 대해 ${percentage}의 부가가치세와 함께 수입 통관 수수료 및 MPI 부담금이 부과됩니다.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${threshold} 이상의 모든 주문에 대해 ${percentage}의 부가가치세가 부과됩니다.',
+    },
     'Above de minimis threshold for': {
         value: '최소 임계값을 초과하여',
     },
@@ -92,6 +98,9 @@ export const stringsKorean = {
     'Order total': {
         value: '주문 총액',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '${countryName}으로의 주문은 ${threshold}을(를) 초과해야 합니다.',
+    },
     Pay: {
         value: '지불',
     },

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

@@ -1,4 +1,10 @@
 export const stringsNorwegian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST skyldig for enhver ordre over ${threshold}, sammen med et importinngangstransaksjonsgebyr og MPI-avgift.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST skyldig for enhver ordre over ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Over minstegrensen for',
     },
@@ -92,6 +98,9 @@ export const stringsNorwegian = {
     'Order total': {
         value: 'Totalt beløp',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestillinger til ${countryName} må være over ${threshold} for å sendes.',
+    },
     Pay: {
         value: 'Betal',
     },