@zonos/elements 1.3.5 → 1.3.7-alpha.0

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

@@ -1,161 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ead02fe.js');
-const cart = require('./cart-c1b0915c.js');
-const localization = require('./localization-d43e1540.js');
-const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.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;
-        this.isDirtyAddress = !!cart.stripeStore.stripeAddressEventData &&
-            cart.stripeStore.stripeAddressEventData.value.address.line1.length > 0;
-    }
-    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;
-            if (!this.isDirtyAddress && eventValue.address.line1.length >= 3) {
-                this.isDirtyAddress = true;
-                // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
-                setTimeout(() => {
-                    // scroll directly into view if it's mobile
-                    if (isCheckoutMobile.isCheckoutMobile()) {
-                        this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
-                    }
-                    else {
-                        // scroll into the end of the page so the address placeholder won't be hidden
-                        const yOffset = 100;
-                        const parentWrapper = this.el.closest('.zonos--group');
-                        const y = this.el.getBoundingClientRect().top + yOffset;
-                        parentWrapper === null || parentWrapper === void 0 ? void 0 : parentWrapper.scrollTo({ behavior: 'smooth', top: y });
-                    }
-                }, 400);
-            }
-            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: '41014c1af1c8f8f5bb37caf358a6cec124e66f30', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '5d8dcc4b44f7fe7b089b630ec6ca7b2177fef371', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'da0fe9760d7ca8dbc089481ac1dcb7c0a7c6553f', 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: '5d02895b441a5713b83e7b3c4b784ab4b6743f54', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '5bd33edd16f1511111bfcb497e0767f938172b05', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'd5a90ce88adaed9f2369af4692506d5d072c021d', 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-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>