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

package/dist/components/zonos-custom-message.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCustomMessage extends Components.ZonosCustomMessage, HTMLElement {}
-export const ZonosCustomMessage: {
-    prototype: ZonosCustomMessage;
-    new (): ZonosCustomMessage;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-custom-message.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCustomMessage$1, d as defineCustomElement$1 } from './zonos-custom-message2.js';
-
-const ZonosCustomMessage = ZonosCustomMessage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCustomMessage, defineCustomElement };

package/dist/components/zonos-custom-message2.js

@@ -1,72 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily } from './zonosStore.js';
-import { d as defineCustomElement$3 } from './zonos-card2.js';
-import { d as defineCustomElement$2 } from './zonos-icon2.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const formatStringWithLinks = (str) => {
-    // Match Markdown-style links or standalone URLs not in Markdown format
-    const linkRegex = /\[([^\]]+)\]\((https?:\/\/[^\s\)]+)\)|(https?:\/\/[^\s]+)/g;
-    const messageWithLinks = str.replace(linkRegex, (_match, text, markdownUrl, url) => {
-        if (markdownUrl) {
-            return `<zonos-link href="${markdownUrl}" target="_blank" rel="noopener noreferrer">${text}</zonos-link>`;
-        }
-        else {
-            return `<zonos-link href="${url}" target="_blank" rel="noopener noreferrer">${url}</zonos-link>`;
-        }
-    });
-    return messageWithLinks;
-};
-
-const zonosCustomMessageCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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--custom-message{background:var(--zonos-elements-gray-50);border-radius:var(--zonos-elements-radius-6)}:host .zonos--custom-message .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}";
-const ZonosCustomMessageStyle0 = zonosCustomMessageCss;
-
-const ZonosCustomMessage = /*@__PURE__*/ proxyCustomElement(class ZonosCustomMessage extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.icon = '';
-        this.message = '';
-    }
-    render() {
-        const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '7d3c45852c97272a3606321dad09c6433dfc664c', class: "zonos--elements", style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '53b64b2faea9d06fd66365f80efe3b9d26aab5b6', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '2bfc437f100084a1e661bf823e20be72a0ab616d', class: "zonos--flex-message" }, h("zonos-icon", { key: '5c0f5da248ddb25a69a3db46b85e8e0e4d481101', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'aabbcc00b1b50d29a3e6f48938b50c7b64d250dc', innerHTML: messageWithLinks }))))));
-    }
-    static get style() { return ZonosCustomMessageStyle0; }
-}, [1, "zonos-custom-message", {
-        "icon": [1],
-        "message": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-custom-message", "zonos-card", "zonos-icon", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-custom-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCustomMessage);
-            }
-            break;
-        case "zonos-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCustomMessage as Z, defineCustomElement as d, formatStringWithLinks as f };

package/dist/components/zonos-customer-info.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosCustomerInfo extends Components.ZonosCustomerInfo, HTMLElement {}
-export const ZonosCustomerInfo: {
-    prototype: ZonosCustomerInfo;
-    new (): ZonosCustomerInfo;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-customer-info.js

@@ -1,6 +0,0 @@
-import { Z as ZonosCustomerInfo$1, d as defineCustomElement$1 } from './zonos-customer-info2.js';
-
-const ZonosCustomerInfo = ZonosCustomerInfo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosCustomerInfo, defineCustomElement };

package/dist/components/zonos-customer-info2.js

@@ -1,316 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as stripeStore, x as stripeStoreTranslateAddressToLatin } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { z as zonosStore, g as getZonosStoreTheme } from './zonosStore.js';
-import { t as trackConversionEvent } from './trackConversionEvent.js';
-import { c as containsNonLatinChars } from './containsNonLatinChars.js';
-import { s as submitGtag } from './submitGtag.js';
-import { d as defineCustomElement$f } from './zonos-address2.js';
-import { d as defineCustomElement$e } from './zonos-address-display2.js';
-import { d as defineCustomElement$d } from './zonos-address-form2.js';
-import { d as defineCustomElement$c } from './zonos-address-update-dialog2.js';
-import { d as defineCustomElement$b } from './zonos-banner2.js';
-import { d as defineCustomElement$a } from './zonos-button2.js';
-import { d as defineCustomElement$9 } from './zonos-checkbox2.js';
-import { d as defineCustomElement$8 } from './zonos-collapse2.js';
-import { d as defineCustomElement$7 } from './zonos-country-flag2.js';
-import { d as defineCustomElement$6 } from './zonos-dialog2.js';
-import { d as defineCustomElement$5 } from './zonos-icon2.js';
-import { d as defineCustomElement$4 } from './zonos-input2.js';
-import { d as defineCustomElement$3 } from './zonos-link-authentication2.js';
-import { d as defineCustomElement$2 } from './zonos-spinner2.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
-const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
-
-const ZonosCustomerInfo = /*@__PURE__*/ proxyCustomElement(class ZonosCustomerInfo extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.continueClicked = createEvent(this, "continueClicked", 7);
-        /**
-         * Handler for invalid characters in the address
-         */
-        this.handleInvalidCharacters = async () => {
-            // Do nothing if the allowed character sets is ALL
-            if (zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
-                return { hasInvalidCharacters: false };
-            }
-            // Check if the address contains Non-Latin characters
-            this.invalidShippingCharacterList = stripeStore.stripeAddressEventData
-                ? this.checkInvalidCharacters(stripeStore.stripeAddressEventData)
-                : null;
-            // if the shipping is the same as billing, we don't need to check the billing address
-            this.invalidBillingCharacterList = !stripeStore.stripeShippingSameAsBilling
-                ? this.checkInvalidCharacters(stripeStore.stripeBillingAddressEventData)
-                : null;
-            const hasInvalidCharacters = !!this.invalidShippingCharacterList || !!this.invalidBillingCharacterList;
-            // send data to our api to translate the invalid characters
-            if (hasInvalidCharacters) {
-                // open the dialog
-                this.openAddressValidationDialog = true;
-                this.isValidatingAddress = true;
-                await stripeStoreTranslateAddressToLatin({
-                    addressInvalidCharactersList: this.invalidShippingCharacterList,
-                    billingAddressInvalidCharactersList: this.invalidBillingCharacterList,
-                });
-                this.isValidatingAddress = false;
-            }
-            return { hasInvalidCharacters };
-        };
-        this.transformTranslatedAddressToStripeEvent = ({ submitData, type, }) => {
-            let stripeEventDataObj = type === 'shippingAddress'
-                ? stripeStore.stripeAddressEventData
-                : stripeStore.stripeBillingAddressEventData;
-            const submitDataByKey = submitData[type];
-            // this should never happen as they can only go to this step if the address is complete
-            if (!stripeEventDataObj || !submitDataByKey) {
-                return;
-            }
-            // overwrite the address object with the new data
-            stripeEventDataObj = Object.assign(Object.assign({}, stripeEventDataObj), { complete: true, value: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value), { address: Object.assign(Object.assign({}, stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address), { city: submitDataByKey.city ||
-                            (stripeEventDataObj === null || stripeEventDataObj === void 0 ? void 0 : stripeEventDataObj.value.address.city) ||
-                            '', line1: submitDataByKey.line1, line2: submitDataByKey.line2, postal_code: submitDataByKey.postal_code, state: submitDataByKey.state }), firstName: submitDataByKey.name.split(' ')[0], lastName: submitDataByKey.name.split(' ')[1], name: submitDataByKey.name }) });
-        };
-        /**
-         * handler for continue button click
-         */
-        this.continueClickHandler = async () => {
-            if (!this.handleValidate()) {
-                // scroll to the top zonos-banner
-                setTimeout(() => {
-                    var _a;
-                    (_a = this.el
-                        .querySelector('zonos-banner.zonos--error-banner')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'center',
-                    });
-                }, 50);
-                this.showErrorBanner = true;
-                return;
-            }
-            this.showErrorBanner = false;
-            // check if the address contains invalid characters
-            const { hasInvalidCharacters } = await this.handleInvalidCharacters();
-            if (hasInvalidCharacters) {
-                return;
-            }
-            this.continueClicked.emit();
-            // submit google tag when the form is complete
-            submitGtag('zonos-checkout-customer-info');
-            void trackConversionEvent('checkout_customerInfoCompleted');
-        };
-        this.handleValidate = () => {
-            const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
-            const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
-            const stripeLinkEventData = stripeStore.stripeLinkEventData;
-            // if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
-            const isValidBilling = stripeStore.stripeShippingSameAsBilling
-                ? !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete)
-                : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
-            const isValidShipping = !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete);
-            const isValidLink = !!(stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.complete);
-            if (!isValidBilling || !isValidShipping || !isValidLink) {
-                return false;
-            }
-            return true;
-        };
-        this.prepareAddressObject = (stripeAddressEventData) => {
-            var _a;
-            const addressValue = stripeAddressEventData.value;
-            return {
-                city: addressValue.address.city || '',
-                country: addressValue.address.country,
-                email: ((_a = stripeStore.stripeLinkEventData) === null || _a === void 0 ? void 0 : _a.value.email) || '',
-                line1: addressValue.address.line1 || '',
-                line2: addressValue.address.line2 || '',
-                name: addressValue.name || '',
-                phone: addressValue.phone || '',
-                postal_code: addressValue.address.postal_code || '',
-                state: addressValue.address.state || '',
-            };
-        };
-        this.continueLoading = false;
-        this.submitBtnType = undefined;
-        this.submitBtnColor = undefined;
-        this.isMobile = false;
-        this.defaultAddress = null;
-        this.showErrorBanner = false;
-        this.shippingCountry = '';
-        this.isCheckingForRestrictedItems = false;
-        this.isValidatingAddress = false;
-        this.invalidShippingCharacterList = null;
-        this.invalidBillingCharacterList = null;
-        this.openAddressValidationDialog = false;
-    }
-    checkInvalidCharacters(address) {
-        if (!address) {
-            return null;
-        }
-        // Do nothing if the allowed character sets is ALL or the address is incomplete
-        if (!address.complete ||
-            zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
-            return null;
-        }
-        const { address: addressValue, firstName, lastName, name } = address.value;
-        const { city, country, line1, line2, postal_code, state } = addressValue;
-        const invalidList = containsNonLatinChars({
-            city,
-            country,
-            line1,
-            line2: line2 || '',
-            name: name || `${firstName} ${lastName}`,
-            postal_code,
-            state,
-        });
-        if (!Object.keys(invalidList).length) {
-            return null;
-        }
-        return invalidList;
-    }
-    render() {
-        var _a, _b;
-        if (!stripeStore.stripeElements) {
-            return null;
-        }
-        // init the shipping country when shipping address is available
-        if (!this.shippingCountry && stripeStore.stripeAddressEventData) {
-            this.shippingCountry =
-                (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country;
-        }
-        if (stripeStore.stripeAddressEventData &&
-            this.shippingCountry !==
-                stripeStore.stripeAddressEventData.value.address.country) {
-            // reset the shipping country if it's different from the current shipping address
-            this.shippingCountry =
-                stripeStore.stripeAddressEventData.value.address.country;
-        }
-        const showBilling = !stripeStore.stripeShippingSameAsBilling;
-        // Get theme for the update dialog, inherit from the theme, no from this component theme
-        const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        // start validate on typing after error banner is shown, and hide it if the form is complete
-        if (this.showErrorBanner) {
-            this.showErrorBanner = !this.handleValidate();
-        }
-        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: (_b = this.defaultAddress) === null || _b === void 0 ? void 0 : _b.email, titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" }), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
-                stripeStore.stripeShippingSameAsBilling = e.detail;
-            } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
-            // use primary type when on mobile mode
-            variant: this.submitBtnType }, translate('Continue to shipping')))), stripeStore.stripeAddressEventData && (h("zonos-address-update-dialog", { billingAddress: !stripeStore.stripeShippingSameAsBilling &&
-                stripeStore.stripeBillingAddressEventData
-                ? this.prepareAddressObject(stripeStore.stripeBillingAddressEventData)
-                : null, "data-theme": theme, dialogLoading: this.isValidatingAddress, dialogOpen: this.openAddressValidationDialog, isMobile: this.isMobile, onCloseDialog: () => (this.openAddressValidationDialog = false), onContinueClicked: e => {
-                const submitData = e.detail;
-                this.transformTranslatedAddressToStripeEvent({
-                    submitData,
-                    type: 'shippingAddress',
-                });
-            }, shippingAddress: this.prepareAddressObject(stripeStore.stripeAddressEventData), translatedBillingAddress: stripeStore.translatedAddress.billingAddress, translatedShippingAddress: stripeStore.translatedAddress.address }))));
-    }
-    get el() { return this; }
-    static get style() { return ZonosCustomerInfoStyle0; }
-}, [2, "zonos-customer-info", {
-        "continueLoading": [4, "continue-loading"],
-        "submitBtnType": [1, "submit-btn-type"],
-        "submitBtnColor": [1, "submit-btn-color"],
-        "isMobile": [4, "is-mobile"],
-        "defaultAddress": [16],
-        "showErrorBanner": [32],
-        "shippingCountry": [32],
-        "isCheckingForRestrictedItems": [32],
-        "isValidatingAddress": [32],
-        "invalidShippingCharacterList": [32],
-        "invalidBillingCharacterList": [32],
-        "openAddressValidationDialog": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-customer-info", "zonos-address", "zonos-address-display", "zonos-address-form", "zonos-address-update-dialog", "zonos-banner", "zonos-button", "zonos-checkbox", "zonos-collapse", "zonos-country-flag", "zonos-dialog", "zonos-icon", "zonos-input", "zonos-link-authentication", "zonos-spinner", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-customer-info":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosCustomerInfo);
-            }
-            break;
-        case "zonos-address":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "zonos-address-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "zonos-address-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "zonos-address-update-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "zonos-banner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "zonos-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "zonos-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "zonos-collapse":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "zonos-country-flag":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "zonos-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "zonos-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-link-authentication":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosCustomerInfo as Z, defineCustomElement as d };

