@zonos/elements 1.3.5-alpha.0 → 1.3.6

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

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ead02fe.js');
-const cart = require('./cart-f038cf46.js');
-const localization = require('./localization-d43e1540.js');
-require('./zonosStore-b88b5671.js');
-require('./isDarkColor-5eda1323.js');
-require('./getBorderRadius-cd7ef574.js');
-
-const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
-const ZonosAddressStyle0 = zonosAddressCss;
-
-const ZonosAddress = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.type = undefined;
-        this.titleText = undefined;
-        this.defaultAddress = null;
-        this.stripe = window.Zonos.stripe;
-    }
-    async watchInitStripe() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.stripe = window.Zonos.stripe;
-        if (!this.stripe || !cart.stripeStore.stripeElements) {
-            localization.logError("Stripe is not initialized. Couldn't load stripe element.");
-            return;
-        }
-        const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
-        if (!phone) {
-            // remove phone from default address if it's not provided, stripe
-            // will throw error if key phone exist and its value is empty or 'undefined'.
-            (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
-        }
-        const shippableCountries = localization.localizationStore.shippingZoneCountries;
-        const addressElement = cart.stripeStore.stripeElements.create('address', {
-            allowedCountries: shippableCountries
-                ? Object.values(shippableCountries).map(country => country.code)
-                : [],
-            autocomplete: {
-                mode: 'automatic',
-            },
-            contacts: this.defaultAddress ? [this.defaultAddress] : [],
-            defaultValues: {
-                address: Object.assign(Object.assign({}, (_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address), { country: ((_d = cart.stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country) ||
-                        localization.localizationStore.selectedCountryCode ||
-                        'AL' }),
-                firstName: (_e = cart.stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value.firstName,
-                lastName: (_f = cart.stripeStore.stripeAddressEventData) === null || _f === void 0 ? void 0 : _f.value.lastName,
-                phone: (_g = cart.stripeStore.stripeAddressEventData) === null || _g === void 0 ? void 0 : _g.value.phone,
-            },
-            display: {
-                name: 'split',
-            },
-            fields: {
-                phone: 'always',
-            },
-            mode: this.type,
-            validation: {
-                phone: {
-                    required: 'always',
-                },
-            },
-        });
-        addressElement.mount(this.el.querySelector('.zonos--address-component'));
-        addressElement.on('change', event => {
-            const eventValue = event.value;
-            cart.stripeStore.stripeAddressEventData = Object.assign(Object.assign({}, event), { elementMode: 'shipping', elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) });
-            // run prefetch landed cost when address is changed
-            void cart.stripeStorePrefetchLandedCost();
-        });
-        cart.stripeStore.stripeAddressElement = addressElement;
-    }
-    disconnectedCallback() {
-        var _a;
-        // destroy the stripe element when this component is removed from the DOM, so that we can re-create the new one with previous value
-        (_a = cart.stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        // @Watch doesn't get trigger on initial load
-        void this.watchInitStripe();
-    }
-    render() {
-        // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'f376a81e62581bff4ac25d53f11c8e53408f9e7e', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'bdc1a8b7414cae0e79c90e0685700590cd920468', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'fe384f4c0e508a9f8ddff8fa579c504c3f18e7bb', class: "zonos--address-component" })));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "stripe": ["watchInitStripe"]
-    }; }
-};
-ZonosAddress.style = ZonosAddressStyle0;
-
-const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";
-const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
-
-const ZonosLinkAuthentication = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.titleText = undefined;
-        this.stripe = cart.stripeStore.stripe;
-    }
-    watchInitStripe() {
-        if (!this.stripe || !cart.stripeStore.stripeElements) {
-            return;
-        }
-        // Create and mount the Authentication Element in ${type} mode
-        const linkAuthenticationElement = cart.stripeStore.stripeLinkElement ||
-            cart.stripeStore.stripeElements.create('linkAuthentication');
-        const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
-        if (!linkAuthenticationElementContainer) {
-            // eslint-disable-next-line no-console
-            console.error('Cannot find container element for linkAuthenticationElement');
-            return;
-        }
-        linkAuthenticationElement.mount(linkAuthenticationElementContainer);
-        linkAuthenticationElement.on('change', event => {
-            cart.stripeStore.stripeLinkEventData = event;
-            // run prefetch landed cost when address is changed
-            void cart.stripeStorePrefetchLandedCost();
-        });
-        cart.stripeStore.stripeLinkElement = linkAuthenticationElement;
-    }
-    componentDidLoad() {
-        // @Watch doesn't get trigger on initial load
-        this.watchInitStripe();
-    }
-    render() {
-        // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '48ec92ca8a1500c3b8e85222c3df069c32074e72', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '9060fab8ab9f88157ee6951af830e106e6ff9509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'dac7e96170d15faa8c1013fb298ae86e2ce99f0b', class: "zonos--link-authentication-component" })));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "stripe": ["watchInitStripe"]
-    }; }
-};
-ZonosLinkAuthentication.style = ZonosLinkAuthenticationStyle0;
-
-exports.zonos_address = ZonosAddress;
-exports.zonos_link_authentication = ZonosLinkAuthentication;

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

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ead02fe.js');
-const zonosStore = require('./zonosStore-b88b5671.js');
-const classes = require('./classes-b7918f56.js');
-
-const zonosBadgeCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
-const ZonosBadgeStyle0 = zonosBadgeCss;
-
-const ZonosBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bold = false;
-        this.color = 'gray';
-        this.icon = undefined;
-        this.iconRight = false;
-        this.size = 'default';
-        this.rounded = false;
-        this.class = '';
-    }
-    render() {
-        return (index.h(index.Host, { key: '2d111e91f403ef5c03f742f5dabe9491623be91d', class: classes.classes(['zonos--elements zonos--badge', this.class]), style: {
-                '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'e6debe091b732b857f180cee19bec4be435ea524', class: classes.classes([
-                'zonos--badge-content',
-                this.color,
-                this.rounded && 'rounded',
-                this.iconRight && 'icon-right',
-                this.size,
-                this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: 'e92c97d77fa5ce279059953f7d7fbc5a0030aa5d' }, index.h("slot", { key: 'c93852c3225ba57dd26c26300254f348e349f9ad' })))));
-    }
-};
-ZonosBadge.style = ZonosBadgeStyle0;
-
-exports.zonos_badge = ZonosBadge;

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

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ead02fe.js');
-const zonosStore = require('./zonosStore-b88b5671.js');
-const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-cd7ef574.js');
-const isColorVariable = require('./isColorVariable-41cacd82.js');
-const isDarkColor = require('./isDarkColor-5eda1323.js');
-
-/**
- * Get theme for button text based on background color
- */
-const getButtonTheme = (overrideBackground) => {
-    // use override background if it exists, otherwise use color from setting
-    const background = overrideBackground || zonosStore.zonosStore.appearance.colorSecondary;
-    const backgroundColor = background && isColorVariable.isColorVariable(background)
-        ? `var(--amino-${background})`
-        : background;
-    // determine theme based on background color (to change button text color if needed)
-    const buttonTheme = backgroundColor && isDarkColor.isDarkColor(backgroundColor) ? 'DARK' : 'LIGHT';
-    return buttonTheme;
-};
-
-const zonosButtonCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--amino-surface-color);-ms-flex-pack:center;justify-content:center;border-radius:var(--amino-radius-10);gap:var(--amino-space-8)}:host button{width:100%;position:relative;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--amino-surface-color);border:none;outline:1px solid var(--amino-surface-color);border-radius:var(--border-radius, var(--amino-radius-10));-webkit-transition:var(--amino-transition);transition:var(--amino-transition);font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--font-family, Inter), Inter;letter-spacing:normal;cursor:pointer;white-space:nowrap;padding:var(--amino-space-8) var(--amino-space-24);color:var(--color, var(--amino-gray-1200));}:host button.sm.no-background,:host button.md.no-background,:host button.lg.no-background{background:none;outline:none}:host button.sm.no-padding-left,:host button.md.no-padding-left,:host button.lg.no-padding-left{padding-left:0}:host button.sm.no-padding-right,:host button.md.no-padding-right,:host button.lg.no-padding-right{padding-right:0}:host button[disabled]{cursor:not-allowed;background-color:var(--amino-gray-200)}:host button[disabled] .zonos--spinner-wrapper{background-color:var(--amino-gray-200)}:host button:active{-webkit-transform:scale(0.99);transform:scale(0.99)}:host button.sm{height:var(--amino-size-sm);line-height:var(--amino-size-sm);padding:var(--amino-space-4) var(--amino-space-8)}:host button.sm:not(.has-content).has-icon{padding:0 var(--amino-space-4)}:host button.md{height:var(--amino-size-md);line-height:var(--amino-size-md);padding:var(--amino-space-8) var(--amino-space-16)}:host button.md:not(.has-content).has-icon{padding:0 var(--amino-space-8)}:host button.lg{height:var(--amino-size-lg);line-height:var(--amino-size-lg);padding:var(--amino-space-12) var(--amino-space-24)}:host button.lg:not(.has-content).has-icon{padding:0 var(--amino-space-16)}:host button:not(.only-icon).has-icon{gap:var(--amino-space-8)}:host button.override-background{background-color:var(--background-color, var(--amino-gray-0));color:var(--color, var(--amino-gray-1200));outline:1px solid var(--background-color, var(--amino-gray-0))}:host button.override-background:disabled{opacity:0.8}:host button.override-background:not(:disabled):hover{opacity:0.9}:host button:not(.override-background){}:host button:not(.override-background).primary{background:var(--amino-blue-600);outline:1px solid var(--amino-blue-600);color:var(--amino-gray-0)}:host button:not(.override-background).primary:not([disabled]):hover{background-image:var(--amino-button-primary-hover)}:host button:not(.override-background).primary:not([disabled]):active{background:var(--amino-blue-700)}:host button:not(.override-background).primary:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).primary[disabled]{background:var(--amino-blue-400)}:host button:not(.override-background).primary[disabled] .zonos--spinner-wrapper{background-color:var(--amino-blue-400)}:host button:not(.override-background).primary .zonos--spinner-wrapper{background-color:var(--amino-blue-600)}:host button:not(.override-background).success{background:var(--amino-green-600);outline:1px solid var(--amino-green-600);color:var(--amino-gray-0)}:host button:not(.override-background).success:not([disabled]):hover{background-image:var(--amino-button-success-hover)}:host button:not(.override-background).success:not([disabled]):active{background:var(--amino-green-700)}:host button:not(.override-background).success:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).success[disabled]{background:var(--amino-green-400)}:host button:not(.override-background).success[disabled] .zonos--spinner-wrapper{background-color:var(--amino-green-400)}:host button:not(.override-background).danger{background:var(--amino-red-600);outline:1px solid var(--amino-red-600);color:var(--amino-gray-0)}:host button:not(.override-background).danger:not([disabled]):hover{background-image:var(--amino-button-danger-hover)}:host button:not(.override-background).danger:not([disabled]):active{background:var(--amino-red-700)}:host button:not(.override-background).danger:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).danger[disabled]{background:var(--amino-red-400)}:host button:not(.override-background).danger[disabled] .zonos--spinner-wrapper{background-color:var(--amino-red-400)}:host button:not(.override-background).warning{background:var(--amino-orange-600);outline:1px solid var(--amino-orange-600);color:var(--amino-gray-0)}:host button:not(.override-background).warning:not([disabled]):hover{background-image:var(--amino-button-warning-hover)}:host button:not(.override-background).warning:not([disabled]):active{background:var(--amino-orange-700)}:host button:not(.override-background).warning:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).warning[disabled]{background:var(--amino-orange-400)}:host button:not(.override-background).warning[disabled] .zonos--spinner-wrapper{background-color:var(--amino-orange-400)}:host button:not(.override-background).subtle{background:transparent;color:var(--color)}:host button:not(.override-background).subtle:not([disabled]):hover{background:var(--amino-gray-100)}:host button:not(.override-background).subtle:not([disabled]):active{background:var(--amino-gray-200)}:host button:not(.override-background).subtle:focus{-webkit-box-shadow:var(--amino-button-focus-ring);box-shadow:var(--amino-button-focus-ring)}:host button:not(.override-background).subtle[disabled] .content{opacity:0.6}:host button:not(.override-background).subtle[disabled] .zonos--spinner-wrapper{background-color:var(--amino-gray-0)}:host button:not(.override-background).outline{background:transparent;outline:1px solid var(--amino-gray-700)}:host button:not(.override-background).outline:not([disabled]):hover{background-color:var(--amino-gray-100)}:host button:not(.override-background).outline:not([disabled]):active{background:var(--amino-gray-200)}";
-const ZonosButtonStyle0 = zonosButtonCss;
-
-const ZonosButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Detect if the button has an content
-         */
-        this.handleSlotChange = () => {
-            this.hasContent = true;
-        };
-        this.class = '';
-        this.color = undefined;
-        this.backgroundColor = undefined;
-        this.borderStyle = undefined;
-        this.isDisabled = false;
-        this.icon = null;
-        this.iconRight = false;
-        this.size = 'sm';
-        this.variant = 'standard';
-        this.noBackground = false;
-        this.noPaddingLeft = false;
-        this.noPaddingRight = false;
-        this.loading = false;
-        this.theme = undefined;
-        this.hasIcon = !!this.icon;
-        this.hasContent = false;
-    }
-    /**
-     * Detect if the icon changes and update the state accordingly
-     */
-    iconChangeHandler() {
-        this.hasIcon = !!this.icon;
-    }
-    clickHandler(event) {
-        if (this.loading || this.isDisabled) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-    componentWillLoad() {
-        this.iconChangeHandler();
-    }
-    render() {
-        const disabled = this.loading || this.isDisabled;
-        const color = this.color && isColorVariable.isColorVariable(this.color)
-            ? `var(--amino-${this.color})`
-            : this.color;
-        // use override background if it exists, otherwise use color from setting
-        const overrideBackground = this.backgroundColor || zonosStore.zonosStore.appearance.colorSecondary;
-        // only set theme for button to change text color if variant is standard and override background is set
-        const buttonTheme = this.variant === 'standard'
-            ? getButtonTheme(overrideBackground)
-            : undefined;
-        const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle);
-        return (index.h(index.Host, { key: 'af41b1035e5ea776d47580647a65997bb41730e3', class: classes.classes(['zonos--elements', this.class]), "data-theme": this.theme || buttonTheme, disabled: disabled, style: {
-                '--background-color': overrideBackground,
-                '--border-radius': borderStyle,
-                '--color': color,
-                '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("button", { key: 'af3fdc9aa0440cf5a7e49c4c0c76826d7a700d32', class: classes.classes([
-                this.hasIcon && 'has-icon',
-                this.hasContent && 'has-content',
-                this.noBackground && 'no-background',
-                this.noPaddingLeft && 'no-padding-left',
-                this.noPaddingRight && 'no-padding-right',
-                this.iconRight && 'icon-right',
-                this.variant,
-                this.size,
-                // only override background if variant is set to standard
-                this.backgroundColor &&
-                    this.variant === 'standard' &&
-                    'override-background',
-            ]), disabled: disabled }, this.loading && (index.h("div", { class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { size: 16 }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '32b6a079ba98ab9d62b5df34ddc15e4ac7a87a8e', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
-    }
-    static get watchers() { return {
-        "icon": ["iconChangeHandler"]
-    }; }
-};
-ZonosButton.style = ZonosButtonStyle0;
-
-const zonosSpinnerCss = ":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{position:relative;overflow:hidden;width:var(--size);height:var(--size);display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--size);height:var(--size);stroke:var(--amino-blue-600);-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}:host circle.track{stroke:var(--amino-gray-200)}:host.black{stroke:var(--amino-spinner-stroke-black)}:host.black circle.track{stroke:var(--amino-spinner-track-black)}:host.white{stroke:var(--amino-spinner-stroke-white)}:host.white circle.track{stroke:var(--amino-spinner-track-white)}:host.info{stroke:var(--amino-blue-600)}:host.info circle.track{stroke:var(--amino-blue-100)}:host.success{stroke:var(--amino-green-600)}:host.success circle.track{stroke:var(--amino-green-100)}:host.danger{stroke:var(--amino-red-600)}:host.danger circle.track{stroke:var(--amino-red-100)}:host.warning{stroke:var(--amino-orange-600)}:host.warning circle.track{stroke:var(--amino-orange-100)}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}:host circle:not(.track){stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}";
-const ZonosSpinnerStyle0 = zonosSpinnerCss;
-
-const ZonosSpinner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.size = 32;
-        this.color = undefined;
-    }
-    render() {
-        if (!this.el.shadowRoot) {
-            return null;
-        }
-        return (index.h(index.Host, { class: classes.classes(['zonos--elements', this.color]), style: {
-                '--size': `${this.size}px`,
-            } }, index.h("svg", { viewBox: "0 0 50 50" }, index.h("circle", { class: "track", cx: "25", cy: "25", fill: "none", id: "loading-spinner-circle", r: "20", "stroke-width": "5" }), index.h("circle", { cx: "25", cy: "25", fill: "none", id: "loading-spinner-circle", r: "20", "stroke-width": "5" }))));
-    }
-    get el() { return index.getElement(this); }
-};
-ZonosSpinner.style = ZonosSpinnerStyle0;
-
-exports.zonos_button = ZonosButton;
-exports.zonos_spinner = ZonosSpinner;

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

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ead02fe.js');
-const zonosStore = require('./zonosStore-b88b5671.js');
-
-const zonosIconCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
-const ZonosIconStyle0 = zonosIconCss;
-
-const ZonosIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.autoHeight = false;
-        this.color = 'gray-1200';
-        this.content = undefined;
-        this.size = 24;
-    }
-    render() {
-        if (!this.content || !this.el.shadowRoot) {
-            return null;
-        }
-        this.el.shadowRoot.innerHTML = this.content;
-        return (index.h(index.Host, { class: "zonos--elements", style: {
-                '--color': `var(--amino-${this.color})`,
-                '--font-family': zonosStore.zonosStoreFontFamily(),
-                '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,
-                '--width': `${this.size}px`,
-            } }));
-    }
-    get el() { return index.getElement(this); }
-};
-ZonosIcon.style = ZonosIconStyle0;
-
-exports.zonos_icon = ZonosIcon;

