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

package/dist/components/trackConversionEvent.js

@@ -1,4 +1,4 @@
-import { r as handleFetch, a as localizationStore } from './stripe.js';
+import { h as handleFetch, a as localizationStore } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

package/dist/components/zonos-address2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { s as stripeStore, l as logError, a as localizationStore, t as translate } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile.js';
+import { s as sendErrorLog } from './sendErrorLog.js';
 import { d as defineCustomElement$2 } from './zonos-banner2.js';
 import { d as defineCustomElement$1 } from './zonos-text2.js';
 
@@ -26,6 +27,15 @@ const containsNonLatinChars = (params) => {
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:var(--amino-space-8)}";
 const ZonosAddressStyle0 = zonosAddressCss;
 
+const mappedFields = {
+    city: 'City',
+    country: 'Country',
+    line1: 'Address line 1',
+    line2: 'Address line 2',
+    name: 'Name',
+    postal_code: 'Postal code',
+    state: 'State',
+};
 const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends HTMLElement {
     constructor() {
         super();
@@ -35,7 +45,8 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
         this.titleText = undefined;
         this.defaultAddress = null;
         this.stripe = window.Zonos.stripe;
-        this.hasInvalidCharacters = false;
+        this.reportedInvalidCharacters = false;
+        this.invalidCharacterList = null;
         this.isDirtyAddress = false;
     }
     getStripeAddressInstance() {
@@ -61,13 +72,9 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
                 stripeStore.stripeAddressEventData = event;
                 break;
         }
-        const hasInvalidCharacters = this.checkInvalidCharacters(event);
-        this.invalidCharacters.emit(hasInvalidCharacters);
-        this.hasInvalidCharacters = hasInvalidCharacters;
-        if (hasInvalidCharacters) {
-            // no need to prefetch landed cost if the address contains invalid characters
-            return;
-        }
+        const invalidCharacterList = this.checkInvalidCharacters(event);
+        this.invalidCharacterList = invalidCharacterList;
+        this.invalidCharacters.emit(!!invalidCharacterList);
     }
     updateAddressElement({ stripeAddressElement, type, }) {
         if (type === 'shipping') {
@@ -80,7 +87,7 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
         // Do nothing if the allowed character sets is ALL or the address is incomplete
         if (!address.complete ||
             zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
-            return false;
+            return null;
         }
         const { address: addressValue, firstName, lastName, name } = address.value;
         const { city, country, line1, line2, postal_code, state } = addressValue;
@@ -93,11 +100,29 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
             postal_code,
             state,
         });
-        // emit event if the address contains invalid characters
-        if (Object.keys(invalidList).length) {
-            return true;
+        if (!Object.keys(invalidList).length) {
+            return null;
+        }
+        // send error event only once so we know what value is invalid
+        if (!this.reportedInvalidCharacters) {
+            this.reportedInvalidCharacters = true;
+            void sendErrorLog({
+                endpoint: 'NonLatinInput',
+                errors: Object.keys(invalidList).map(fieldName => {
+                    var _a;
+                    if (fieldName !== 'name') {
+                        // trim all number so we don't send sensitive information
+                        const trimmedAddress = (_a = addressValue[fieldName]) === null || _a === void 0 ? void 0 : _a.replace(/[\d\w]+/g, '');
+                        return `Invalid character found ${fieldName}: "${trimmedAddress}"`;
+                    }
+                    const customerName = name || `${firstName} ${lastName}`;
+                    const trimmedName = customerName.replace(/[\d\w]+/g, '');
+                    return `Invalid character found ${fieldName}: "${trimmedName}"`;
+                }),
+                metadata: {},
+            });
         }
-        return false;
+        return invalidList;
     }
     async watchInitStripe() {
         var _a, _b;
@@ -196,7 +221,7 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '81b9d2e822eea4eb85a3d7d21ff645c9f0841f30', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'cd180e130f161233fd05365f9250913214846ced', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b4d15f56e1215305367c071c4d9be985b09245b8', class: "zonos--address-component" }), this.hasInvalidCharacters && (h("zonos-banner", { bannerTitle: translate('Please ensure your text uses the Latin alphabet only (A-Z, a-z).'), intent: "error" }))));
+        return (h(Host, { key: 'b1ad2f6c9c23e6411bf1adccdd34b3aa4f5250b1', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '786a733a44925a670393b72bf0ae3db5ba59f9a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b9d58cbc17abf5daf5d13ffdebc7485c3ac6457d', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -208,7 +233,8 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
         "titleText": [1, "title-text"],
         "defaultAddress": [16],
         "stripe": [32],
-        "hasInvalidCharacters": [32],
+        "reportedInvalidCharacters": [32],
+        "invalidCharacterList": [32],
         "isDirtyAddress": [32]
     }, undefined, {
         "stripe": ["watchInitStripe"]

package/dist/components/zonos-checkout-finish2.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { r as handleFetch, q as stripeStoreReset, c as cartStore, s as stripeStore, u as stripeStoreRetrievePayment, t as translate } from './stripe.js';
+import { h as handleFetch, r as stripeStoreReset, c as cartStore, s as stripeStore, u as stripeStoreRetrievePayment, t as translate } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
+import { s as sendErrorLog } from './sendErrorLog.js';
 import { s as submitGtag } from './submitGtag.js';
 import { d as defineCustomElement$4 } from './zonos-button2.js';
 import { d as defineCustomElement$3 } from './zonos-icon2.js';
@@ -19,24 +20,6 @@ const createCustomEvent = (eventName, detail) => {
     });
 };
 
-const sendErrorLog = async ({ endpoint, errors, metadata }) => {
-    const userAgentData = 'userAgentData' in window.navigator
-        ? // userAgentData is not yet supported in all browsers
-            window.navigator.userAgentData
-        : null;
-    const errorObject = {
-        endpoint,
-        errors,
-        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
-                ? userAgentData
-                : window.navigator.userAgent }, metadata),
-    };
-    void handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {
-        body: errorObject,
-        method: 'POST',
-    });
-};
-
 const RemoveIcon = `<svg color="var(--amino-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
 const SuccessIcon = `<svg color="var(--amino-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--amino-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
