@zonos/elements 1.3.204 → 1.3.206

package/dist/collection/components/common/zonos-stripe-select/zonos-stripe-select.js

@@ -17,30 +17,55 @@ export class ZonosStripeSelect {
          */
         this.inheritedAttributes = {};
         this.selectId = `zonos--select-${++selectId}`;
-        this.handleClear = (e) => {
-            e.stopPropagation();
-            this.internalValue = '';
-            this.selectChange.emit('');
-            this.el.selectedValue = '';
-            this.el.dispatchEvent(new Event('change'));
-        };
-        this.name = undefined;
+        /**
+         * Selected value of the select
+         */
         this.selectedValue = '';
-        this.selectLabel = undefined;
-        this.overridePrimaryColor = undefined;
-        this.overrideSecondaryColor = undefined;
+        /**
+         * Disables the select
+         */
         this.isDisabled = false;
+        /**
+         * Error state of the select
+         */
         this.isError = false;
+        /**
+         * Error message of the select
+         */
         this.error = '';
+        /**
+         * Placeholder for the select
+         */
         this.selectPlaceholder = '';
+        /**
+         * Options for the select. Must be set using a query selector.
+         */
         this.options = [];
+        /**
+         * The autoComplete attribute for the select.
+         */
         this.autoComplete = '';
+        /**
+         * The value of the select.
+         */
         this.value = '';
+        /**
+         * Whether the select is required
+         */
         this.required = false;
+        /**
+         * Whether the select can be cleared
+         */
         this.isClearable = false;
-        this.minWidth = undefined;
         this.internalValue = this.selectedValue;
         this.internalOptions = this.options;
+        this.handleClear = (e) => {
+            e.stopPropagation();
+            this.internalValue = '';
+            this.selectChange.emit('');
+            this.el.selectedValue = '';
+            this.el.dispatchEvent(new Event('change'));
+        };
     }
     onOptionsChange(newValue) {
         this.internalOptions = newValue;

package/dist/collection/components/common/zonos-text/zonos-text.js

@@ -6,10 +6,17 @@ import { styles } from "../../utils/styles";
 import { textOptions, } from "../../../types/styles/Text";
 export class ZonosText {
     constructor() {
+        /**
+         * The icon element to display
+         */
         this.textColor = 'gray-1000';
-        this.size = undefined;
+        /**
+         * Type of the text to display
+         */
         this.type = 'body';
-        this.weight = undefined;
+        /**
+         * Whether or not the component is ready
+         */
         this.ready = false;
     }
     componentDidRender() {

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -3,8 +3,10 @@ import { zonosStoreFontFamily } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
 export class ZonosToggle {
     constructor() {
+        /**
+         * Options for the toggle
+         */
         this.options = [];
-        this.value = undefined;
     }
     render() {
         return (h(Host, { key: '9a526e8fee8e4c5af558442c82f7acbc634706c3', class: classes(['zonos--elements zonos--toggle']), style: {

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -2,7 +2,13 @@ import { h, Host } from "@stencil/core";
 import { classes } from "../../utils/classes";
 export class ZonosTooltip {
     constructor() {
+        /**
+         * The title of the tooltip
+         */
         this.label = '';
+        /**
+         * The subtitle of the tooltip
+         */
         this.subtitle = '';
         this.showTooltip = false;
     }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -4,6 +4,10 @@ import { zonosStoreFontFamily } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
 export class VStack {
     constructor() {
+        /**
+         * The spacing between elements in the stack
+         * @default 24
+         */
         this.spacing = 24;
     }
     render() {

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

@@ -6,16 +6,11 @@ import { h, Host } from "@stencil/core";
  */
 export class ZonosVirtualScroll {
     constructor() {
+        this.scrollTop = 0;
+        this.totalHeight = 1;
         this.scrollListener = (_ev) => {
             this.scrollTop = this.ele.scrollTop;
         };
-        this.container = undefined;
-        this.renderItem = undefined;
-        this.itemWidth = undefined;
-        this.fallbackItemHeight = undefined;
-        this.itemHeights = undefined;
-        this.scrollTop = 0;
-        this.totalHeight = 1;
     }
     updateTotalHeight() {
         this.totalHeight = this.itemHeights.reduce((acc, height) => acc + (height || this.fallbackItemHeight), 0);

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -2,8 +2,17 @@ import { h } from "@stencil/core";
 import { format } from "../../../utils/format";
 export class ZonosComponent {
     constructor() {
+        /**
+         * The first name
+         */
         this.first = '';
+        /**
+         * The middle name
+         */
         this.middle = '';
+        /**
+         * The last name
+         */
         this.last = '';
     }
     getText() {

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

@@ -19,6 +19,31 @@ import { mergeConfig } from "../../utils/mergeConfig";
 const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
 export class ZonosHello {
     constructor() {
+        this.showPeekMessage = false;
+        this.zonosStoreHelloSettings = zonosStore.helloSettings;
+        this.showDialog = false;
+        this.peekMessage = '';
+        this.initialUrl = '';
+        /**
+         * This array will hold all restricted items handled by Hello thus far
+         */
+        this.allRestrictedItems = [];
+        /**
+         * This array will hold all products handled by Hello thus far
+         */
+        this.allFoundProducts = [];
+        /**
+         * This array will hold all products currently on the page
+         */
+        this.productsOnPage = [];
+        /**
+         * Hello widget is rendered on the screen, this should only triggered once
+         */
+        this.isHelloWidgetRendered = false;
+        /**
+         * Determine if the window is mobile
+         */
+        this.isMobile = false;
         this.getHelloPeekMessage = (organizationName) => {
             const isRestrictionPage = zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.currentHelloPage === 'productList';
@@ -193,19 +218,6 @@ export class ZonosHello {
             }
             return showForCountries === null || showForCountries === void 0 ? void 0 : showForCountries.includes(localizationStore.selectedCountryCode || '');
         };
-        this.mobileLocationOverride = undefined;
-        this.animateFromLeftOverride = undefined;
-        this.appearanceSettingsOverride = undefined;
-        this.showPeekMessage = false;
-        this.zonosStoreHelloSettings = zonosStore.helloSettings;
-        this.showDialog = false;
-        this.peekMessage = '';
-        this.initialUrl = '';
-        this.allRestrictedItems = [];
-        this.allFoundProducts = [];
-        this.productsOnPage = [];
-        this.isHelloWidgetRendered = false;
-        this.isMobile = false;
     }
     /**
      * Get the country list the hello widget's country select is using

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

@@ -8,8 +8,15 @@ import Globe from "./assets/globe.svg";
 import ZonosIcon from "./assets/zonosIcon.svg";
 export class ZonosHelloDialogFooter {
     constructor() {
-        this.appearanceSettings = undefined;
+        /**
+         * Whether or not the country select dialog is open
+         * @default false
+         */
         this.setShowCountrySelect = () => { };
+        /**
+         * Whether or not the language select dialog is open
+         * @default false
+         */
         this.setShowLanguageSelect = () => { };
     }
     render() {

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

@@ -187,8 +187,6 @@
   :host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left {
     transform-origin: bottom;
   }
-}
-@media (max-width: 768px) {
   :host .zonos--hello-dialog.zonos--hello-dialog-open {
     opacity: 1;
     transform: scaleY(1);

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,12 +21,25 @@ 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() {
+        /**
+         * Whether or not the dialog is open
+         */
+        this.isOpen = false;
+        /**
+         * The function to set the open state
+         * @default () => {}
+         */
+        this.setIsOpen = () => { };
+        /**
+         * Item restrictions array if any
+         * @default []
+         */
+        this.restrictedItems = [];
+        this.welcomeMessage = 'Welcome to our Demo App!';
+        this.showCountrySelect = false;
+        this.showLanguageSelect = false;
         this.clickOutsideDialogHandler = (e) => {
             if (!e.composedPath().includes(this.dialogRef) && this.isOpen) {
                 this.setIsOpen(false);
@@ -70,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.');
@@ -94,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 [
@@ -114,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) => {
@@ -128,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 = () => {
@@ -185,20 +252,19 @@ 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;
             }
         };
-        this.isOpen = false;
-        this.setIsOpen = () => { };
-        this.mobileLocationOverride = undefined;
-        this.animateFromLeftOverride = undefined;
-        this.appearanceSettings = undefined;
-        this.restrictedItems = [];
-        this.welcomeMessage = 'Welcome to our Demo App!';
-        this.showCountrySelect = false;
-        this.showLanguageSelect = false;
     }
     globalClickHandler(e) {
         this.clickOutsideDialogHandler(e);
@@ -232,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/main/zonos-controller.js

@@ -11,10 +11,6 @@ import { CheckoutAddressService } from "../utils/iframe/CheckoutAddressService";
 import { iframeServices, injectPrivateIframe, } from "../utils/iframe/IframeHelpers";
 import { log } from "../utils/logging/log";
 export class ZonosController {
-    constructor() {
-        this.config = undefined;
-        this.zonosApiKey = undefined;
-    }
     /**
      * Method to initialize checkout element
      */

package/dist/collection/components/store/checkout/stripe.js

@@ -691,7 +691,8 @@ const stripeStoreInitCheckoutSession = async () => {
     if (errors.length || !json) {
         const messages = (_a = errors.find(error => error.message)) === null || _a === void 0 ? void 0 : _a.message;
         // check if the error is related to expired cart and thow error so we can show error message accordingly
-        if (messages.some(message => message.message === 'Cart is expired.')) {
+        if (Array.isArray(messages) &&
+            messages.some(message => message.message === 'Cart is expired.')) {
             throw new Error('Cart is expired.');
         }
         logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));

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].',
     },

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

@@ -153,8 +153,23 @@ export const stringsBase = {
     'Due at delivery': {
         value: 'Due at delivery',
     },
-    'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.': {
-        value: 'Duties & taxes in Australia, VAT or GST is [percentage] and is due on all orders.',
+    'Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.',
+    },
+    'Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.',
+    },
+    'Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.',
+    },
+    'Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.': {
+        value: 'Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.',
+    },
+    'Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.',
+    },
+    'Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.': {
+        value: 'Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.',
     },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Duties and taxes will be applied to items and shipping.',
@@ -465,11 +480,11 @@ export const stringsBase = {
     'Something went wrong.': {
         value: 'Something went wrong.',
     },
-    'Spend [threshold] duty free.': {
-        value: 'Spend [threshold] duty free.',
+    'Spend up to [threshold] duty free.': {
+        value: 'Spend up to [threshold] duty free.',
     },
-    'Spend [threshold] tax free.': {
-        value: 'Spend [threshold] tax free.',
+    'Spend up to [threshold] tax free.': {
+        value: 'Spend up to [threshold] tax free.',
     },
     'Staging mode': {
         value: 'Staging mode',
@@ -498,7 +513,6 @@ export const stringsBase = {
     'Street or avenue': {
         value: 'Street or avenue',
     },
-    // Address 1 labels
     Success: {
         value: 'Success',
     },
@@ -628,9 +642,6 @@ export const stringsBase = {
     Zip: {
         value: 'Zip',
     },
-    '[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].',
     },