package/dist/components/zonos-dialog.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosDialog extends Components.ZonosDialog, HTMLElement {}
-export const ZonosDialog: {
-    prototype: ZonosDialog;
-    new (): ZonosDialog;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-dialog.js

@@ -1,6 +0,0 @@
-import { Z as ZonosDialog$1, d as defineCustomElement$1 } from './zonos-dialog2.js';
-
-const ZonosDialog = ZonosDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosDialog, defineCustomElement };

package/dist/components/zonos-dialog2.js

@@ -1,136 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily } from './zonosStore.js';
-import { c as classes } from './classes.js';
-import { g as getBorderRadius } from './getBorderRadius.js';
-import { d as defineCustomElement$3 } from './zonos-button2.js';
-import { d as defineCustomElement$2 } from './zonos-icon2.js';
-import { d as defineCustomElement$1 } from './zonos-spinner2.js';
-
-const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
-
-const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:10002;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:10001;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10)}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:10001;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:10002;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
-const ZonosDialogStyle0 = zonosDialogCss;
-
-const ZonosDialog = /*@__PURE__*/ proxyCustomElement(class ZonosDialog extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.closeDialog = createEvent(this, "closeDialog", 7);
-        this.isMobileMode = () => {
-            return this.mobile || window.innerWidth <= 768;
-        };
-        this.closeButtonHandler = () => {
-            // Only do the action if the dialog is open
-            if (!this.open) {
-                return;
-            }
-            this.closeDialog.emit();
-        };
-        this.clickOutsideDialogHandler = (event) => {
-            if (event.target === event.currentTarget && !this.noClickOutside) {
-                this.closeDialog.emit();
-            }
-        };
-        this.open = false;
-        this.headerText = '';
-        this.width = '460px';
-        this.height = undefined;
-        this.minHeight = undefined;
-        this.noHeader = false;
-        this.noBodyPadding = false;
-        this.noBorder = false;
-        this.borderStyle = undefined;
-        this.noCloseButton = false;
-        this.noClickOutside = false;
-        this.mobile = false;
-        this.isLoading = true;
-        this.isMobile = false;
-    }
-    handleWindowResize() {
-        this.isMobile = this.isMobileMode();
-    }
-    handleKeyDown(ev) {
-        if (ev.key === 'Escape') {
-            this.closeButtonHandler();
-        }
-    }
-    componentDidLoad() {
-        this.isMobile = this.isMobileMode();
-    }
-    render() {
-        // disable scroll on the body when dialog is open
-        if (this.open) {
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            document.body.style.overflow = 'auto';
-        }
-        const borderStyle = getBorderRadius({
-            overrideBorderStyle: this.borderStyle,
-        });
-        return (h(Host, { key: 'b27bdee33f67e2209dfbd9621b95633f4af726b2', class: classes([
-                'zonos--elements',
-                this.open && 'open',
-                this.isLoading && 'is-loading',
-                this.noBorder && 'no-border',
-                this.isMobile && 'mobile',
-            ]), style: {
-                '--border-radius': borderStyle,
-                '--font-family': zonosStoreFontFamily(),
-                '--height': this.height || 'initial',
-                '--min-height': this.minHeight || '500px',
-                '--width': this.width,
-            } }, h("div", { key: 'ca94e3347d10460973663685d9b8c0048418cb86', class: "zonos--backdrop" }), h("div", { key: 'e766937dc1899141ed7beb07e9f13a60066880a1', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, h("div", { key: '41c43bb5cf011a3a810c6116c4300ad7a713c787', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '5ca28c9f3b1f6f0742484ef5414ba60f16e1faa7', class: "zonos--loading" }, h("zonos-spinner", { key: 'e0131cd9fd3fa7a9c502e7a55b75b8c76be86fc3', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '2ef2237cb4518980eb3a5c97cc1a1ea2c87444be', class: "zonos--header" }, this.headerText && (h("h3", { key: '751e1be4417cc733dffa8a683d3f4c8774ee83f5', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '720f9250c88e0097d839276ab0d2319e31fc170b', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: 'd64547b7d802a4b14e64454ae329dbb6d88f1cfd', class: classes([
-                'zonos--body',
-                this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '96d1683414cc4a947a36c6ae28e5afb781be4dae' })), h("slot", { key: '06b8ff1ad17f74e28fc4980fbc4594dde5e4573f', name: "dialog-footer" })))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosDialogStyle0; }
-}, [1, "zonos-dialog", {
-        "open": [4],
-        "headerText": [1, "header-text"],
-        "width": [1],
-        "height": [1],
-        "minHeight": [1, "min-height"],
-        "noHeader": [4, "no-header"],
-        "noBodyPadding": [4, "no-body-padding"],
-        "noBorder": [4, "no-border"],
-        "borderStyle": [1, "border-style"],
-        "noCloseButton": [4, "no-close-button"],
-        "noClickOutside": [4, "no-click-outside"],
-        "mobile": [4],
-        "isLoading": [4, "is-loading"],
-        "isMobile": [32]
-    }, [[9, "resize", "handleWindowResize"], [4, "keydown", "handleKeyDown"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-dialog", "zonos-button", "zonos-icon", "zonos-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosDialog);
-            }
-            break;
-        case "zonos-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosDialog as Z, defineCustomElement as d };

package/dist/components/zonos-hello-dialog-footer.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZonosHelloDialogFooter extends Components.ZonosHelloDialogFooter, HTMLElement {}
-export const ZonosHelloDialogFooter: {
-    prototype: ZonosHelloDialogFooter;
-    new (): ZonosHelloDialogFooter;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/zonos-hello-dialog-footer.js

@@ -1,6 +0,0 @@
-import { Z as ZonosHelloDialogFooter$1, d as defineCustomElement$1 } from './zonos-hello-dialog-footer2.js';
-
-const ZonosHelloDialogFooter = ZonosHelloDialogFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZonosHelloDialogFooter, defineCustomElement };