@@ -237,4 +220,4 @@ function defineCustomElement() {
     } });
 }
 
-export { ZonosCheckoutFinish as Z, createCustomEvent as c, defineCustomElement as d, sendErrorLog as s };
+export { ZonosCheckoutFinish as Z, createCustomEvent as c, defineCustomElement as d };

package/dist/components/zonos-checkout.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
-import { a as localizationStore, b as log, d as stripeStoreGetDomesticShippingSession, e as localizationStoreUpdateSelectedCountryCode, f as stripeStoreCleanupDomesticShippingSession, l as logError, g as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as cartStore, h as cartStoreUpdateItems, j as cartStoreReset, s as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreUpdateToErrorState, t as translate, n as stripeStorePrefetchLandedCost, o as cartStoreNextStep, p as stripeStoreConfirmPayment, q as stripeStoreReset } from './stripe.js';
+import { a as localizationStore, b as log, d as stripeStoreGetDomesticShippingSession, e as localizationStoreUpdateSelectedCountryCode, f as stripeStoreCleanupDomesticShippingSession, l as logError, g as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as cartStore, j as cartStoreUpdateItems, k as cartStoreReset, s as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, t as translate, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset } from './stripe.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile.js';
-import { c as createCustomEvent, s as sendErrorLog, d as defineCustomElement$l } from './zonos-checkout-finish2.js';
+import { c as createCustomEvent, d as defineCustomElement$l } from './zonos-checkout-finish2.js';
+import { s as sendErrorLog } from './sendErrorLog.js';
 import { c as classes } from './classes.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
 import { i as isDarkColor } from './isDarkColor.js';

package/dist/components/zonos-controller.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { r as handleFetch, l as logError, y as isValidSelector, b as log, s as stripeStore, z as initLocalizationStore, e as localizationStoreUpdateSelectedCountryCode } from './stripe.js';
+import { h as handleFetch, l as logError, y as isValidSelector, b as log, s as stripeStore, z as initLocalizationStore, e as localizationStoreUpdateSelectedCountryCode } from './stripe.js';
 import { z as zonosStore, d as zonosStoreInitSetting, a as zonosStoreFontFamily } from './zonosStore.js';
 import { d as defineCustomElement$3 } from './zonos-notification2.js';
 import { d as defineCustomElement$2 } from './zonos-text2.js';

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

@@ -35,6 +35,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>
@@ -81,6 +87,81 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(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;
@@ -102,30 +183,13 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(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);
@@ -136,7 +200,7 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(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',
@@ -146,7 +210,7 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(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 assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/components/zonos-hello.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore.js';
-import { r as handleFetch, l as logError, a as localizationStore, y as isValidSelector, t as translate, A as getZCountryUrlParam, B as setZCountryUrlParam, b as log, C as currencyDisplay, D as currencyConvertAndFormat, E as currencyConvert, F as currencyFormat } from './stripe.js';
+import { h as handleFetch, l as logError, a as localizationStore, y as isValidSelector, t as translate, A as getZCountryUrlParam, B as setZCountryUrlParam, b as log, C as currencyDisplay, D as currencyConvertAndFormat, E as currencyConvert, F as currencyFormat } from './stripe.js';
 import { c as classes } from './classes.js';
 import { g as getHasMoreSpaceOnRight, d as defineCustomElement$9 } from './zonos-hello-dialog2.js';
 import { d as defineCustomElement$f } from './zonos-banner2.js';

package/dist/components/zonos-link-authentication2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as stripeStore, l as logError, n as stripeStorePrefetchLandedCost } from './stripe.js';
+import { s as stripeStore, l as logError, o as stripeStorePrefetchLandedCost } from './stripe.js';
 import { d as defineCustomElement$1 } from './zonos-text2.js';
 
 const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";