@zonos/elements 1.3.281 → 1.3.283

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js

@@ -583,11 +583,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '7bbe3b38422e6b6a0b7a98c8e9cacf4b6abbfd8f', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '76a3503d5c41cf3138e71b071fdb5e341fad1781', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (h("div", { key: '8608faad8369cb1ad3e208862d264cc176f37702', class: "loading-wrapper" }, h("zonos-spinner", { key: '749ea9f925a11859310a47280f906f4e54cff7b2', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'ccb75f51c73fa22e94771f4ff00456a042185fb7', class: "zonos--finish-details" }, h("div", { key: '4bb0e457e963c2c95517a1688d0dcfdaa2c94013', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '7b57ab0d072852734a54833153d9a4aef526f97d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b633c665c126225ab060f806e150d77e118b7f6a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'f15e8bef4931917ec51a5c449b6d20e76c295cbf',
+            } }, this.isImmediateRedirecting && (h("div", { key: 'aab29e86b7d17dde74d873fe97f342e419e1b5cb', class: "loading-wrapper" }, h("zonos-spinner", { key: '29526f5d056c117ccd65bd1ed303761c04fdbdf3', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: '438b210be5c4c78c74d37e5fde8de994e379afa0', class: "zonos--finish-details" }, h("div", { key: '1cb133c14660035ea6395adb74d30790b69715f3', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '4e5a66524f7833916829c9dd7172225e872bb329', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '773a548cd7757af62b26bbe119e7dd078ab4df5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'ea8c30af05aa57c05155f68b416668db16cfcd1c',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -599,9 +599,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'f450a254f244806612f269f90ce984167c787795', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '50120bf3a405a2b6e5433fe1bb744f0b836ac49f', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: 'd5ab67cad67c9b62e2e369c52f028aca0fb485b5', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '1ab66e026b3797e2fc0f44fe0bcea439dab85128', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '8fc0dc456bb32fb94ea390bf50a9590b35bbb04d', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '2794f9deea56b65de81ad92285270388a7089a73', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '2ba2ef7a26f78cf484d1625428d866cdfadd1b2f', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'fc689ad6192fb0cc86a9fcaf164660a056df8bc5', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js

@@ -40,10 +40,10 @@ export class ZonosCheckoutFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (h(Host, { key: 'edf9d7cfd7375fcd4f335caedccc2928f84a594e', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '14f359b70f1f4610be37571ae5d32ae7791be012', class: "zonos--checkout-footer" }, h("div", { key: 'ae803331487f9759403633a8e27cc6e480b40f93', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'f173841a4c1b3af79a2c21ad9195b509f2891964', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '7148d2a6076b786954cb9a02e41c760ba4719d6b', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '0a759d42576bf657893e6e2349cc3938855de6fc', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '63b1ac3440c35349341272b051c4a3e04e19f818', class: classes([
+        return (h(Host, { key: '3a463ea949a4c94be594297c2d7151e5dac16242', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '7e34187328438ad3d48748917740a8676cca4969', class: "zonos--checkout-footer" }, h("div", { key: '5570ef60246917331cc043c5b12933aa8032f009', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '37ffa31d7c49fede9d0938827fdc6533839cc7b0', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: 'bfce982c3285039125a37c3be266752fea03b4ce', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: 'd5c1a5e5a43df15a3fcfb8e7cf9635ce369de158', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '15ed2186739391725783bdef158d80d961e0ba92', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '5cad0220d288b722355715c5418928f065af07c1', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '30ec30fd80133525889fea8ab0567179f3ffdd3a', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'a6900165737de98bed8fee21d88b4e269ad209e3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: 'ca88bc63b702dcb651530f41aee4764734a5ee84', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '8caa023f3aca229e464a27f55c289985114cc641', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '9a3b6097c157dd86bd8a03c41887915051852930', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '5e0657c052e71ce12c5717b8a5473e4fc5ca2926', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '1c6a13757a62a14a9898b3de06aaa1f717f3035d', autoHeight: true, content: colorDesktop === 'gray-1000'
+            ]) }, h("zonos-language-select", { key: '4857e62f7c7026a2ea5962e24bff0c3eb8528ec9', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '5b30864dae419059892700b83680ed7a00ac0f3c', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '26ef022e181d72ad959b17acd4ab0e8870edf48f', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: 'b4c804c21a5a5fc6904aa969976c24b7c833bcdb', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '142c042ef81891b74e18fe303a50be2a8363e0ce', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '90f54daa4476cbdb3b934f9d6127e1c9245df9a5', textColor: colorDesktop }, translate('Powered by')), h("a", { key: 'bc6ef3c56a9a3550898f96ae04eeb0444d56e10a', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '21ec5a15e996e2ff925593823ee583832bac4ab5', autoHeight: true, content: colorDesktop === 'gray-1000'
                 ? ZonosIconLight
                 : ZonosIconDark, size: 108 })))))));
     }

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -1,15 +1,18 @@
 import { h, Host, } from "@stencil/core";
 import { cartStore, cartStoreOnChange, } from "../../../store/checkout/cart";
-import { stripeStore, stripeStoreTranslateAddressToLatin, } from "../../../store/checkout/stripe";
+import { getCountryField, stripeStore, stripeStoreTranslateAddressToLatin, } from "../../../store/checkout/stripe";
 import { localizationStore, localizationStoreOnChange, } from "../../../store/hello/localization";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, zonosStoreOnChange, } from "../../../store/zonosStore";
 import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
+import { applyAddressCompletion } from "../../../utils/checkout/applyAddressCompletion";
+import { getMissingRequiredShippingFields } from "../../../utils/checkout/getMissingRequiredShippingFields";
 import { classes } from "../../../utils/classes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
 import { extractName } from "../../../utils/extractName";
 import { log } from "../../../utils/logging/log";
+import { logError } from "../../../utils/logging/logError";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { shortAddressCodeValidationResult } from "../../../utils/shortAddressCodeValidationResult";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
@@ -66,6 +69,15 @@ export class ZonosCustomerInfo {
          * Handler for the dialog close button
          */
         this.openAddressValidationDialog = false;
+        /**
+         * Whether the "complete your shipping address" dialog is open. Shown when Stripe reports
+         * the address complete but Zonos still needs fields Link didn't provide (e.g. last name).
+         */
+        this.openCompletionDialog = false;
+        /**
+         * Zonos-required shipping fields still missing from the selected Stripe address
+         */
+        this.missingShippingFields = [];
         /**
          * Handler for the email error state
          */
@@ -157,6 +169,30 @@ export class ZonosCustomerInfo {
                 return;
             }
             this.showErrorBanner = false;
+            // Stripe reports the address complete, but Link's single name input (and, for some
+            // countries, a missing state/postal code) can leave Zonos short of what it needs to ship
+            // internationally. Capture only those missing fields before proceeding. Custom ('zonos')
+            // address forms enforce their own required fields, so this only applies to the Stripe form.
+            if (this.addressFormRenderType !== 'zonos') {
+                const missingShippingFields = getMissingRequiredShippingFields({
+                    countryField: stripeStore.stripeAddressEventData
+                        ? getCountryField(stripeStore.stripeAddressEventData.value.address.country)
+                        : null,
+                    event: stripeStore.stripeAddressEventData,
+                });
+                if (missingShippingFields.length) {
+                    this.missingShippingFields = missingShippingFields;
+                    this.openCompletionDialog = true;
+                    return;
+                }
+            }
+            await this.continueAfterValidation();
+        };
+        /**
+         * Continue past the customer step once the address is validated and complete. Runs the
+         * non-Latin character check (which may open the translate dialog) before emitting.
+         */
+        this.continueAfterValidation = async () => {
             // check if the address contains invalid characters
             const { hasInvalidCharacters } = await this.handleInvalidCharacters();
             if (hasInvalidCharacters) {
@@ -168,6 +204,18 @@ export class ZonosCustomerInfo {
                 shippingAddress: stripeStore.stripeAddressEventData,
             });
         };
+        this.completionSubmitHandler = (data) => {
+            const eventData = stripeStore.stripeAddressEventData;
+            if (eventData) {
+                // Merge the captured fields back into the stored shipping address event.
+                stripeStore.stripeAddressEventData = applyAddressCompletion({
+                    data,
+                    event: eventData,
+                });
+            }
+            this.openCompletionDialog = false;
+            void this.continueAfterValidation().catch(logError);
+        };
         /**
          * Validate the custom address form, turn the flag showError to false if the form is valid, or vice versa
          */
@@ -524,7 +572,7 @@ export class ZonosCustomerInfo {
                     submitData,
                     type: 'billingAddress',
                 });
-            }, shippingAddress: this.prepareAddressObject(stripeStore.stripeAddressEventData), translatedBillingAddress: stripeStore.translatedAddress.billingAddress, translatedShippingAddress: stripeStore.translatedAddress.address }))));
+            }, shippingAddress: this.prepareAddressObject(stripeStore.stripeAddressEventData), translatedBillingAddress: stripeStore.translatedAddress.billingAddress, translatedShippingAddress: stripeStore.translatedAddress.address })), stripeStore.stripeAddressEventData && (h("zonos-address-completion-dialog", { continueLoading: this.continueLoading, "data-theme": theme, dialogOpen: this.openCompletionDialog, isMobile: this.isMobile, missingFields: this.missingShippingFields, onCloseCompletionDialog: () => (this.openCompletionDialog = false), onCompletionSubmit: e => this.completionSubmitHandler(e.detail), shippingAddress: this.prepareAddressObject(stripeStore.stripeAddressEventData), submitBtnColor: this.submitBtnColor, submitBtnType: this.submitBtnType }))));
     }
     static get is() { return "zonos-customer-info"; }
     static get encapsulation() { return "scoped"; }
