@zonos/elements 1.3.255 → 1.3.257

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-4ef52500.js');
-const paypal = require('./paypal-cc3a730b.js');
-const localization = require('./localization-75f4ec05.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-cd0a054b.js');
+const paypal = require('./paypal-326d7bc5.js');
+const localization = require('./localization-adaab93f.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-8be63b63.js');
-const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a3776bb0.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-27a74844.js');
-const isDarkColor = require('./isDarkColor-a68abf7a.js');
+const getBorderRadius = require('./getBorderRadius-db55a464.js');
+const isDarkColor = require('./isDarkColor-bfe6d1eb.js');
 const styles = require('./styles-d1e64fb9.js');
-const submitGtag = require('./submitGtag-cb4fb332.js');
+const submitGtag = require('./submitGtag-9ac5a42e.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
-require('./isContrastColor-d1936a5c.js');
-require('./debounce-0c75ba33.js');
+require('./isContrastColor-6a17f408.js');
+require('./debounce-3e17b4e9.js');
 
 /**
  * Check if store discount is enabled
@@ -97,47 +97,28 @@ const buildCartUrl = ({ cartId, checkoutSessionId, customerAddress1, customerAdd
     return `${hostedCheckoutUrl}?${urlParams.toString()}`;
 };
 
-const isDisabledCountry = (showLog = true) => {
-    if (!localization.localizationStore.localizationLoaded) {
-        return true;
-    }
-    if (localization.localizationStore.isDisabledCountry) {
-        if (showLog) {
-            VarianceTest.log(`Checkout: disabled country`);
-        }
-        return true;
-    }
-    return false;
-};
-
-const isShippableCountry = (showLog = true, 
 /**
- * If provided, will check if the country is shippable based on the provided country code instead of the Hello selected country code
+ * Build an absolute redirect URL used by the BigCommerce checkout flows to
+ * navigate between the BC native `/checkout` page and the Zonos international
+ * checkout at `/`.
+ *
+ * Carries over the `zonosQaUrl` query param from the current URL (when
+ * present) so the preview Zonos elements build keeps loading after the
+ * redirect, and sets `zonosTestMode=1` when test mode is active so the
+ * destination page continues to use the test credentials.
  */
-providedCountryCode) => {
-    var _a;
-    if (!localization.localizationStore.localizationLoaded) {
-        return false;
-    }
-    if (providedCountryCode) {
-        const isProvidedCountryCodeShippableCountry = !!((_a = localization.localizationStore.shippingZoneCountries) === null || _a === void 0 ? void 0 : _a[providedCountryCode]) &&
-            !zonosStore.zonosStore.disabledCountries.includes(providedCountryCode);
-        if (showLog && !isProvidedCountryCodeShippableCountry) {
-            VarianceTest.log(`Checkout: ${providedCountryCode} is not a shippable country: ${isProvidedCountryCodeShippableCountry}`);
-        }
-        return isProvidedCountryCodeShippableCountry;
+const buildBigcommerceRedirectUrl = (pathname) => {
+    const url = new URL(pathname, window.location.origin);
+    const zonosQaUrl = new URLSearchParams(window.location.search).get('zonosQaUrl');
+    if (zonosQaUrl) {
+        url.searchParams.set('zonosQaUrl', zonosQaUrl);
     }
-    // if localization is loaded and the localization is not a shippable country, keep the original click event
-    if (!localization.localizationStore.isShippableCountry) {
-        if (showLog) {
-            VarianceTest.log(`Checkout: not shippable country`);
-        }
-        return false;
+    if (handleFetch.getIsTestMode()) {
+        url.searchParams.set('zonosTestMode', '1');
     }
-    return true;
+    return url.toString();
 };
 
-const FALLBACK_SHIP_TO_COUNTRY_SELECTOR = 'select[name="shippingAddress.countryCode"]';
 /**
  * Fetch the checkout/cart ID from the BigCommerce Storefront Cart API.
  * The `/checkout` page URL does not include the checkout ID, so we
@@ -170,7 +151,7 @@ const fetchCheckoutId = async () => {
  */
 const fetchBigCommerceCheckout = async (checkoutId) => {
     try {
-        const response = await fetch(`/api/storefront/checkouts/${checkoutId}`, {
+        const response = await fetch(`/api/storefront/checkouts/${checkoutId}?include=customer.customerGroup`, {
             credentials: 'same-origin',
             headers: {
                 Accept: 'application/json',
@@ -188,27 +169,211 @@ const fetchBigCommerceCheckout = async (checkoutId) => {
         return null;
     }
 };
+
+const DEFAULT_RESULT = {
+    customerGroupId: null,
+    shouldBypass: false,
+};
+/**
+ * Performs the actual fetch logic to determine if the customer
+ * belongs to a bypass group.
+ */
+const fetchBypassOutcome = async () => {
+    var _a, _b, _c, _d;
+    // Only relevant for BigCommerce stores — permanent no-op on other platforms
+    if (!window.Zonos.isBigCommerce) {
+        return { conclusive: true, result: DEFAULT_RESULT };
+    }
+    const bypassGroupIds = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.bigcommerceBypassCustomerGroupIds;
+    if (!(bypassGroupIds === null || bypassGroupIds === void 0 ? void 0 : bypassGroupIds.length)) {
+        if (zonosStore.zonosStore.loadedConfig) {
+            // Settings have finished loading and there are no bypass groups
+            // configured — this is a permanent "bypass not configured" answer.
+            return { conclusive: true, result: DEFAULT_RESULT };
+        }
+        // Settings haven't loaded yet — the empty list may be transient.
+        // Mark as inconclusive so a later caller retries after config loads.
+        return { conclusive: false, result: DEFAULT_RESULT };
+    }
+    // Fetch customer group from BigCommerce Storefront API
+    const checkoutId = await fetchCheckoutId();
+    if (!checkoutId) {
+        // No active cart yet — inconclusive. Common on fresh sessions where
+        // `initBigCommerceBypassCheck` runs before the user has added anything
+        // to their cart; once the cart exists we need to re-fetch.
+        VarianceTest.log('BigCommerce bypass check: no active cart yet, will retry on next call', 'info');
+        return { conclusive: false, result: DEFAULT_RESULT };
+    }
+    const checkout = await fetchBigCommerceCheckout(checkoutId);
+    if (!checkout) {
+        // API call failed (network error, non-200, etc.) — inconclusive.
+        // Caching this would permanently disable bypass for the session if
+        // the logged-in user is actually a reseller.
+        VarianceTest.log('BigCommerce bypass check: failed to fetch checkout data, will retry', 'info');
+        return { conclusive: false, result: DEFAULT_RESULT };
+    }
+    const customerGroupId = (_d = (_c = (_b = checkout.customer) === null || _b === void 0 ? void 0 : _b.customerGroup) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null;
+    if (customerGroupId === null) {
+        VarianceTest.log('BigCommerce bypass check: no customer group found (guest user)', 'info');
+        // Guest user with an active cart — a definitive "no bypass" answer.
+        return { conclusive: true, result: DEFAULT_RESULT };
+    }
+    const shouldBypass = bypassGroupIds.includes(customerGroupId);
+    const result = { customerGroupId, shouldBypass };
+    if (shouldBypass) {
+        VarianceTest.log(`BigCommerce bypass check: customer group ${String(customerGroupId)} is in bypass list; caller should keep the user on BC native checkout`, 'info');
+    }
+    else {
+        VarianceTest.log(`BigCommerce bypass check: customer group ${String(customerGroupId)} is not in bypass list`, 'info');
+    }
+    return { conclusive: true, result };
+};
+/**
+ * Module-level promise that holds the in-flight or resolved bypass check.
+ * Set by `initBigCommerceBypassCheck` on page load so the result is ready
+ * by the time checkout opens or the watcher fires.
+ *
+ * Automatically invalidated when a fetch resolves to an inconclusive outcome,
+ * so subsequent callers retry (e.g. after the user adds an item to their
+ * cart or after settings finish loading).
+ */
+let bypassCheckPromise = null;
+const startBypassCheck = () => {
+    const outcomePromise = fetchBypassOutcome();
+    const resultPromise = outcomePromise.then(({ conclusive, result }) => {
+        if (!conclusive && bypassCheckPromise === resultPromise) {
+            // Invalidate cache so the next caller performs a fresh fetch.
+            bypassCheckPromise = null;
+        }
+        return result;
+    });
+    bypassCheckPromise = resultPromise;
+    return resultPromise;
+};
+/**
+ * Start fetching the BigCommerce customer group on page load.
+ * Call this once during initialization (e.g. in `zonos-checkout.init()`).
+ * The fetch runs in the background; `checkBigCommerceBypassCustomerGroup`
+ * will await the result when needed.
+ */
+const initBigCommerceBypassCheck = () => {
+    var _a;
+    if (!window.Zonos.isBigCommerce) {
+        return;
+    }
+    const bypassGroupIds = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.bigcommerceBypassCustomerGroupIds;
+    if (!(bypassGroupIds === null || bypassGroupIds === void 0 ? void 0 : bypassGroupIds.length)) {
+        return;
+    }
+    // Fire the fetch immediately; consumers will await the same promise
+    void startBypassCheck();
+};
+/**
+ * Check if the current BigCommerce customer belongs to a customer group
+ * that should bypass Zonos Checkout.
+ *
+ * If `initBigCommerceBypassCheck` was called on page load and the resulting
+ * outcome was conclusive, this returns the already-resolved (or in-flight)
+ * result without making additional API calls. If the previous outcome was
+ * inconclusive (no cart, settings not loaded), the cache was invalidated
+ * automatically and this triggers a fresh fetch.
+ *
+ * @param options.forceRefresh - When true, bypasses any cached result and
+ * always fetches fresh BigCommerce checkout data. Use this on the
+ * BigCommerce domestic checkout page when the shipping country changes,
+ * to ensure the customer group reflects the current checkout state.
+ */
+const checkBigCommerceBypassCustomerGroup = async (options = {}) => {
+    if (options.forceRefresh || !bypassCheckPromise) {
+        return startBypassCheck();
+    }
+    return bypassCheckPromise;
+};
+
+const isDisabledCountry = (showLog = true) => {
+    if (!localization.localizationStore.localizationLoaded) {
+        return true;
+    }
+    if (localization.localizationStore.isDisabledCountry) {
+        if (showLog) {
+            VarianceTest.log(`Checkout: disabled country`);
+        }
+        return true;
+    }
+    return false;
+};
+
+const isShippableCountry = (showLog = true, 
+/**
+ * If provided, will check if the country is shippable based on the provided country code instead of the Hello selected country code
+ */
+providedCountryCode) => {
+    var _a;
+    if (!localization.localizationStore.localizationLoaded) {
+        return false;
+    }
+    if (providedCountryCode) {
+        const isProvidedCountryCodeShippableCountry = !!((_a = localization.localizationStore.shippingZoneCountries) === null || _a === void 0 ? void 0 : _a[providedCountryCode]) &&
+            !zonosStore.zonosStore.disabledCountries.includes(providedCountryCode);
+        if (showLog && !isProvidedCountryCodeShippableCountry) {
+            VarianceTest.log(`Checkout: ${providedCountryCode} is not a shippable country: ${isProvidedCountryCodeShippableCountry}`);
+        }
+        return isProvidedCountryCodeShippableCountry;
+    }
+    // if localization is loaded and the localization is not a shippable country, keep the original click event
+    if (!localization.localizationStore.isShippableCountry) {
+        if (showLog) {
+            VarianceTest.log(`Checkout: not shippable country`);
+        }
+        return false;
+    }
+    return true;
+};
+
+const FALLBACK_SHIP_TO_COUNTRY_SELECTOR = 'select[name="shippingAddress.countryCode"]';
 /**
  * Check if the logged-in user already has a shipping address on the checkout
- * that is internationally shippable. If so, save the address to session
- * and redirect to the home page to open the international checkout.
+ * that is internationally shippable. If so, optionally prompt the user to
+ * confirm before saving the address to session and redirecting to the home
+ * page to open the international checkout.
  */
-const checkLoggedInUserShippingAddress = async ({ onInternationalCheckoutSelected, }) => {
+const checkLoggedInUserShippingAddress = async ({ onInternationalCheckoutSelected, onLoggedInInternationalAddressDetected, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    // Check if the customer belongs to a bypass group (e.g. resellers) before
+    // redirecting them away from BigCommerce native checkout. This delegates to
+    // the shared helper so the bypass decision has a single source of truth and
+    // reuses the cached promise warmed by `initBigCommerceBypassCheck`.
+    const { shouldBypass } = await checkBigCommerceBypassCustomerGroup();
+    if (shouldBypass) {
+        return 'noAction';
+    }
     const checkoutId = await fetchCheckoutId();
     if (!checkoutId) {
-        return false;
+        return 'noAction';
     }
     const checkout = await fetchBigCommerceCheckout(checkoutId);
     const shippingAddress = (_b = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.consignments) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.shippingAddress;
     if (!(shippingAddress === null || shippingAddress === void 0 ? void 0 : shippingAddress.countryCode)) {
-        return false;
+        return 'noAction';
     }
     const countryCode = shippingAddress.countryCode;
     if (!isShippableCountry(false, countryCode)) {
-        return false;
+        return 'noAction';
+    }
+    VarianceTest.log(onLoggedInInternationalAddressDetected
+        ? `Logged-in user has international shipping address: ${countryCode}, prompting user to choose checkout`
+        : `Logged-in user has international shipping address: ${countryCode}, redirecting automatically (legacy behavior)`, 'info');
+    // Ask the consumer (zonos-checkout) whether to redirect or stay on BC.
+    // Without this prompt the user can get stuck in a redirect loop when their
+    // saved default address is international but they want to use a different
+    // (domestic) saved address in BigCommerce native checkout.
+    if (onLoggedInInternationalAddressDetected) {
+        const action = await onLoggedInInternationalAddressDetected();
+        if (action === 'stay') {
+            VarianceTest.log('User opted to stay on BigCommerce native checkout despite international default address', 'info');
+            return 'optedOut';
+        }
     }
-    VarianceTest.log(`Logged-in user has international shipping address: ${countryCode}, redirecting`, 'info');
     if (onInternationalCheckoutSelected) {
         await onInternationalCheckoutSelected();
     }
@@ -230,20 +395,24 @@ const checkLoggedInUserShippingAddress = async ({ onInternationalCheckoutSelecte
         state: (_k = shippingAddress.stateOrProvince) !== null && _k !== void 0 ? _k : '',
     });
     // Redirect to home page — the home page will open the international checkout
-    // when it detects the domestic shipping session
-    window.location.href = '/';
-    return true;
+    // when it detects the domestic shipping session. Carry over zonosQaUrl /
+    // zonosTestMode so the destination page keeps using the same build/env.
+    window.location.href = buildBigcommerceRedirectUrl('/');
+    return 'redirected';
 };
 /**
  * Watch for changes in domestic checkout step. Redirects user to home page to open international checkout when user selects a country in the international shipping zone.
  * @note Only works on default bigcommerce checkout page
  */
-const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedBtnSelector, onInternationalCheckoutSelected, onShippingAddressSessionFound, }) => {
+const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedBtnSelector, onInternationalCheckoutSelected, onLoggedInInternationalAddressDetected, onShippingAddressSessionFound, }) => {
     if (!window.Zonos.isBigCommerce) {
         return;
     }
     /**
-     * Keep checking
+     * Keep checking.
+     * @returns `true` if the caller should stop polling — either because the user
+     * is being redirected to Zonos international checkout, or because the
+     * logged-in customer is in a bypass group and should stay on BC checkout.
      */
     const handleInternationalCheckoutSelected = async (overrideShippingCountry) => {
         var _a;
@@ -259,6 +428,19 @@ const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedB
             // do nothing if shipping country is not shippable
             return false;
         }
+        // Only check bypass after confirming the country is shippable (i.e. user is
+        // about to be redirected to Zonos international checkout). Force-refresh so
+        // we re-fetch BigCommerce checkout data every time the ship-to country
+        // changes — prevents stale customer-group data from a cached fetch.
+        const { shouldBypass } = await checkBigCommerceBypassCustomerGroup({
+            forceRefresh: true,
+        });
+        if (shouldBypass) {
+            // Logged-in customer is in a bypass group — keep them on BC native
+            // checkout and stop polling / fetching further.
+            VarianceTest.log('Bypass customer group detected on BC checkout, stopping interval', 'info');
+            return true;
+        }
         if (onInternationalCheckoutSelected) {
             await onInternationalCheckoutSelected();
         }
@@ -290,13 +472,40 @@ const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedB
             postalCode: shippingAddress.postalCode,
             state: shippingAddress.stateOrProvince,
         });
-        // redirect to home page, home page then will open the checkout dialog if having domestic shipping session
-        window.location.href = '/';
+        // redirect to home page, home page then will open the checkout dialog if
+        // having domestic shipping session. Carry over zonosQaUrl / zonosTestMode
+        // so the destination page keeps using the same build/env.
+        window.location.href = buildBigcommerceRedirectUrl('/');
         return true;
     };
     let isProcessing = false;
     let intervalCreated = false;
     let isCheckingLoggedInUserShippingAddress = false;
+    /**
+     * Set to `true` once the logged-in user has been prompted about a detected
+     * international default address and chose to stay on the BigCommerce native
+     * checkout. Prevents the observer from re-prompting on subsequent DOM
+     * mutations.
+     */
+    let loggedInAddressCheckSkipped = false;
+    /**
+     * Set to `true` while the logged-in international-address confirmation
+     * dialog is open and we are awaiting the user's response. While this
+     * flag is set the polling interval must not call
+     * `handleInternationalCheckoutSelected` — otherwise the interval would
+     * detect the pre-filled international country, show the loading dialog,
+     * and redirect before the user has responded to the confirm prompt.
+     */
+    let isAwaitingLoggedInConfirmation = false;
+    // NOTE: We intentionally do NOT await `checkBigCommerceBypassCustomerGroup()`
+    // here before attaching the MutationObserver. The bypass check involves two
+    // Storefront API round-trips, and awaiting it synchronously would delay
+    // observer registration — on fast-rendering BC pages that window can cause
+    // us to miss the initial DOM mutations and never trigger the redirect.
+    // Bypass is already enforced inside `checkLoggedInUserShippingAddress` and
+    // `handleInternationalCheckoutSelected` (both consult the helper), so the
+    // top-level gate is redundant. `initBigCommerceBypassCheck()` is called on
+    // page load so those inner calls typically resolve against a warm cache.
     const observer = new MutationObserver(async () => {
         var _a;
         const domesticRedirectedButton = document.querySelector(domesticRedirectedBtnSelector);
@@ -323,24 +532,35 @@ const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedB
         // For logged-in users, check if their saved address on the checkout is international
         // before the shipping form is even rendered.
         // Guard against repeated calls — the observer fires on every DOM mutation.
-        if (isCheckingLoggedInUserShippingAddress) {
-            return;
-        }
-        isCheckingLoggedInUserShippingAddress = true;
-        try {
-            const redirected = await checkLoggedInUserShippingAddress({
-                onInternationalCheckoutSelected,
-            });
-            if (redirected) {
-                observer.disconnect();
-                return;
+        // Also skip if the user already chose to stay on BC native checkout.
+        if (!loggedInAddressCheckSkipped &&
+            !isCheckingLoggedInUserShippingAddress) {
+            isCheckingLoggedInUserShippingAddress = true;
+            isAwaitingLoggedInConfirmation = true;
+            try {
+                const result = await checkLoggedInUserShippingAddress({
+                    onInternationalCheckoutSelected,
+                    onLoggedInInternationalAddressDetected,
+                });
+                if (result === 'redirected') {
+                    observer.disconnect();
+                    return;
+                }
+                if (result === 'optedOut') {
+                    // User elected to stay on BC native checkout — don't prompt again
+                    // for the rest of this session. Continue with the rest of the
+                    // observer logic so the country-change watcher still fires when
+                    // the user manually picks an international country in BC's UI.
+                    loggedInAddressCheckSkipped = true;
+                }
+            }
+            catch (error) {
+                handleFetch.logError('Error checking logged-in user shipping address', error);
+            }
+            finally {
+                isCheckingLoggedInUserShippingAddress = false;
+                isAwaitingLoggedInConfirmation = false;
             }
-        }
-        catch (error) {
-            handleFetch.logError('Error checking logged-in user shipping address', error);
-        }
-        finally {
-            isCheckingLoggedInUserShippingAddress = false;
         }
         const shipToCountryElement = document.querySelector(((_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.bigcommerceDomesticCheckoutCountrySelector) ||
             FALLBACK_SHIP_TO_COUNTRY_SELECTOR);
@@ -360,14 +580,18 @@ const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedB
         // disconnect the observer after we know that's bigcommerce domestic checkout page
         observer.disconnect();
         const interval = setInterval(async () => {
-            if (isProcessing) {
+            // Don't redirect while the logged-in international-address confirm
+            // dialog is open — the user hasn't made their choice yet.
+            if (isProcessing || isAwaitingLoggedInConfirmation) {
                 return;
             }
             isProcessing = true;
             try {
-                const isInternationalCountrySelected = await handleInternationalCheckoutSelected();
-                // When isInternationalCountrySelected is true, user will be redirected shortly, so we can stop the checking interval here
-                if (isInternationalCountrySelected) {
+                const shouldStopPolling = await handleInternationalCheckoutSelected();
+                // Stop the interval once either:
+                //  - the user is being redirected to Zonos international checkout
+                //  - the logged-in customer is in a bypass group (stay on BC checkout)
+                if (shouldStopPolling) {
                     clearInterval(interval);
                     return;
                 }
@@ -391,7 +615,7 @@ const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedB
             clearInterval(stripeBcListenerInterval);
             addressElement.on('change', event => {
                 const shippingCountry = event.value.address.country;
-                if (shippingCountry) {
+                if (shippingCountry && !isAwaitingLoggedInConfirmation) {
                     void handleInternationalCheckoutSelected(shippingCountry);
                 }
             });
@@ -699,6 +923,19 @@ const ZonosCheckout = class {
          * This is for BigCommerce stores when the user selects a domestic country in the international checkout.
          */
         this.redirectToDomesticCheckoutDialogOpen = false;
+        /**
+         * Whether or not the confirm dialog for a logged-in BigCommerce user with a
+         * detected international default shipping address is shown. The user must
+         * choose to either continue to the international checkout or stay on the
+         * BigCommerce native checkout (and select a domestic address there).
+         */
+        this.loggedInIntlAddressConfirmDialogOpen = false;
+        /**
+         * Resolver for the promise returned to
+         * `watchImmediateBigcommerceDomesticCheckoutRedirect` while we wait for
+         * the user's choice in `loggedInIntlAddressConfirmDialogOpen`.
+         */
+        this.loggedInIntlAddressResolver = null;
         /**
          * Client secret value
          */
@@ -1311,6 +1548,23 @@ const ZonosCheckout = class {
                         return;
                     }
                 }
+                // For BigCommerce stores: check if the customer belongs to a bypass
+                // group (e.g. resellers) and redirect them to BigCommerce native
+                // checkout instead. This must happen *before* we flip any UI state
+                // (opening the dialog, setting the fetching-session flag) so bypass
+                // users never see the Zonos checkout dialog flash.
+                // `initBigCommerceBypassCheck` was called on page load so this
+                // typically resolves against the cached promise.
+                if (window.Zonos.isBigCommerce) {
+                    const { shouldBypass } = await checkBigCommerceBypassCustomerGroup();
+                    if (shouldBypass) {
+                        VarianceTest.log('Bypass customer group detected, redirecting to BigCommerce native checkout', 'info');
+                        // Carry over zonosQaUrl / zonosTestMode so the BC native
+                        // checkout keeps loading the same Zonos elements build/env.
+                        window.location.href = buildBigcommerceRedirectUrl('/checkout');
+                        return;
+                    }
+                }
                 // start loading
                 cart.stripeStore.isFetchingSession = true;
                 this.open = true;
@@ -1559,6 +1813,9 @@ const ZonosCheckout = class {
         if (typeof this.overrideStagingMode !== 'undefined') {
             cart.cartStore.isStagingMode = this.overrideStagingMode;
         }
+        // Start fetching BigCommerce customer group on page load so the bypass
+        // result is ready by the time checkout opens or the BC watcher fires
+        initBigCommerceBypassCheck();
         // check if bigcommerce, if user enters the shipping address that's in the shipping zone at bigcommerce checkout
         watchImmediateBigcommerceDomesticCheckoutRedirect({
             domesticRedirectedBtnSelector: CheckoutConfig.domesticRedirectedBtnSelector,
@@ -1567,6 +1824,16 @@ const ZonosCheckout = class {
                 // wait for 2 secs
                 await new Promise(resolve => setTimeout(resolve, 2000));
             },
+            // Logged-in user is on the BC native /checkout page with a saved
+            // international default address. Ask the user whether to continue to
+            // the Zonos international checkout or stay on BC and pick a different
+            // (domestic) saved address. This avoids the redirect loop where a user
+            // who wants to checkout domestically gets bounced back to international
+            // every time they land on /checkout.
+            onLoggedInInternationalAddressDetected: () => new Promise(resolve => {
+                this.loggedInIntlAddressResolver = resolve;
+                this.loggedInIntlAddressConfirmDialogOpen = true;
+            }),
             onShippingAddressSessionFound: shippingAddressSession => {
                 // prefilled the default address if shipping address session is found for checkout on open
                 this.defaultAddress = [
@@ -2056,7 +2323,9 @@ const ZonosCheckout = class {
                     this.redirectToDomesticCheckoutDialogOpen = true;
                     VarianceTest.log(`Domestic country ${shippingCountry} selected in international checkout, redirecting to BigCommerce domestic checkout`, 'info');
                     setTimeout(() => {
-                        window.location.href = '/checkout';
+                        // Carry over zonosQaUrl / zonosTestMode so the BC native checkout
+                        // keeps loading the same Zonos elements build/env.
+                        window.location.href = buildBigcommerceRedirectUrl('/checkout');
                     }, 2000);
                 }
             }),
@@ -2167,7 +2436,17 @@ const ZonosCheckout = class {
                 this.isMobile && 'mobile',
                 this.isIframed && 'iframed',
                 this.hiddenMode && 'hidden-mode',
-            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, class: "zonos--checkout-dialog", "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-dialog", { isLoading: true, loadingText: localization.translate('You will be redirected to international checkout shortly.'), loadingTitle: localization.translate('We detected that you are shipping to an international address.'), noClickOutside: true, noCloseButton: true, open: this.detectedDomesticCheckoutDialogOpen, width: "450px" }), index.h("zonos-dialog", { isLoading: true, loadingText: localization.translate('You will be redirected to domestic checkout shortly.'), loadingTitle: localization.translate('We detected that you are shipping to a domestic address.'), noClickOutside: true, noCloseButton: true, open: this.redirectToDomesticCheckoutDialogOpen, width: "450px" }), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: localization.translate("Don't close"), dialogConfirmBtnText: localization.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: localization.translate('Would you like to close checkout and return to the site?'), dialogTitle: localization.translate('Are you sure?'), onCancelClicked: () => {
+            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, class: "zonos--checkout-dialog", "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-dialog", { isLoading: true, loadingText: localization.translate('You will be redirected to international checkout shortly.'), loadingTitle: localization.translate('We detected that you are shipping to an international address.'), noClickOutside: true, noCloseButton: true, open: this.detectedDomesticCheckoutDialogOpen, width: "450px" }), index.h("zonos-dialog", { isLoading: true, loadingText: localization.translate('You will be redirected to domestic checkout shortly.'), loadingTitle: localization.translate('We detected that you are shipping to a domestic address.'), noClickOutside: true, noCloseButton: true, open: this.redirectToDomesticCheckoutDialogOpen, width: "450px" }), index.h("zonos-confirm-dialog", { class: "zonos--logged-in-intl-address-dialog", dialogCancelBtnText: localization.translate('Stay on this page'), dialogConfirmBtnText: localization.translate('Continue to international checkout'), dialogIntent: "info", dialogOpen: this.loggedInIntlAddressConfirmDialogOpen, dialogSubtitle: localization.translate('Your saved default address ships internationally. Would you like to continue to international checkout, or stay here and select a domestic address?'), dialogTitle: localization.translate('International shipping address detected'), dialogWidth: 480, onCancelClicked: () => {
+                var _a;
+                this.loggedInIntlAddressConfirmDialogOpen = false;
+                (_a = this.loggedInIntlAddressResolver) === null || _a === void 0 ? void 0 : _a.call(this, 'stay');
+                this.loggedInIntlAddressResolver = null;
+            }, onConfirmClicked: () => {
+                var _a;
+                this.loggedInIntlAddressConfirmDialogOpen = false;
+                (_a = this.loggedInIntlAddressResolver) === null || _a === void 0 ? void 0 : _a.call(this, 'redirect');
+                this.loggedInIntlAddressResolver = null;
+            } }), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: localization.translate("Don't close"), dialogConfirmBtnText: localization.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: localization.translate('Would you like to close checkout and return to the site?'), dialogTitle: localization.translate('Are you sure?'), onCancelClicked: () => {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog

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-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.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-4ef52500.js');
+const cart = require('./cart-cd0a054b.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
-const zonosStore = require('./zonosStore-f5a61112.js');
+const zonosStore = require('./zonosStore-1c517e55.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-75f4ec05.js');
+require('./localization-adaab93f.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
-require('./isDarkColor-a68abf7a.js');
-require('./getBorderRadius-27a74844.js');
+require('./isDarkColor-bfe6d1eb.js');
+require('./getBorderRadius-db55a464.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;