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

package/dist/components/zonos-payment.js

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

package/dist/components/zonos-payment2.js

@@ -1,77 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as stripeStore, l as logError } from './stripe.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
-const ZonosPaymentStyle0 = zonosPaymentCss;
-
-const ZonosPayment = /*@__PURE__*/ proxyCustomElement(class ZonosPayment extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.titleText = undefined;
-        this.stripe = stripeStore.stripe;
-        this.stripeElements = stripeStore.stripeElements;
-    }
-    watchInitStripe() {
-        if (!this.stripeElements) {
-            return;
-        }
-        // Create and mount the Authentication Element in ${type} mode
-        const paymentElement = stripeStore.stripePaymentElement ||
-            this.stripeElements.create('payment', {
-                layout: 'tabs',
-            });
-        const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
-        if (!paymentElementContainer) {
-            logError('Cannot find container element for paymentElement');
-            return;
-        }
-        paymentElement.mount(paymentElementContainer);
-        paymentElement.on('change', event => {
-            stripeStore.stripePaymentEventData = event;
-        });
-        stripeStore.stripePaymentElement = paymentElement;
-    }
-    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: '7967dfeb2c8661201aed74d3d9f4be1df9eb993d', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '2a3b744c1935f471897ab492efa7d3788907b126', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '7d643ec935dc15339c79237572bd067efa8f23ea', class: "zonos--payment-component" })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "stripeElements": ["watchInitStripe"],
-        "stripe": ["watchInitStripe"]
-    }; }
-    static get style() { return ZonosPaymentStyle0; }
-}, [2, "zonos-payment", {
-        "titleText": [1, "title-text"],
-        "stripe": [32],
-        "stripeElements": [32]
-    }, undefined, {
-        "stripeElements": ["watchInitStripe"],
-        "stripe": ["watchInitStripe"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-payment", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-payment":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosPayment);
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosPayment as Z, defineCustomElement as d };

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

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

package/dist/components/zonos-review.js

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

package/dist/components/zonos-review2.js

@@ -1,89 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { b as cartStoreHasOneEligibleItem, c as cartStore } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { z as zonosStore } from './zonosStore.js';
-import { i as isCheckoutMobile } from './isCheckoutMobile.js';
-import { c as classes } from './classes.js';
-import { f as formatCurrency } from './formatCurrency.js';
-import { d as defineCustomElement$2 } from './zonos-icon2.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
-
-const ChevronUpIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
-
-const zonosReviewCss = ":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:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px}:host(.mobile){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:24px;-ms-flex-pack:justify;justify-content:space-between;padding:4px 0;margin-bottom:8px;background-color:transparent}:host(.mobile) .zonos--title{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;gap:8px}:host(.mobile) .zonos--total-pay{margin:0}";
-const ZonosReviewStyle0 = zonosReviewCss;
-
-const ZonosReview = /*@__PURE__*/ proxyCustomElement(class ZonosReview extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.mobile = false;
-        this.collapsed = false;
-        this.isMobile = false;
-    }
-    handleWindowResize() {
-        this.isMobile = isCheckoutMobile(this.mobile);
-    }
-    componentWillLoad() {
-        this.isMobile = isCheckoutMobile(this.mobile);
-    }
-    render() {
-        const total = cartStoreHasOneEligibleItem() ? cartStore.total : 0;
-        const titleTextType = this.isMobile ? 'boldSubheader' : 'semiBoldLabel';
-        const totalTextType = this.isMobile
-            ? 'boldSubheader'
-            : 'secondaryPageHeader';
-        const titleTextColor = this.isMobile ? 'gray-1200' : 'gray-800';
-        const renderCollapseIcon = () => {
-            // only display the collapse icon if the component is being rendered with mobile styles
-            if (!this.isMobile) {
-                return null;
-            }
-            if (!this.collapsed) {
-                return (h("zonos-icon", { "aria-label": "Collapse expanded section", content: ChevronDownIcon, iconColor: "gray-1200" }));
-            }
-            return (h("zonos-icon", { "aria-label": "Expand collapsed section", content: ChevronUpIcon, iconColor: "gray-1200" }));
-        };
-        return (h(Host, { class: classes([
-                'zonos--review zonos--elements',
-                this.isMobile && 'mobile',
-            ]) }, h("div", { class: "zonos--title" }, h("zonos-text", { textColor: titleTextColor, type: titleTextType }, translate('Pay'), " ", zonosStore.organizationName), renderCollapseIcon()), h("div", { class: "zonos--total-pay" }, h("zonos-text", { type: totalTextType }, formatCurrency({
-            amount: total,
-            currency: cartStore.currency,
-        })))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return ZonosReviewStyle0; }
-}, [1, "zonos-review", {
-        "mobile": [4],
-        "collapsed": [4],
-        "isMobile": [32]
-    }, [[9, "resize", "handleWindowResize"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-review", "zonos-icon", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-review":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosReview);
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosReview as Z, defineCustomElement as d };

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

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

package/dist/components/zonos-select-dialog-header.js

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

package/dist/components/zonos-select-dialog-header2.js

@@ -1,71 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily } from './zonosStore.js';
-import { d as defineCustomElement$5 } from './zonos-button2.js';
-import { d as defineCustomElement$4 } from './zonos-icon2.js';
-import { d as defineCustomElement$3 } from './zonos-spinner2.js';
-import { d as defineCustomElement$2 } from './zonos-text2.js';
-import { d as defineCustomElement$1 } from './zonos-v-stack2.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 zonosSelectDialogHeaderCss = ":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--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--zonos-elements-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
-const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
-
-const ZonosSelectDialogHeader = /*@__PURE__*/ proxyCustomElement(class ZonosSelectDialogHeader extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.handleOnClose = () => { };
-        this.label = '';
-    }
-    render() {
-        return (h(Host, { key: '7b7a5a39307cfacdfda4dd622d9b7e052013f80e', class: "zonos--elements", style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '3b4152d041961241d48acfdfefe421b487fc63c1', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '9b72b53159ef2ea9ef3ac2682da24e6b2bc0f71b', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '9aee88932746e76c819d1e40ed45ba3c44a74a0a', type: "boldLabel" }, this.label), h("zonos-button", { key: '5e794ef5039bbff4f8cd52bb942a8f6c655adbe7', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: 'ee4e5657d5034a4068b52d1f4e3a8971ccbee626' }))));
-    }
-    static get style() { return ZonosSelectDialogHeaderStyle0; }
-}, [1, "zonos-select-dialog-header", {
-        "handleOnClose": [16],
-        "label": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-select-dialog-header", "zonos-button", "zonos-icon", "zonos-spinner", "zonos-text", "zonos-v-stack"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-select-dialog-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosSelectDialogHeader);
-            }
-            break;
-        case "zonos-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "zonos-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "zonos-v-stack":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosSelectDialogHeader as Z, defineCustomElement as d };