package/dist/collection/components/common/zonos-country-select/assets/arrowLeftBlue.svg

@@ -1 +0,0 @@
-<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg" color="var(--amino-blue-600)"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/components/zonos-logo2.js

@@ -1,48 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host, getAssetPath } from '@stencil/core/internal/client';
-import { b as zonosStoreFontFamily } from './zonosStore.js';
-import { c as classes } from './classes.js';
-
-const zonosLogoCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";
-const ZonosLogoStyle0 = zonosLogoCss;
-
-const ZonosLogo = /*@__PURE__*/ proxyCustomElement(class ZonosLogo extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = 'LIGHT';
-        this.width = 'auto';
-        this.class = '';
-    }
-    render() {
-        const filterColor = this.theme === 'DARK'
-            ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
-            : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: '7ddd949ab91ed0c61ee34ce6ee80da54b3ba3664', class: classes(['zonos--elements zonos--logo', this.class]), style: {
-                '--filter-color': filterColor,
-                '--font-family': zonosStoreFontFamily(),
-                '--width': this.width,
-            } }, h("img", { key: '1a8d98f7d836f253a21654c84ab0251969362e2f', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosLogoStyle0; }
-}, [1, "zonos-logo", {
-        "theme": [1],
-        "width": [1],
-        "class": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosLogo);
-            }
-            break;
-    } });
-}
-
-export { ZonosLogo as Z, defineCustomElement as d };

