@zonos/elements 1.3.262 → 1.3.264

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

@@ -13,12 +13,14 @@ import { selectVarianceTest } from "../../utils/api/selectVarianceTest";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { updateCheckoutSessionAttributes } from "../../utils/api/updateCheckoutSessionAttributes";
 import { buildCartUrl } from "../../utils/buildCartUrl";
+import { fetchBigCommerceCheckout, fetchCheckoutId, isBigCommerceCustomerLoggedIn, } from "../../utils/checkout/bigcommerceStorefrontApi";
 import { BIGCOMMERCE_INTERNATIONAL_CHECKOUT_FLAG } from "../../utils/checkout/buildBigcommerceLoginUrl";
 import { buildBigcommerceRedirectUrl } from "../../utils/checkout/buildBigcommerceRedirectUrl";
 import { checkBigCommerceBypassCustomerGroup, initBigCommerceBypassCheck, } from "../../utils/checkout/checkBigCommerceBypassCustomerGroup";
 import { checkBigCommerceForceLogin, initBigCommerceForceLoginCheck, } from "../../utils/checkout/checkBigCommerceForceLogin";
 import { fixBigCommerceLoginCreateAccountLink } from "../../utils/checkout/fixBigCommerceLoginCreateAccountLink";
 import { getAbandonedCartRenewTokenValue } from "../../utils/checkout/getAbandonedCartRenewTokenValue";
+import { getBigCommerceCustomerAddresses } from "../../utils/checkout/getBigCommerceCustomerAddresses";
 import { getIsStagingMode } from "../../utils/checkout/getIsStagingMode";
 import { getIsTestMode } from "../../utils/checkout/getIsTestMode";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
@@ -389,6 +391,51 @@ export class ZonosCheckout {
                 settlementAmount: total,
             };
         };