package/dist/components/zonos-shipping-rich-radio.d.ts

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

package/dist/components/zonos-shipping-rich-radio.js

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

package/dist/components/zonos-shipping-rich-radio2.js

@@ -1,88 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as zonosStoreFontFamily, z as zonosStore } from './zonosStore.js';
-import { c as classes } from './classes.js';
-import { g as getBorderRadius } from './getBorderRadius.js';
-import { i as isColorVariable } from './isColorVariable.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosShippingRichRadioCss = ":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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
-const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;
-
-const ZonosShippingRichRadio = /*@__PURE__*/ proxyCustomElement(class ZonosShippingRichRadio extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.radioSelected = createEvent(this, "radioSelected", 7);
-        this.handleRichRadioSelect = (item) => {
-            var _a;
-            this.selectedItem = item;
-            (_a = this.radioSelected) === null || _a === void 0 ? void 0 : _a.emit(item);
-        };
-        this.getRadioItemStyleVariables = () => {
-            const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;
-            const secondaryColor = isColorVariable(usedColor)
-                ? `var(--zonos-elements-${usedColor})`
-                : usedColor;
-            return {
-                '--border-radius': getBorderRadius({
-                    overrideBorderStyle: this.borderStyle,
-                }),
-                '--selected-border-color': secondaryColor || 'unset',
-            };
-        };
-        this.items = undefined;
-        this.borderColor = undefined;
-        this.borderStyle = undefined;
-        this.theme = undefined;
-        this.initialSelectedValue = undefined;
-        this.selectedItem = null;
-    }
-    componentWillLoad() {
-        // Set initial selected item
-        if (this.initialSelectedValue) {
-            this.selectedItem =
-                this.items.find(item => item.value === this.initialSelectedValue) ||
-                    null;
-        }
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '14a3885f1e1513e9987cb27217cdb8722eab55fa', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
-            var _a;
-            const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
-            return (h("div", { "aria-hidden": "true", class: classes([
-                    'zonos--shipping-rich-radio-item',
-                    selected && 'selected',
-                ]), onClick: () => this.handleRichRadioSelect(item) }, h("input", { checked: selected, class: "zonos--shipping-rich-radio-input", name: "zonos--shipping-rich-radio", type: "radio", value: item.value }), h("div", { class: "zonos--shipping-info" }, h("div", { class: "zonos--shipping-detail" }, h("zonos-text", { class: "zonos--shipping-label", type: "label" }, item.label), (item.sublabel || item.caption) && (h("div", { class: "zonos--sub-detail" }, item.sublabel && (h("zonos-text", { textColor: "gray-800" }, item.sublabel)), item.caption && (h("zonos-text", { textColor: "gray-600" }, item.caption))))), h("zonos-text", { type: "semiBoldLabel" }, item.price))));
-        })));
-    }
-    static get style() { return ZonosShippingRichRadioStyle0; }
-}, [1, "zonos-shipping-rich-radio", {
-        "items": [16],
-        "borderColor": [1, "border-color"],
-        "borderStyle": [1, "border-style"],
-        "theme": [1],
-        "initialSelectedValue": [8, "initial-selected-value"],
-        "selectedItem": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-shipping-rich-radio", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-shipping-rich-radio":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosShippingRichRadio);
-            }
-            break;
-        case "zonos-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ZonosShippingRichRadio as Z, defineCustomElement as d };

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

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