package/dist/esm/getBorderRadius-9e4cb3b1.js

@@ -1,16 +0,0 @@
-import { z as zonosStore } from './zonosStore-e59617f8.js';
-
-/**
- * Get the border radius for the elements based on the style
- * @param overrideBorderStyle
- * @returns
- */
-const getBorderRadius = (overrideBorderStyle) => {
-    if (overrideBorderStyle) {
-        // If the override is set, use that, otherwise use the default radius style
-        return overrideBorderStyle === 'SHARP' ? '0px' : '10px';
-    }
-    return zonosStore.appearance.style === 'SHARP' ? '0px' : '10px';
-};
-
-export { getBorderRadius as g };

package/dist/esm/zonos-address_2.entry.js

@@ -1,136 +0,0 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-81a199ef.js';
-import { s as stripeStore, m as stripeStorePrefetchLandedCost } from './cart-ba9b0d4c.js';
-import { b as logError, a as localizationStore } from './localization-5d83fde2.js';
-import './zonosStore-e59617f8.js';
-import './isDarkColor-8696cb70.js';
-import './getBorderRadius-9e4cb3b1.js';
-
-const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
-const ZonosAddressStyle0 = zonosAddressCss;
-
-const ZonosAddress = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.type = undefined;
-        this.titleText = undefined;
-        this.defaultAddress = null;
-        this.stripe = window.Zonos.stripe;
-    }
-    async watchInitStripe() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.stripe = window.Zonos.stripe;
-        if (!this.stripe || !stripeStore.stripeElements) {
-            logError("Stripe is not initialized. Couldn't load stripe element.");
-            return;
-        }
-        const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
-        if (!phone) {
-            // remove phone from default address if it's not provided, stripe
-            // will throw error if key phone exist and its value is empty or 'undefined'.
-            (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
-        }
-        const shippableCountries = localizationStore.shippingZoneCountries;
-        const addressElement = stripeStore.stripeElements.create('address', {
-            allowedCountries: shippableCountries
-                ? Object.values(shippableCountries).map(country => country.code)
-                : [],
-            autocomplete: {
-                mode: 'automatic',
-            },
-            contacts: this.defaultAddress ? [this.defaultAddress] : [],
-            defaultValues: {
-                address: Object.assign(Object.assign({}, (_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address), { country: ((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value.address.country) ||
-                        localizationStore.selectedCountryCode ||
-                        'AL' }),
-                firstName: (_e = stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value.firstName,
-                lastName: (_f = stripeStore.stripeAddressEventData) === null || _f === void 0 ? void 0 : _f.value.lastName,
-                phone: (_g = stripeStore.stripeAddressEventData) === null || _g === void 0 ? void 0 : _g.value.phone,
-            },
-            display: {
-                name: 'split',
-            },
-            fields: {
-                phone: 'always',
-            },
-            mode: this.type,
-            validation: {
-                phone: {
-                    required: 'always',
-                },
-            },
-        });
-        addressElement.mount(this.el.querySelector('.zonos--address-component'));
-        addressElement.on('change', event => {
-            const eventValue = event.value;
-            stripeStore.stripeAddressEventData = Object.assign(Object.assign({}, event), { elementMode: 'shipping', elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) });
-            // run prefetch landed cost when address is changed
-            void stripeStorePrefetchLandedCost();
-        });
-        stripeStore.stripeAddressElement = addressElement;
-    }
-    disconnectedCallback() {
-        var _a;
-        // destroy the stripe element when this component is removed from the DOM, so that we can re-create the new one with previous value
-        (_a = stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        // @Watch doesn't get trigger on initial load
-        void this.watchInitStripe();
-    }
-    render() {
-        // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'f376a81e62581bff4ac25d53f11c8e53408f9e7e', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'bdc1a8b7414cae0e79c90e0685700590cd920468', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'fe384f4c0e508a9f8ddff8fa579c504c3f18e7bb', class: "zonos--address-component" })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "stripe": ["watchInitStripe"]
-    }; }
-};
-ZonosAddress.style = ZonosAddressStyle0;
-
-const zonosLinkAuthenticationCss = ".sc-zonos-link-authentication-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:var(--amino-space-16)}";
-const ZonosLinkAuthenticationStyle0 = zonosLinkAuthenticationCss;
-
-const ZonosLinkAuthentication = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.titleText = undefined;
-        this.stripe = stripeStore.stripe;
-    }
-    watchInitStripe() {
-        if (!this.stripe || !stripeStore.stripeElements) {
-            return;
-        }
-        // Create and mount the Authentication Element in ${type} mode
-        const linkAuthenticationElement = stripeStore.stripeLinkElement ||
-            stripeStore.stripeElements.create('linkAuthentication');
-        const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
-        if (!linkAuthenticationElementContainer) {
-            // eslint-disable-next-line no-console
-            console.error('Cannot find container element for linkAuthenticationElement');
-            return;
-        }
-        linkAuthenticationElement.mount(linkAuthenticationElementContainer);
-        linkAuthenticationElement.on('change', event => {
-            stripeStore.stripeLinkEventData = event;
-            // run prefetch landed cost when address is changed
-            void stripeStorePrefetchLandedCost();
-        });
-        stripeStore.stripeLinkElement = linkAuthenticationElement;
-    }
-    componentDidLoad() {
-        // @Watch doesn't get trigger on initial load
-        this.watchInitStripe();
-    }
-    render() {
-        // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '48ec92ca8a1500c3b8e85222c3df069c32074e72', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '9060fab8ab9f88157ee6951af830e106e6ff9509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'dac7e96170d15faa8c1013fb298ae86e2ce99f0b', class: "zonos--link-authentication-component" })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "stripe": ["watchInitStripe"]
-    }; }
-};
-ZonosLinkAuthentication.style = ZonosLinkAuthenticationStyle0;
-
-export { ZonosAddress as zonos_address, ZonosLinkAuthentication as zonos_link_authentication };

package/dist/esm/zonos-badge.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-81a199ef.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e59617f8.js';
-import { c as classes } from './classes-0d95c529.js';
-
-const zonosBadgeCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
-const ZonosBadgeStyle0 = zonosBadgeCss;
-
-const ZonosBadge = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bold = false;
-        this.color = 'gray';
-        this.icon = undefined;
-        this.iconRight = false;
-        this.size = 'default';
-        this.rounded = false;
-        this.class = '';
-    }
-    render() {
-        return (h(Host, { key: '2d111e91f403ef5c03f742f5dabe9491623be91d', class: classes(['zonos--elements zonos--badge', this.class]), style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e6debe091b732b857f180cee19bec4be435ea524', class: classes([
-                'zonos--badge-content',
-                this.color,
-                this.rounded && 'rounded',
-                this.iconRight && 'icon-right',
-                this.size,
-                this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: 'e92c97d77fa5ce279059953f7d7fbc5a0030aa5d' }, h("slot", { key: 'c93852c3225ba57dd26c26300254f348e349f9ad' })))));
-    }
-};
-ZonosBadge.style = ZonosBadgeStyle0;
-
-export { ZonosBadge as zonos_badge };