@zonos/elements 1.3.205 → 1.3.207

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
 const debounce = require('./debounce-0b9c0f8a.js');
-const localization = require('./localization-88da0959.js');
+const localization = require('./localization-ff33875b.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
@@ -251,19 +251,23 @@ const ZonosHello = class {
             }
         }, 1000);
         this.watchProductCountChange = () => {
+            var _a;
             const observer = new MutationObserver(this.handleProductCountChange);
             observer.observe(document.body, {
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.watchPriceChange = () => {
+            var _a;
             const observer = new MutationObserver(() => void this.displayCurrency());
             observer.observe(document.body, {
                 attributes: true,
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.updateHelloOnPageChange = () => {
             // If the product count changes on the same url (loading more products), update the peek message and item restrictions
@@ -348,6 +352,11 @@ const ZonosHello = class {
             }
         }, 100);
     }
+    disconnectedCallback() {
+        var _a;
+        // disconnect all observers
+        (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.forEach(observer => observer.disconnect());
+    }
     /**
      * This method will trigger the currency conversion and display the converted value
      * @returns void
@@ -499,7 +508,7 @@ const ZonosHello = class {
                 shouldFloat && 'zonos--hello-widget-float',
             ]), onClick: () => {
                 void this.changeShowDialog(!this.showDialog);
-            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el) }, index.h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (index.h("div", { class: "zonos--hello-country-flag-wrapper" }, index.h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), index.h("div", { class: classes.classes([
+            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el), type: "button" }, index.h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (index.h("div", { class: "zonos--hello-country-flag-wrapper" }, index.h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), index.h("div", { class: classes.classes([
                 'zonos--hello-dialog-wrapper',
                 this.mobileLocationOverride &&
                     'zonos--hello-dialog-wrapper-mobile-override',

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-88da0959.js');
+const localization = require('./localization-ff33875b.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.css

@@ -32,15 +32,22 @@
 }
 
 :host {
-  overflow: scroll;
+  display: block;
+  overflow: auto;
+  position: relative;
 }
 :host .scroller {
   display: inline-block;
+  pointer-events: none;
 }
 :host .item-container {
-  position: relative;
   display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
 }
 :host .item-container .item {
   position: absolute;
+  top: 0;
+  left: 0;
 }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -1,67 +1,117 @@
 import { h, Host } from "@stencil/core";
+import { classes } from "../../utils/classes";
 /**
- * The idea is from
+ * Virtual scroll component for efficiently rendering large lists
+ *
+ * The idea is from:
  * @ref https://github.com/beenotung/stencil-virtual-scroll/blob/master/src/components/virtual-scroll-list/virtual-scroll-list.scss
  * @ref https://github.dev/ionic-team/ionic-framework/blob/v6.7.5/core/src/components/virtual-scroll/virtual-scroll.tsx
  */
 export class ZonosVirtualScroll {
     constructor() {
+        /**
+         * Buffer size in pixels for pre-rendering items outside viewport
+         * @default 100
+         */
+        this.buffer = 100;
+        /**
+         * Current scroll position
+         */
         this.scrollTop = 0;
-        this.totalHeight = 1;
-        this.scrollListener = (_ev) => {
-            this.scrollTop = this.ele.scrollTop;
+        /**
+         * Total height of all items combined
+         */
+        this.totalHeight = 0;
+        /**
+         * Client dimensions of the scroll container
+         */
+        this.containerDimensions = {
+            height: 0,
+            width: 0,
+        };
+        /**
+         * Update container dimensions when element size changes
+         */
+        this.updateContainerDimensions = () => {
+            this.containerDimensions = {
+                height: this.element.clientHeight,
+                width: this.element.clientWidth,
+            };
+        };
+        /**
+         * Handle scroll events
+         */
+        this.handleScroll = () => {
+            this.scrollTop = this.element.scrollTop;
         };
     }
+    /**
+     * Watch for changes in item heights or fallback height and recalculate total height
+     */
     updateTotalHeight() {
-        this.totalHeight = this.itemHeights.reduce((acc, height) => acc + (height || this.fallbackItemHeight), 0);
+        this.totalHeight = this.itemHeights.reduce((accumulator, height) => accumulator + (height || this.fallbackItemHeight), 0);
+    }
+    /**
+     * Calculate which items should be rendered based on current scroll position
+     */
+    getVisibleItems() {
+        const { width: containerWidth } = this.containerDimensions;
+        const visibleItems = [];
+        let accumulatedHeight = 0;
+        const itemCount = this.itemHeights.length;
+        for (let index = 0; index < itemCount; index++) {
+            const itemHeight = this.itemHeights[index] || this.fallbackItemHeight;
+            // Skip items that are above the viewport (with buffer)
+            if (this.scrollTop > accumulatedHeight + itemHeight + this.buffer) {
+                accumulatedHeight += itemHeight;
+                continue;
+            }
+            // Stop rendering items that are below the viewport (with buffer)
+            if (this.scrollTop + this.containerDimensions.height <
+                accumulatedHeight - this.buffer) {
+                break;
+            }
+            const itemElement = (h("div", { class: classes(['item']), key: `virtual-item-${index}`, style: {
+                    height: `${itemHeight}px`,
+                    transform: `translateY(${accumulatedHeight}px)`,
+                    width: this.itemWidth
+                        ? `${this.itemWidth}px`
+                        : `${containerWidth}px`,
+                } }, this.renderItem(index)));
+            visibleItems.push({
+                element: itemElement,
+                index,
+            });
+            accumulatedHeight += itemHeight;
+        }
+        return visibleItems;
     }
+    /**
+     * Component lifecycle - setup event listeners and initial calculations
+     */
     connectedCallback() {
-        this.ele.addEventListener('scroll', this.scrollListener);
+        this.element.addEventListener('scroll', this.handleScroll);
+        window.addEventListener('resize', this.updateContainerDimensions);
+        // Initial setup
         this.updateTotalHeight();
+        this.updateContainerDimensions();
     }
+    /**
+     * Component lifecycle - cleanup event listeners
+     */
     disconnectedCallback() {
-        this.ele.removeEventListener('scroll', this.scrollListener);
+        this.element.removeEventListener('scroll', this.handleScroll);
+        window.removeEventListener('resize', this.updateContainerDimensions);
     }
     render() {
-        const W = this.ele.clientWidth;
-        const H = this.ele.clientHeight;
-        const heights = this.itemHeights;
-        const fallbackItemHeight = this.fallbackItemHeight;
-        const N = this.itemHeights.length;
-        const scrollTop = this.scrollTop;
-        const children = [];
-        let accHeight = 0;
-        // buffer for pre-rendering for item outside of viewport
-        const buffer = 100;
-        for (let i = 0; i < N; i++) {
-            const itemHeight = heights[i] || fallbackItemHeight;
-            if (scrollTop > accHeight + itemHeight + buffer) {
-                accHeight += itemHeight;
-                continue; // this item is above the viewport
-            }
-            if (scrollTop + H < accHeight - buffer) {
-                break; // this item is below the viewport
-            }
-            const x = 0;
-            const y = accHeight;
-            children.push(h("div", { class: "item", style: {
-                    height: `${itemHeight}px`,
-                    transform: `translate(${x}px,${y}px)`,
-                    width: this.itemWidth ? `${this.itemWidth}px` : `${W}px`,
-                } }, this.renderItem(i)));
-            accHeight += itemHeight;
-        }
-        return (h(Host, { key: '6ccfd807912b51223f249543b66552e945859a1a' }, h("div", { key: '21f05d8e9082b54f484badc6e52c3006068df401',
-            // to capture scroll action
-            class: "scroller", style: {
+        const { width: containerWidth } = this.containerDimensions;
+        const visibleItems = this.getVisibleItems();
+        return (h(Host, { key: 'ef009c7cd2e654ea2dd3d67675f221229f924ec0', class: classes(['zonos--virtual-scroll']) }, h("div", { key: 'a2831fb8251cb27b3d814e8c493e8303ac04ff1c', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
-                width: `${W}px`,
-            } }), h("div", { key: '3935dc009877c002047f41de3caeeb16e2d7c08d',
-            // to display items
-            class: "item-container", ref: el => (this.container = el), style: {
+                width: `${containerWidth}px`,
+            } }), h("div", { key: 'e36052e45224c89860b469b939898aa9861181a8', class: classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
-                left: `${-W}px`,
-            } }, children)));
+            } }, visibleItems.map(({ element }) => element))));
     }
     static get is() { return "zonos-virtual-scroll"; }
     static get encapsulation() { return "scoped"; }
@@ -81,16 +131,13 @@ export class ZonosVirtualScroll {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(\n    itemIndex: number,\n  ) =>\n    | HTMLElement\n    | Promise<HTMLElement>\n    | HTMLElement[]\n    | Promise<HTMLElement[]>\n    | Promise<HTMLElement>[]",
+                    "original": "VirtualScrollRenderItem",
                     "resolved": "(itemIndex: number) => HTMLElement | HTMLElement[] | Promise<HTMLElement> | Promise<HTMLElement[]> | Promise<HTMLElement>[]",
                     "references": {
-                        "HTMLElement": {
-                            "location": "global",
-                            "id": "global::HTMLElement"
-                        },
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
+                        "VirtualScrollRenderItem": {
+                            "location": "import",
+                            "path": "src/types/common-ui/VirtualScroll",
+                            "id": "src/types/common-ui/VirtualScroll.ts::VirtualScrollRenderItem"
                         }
                     }
                 },
@@ -98,7 +145,7 @@ export class ZonosVirtualScroll {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Render item"
+                    "text": "Function to render each item in the virtual scroll"
                 },
                 "getter": false,
                 "setter": false
@@ -115,7 +162,7 @@ export class ZonosVirtualScroll {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Width of each item"
+                    "text": "Width of each item in pixels"
                 },
                 "getter": false,
                 "setter": false,
@@ -134,7 +181,7 @@ export class ZonosVirtualScroll {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Height that is used as a fallback if height is not provided"
+                    "text": "Fallback height used when specific item height is not provided"
                 },
                 "getter": false,
                 "setter": false,
@@ -153,21 +200,44 @@ export class ZonosVirtualScroll {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Heights list of each item"
+                    "text": "Array of heights for each item in pixels"
                 },
                 "getter": false,
                 "setter": false
+            },
+            "buffer": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "100"
+                        }],
+                    "text": "Buffer size in pixels for pre-rendering items outside viewport"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "buffer",
+                "reflect": false,
+                "defaultValue": "100"
             }
         };
     }
     static get states() {
         return {
-            "container": {},
             "scrollTop": {},
-            "totalHeight": {}
+            "totalHeight": {},
+            "containerDimensions": {}
         };
     }