@@ -680,6 +728,8 @@ export class ZonosCustomerInfo {
             "invalidShippingCharacterList": {},
             "invalidBillingCharacterList": {},
             "openAddressValidationDialog": {},
+            "openCompletionDialog": {},
+            "missingShippingFields": {},
             "isEmailError": {},
             "recordedFormTypeUsed": {},
             "selectedCountryCode": {},

package/dist/collection/components/checkout/zonos-collect/zonos-collect-cart-items/zonos-collect-cart-items.js

@@ -8,7 +8,7 @@ export class ZonosCollectCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: 'b59fc5d56e5672ed47312fa930a1f35bf987b58d', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '1f1020fd843fc2e86a12f426786f275e2c45c7c6', class: "zonos--cart-table" }, h("tbody", { key: 'b383812ea0967e3715701c09753fda8b3dbfe612' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '1ce09299c7be0b28d85a5bf5b6d0cd1272b305a2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: 'a964c41a141ad4490e3213054d25dd688dca6d18', class: "zonos--cart-table" }, h("tbody", { key: 'dbc155d72b4de43839b0e2fc8b8704e5c885a5ec' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {

package/dist/collection/components/checkout/zonos-collect/zonos-collect-finish/zonos-collect-finish.js

@@ -368,11 +368,11 @@ export class ZonosCollectFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'fe3107670230caeaacc834983d9215422a7828ae', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '79369b0b697b1ab4e4b320442452bcf1f942f57c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'fefefedc7ec022318cbc6da23b327079afec981b', class: "zonos--finish-details" }, h("div", { key: '4428271e11c3a96db732726719c5747364a18097', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '0c3371b3bed8fd83e437075f1c35179fbb7e5e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'dbb263f0f95a62d93ae3c5ac455625512eb1f63e', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '07e2733ad91ced8e5260e0f8fea627610b864ebf', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'ecb7332cb4b7c28d398f2957d3b521c6328163eb', class: "zonos--button-container" }, h("zonos-button", { key: 'c8303e2a61d573b6e028ab38df2427fa98471e9f', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'd7685ab3248308469d186f96384f4c3d4b1994df', class: "zonos--finish-details" }, h("div", { key: '45e8b49c5bba2022a1033c4496ed6f910a66af55', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'ead6f0af19b569c0e38c0ed10a553d17487f7950', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '81007111e84420a27a390dd4e4146434b6fa371d', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '5b8343c8d75242d8beead8d75dd3826e139aaf02', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '46d3f8184caefe2f5b143d9d7269a428b73dd7da', class: "zonos--button-container" }, h("zonos-button", { key: '9923fc08076ddd03053b0ef0ff77af6debee749c', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-footer/zonos-collect-footer.js

@@ -46,15 +46,15 @@ export class ZonosCollectFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (h(Host, { key: '52908f4538918641b708887436e1cfe3b643376f', class: classes([
+        return (h(Host, { key: '8ab700c2f2b1a05379fd75e879c818e2adb8afd1', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '46a1c762d78396a7f993bad323c93f8e6bc71f1b', class: "zonos--collect-footer" }, h("div", { key: 'a6a98539cdb901ecd162f5e5b98591c9b8b7321a', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '8a5c4a18bc1030c3e74e412ff14a59c299f59e9a', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '03bc4235862d1382cd8f0cdb007fd708bf2bfe87', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '4b3bbcd5bcd4039f3cb1f1c4c12698cba1894308', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '5508629b0cdc334b81ad4d4d5a034ced133d6744', class: classes([
+            ]) }, h("div", { key: 'e4de4b99e01ecc9aec961067af0f295a64616f13', class: "zonos--collect-footer" }, h("div", { key: '154b2c963f4154174bb9ec74ce7fd9fbd50fba80', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '45bce389798236f0827e2a3adbc185cd93d08541', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '0cdf082f147e03893e50d882794a4330716c351d', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '4a32f8d8dd7e3bfc7117dbb9821ce76e9556cd26', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'da0241df9b3729f615690671a9470fa632d766f7', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'ca4b77d72dfd9db8743290d333b7fcde15d090d6', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '98f0d0c35e3c6b4fde833e4b9ae334549fe46f1f', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'b3039948472d797bf04a23d3aca839472f6c6946', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '75123a6fb2bcdce07e0ebe433a28d81eefaec9ea', textColor: colorDesktop }, "Powered by"), h("a", { key: '2a0f4e2bc5df9d383ac4b91c589d2ce7149c6b3d', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '436005434f2a9d2ff1228cd36d873b8de7d339f2', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'c488b5eefba54424a0e66af61415d78d8f3d46fa', class: "dot" }), h("a", { key: 'd98fc7646d4877179b94bee6d3f8a7a283bbc756', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '54fe3d9316ee5b22f5620b7acde145627b66cbe3', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: 'a29977d98d3a4db1230c9fab41d4f84485aee2a7', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'cb7881f46838f5f6639e444f524292aec43df8d6', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '3d3d435a3607762a4004819670367d19d81f4607', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: 'e56373f0f1f7c97a8a47dcc29ddebcaa0b1e9b06', textColor: colorDesktop }, "Powered by"), h("a", { key: '1dce741207bdd3c5f9f3a36486d361ba5b0b8683', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'bda31cd75b162b66acad3ab888b69e042e195f1e', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '896509762127608a50bca02a01051c05ce17c172', class: "dot" }), h("a", { key: 'dcff1c02f80665e9b52527b9c8019af5cbf68bd3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'dab8c359011952955a64c20c3fe17977cf286848', textColor: colorDesktop }, "Privacy policy"))))));
     }
     static get is() { return "zonos-collect-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-review/zonos-collect-review.js

@@ -39,13 +39,13 @@ export class ZonosCollectReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '7f1709df3a42ae9917e26a86e9c90703b2243ab7', class: classes([
+        return (h(Host, { key: '3a3a7d5291db82d260d85446ce4ef97bbb8034d1', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '5ed5f5c7da922a9393501b5e31da9a20b9724d9c', class: "zonos--title" }, h("zonos-text", { key: 'd54511663bb32405e16349b20807b9ccddb5fd03', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName] duties, taxes and fees for your shipment', {
+            ]) }, h("div", { key: 'cb74e4a870e73eadbbbba7590d765f97db8450ba', class: "zonos--title" }, h("zonos-text", { key: '1e4cdd77f6102369ac57a836d82431119001a053', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '82967c3614ee91cf95955372bb013837f93822d1', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '6c1a8207d2f148c155d50e7e2ff80c1153d86eec', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

package/dist/collection/components/checkout/zonos-collect/zonos-collect-subtotal/zonos-collect-subtotal.js

@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: 'fea37a2a4dd32592b88703c37d901fee65408bed', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: 'be501438b0101c4b13421450dad99ec12f7c5a0b', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '2c61bf6e958a199d4b8ae3aff00b74a9889ab491', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'd6fc30c58fcc42c282b7dfb03c83b0b7feb0dd82', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5909abeeed4a5f90df5a79be09383842137a175c', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '68d06c4e8732363e0e5e36d77f9d4b363c0adc3c', class: "zonos--column" }), h("td", { key: 'fd23e46a4ed44fadc31472e38a15f7579ebed160', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: '873283e3bcbed910a71ec1a45c814a7ea05bcac5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '0df7eed4bd29a79e9065599859317fa2837803c3', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '8d7e641c65cae73a38f182b2775686816eeea853', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'cd85fe2eeebc447cb844be0e9ae2ca3acfbb988f', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '6bf01a7f93b0a097648b7284a5a32aa51311a588', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '981f35ab9dd6d7519a77465b6bd9fa53e21ddbe7', class: "zonos--column" }), h("td", { key: '5bc30957e829731d8d18bdbd468eff56abe1527e', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -60,7 +60,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '3960ae24df8093e1bb7e904bba82b774dc32103c', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'cdfb4bd23f8b3f0545170a05a3b060533db22f26', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'bbbdaade160358cc94a9347f835d2e8bc759866d', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '032c233f3301289c89791d78a5624d9409292041', class: "zonos--column" }), h("td", { key: 'b96dc16ecbff5add3adb0236c794c7a71c48800b', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'aba01d5cd377a972c409971bfa6261101a2aca58', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'c016dafb4c6b92cfc715159249d4c0ed663fc301', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'afab7f0757f4f7e1941a81f2831bdbd4460ba3fa', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '0b6ee1a4a59db701e17caaad5c69da01156f7cff', class: "zonos--column" }), h("td", { key: 'a5c0ad551408a7c760048f6660fead6d71f9ba89', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -68,7 +68,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '056890bb4d5394aea10f618c97c6d22d0ed63d3b', class: "zonos--row zonos--collect-fee" }, h("td", { key: '920bbbc49538bf61a4b3a180454a904996448b22', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '3609ef98b6fe12f11d16a9176321321fa450c482', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'c7393e334a5d229f879094aa10356740676a412a', class: "zonos--column" }), h("td", { key: '799e621fbeda831fd2181a362d9ace49a39b69e4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '794f30fc44ea873b4e242e17b5d647f80bf7dd2b', class: "zonos--row zonos--collect-fee" }, h("td", { key: '0290e97bb88893eda374f62e93e9876900932182', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b789da8295e4069fd3a5f5b6dee0b0457fc31a51', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '38a80da4106ce87ad7dabf6de3b1b1eba710b71e', class: "zonos--column" }), h("td", { key: '0fbfa990caf302692dfe1e8c27ddaea51df99660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -76,7 +76,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: 'b9cc1a5aa049ccefb48dc5d1627bdb8093ffe29f', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '439b7508f723ed01efd63e499de979a84e136b21', class: "zonos--column", colSpan: 3 })), h("tr", { key: '6c3db4c263f849b9f1ad25a1ce1cfb23dcf03b10', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '3fac71f137d3d5af8a40d7aaa0ad36c31a827a5b', class: "zonos--column" }), h("td", { key: '45084572c966e849b69dd4f10d065fd3f0aa5544', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5c09a882998169f59baa30a59574d1ca919ab1c6', type: "label" }, translate('Subtotal'))), h("td", { key: 'd8debe70bbc2394f95581409a1db5cb8055383eb', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: '5427b75fa3f55701713bc837c4e75fac31bd5c53', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'd543700b03631be1b95cc5cca39c9239abaf147c', class: "zonos--column", colSpan: 3 })), h("tr", { key: 'ddf127c847f6261cb2658e164a58e01f5db47b90', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '1dcb250d978b55e5d999796cf39dcef885e0b145', class: "zonos--column" }), h("td", { key: '4299cfc2a589c61878c660e6cc60dc0a44162b2f', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '359d4e0dfec0717cc67d611a561f8e530e387863', type: "label" }, translate('Subtotal'))), h("td", { key: '07f45c0222553309ca503b1eef283b96156e19a5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -84,7 +84,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: 'db55f0a9600bff78e582609f17ac561fb30ec85f', class: "zonos--row zonos--collect-total" }, h("td", { key: '8b77eb9db155a44591bce58fd24ee46110b9a407', class: "zonos--column" }), h("td", { key: '5c1b6df053e202f60d1d3fa4ff5d8c53fb1762ce', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '393f436b62e9b49d52598896b2913f08e953987b', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'c2bc51d66b8490652c6f6df8fac0194544785706', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: '0de126a7c6083b28ecd13a99828d3e9a37a04ba2', class: "zonos--row zonos--collect-total" }, h("td", { key: '2b5be6f49d700c545b25a603d0a9caafa42e3a70', class: "zonos--column" }), h("td", { key: 'da833751a18f408b0d2d17cb9b812497e43360a8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b6cf2a310f40274d9633825471e16f429152a994', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'f93207f749dc584419b542a31dcae1a0c279f6e3', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.js

@@ -18,10 +18,10 @@ export class ZonosInvoiceCartItems {
     }
     render() {
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: 'e6626df96493b9cd9110036f203492c008c8c802', class: classes([
+        return (h(Host, { key: '725ec1640ea2e6342529a0143e1b43374cb67c9c', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: '9a03b7868010f52560725fb4139a329b2b96066c', class: "zonos--cart-table" }, h("tbody", { key: 'f1aae5d161654014e4e5e5fd56383664c7fe5635' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: 'c908da0c7a02eda9c5f14bf59da7a0e3b882b076', class: "zonos--cart-table" }, h("tbody", { key: 'bf2e01afac20f2804cd3f99c966c94172eabb3c3' }, nonRestrictedItems.map(item => {
             var _a, _b, _c, _d;
             const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
             const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.js

@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'fc28974043d0f3661919e85aa6cc3839debbac4e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'f3a8642f7372184047ee007498af82d45254beef', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '7a6f37edfde51802035afde1e47184603a81e869', class: "zonos--finish-details" }, h("div", { key: '0242af14a36960e490411712bf1c345975d22e28', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'ac0bbc63089b78868a2dea35c2d55699e0c677fc', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'cce14998b08c79a87b5aaf9701d1132e558c0bc6', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'c4970d76cbeb63f6dd661bc2c0950ace271f9aac', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'c79a6fe5bfe1398244a7fbf611430be6f42de16b', class: "zonos--button-container" }, h("zonos-button", { key: 'c5ab942d9ced619c068b7398a38af5995a8f43ee', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '02a93031a3031cd9ee3fd3695c84e8b8b84f496e', class: "zonos--finish-details" }, h("div", { key: '448c895e0068475da8e37f51ecf46d3686037499', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'ec0690fb66d80b43f082a9372f995c5be12935ef', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '9cc0bfef51003d1cd03f8dba82c71e5ee2bafdf4', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'f6939aa032ccd82b2e6be113a294750e574ac72d', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '0141c1eabc7fed40cd571a138cd2a3aba7c5120c', class: "zonos--button-container" }, h("zonos-button", { key: 'bf126325f964ce22862583abd8a0f911712ff72c', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.js

@@ -47,15 +47,15 @@ export class ZonosInvoiceFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (h(Host, { key: 'edea53dbca2832f4f718fd54b74225d9a64b8d01', class: classes([
+        return (h(Host, { key: 'e0a86a84127a3dd9b269468ce4ae8fc7a00617ce', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'd2594dfbc8cfff20539e94c279c6096042ee6d00', class: "zonos--invoice-footer" }, h("div", { key: '927668578baf306674f56dce375acd1a5e1f335e', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: '022b7cb00f7c9ab6305a6ab874f16531f9ab017f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '88c1b732f19daaace304214d9028f3b6a131e0d2', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: 'ac383ce2fbcba6b0bd366b8c8126ce10df11d817', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'a89f540cdbeb921640f4f466df4c48e12065d90b', class: classes([
+            ]) }, h("div", { key: 'bf29c34fad93397f1882fe5fb1539fa9e9c557b5', class: "zonos--invoice-footer" }, h("div", { key: '271888bef61a2f66f8dde97877a816c4ddda77e6', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'afcb5fbde86cb96995f606be4ae1fa69a40eac8e', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '9d6c3ef03ce90dc48523a443f4a1716e1ad66309', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: '95d8e579e46178eda82d0e0a31b78e2f2e47b416', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '49b226ab4efbb2b6e94d78b5170b7979fd13989f', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'fe017a6300484fc2e657b9f286438f23861a9a96', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b9513e7ab5ee4e809d52074fb2c0950a7ac4bfe5', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '55ee92bab8cc5dc6983705b925089cca4083fe42', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: 'c8bc7791da058aee313b02797b4555ef5b6ff689', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '4493b09d84504d4f797fa0d391cae79ba2266611', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8c79f8ef0c16d4bb0210e9b7481bc519b97bbddb', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'ee6b57b36973750637e0f66f4e883fe7c32acf23', class: "dot" }), h("a", { key: '7aebd09ef1aea4bd9b4a4ed48ffb207e8ed32978', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '11e7cbb7531b396255374dbf0528f603145bc0b5', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: '4980a84db5e4ea95ab3baf633b1d1191c3f62a9c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '9c401453c01fa66cd3f2b03a831ed35673023ffb', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '7431183058403f1b9436bc8b30b07a84c56dc077', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: 'f7c58460b204b9a52edf5724fe446f7128cd489e', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '316357e0fafb72eee94cf76885b5e70ef3f2df77', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e893e1bb00475fa2a93625db529d5231b8eb6bac', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'e884f0e31e771252acf5ce7cee6ba825a3686c2e', class: "dot" }), h("a", { key: 'a569168b5990f64c87ceb8b38c03f76370ef0631', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '62a907ad3213dd9469e4845c2fd36312a4dba1e4', textColor: colorDesktop }, translate('Privacy policy')))))));
     }
     static get is() { return "zonos-invoice-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.js

@@ -39,13 +39,13 @@ export class ZonosInvoiceReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: 'b1dbfed233d47a45ee1e37408d086593049c64d6', class: classes([
+        return (h(Host, { key: 'bba78735609377a64fafe9e30dd6dd908b6b85ef', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'fa1cb0796cc5ffd31488c730da1e21f6a7c93c8d', class: "zonos--title" }, h("zonos-text", { key: '3759a2ebb1ae8456139fb053d32a64ace12917e7', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'c71ea7456d76c9f156931501a48eb268432366d8', class: "zonos--title" }, h("zonos-text", { key: 'd069d2cc81b6228e69bacc44596702a9259dd9a0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'b5b0c86569fdc26465ea9ac585c5ea5c2b9172bc', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'd9c1f63517ca7859297fe12115292dd737758daa', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.js

@@ -12,10 +12,10 @@ export class ZonosInvoiceSubtotal {
         this.isMobile = false;
     }
     render() {
-        return (h(Host, { key: '869e194bb991686647a27c85e3287f8c87013697', class: classes([
+        return (h(Host, { key: '79c93a4ee4be967b78b0a20c422fe18e1dde1e62', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: '4e3a87b6ceeba8663c7d41797826e92a1d8df873', class: "zonos--invoice-table" }, h("tr", { key: '4cc0be3427ded6e3dfc92fca9d6acf69915a5d96', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'ca4cefc97914df89530a6ba06f93412773685d13', class: "zonos--column" }), h("td", { key: '7cad6266e244446fef196403f4e1628b4656c680', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '311ce310181fec1db2cd31e92e210d345e0c2871', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '2aa6e7fb76e8a7c0d2b1c56fdcdf63ed2b3bed82', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: '3ad275ada5248c59f39433fde8929216a4da1cf0', class: "zonos--invoice-table" }, h("tr", { key: '097673030be4002c7cb67494aa33804f13e2a318', class: "zonos--row zonos--invoice-total" }, h("td", { key: '581cbb1e86c7e31867b3e6ba981db5d129341fd6', class: "zonos--column" }), h("td", { key: '85979f2c25fb4e0076fc5d454dd570f92a4bedbc', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: 'e98f3bf6a6f76340c588f704674cccf7d44fd141', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'a6938a3cd48b4885debda015850bbf9bb467139c', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -37,16 +37,16 @@ export class ZonosBadge {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '91ff0cbf64075ac1cb47691dd114b4205253b8e9', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: 'c8d29084d1a10f985bcb52409881fff004a73118', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '129b78caecaab54f8eb0dcb42fb2e398c2cfe2e6', class: classes([
+            } }, h("div", { key: '28cd3711c8e8d6b362c56589553401707456fdc6', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '69b9ef2d3d15e6753625aea7c96fe492583e50fe', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7237a96503ebdd708a03f3571dc5f68abe6af496' })), this.dismissHandler && (h("zonos-icon", { key: '021350687aa80ccae8c32b2f4b7af5acc4469608', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: '9dcb72621037e37fc11d5cabe915f6dad9798c2a', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7599b4c4689100dc637a3842287a93a42b4edd41' })), this.dismissHandler && (h("zonos-icon", { key: '861156179b8c8a8d8db1b4ee72717581d2eb7222', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -184,13 +184,13 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'd07f698c62e64fe404dc346e17aa4ebb23af635a', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '6e6b961c9215370bdbfce09715d1a16d878d2d85', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: '721b3b8c4dbc0666de04510c091b7be558a7ede3' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '3941358241e37fb19b2ace0fa0d892002c6967f0' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -205,7 +205,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: 'c60e5e9d71ddf3750fbbcb911badca7885710518', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '3c863893cf81663c5a13dfdbd44b27828f01de31', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '7856e2a360552702a19ca58a0de763763c158749', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: '769b699dd66e0e5f960efe018b0be7fed2a2ecd3', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: 'e7be35423da99ccc0bf9ba2269f030f0c2ea9223', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'cacea287ce83b46f57aae7753805d8bf4e580f82', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,16 +23,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '9abda7f00c442317f63521444b6eeb21f294d2bb', style: {
+        return (h(Host, { key: '2e397f11a2f497f2bafcf5f6a0f5922e66488845', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '2e1f1e4b59ce9ce87c7a22e58f0ae6c5dd0f0388', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '300923b5b9b7db94cad3e47060174245ea61b75e', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '215b106d17a37b8eb28e5ae730f0ff5401c02331', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '31363bdd23ac0ad625c6442fcf7110e559fa0201', type: "subheader" }, this.label), h("h-stack", { key: '10b338eaf67a92b84d7a9434f52e4c111a15f561', spacing: 8 }, this.actions))), h("slot", { key: 'afd067cc47d74d109f4fb4768fc8e0dfa4d88e70' }), (this.footerActions || this.footerContent) && (h("footer", { key: '17ee21b433ca723724c74e379b03b9c63a7b53eb', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '021cc3d1e0b79ab31c19212891d17fbaf5a5b77a', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '82f3d6ea4a52d822801d80b2a3c9cf35ed574464', type: "subheader" }, this.label), h("h-stack", { key: 'c272945368a1074513bcc06b7c306ca5c62ae8e9', spacing: 8 }, this.actions))), h("slot", { key: 'f1c1a3360eb8331e4f4ab69aec8c1dbd7dca2119' }), (this.footerActions || this.footerContent) && (h("footer", { key: '13f8e6d12545203c8a8a9ec5056e38df691eb907', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: 'fd2680f6ba67a7afcb8001ba2d9e0eff49b74675' }, this.footerContent), h("h-stack", { key: 'f7c716b48b470082b5196ddaeac189e476a4c3fd', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: 'aad83f26fe6816d98edd96ffc28c24b82085a5e9' }, this.footerContent), h("h-stack", { key: 'fd6bf6f1069f9e85d7b17fb944d26dd5fc7e0151', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,14 +51,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '2021966f1236912bd2970023fbc44165c7b6ed7c', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'e85da15e441564d911fc0cf3927d4bbfcd151570', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: 'b49919481676d8360a07d9cd456ce149559b9a09', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '5d3382b19c8f5207e5a505ff09248441969aa5c7', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: 'f0dd01f615792e9c2cd2051a8a3aa04d8f6f1f53', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '503709370926204f7d4c7ac3e75853a832a73401', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: 'fc35e3d6c1a3380b8f2b012951b5cf50e42e9735', class: "checkmark-container" }, h("svg", { key: 'c134d6444c50ff2294c7685f2a3ed52a6ef070b6', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '635394bdaa83c0d222f995a805128b3ccfae71a0', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '0626598dc95151a065a615ffaf99fd59030d2a29', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '228d3d5cabdcd5633bd0fabea9997a787fdca0ae', class: "checkmark-container" }, h("svg", { key: '42ab50560eb8fde3dcb3d0d0325ba05c57c5e30f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '63f95aec780a449cb03896ee3a2d2e039355af18', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: 'fad4553fae51c0dffc77443c08439c8076a9dfbd', size: this.fontSize }, this.label)))));
     }
     static get is() { return "zonos-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'e5c68ba81756351ca14ee7cecc1fc31070aea2f6', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b6a80cfc838ca16ce76be381fcde573a0d6db0cc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '64c20db4eb660505af2e97c07e9658f9866cfd57', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '6002136139ac0349c9dca75fc4c24dc258599551', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: 'e3257fb953c3c76e946a47334a16a2bd802ceb10', class: "zonos--tab-progress" }, h("div", { key: '2e8a3905cf361d1138846aa8f8153b92e80c5fca', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '5b834399f95b66f5ae076e721acb51f50c068551', class: "zonos--tab-progress" }, h("div", { key: '267bf0a5b8911eadcca75147d625201115b7de8b', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class ZonosCollapse {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '9a7c1c2e4f960e34fa81af1ce3bc509857082a27', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '89b15e5cd4fc45b07cd185c076b239dddc7398f1', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'e68bac246e123eaf18d3b0a47c38b60ddd9c297a' }, h("iframe", { key: '011961e0e1608ba664ba366a16347c843d4280b3', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '8234271563b9a56b8507374e4aa9881ae8f699ba' }))));
+            } }, h("div", { key: '21f33e337c456f9706eb4ac05e97e80b1a79b56d' }, h("iframe", { key: '2a2dd65f575471f7a0c6bbb407d063103ace77ab', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '6e09930a27e8c5278eea633f0998d4441fc3599c' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -108,13 +108,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'a91852d7fabd934497c5a87ad42b206dcee15ae7', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'dc074c5b88b642e06edd8942408a3aeed05e5cdb', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3074b85548fd1dc5023611423c52fbbd77a3e959', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'f326b54e65bddf562d4b9649b8964831d0545db6', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '0ab0ae9fecdca87acb7adc33c14408978a40a009', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '119a9c201e44a670fb1df61f6663d96f7148ecc6', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '9534a92f69dd3d692c1a2fd86fa1cf148f68cdfa', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e79aaf3a80b57634f78575b15a75d7b549ed20ee', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: 'd168c39fa5a31a107cbe4ff325cf4184ee8b2ad3', class: "wrapper" }, h("div", { key: 'c7cdca4f45e22e36393616fa3970556477902ead', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '1dcf75c8657a414662271a4c93b0698bd174b010', class: "content" }, h("div", { key: '191344284e3173b22a37c3383c49cb51e0fb54a5', class: "title" }, h("zonos-text", { key: '539b24aa36afa5a6fe046ac37eda57ccc1170124', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '53d54141bdcc1f0df661df450f5393e657410025', class: "subtitle" }, h("zonos-text", { key: '0a8b74eceb87355ad6869e1338a708bb0182cab8', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '68fd8147f7834074392be28f0053cf2f802faf69', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'a8be0abcfc980ec720d64ec0dc5cdacf5d19dadb', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'c72ea83faa9cd24c5e6f5894045e07d4639a5fc4', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '44367b178f46c66dfb236485e05f6832ae63a63b', class: "wrapper" }, h("div", { key: '42d10d17180ec7364710682c27d6cd4fef0b8abe', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'b5f7563fb43e1b147db669e1df71f4fafb5284df', class: "content" }, h("div", { key: '38b78e383833b5e49908c8e95c35b9ad23c0f956', class: "title" }, h("zonos-text", { key: '726f5308881671e7e17bd0591521485bd7142c1e', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58d663842d51a512b3c8799a907bd1ed58e4fb31', class: "subtitle" }, h("zonos-text", { key: '4411400d8906a22fd5f31652a1eeb314cae8ad68', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'df0452b2af633dd558858db824336fd5925aef50', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '50f88e85e18129ef4ee209615b951683c5ff6fa8', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '314b8be8954241b8c261c62d5a4bbe8155cc6914', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }