@zonos/elements 1.3.281 → 1.3.282

package/dist/esm/zonos-cart-items_12.entry.js

@@ -1,23 +1,24 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host, F as Fragment, d as createEvent, g as getElement } from './index-cfd394c8.js';
-import { d as cartStore, M as cartStoreHasOneEligibleItem, N as isEuDapRemittance, b as stripeStore, O as stripeStoreApplyPromoCode, P as stripeStoreRemovePromoCode, F as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, Q as stripeStoreResetPromoCode, R as stripeStoreMessageBasedOnStatus, S as storeCreditStore, T as storeCreditStoreReset, z as storeCreditStoreCoversFullAmount, w as isPolicyConsentRequired, E as policyConsentStore, J as stripeStoreRecordPolicyConsent, v as cartStoreNextStep, U as stripeStoreTranslateAddressToLatin, V as extractName, G as cartStoreOnChange, W as stripeStoreAsyncAddressUpdate, L as cartStoreUpdateSelectedShippingOption, X as cartStoreGetShippingTransitInfo, Y as cartStoreGetMethod, Z as sortServiceLevelOptionsByAmount } from './cart-c66ec17e.js';
-import { t as translate, l as localizationStore, s as storageStore, u as getExchangeRate, v as numberFormat, e as localizationStoreOnChange } from './localization-6d36209f.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-951386a5.js';
+import { d as cartStore, M as cartStoreHasOneEligibleItem, N as isEuDapRemittance, b as stripeStore, O as stripeStoreApplyPromoCode, P as stripeStoreRemovePromoCode, F as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, Q as stripeStoreResetPromoCode, R as stripeStoreMessageBasedOnStatus, S as storeCreditStore, T as storeCreditStoreReset, z as storeCreditStoreCoversFullAmount, w as isPolicyConsentRequired, E as policyConsentStore, J as stripeStoreRecordPolicyConsent, v as cartStoreNextStep, U as extractName, V as stripeStoreTranslateAddressToLatin, G as cartStoreOnChange, W as getCountryField, X as stripeStoreAsyncAddressUpdate, L as cartStoreUpdateSelectedShippingOption, Y as cartStoreGetShippingTransitInfo, Z as cartStoreGetMethod, _ as sortServiceLevelOptionsByAmount } from './cart-5282f6c1.js';
+import { t as translate, l as localizationStore, s as storageStore, u as getExchangeRate, v as numberFormat, e as localizationStoreOnChange } from './localization-0953a048.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-44f897a1.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-87d195f6.js';
 import { c as classes } from './classes-0d95c529.js';
 import { z as zonosStore, c as createStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
-import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-6fd935f3.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-161e203f.js';
 import { i as isSameHostCheckoutLink } from './isSameHostCheckoutLink-c1b88ab7.js';
-import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore } from './paypal-cae1d404.js';
-import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
+import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore } from './paypal-7c82eac4.js';
+import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode, l as logError } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-dc982fe6.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { p as placeTestOrder } from './placeTestOrder-955269d2.js';
+import { p as placeTestOrder } from './placeTestOrder-6a746207.js';
 import { i as isDarkColor } from './isDarkColor-039ef212.js';
 import { g as getContrastColor } from './getContrastColor-af895b60.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
 import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-e0a282d9.js';
+import { g as getMissingRequiredShippingFields } from './getMissingRequiredShippingFields-bdeecbff.js';
 import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { s as shouldRenderShortAddressCodeInput, a as shouldRenderTaxIdInput } from './shouldRenderTaxIdInput-ef7b5860.js';
 import { e as euCountryCodes } from './TaxId-63a14057.js';
@@ -37,7 +38,7 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: 'ec83033ab6a41452e8d3f611ca59f571741d7c73', class: "zonos--cart-items zonos--elements" }, h("table", { key: '3f403b3e3943f13394e419b6d3e01629ed673cd8', class: "zonos--cart-table" }, h("tbody", { key: '0c2caccc03dd36d00453e88ac7df9d8e3c47b5f1' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '2f81af1b6315853352a29bacaa230d782e76115a', class: "zonos--cart-items zonos--elements" }, h("table", { key: '7fe64f09729e0791605cdd8e66d7230ab162c7cf', class: "zonos--cart-table" }, h("tbody", { key: '49c17b5c7c68bfd41b2d8fabbbf4c3c764faba33' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
@@ -1021,11 +1022,11 @@ const ZonosCheckoutFinish = class {
     }
     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: () => {
@@ -1037,9 +1038,9 @@ const ZonosCheckoutFinish = class {
                 }
                 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'
@@ -1113,10 +1114,10 @@ const ZonosCheckoutFooter = class {
         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$1, 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$1, 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 })))))));
     }