-    static get elementRef() { return "ele"; }
+    static get elementRef() { return "element"; }
     static get watchers() {
         return [{
                 "propName": "itemHeights",

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

@@ -143,19 +143,23 @@ export class ZonosHello {
             }
         }, 1000);
         this.watchProductCountChange = () => {
+            var _a;
             const observer = new MutationObserver(this.handleProductCountChange);
             observer.observe(document.body, {
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.watchPriceChange = () => {
+            var _a;
             const observer = new MutationObserver(() => void this.displayCurrency());
             observer.observe(document.body, {
                 attributes: true,
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.updateHelloOnPageChange = () => {
             // If the product count changes on the same url (loading more products), update the peek message and item restrictions
@@ -240,6 +244,11 @@ export class ZonosHello {
             }
         }, 100);
     }
+    disconnectedCallback() {
+        var _a;
+        // disconnect all observers
+        (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.forEach(observer => observer.disconnect());
+    }
     /**
      * This method will trigger the currency conversion and display the converted value
      * @returns void
@@ -391,7 +400,7 @@ export class ZonosHello {
                 shouldFloat && 'zonos--hello-widget-float',
             ]), onClick: () => {
                 void this.changeShowDialog(!this.showDialog);
-            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el) }, h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (h("div", { class: "zonos--hello-country-flag-wrapper" }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), h("div", { class: classes([
+            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el), type: "button" }, h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (h("div", { class: "zonos--hello-country-flag-wrapper" }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), h("div", { class: classes([
                 'zonos--hello-dialog-wrapper',
                 this.mobileLocationOverride &&
                     'zonos--hello-dialog-wrapper-mobile-override',

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

@@ -8,6 +8,7 @@ import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFor
 import { getHasMoreSpaceAbove } from "../../utils/hello/getHasMoreSpaceAbove";
 import { getHasMoreSpaceOnRight } from "../../utils/hello/getHasMoreSpaceOnRight";
 import { wrapStringWithLink } from "../../utils/wrapStringWithLink";
+import { euCountryCodes } from "../../../types/checkout/Tax";
 // 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
@@ -20,10 +21,6 @@ import MessageIcon from "./assets/messageIcon.svg";
 import MoneyIcon from "./assets/moneyIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import RemoveIcon from "./assets/removeIcon.svg";
-const dutyTaxMessage_AU_lowValueGST = `${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.'),
-})}`;
 export class ZonosHelloDialog {
     constructor() {
         /**
@@ -87,18 +84,25 @@ export class ZonosHelloDialog {
             if (!countryCode || !this.hasTaxId()) {
                 return false;
             }
-            return ['AU'].includes(countryCode);
+            const countryCodes = [
+                'AU',
+                'NZ',
+                'GB',
+                'NO',
+                'SG',
+                ...euCountryCodes,
+            ];
+            return countryCodes.includes(countryCode);
         };
         this.getDutyMessage = () => {
-            const { countryLandedCost } = localizationStore;
+            const countryLandedCost = localizationStore.countryLandedCost;
             // Our Robby API spells deminimis wrong here
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
                 ? currencyFormat({ amount: countryLandedCost.dutyDeminimus })
                 : null;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimis &&
-                !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
-                ? translate('Spend [threshold] duty free.', {
+            return dutyDeminimis
+                ? translate('Spend up to [threshold] duty free.', {
                     threshold: dutyDeminimis,
                 })
                 : translate('Duties will apply to all orders.');
@@ -111,15 +115,31 @@ export class ZonosHelloDialog {
                 : null;
             return taxDeminimis &&
                 !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
-                ? translate('Spend [threshold] tax free.', {
+                ? translate('Spend up to [threshold] tax free.', {
                     threshold: taxDeminimis,
                 })
                 : translate('Taxes will apply to all orders.');
         };
+        this.getEuDutyTaxMessage = (landedCost) => {
+            return [
+                `${translate('Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                })} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/european-ioss',
+                    text: translate('Learn more.'),
+                })}`,
+            ];
+        };
         this.getUkDutyTaxMessage = (landedCost) => {
             if (landedCost.allowLowValueOrders) {
-                // show nothing if low value orders are allowed
-                return null;
+                return [
+                    `${translate('Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                        percentage: `${landedCost.vatTaxRate * 100}%`,
+                    })} ${wrapStringWithLink({
+                        href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/european-ioss',
+                        text: translate('Learn more.'),
+                    })}`,
+                ];
             }
             const dutyDeminimis = landedCost.dutyDeminimus;
             return [
@@ -131,13 +151,15 @@ export class ZonosHelloDialog {
         };
         this.getAustraliaDutyTaxMessage = (landedCost) => {
             if (this.hasInclusivePrices()) {
-                return [dutyTaxMessage_AU_lowValueGST];
+                return [];
             }
             return [
-                translate('Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.', {
+                `${translate('Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
-                }),
-                dutyTaxMessage_AU_lowValueGST,
+                })} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst',
+                    text: translate('Learn more.'),
+                })}`,
             ];
         };
         this.getNewZealandDutyTaxMessge = (landedCost) => {
@@ -145,10 +167,38 @@ export class ZonosHelloDialog {
                 return null;
             }
             return [
-                translate('[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.', {
+                `${translate('Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
-                    threshold: currencyFormat({ amount: landedCost.vatTaxDeminimus }),
-                }),
+                })} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/guides/country-guides/new-zealand/new-zealand-import-taxes',
+                    text: translate('Learn more.'),
+                })}`,
+            ];
+        };
+        this.getNorwayDutyTaxMessage = (landedCost) => {
+            if (this.hasInclusivePrices()) {
+                return null;
+            }
+            return [
+                `${translate('Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                })} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/guides/country-guides/norway-voec-scheme',
+                    text: translate('Learn more.'),
+                })}`,
+            ];
+        };
+        this.getSingaporeDutyTaxMessage = (landedCost) => {
+            if (this.hasInclusivePrices()) {
+                return null;
+            }
+            return [
+                `${translate('Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
+                    percentage: `${landedCost.vatTaxRate * 100}%`,
+                })} ${wrapStringWithLink({
+                    href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/singapore-gst-settings',
+                    text: translate('Learn more.'),
+                })}`,
             ];
         };
         this.getInclusivePriceMessage = () => {
@@ -202,7 +252,15 @@ export class ZonosHelloDialog {
                     return this.getAustraliaDutyTaxMessage(localizationStore.countryLandedCost);
                 case 'NZ':
                     return this.getNewZealandDutyTaxMessge(localizationStore.countryLandedCost);
+                case 'NO':
+                    return this.getNorwayDutyTaxMessage(localizationStore.countryLandedCost);
+                case 'SG':
+                    return this.getSingaporeDutyTaxMessage(localizationStore.countryLandedCost);
                 default:
+                    // show EU duty tax message if country is in EU
+                    if (euCountryCodes.includes(localizationStore.countryLandedCost.countryCode)) {
+                        return this.getEuDutyTaxMessage(localizationStore.countryLandedCost);
+                    }
                     // show nothing
                     return null;
             }
@@ -240,18 +298,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '7b6752f327fdefb40d272d30d50a5fd208ff69a6', class: "zonos--elements" }, h("div", { key: 'b03b78ddfb3a0d6cedb156161fd82ebe45926773', class: classes([
+        return (h(Host, { key: '0830447fd72c987521c1790936f64948c28e368a', class: "zonos--elements" }, h("div", { key: '945b144257ac98cd3e18484b5df7c656967ed4bb', class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '367b5a0158679001cb3004d5d965a518cdc3b8ce' }, h("div", { key: '01dd9b2df5b20e61764274a6405118a7b42019f3', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ed49fe9a95fd6ace11669ee194d90eaae951d938', 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: '23d391b8f4a13a1b077333f7ac788306dbeb98d6', spacing: 24 }, h("zonos-country-flag", { key: '24c6682b66fe5aa5061bab0b260d6c6fed724f52', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'fcb2717fa3403337b507f64adb557bd300841a41', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '013fbda529816a2a1f22fc9d524d087fd69145c8', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '2134a015a6e22f6e02db8935150055b04620eed8', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '67030faaca46fea72230037b594eb3d0abb18acb', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'd4281bee820f6f1c0128a27a68637d9cf14bb9df' }, h("div", { key: '2eb86efbcf9a69fcad628fff00d6f4834026f720', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '54c1db50880af58304586091a2c96b63d21939b9', 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: '4814c176342c0a81379e499c9e9c9fff2611ca30', spacing: 24 }, h("zonos-country-flag", { key: 'a96e2f98b8d34d9c9b85e7b1989e6c29a9efb319', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'bdfcfa7d339c007df770101d8a63433d40be6ce2', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '7bebb2baef3b43444325b8755d9de41f7617a30a', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'cc5e7c2dda01e545a1d85bbbb1e5cab53ab27574', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: 'dbd3743ea89e59796b8f0a7c90eb4bf2564212ad', 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: '21d50e218fd560e137b68e6d2a16edf118d18148', spacing: "12px" }, h("zonos-v-stack", { key: '70c333afd352aee4a92b47b58c267ec5c6ff122c', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, 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 === 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: '7fa2a3e7646668c37ad2026dcfe0d59d6fd350b8', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '9a59a41f8ffbef2361ada0d5390708232c829026' }, h("zonos-country-select", { key: '3f10795b4eb5695e9848e2c69611f1a4953f5370', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'c4aa8b2d533e6735a587fc8c7eb217f52e1fc5c9' }, h("zonos-language-select", { key: 'eb75fbe3e7de95b0459d559ac7ee233b77873545', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '428f00f603d782b9496d40049571e3ea9dad57ba', spacing: "12px" }, h("zonos-v-stack", { key: '1433a878c9782cb57cbe85d83bdbe090d0e5d610', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '09e8b05e240cd995e16c0f736df6ef66d9fff511', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '1ed01c7f23d1b1f5a1e95d39e614e748ea407d6f' }, h("zonos-country-select", { key: 'b8c249f2e9f902e444b22371e9581be7ab34f07a', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'cc6066e1e0eba08130342cef80ecdcd8c2e53e49' }, h("zonos-language-select", { key: 'c803df7ce92321f72d48a39eddcf1bbd3e279738', 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

@@ -152,8 +152,23 @@ export const stringsArabic = {
     'Due at delivery': {
         value: 'مستحق عند التسليم',
     },
-    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.': {
-        value: 'الرسوم والضرائب في أستراليا، ضريبة القيمة المضافة أو GST هي [percentage] وتستحق على جميع الطلبات.',
+    'Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'بسبب قانون الضرائب الأسترالي، سيتم تقييم جميع الطلبات بنسبة [percentage] من ضريبة السلع والخدمات بغض النظر عن إجمالي الطلب.',
+    },
+    'Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'بسبب قانون الضرائب IOSS، سيتم تقييم جميع الطلبات بنسبة [percentage] ضريبة القيمة المضافة بغض النظر عن إجمالي الطلب.',
+    },
+    'Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'بسبب قانون الضرائب النيوزيلندي، سيتم تقييم جميع الطلبات بنسبة [percentage] من ضريبة السلع والخدمات بغض النظر عن إجمالي الطلب.',
+    },
+    'Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'بسبب قانون الضرائب في سنغافورة، سيتم تقييم جميع الطلبات بنسبة [percentage] GST بغض النظر عن إجمالي الطلب.',
+    },
+    'Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'بسبب قانون الضرائب في المملكة المتحدة، سيتم تقييم جميع الطلبات بنسبة [percentage] ضريبة القيمة المضافة بغض النظر عن إجمالي الطلب.',
+    },
+    'Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'بسبب قانون الضرائب VOEC، سيتم تقييم جميع الطلبات بنسبة [percentage] ضريبة القيمة المضافة بغض النظر عن إجمالي الطلب.',
     },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
@@ -464,11 +479,11 @@ export const stringsArabic = {
     'Something went wrong.': {
         value: 'حدث خطأ ما.',
     },
-    'Spend [threshold] duty free.': {
-        value: 'أنفق [threshold] معفى من الرسوم الجمركية.',
+    'Spend up to [threshold] duty free.': {
+        value: 'أنفق حتى [threshold] معفى من الرسوم الجمركية.',
     },
-    'Spend [threshold] tax free.': {
-        value: 'أنفق [threshold] بدون ضرائب.',
+    'Spend up to [threshold] tax free.': {
+        value: 'أنفق حتى [threshold] معفى من الضرائب.',
     },
     'Staging mode': {
         value: 'وضع التدريج',
@@ -626,9 +641,6 @@ export const stringsArabic = {
     Zip: {
         value: 'الرمز البريدي',
     },
-    '[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].',
     },