+        /**
+         * For BigCommerce stores with a logged-in shopper, seed
+         * `defaultCustomerProfileAddress` from the BC Storefront API so the
+         * `zonos-address` picker prefills the shopper's saved address book without
+         * forcing them to retype anything. Skips when an address has already been
+         * prefilled by another path (Stripe customer profile, merchant-provided
+         * `defaultAddress`, or the BC redirect's session-storage handoff).
+         */
+        this.prefillBigCommerceCustomerAddresses = async () => {
+            if (!window.Zonos.isBigCommerce) {
+                return;
+            }
+            if (this.defaultCustomerProfileAddress.length) {
+                return;
+            }
+            const hasManualDefault = (Array.isArray(this.defaultAddress) && this.defaultAddress.length > 0) ||
+                (!Array.isArray(this.defaultAddress) &&
+                    typeof this.defaultAddress === 'object' &&
+                    this.defaultAddress !== null);
+            if (hasManualDefault) {
+                return;
+            }
+            const checkoutId = await fetchCheckoutId();
+            if (!checkoutId) {
+                return;
+            }
+            const checkout = await fetchBigCommerceCheckout(checkoutId);
+            if (!isBigCommerceCustomerLoggedIn(checkout)) {
+                return;
+            }
+            const addresses = getBigCommerceCustomerAddresses(checkout, {
+                isShippable: countryCode => isShippableCountry(false, countryCode),
+                selectedCountryCode: localizationStore.selectedCountryCode || undefined,
+            });
+            if (!addresses.length) {
+                return;
+            }
+            // Re-check after the awaits — another prefill path may have populated state
+            // while we were waiting on the network.
+            if (this.defaultCustomerProfileAddress.length) {
+                return;
+            }
+            this.defaultCustomerProfileAddress = addresses;
+            log(`Prefilled ${String(addresses.length)} BigCommerce customer address(es) for logged-in shopper`, 'info');
+        };
         this.getDefaultAddress = () => {
             // If checkout customer is authenticated, use the address from the customer profile
             if (this.defaultCustomerProfileAddress.length) {
@@ -1077,6 +1124,11 @@ export class ZonosCheckout {
         // resume flag, auto-open the international checkout. Strip the flag
         // from the URL so a refresh doesn't keep re-triggering the dialog.
         this.handleBigcommerceInternationalResumeFlag();
+        // For BigCommerce + logged-in shopper, prefetch the saved address book
+        // (`customer.addresses` include) so the international checkout's address
+        // picker is populated by the time the shopper opens it. Fire-and-forget —
+        // the prefill itself guards against overwriting other prefill sources.
+        void this.prefillBigCommerceCustomerAddresses();
         // check if bigcommerce, if user enters the shipping address that's in the shipping zone at bigcommerce checkout
         watchImmediateBigcommerceDomesticCheckoutRedirect({
             domesticRedirectedBtnSelector: domesticRedirectedBtnSelector,

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: 'd92815bdd86b1bb911bd11eb9e69bfb6fc477061', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23e36f132b3ad84cd9cd87c11e3d9149b5dd5e1d', class: "zonos--cart-table" }, h("tbody", { key: 'a49a23585c25c93a1b829c044e9641e7143ec212' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'ccad7b37a4f0d00d679dfdecb98fa15c2600aea2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '0464336c854621f6f2b31b2fa6ce93daa152e607', class: "zonos--cart-table" }, h("tbody", { key: 'a32edcb6ed81d0117fb96f93c9e4fea5d1971abe' }, 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

@@ -260,11 +260,11 @@ export class ZonosCollectFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: '89331d23e3b6b57ce708f091fb4c9cdaae84f838', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'ebc550d41d82330609ce842578fb9414397f11d2', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '7539e73d3e88c6a486ded338d35ec55398a1f3f4', class: "zonos--finish-details" }, h("div", { key: '4a61f515eff3cf0ce77fc88526424c1e63e5d66a', 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: '6a44ceadf42398e95b3bef73888583cca2d4d076', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'aa83de37eaaa4e8a349d6752f11d933584d56c81', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '26ff76617b31f1726bdc3b7d024a29841692f7b9', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '721ce7b4561f9d82c2a251ac3f595e36567aaac7', class: "zonos--button-container" }, h("zonos-button", { key: '77db63afae505f5472f089e4e5ed9e9c52e48157', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'e63176b8eb34a1c9bac491cc653c1108e085e77e', class: "zonos--finish-details" }, h("div", { key: 'abad1b8c765417e3d1cb4eb5f97c2713bc780517', 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: '00924614cb5e3553bd572008a7e13ecd7c516272', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'e39986d7d0f739a7ea221546f3f06aa5327ef824', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'b4894f5156a213413e58484fe465905e1c5e48d4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '8770f7a408b8b9862a2ef5ac4fa02a6caae6183a', class: "zonos--button-container" }, h("zonos-button", { key: '3bebe519d938bccb40c65c668fa58088cfeff47f', 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.css

@@ -80,6 +80,11 @@
     gap: 4px;
   }
 }
+:host .zonos--collect-footer .zonos--collect-locale-wrapper .zonos--collect-locale-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
 :host .zonos--collect-footer .zonos--collect-language-dialog {
   position: absolute;
   bottom: 36px;

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

@@ -4,6 +4,8 @@ import { isCollectMobile, isCollectTablet, } from "../../../utils/checkout/isCol
 import { classes } from "../../../utils/classes";
 import { languages } from "../../../../types/ILanguage";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
+import ChevronDownIcon from "./assets/chevronDownIcon.svg";
+// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import Globe from "./assets/globe.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import ZonosWordmark from "./assets/zonosWordmark.svg";
@@ -44,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: 'ca7bd600af1d83937719aa6d83324d61f60b4c79', class: classes([
+        return (h(Host, { key: '2650da0d6942ec1389d65316d4f387b205eb3d23', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'a69e9229e009f9c754e2ad9cf068654d683036fa', class: "zonos--collect-footer" }, h("div", { key: '72e62b7191dd32f0ead5970cb62edcd469ef40ce', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '2f76f5c3009175bb1dd4cd90d91628e79a97770e', 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" }, languageLabel), h("div", { key: '53f2b59da147de3637487cdc4b1cd6d440838b81', class: classes([
+            ]) }, h("div", { key: '711017e883a7c88de6a8c4d2761d969045fa7511', class: "zonos--collect-footer" }, h("div", { key: '3eb3e89a254e3dba1cbd0a4dca0e257f0f7a64f7', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '2615195358247954888d47aa01b873c2e1ff738d', 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: '90d0c4ca757c3825865cf82b9991a13d2972254d', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '6badf11c60712883ee1ed037a8ddb955a7675d53', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'e8b45be9f457a57482da8ed95193ca2c36525525', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'bd0a83b6f180e5d4d0a368240599eb7934b8d06f', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '52620a619a47e52129207880adbfd8e6a88372c6', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '38c863a4b26b3e6768ed8acb57a32e398ba064ea', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '27402251e8d46578e3d9f1eb7a54afb5c553ea33', textColor: colorDesktop }, "Powered by"), h("a", { key: '350ed904d6d3787a38229a4178c0ee82a2c87cac', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '3c65492b88a601459d0487e4c615208c8dcaa810', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'dc8f6479806466c45ac1c1ed8e32587190f14175', class: "dot" }), h("a", { key: 'bc4a48af6ea629273cdf9bd1cdca4981306a8eb9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '2e923eef08f6b6a9dd53190a1aa221666cab4210', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: 'a0a9bc9fca4df158e615ae387a5be2598a7b9f36', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '8e4743edc609ac041cb283a2a4864efcbda0a86e', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'd1119f22e17b80d015198c2803657c0280939ec7', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '4faac90e9cb3469ffeb743155345232de8e3730a', textColor: colorDesktop }, "Powered by"), h("a", { key: '63b6ad613f96d8bd6f88b931c0c3833d08744479', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '09d6e961e27583a37b319be89fd0f80dbb9e96bd', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'b78088f8ab0cdc6b8dba6f1e0012e4c96407dd92', class: "dot" }), h("a", { key: '5ada46bc9f2fa3b52e235b3ec0231423e15fb5f5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'b22d50bd1aaf5fddf8e1795f68b85c0e4f0125e8', 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: 'c8445ba13733af60fb88372eb2ae07fdc435364c', class: classes([
+        return (h(Host, { key: '9b00168e63cbd687c01583577eefe9f5e9958996', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '5589e61c35cbcdd885dc33cdb07999e55f5c4715', class: "zonos--title" }, h("zonos-text", { key: '783d38dcf9aabd64d94ab3356935aa5d6ffcdec0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '5d29409d7c09ce620b32d6f4512bbd280817cfa8', class: "zonos--title" }, h("zonos-text", { key: 'b06ea84a112b06f1aba656060c85680cada09808', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '4ce3c3391b6e2a47518cce212019137970dd99f7', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '7d96f27c70d54f69862816be87bf1c084a91ecb9', 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: 'ebd46815f83307682f5cbb8430bb64e66b9eadd1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '7a878d4bb5dce069060888f4d7e1fde0ef0e23cd', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '496a81ab73739fe285636aad504232b1faa2f8e1', class: "zonos--row zonos--collect-duty" }, h("td", { key: '85334ee7319578f110a75f512f9d2e28f3eca79a', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'f877f57ad0d6853f7c49237e4da649b1bfc5206b', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '97588563d5bd85fd1692e1882fcace85b3036b8c', class: "zonos--column" }), h("td", { key: '2acb01b0b6d38861eb23b5910c20a57a52172a33', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'dbdf16aeb070857018db4456e06b8c74cc135d78', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '90e8278e1f518f5531813c3cf0b032707fe42eb8', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '3c63319c6be8719069eb7d80eda2546dcc76f273', class: "zonos--row zonos--collect-duty" }, h("td", { key: '942aa283152bbf69439e7a864156c2f4a71f66dd', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'db7ee74968f1b452e93a9e1d46de833e2513f582', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: 'dfae6f70ace82c38bdce41de0b4f900c790fa9ae', class: "zonos--column" }), h("td", { key: '943c6781ad1909d6c5c315f705fcb08547a92660', 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: '36b004cc298b1d9c757b3090ce4610c6ea36b209', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'ceb1e460218ba71eb9c8db33a9cfe0e4affa00eb', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '147687aafbe073169862789a9ac0ac6da544e1ce', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '642c5ff03b7dea8e4f2bd378e3ca482d81169f46', class: "zonos--column" }), h("td", { key: '31776ea8d128ad9ce6c9e523ca8fa297baf4763d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'e87cf556d84fa66789f2410b77e049229eb54732', class: "zonos--row zonos--collect-tax" }, h("td", { key: '5941322ab31a1227a6944a05b25b27f387e184e7', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '729fd97147df76283b5d97a30015e2af84a4fbb6', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: 'a51514811435edae33c37f6062b0323ef2acfd05', class: "zonos--column" }), h("td", { key: 'a091d24821800034b1629813e05b40854951908d', 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: 'ee18eaf3af00321a0741b07565d8474bc692b2fa', class: "zonos--row zonos--collect-fee" }, h("td", { key: '0abdde651b432368fcd374ecb1c9119981dc2531', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '385973cd0c11a161cba2a8737f6dfba4c4749d77', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '4ae0c1da68e5ac48ce0be09ec1826867905f9e74', class: "zonos--column" }), h("td", { key: '80f232ffdb0a66f88753c2a07290ed6273b66747', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '1ee4eae6bc0ea9be2d3b98733a3d51034db3b2c3', class: "zonos--row zonos--collect-fee" }, h("td", { key: '6548ee27908c32e7c39f4f16a7c6f202df256e28', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b911ffc5f29252efba3989e494eca1c5ec0fbd54', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'f01086495ba4e1864f63de5fdd212de922e335c6', class: "zonos--column" }), h("td", { key: 'f2e628f5fb0087cebc5b135194325127357828e2', 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: '71677498d7c575e4227f45620b62f5ddadf06858', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '5fc92ef7b46c8e5eb8ebb391015682f376785a26', class: "zonos--column", colSpan: 3 })), h("tr", { key: '253c6735bd30ef66c2fa1f82a44cebff3dacc189', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '0755b1c175973640e925520e747141e96446eea8', class: "zonos--column" }), h("td", { key: '19646da57bd222dbb2ada0c450eabf508833c069', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '57b3ff6e47ab14ab955abda316deb635fe70d3e9', type: "label" }, translate('Subtotal'))), h("td", { key: 'c3ce8d85aa7a4d554ee271b0bc9ed248d97315b0', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: '1b3c7371aa2b395c310e1bbfbda5071fc76bc523', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'ffcab1bd04d14fbc8c57d6731f2243945d889b9f', class: "zonos--column", colSpan: 3 })), h("tr", { key: 'c674e6737e1888c3ef4dfa9a2cc06ec595ddc74f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: 'c79170263853ebba9168b566ed0985af9e7f7bec', class: "zonos--column" }), h("td", { key: '05bff80d6dd83b047ec4f40dedbb42dcef822a34', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '61e4f56cd4da5187bb64c746920b04655ed4624a', type: "label" }, translate('Subtotal'))), h("td", { key: 'a1701fa2c16e87cdba274349b7c5f9f0b90093ea', 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: 'e21e986f76bb932645c54e75698db4c06024335e', class: "zonos--row zonos--collect-total" }, h("td", { key: 'b4cc8e32cd69c0b1ed000c582c058a1215c4e365', class: "zonos--column" }), h("td", { key: '1b55f78e8161cd9da263d3b58c053b9b04cca999', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '97de8710348f0a039375d02b075c1e91ef6ae621', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '58bf548786e07bb780c73433ae7a8582f2c2b059', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: '83b981afc2f2ddfa5a21ee28fea2e00ec3aef4e8', class: "zonos--row zonos--collect-total" }, h("td", { key: '041fdf582712439e15521ab290f6475106d890cc', class: "zonos--column" }), h("td", { key: '82734ce4831e6255d8d6fe6aa73e8c132ba65d1d', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'd7b1771c43d5176226d1e503ec9308da5806fa52', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '5bebbeaaa0ed0c112e73e4e6283d1364b9ae4f64', 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: '421e05194d1b310d585764ebcbad662e55fa5f76', class: classes([
+        return (h(Host, { key: 'a79106d8930a18d9806ca7f82dbfada663f46964', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'bf2c3ddcf823d4aebf3f0c8a96b74c2d1c6978af', class: "zonos--cart-table" }, h("tbody", { key: 'dbe7aab9d195e7ca9a50f4c29c7acffc69dd9cce' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: '89496bfdd77e168ee388d94e83981b3657fea40b', class: "zonos--cart-table" }, h("tbody", { key: 'fa5a7a17018942300f8168e2d1ac0ea349f02da5' }, 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: '6c0363334a9e6602b93e83a0dfeb733285db7683', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '0e85f53a2195cb775590ca7cf815fe5ff555a5a7', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '299a9afc37f5e1bbe828f2b68569a686b82baff1', class: "zonos--finish-details" }, h("div", { key: '24a827b96c4a74066b7701c70f6cdf980ff060f5', 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: '74bfa9e0126ea8b0a693fdc2e034cdd6ef352dcb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '5cc0089225fac166cfa13cc11e72efeb34ad8567', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'fb101b1058adeafe38a03d2a915b6b7f80c44061', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '2ecc8d45967ccd720f0ec4d532aa266ac42acc14', class: "zonos--button-container" }, h("zonos-button", { key: '3f04711341f273a767d5109274f92eec424b1675', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'a72982af4d9e1ccd015486185841bdfb8100de4f', class: "zonos--finish-details" }, h("div", { key: '905c39d1f8d0c4db69fe69af86b5d2fd27e6c6bc', 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: '4b4aac452d596888d9a2a132e4909cb96985e3e1', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'df0281e69b04b3f2ad238cbfb4a8a142e6c08447', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'f92416cc2024dc6e58c3886f0d8990a3753c82f4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'cbd8a00f6ee518a62cab4edb8c29167a108710c0', class: "zonos--button-container" }, h("zonos-button", { key: 'bcc697820cfbab42417626c2bf1d887bee67fa5f', 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.css

@@ -80,6 +80,11 @@
     gap: 4px;
   }
 }
+:host .zonos--invoice-footer .zonos--invoice-locale-wrapper .zonos--invoice-locale-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
 :host .zonos--invoice-footer .zonos--invoice-language-dialog {
   position: absolute;
   bottom: 36px;

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

@@ -5,6 +5,8 @@ import { isInvoiceMobile, isInvoiceTablet, } from "../../../utils/checkout/isInv
 import { classes } from "../../../utils/classes";
 import { languages } from "../../../../types/ILanguage";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
+import ChevronDownIcon from "./assets/chevronDownIcon.svg";
+// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import Globe from "./assets/globe.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import ZonosWordmark from "./assets/zonosWordmark.svg";
@@ -45,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: 'a48dfe3c11d200e085864ed513cfb647c9ef3b5c', class: classes([
+        return (h(Host, { key: 'f1df2afbf4312c216d2b0776b08bdf18a99918fa', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'de1f450a548eabe7bb1da9c9f2e23837a55827fc', class: "zonos--invoice-footer" }, h("div", { key: 'b30d47a885beaca3ec0dbdeff8e8facae994ef88', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'a0bece32119cbc5eddd8f99298ba7274f286cb6f', 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" }, languageLabel), h("div", { key: '7ceb0c79d25f640bf23ac37a22c6c37292538d8f', class: classes([
+            ]) }, h("div", { key: '15ec928ff1686fab2644fdad65b528e16f887c3d', class: "zonos--invoice-footer" }, h("div", { key: 'b3a81689dca77c65837366168b4cc512e873ebe6', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'f599ee52720855f47f1775f16b4beb5d673bc1fa', 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: 'b5ac314d22571b01be5d7ddea7012b6431fde634', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: 'fa150a4e7d75327510e2bfc07e9911a8adb9a3ba', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '673eed561dace62416822df5e7948fdfb423e6c3', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '5c2d4164f38caecc7f3f99b98d1d504ee292b6bd', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'c255dabaf4a129b1d9074af3e7512a86859c4d81', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: 'bc16e675a824ad6730e823226bdb872ad04d5b2e', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '6292e7f1fce3325c7d264a946e1d8a6a4ec768c4', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '526f598cdb342f7816d78f7d1b24923d79be72fe', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8f96ac507a2250df8234dc9d0075dcac433b9630', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'd3fa74852d4bc1e679af3fe141a885f833d3aaef', class: "dot" }), h("a", { key: '30b4825365c55a31a1140ababfe3d2c88faa3b04', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '42cbae5d1a6350844947210493f3945ee2085cd9', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: '6d1a6ae828bf8701fe08605ab5952528e74ad92f', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '3b2484d4a4a0899b746a81e055cd9a4a4fcf6db9', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '3b4a8431e9cbd3133c69356c1bba186f7cec2fdf', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '73f8f0b9978b715d611c72beded88862e27c8473', textColor: colorDesktop }, translate('Powered by')), h("a", { key: 'e9a9a63c0c042f40c76d1293c05d2c23165c7af1', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '5bd7ac7cd01581ba40a258f491417b04ab71c250', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'cf86cea8570caac18fbe1532478141e64e6cfd70', class: "dot" }), h("a", { key: '12b5cfa380ae7c2fbc2d3e7501c415761a1f199a', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '9588bdc785c892a39d3c37d034d1f874c8492fa2', 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: 'dba979c1f8bb9f4ac5207eb2bc97296523c62fc1', class: classes([
+        return (h(Host, { key: 'be8d8f1688a86ccaa9431cae2885c57a08f3ee9b', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'd9bbd435775f58d3934b9cc5d8658acf781d5090', class: "zonos--title" }, h("zonos-text", { key: '103859ee74d37fadd854d59cc852d71b8e23fe11', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '74dce7ae0a90490d95852c789d8e27ee51846ed5', class: "zonos--title" }, h("zonos-text", { key: '3539a1110abdac4b1dc909f37a4845d8a0ad8fa0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'fcc9ade2fc63e53307659134a1763909ad66cc30', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'd6feffd7216357889bbe9fba177feb8f24ad9222', 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: '1c1ba16d9549f0ff1478984176d6b999d5aa1753', class: classes([
+        return (h(Host, { key: '4b2a1e8fe3d6b6c4bafa16bbcd596c10fc19267d', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'd1b72fcae100c896cf7d6e6a289d8165d2c75233', class: "zonos--invoice-table" }, h("tr", { key: 'c9ff3b5ff7385c60717d213dfe1e5059f1bf09e0', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'cf14352c2f3cffacdfb78343c7fbf512222c79d4', class: "zonos--column" }), h("td", { key: '403d772e36bc819fac28487b779e3a9ae4858f73', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: 'bf8ced53263ba7e8a6093712bb97fd7a2e35c634', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'e3832e0ccad66787e1023a073de9b8e9b732cb4e', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: '34b2b3019193b694d3a38560aeec57289f1ef284', class: "zonos--invoice-table" }, h("tr", { key: '76ba9947536d494fe651da0a94b8e66a702f5728', class: "zonos--row zonos--invoice-total" }, h("td", { key: '1510c0eb1f4db6bd3f4295b0eba6c1b845f86043', class: "zonos--column" }), h("td", { key: '5d3a1fde0d9bac22ee32f961da18f749e01b2038', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '0e61607f2795cea761e6082749ac9e85ec5a502a', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '5b5bf8f17e8850b4b6428454adfb05f85a0a9f63', 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: 'dabf6b5d9c4585f9fe62b69655c3043c5d51eb6e', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '76d8a0655e3d4009085f34ea0cbc56c180076081', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4603e1dbcb6760ae1a18d008cbffc9acc8b1b444', class: classes([
+            } }, h("div", { key: 'c512b84c92030ad81f1a6180304fd79c2a3c3708', 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: '5d70287727ff5681be1d2f4f0faf32ba39899b4b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e3ea93273daccab2b37f8240b29041e485d8bcef' })), this.dismissHandler && (h("zonos-icon", { key: '5c09bc191f5ae6f9fe18da4ed15c9f60bab58b03', "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: '680812e8220ca3ad0a18a90c5bb614b5fea13c38', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e939a288add6c2936746ed4b40721d13c38e793c' })), this.dismissHandler && (h("zonos-icon", { key: 'fddf84b6af4dda95c6937273d6168fc17290d747', "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: 'b816d7ac8f86b6256d017de9a7049c008cbfd973', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', 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: 'ddc1bba069df9e03db22fdfb77fe1118e84d0744' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, 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: '98c12cd886ada57ae8f571f6a5e1914024198dd5', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '22dee22121fabe21d7c6f02b8b48e83b8c1894a7', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '27cbe56b4c77dd5678a2e6685fc05694ab36cab1', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: 'ff288d4a7ab7fc79e7e66328e413034e653ddc13', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '14f473f5f16407c020ae6163e5ccba00b6b8ea76', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '3fdd8e722cf4cb730f3227fe0562011af106da28', 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: '000ef115565050082a6e73e1709e014c66b410b7', style: {
+        return (h(Host, { key: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: 'bc5f2eaa90786860e20e40987df70e0cc9c527bb', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '90be1e3b9cd28f5a7aacf79c65c56e14a37bc019', type: "subheader" }, this.label), h("h-stack", { key: 'c25845c181e02eadca3cacb2d73c7173ba0a1a50', spacing: 8 }, this.actions))), h("slot", { key: '1e875f0fc6d86ae7cc5bdcdc0fc509bdcc1e1862' }), (this.footerActions || this.footerContent) && (h("footer", { key: '8fdca089c61d02ca14946dc3aaa8cb62c2feae99', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', 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: 'a3db8981598a3703228e7c54bfd8350da718f744', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'b72500a3ead1362eebf6cd90fc60fddbade0bccf', 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: '6abc998d8a2338fd188e561ce38af6f351e87d93', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'a2b3bc99d562f0ddc3337093597d962a28fe7006', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '3a5104fa8f2b3874108f27732df0aee9d4bebbd6', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'aea12725ffa80d01c7fe1753d637f6e94e1d0fad', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '4ff30adc1de3f679a62ac4bdc23c89c7fbd70862', class: "checkmark-container" }, h("svg", { key: 'c235768b91c19a2edf0d5ed1d416e6b58be4f9eb', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '67e8a36292f8f4fe226709acdd08579d2092b836', "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: '9fdd82641973e8870e55117992ca26f1e585c801', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '807f1b1b8acf88793abe74d329c8ffd81a450d9b', class: "checkmark-container" }, h("svg", { key: '18bec57b0554f70704f5c53e57a5929a48165f44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd98ba6681c05d63e242518b332b7d3292e19d39e', "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: 'f540e55464dd67bf513cf6a77b078c7492945b50', 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: 'f7ea289329f5f1e5fd1a5fdbd790b581de1666d3', class: "zonos--elements", style: {
+        return (h(Host, { key: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'c071c27dee5b5ddf7b59cddd6de668b1bd72df2a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', 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: '9c332b9053d57a05d8db19d179696a8261a1ac94', class: "zonos--tab-progress" }, h("div", { key: '3b303b4dd931e4a1d030ecc62cbbabd232354636', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', 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: '4fb230dfc4aa850c90c8cfbaf59da8d5043a4a89', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '766542489d4a47d87ac2a2e2b7d62ec99272386a' }, h("iframe", { key: 'd2e33a342c9001bf4be3a478a068e0713a88bac5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '566b3f4a214fc43cb9642895a716dc69e95ff9ef' }))));
+            } }, h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
     }
     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: '3f86259272e4aee2cb846ee15cad8e616917b020', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', 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: 'e4f146413bfb70c1d7c3629da6830482060f975a', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '272c6ef86a66a5e61c7fc1753b4b60ce7bc25aee', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e533b39f91579923dcd725edf8b602cba80b8857', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'c0622ae7cbbe469554716558eb56c452f9693568', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '3c42ad4fb2b793d65f564484126a519e97297743', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '18b46b2281cdf26b4dce3784b91a0ccd45cde7f2', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '16c171b80dbee7c033ea35731afa6537222c7458', class: "wrapper" }, h("div", { key: '7f3bd95d72a06ecadf22df0a332292050d9907f9', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'e234a037041b1fc7b558c841ddc03da940213bd7', class: "content" }, h("div", { key: '37492c329f9bd02e199828b57a16de616800d0fc', class: "title" }, h("zonos-text", { key: 'd935e67d0004c8f5c925082f222cff4e95568b6a', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58acbdb5ace31ece6d900f21637dab17aa797ad8', class: "subtitle" }, h("zonos-text", { key: '981f15fc921e9d2ff2749fea94f21859cbf51fe3', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '07e17ccc316ee180a72705f1d76a9c6f2927bfd7', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '6b1b270b13c1a274e93d33ef4c1ca6798499c5c2', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'befd3b801cb8cf5b41c3c74e8947f2977aa77ce1', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '9455881ea4d3c557b4de814235b0f66519e6fc6b', class: "wrapper" }, h("div", { key: '51f52ec83eb9fdbe1af20fdb0d149ce291597468', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'cdd954985d40e509eab4c15d063e1e7c9ebec839', class: "content" }, h("div", { key: '0ffddb684d1c33d421e2bf077fec01dba934a1e4', class: "title" }, h("zonos-text", { key: '5d778ebc6795ca69caf7df33503b6ec8ea3636c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fab99060495ebeb545477e06417816c7fc8f9f3c', class: "subtitle" }, h("zonos-text", { key: 'c4baa52a5b53497db336018f62d5999e298d3ccf', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '5d92f093bd1ee37ee54c4e771e73a1d2b6b7bb39', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '0aa3788620a75732d72fca23c16b6b1a2fb694a0', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'a7195241b38061b363cae7b99828b714c96dbbff', 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"; }

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

@@ -51,13 +51,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: 'af20d111ed5688a3976f1e7c6b6d14a871f870cd', class: "zonos--elements", style: {
+        return (h(Host, { key: 'cd9acce39e76670301cd0eddde05d3933e8f4b57', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '290ccf09fab10d3055630ca4c89612c9cb4420fc', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'ec39cc44f2482a6a7301fa347e0a4192182abc2c', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c22f5f87d9ecf4b4231a56b1cec827a85a5a36ed', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '0d91ccb2070d1a74924d6e997bbc324f59d8dde8', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '804da9b6cf7156f1dc071417f8e2c4a4495fe76a', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'c1b530398ca6e35195cbdec87a4c3d715bf982c0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'ccde759c50a589c61b92980b3842c4236003412e', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '2d86eb33f79cf77178485f8ee1a07094c2402c56', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: '12282a147c54dd2b8aed4636190165504eaed8d8', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '298ec0df58503e667446b6d03abda6b06dfcb926', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'f30cd88b6ac48df15a728498a37ca670aad5fc84', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '9d3f7a5a6938c0f728ef255ac829794c62dfd9f1', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'a0d4a6844e882ac15711b759c452c18407c567d4', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '3f15965c334c827ded8fde07609d74c26cac0ce5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js

@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: 'b08ba40f5db3ed5aa5315b8b9819ddd464abfad8', class: "zonos--elements", style: {
+        return (h(Host, { key: '74877279697e5e29703bea70e89cae5cb164fbeb', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'd1f85a8cf55968ec24794d3130341dfc3b3853fa', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '34a1ac387d14cfe5a4aa7f431d9067700f09dbec', class: "zonos--flex-message" }, h("zonos-icon", { key: 'dcd6403a54453ed4959b9ca483597609bf1f7900', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '54e77038f56a5929bd56180e00f2ea35d5803cf8', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: 'c3ce65422f7cc7e55026147745349efe987a47a0', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'bae02d71232fed3850946d6426f871d9ede486b8', class: "zonos--flex-message" }, h("zonos-icon", { key: '7b5878e3ffb4f2b012fd17f2ada54fae08df69ae', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '714897772ab498d4c74f3d29e4186a1bf54397f2', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }