@zonos/elements 1.3.18-alpha.2 → 1.3.18-alpha.3

package/dist/components/zonos-checkout.js

@@ -1,1051 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
-import { a as localizationStore, d as log, e as stripeStoreGetDomesticShippingSession, f as localizationStoreUpdateSelectedCountryCode, g as stripeStoreCleanupDomesticShippingSession, l as logError, h as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as cartStore, j as cartStoreUpdateItems, k as cartStoreReset, m as cartStoreResetTabItems, s as stripeStore, n as stripeStoreInitCheckoutSession, o as cartStoreUpdateToErrorState, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreConfirmPayment, t as stripeStoreReset, u as localizationStoreOnUpdate } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore.js';
-import { t as trackConversionEvent } from './trackConversionEvent.js';
-import { i as isCheckoutMobile } from './isCheckoutMobile.js';
-import { c as createCustomEvent, s as sendErrorLog, d as defineCustomElement$o } from './zonos-checkout-finish2.js';
-import { c as classes } from './classes.js';
-import { g as getBorderRadius } from './getBorderRadius.js';
-import { i as isDarkColor } from './isDarkColor.js';
-import { s as submitGtag } from './submitGtag.js';
-import { R as RemoveIcon, d as defineCustomElement$x } from './zonos-address-update-dialog2.js';
-import { d as defineCustomElement$A } from './zonos-address2.js';
-import { d as defineCustomElement$z } from './zonos-address-display2.js';
-import { d as defineCustomElement$y } from './zonos-address-form2.js';
-import { d as defineCustomElement$w } from './zonos-badge2.js';
-import { d as defineCustomElement$v } from './zonos-banner2.js';
-import { d as defineCustomElement$u } from './zonos-button2.js';
-import { d as defineCustomElement$t } from './zonos-card2.js';
-import { d as defineCustomElement$s } from './zonos-cart-items2.js';
-import { d as defineCustomElement$r } from './zonos-cart-restricted-items2.js';
-import { d as defineCustomElement$q } from './zonos-cart-subtotal2.js';
-import { d as defineCustomElement$p } from './zonos-checkbox2.js';
-import { d as defineCustomElement$n } from './zonos-checkout-footer2.js';
-import { d as defineCustomElement$m } from './zonos-checkout-payment2.js';
-import { d as defineCustomElement$l } from './zonos-checkout-progress-tabs2.js';
-import { d as defineCustomElement$k } from './zonos-collapse2.js';
-import { d as defineCustomElement$j } from './zonos-confirm-dialog2.js';
-import { d as defineCustomElement$i } from './zonos-country-flag2.js';
-import { d as defineCustomElement$h } from './zonos-custom-message2.js';
-import { d as defineCustomElement$g } from './zonos-customer-info2.js';
-import { d as defineCustomElement$f } from './zonos-dialog2.js';
-import { d as defineCustomElement$e } from './zonos-icon2.js';
-import { d as defineCustomElement$d } from './zonos-input2.js';
-import { d as defineCustomElement$c } from './zonos-language-select2.js';
-import { d as defineCustomElement$b } from './zonos-link-authentication2.js';
-import { d as defineCustomElement$a } from './zonos-payment2.js';
-import { d as defineCustomElement$9 } from './zonos-review2.js';
-import { d as defineCustomElement$8 } from './zonos-select-dialog-header2.js';
-import { d as defineCustomElement$7 } from './zonos-shipping2.js';
-import { d as defineCustomElement$6 } from './zonos-shipping-rich-radio2.js';
-import { d as defineCustomElement$5 } from './zonos-spinner2.js';
-import { d as defineCustomElement$4 } from './zonos-text2.js';
-import { d as defineCustomElement$3 } from './zonos-tooltip2.js';
-import { d as defineCustomElement$2 } from './zonos-v-stack2.js';
-
-/**
- * This is just function to make the key typesafe to enter
- * @returns
- */
-const objAttribute = ({ key, value, }) => value
-    ? {
-        key,
-        value,
-    }
-    : null;
-/**
- * Map legacy item attribute to dgs item attributes
- * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L412
- */
-const getAttributes = (item) => {
-    return [
-        objAttribute({
-            key: 'brand',
-            value: item.itemBrand,
-        }),
-        objAttribute({
-            key: 'material',
-            value: item.itemMaterial,
-        }),
-        objAttribute({
-            key: 'category',
-            value: item.itemCategory,
-        }),
-        objAttribute({
-            key: 'color',
-            value: item.itemColor,
-        }),
-        objAttribute({
-            key: 'customization',
-            value: item.itemCustomization,
-        }),
-        objAttribute({
-            key: 'descriptionDetailed',
-            value: item.itemDescriptionDetailed,
-        }),
-        objAttribute({
-            key: 'fabricContent',
-            value: item.itemFabricContent,
-        }),
-        objAttribute({
-            key: 'ltlClass',
-            value: item.itemLtlClass,
-        }),
-        objAttribute({
-            key: 'pickingLocation',
-            value: item.itemPickingLocation,
-        }),
-        objAttribute({
-            key: 'shipFromLocation',
-            value: item.itemShipFromLocation,
-        }),
-        objAttribute({
-            key: 'size',
-            value: item.itemSize,
-        }),
-        objAttribute({
-            key: 'status',
-            value: item.status,
-        }),
-    ].filter(Boolean);
-};
-
-/**
- * Map legacy weight units with dgs
- * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L483
- */
-const getItemWeightUnit = (weightUnit) => {
-    if (!weightUnit) {
-        return 'POUND';
-    }
-    switch (weightUnit.toUpperCase()) {
-        case 'KG':
-            return 'KILOGRAM';
-        case 'OZ':
-            return 'OUNCE';
-        case 'G':
-            return 'GRAM';
-        default:
-            return 'POUND';
-    }
-};
-/**
- * Mapping legacy measurement with dgs
- * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L441
- */
-const getMeasurements = (item) => {
-    if (!item) {
-        return [];
-    }
-    const measurements = [];
-    if (item.length) {
-        measurements.push({
-            type: 'LENGTH',
-            unitOfMeasure: 'INCH',
-            value: item.length,
-        });
-    }
-    if (item.width) {
-        measurements.push({
-            type: 'WIDTH',
-            unitOfMeasure: 'INCH',
-            value: item.width,
-        });
-    }
-    if (item.weight) {
-        measurements.push({
-            type: 'WEIGHT',
-            unitOfMeasure: getItemWeightUnit(item.weightUnits),
-            value: item.weight,
-        });
-    }
-    if (item.height) {
-        measurements.push({
-            type: 'HEIGHT',
-            unitOfMeasure: 'INCH',
-            value: item.height,
-        });
-    }
-    return measurements;
-};
-
-/**
- * Map the items from tempCart like how we do it in dgs
- * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L393
- */
-const buildCartItemsByTempCart = (tempCartData) => {
-    var _a;
-    const tempCartItems = ((_a = tempCartData === null || tempCartData === void 0 ? void 0 : tempCartData.items) === null || _a === void 0 ? void 0 : _a.map(item => ({
-        amount: item.unitPrice || 0,
-        attributes: getAttributes(item),
-        countryOfOrigin: item.countryOfOrigin || undefined,
-        currencyCode: 'USD',
-        description: item.itemDescriptionLong || '',
-        imageUrl: item.imageURL || '',
-        itemType: 'PHYSICAL_GOOD',
-        measurements: getMeasurements(item),
-        name: item.description || '',
-        productId: item.productId || '',
-        quantity: item.quantity || 0,
-        sku: item.sku || '',
-    }))) || [];
-    return tempCartItems;
-};
-
-const isShippableCountry = (showLog = true) => {
-    if (!localizationStore.localizationLoaded) {
-        return false;
-    }
-    // if localization is loaded and the localization is not a shippable country, keep the original click event
-    if (!localizationStore.isShippableCountry) {
-        document.dispatchEvent(createCustomEvent('legacyCheckoutError', 'Unable to initiate checkout process in a country where shipping is not available'));
-        if (showLog) {
-            log(`Checkout: not shippable country`);
-        }
-        return false;
-    }
-    return true;
-};
-
-/**
- * Watch for changes in domestic checkout step, this is to redirect user to home page and open checkout if user enters the ship to country that's in the shipping zone
- * @note Only works on default bigcommerce checkout page
- */
-const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShippingAddressSessionFound, }) => {
-    if (!window.Zonos.isBigCommerce) {
-        return;
-    }
-    const observer = new MutationObserver(async () => {
-        const domesticRedirectedButton = document.querySelector(domesticRedirectedBtnSelector);
-        const shippingAddressSession = stripeStoreGetDomesticShippingSession();
-        // append a hidden button to the body if the shipping address session is found
-        if (!domesticRedirectedButton && shippingAddressSession) {
-            // create a hidden button to trigger the click event
-            const button = document.createElement('button');
-            button.style.display = 'none';
-            button.id = 'zonos--domestic-redirected-checkout-button';
-            document.body.appendChild(button);
-            onShippingAddressSessionFound === null || onShippingAddressSessionFound === void 0 ? void 0 : onShippingAddressSessionFound(shippingAddressSession);
-            // disconnect the observer after we found the shipping continue button
-            observer.disconnect();
-            return;
-        }
-        const shipToCountryElement = document.querySelector('select[name="shippingAddress.countryCode"]');
-        // make sure the continue button is available
-        const shippingCountinueBtnEle = document.querySelector('#checkout-shipping-continue');
-        if (!shipToCountryElement || !shippingCountinueBtnEle) {
-            // do nothing if shipping country and the continue button is not found
-            return;
-        }
-        // disconnect the observer after we found the shipping continue button
-        observer.disconnect();
-        shippingCountinueBtnEle.addEventListener('click', async (e) => {
-            var _a, _b;
-            const shippingCountry = shipToCountryElement.value;
-            if (!shippingCountry) {
-                // do nothing if shipping country is not found
-                return;
-            }
-            // update the country code in localization store and check if it's shippable
-            localizationStoreUpdateSelectedCountryCode(shippingCountry);
-            // do nothing if the country is still domestic
-            if (!isShippableCountry(false)) {
-                // cleanup the domestic shipping session if it's domestic because we will open the intl checkout after redirecting
-                stripeStoreCleanupDomesticShippingSession();
-                return;
-            }
-            // get value of shipping address state
-            const shipToFormElement = document.querySelector('form');
-            if (!shipToFormElement) {
-                return;
-            }
-            const formData = new FormData(shipToFormElement);
-            const shipAddress1Element = document.querySelector('input#addressLine1Input');
-            const shippingAddress = {
-                address1: (_a = formData.get('shippingAddress.address1')) !== null && _a !== void 0 ? _a : 
-                // in Canada, the address1 is not included in the form, try to get value from input id instead.
-                (shipAddress1Element && shipAddress1Element.value),
-                address2: formData.get('shippingAddress.address2'),
-                city: formData.get('shippingAddress.city'),
-                countryCode: formData.get('shippingAddress.countryCode'),
-                firstName: formData.get('shippingAddress.firstName'),
-                lastName: formData.get('shippingAddress.lastName'),
-                phone: formData.get('shippingAddress.phone'),
-                postalCode: formData.get('shippingAddress.postalCode'),
-                stateOrProvince: (_b = formData.get('shippingAddress.stateOrProvince')) !== null && _b !== void 0 ? _b : formData.get('shippingAddress.stateOrProvinceCode'),
-            };
-            if (Object.values(shippingAddress).some(value => value === undefined || value === null)) {
-                logError('One or more shipping address field is missing', Object.entries(shippingAddress));
-                void sendErrorLog({
-                    endpoint: 'No endpoint, domestic checkout form missing fields',
-                    errors: [
-                        'Bigcommerce: One or more shipping address field is missing in the domestic checkout form',
-                        JSON.stringify(Object.entries(shippingAddress)),
-                    ],
-                    metadata: {
-                        domain: window.location.hostname,
-                        storeId: zonosStore.storeId,
-                    },
-                });
-                return;
-            }
-            // save the shipping address to session storage
-            stripeStoreSaveDomesticShippingSession({
-                address1: shippingAddress.address1,
-                address2: shippingAddress.address2,
-                city: shippingAddress.city,
-                countryCode: shippingAddress.countryCode,
-                firstName: shippingAddress.firstName,
-                lastName: shippingAddress.lastName,
-                phone: shippingAddress.phone,
-                postalCode: shippingAddress.postalCode,
-                state: shippingAddress.stateOrProvince,
-            });
-            e.preventDefault();
-            e.stopPropagation();
-            // redirect to home page, home page then will open the checkout dialog if having domestic shipping session
-            window.location.href = '/';
-        });
-    });
-    observer.observe(document.body, {
-        childList: true,
-        subtree: true,
-    });
-};
-
-const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
-</svg>
-`;
-
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";
-const ZonosCheckoutStyle0 = zonosCheckoutCss;
-
-const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /**
-         * Listener for locale change in localization store
-         */
-        this.onChangeLocaleListener = () => { };
-        this.applyStripeTheme = async () => {
-            var _a, _b, _c, _d;
-            const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.appearance.theme;
-            await initStripeElements({
-                overrideBorderRaidus: (_b = this.appearanceSettingsOverride) === null || _b === void 0 ? void 0 : _b.style,
-                overridePrimaryColor: (_c = this.appearanceSettingsOverride) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-                overrideSecondaryColor: (_d = this.appearanceSettingsOverride) === null || _d === void 0 ? void 0 : _d.colorSecondary,
-                // only override theme or theme from appearance if it's mobile
-                overrideTheme: this.isMobile ? theme : undefined,
-            });
-        };
-        this.getCurrentLocalePageEnum = () => {
-            switch (cartStore.step) {
-                case 'customer-info':
-                    return 'checkout_customer_info';
-                case 'shipping':
-                    return 'checkout_shipping_info';
-                case 'payment':
-                    return 'checkout_payment_info';
-                default:
-                    return null;
-            }
-        };
-        this.appearanceSettingsOverride = undefined;
-        this.preview = false;
-        this.mobile = false;
-        this.defaultAddress = null;
-        this.forceDialogOpen = false;
-        this.open = this.forceDialogOpen;
-        this.stripe = window.Zonos.stripe;
-        this.submitLoading = false;
-        this.paymentError = false;
-        this.collapseReviewMobile = true;
-        this.isAttachError = false;
-        this.isMobile = false;
-        this.zonosReviewRef = undefined;
-        this.storybookPaymentStatusOverride = undefined;
-        this.domesticRedirectedBtnSelector = '#zonos--domestic-redirected-checkout-button';
-        this.legacyCheckoutHiddenBtnSelector = '#legacy-checkout-hidden-button';
-        this.isLegacyCheckout = false;
-        this.confirmDialogOpen = false;
-    }
-    /**
-     * Init cart info handler event
-     */
-    async initCartInfoHandler(e) {
-        const cartItems = e.detail;
-        void cartStoreUpdateItems(cartItems);
-    }
-    async handleKeyPress(e) {
-        if (e.key === 'Escape') {
-            void this.closeDialogHandler();
-        }
-    }
-    /**
-     * Close dialog action
-     */
-    async closeDialogHandler(props) {
-        var _a, _b;
-        if (!this.open) {
-            // Do nothing if the checkout is not even open
-            return;
-        }
-        // Only proceed when user select confirmed.
-        if (!(props === null || props === void 0 ? void 0 : props.confirmed)) {
-            this.confirmDialogOpen = true;
-            return;
-        }
-        // Close the confirm dialog
-        this.confirmDialogOpen = false;
-        submitGtag('zonos-checkout-close');
-        this.open = this.forceDialogOpen || false;
-        if (!this.preview && cartStore.step === 'finish') {
-            // reset cart store if it's not preview mode and only when checkout is in the finish step.
-            cartStoreReset();
-        }
-        // reset step to customer info
-        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.
-        cartStoreResetTabItems();
-        /**
-         * Trigger callback when the checkout is closed
-         */
-        (_b = (_a = zonosStore.checkoutSettings).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-    }
-    async buildCartAndInit() {
-        // if tempCartUUID is provided, use it instead of buildCartDetail
-        if (window.Zonos.tempCartData) {
-            const tempCartData = buildCartItemsByTempCart(window.Zonos.tempCartData);
-            await cartStoreUpdateItems(tempCartData);
-        }
-        else if (zonosStore.checkoutSettings.buildCartDetail) {
-            log('build cart detail');
-            const cartItems = await zonosStore.checkoutSettings.buildCartDetail();
-            await cartStoreUpdateItems(cartItems);
-        }
-        // if client secret doesn't exist, request a new one.
-        if (!stripeStore.clientSecret) {
-            const success = await stripeStoreInitCheckoutSession();
-            log(`stripeStoreInitCheckoutSession: ${success}`);
-            if (!success) {
-                return false;
-            }
-        }
-        // apply theme to stripe elements
-        await this.applyStripeTheme();
-        return true;
-    }
-    attachCheckout() {
-        const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
-        log(`attach checkout ${buttonAnchorSelector}`);
-        if (!buttonAnchorSelector) {
-            // do nothing if button element is not found
-            return;
-        }
-        // also attach event to hidden button if user was redirected with shipping address session
-        const buttonAnchorElements = document.querySelectorAll(`${buttonAnchorSelector}, ${this.domesticRedirectedBtnSelector}`);
-        // only attach event once, and looping through all of the button elements
-        buttonAnchorElements.forEach(button => {
-            const isEventAttached = button.getAttribute('data-zonos-checkout-attached');
-            if (isEventAttached) {
-                // do nothing if event is already attached
-                return;
-            }
-            button.addEventListener('click', async (e) => {
-                // do nothing if it's not shippable country
-                if (!isShippableCountry()) {
-                    return;
-                }
-                e.preventDefault();
-                e.stopPropagation();
-                log('zonos checkout button clicked');
-                // start loading
-                stripeStore.isFetchingSession = true;
-                this.open = true;
-                try {
-                    // buildCartDetail need to be catch since it may throw error
-                    const result = await this.buildCartAndInit();
-                    if (!result) {
-                        throw new Error('Error building cart');
-                    }
-                    submitGtag('zonos-checkout-start');
-                    void trackConversionEvent('checkout_open');
-                }
-                catch (err) {
-                    // stop loading
-                    stripeStore.isFetchingSession = false;
-                    cartStoreUpdateToErrorState({
-                        messages: [
-                            translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
-                        ],
-                        title: translate('Error creating Checkout'),
-                    });
-                }
-            });
-            button.removeAttribute('disabled');
-            button.setAttribute('data-zonos-checkout-attached', 'true');
-            // if this button is the hidden button, trigger the click event
-            if (button.matches(this.domesticRedirectedBtnSelector)) {
-                button.dispatchEvent(createCustomEvent('click'));
-                // cleanup shipping session after button is clicked
-                stripeStoreCleanupDomesticShippingSession();
-                // remove the button after it's clicked
-                button.remove();
-            }
-            if (button.matches(this.legacyCheckoutHiddenBtnSelector)) {
-                this.isLegacyCheckout = true;
-                // trigger the click event on the button
-                button.dispatchEvent(createCustomEvent('click'));
-                button.remove();
-            }
-        });
-    }
-    appearanceSettingsOverrideChanged() {
-        if (!this.appearanceSettingsOverride) {
-            return;
-        }
-        // apply theme to stripe elements
-        void this.applyStripeTheme();
-    }
-    /**
-     * Set default address from query param if it's valid
-     */
-    useLegacyQueryParam() {
-        const urlParams = new URLSearchParams(window.location.search);
-        const legacyShippingInfo = {
-            country: urlParams.get('country'),
-            customerAddress1: urlParams.get('customerAddress1'),
-            customerAddress2: urlParams.get('customerAddress2'),
-            customerCity: urlParams.get('customerCity'),
-            customerEmail: urlParams.get('customerEmail'),
-            customerName: urlParams.get('customerName'),
-            customerPhone: urlParams.get('customerPhone'),
-            customerState: urlParams.get('customerState'),
-            customerZip: urlParams.get('customerZip'),
-        };
-        // if one of the value is null, no need to preset the default address
-        if (!legacyShippingInfo.customerAddress1 ||
-            !legacyShippingInfo.customerCity ||
-            !legacyShippingInfo.customerName ||
-            !legacyShippingInfo.customerPhone ||
-            !legacyShippingInfo.customerState ||
-            !legacyShippingInfo.customerZip ||
-            !legacyShippingInfo.country) {
-            return;
-        }
-        this.defaultAddress = {
-            address: {
-                city: legacyShippingInfo.customerCity,
-                country: legacyShippingInfo.country,
-                line1: legacyShippingInfo.customerAddress1,
-                line2: legacyShippingInfo.customerAddress2 || '',
-                postal_code: legacyShippingInfo.customerZip,
-                state: legacyShippingInfo.customerState,
-            },
-            email: legacyShippingInfo.customerEmail || '',
-            name: legacyShippingInfo.customerName,
-            phone: legacyShippingInfo.customerPhone,
-        };
-    }
-    /**
-     * Setup all of the event listeners for the component on first load
-     */
-    async init() {
-        stripeStore.stripe = window.Zonos.stripe;
-        this.stripe = window.Zonos.stripe;
-        // check if bigcommerce, if user enters the shipping address that's in the shipping zone at bigcommerce checkout
-        watchBigcommerceDomesticCheckout({
-            domesticRedirectedBtnSelector: this.domesticRedirectedBtnSelector,
-            onShippingAddressSessionFound: shippingAddressSession => {
-                // prefilled the default address if shipping address session is found for checkout on open
-                this.defaultAddress = {
-                    address: {
-                        city: shippingAddressSession.city,
-                        country: shippingAddressSession.countryCode,
-                        line1: shippingAddressSession.address1,
-                        line2: shippingAddressSession.address2,
-                        postal_code: shippingAddressSession.postalCode,
-                        state: shippingAddressSession.state,
-                    },
-                    email: '',
-                    name: `${shippingAddressSession.firstName} ${shippingAddressSession.lastName}`,
-                    phone: shippingAddressSession.phone,
-                };
-            },
-        });
-        /**
-         * When temp cart data is available, set default address if exist
-         */
-        if (window.Zonos.tempCartData) {
-            this.useLegacyQueryParam();
-        }
-        const hideInternationalOrderInterval = setInterval(() => {
-            const internationalSelector = window.Zonos.internationalHideSelector;
-            if (!internationalSelector) {
-                // cleanup right away if selector is not found
-                clearInterval(hideInternationalOrderInterval);
-                return;
-            }
-            // hide the selector if it's international
-            const isInternationalOrder = isShippableCountry(false);
-            const selector = document.querySelectorAll(internationalSelector);
-            if (!isInternationalOrder) {
-                // show the selector when it's domestic
-                selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
-                    const element = el;
-                    const display = element.getAttribute('data-zonos-checkout-original-display') ||
-                        getComputedStyle(element).display;
-                    // fallback to initial (browser value) if "display" is not found
-                    element.style.display = display || 'initial';
-                });
-                return;
-            }
-            selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
-                const element = el;
-                const display = element.style.display;
-                // save the display state so we can restore it later
-                element.setAttribute('data-zonos-checkout-original-display', display);
-                element.style.display = 'none';
-            });
-        }, 100);
-        // only init checkout if visitor's country is in the shipping zones.
-        const interval = setInterval(() => {
-            stripeStore.stripe = window.Zonos.stripe;
-            this.stripe = window.Zonos.stripe;
-            if (!this.stripe) {
-                log('waiting for stripe to be loaded');
-                return;
-            }
-            if (this.storybookPaymentStatusOverride) {
-                clearInterval(interval);
-                return;
-            }
-            log('init checkout');
-            if (this.preview || this.forceDialogOpen) {
-                void this.buildCartAndInit();
-            }
-            else {
-                this.attachCheckout();
-                // create a mutation observer to see if any new elements that match our selector is added to the DOM
-                const observer = new MutationObserver(() => {
-                    this.attachCheckout();
-                });
-                observer.observe(document.body, {
-                    childList: true,
-                    subtree: true,
-                });
-            }
-            clearInterval(interval);
-        }, 50);
-        setTimeout(() => {
-            // if localization is not loaded after 10 seconds, stop the interval and don't init checkout
-            clearInterval(interval);
-        }, 10000);
-    }
-    /**
-     * For storybook to set to finish step, this is to trigger in the story for zonos-checkout-finish
-     */
-    async setToFinishStep(forcePaymentStatus) {
-        cartStore.step = 'finish';
-        this.storybookPaymentStatusOverride = forcePaymentStatus;
-    }
-    async handleCustomerInfoContinue() {
-        this.submitLoading = true;
-        // fetch landed cost data if we not fetching.
-        await stripeStorePrefetchLandedCost();
-        // keep checking landed cost data until it's ready to move to next screen
-        const interval = setInterval(() => {
-            if (cartStore.landedCostData || !stripeStore.isFetchingLandedCost) {
-                if (cartStore.landedCostData) {
-                    // only go to next step if landed cost data is ready
-                    cartStoreNextStep();
-                }
-                this.submitLoading = false;
-                clearInterval(interval);
-            }
-        }, 500);
-    }
-    async handleShippingContinue() {
-        this.submitLoading = true;
-        // show loading for the button for a bit
-        setTimeout(() => {
-            cartStoreNextStep();
-            this.submitLoading = false;
-        }, 500);
-    }
-    async handleCheckoutPaymentContinue() {
-        // reset error state
-        this.paymentError = false;
-        this.submitLoading = true;
-        try {
-            await stripeStoreConfirmPayment();
-            cartStoreNextStep();
-        }
-        catch (err) {
-            logError(err);
-            this.paymentError = true;
-        }
-        this.submitLoading = false;
-    }
-    async handleFinishClick() {
-        // reset stripe store
-        stripeStoreReset();
-        if (this.preview) {
-            cartStore.step = 'customer-info';
-            await this.init();
-            return;
-        }
-        // reset cart store
-        cartStoreReset();
-        // redirect to vendor store url if this is legacy checkout.
-        if (this.isLegacyCheckout && window.Zonos.tempCartData) {
-            const contShoppingUrl = window.Zonos.tempCartData.contShoppingURL;
-            window.location.href = contShoppingUrl;
-            return;
-        }
-        // reset url
-        const url = window.location.href;
-        // Remove query parameters
-        const cleanUrl = url.split('?')[0];
-        // Update the URL without query parameters
-        window.history.replaceState({}, document.title, cleanUrl);
-        this.open = false;
-        // Reload the page
-        window.location.reload();
-    }
-    handleWindowResize() {
-        this.isMobile = isCheckoutMobile(this.mobile);
-        // apply theme to stripe elements
-        void this.applyStripeTheme();
-        log(`mobile: ${this.isMobile}`);
-    }
-    handleMobileChange() {
-        this.isMobile = isCheckoutMobile(this.mobile);
-        // apply theme to stripe elements
-        void this.applyStripeTheme();
-        log(`mobile: ${this.isMobile}`);
-    }
-    handleAppearanceSettingsOverrideChange() {
-        var _a;
-        if ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) {
-            // update theme to browser preference theme if appearance theme is system
-            this.appearanceSettingsOverride.theme = getZonosStoreTheme(this.appearanceSettingsOverride.theme);
-        }
-    }
-    componentWillLoad() {
-        void this.init();
-        this.isMobile = isCheckoutMobile(this.mobile);
-        // update theme to browser preference theme if appearance theme is system
-        this.handleAppearanceSettingsOverrideChange();
-        // listen to selected locale code change
-        this.onChangeLocaleListener = localizationStoreOnUpdate('selectedLocale', () => {
-            // Update stripe locale when selected country code is changed
-            void this.applyStripeTheme();
-        });
-        log(`mobile: ${this.isMobile}`);
-    }
-    // do clean up when component is unmounted
-    disconnectedCallback() {
-        // reset stripe store
-        stripeStoreReset();
-        // reset cart store
-        cartStoreReset();
-        // cleanup onChange listener
-        this.onChangeLocaleListener();
-    }
-    render() {
-        var _a;
-        const dialogLoading = 
-        // if it's last step, don't need to check stripe elements
-        (cartStore.step !== 'finish' &&
-            cartStore.step !== 'error' &&
-            !stripeStore.stripeElements) ||
-            stripeStore.isFetchingSession;
-        const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
-        const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
-        const rightSideTheme = zonosStore.appearance.theme;
-        const themePrimaryColorBased = colorPrimary && isDarkColor(colorPrimary) ? 'DARK' : 'LIGHT';
-        // use right side theme if it's mobile, otherwise use themePrimaryColorBased
-        const leftSideTheme = this.isMobile
-            ? rightSideTheme
-            : themePrimaryColorBased;
-        // only use submit button color if it's on desktop
-        const submitButtonColor = !this.isMobile ? colorSecondary : undefined;
-        const { customMessages } = localizationStore;
-        const defaultMessage = (_a = customMessages.find(x => x.pageName === 'checkout_default')) === null || _a === void 0 ? void 0 : _a.message;
-        const localePageEnum = this.getCurrentLocalePageEnum();
-        const filteredMessages = customMessages.filter(x => x.pageName === localePageEnum);
-        const renderLogo = () => {
-            // add timestamp to logo url if it's preview mode so browser won't cache it on the dashboard setting
-            const logo = this.preview
-                ? `${logoUrl}?timestamp=${Date.now()}`
-                : logoUrl;
-            return (h("div", { class: "zonos--logo" }, logo && (h("img", { alt: `${zonosStore.organizationName} logo`, src: logo, width: 100 }))));
-        };
-        const renderTopHeader = () => {
-            return (h("zonos-v-stack", null, renderLogo(), h("zonos-checkout-progress-tabs", { backgroundColor: 
-                // only use different contrast color when the secondary color is too off with the background in mobile
-                this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
-        };
-        const renderContent = () => {
-            return (h("div", { class: 'zonos--content', style: {
-                    '--border-radius': getBorderRadius({ overrideBorderStyle: style }),
-                } }, cartStore.step !== 'finish' && cartStore.step !== 'error' && (h(Fragment, null, h("div", { class: "zonos--left", "data-theme": leftSideTheme, style: {
-                    '--primary-color': !this.isMobile ? colorPrimary : '',
-                } }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.defaultAddress, isMobile: this.isMobile, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleCheckoutPaymentContinue(), paymentError: this.paymentError, submitBtnColor: submitButtonColor }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), !this.isLegacyCheckout && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() })), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
-                    // do nothing if it's not mobile
-                    if (!this.isMobile) {
-                        return;
-                    }
-                    this.collapseReviewMobile = !this.collapseReviewMobile;
-                } }), h("zonos-collapse", {
-                // only collapsible on mobile
-                collapsed: this.collapseReviewMobile && this.isMobile
-            }, h("zonos-cart-items", null), this.isMobile && (h("zonos-v-stack", { spacing: 16 }, h("zonos-cart-subtotal", null), h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))), h("zonos-cart-restricted-items", null), !this.isMobile && (h("zonos-v-stack", { spacing: 16 }, h("zonos-cart-subtotal", null), h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))))), (cartStore.step === 'finish' || cartStore.step === 'error') && (h("div", { class: "zonos--done", "data-theme": rightSideTheme }, h("div", { class: "zonos--header" }, renderLogo(), h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.handleFinishClick(), theme: rightSideTheme })), h("zonos-checkout-finish", { borderRadius: style, onCloseClick: () => this.handleFinishClick(), overrideNotification: cartStore.step === 'error' && !!cartStore.error
-                    ? Object.assign(Object.assign({}, cartStore.error), { type: 'error' }) : undefined, storybookForceStatus: this.storybookPaymentStatusOverride }))), h("zonos-checkout-footer", { "data-theme": rightSideTheme, mobile: this.isMobile,
-                /**
-                 * For this component, use slot instead of passing JSX through prop of other component. Because
-                 * the click outside event will be triggered on and targeted to whichever component that it's attached to.
-                 * Move it into <slot /> would resolve the issue.
-                 */
-                slot: !this.isMobile ? 'dialog-footer' : undefined })));
-        };
-        return (h(Host, { class: classes([
-                'zonos--checkout zonos--elements',
-                hasFooter && 'has-footer',
-                this.preview && 'preview',
-                this.isMobile && 'mobile',
-            ]) }, this.preview ? (renderContent()) : (h("zonos-dialog", { borderStyle: style, "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())), h("zonos-confirm-dialog", { dialogCancelBtnText: translate("Don't close"), dialogConfirmBtnText: translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translate('Would you like to close checkout and return to the site?'), dialogTitle: translate('Are you sure?'), onCancelClicked: () => {
-                this.confirmDialogOpen = false;
-            },
-            // Mark user selected confirm to close the dialog
-            onConfirmClicked: () => this.closeDialogHandler({ confirmed: true }) })));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get watchers() { return {
-        "appearanceSettingsOverride": ["appearanceSettingsOverrideChanged", "handleAppearanceSettingsOverrideChange"],
-        "mobile": ["handleMobileChange"]
-    }; }
-    static get style() { return ZonosCheckoutStyle0; }
-}, [2, "zonos-checkout", {
-        "appearanceSettingsOverride": [16],
-        "preview": [4],
-        "mobile": [4],
-        "defaultAddress": [16],
-        "forceDialogOpen": [4, "force-dialog-open"],
-        "open": [32],
-        "stripe": [32],
-        "submitLoading": [32],
-        "paymentError": [32],
-        "collapseReviewMobile": [32],
-        "isAttachError": [32],
-        "isMobile": [32],
-        "zonosReviewRef": [32],
-        "storybookPaymentStatusOverride": [32],
-        "domesticRedirectedBtnSelector": [32],
-        "legacyCheckoutHiddenBtnSelector": [32],
-        "isLegacyCheckout": [32],
-        "confirmDialogOpen": [32],
-        "closeDialogHandler": [64],
-        "init": [64],
-        "setToFinishStep": [64]
-    }, [[16, "zonos--init-cart-info", "initCartInfoHandler"], [4, "keydown", "handleKeyPress"], [9, "resize", "handleWindowResize"]], {
-        "appearanceSettingsOverride": ["appearanceSettingsOverrideChanged", "handleAppearanceSettingsOverrideChange"],
-        "mobile": ["handleMobileChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-checkout", "zonos-address", "zonos-address-display", "zonos-address-form", "zonos-address-update-dialog", "zonos-badge", "zonos-banner", "zonos-button", "zonos-card", "zonos-cart-items", "zonos-cart-restricted-items", "zonos-cart-subtotal", "zonos-checkbox", "zonos-checkout-finish", "zonos-checkout-footer", "zonos-checkout-payment", "zonos-checkout-progress-tabs", "zonos-collapse", "zonos-confirm-dialog", "zonos-country-flag", "zonos-custom-message", "zonos-customer-info", "zonos-dialog", "zonos-icon", "zonos-input", "zonos-language-select", "zonos-link-authentication", "zonos-payment", "zonos-review", "zonos-select-dialog-header", "zonos-shipping", "zonos-shipping-rich-radio", "zonos-spinner", "zonos-text", "zonos-tooltip", "zonos-v-stack"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-checkout":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCheckout$1);
-            }
-            break;
-        case "zonos-address":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$A();
-            }
-            break;
-        case "zonos-address-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$z();
-            }
-            break;
-        case "zonos-address-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$y();
-            }
-            break;
-        case "zonos-address-update-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "zonos-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "zonos-banner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "zonos-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "zonos-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "zonos-cart-items":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "zonos-cart-restricted-items":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "zonos-cart-subtotal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "zonos-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "zonos-checkout-finish":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "zonos-checkout-footer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "zonos-checkout-payment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "zonos-checkout-progress-tabs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "zonos-collapse":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "zonos-confirm-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "zonos-country-flag":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "zonos-custom-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "zonos-customer-info":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "zonos-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "zonos-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "zonos-language-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "zonos-link-authentication":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "zonos-payment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "zonos-review":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "zonos-select-dialog-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "zonos-shipping":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "zonos-shipping-rich-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "zonos-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-v-stack":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZonosCheckout = ZonosCheckout$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCheckout, defineCustomElement };