@zonos/elements 1.3.263 → 1.3.265

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-02a93797.js');
-const paypal = require('./paypal-f8a0cca3.js');
-const localization = require('./localization-68ebf7c6.js');
+const cart = require('./cart-c325b9e4.js');
+const paypal = require('./paypal-b52e1f24.js');
+const localization = require('./localization-06cc0379.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -97,6 +97,63 @@ const buildCartUrl = ({ cartId, checkoutSessionId, customerAddress1, customerAdd
     return `${hostedCheckoutUrl}?${urlParams.toString()}`;
 };
 
+/**
+ * Fetch the checkout/cart ID from the BigCommerce Storefront Cart API.
+ * The `/checkout` page URL does not include the checkout ID, so we
+ * retrieve it from `/api/storefront/cart` which returns the active cart(s).
+ */
+const fetchCheckoutId = async () => {
+    var _a, _b;
+    try {
+        const response = await fetch('/api/storefront/cart', {
+            credentials: 'same-origin',
+            headers: {
+                Accept: 'application/json',
+            },
+        });
+        if (!response.ok) {
+            VarianceTest.log(`Failed to fetch BigCommerce cart: ${String(response.status)}`, 'error');
+            return null;
+        }
+        const carts = (await response.json());
+        return (_b = (_a = carts === null || carts === void 0 ? void 0 : carts[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null;
+    }
+    catch (error) {
+        handleFetch.logError('Error fetching BigCommerce cart data', error);
+        return null;
+    }
+};
+/**
+ * Fetch checkout data from the BigCommerce Storefront API.
+ * This API is cookie-authenticated (same-origin), so no token is needed.
+ */
+const fetchBigCommerceCheckout = async (checkoutId) => {
+    try {
+        const response = await fetch(`/api/storefront/checkouts/${checkoutId}?include=customer.customerGroup,customer.addresses`, {
+            credentials: 'same-origin',
+            headers: {
+                Accept: 'application/json',
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            VarianceTest.log(`Failed to fetch BigCommerce checkout: ${String(response.status)}`, 'error');
+            return null;
+        }
+        return (await response.json());
+    }
+    catch (error) {
+        handleFetch.logError('Error fetching BigCommerce checkout data', error);
+        return null;
+    }
+};
+/**
+ * Whether the BigCommerce shopper is already logged in. We key off the
+ * customer's numeric `id` since the storefront API populates it only for
+ * authenticated sessions (guest checkouts have an empty `customer` object).
+ */
+const isBigCommerceCustomerLoggedIn = (checkout) => { var _a; return !!((_a = checkout === null || checkout === void 0 ? void 0 : checkout.customer) === null || _a === void 0 ? void 0 : _a.id); };
+
 /**
  * The query flag that BigCommerce carries back to `cart.php` after the
  * shopper logs in. When present, Zonos-elements knows to resume the
@@ -184,63 +241,6 @@ const buildBigcommerceRedirectUrl = (pathname) => {
     return url.toString();
 };
 
-/**
- * Fetch the checkout/cart ID from the BigCommerce Storefront Cart API.
- * The `/checkout` page URL does not include the checkout ID, so we
- * retrieve it from `/api/storefront/cart` which returns the active cart(s).
- */
-const fetchCheckoutId = async () => {
-    var _a, _b;
-    try {
-        const response = await fetch('/api/storefront/cart', {
-            credentials: 'same-origin',
-            headers: {
-                Accept: 'application/json',
-            },
-        });
-        if (!response.ok) {
-            VarianceTest.log(`Failed to fetch BigCommerce cart: ${String(response.status)}`, 'error');
-            return null;
-        }
-        const carts = (await response.json());
-        return (_b = (_a = carts === null || carts === void 0 ? void 0 : carts[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null;
-    }
-    catch (error) {
-        handleFetch.logError('Error fetching BigCommerce cart data', error);
-        return null;
-    }
-};
-/**
- * Fetch checkout data from the BigCommerce Storefront API.
- * This API is cookie-authenticated (same-origin), so no token is needed.
- */
-const fetchBigCommerceCheckout = async (checkoutId) => {
-    try {
-        const response = await fetch(`/api/storefront/checkouts/${checkoutId}?include=customer.customerGroup`, {
-            credentials: 'same-origin',
-            headers: {
-                Accept: 'application/json',
-                'Content-Type': 'application/json',
-            },
-        });
-        if (!response.ok) {
-            VarianceTest.log(`Failed to fetch BigCommerce checkout: ${String(response.status)}`, 'error');
-            return null;
-        }
-        return (await response.json());
-    }
-    catch (error) {
-        handleFetch.logError('Error fetching BigCommerce checkout data', error);
-        return null;
-    }
-};
-/**
- * Whether the BigCommerce shopper is already logged in. We key off the
- * customer's numeric `id` since the storefront API populates it only for
- * authenticated sessions (guest checkouts have an empty `customer` object).
- */
-const isBigCommerceCustomerLoggedIn = (checkout) => { var _a; return !!((_a = checkout === null || checkout === void 0 ? void 0 : checkout.customer) === null || _a === void 0 ? void 0 : _a.id); };
-
 const DEFAULT_RESULT = {
     customerGroupId: null,
     shouldBypass: false,
@@ -614,6 +614,106 @@ const fixBigCommerceLoginCreateAccountLink = () => {
     setTimeout(() => observer.disconnect(), 10000);
 };
 
+const toContactOption = (address, email) => {
+    // Skip entries missing the fields the address form treats as required.
+    if (!address.address1 || !address.countryCode) {
+        return null;
+    }
+    const name = [address.firstName, address.lastName]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+    return {
+        address: {
+            city: address.city || '',
+            country: address.countryCode,
+            line1: address.address1,
+            line2: address.address2 || '',
+            postal_code: address.postalCode || '',
+            // Prefer the ISO subdivision code when present so it round-trips through
+            // Stripe; fall back to the human-readable state name.
+            state: address.stateOrProvinceCode || address.stateOrProvince || '',
+        },
+        email,
+        name,
+        phone: address.phone || '',
+    };
+};
+const dedupKey = (option) => [
+    option.address.line1,
+    option.address.line2 || '',
+    option.address.postal_code,
+    option.address.country,
+]
+    .join('|')
+    .toLowerCase();
+/**
+ * Extract a logged-in BigCommerce shopper's known addresses from a Storefront
+ * API checkout response and convert them into the shape that `zonos-address`
+ * consumes (`StripeStoreContactOption[]`).
+ *
+ * Combines the saved address book (`customer.addresses`) with any address
+ * already attached to the active checkout's consignments, so a shopper who
+ * just selected a one-off shipping address on BC native checkout still sees
+ * that address in the international checkout's address picker. Deduplicates
+ * by line1 + line2 + postal code + country.
+ *
+ * Callers must supply `isShippable` so addresses outside the merchant's
+ * shipping zones are filtered out — international checkout can't fulfill
+ * them and showing them would just confuse the shopper. The optional
+ * `selectedCountryCode` floats addresses in that country to the top of the
+ * list so the shopper's current destination is the default choice.
+ *
+ * Returns an empty list for guest sessions (no `customer.id`) or when the
+ * checkout response is missing the relevant includes.
+ */
+const getBigCommerceCustomerAddresses = (checkout, options) => {
+    var _a, _b, _c, _d;
+    if (!((_a = checkout === null || checkout === void 0 ? void 0 : checkout.customer) === null || _a === void 0 ? void 0 : _a.id)) {
+        return [];
+    }
+    const { isShippable, selectedCountryCode } = options;
+    const email = checkout.customer.email || '';
+    const consignmentAddresses = (_c = (_b = checkout.consignments) === null || _b === void 0 ? void 0 : _b.flatMap(consignment => consignment.shippingAddress ? [consignment.shippingAddress] : [])) !== null && _c !== void 0 ? _c : [];
+    const savedAddresses = (_d = checkout.customer.addresses) !== null && _d !== void 0 ? _d : [];
+    const seen = new Set();
+    const result = [];
+    // Iterate saved addresses first so the dedup key for an address present in
+    // both lists keeps the saved-book version (which carries an `id` and is the
+    // shopper's canonical entry).
+    for (const address of [...savedAddresses, ...consignmentAddresses]) {
+        const option = toContactOption(address, email);
+        if (!option) {
+            continue;
+        }
+        if (!isShippable(option.address.country)) {
+            continue;
+        }
+        const key = dedupKey(option);
+        if (seen.has(key)) {
+            continue;
+        }
+        seen.add(key);
+        result.push(option);
+    }
+    if (!selectedCountryCode) {
+        return result;
+    }
+    // Stable-sort the survivors so addresses matching the currently-selected
+    // country come first while everything else keeps its original order.
+    return result
+        .map((option, index) => ({ index, option }))
+        .sort((a, b) => {
+        const aMatches = a.option.address.country === selectedCountryCode;
+        const bMatches = b.option.address.country === selectedCountryCode;
+        if (aMatches === bMatches) {
+            return a.index - b.index;
+        }
+        return aMatches ? -1 : 1;
+    })
+        .map(entry => entry.option);
+};
+
 const isDisabledCountry = (showLog = true) => {
     if (!localization.localizationStore.localizationLoaded) {
         return true;
@@ -1518,6 +1618,51 @@ const ZonosCheckout = class {
                 settlementAmount: total,
             };
         };
+        /**
+         * For BigCommerce stores with a logged-in shopper, seed
+         * `defaultCustomerProfileAddress` from the BC Storefront API so the
+         * `zonos-address` picker prefills the shopper's saved address book without
+         * forcing them to retype anything. Skips when an address has already been
+         * prefilled by another path (Stripe customer profile, merchant-provided
+         * `defaultAddress`, or the BC redirect's session-storage handoff).
+         */
+        this.prefillBigCommerceCustomerAddresses = async () => {
+            if (!window.Zonos.isBigCommerce) {
+                return;
+            }
+            if (this.defaultCustomerProfileAddress.length) {
+                return;
+            }
+            const hasManualDefault = (Array.isArray(this.defaultAddress) && this.defaultAddress.length > 0) ||
+                (!Array.isArray(this.defaultAddress) &&
+                    typeof this.defaultAddress === 'object' &&
+                    this.defaultAddress !== null);
+            if (hasManualDefault) {
+                return;
+            }
+            const checkoutId = await fetchCheckoutId();
+            if (!checkoutId) {
+                return;
+            }
+            const checkout = await fetchBigCommerceCheckout(checkoutId);
+            if (!isBigCommerceCustomerLoggedIn(checkout)) {
+                return;
+            }
+            const addresses = getBigCommerceCustomerAddresses(checkout, {
+                isShippable: countryCode => isShippableCountry(false, countryCode),
+                selectedCountryCode: localization.localizationStore.selectedCountryCode || undefined,
+            });
+            if (!addresses.length) {
+                return;
+            }
+            // Re-check after the awaits — another prefill path may have populated state
+            // while we were waiting on the network.
+            if (this.defaultCustomerProfileAddress.length) {
+                return;
+            }
+            this.defaultCustomerProfileAddress = addresses;
+            VarianceTest.log(`Prefilled ${String(addresses.length)} BigCommerce customer address(es) for logged-in shopper`, 'info');
+        };
         this.getDefaultAddress = () => {
             // If checkout customer is authenticated, use the address from the customer profile
             if (this.defaultCustomerProfileAddress.length) {
@@ -1657,6 +1802,9 @@ const ZonosCheckout = class {
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.zonosStore.checkoutSettings.createCartId === 'function') {
             VarianceTest.log('"createCartId" is provided, start building cart');
+            // Reset before awaiting the merchant callback so a stale banner from a
+            // previous open is not visible while the network call is in flight.
+            cart.cartStore.customMessage = [];
             const cartIdResult = await zonosStore.zonosStore.checkoutSettings.createCartId();
             let cartId;
             if (typeof cartIdResult === 'object') {
@@ -1666,6 +1814,12 @@ const ZonosCheckout = class {
                 this.useShippingDataFromCreateCartId(cartIdResult.shippingData);
                 cart.cartStore.customerAuthenticationToken =
                     cartIdResult.customerAuthenticationToken || null;
+                // Normalize against misbehaving merchant callbacks: only accept an
+                // array of strings, drop everything else so a bad value can't crash
+                // the renderer (`.filter(...)` would throw on non-arrays).
+                cart.cartStore.customMessage = Array.isArray(cartIdResult.customMessage)
+                    ? cartIdResult.customMessage.filter((line) => typeof line === 'string')
+                    : [];
             }
             else {
                 cartId = cartIdResult;
@@ -2204,6 +2358,11 @@ const ZonosCheckout = class {
         // resume flag, auto-open the international checkout. Strip the flag
         // from the URL so a refresh doesn't keep re-triggering the dialog.
         this.handleBigcommerceInternationalResumeFlag();
+        // For BigCommerce + logged-in shopper, prefetch the saved address book
+        // (`customer.addresses` include) so the international checkout's address
+        // picker is populated by the time the shopper opens it. Fire-and-forget —
+        // the prefill itself guards against overwriting other prefill sources.
+        void this.prefillBigCommerceCustomerAddresses();
         // check if bigcommerce, if user enters the shipping address that's in the shipping zone at bigcommerce checkout
         watchImmediateBigcommerceDomesticCheckoutRedirect({
             domesticRedirectedBtnSelector: CheckoutConfig.domesticRedirectedBtnSelector,

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: '4fb230dfc4aa850c90c8cfbaf59da8d5043a4a89', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '766542489d4a47d87ac2a2e2b7d62ec99272386a' }, index.h("iframe", { key: 'd2e33a342c9001bf4be3a478a068e0713a88bac5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '566b3f4a214fc43cb9642895a716dc69e95ff9ef' }))));
+            } }, index.h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, index.h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-02a93797.js');
+const cart = require('./cart-c325b9e4.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-68ebf7c6.js');
+require('./localization-06cc0379.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-e317bb06.js');
@@ -25,7 +25,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: 'd92815bdd86b1bb911bd11eb9e69bfb6fc477061', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '23e36f132b3ad84cd9cd87c11e3d9149b5dd5e1d', class: "zonos--cart-table" }, index.h("tbody", { key: 'a49a23585c25c93a1b829c044e9641e7143ec212' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: 'ccad7b37a4f0d00d679dfdecb98fa15c2600aea2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '0464336c854621f6f2b31b2fa6ce93daa152e607', class: "zonos--cart-table" }, index.h("tbody", { key: 'a32edcb6ed81d0117fb96f93c9e4fea5d1971abe' }, 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: () => {
@@ -52,10 +52,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '5f51e8415536589fe4300c5db75ea13e4419350b', style: {
+        return (index.h(index.Host, { key: '6d17afddd6bee4215f1ca29e6d1876ead04b1cf4', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: 'b0cc8a581603ee78ec576346c5730f28ba5006e1' })));
+            } }, index.h("slot", { key: '1588eca69137d187ce946df8004a5192187e963b' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -78,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '0b7adeb320e2f98d56158e4ec4d8933aa252ee8b', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '06888cfea3918480152b8f1af660148882747195', 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,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-02a93797.js');
-const paypal = require('./paypal-f8a0cca3.js');
-const localization = require('./localization-68ebf7c6.js');
+const cart = require('./cart-c325b9e4.js');
+const paypal = require('./paypal-b52e1f24.js');
+const localization = require('./localization-06cc0379.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-0d909501.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-92fa5e8f.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-d163c1c4.js');
-const placeTestOrder = require('./placeTestOrder-ce734b60.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
+const placeTestOrder = require('./placeTestOrder-d93a6f2b.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-e317bb06.js');
 require('./isContrastColor-a02c4889.js');
@@ -272,11 +272,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '89331d23e3b6b57ce708f091fb4c9cdaae84f838', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'ebc550d41d82330609ce842578fb9414397f11d2', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '7539e73d3e88c6a486ded338d35ec55398a1f3f4', class: "zonos--finish-details" }, index.h("div", { key: '4a61f515eff3cf0ce77fc88526424c1e63e5d66a', 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: '6a44ceadf42398e95b3bef73888583cca2d4d076', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'aa83de37eaaa4e8a349d6752f11d933584d56c81', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '26ff76617b31f1726bdc3b7d024a29841692f7b9', 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: '721ce7b4561f9d82c2a251ac3f595e36567aaac7', class: "zonos--button-container" }, index.h("zonos-button", { key: '77db63afae505f5472f089e4e5ed9e9c52e48157', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: 'e63176b8eb34a1c9bac491cc653c1108e085e77e', class: "zonos--finish-details" }, index.h("div", { key: 'abad1b8c765417e3d1cb4eb5f97c2713bc780517', 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: '00924614cb5e3553bd572008a7e13ecd7c516272', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'e39986d7d0f739a7ea221546f3f06aa5327ef824', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b4894f5156a213413e58484fe465905e1c5e48d4', 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: '8770f7a408b8b9862a2ef5ac4fa02a6caae6183a', class: "zonos--button-container" }, index.h("zonos-button", { key: '3bebe519d938bccb40c65c668fa58088cfeff47f', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -284,6 +284,8 @@ const ZonosCollectFinish = class {
 };
 ZonosCollectFinish.style = ZonosCollectFinishStyle0;
 
+const ChevronDownIcon$1 = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
+
 const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM11.4709 5.80634C11.7686 5.53723 11.9541 5.5 12 5.5C12.0459 5.5 12.2314 5.53723 12.5291 5.80634C12.8115 6.06164 13.1289 6.46913 13.4271 7.03651C13.9505 8.03191 14.3838 9.46098 14.48 11.25H9.51996C9.61624 9.46098 10.0495 8.03191 10.5729 7.03651C10.8711 6.46913 11.1885 6.06164 11.4709 5.80634ZM8.01802 11.25C8.11591 9.23031 8.60319 7.55958 9.24516 6.33849C9.29983 6.23451 9.35585 6.13335 9.41312 6.03514C7.32916 6.94017 5.81218 8.90533 5.5428 11.25H8.01802ZM5.5428 12.75H8.01802C8.11591 14.7697 8.60319 16.4404 9.24516 17.6615C9.29983 17.7655 9.35585 17.8666 9.41312 17.9649C7.32916 17.0598 5.81218 15.0947 5.5428 12.75ZM9.51996 12.75H14.48C14.3838 14.539 13.9505 15.9681 13.4271 16.9635C13.1289 17.5309 12.8115 17.9384 12.5291 18.1937C12.2314 18.4628 12.0459 18.5 12 18.5C11.9541 18.5 11.7686 18.4628 11.4709 18.1937C11.1885 17.9384 10.8711 17.5309 10.5729 16.9635C10.0495 15.9681 9.61624 14.539 9.51996 12.75ZM15.982 12.75C15.8841 14.7697 15.3968 16.4404 14.7548 17.6615C14.7002 17.7655 14.6441 17.8666 14.5869 17.9649C16.6708 17.0598 18.1878 15.0947 18.4572 12.75H15.982ZM18.4572 11.25C18.1878 8.90533 16.6708 6.94017 14.5869 6.03514C14.6441 6.13335 14.7002 6.23451 14.7548 6.33849C15.3968 7.55958 15.8841 9.23031 15.982 11.25H18.4572Z" fill="currentColor"/>
 </svg>
@@ -298,7 +300,7 @@ const ZonosWordmark = `<svg width="43" height="10" viewBox="0 0 43 10" fill="non
 </svg>
 `;
 
-const zonosCollectFooterCss = ":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{position:absolute;bottom:0;left:32px;right:32px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--collect-footer{gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center;width:100%}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo a{line-height:0}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper a{text-decoration:none}:host .zonos--collect-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--collect-footer .zonos--collect-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--collect-footer .zonos--collect-locale-wrapper{gap:4px}}:host .zonos--collect-footer .zonos--collect-language-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar{width:10px}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--collect-footer .zonos--collect-language-dialog.zonos--collect-language-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .dot{display:-ms-inline-flexbox;display:inline-flex;background:var(--zonos-elements-gray-400);width:6px;height:6px;border-radius:50%}:host(.mobile),:host(.tablet){background-color:var(--zonos-elements-gray-0);width:100%;position:-webkit-sticky;position:sticky;bottom:0}:host(.tablet) .zonos--collect-footer{width:100%;max-width:800px;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}:host(.mobile) .zonos--collect-locale-wrapper{display:none}:host(.mobile) .zonos--collect-footer{-ms-flex-pack:center;justify-content:center}";
+const zonosCollectFooterCss = ":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{position:absolute;bottom:0;left:32px;right:32px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--collect-footer{gap:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:12px;padding-left:0;-ms-flex-align:center;align-items:center;width:100%}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-align:center;align-items:center}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper .zonos--collect-footer-logo a{line-height:0}:host .zonos--collect-footer .zonos--collect-footer-icon-wrapper a{text-decoration:none}:host .zonos--collect-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--collect-footer .zonos--collect-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;position:relative}@media (max-width: 400px){:host .zonos--collect-footer .zonos--collect-locale-wrapper{gap:4px}}:host .zonos--collect-footer .zonos--collect-locale-wrapper .zonos--collect-locale-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}:host .zonos--collect-footer .zonos--collect-language-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--zonos-elements-surface-color);-webkit-box-shadow:var(--zonos-elements-v3-shadow-xl);box-shadow:var(--zonos-elements-v3-shadow-xl);border-radius:var(--zonos-elements-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:2147483011;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;-ms-scroll-chaining:none;overscroll-behavior:contain}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar{width:10px}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--collect-footer .zonos--collect-language-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--collect-footer .zonos--collect-language-dialog.zonos--collect-language-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .dot{display:-ms-inline-flexbox;display:inline-flex;background:var(--zonos-elements-gray-400);width:6px;height:6px;border-radius:50%}:host(.mobile),:host(.tablet){background-color:var(--zonos-elements-gray-0);width:100%;position:-webkit-sticky;position:sticky;bottom:0}:host(.tablet) .zonos--collect-footer{width:100%;max-width:800px;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}:host(.mobile) .zonos--collect-locale-wrapper{display:none}:host(.mobile) .zonos--collect-footer{-ms-flex-pack:center;justify-content:center}";
 const ZonosCollectFooterStyle0 = zonosCollectFooterCss;
 
 const ZonosCollectFooter = class {
@@ -339,15 +341,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: 'ca7bd600af1d83937719aa6d83324d61f60b4c79', class: classes.classes([
+        return (index.h(index.Host, { key: '2650da0d6942ec1389d65316d4f387b205eb3d23', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'a69e9229e009f9c754e2ad9cf068654d683036fa', class: "zonos--collect-footer" }, index.h("div", { key: '72e62b7191dd32f0ead5970cb62edcd469ef40ce', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '2f76f5c3009175bb1dd4cd90d91628e79a97770e', 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" }, languageLabel), index.h("div", { key: '53f2b59da147de3637487cdc4b1cd6d440838b81', class: classes.classes([
+            ]) }, index.h("div", { key: '711017e883a7c88de6a8c4d2761d969045fa7511', class: "zonos--collect-footer" }, index.h("div", { key: '3eb3e89a254e3dba1cbd0a4dca0e257f0f7a64f7', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '2615195358247954888d47aa01b873c2e1ff738d', 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: '90d0c4ca757c3825865cf82b9991a13d2972254d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '6badf11c60712883ee1ed037a8ddb955a7675d53', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'e8b45be9f457a57482da8ed95193ca2c36525525', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'bd0a83b6f180e5d4d0a368240599eb7934b8d06f', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '52620a619a47e52129207880adbfd8e6a88372c6', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '38c863a4b26b3e6768ed8acb57a32e398ba064ea', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '27402251e8d46578e3d9f1eb7a54afb5c553ea33', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '350ed904d6d3787a38229a4178c0ee82a2c87cac', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '3c65492b88a601459d0487e4c615208c8dcaa810', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'dc8f6479806466c45ac1c1ed8e32587190f14175', class: "dot" }), index.h("a", { key: 'bc4a48af6ea629273cdf9bd1cdca4981306a8eb9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '2e923eef08f6b6a9dd53190a1aa221666cab4210', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: 'a0a9bc9fca4df158e615ae387a5be2598a7b9f36', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '8e4743edc609ac041cb283a2a4864efcbda0a86e', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'd1119f22e17b80d015198c2803657c0280939ec7', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '4faac90e9cb3469ffeb743155345232de8e3730a', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '63b6ad613f96d8bd6f88b931c0c3833d08744479', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '09d6e961e27583a37b319be89fd0f80dbb9e96bd', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'b78088f8ab0cdc6b8dba6f1e0012e4c96407dd92', class: "dot" }), index.h("a", { key: '5ada46bc9f2fa3b52e235b3ec0231423e15fb5f5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'b22d50bd1aaf5fddf8e1795f68b85c0e4f0125e8', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -681,13 +683,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: 'c8445ba13733af60fb88372eb2ae07fdc435364c', class: classes.classes([
+        return (index.h(index.Host, { key: '9b00168e63cbd687c01583577eefe9f5e9958996', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '5589e61c35cbcdd885dc33cdb07999e55f5c4715', class: "zonos--title" }, index.h("zonos-text", { key: '783d38dcf9aabd64d94ab3356935aa5d6ffcdec0', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: '5d29409d7c09ce620b32d6f4512bbd280817cfa8', class: "zonos--title" }, index.h("zonos-text", { key: 'b06ea84a112b06f1aba656060c85680cada09808', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '4ce3c3391b6e2a47518cce212019137970dd99f7', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '7d96f27c70d54f69862816be87bf1c084a91ecb9', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -753,7 +755,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'ebd46815f83307682f5cbb8430bb64e66b9eadd1', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '7a878d4bb5dce069060888f4d7e1fde0ef0e23cd', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '496a81ab73739fe285636aad504232b1faa2f8e1', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '85334ee7319578f110a75f512f9d2e28f3eca79a', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'f877f57ad0d6853f7c49237e4da649b1bfc5206b', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '97588563d5bd85fd1692e1882fcace85b3036b8c', class: "zonos--column" }), index.h("td", { key: '2acb01b0b6d38861eb23b5910c20a57a52172a33', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: 'dbdf16aeb070857018db4456e06b8c74cc135d78', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '90e8278e1f518f5531813c3cf0b032707fe42eb8', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '3c63319c6be8719069eb7d80eda2546dcc76f273', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '942aa283152bbf69439e7a864156c2f4a71f66dd', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'db7ee74968f1b452e93a9e1d46de833e2513f582', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'dfae6f70ace82c38bdce41de0b4f900c790fa9ae', class: "zonos--column" }), index.h("td", { key: '943c6781ad1909d6c5c315f705fcb08547a92660', 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,
@@ -761,7 +763,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: '36b004cc298b1d9c757b3090ce4610c6ea36b209', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'ceb1e460218ba71eb9c8db33a9cfe0e4affa00eb', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '147687aafbe073169862789a9ac0ac6da544e1ce', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '642c5ff03b7dea8e4f2bd378e3ca482d81169f46', class: "zonos--column" }), index.h("td", { key: '31776ea8d128ad9ce6c9e523ca8fa297baf4763d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'e87cf556d84fa66789f2410b77e049229eb54732', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '5941322ab31a1227a6944a05b25b27f387e184e7', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '729fd97147df76283b5d97a30015e2af84a4fbb6', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: 'a51514811435edae33c37f6062b0323ef2acfd05', class: "zonos--column" }), index.h("td", { key: 'a091d24821800034b1629813e05b40854951908d', 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,
@@ -769,7 +771,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: 'ee18eaf3af00321a0741b07565d8474bc692b2fa', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '0abdde651b432368fcd374ecb1c9119981dc2531', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '385973cd0c11a161cba2a8737f6dfba4c4749d77', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '4ae0c1da68e5ac48ce0be09ec1826867905f9e74', class: "zonos--column" }), index.h("td", { key: '80f232ffdb0a66f88753c2a07290ed6273b66747', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '1ee4eae6bc0ea9be2d3b98733a3d51034db3b2c3', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '6548ee27908c32e7c39f4f16a7c6f202df256e28', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b911ffc5f29252efba3989e494eca1c5ec0fbd54', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'f01086495ba4e1864f63de5fdd212de922e335c6', class: "zonos--column" }), index.h("td", { key: 'f2e628f5fb0087cebc5b135194325127357828e2', 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,
@@ -777,7 +779,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '71677498d7c575e4227f45620b62f5ddadf06858', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: '5fc92ef7b46c8e5eb8ebb391015682f376785a26', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '253c6735bd30ef66c2fa1f82a44cebff3dacc189', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '0755b1c175973640e925520e747141e96446eea8', class: "zonos--column" }), index.h("td", { key: '19646da57bd222dbb2ada0c450eabf508833c069', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '57b3ff6e47ab14ab955abda316deb635fe70d3e9', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'c3ce8d85aa7a4d554ee271b0bc9ed248d97315b0', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '1b3c7371aa2b395c310e1bbfbda5071fc76bc523', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'ffcab1bd04d14fbc8c57d6731f2243945d889b9f', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'c674e6737e1888c3ef4dfa9a2cc06ec595ddc74f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: 'c79170263853ebba9168b566ed0985af9e7f7bec', class: "zonos--column" }), index.h("td", { key: '05bff80d6dd83b047ec4f40dedbb42dcef822a34', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '61e4f56cd4da5187bb64c746920b04655ed4624a', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'a1701fa2c16e87cdba274349b7c5f9f0b90093ea', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -785,7 +787,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: 'e21e986f76bb932645c54e75698db4c06024335e', class: "zonos--row zonos--collect-total" }, index.h("td", { key: 'b4cc8e32cd69c0b1ed000c582c058a1215c4e365', class: "zonos--column" }), index.h("td", { key: '1b55f78e8161cd9da263d3b58c053b9b04cca999', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '97de8710348f0a039375d02b075c1e91ef6ae621', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '58bf548786e07bb780c73433ae7a8582f2c2b059', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '83b981afc2f2ddfa5a21ee28fea2e00ec3aef4e8', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '041fdf582712439e15521ab290f6475106d890cc', class: "zonos--column" }), index.h("td", { key: '82734ce4831e6255d8d6fe6aa73e8c132ba65d1d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd7b1771c43d5176226d1e503ec9308da5806fa52', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '5bebbeaaa0ed0c112e73e4e6283d1364b9ae4f64', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.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 cart = require('./cart-02a93797.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-0d909501.js');
-const paypal = require('./paypal-f8a0cca3.js');
-const localization = require('./localization-68ebf7c6.js');
+const cart = require('./cart-c325b9e4.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-92fa5e8f.js');
+const paypal = require('./paypal-b52e1f24.js');
+const localization = require('./localization-06cc0379.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.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: '1d369c76153c971ef62736d7e00a5a940284d346' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: 'f8ec6c765a31d6d9599003523128ef4f5c8d3078' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-02a93797.js');
-const localization = require('./localization-68ebf7c6.js');
+const cart = require('./cart-c325b9e4.js');
+const localization = require('./localization-06cc0379.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -730,7 +730,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'd500743a0ed7dc7615e696aaf958216374e7c33b', class: "zonos--elements" });
+        return index.h(index.Host, { key: '681a81baa59bfe91e9fe0927aee49fa720fcb35b', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-68ebf7c6.js');
+const localization = require('./localization-06cc0379.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');