@zonos/elements 1.3.266 → 1.3.268

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

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-efc42379.js');
-const paypal = require('./paypal-3bb55914.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const cart = require('./cart-af7c024e.js');
+const paypal = require('./paypal-6756a0da.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a9a97194.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-47d73942.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-a91911e7.js');
-const isDarkColor = require('./isDarkColor-e317bb06.js');
+const getBorderRadius = require('./getBorderRadius-fc683d94.js');
+const isDarkColor = require('./isDarkColor-5d6ca405.js');
 const styles = require('./styles-d1e64fb9.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
-require('./isContrastColor-a02c4889.js');
-require('./submitGtag-07a3b09e.js');
-require('./debounce-606d1801.js');
+require('./isContrastColor-76592c92.js');
+require('./submitGtag-4906b161.js');
+require('./debounce-7990f5ea.js');
 
 /**
  * Check if store discount is enabled
@@ -1787,6 +1787,12 @@ const ZonosCheckout = class {
             // reset cart store if it's not preview mode and only when checkout is in the finish step.
             cart.cartStoreReset();
         }
+        // Clear policy consent on every close (not just finish) so a buyer who
+        // checked the box mid-flow and then closed can't carry the prior
+        // acceptance into a new attempt without a fresh checkbox click.
+        if (!this.preview) {
+            cart.policyConsentStoreReset();
+        }
         // reset step to customer info
         cart.cartStore.step = 'customer-info';
         // reset the tab item, so that user needs to click on Continue button to re-quote the landed cost if needed.
@@ -2615,77 +2621,104 @@ const ZonosCheckout = class {
             cart.stripeStore.shouldRenderPayInUsdButton &&
             !this.payInUsdConfirmDialogOpen) {
             this.payInUsdConfirmDialogOpen = true;
+            // Don't unlock consent here — the USD-confirm dialog is mid-flow; the
+            // lock should hold until the user resolves the dialog and we re-enter.
             return;
         }
         // Close the dialog after the user confirms to proceed with the payment in USD
         this.payInUsdConfirmDialogOpen = false;
-        // reset paypal error message
-        paypal.paypalStore.paypalErrorMessage = null;
-        // reset error state
-        cart.stripeStore.hasPaymentError = false;
-        this.submitLoading = true;
-        // reset inventory check message
-        cart.cartStore.inventoryCheckErrorMessage = null;
-        // Attempt to change settlement currency to USD
-        const baseCurrencyUpdateSuccess = await cart.stripeStoreUpdateCheckoutSessionBaseCurrency();
-        // Should not proceed to confirm payment if base currency update failed
-        if (!baseCurrencyUpdateSuccess) {
-            cart.stripeStore.hasPaymentError = true;
-            cart.stripeStore.customErrorMessage = localization.translate('Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.', {
-                currency: cart.stripeStore.checkoutSettlementCurrency,
-            });
-            this.submitLoading = false;
-            return;
-        }
+        // Track whether consent was required at the start of this flow so we know
+        // whether to release the lock in `finally`. The store reset on checkout
+        // close will catch any stragglers, but releasing here lets the buyer
+        // recover (uncheck / retry) when an async step aborts.
+        const consentWasRequired = cart.isPolicyConsentRequired();
         try {
-            // check inventory before proceeding to payment
-            cart.cartStore.inventoryCheckErrorMessage =
-                await cart.stripeStoreHandleInventoryCheck();
-        }
-        catch (_a) {
-            // If user provide callback and it throw an exception, default to this message and stop the payment.
-            cart.cartStore.inventoryCheckErrorMessage = localization.translate('Unable to check inventory. Please try again.');
-        }
-        // Don't proceed to payment if there's an error message
-        if (cart.cartStore.inventoryCheckErrorMessage) {
-            // stop the submit loading state
-            this.submitLoading = false;
-            return;
-        }
-        // Apply store credit if customer has selected an amount
-        const storeCreditAmount = cart.storeCreditStoreGetEffectiveAmount();
-        if (storeCreditAmount > 0) {
-            const storeCreditResult = await cart.storeCreditStoreApplyCredit();
-            if (!storeCreditResult.success) {
+            // reset paypal error message
+            paypal.paypalStore.paypalErrorMessage = null;
+            // reset error state
+            cart.stripeStore.hasPaymentError = false;
+            this.submitLoading = true;
+            // reset inventory check message
+            cart.cartStore.inventoryCheckErrorMessage = null;
+            // Attempt to change settlement currency to USD
+            const baseCurrencyUpdateSuccess = await cart.stripeStoreUpdateCheckoutSessionBaseCurrency();
+            // Should not proceed to confirm payment if base currency update failed
+            if (!baseCurrencyUpdateSuccess) {
                 cart.stripeStore.hasPaymentError = true;
-                cart.stripeStore.customErrorMessage =
-                    storeCreditResult.error ||
-                        localization.translate('Unable to apply store credit. Please try again.');
+                cart.stripeStore.customErrorMessage = localization.translate('Unable to complete payment in [currency]. Please try again or select a different currency. If the issue persists, contact our support team for assistance.', {
+                    currency: cart.stripeStore.checkoutSettlementCurrency,
+                });
                 this.submitLoading = false;
                 return;
             }
-        }
-        // If store credit covers the full order, create order directly without payment
-        if (cart.storeCreditStoreCoversFullAmount()) {
             try {
-                // Validate checkout session (landed cost ID, etc.) before creating order
-                const checkoutSessionStatus = await cart.validateCheckoutSession();
-                if (!checkoutSessionStatus.valid) {
+                // check inventory before proceeding to payment
+                cart.cartStore.inventoryCheckErrorMessage =
+                    await cart.stripeStoreHandleInventoryCheck();
+            }
+            catch (_a) {
+                // If user provide callback and it throw an exception, default to this message and stop the payment.
+                cart.cartStore.inventoryCheckErrorMessage = localization.translate('Unable to check inventory. Please try again.');
+            }
+            // Don't proceed to payment if there's an error message
+            if (cart.cartStore.inventoryCheckErrorMessage) {
+                // stop the submit loading state
+                this.submitLoading = false;
+                return;
+            }
+            // Apply store credit if customer has selected an amount
+            const storeCreditAmount = cart.storeCreditStoreGetEffectiveAmount();
+            if (storeCreditAmount > 0) {
+                const storeCreditResult = await cart.storeCreditStoreApplyCredit();
+                if (!storeCreditResult.success) {
                     cart.stripeStore.hasPaymentError = true;
-                    cart.stripeStore.customErrorMessage = checkoutSessionStatus.errorMessage;
+                    cart.stripeStore.customErrorMessage =
+                        storeCreditResult.error ||
+                            localization.translate('Unable to apply store credit. Please try again.');
                     this.submitLoading = false;
                     return;
                 }
-                const orderResult = await cart.storeCreditStoreCreateOrder();
-                if (!orderResult.success) {
+            }
+            // If store credit covers the full order, create order directly without payment
+            if (cart.storeCreditStoreCoversFullAmount()) {
+                try {
+                    // Validate checkout session (landed cost ID, etc.) before creating order
+                    const checkoutSessionStatus = await cart.validateCheckoutSession();
+                    if (!checkoutSessionStatus.valid) {
+                        cart.stripeStore.hasPaymentError = true;
+                        cart.stripeStore.customErrorMessage = checkoutSessionStatus.errorMessage;
+                        this.submitLoading = false;
+                        return;
+                    }
+                    const orderResult = await cart.storeCreditStoreCreateOrder();
+                    if (!orderResult.success) {
+                        cart.stripeStore.hasPaymentError = true;
+                        cart.stripeStore.customErrorMessage =
+                            orderResult.error ||
+                                localization.translate('Unable to place order with store credit. Please try again.');
+                        this.submitLoading = false;
+                        return;
+                    }
+                    cart.cartStoreNextStep();
+                    cart.cartStoreClearCheckoutInterval();
+                }
+                catch (err) {
+                    handleFetch.logError(err);
+                    paypal.submitAnalytics({
+                        event: 'zonos-checkout-payment-fail',
+                        metadata: {
+                            checkoutSessionId: localization.storageStore.checkoutSessionId,
+                        },
+                    });
                     cart.stripeStore.hasPaymentError = true;
-                    cart.stripeStore.customErrorMessage =
-                        orderResult.error ||
-                            localization.translate('Unable to place order with store credit. Please try again.');
-                    this.submitLoading = false;
-                    return;
                 }
+                this.submitLoading = false;
+                return;
+            }
+            try {
+                await cart.stripeStoreConfirmPayment();
                 cart.cartStoreNextStep();
+                // clear the checkout session timeout timer when purchase is complete
                 cart.cartStoreClearCheckoutInterval();
             }
             catch (err) {
@@ -2697,32 +2730,22 @@ const ZonosCheckout = class {
                     },
                 });
                 cart.stripeStore.hasPaymentError = true;
+                // should request inventory refund if there's an error during payment
+                if (cart.stripeStore.shouldInventoryRefund) {
+                    void cart.stripeStoreHandleInventoryRefund();
+                    cart.stripeStore.shouldInventoryRefund = false;
+                }
             }
             this.submitLoading = false;
-            return;
         }
-        try {
-            await cart.stripeStoreConfirmPayment();
-            cart.cartStoreNextStep();
-            // clear the checkout session timeout timer when purchase is complete
-            cart.cartStoreClearCheckoutInterval();
-        }
-        catch (err) {
-            handleFetch.logError(err);
-            paypal.submitAnalytics({
-                event: 'zonos-checkout-payment-fail',
-                metadata: {
-                    checkoutSessionId: localization.storageStore.checkoutSessionId,
-                },
-            });
-            cart.stripeStore.hasPaymentError = true;
-            // should request inventory refund if there's an error during payment
-            if (cart.stripeStore.shouldInventoryRefund) {
-                void cart.stripeStoreHandleInventoryRefund();
-                cart.stripeStore.shouldInventoryRefund = false;
+        finally {
+            // Release the consent lock on every terminal exit (success or failure)
+            // so the buyer can re-toggle / retry. On success the cart advances and
+            // the close-handler reset would clean this up anyway.
+            if (consentWasRequired) {
+                cart.policyConsentStore.locked = false;
             }
         }
-        this.submitLoading = false;
     }
     async handleFinishClick() {
         // reset stripe store
@@ -2734,6 +2757,8 @@ const ZonosCheckout = class {
         }
         // reset cart store
         cart.cartStoreReset();
+        // reset policy consent so the next checkout starts un-accepted
+        cart.policyConsentStoreReset();
         // redirect to vendor store url if this is legacy checkout.
         if (window.Zonos.isLegacyCheckout && window.Zonos.cartData) {
             const storeBaseUrl = window.Zonos.cartData.storeBaseUrl ||
@@ -2935,6 +2960,8 @@ const ZonosCheckout = class {
         cart.stripeStoreReset();
         // reset cart store
         cart.cartStoreReset();
+        // reset policy consent
+        cart.policyConsentStoreReset();
         // cleanup onChange listener
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
         window.removeEventListener('message', this.handleHostedOpenWindowCallback);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 require('./VarianceTest-bec00ea8.js');
 
 const zonosCollapseCss = ":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{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-efc42379.js');
+const cart = require('./cart-af7c024e.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-4b17c530.js');
+require('./localization-f897bc45.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-e317bb06.js');
-require('./getBorderRadius-a91911e7.js');
+require('./isDarkColor-5d6ca405.js');
+require('./getBorderRadius-fc683d94.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;

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

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-efc42379.js');
-const paypal = require('./paypal-3bb55914.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const cart = require('./cart-af7c024e.js');
+const paypal = require('./paypal-6756a0da.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-a91911e7.js');
+const getBorderRadius = require('./getBorderRadius-fc683d94.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-630fcf87.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-6014787b.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
-const placeTestOrder = require('./placeTestOrder-313cbd78.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-584d50fe.js');
+const placeTestOrder = require('./placeTestOrder-a4874e51.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./isDarkColor-e317bb06.js');
-require('./isContrastColor-a02c4889.js');
-require('./submitGtag-07a3b09e.js');
+require('./isDarkColor-5d6ca405.js');
+require('./isContrastColor-76592c92.js');
+require('./submitGtag-4906b161.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-efc42379.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-630fcf87.js');
-const paypal = require('./paypal-3bb55914.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const cart = require('./cart-af7c024e.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-6014787b.js');
+const paypal = require('./paypal-6756a0da.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./isDarkColor-e317bb06.js');
-require('./getBorderRadius-a91911e7.js');
-require('./isContrastColor-a02c4889.js');
-require('./submitGtag-07a3b09e.js');
+require('./isDarkColor-5d6ca405.js');
+require('./getBorderRadius-fc683d94.js');
+require('./isContrastColor-76592c92.js');
+require('./submitGtag-4906b161.js');
 
 const ChevronDownIcon = `<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>`;
 

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-efc42379.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const cart = require('./cart-af7c024e.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const submitGtag = require('./submitGtag-07a3b09e.js');
-require('./isDarkColor-e317bb06.js');
-require('./getBorderRadius-a91911e7.js');
+const submitGtag = require('./submitGtag-4906b161.js');
+require('./isDarkColor-5d6ca405.js');
+require('./getBorderRadius-fc683d94.js');
 
 const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {
@@ -101,6 +101,122 @@ const initInvoice = () => {
     injectCheckoutElement();
 };
 
+const STYLE_ID = 'zonos-domestic-element-hide-style';
+/**
+ * Probe whether the host parser understands `:is(...)`. Real browsers do
+ * (Chrome 88+, Firefox 78+, Safari 14+); older environments and some test
+ * runtimes don't. When supported, we wrap the merchant selector in a single
+ * `:is(...)` so a single `body.z-intl ` ancestor scopes the whole group.
+ * When not supported, we distribute the prefix across each top-level
+ * comma-separated piece instead — so the rule still applies in that
+ * environment.
+ */
+const supportsIsSelector = typeof document !== 'undefined' &&
+    (() => {
+        try {
+            document.querySelector(':is(.zonos-is-probe)');
+            return true;
+        }
+        catch (_a) {
+            return false;
+        }
+    })();
+/**
+ * Split a CSS selector string on top-level commas. Commas inside parentheses
+ * (`:not(.a, .b)`, `:nth-child(2n+1)`) or attribute brackets
+ * (`[data-foo=","]`) are preserved as part of the piece.
+ */
+const splitTopLevelCommas = (input) => {
+    const parts = [];
+    let parenDepth = 0;
+    let bracketDepth = 0;
+    let current = '';
+    for (let i = 0; i < input.length; i++) {
+        const char = input[i];
+        if (char === '(') {
+            parenDepth++;
+        }
+        else if (char === ')') {
+            parenDepth--;
+        }
+        else if (char === '[') {
+            bracketDepth++;
+        }
+        else if (char === ']') {
+            bracketDepth--;
+        }
+        if (char === ',' && parenDepth === 0 && bracketDepth === 0) {
+            const trimmed = current.trim();
+            if (trimmed) {
+                parts.push(trimmed);
+            }
+            current = '';
+        }
+        else {
+            current += char;
+        }
+    }
+    const trimmed = current.trim();
+    if (trimmed) {
+        parts.push(trimmed);
+    }
+    return parts;
+};
+/**
+ * Build the fully-scoped selector that will land in the injected `<style>`
+ * tag. Exported so tests can exercise both branches of the `:is()`-support
+ * fallback without having to mock the module-level probe.
+ */
+const buildDomesticHideSelector = ({ merchantSelector, supportsIs, }) => {
+    if (supportsIs) {
+        return `body.z-intl :is(${merchantSelector})`;
+    }
+    // Fallback: distribute the `body.z-intl ` ancestor prefix across each
+    // top-level comma-separated piece. Parentheses/brackets are respected,
+    // so pseudo-classes that take selector lists (`:not(.a, .b)`) and
+    // attribute selectors that contain commas stay intact.
+    return splitTopLevelCommas(merchantSelector)
+        .map(part => `body.z-intl ${part}`)
+        .join(', ');
+};
+/**
+ * Inject a `<style>` tag that hides storefront elements matching the
+ * merchant-configured `checkoutSettings.domesticElementSelector`, scoped to
+ * `body.z-intl` so the rule only takes effect when the shopper is in a
+ * shipping zone (Hello sets the body class). The exact selector we emit is
+ * also the selector we validate — see [[buildDomesticHideSelector]] for the
+ * `:is()`-support branching.
+ */
+const injectDomesticElementHideStyle = (domesticElementSelector) => {
+    if (typeof document === 'undefined' || !domesticElementSelector) {
+        return;
+    }
+    const fullSelector = buildDomesticHideSelector({
+        merchantSelector: domesticElementSelector,
+        supportsIs: supportsIsSelector,
+    });
+    // The browser's own parser is the source of truth — `document.querySelector`
+    // throws `DOMException(SyntaxError)` for syntactically invalid selectors.
+    // Validating the exact string we're about to emit catches both malformed
+    // input and payloads that close `:is(` early to escape the wrapper.
+    try {
+        document.querySelector(fullSelector);
+    }
+    catch (_a) {
+        VarianceTest.log(`Skip domesticElementSelector injection: "${domesticElementSelector}" produced an invalid CSS selector ("${fullSelector}")`, 'warn');
+        return;
+    }
+    // Already injected — settings can re-emit on hot reload during dev.
+    if (document.getElementById(STYLE_ID)) {
+        return;
+    }
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = `${fullSelector} { display: none !important; }`;
+    (document.head || document.body).appendChild(style);
+    VarianceTest.log('Zonos domestic element hide style injected');
+};
+
 const injectHelloComponent = (anchorElementSelector) => {
     const triggerAnchorElement = document.querySelector(anchorElementSelector);
     // append checkout component if doesn't exist
@@ -633,6 +749,9 @@ const ZonosController = class {
                 zonosSettings: json,
             });
             zonosStore.zonosStore.zonosMode = zonosMode;
+            // Inject the merchant's domestic-element hide style now that
+            // checkoutSettings have been merged into the store.
+            injectDomesticElementHideStyle(zonosStore.zonosStore.checkoutSettings.domesticElementSelector);
             // setup google font after store loaded
             void this.setupGoogleFont();
             if (zonosStore.zonosStore.helloSettings.visibilityStatus === 'DISABLED') {
@@ -730,7 +849,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '681a81baa59bfe91e9fe0927aee49fa720fcb35b', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'fe1f262a2bfbf4f6f39c0f23783c132bde8d2dd7', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-4b17c530.js');
-const zonosStore = require('./zonosStore-0662b95f.js');
+const localization = require('./localization-f897bc45.js');
+const zonosStore = require('./zonosStore-45a87908.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-e317bb06.js');
+const isDarkColor = require('./isDarkColor-5d6ca405.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');