package/dist/components/zonos-shipping.js

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

package/dist/components/zonos-shipping2.js

@@ -1,159 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as cartStore, z as cartStoreUpdateSelectedShippingOption, A as cartStoreGetShippingTransitInfo } from './stripe.js';
-import { a as translate } from './translationStore.js';
-import { t as trackConversionEvent } from './trackConversionEvent.js';
-import { f as formatCurrency } from './formatCurrency.js';
-import { s as submitGtag } from './submitGtag.js';
-import { d as defineCustomElement$5 } from './zonos-banner2.js';
-import { d as defineCustomElement$4 } from './zonos-button2.js';
-import { d as defineCustomElement$3 } from './zonos-shipping-rich-radio2.js';
-import { d as defineCustomElement$2 } from './zonos-spinner2.js';
-import { d as defineCustomElement$1 } from './zonos-text2.js';
-
-const zonosShippingCss = ".sc-zonos-shipping-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-shipping-h *.sc-zonos-shipping{font-family:var(--font-family, Inter), Inter}.sc-zonos-shipping-h img.sc-zonos-shipping{max-width:100%}.sc-zonos-shipping-h dl.sc-zonos-shipping,.sc-zonos-shipping-h dd.sc-zonos-shipping,.sc-zonos-shipping-h h1.sc-zonos-shipping,.sc-zonos-shipping-h h2.sc-zonos-shipping,.sc-zonos-shipping-h h3.sc-zonos-shipping,.sc-zonos-shipping-h h4.sc-zonos-shipping,.sc-zonos-shipping-h h5.sc-zonos-shipping,.sc-zonos-shipping-h h6.sc-zonos-shipping,.sc-zonos-shipping-h hr.sc-zonos-shipping,.sc-zonos-shipping-h figure.sc-zonos-shipping,.sc-zonos-shipping-h p.sc-zonos-shipping,.sc-zonos-shipping-h pre.sc-zonos-shipping{margin:0}.sc-zonos-shipping-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-shipping-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-shipping-h .zonos--title.sc-zonos-shipping{margin-bottom:24px}.sc-zonos-shipping-h .zonos--shipping-method-title.sc-zonos-shipping{margin-bottom:16px}.sc-zonos-shipping-h .zonos-shipping-rich-radio.sc-zonos-shipping{margin-bottom:24px}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping{margin-bottom:20px;overflow:auto;padding:5px}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar{width:10px}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-shipping-h .zonos--group.sc-zonos-shipping::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-shipping-h .zonos--error-banner.sc-zonos-shipping{margin-bottom:16px}.sc-zonos-shipping-h zonos-button.sc-zonos-shipping{-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-shipping-h .zonos--group-btn.sc-zonos-shipping{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:0;margin-top:12px;background:var(--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-shipping-h .zonos--group-btn.sc-zonos-shipping zonos-button.sc-zonos-shipping{width:100%}.sc-zonos-shipping-h zonos-banner.sc-zonos-shipping{margin-top:24px}";
-const ZonosShippingStyle0 = zonosShippingCss;
-
-const ZonosShipping = /*@__PURE__*/ proxyCustomElement(class ZonosShipping extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.continueClicked = createEvent(this, "continueClicked", 7);
-        this.handleRadioSelected = async (e) => {
-            var _a;
-            this.selectedShippingMethod = e.detail;
-            if (!this.selectedShippingMethod) {
-                return;
-            }
-            const selectedShippingOption = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(item => { var _a; return item.id === ((_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value); })) || null;
-            if (!selectedShippingOption) {
-                return;
-            }
-            this.isSelecting = true;
-            // save selected shipping option to store
-            const updateStatus = await cartStoreUpdateSelectedShippingOption(selectedShippingOption);
-            if (!updateStatus) {
-                return;
-            }
-            this.isSelecting = false;
-        };
-        this.handleValidate = () => {
-            return !!this.selectedShippingMethod;
-        };
-        /**
-         * handler for continue button click
-         */
-        this.continueClickHandler = () => {
-            var _a;
-            // show error banner if the form is not complete
-            if (!this.handleValidate()) {
-                this.showErrorBanner = true;
-                return;
-            }
-            this.showErrorBanner = false;
-            this.continueClicked.emit();
-            // submit google tag when the form is complete
-            submitGtag('zonos-checkout-shipping-info');
-            void trackConversionEvent('checkout_shippingInfoCompleted', {
-                serviceLevelId: (_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value,
-            });
-        };
-        this.initServiceLevels = () => {
-            var _a;
-            this.serviceLevels =
-                ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap((item) => {
-                    var _a, _b;
-                    const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(item);
-                    const sublabel = expectedDate
-                        ? `${translate('Expected delivery')} ${expectedDate}`
-                        : '';
-                    const caption = minTransit && maxTransit
-                        ? `(${minTransit}-${maxTransit} ${translate('business days')})`
-                        : '';
-                    const shippingAmount = ((_b = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(landedCostItem => { var _a; return ((_a = landedCostItem.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating.id) === item.id; })) === null || _b === void 0 ? void 0 : _b.subtotals.shipping) || 0;
-                    return {
-                        caption,
-                        label: item.displayName,
-                        price: formatCurrency({
-                            amount: shippingAmount,
-                            currency: cartStore.currency,
-                        }),
-                        sublabel,
-                        value: item.id,
-                    };
-                })) || [];
-        };
-        this.continueLoading = false;
-        this.submitBtnColor = undefined;
-        this.submitBtnType = undefined;
-        this.selectedShippingMethod = null;
-        this.isSelecting = false;
-        this.showErrorBanner = false;
-        this.serviceLevels = [];
-    }
-    componentWillLoad() {
-        this.initServiceLevels();
-        const selectedServiceLevel = this.serviceLevels.find(item => { var _a; return item.value === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
-        if (selectedServiceLevel) {
-            this.selectedShippingMethod = selectedServiceLevel;
-        }
-    }
-    render() {
-        var _a, _b, _c;
-        // 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, { key: '032c917dd5510a6a5801f0bf86a84bcf4096759e', class: "zonos--shipping zonos--elements" }, h("div", { key: 'b5052414ae56dc46908e53a1676acf96701bafa8', class: "zonos--group" }, h("zonos-text", { key: '41bb421c0fc620f8373be5453e872e83ad19150e', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: '4b0119b9c1991ab31c15220ed26f0eac18c7229e', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '61ea64f33b2b4bd54c4f2c4d273bac9e13d67040', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: '1908b7445ef7158402882265af8a357f48096937', class: "zonos--group-btn" }, h("zonos-button", { key: 'b73ca7298b5c020c237703e4ce1f9b877cb96605', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
-            // use primary type when on mobile mode
-            variant: this.submitBtnType }, translate('Go to payment'))))));
-    }
-    static get style() { return ZonosShippingStyle0; }
-}, [2, "zonos-shipping", {
-        "continueLoading": [4, "continue-loading"],
-        "submitBtnColor": [1, "submit-btn-color"],
-        "submitBtnType": [1, "submit-btn-type"],
-        "selectedShippingMethod": [32],
-        "isSelecting": [32],
-        "showErrorBanner": [32],
-        "serviceLevels": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["zonos-shipping", "zonos-banner", "zonos-button", "zonos-shipping-rich-radio", "zonos-spinner", "zonos-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "zonos-shipping":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZonosShipping);
-            }
-            break;
-        case "zonos-banner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "zonos-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "zonos-shipping-rich-radio":
-            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 { ZonosShipping as Z, defineCustomElement as d };

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

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

package/dist/components/zonos-spinner.js

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