@zonos/elements 1.3.280 → 1.3.282

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

@@ -3,28 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-0fa312a5.js');
-const localization = require('./localization-7fded969.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-41d48407.js');
+const cart = require('./cart-dc31b242.js');
+const localization = require('./localization-491121ad.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-ab39875a.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
-const hasInclusivePrice = require('./hasInclusivePrice-95431bca.js');
+const hasInclusivePrice = require('./hasInclusivePrice-d14b9d71.js');
 const isSameHostCheckoutLink = require('./isSameHostCheckoutLink-6148cabb.js');
-const paypal = require('./paypal-57ab3ab6.js');
+const paypal = require('./paypal-2a4c374c.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-35e0d3bd.js');
+const placeTestOrder = require('./placeTestOrder-a940a2e9.js');
 const isDarkColor = require('./isDarkColor-ebc74b4d.js');
 const getContrastColor = require('./getContrastColor-2fb235b8.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-f595319d.js');
+const getMissingRequiredShippingFields = require('./getMissingRequiredShippingFields-7cd21100.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
-const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-b8abf6de.js');
-const TaxId = require('./TaxId-12acedde.js');
+const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-7d19556c.js');
+const TaxId = require('./TaxId-cd9d490e.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 require('./debounce-9a712c79.js');
@@ -41,7 +42,7 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: 'ec83033ab6a41452e8d3f611ca59f571741d7c73', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '3f403b3e3943f13394e419b6d3e01629ed673cd8', class: "zonos--cart-table" }, index.h("tbody", { key: '0c2caccc03dd36d00453e88ac7df9d8e3c47b5f1' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '2f81af1b6315853352a29bacaa230d782e76115a', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '7fe64f09729e0791605cdd8e66d7230ab162c7cf', class: "zonos--cart-table" }, index.h("tbody", { key: '49c17b5c7c68bfd41b2d8fabbbf4c3c764faba33' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
@@ -1025,11 +1026,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '7bbe3b38422e6b6a0b7a98c8e9cacf4b6abbfd8f', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '76a3503d5c41cf3138e71b071fdb5e341fad1781', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (index.h("div", { key: '8608faad8369cb1ad3e208862d264cc176f37702', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '749ea9f925a11859310a47280f906f4e54cff7b2', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: 'ccb75f51c73fa22e94771f4ff00456a042185fb7', class: "zonos--finish-details" }, index.h("div", { key: '4bb0e457e963c2c95517a1688d0dcfdaa2c94013', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '7b57ab0d072852734a54833153d9a4aef526f97d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'b633c665c126225ab060f806e150d77e118b7f6a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'f15e8bef4931917ec51a5c449b6d20e76c295cbf',
+            } }, this.isImmediateRedirecting && (index.h("div", { key: 'aab29e86b7d17dde74d873fe97f342e419e1b5cb', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '29526f5d056c117ccd65bd1ed303761c04fdbdf3', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '438b210be5c4c78c74d37e5fde8de994e379afa0', class: "zonos--finish-details" }, index.h("div", { key: '1cb133c14660035ea6395adb74d30790b69715f3', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '4e5a66524f7833916829c9dd7172225e872bb329', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '773a548cd7757af62b26bbe119e7dd078ab4df5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'ea8c30af05aa57c05155f68b416668db16cfcd1c',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -1041,9 +1042,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'f450a254f244806612f269f90ce984167c787795', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '50120bf3a405a2b6e5433fe1bb744f0b836ac49f', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: 'd5ab67cad67c9b62e2e369c52f028aca0fb485b5', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '1ab66e026b3797e2fc0f44fe0bcea439dab85128', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '8fc0dc456bb32fb94ea390bf50a9590b35bbb04d', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: '2794f9deea56b65de81ad92285270388a7089a73', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '2ba2ef7a26f78cf484d1625428d866cdfadd1b2f', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'fc689ad6192fb0cc86a9fcaf164660a056df8bc5', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1117,10 +1118,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.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 (index.h(index.Host, { key: 'edf9d7cfd7375fcd4f335caedccc2928f84a594e', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '14f359b70f1f4610be37571ae5d32ae7791be012', class: "zonos--checkout-footer" }, index.h("div", { key: 'ae803331487f9759403633a8e27cc6e480b40f93', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'f173841a4c1b3af79a2c21ad9195b509f2891964', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '7148d2a6076b786954cb9a02e41c760ba4719d6b', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: '0a759d42576bf657893e6e2349cc3938855de6fc', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '63b1ac3440c35349341272b051c4a3e04e19f818', class: classes.classes([
+        return (index.h(index.Host, { key: '3a463ea949a4c94be594297c2d7151e5dac16242', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '7e34187328438ad3d48748917740a8676cca4969', class: "zonos--checkout-footer" }, index.h("div", { key: '5570ef60246917331cc043c5b12933aa8032f009', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '37ffa31d7c49fede9d0938827fdc6533839cc7b0', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'bfce982c3285039125a37c3be266752fea03b4ce', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'd5c1a5e5a43df15a3fcfb8e7cf9635ce369de158', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '15ed2186739391725783bdef158d80d961e0ba92', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '5cad0220d288b722355715c5418928f065af07c1', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '30ec30fd80133525889fea8ab0567179f3ffdd3a', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'a6900165737de98bed8fee21d88b4e269ad209e3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, index.h("zonos-text", { key: 'ca88bc63b702dcb651530f41aee4764734a5ee84', textColor: colorDesktop }, localization.translate('Privacy policy'))), index.h("div", { key: '8caa023f3aca229e464a27f55c289985114cc641', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '9a3b6097c157dd86bd8a03c41887915051852930', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: '5e0657c052e71ce12c5717b8a5473e4fc5ca2926', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '1c6a13757a62a14a9898b3de06aaa1f717f3035d', autoHeight: true, content: colorDesktop === 'gray-1000'
+            ]) }, index.h("zonos-language-select", { key: '4857e62f7c7026a2ea5962e24bff0c3eb8528ec9', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '5b30864dae419059892700b83680ed7a00ac0f3c', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '26ef022e181d72ad959b17acd4ab0e8870edf48f', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, index.h("zonos-text", { key: 'b4c804c21a5a5fc6904aa969976c24b7c833bcdb', textColor: colorDesktop }, localization.translate('Privacy policy'))), index.h("div", { key: '142c042ef81891b74e18fe303a50be2a8363e0ce', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '90f54daa4476cbdb3b934f9d6127e1c9245df9a5', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: 'bc6ef3c56a9a3550898f96ae04eeb0444d56e10a', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '21ec5a15e996e2ff925593823ee583832bac4ab5', autoHeight: true, content: colorDesktop === 'gray-1000'
                 ? ZonosIconLight
                 : ZonosIconDark, size: 108 })))))));
     }
@@ -1593,17 +1594,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: 'e5c68ba81756351ca14ee7cecc1fc31070aea2f6', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'b6a80cfc838ca16ce76be381fcde573a0d6db0cc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '64c20db4eb660505af2e97c07e9658f9866cfd57', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: '6002136139ac0349c9dca75fc4c24dc258599551', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: 'e3257fb953c3c76e946a47334a16a2bd802ceb10', class: "zonos--tab-progress" }, index.h("div", { key: '2e8a3905cf361d1138846aa8f8153b92e80c5fca', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '5b834399f95b66f5ae076e721acb51f50c068551', class: "zonos--tab-progress" }, index.h("div", { key: '267bf0a5b8911eadcca75147d625201115b7de8b', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -1644,6 +1645,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 } = cart.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 = shouldRenderTaxIdInput.shouldRenderShortAddressCodeInput({
@@ -1751,10 +1775,13 @@ const taxIdValidationResult = ({ companyName, shippingCountry, taxId, }) => {
     }
     // validate tax id for mexico;
     if (shippingCountry === 'MX') {
-        const isValid = /^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/.test(taxId);
-        if (!isValid) {
+        // RFC: 3-4 letters + 6 digit date + 3 character homoclave (12-13 total)
+        const isValidRfc = /^[A-ZÑ]{3,4}[0-9]{6}[A-Z0-9]{3}$/.test(taxId);
+        // CURP: 4 letters + 6 digit date + gender (H/M/X) + 5 letters + alphanumeric + digit (18 total)
+        const isValidCurp = /^[A-Z]{4}[0-9]{6}[HMX][A-Z]{5}[A-Z0-9][0-9]$/.test(taxId);
+        if (!isValidRfc && !isValidCurp) {
             return {
-                error: 'Invalid RFC format. Must be 12–13 uppercase letters and numbers only.',
+                error: 'Invalid RFC or CURP format. Must be a 12–13 character RFC or an 18 character CURP, uppercase letters and numbers only.',
                 valid: false,
             };
         }
@@ -1829,6 +1856,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
          */
@@ -1920,6 +1956,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.getMissingRequiredShippingFields({
+                    countryField: cart.stripeStore.stripeAddressEventData
+                        ? cart.getCountryField(cart.stripeStore.stripeAddressEventData.value.address.country)
+                        : null,
+                    event: cart.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) {
@@ -1931,6 +1991,18 @@ const ZonosCustomerInfo = class {
                 shippingAddress: cart.stripeStore.stripeAddressEventData,
             });
         };
+        this.completionSubmitHandler = (data) => {
+            const eventData = cart.stripeStore.stripeAddressEventData;
+            if (eventData) {
+                // Merge the captured fields back into the stored shipping address event.
+                cart.stripeStore.stripeAddressEventData = applyAddressCompletion({
+                    data,
+                    event: eventData,
+                });
+            }
+            this.openCompletionDialog = false;
+            void this.continueAfterValidation().catch(handleFetch.logError);
+        };
         /**
          * Validate the custom address form, turn the flag showError to false if the form is valid, or vice versa
          */
@@ -2287,7 +2359,7 @@ const ZonosCustomerInfo = class {
                     submitData,
                     type: 'billingAddress',
                 });
-            }, shippingAddress: this.prepareAddressObject(cart.stripeStore.stripeAddressEventData), translatedBillingAddress: cart.stripeStore.translatedAddress.billingAddress, translatedShippingAddress: cart.stripeStore.translatedAddress.address }))));
+            }, shippingAddress: this.prepareAddressObject(cart.stripeStore.stripeAddressEventData), translatedBillingAddress: cart.stripeStore.translatedAddress.billingAddress, translatedShippingAddress: cart.stripeStore.translatedAddress.address })), cart.stripeStore.stripeAddressEventData && (index.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(cart.stripeStore.stripeAddressEventData), submitBtnColor: this.submitBtnColor, submitBtnType: this.submitBtnType }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2316,11 +2388,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '318c4da3d24faab9e2896923388183be1553fc39', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '709006622bdc4ba41d622c57562d98e90d6bfbbd', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '4a25dbfceb67d366ea68ebe0b16bd3af2f2073e6', class: "zonos--restState-image" }, index.h("img", { key: '5af2ffcf96d9ee70ceb14c6c16ad8607c5a734d8', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: 'ecd47662e89cdd64c19e56f33fff5ebe929609fd', class: "zonos--restState-image" }, index.h("img", { key: 'c11941895f62fb7cd2dfcb34d8b5409ecbe23a3a', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: 'c3c6c28e7edabc3f127f74a1f8025cdd556c2df1', class: "content" }, index.h("zonos-text", { key: '8fc1b63061c1c6ed1aaf7c8bf1f6d0107ad96574', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '8410ef232d219a27bedd6fab0f2145c242c21a6d', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'f9d8cd4653bc3918b9c2c3bf453b17999e16972f', class: "action" }, index.h("slot", { key: '60091e060884958d729092292ae6c34f9af85ae1' }))));
+            }, src: imageUrl })), index.h("div", { key: '40a66ae6959222fedcfd69de6f0236ac078903c3', class: "content" }, index.h("zonos-text", { key: 'ca7f67de9b084e16e1a5e5635a4917680fcbdfd6', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '9e6f22d9fb87b1462044a2395c32b03d9b4b59d3', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'f93aa94983a14e5a4bc03cd339c1d53954da0f30', class: "action" }, index.h("slot", { key: 'b893fc9c907a97f241d6b7148636b01381f26813' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -72,14 +72,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: '2021966f1236912bd2970023fbc44165c7b6ed7c', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: 'e85da15e441564d911fc0cf3927d4bbfcd151570', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: 'b49919481676d8360a07d9cd456ce149559b9a09', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '5d3382b19c8f5207e5a505ff09248441969aa5c7', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: 'f0dd01f615792e9c2cd2051a8a3aa04d8f6f1f53', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.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" }), index.h("span", { key: 'fc35e3d6c1a3380b8f2b012951b5cf50e42e9735', class: "checkmark-container" }, index.h("svg", { key: 'c134d6444c50ff2294c7685f2a3ed52a6ef070b6', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.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 && (index.h("zonos-text", { key: '0626598dc95151a065a615ffaf99fd59030d2a29', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '228d3d5cabdcd5633bd0fabea9997a787fdca0ae', class: "checkmark-container" }, index.h("svg", { key: '42ab50560eb8fde3dcb3d0d0325ba05c57c5e30f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.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 && (index.h("zonos-text", { key: 'fad4553fae51c0dffc77443c08439c8076a9dfbd', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -97,9 +97,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'cdc4d67f72773fa460d24cfc0a24fcb5288f40ad', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: 'e4177068eca8831790db346088acde5c24a1cb52', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '2eb725addb5f65b98edd5193ceb6eaaa2564952b', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: '89c8561a03f2e9c11c858b406fd8dd5cbc92a9b7', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-0fa312a5.js');
-const paypal = require('./paypal-57ab3ab6.js');
-const localization = require('./localization-7fded969.js');
+const cart = require('./cart-dc31b242.js');
+const paypal = require('./paypal-2a4c374c.js');
+const localization = require('./localization-491121ad.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -18,7 +18,7 @@ const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
 const isDarkColor = require('./isDarkColor-ebc74b4d.js');
 const styles = require('./styles-d1e64fb9.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
-require('./TaxId-12acedde.js');
+require('./TaxId-cd9d490e.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 require('./debounce-9a712c79.js');

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

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

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-0fa312a5.js');
+const cart = require('./cart-dc31b242.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-57147de7.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-7fded969.js');
+require('./localization-491121ad.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
-require('./TaxId-12acedde.js');
+require('./TaxId-cd9d490e.js');
 
 const zonosCollectCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
 const ZonosCollectCartItemsStyle0 = zonosCollectCartItemsCss;
@@ -26,7 +26,7 @@ const ZonosCollectCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: 'b59fc5d56e5672ed47312fa930a1f35bf987b58d', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '1f1020fd843fc2e86a12f426786f275e2c45c7c6', class: "zonos--cart-table" }, index.h("tbody", { key: 'b383812ea0967e3715701c09753fda8b3dbfe612' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '1ce09299c7be0b28d85a5bf5b6d0cd1272b305a2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: 'a964c41a141ad4490e3213054d25dd688dca6d18', class: "zonos--cart-table" }, index.h("tbody", { key: 'dbc155d72b4de43839b0e2fc8b8704e5c885a5ec' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             return (index.h("tr", { class: "zonos--collect-cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
@@ -53,10 +53,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'f06155d19be654e8af1f3fe31d8b90c9714803a1', style: {
+        return (index.h(index.Host, { key: '029e16a802574614fb1d7cf1c7142425bf5a8dd2', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '6cfa7de515d78cc8376e9c863e54e6875392bd0a' })));
+            } }, index.h("slot", { key: '9894338cb38887b8757182f8ed2a4ce1bcff0eaf' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -79,7 +79,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '58a2bedd58be3710e9e769efda15097c3ba19ea8', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: 'b5450df7f385c16cc93b492ba8e3369f131db069', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-f9c4ca7c.js');
-const cart = require('./cart-0fa312a5.js');
-const paypal = require('./paypal-57ab3ab6.js');
-const localization = require('./localization-7fded969.js');
+const collect = require('./collect-463ab3d7.js');
+const cart = require('./cart-dc31b242.js');
+const paypal = require('./paypal-2a4c374c.js');
+const localization = require('./localization-491121ad.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -15,11 +15,11 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-41d48407.js');
-const placeTestOrder = require('./placeTestOrder-35e0d3bd.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-ab39875a.js');
+const placeTestOrder = require('./placeTestOrder-a940a2e9.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-ebc74b4d.js');
-require('./TaxId-12acedde.js');
+require('./TaxId-cd9d490e.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 
@@ -380,11 +380,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: 'fe3107670230caeaacc834983d9215422a7828ae', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '79369b0b697b1ab4e4b320442452bcf1f942f57c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'fefefedc7ec022318cbc6da23b327079afec981b', class: "zonos--finish-details" }, index.h("div", { key: '4428271e11c3a96db732726719c5747364a18097', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '0c3371b3bed8fd83e437075f1c35179fbb7e5e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'dbb263f0f95a62d93ae3c5ac455625512eb1f63e', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '07e2733ad91ced8e5260e0f8fea627610b864ebf', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'ecb7332cb4b7c28d398f2957d3b521c6328163eb', class: "zonos--button-container" }, index.h("zonos-button", { key: 'c8303e2a61d573b6e028ab38df2427fa98471e9f', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: 'd7685ab3248308469d186f96384f4c3d4b1994df', class: "zonos--finish-details" }, index.h("div", { key: '45e8b49c5bba2022a1033c4496ed6f910a66af55', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'ead6f0af19b569c0e38c0ed10a553d17487f7950', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '81007111e84420a27a390dd4e4146434b6fa371d', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '5b8343c8d75242d8beead8d75dd3826e139aaf02', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '46d3f8184caefe2f5b143d9d7269a428b73dd7da', class: "zonos--button-container" }, index.h("zonos-button", { key: '9923fc08076ddd03053b0ef0ff77af6debee749c', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -449,15 +449,15 @@ const ZonosCollectFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.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 (index.h(index.Host, { key: '52908f4538918641b708887436e1cfe3b643376f', class: classes.classes([
+        return (index.h(index.Host, { key: '8ab700c2f2b1a05379fd75e879c818e2adb8afd1', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '46a1c762d78396a7f993bad323c93f8e6bc71f1b', class: "zonos--collect-footer" }, index.h("div", { key: 'a6a98539cdb901ecd162f5e5b98591c9b8b7321a', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '8a5c4a18bc1030c3e74e412ff14a59c299f59e9a', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '03bc4235862d1382cd8f0cdb007fd708bf2bfe87', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '4b3bbcd5bcd4039f3cb1f1c4c12698cba1894308', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '5508629b0cdc334b81ad4d4d5a034ced133d6744', class: classes.classes([
+            ]) }, index.h("div", { key: 'e4de4b99e01ecc9aec961067af0f295a64616f13', class: "zonos--collect-footer" }, index.h("div", { key: '154b2c963f4154174bb9ec74ce7fd9fbd50fba80', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '45bce389798236f0827e2a3adbc185cd93d08541', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '0cdf082f147e03893e50d882794a4330716c351d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '4a32f8d8dd7e3bfc7117dbb9821ce76e9556cd26', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'da0241df9b3729f615690671a9470fa632d766f7', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'ca4b77d72dfd9db8743290d333b7fcde15d090d6', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '98f0d0c35e3c6b4fde833e4b9ae334549fe46f1f', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'b3039948472d797bf04a23d3aca839472f6c6946', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '75123a6fb2bcdce07e0ebe433a28d81eefaec9ea', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '2a0f4e2bc5df9d383ac4b91c589d2ce7149c6b3d', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '436005434f2a9d2ff1228cd36d873b8de7d339f2', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'c488b5eefba54424a0e66af61415d78d8f3d46fa', class: "dot" }), index.h("a", { key: 'd98fc7646d4877179b94bee6d3f8a7a283bbc756', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '54fe3d9316ee5b22f5620b7acde145627b66cbe3', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: 'a29977d98d3a4db1230c9fab41d4f84485aee2a7', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'cb7881f46838f5f6639e444f524292aec43df8d6', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '3d3d435a3607762a4004819670367d19d81f4607', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: 'e56373f0f1f7c97a8a47dcc29ddebcaa0b1e9b06', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '1dce741207bdd3c5f9f3a36486d361ba5b0b8683', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'bda31cd75b162b66acad3ab888b69e042e195f1e', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '896509762127608a50bca02a01051c05ce17c172', class: "dot" }), index.h("a", { key: 'dcff1c02f80665e9b52527b9c8019af5cbf68bd3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dab8c359011952955a64c20c3fe17977cf286848', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -798,13 +798,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '7f1709df3a42ae9917e26a86e9c90703b2243ab7', class: classes.classes([
+        return (index.h(index.Host, { key: '3a3a7d5291db82d260d85446ce4ef97bbb8034d1', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '5ed5f5c7da922a9393501b5e31da9a20b9724d9c', class: "zonos--title" }, index.h("zonos-text", { key: 'd54511663bb32405e16349b20807b9ccddb5fd03', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
+            ]) }, index.h("div", { key: 'cb74e4a870e73eadbbbba7590d765f97db8450ba', class: "zonos--title" }, index.h("zonos-text", { key: '1e4cdd77f6102369ac57a836d82431119001a053', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '82967c3614ee91cf95955372bb013837f93822d1', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '6c1a8207d2f148c155d50e7e2ff80c1153d86eec', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -870,7 +870,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'fea37a2a4dd32592b88703c37d901fee65408bed', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: 'be501438b0101c4b13421450dad99ec12f7c5a0b', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '2c61bf6e958a199d4b8ae3aff00b74a9889ab491', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'd6fc30c58fcc42c282b7dfb03c83b0b7feb0dd82', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '5909abeeed4a5f90df5a79be09383842137a175c', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '68d06c4e8732363e0e5e36d77f9d4b363c0adc3c', class: "zonos--column" }), index.h("td", { key: 'fd23e46a4ed44fadc31472e38a15f7579ebed160', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: '873283e3bcbed910a71ec1a45c814a7ea05bcac5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '0df7eed4bd29a79e9065599859317fa2837803c3', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '8d7e641c65cae73a38f182b2775686816eeea853', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'cd85fe2eeebc447cb844be0e9ae2ca3acfbb988f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '6bf01a7f93b0a097648b7284a5a32aa51311a588', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '981f35ab9dd6d7519a77465b6bd9fa53e21ddbe7', class: "zonos--column" }), index.h("td", { key: '5bc30957e829731d8d18bdbd468eff56abe1527e', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
@@ -878,7 +878,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: '3960ae24df8093e1bb7e904bba82b774dc32103c', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'cdfb4bd23f8b3f0545170a05a3b060533db22f26', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'bbbdaade160358cc94a9347f835d2e8bc759866d', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '032c233f3301289c89791d78a5624d9409292041', class: "zonos--column" }), index.h("td", { key: 'b96dc16ecbff5add3adb0236c794c7a71c48800b', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'aba01d5cd377a972c409971bfa6261101a2aca58', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'c016dafb4c6b92cfc715159249d4c0ed663fc301', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'afab7f0757f4f7e1941a81f2831bdbd4460ba3fa', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '0b6ee1a4a59db701e17caaad5c69da01156f7cff', class: "zonos--column" }), index.h("td", { key: 'a5c0ad551408a7c760048f6660fead6d71f9ba89', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
@@ -886,7 +886,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '056890bb4d5394aea10f618c97c6d22d0ed63d3b', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '920bbbc49538bf61a4b3a180454a904996448b22', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '3609ef98b6fe12f11d16a9176321321fa450c482', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'c7393e334a5d229f879094aa10356740676a412a', class: "zonos--column" }), index.h("td", { key: '799e621fbeda831fd2181a362d9ace49a39b69e4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '794f30fc44ea873b4e242e17b5d647f80bf7dd2b', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '0290e97bb88893eda374f62e93e9876900932182', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b789da8295e4069fd3a5f5b6dee0b0457fc31a51', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '38a80da4106ce87ad7dabf6de3b1b1eba710b71e', class: "zonos--column" }), index.h("td", { key: '0fbfa990caf302692dfe1e8c27ddaea51df99660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
@@ -894,7 +894,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: 'b9cc1a5aa049ccefb48dc5d1627bdb8093ffe29f', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: '439b7508f723ed01efd63e499de979a84e136b21', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '6c3db4c263f849b9f1ad25a1ce1cfb23dcf03b10', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '3fac71f137d3d5af8a40d7aaa0ad36c31a827a5b', class: "zonos--column" }), index.h("td", { key: '45084572c966e849b69dd4f10d065fd3f0aa5544', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '5c09a882998169f59baa30a59574d1ca919ab1c6', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'd8debe70bbc2394f95581409a1db5cb8055383eb', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '5427b75fa3f55701713bc837c4e75fac31bd5c53', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'd543700b03631be1b95cc5cca39c9239abaf147c', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'ddf127c847f6261cb2658e164a58e01f5db47b90', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '1dcb250d978b55e5d999796cf39dcef885e0b145', class: "zonos--column" }), index.h("td", { key: '4299cfc2a589c61878c660e6cc60dc0a44162b2f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '359d4e0dfec0717cc67d611a561f8e530e387863', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '07f45c0222553309ca503b1eef283b96156e19a5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -902,7 +902,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: 'db55f0a9600bff78e582609f17ac561fb30ec85f', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '8b77eb9db155a44591bce58fd24ee46110b9a407', class: "zonos--column" }), index.h("td", { key: '5c1b6df053e202f60d1d3fa4ff5d8c53fb1762ce', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '393f436b62e9b49d52598896b2913f08e953987b', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: 'c2bc51d66b8490652c6f6df8fac0194544785706', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '0de126a7c6083b28ecd13a99828d3e9a37a04ba2', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '2b5be6f49d700c545b25a603d0a9caafa42e3a70', class: "zonos--column" }), index.h("td", { key: 'da833751a18f408b0d2d17cb9b812497e43360a8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b6cf2a310f40274d9633825471e16f429152a994', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: 'f93207f749dc584419b542a31dcae1a0c279f6e3', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

package/dist/cjs/zonos-collect.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-f9c4ca7c.js');
-const cart = require('./cart-0fa312a5.js');
-const paypal = require('./paypal-57ab3ab6.js');
-const localization = require('./localization-7fded969.js');
+const collect = require('./collect-463ab3d7.js');
+const cart = require('./cart-dc31b242.js');
+const paypal = require('./paypal-2a4c374c.js');
+const localization = require('./localization-491121ad.js');
 const zonosStore = require('./zonosStore-fee716c9.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -17,7 +17,7 @@ const renderFallback = require('./renderFallback-bc20ee20.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./isDarkColor-ebc74b4d.js');
 require('./getBorderRadius-4da24d7c.js');
-require('./TaxId-12acedde.js');
+require('./TaxId-cd9d490e.js');
 require('./isContrastColor-ef24b7aa.js');
 require('./submitGtag-74762255.js');
 

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

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