@zonos/elements 1.3.12-alpha.1 → 1.3.12-alpha.11

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-fcddc0e6.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-fcddc0e6.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-fcddc0e6.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,10 +1,22 @@
 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: 'أعلى من الحد الأدنى لـ',
     },
     Address: {
         value: 'العنوان',
     },
+    'Address line 1': {
+        value: 'سطر العنوان 1',
+    },
+    'Address line 2': {
+        value: 'سطر العنوان 2',
+    },
     Back: {
         value: 'رجوع',
     },
@@ -14,12 +26,18 @@ export const stringsArabic = {
     'Cart subtotal': {
         value: 'المجموع الفرعي للسلة',
     },
+    City: {
+        value: 'مدينة',
+    },
     Contact: {
         value: 'اتصل بنا',
     },
     'Continue to shipping': {
         value: 'متابعة إلى الشحن',
     },
+    Country: {
+        value: 'بلد',
+    },
     Customer: {
         value: 'العميل',
     },
@@ -59,6 +77,9 @@ export const stringsArabic = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
     },
+    Name: {
+        value: 'اسم',
+    },
     'No shipping method selected': {
         value: 'لم يتم تحديد طريقة الشحن',
     },
@@ -77,6 +98,9 @@ export const stringsArabic = {
     'Order total': {
         value: 'إجمالي الطلبية',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'يجب أن تتجاوز الطلبيات إلى ${countryName} ${threshold} ليتم شحنها.',
+    },
     Pay: {
         value: 'دفع',
     },
@@ -98,6 +122,12 @@ export const stringsArabic = {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'يرجى التأكد من أن نصك يستخدم الأبجدية اللاتينية فقط (A-Z, a-z).',
     },
+    'Please resolve the following errors:': {
+        value: 'الرجاء حل الأخطاء التالية:',
+    },
+    'Postal code': {
+        value: 'الرمز البريدي',
+    },
     'Powered by': {
         value: 'مشغل بواسطة',
     },
@@ -140,6 +170,9 @@ export const stringsArabic = {
     Spend: {
         value: 'إنفاق',
     },
+    State: {
+        value: 'ولاية',
+    },
     'Taxes will apply to all orders': {
         value: 'ستنطبق الضرائب على جميع الطلبات',
     },
@@ -176,6 +209,9 @@ export const stringsArabic = {
     'duty free': {
         value: 'معفى من الرسوم',
     },
+    'only supports Latin characters (A-Z, a-z)': {
+        value: 'يدعم فقط الأحرف اللاتينية (A-Z, a-z)',
+    },
     'tax free': {
         value: 'معفى من الضرائب',
     },

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

@@ -1,10 +1,22 @@
 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',
     },
     Address: {
         value: 'Address',
     },
+    'Address line 1': {
+        value: 'Address line 1',
+    },
+    'Address line 2': {
+        value: 'Address line 2',
+    },
     Back: {
         value: 'Back',
     },
@@ -14,12 +26,18 @@ export const stringsBase = {
     'Cart subtotal': {
         value: 'Cart subtotal',
     },
+    City: {
+        value: 'City',
+    },
     Contact: {
         value: 'Contact',
     },
     'Continue to shipping': {
         value: 'Continue to shipping',
     },
+    Country: {
+        value: 'Country',
+    },
     Customer: {
         value: 'Customer',
     },
@@ -59,6 +77,9 @@ export const stringsBase = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Know about duties and taxes before you buy. Shop with confidence!',
     },
+    Name: {
+        value: 'Name',
+    },
     'No shipping method selected': {
         value: 'No shipping method selected',
     },
@@ -77,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',
     },
@@ -98,6 +122,12 @@ export const stringsBase = {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Please ensure your text uses the Latin alphabet only (A-Z, a-z).',
     },
+    'Please resolve the following errors:': {
+        value: 'Please resolve the following errors:',
+    },
+    'Postal code': {
+        value: 'Postal code',
+    },
     'Powered by': {
         value: 'Powered by',
     },
@@ -140,6 +170,9 @@ export const stringsBase = {
     Spend: {
         value: 'Spend',
     },
+    State: {
+        value: 'State',
+    },
     'Taxes will apply to all orders': {
         value: 'Taxes will apply to all orders',
     },
@@ -176,6 +209,9 @@ export const stringsBase = {
     'duty free': {
         value: 'duty free',
     },
+    'only supports Latin characters (A-Z, a-z)': {
+        value: 'only supports Latin characters (A-Z, a-z)',
+    },
     'tax free': {
         value: 'tax free',
     },

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

@@ -1,10 +1,22 @@
 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: '超过最低征税门槛',
     },
     Address: {
         value: '地址',
     },
+    'Address line 1': {
+        value: '地址行1',
+    },
+    'Address line 2': {
+        value: '地址行2',
+    },
     Back: {
         value: '返回',
     },
@@ -14,12 +26,18 @@ export const stringsChinese = {
     'Cart subtotal': {
         value: '购物车小计',
     },
+    City: {
+        value: '城市',
+    },
     Contact: {
         value: '联系方式',
     },
     'Continue to shipping': {
         value: '继续运送',
     },
+    Country: {
+        value: '国家',
+    },
     Customer: {
         value: '顾客',
     },
@@ -59,6 +77,9 @@ export const stringsChinese = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: '在购买之前了解关税和税款。放心购物！',
     },
+    Name: {
+        value: '名称',
+    },
     'No shipping method selected': {
         value: '未选择运输方式',
     },
@@ -77,6 +98,9 @@ export const stringsChinese = {
     'Order total': {
         value: '订单总计',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '寄往${countryName}的订单必须超过${threshold}才能发货。',
+    },
     Pay: {
         value: '支付',
     },
@@ -98,6 +122,12 @@ export const stringsChinese = {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: '请确保您的文本仅使用拉丁字母表（A-Z, a-z）。',
     },
+    'Please resolve the following errors:': {
+        value: '请解决以下错误：',
+    },
+    'Postal code': {
+        value: '邮政编码',
+    },
     'Powered by': {
         value: '由...提供支持',
     },
@@ -140,6 +170,9 @@ export const stringsChinese = {
     Spend: {
         value: '花费',
     },
+    State: {
+        value: '州',
+    },
     'Taxes will apply to all orders': {
         value: '税款将适用于所有订单',
     },
@@ -176,6 +209,9 @@ export const stringsChinese = {
     'duty free': {
         value: '免征关税',
     },
+    'only supports Latin characters (A-Z, a-z)': {
+        value: '仅支持拉丁字符 (A-Z, a-z)',
+    },
     'tax free': {
         value: '免税',
     },