@@ -1589,17 +1590,17 @@ const ZonosCheckoutProgressTabs = class {
                 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 assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
@@ -1640,6 +1641,29 @@ const ZonosCurrencyToggle = class {
     static get assetsDirs() { return ["assets"]; }
 };
 
+/**
+ * Merge the fields captured in the completion dialog back into a Stripe shipping address event,
+ * rebuilding the full name from the extracted first name and the provided/known last name and
+ * marking the address complete. Fields the customer wasn't asked for are left untouched.
+ *
+ * Pure: returns a new event object rather than mutating the input, so it can be unit-tested and
+ * assigned straight to the store.
+ */
+const applyAddressCompletion = ({ data, event, }) => {
+    var _a, _b, _c, _d;
+    // Use the same name extraction as the detection step so the two stay in agreement even when
+    // the surname is only available via the combined `name` field.
+    const { firstName: extractedFirstName, lastName: extractedLastName } = extractName({
+        firstName: event.value.firstName,
+        lastName: event.value.lastName,
+        name: event.value.name,
+    });
+    const firstName = (_a = data.firstName) !== null && _a !== void 0 ? _a : extractedFirstName;
+    const lastName = (_b = data.lastName) !== null && _b !== void 0 ? _b : extractedLastName;
+    return Object.assign(Object.assign({}, event), { complete: true, value: Object.assign(Object.assign({}, event.value), { address: Object.assign(Object.assign({}, event.value.address), { postal_code: (_c = data.postal_code) !== null && _c !== void 0 ? _c : event.value.address.postal_code, state: (_d = data.state) !== null && _d !== void 0 ? _d : event.value.address.state }), firstName,
+            lastName, name: `${firstName} ${lastName}`.trim() }) });
+};
+
 const shortAddressCodeValidationResult = ({ shippingCountry, shortAddressCode, }) => {
     // Check to see if we are required to collect short address code for the shipping country or not
     const isShortAddressCodeInputRendered = shouldRenderShortAddressCodeInput({
@@ -1828,6 +1852,15 @@ const ZonosCustomerInfo = class {
          * 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
          */
@@ -1919,6 +1952,30 @@ const ZonosCustomerInfo = class {
                 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) {
@@ -1930,6 +1987,18 @@ const ZonosCustomerInfo = class {
                 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
          */
@@ -2286,7 +2355,7 @@ const ZonosCustomerInfo = class {
                     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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -2315,11 +2384,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '318c4da3d24faab9e2896923388183be1553fc39', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '709006622bdc4ba41d622c57562d98e90d6bfbbd', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4a25dbfceb67d366ea68ebe0b16bd3af2f2073e6', class: "zonos--restState-image" }, h("img", { key: '5af2ffcf96d9ee70ceb14c6c16ad8607c5a734d8', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: 'ecd47662e89cdd64c19e56f33fff5ebe929609fd', class: "zonos--restState-image" }, h("img", { key: 'c11941895f62fb7cd2dfcb34d8b5409ecbe23a3a', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: 'c3c6c28e7edabc3f127f74a1f8025cdd556c2df1', class: "content" }, h("zonos-text", { key: '8fc1b63061c1c6ed1aaf7c8bf1f6d0107ad96574', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '8410ef232d219a27bedd6fab0f2145c242c21a6d', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f9d8cd4653bc3918b9c2c3bf453b17999e16972f', class: "action" }, h("slot", { key: '60091e060884958d729092292ae6c34f9af85ae1' }))));
+            }, src: imageUrl })), h("div", { key: '40a66ae6959222fedcfd69de6f0236ac078903c3', class: "content" }, h("zonos-text", { key: 'ca7f67de9b084e16e1a5e5635a4917680fcbdfd6', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9e6f22d9fb87b1462044a2395c32b03d9b4b59d3', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f93aa94983a14e5a4bc03cd339c1d53954da0f30', class: "action" }, h("slot", { key: 'b893fc9c907a97f241d6b7148636b01381f26813' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/esm/zonos-checkbox_2.entry.js

@@ -68,14 +68,14 @@ const ZonosCheckbox = class {
             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)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -93,9 +93,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: 'cdc4d67f72773fa460d24cfc0a24fcb5288f40ad', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: 'e4177068eca8831790db346088acde5c24a1cb52', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '2eb725addb5f65b98edd5193ceb6eaaa2564952b', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: '89c8561a03f2e9c11c858b406fd8dd5cbc92a9b7', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, a as Host } from './index-cfd394c8.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as stripeStoreHandleInventoryCheck, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, q as stripeStoreCleanupDomesticShippingSession, r as cartStoreSetCheckoutSession, u as stripeStorePrefetchLandedCost, v as cartStoreNextStep, w as isPolicyConsentRequired, x as stripeStoreUpdateCheckoutSessionBaseCurrency, y as storeCreditStoreApplyCredit, z as storeCreditStoreCoversFullAmount, A as validateCheckoutSession, B as storeCreditStoreCreateOrder, C as stripeStoreConfirmPayment, D as stripeStoreHandleInventoryRefund, E as policyConsentStore, F as stripeStoreReset, G as cartStoreOnChange, H as stripeStoreOnChange, I as storeCreditStoreGetEffectiveAmount } from './cart-c66ec17e.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-cae1d404.js';
-import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-6d36209f.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as stripeStoreHandleInventoryCheck, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, q as stripeStoreCleanupDomesticShippingSession, r as cartStoreSetCheckoutSession, u as stripeStorePrefetchLandedCost, v as cartStoreNextStep, w as isPolicyConsentRequired, x as stripeStoreUpdateCheckoutSessionBaseCurrency, y as storeCreditStoreApplyCredit, z as storeCreditStoreCoversFullAmount, A as validateCheckoutSession, B as storeCreditStoreCreateOrder, C as stripeStoreConfirmPayment, D as stripeStoreHandleInventoryRefund, E as policyConsentStore, F as stripeStoreReset, G as cartStoreOnChange, H as stripeStoreOnChange, I as storeCreditStoreGetEffectiveAmount } from './cart-5282f6c1.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-7c82eac4.js';
+import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-0953a048.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-b7d3f9b0.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, g as getIsTestMode, j as jsonParse, l as logError, b as getAdditionalLogMetadata, s as sendErrorLog, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';

package/dist/esm/zonos-collapse.entry.js

@@ -53,10 +53,10 @@ const ZonosCollapse = class {
             // 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' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/zonos-collect-cart-items_3.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host } from './index-cfd394c8.js';
-import { d as cartStore } from './cart-c66ec17e.js';
+import { d as cartStore } from './cart-5282f6c1.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-87d195f6.js';
 import { f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-6d36209f.js';
+import './localization-0953a048.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
 import './isDarkColor-039ef212.js';
@@ -22,7 +22,7 @@ const ZonosCollectCartItems = class {
     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: () => {
@@ -49,10 +49,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'f06155d19be654e8af1f3fe31d8b90c9714803a1', style: {
+        return (h(Host, { key: '029e16a802574614fb1d7cf1c7142425bf5a8dd2', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '6cfa7de515d78cc8376e9c863e54e6875392bd0a' })));
+            } }, h("slot", { key: '9894338cb38887b8757182f8ed2a4ce1bcff0eaf' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -75,7 +75,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: '58a2bedd58be3710e9e769efda15097c3ba19ea8', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: 'b5450df7f385c16cc93b492ba8e3369f131db069', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/esm/zonos-collect-finish_6.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, d as createEvent, h, F as Fragment, a as Host, g as getElement } from './index-cfd394c8.js';
-import { b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, j as airwallexStoreMessageBasedOnStatus, k as airwallexStoreReset, c as collectStore, e as airwallexStoreIsPaidStatus } from './collect-915fd59d.js';
-import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, Q as stripeStoreResetPromoCode, F as stripeStoreReset, R as stripeStoreMessageBasedOnStatus, d as cartStore, v as cartStoreNextStep, G as cartStoreOnChange } from './cart-c66ec17e.js';
-import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-cae1d404.js';
-import { t as translate, s as storageStore, l as localizationStore, x as translationStoreOnChange } from './localization-6d36209f.js';
+import { b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, j as airwallexStoreMessageBasedOnStatus, k as airwallexStoreReset, c as collectStore, e as airwallexStoreIsPaidStatus } from './collect-fdbab973.js';
+import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, Q as stripeStoreResetPromoCode, F as stripeStoreReset, R as stripeStoreMessageBasedOnStatus, d as cartStore, v as cartStoreNextStep, G as cartStoreOnChange } from './cart-5282f6c1.js';
+import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-7c82eac4.js';
+import { t as translate, s as storageStore, l as localizationStore, x as translationStoreOnChange } from './localization-0953a048.js';
 import { z as zonosStore } from './zonosStore-b7d3f9b0.js';
 import { h as handleFetch, s as sendErrorLog, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
@@ -11,8 +11,8 @@ import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { i as isCollectMobile, a as isCollectTablet } from './isCollectMobileTablet-111b0dd7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-951386a5.js';
-import { p as placeTestOrder } from './placeTestOrder-955269d2.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-44f897a1.js';
+import { p as placeTestOrder } from './placeTestOrder-6a746207.js';
 import { r as renderFallback } from './renderFallback-b250f4e9.js';
 import './isDarkColor-039ef212.js';
 import './TaxId-63a14057.js';
@@ -376,11 +376,11 @@ const ZonosCollectFinish = class {
     }
     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')))))))));
     }
@@ -445,15 +445,15 @@ const ZonosCollectFooter = class {
         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$1, 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$1, 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"))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -794,13 +794,13 @@ const ZonosCollectReview = class {
     }
     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,
@@ -866,7 +866,7 @@ const ZonosCollectSubtotal = class {
     }
     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,
@@ -874,7 +874,7 @@ const ZonosCollectSubtotal = class {
             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,
@@ -882,7 +882,7 @@ const ZonosCollectSubtotal = class {
             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,
@@ -890,7 +890,7 @@ const ZonosCollectSubtotal = class {
             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,
@@ -898,7 +898,7 @@ const ZonosCollectSubtotal = class {
             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/esm/zonos-collect.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, a as Host, F as Fragment } from './index-cfd394c8.js';
-import { c as collectStore, a as airwallexStoreSetFromSession, b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, e as airwallexStoreIsPaidStatus, f as airwallexStoreInitSdk, g as collectStoreUpdateSelectedShippingOption, h as collectStoreInitShippingInfo, i as collectStoreAsyncAddressUpdate } from './collect-915fd59d.js';
-import { b as stripeStore, i as initStripeElements, d as cartStore, c as stripeStoreRetrievePayment, o as cartStoreUpdateToErrorState, e as cartStoreUpdateItems, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, x as stripeStoreUpdateCheckoutSessionBaseCurrency, C as stripeStoreConfirmPayment, H as stripeStoreOnChange, F as stripeStoreReset, f as cartStoreReset } from './cart-c66ec17e.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-cae1d404.js';
-import { s as storageStore, t as translate, e as localizationStoreOnChange, h as currencyFormat, l as localizationStore } from './localization-6d36209f.js';
+import { c as collectStore, a as airwallexStoreSetFromSession, b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, e as airwallexStoreIsPaidStatus, f as airwallexStoreInitSdk, g as collectStoreUpdateSelectedShippingOption, h as collectStoreInitShippingInfo, i as collectStoreAsyncAddressUpdate } from './collect-fdbab973.js';
+import { b as stripeStore, i as initStripeElements, d as cartStore, c as stripeStoreRetrievePayment, o as cartStoreUpdateToErrorState, e as cartStoreUpdateItems, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, x as stripeStoreUpdateCheckoutSessionBaseCurrency, C as stripeStoreConfirmPayment, H as stripeStoreOnChange, F as stripeStoreReset, f as cartStoreReset } from './cart-5282f6c1.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-7c82eac4.js';
+import { s as storageStore, t as translate, e as localizationStoreOnChange, h as currencyFormat, l as localizationStore } from './localization-0953a048.js';
 import { z as zonosStore } from './zonosStore-b7d3f9b0.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, s as sendErrorLog, l as logError, g as getIsTestMode } from './handleFetch-a844cac1.js';

package/dist/esm/zonos-component.entry.js

@@ -27,7 +27,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: '27751801e26bb6bc488e28911f5c685332b879c7' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '4e29ec8d8aeafa6d194925220355d6a8a785e838' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

package/dist/esm/zonos-controller.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-cfd394c8.js';
-import { b as stripeStore } from './cart-c66ec17e.js';
-import { j as getOverridenZCountry, k as isValidSelector, m as initLocalizationStore, s as storageStore, c as localizationStoreUpdateSelectedCountryCode } from './localization-6d36209f.js';
+import { b as stripeStore } from './cart-5282f6c1.js';
+import { j as getOverridenZCountry, k as isValidSelector, m as initLocalizationStore, s as storageStore, c as localizationStoreUpdateSelectedCountryCode } from './localization-0953a048.js';
 import { z as zonosStore, e as zonosStoreInitSetting, f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
 import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
@@ -859,7 +859,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '925af89a63419b44e6372de48c66e0898d039ae0', class: "zonos--elements" });
+        return h(Host, { key: '4fde0983cf8a248635f7e1d8c54c712142e9363d', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

package/dist/esm/zonos-country-flag.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-cfd394c8.js';
-import { l as localizationStore } from './localization-6d36209f.js';
+import { l as localizationStore } from './localization-0953a048.js';
 import { f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-a844cac1.js';