@session-services/web-elements 0.1.3

package/dist/collection/components/session-services-ticketing/session-services-ticketing.js

@@ -0,0 +1,708 @@
+import { createClient } from "@session-services/sdk";
+import { createAnalytics, formatPrice } from "@session-services/sdk/analytics";
+import { 
+// biome-ignore lint/correctness/noUnusedImports: h is required by Stencil JSX transform
+h, Host, } from "@stencil/core";
+const CalendarIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M8 2v4" }), h("path", { d: "M16 2v4" }), h("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }), h("path", { d: "M3 10h18" })));
+const LocationIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }), h("circle", { cx: "12", cy: "10", r: "3" })));
+export class SessionsTicketing {
+    tenantId;
+    eventId;
+    apiUrl = "https://api.session.services";
+    locale = "en-US";
+    returnUrl;
+    theme = "system";
+    enableAnalytics = true;
+    debugAnalytics = false;
+    event = null;
+    selectedItems = new Map();
+    quote = null;
+    loading = true;
+    error = null;
+    quoteLoading = false;
+    quoteError = null;
+    checkoutLoading = false;
+    currentTheme = "light";
+    checkoutInit;
+    cartUpdate;
+    errorOccurred;
+    client;
+    analytics;
+    mediaQueryList;
+    requestId = 0;
+    async componentWillLoad() {
+        await this.initializeComponent();
+    }
+    async propsChanged() {
+        await this.initializeComponent();
+    }
+    themeChanged() {
+        this.setupTheme();
+    }
+    disconnectedCallback() {
+        if (this.mediaQueryList) {
+            this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
+        }
+    }
+    async initializeComponent() {
+        this.error = null;
+        this.event = null;
+        this.selectedItems.clear();
+        this.quote = null;
+        if (!this.tenantId || !this.eventId) {
+            this.error = "Missing required configuration: tenantId and eventId";
+            this.loading = false;
+            return;
+        }
+        this.client = createClient({
+            environment: this.apiUrl,
+            tenantId: this.tenantId,
+        });
+        this.setupTheme();
+        await this.loadEventData();
+    }
+    setupTheme() {
+        if (this.mediaQueryList) {
+            this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
+        }
+        if (this.theme === "system") {
+            this.mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+            this.currentTheme = this.mediaQueryList.matches ? "dark" : "light";
+            this.mediaQueryList.addEventListener("change", this.handleSystemThemeChange);
+        }
+        else {
+            this.currentTheme = this.theme;
+        }
+    }
+    handleSystemThemeChange = (e) => {
+        if (this.theme === "system") {
+            this.currentTheme = e.matches ? "dark" : "light";
+        }
+    };
+    trackEvent(eventType, properties = {}) {
+        if (!this.analytics || !this.enableAnalytics)
+            return;
+        this.analytics.track(eventType, {
+            event_id: this.eventId,
+            team_id: this.event?.teamId,
+            promoter_id: this.event?.promoterId,
+            event_name: this.event?.name,
+            event_slug: this.event?.slug,
+            currency: this.event?.currency,
+            ...properties,
+        });
+    }
+    async loadEventData() {
+        try {
+            this.loading = true;
+            this.error = null;
+            const response = await this.client.event.get({ key: this.eventId });
+            this.event = response.event;
+            if (this.enableAnalytics && !this.analytics && this.event?.promoterId) {
+                this.analytics = createAnalytics({
+                    client: this.client,
+                    debug: this.debugAnalytics,
+                });
+            }
+            if (this.event) {
+                this.trackEvent("Product List Viewed", {
+                    list_id: this.eventId,
+                    category: "Admissions",
+                    products: this.event.admissions.map((adm, index) => ({
+                        product_id: adm.id,
+                        sku: adm.id,
+                        name: adm.name,
+                        category: this.event?.name,
+                        price: ((adm.price?.base || 0) + (adm.price?.booking || 0)) / 100,
+                        quantity: 1,
+                        position: index + 1,
+                        admission_id: adm.id,
+                        section_id: adm.sectionId,
+                        price_base: adm.price?.base,
+                        price_booking_fee: adm.price?.booking,
+                        available: adm.available,
+                        capacity: adm.capacity,
+                    })),
+                });
+            }
+        }
+        catch (err) {
+            this.error =
+                err instanceof Error ? err.message : "Failed to load event data";
+            this.errorOccurred.emit({ error: this.error });
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async updateQuantity(admissionId, sectionId, delta) {
+        const key = `${admissionId}::${sectionId || "none"}`;
+        const currentQuantity = this.selectedItems.get(key) || 0;
+        const newQuantity = Math.max(0, currentQuantity + delta);
+        if (newQuantity === 0) {
+            this.selectedItems.delete(key);
+        }
+        else {
+            this.selectedItems.set(key, newQuantity);
+        }
+        this.selectedItems = new Map(this.selectedItems);
+        const admission = this.event?.admissions.find((a) => a.id === admissionId);
+        const section = sectionId
+            ? this.event?.sections.find((s) => s.id === sectionId)
+            : null;
+        if (delta > 0 && admission) {
+            this.trackEvent("Product Added", {
+                product_id: admissionId,
+                sku: admissionId,
+                name: admission.name,
+                category: this.event?.name,
+                variant: section?.name,
+                price: ((admission.price?.base || 0) + (admission.price?.booking || 0)) /
+                    100,
+                quantity: Math.abs(delta),
+                admission_id: admissionId,
+                section_id: sectionId || undefined,
+                section_name: section?.name,
+                price_base: admission.price?.base,
+                price_booking_fee: admission.price?.booking,
+            });
+        }
+        else if (delta < 0 && admission) {
+            this.trackEvent("Product Removed", {
+                product_id: admissionId,
+                sku: admissionId,
+                name: admission.name,
+                category: this.event?.name,
+                variant: section?.name,
+                price: ((admission.price?.base || 0) + (admission.price?.booking || 0)) /
+                    100,
+                quantity: Math.abs(delta),
+                admission_id: admissionId,
+                section_id: sectionId || undefined,
+                section_name: section?.name,
+            });
+        }
+        await this.updateQuote();
+    }
+    async updateQuote() {
+        if (this.selectedItems.size === 0) {
+            this.quote = null;
+            this.quoteError = null;
+            return;
+        }
+        this.requestId++;
+        const currentId = this.requestId;
+        try {
+            this.quoteLoading = true;
+            this.quoteError = null;
+            const items = [];
+            this.selectedItems.forEach((quantity, key) => {
+                const [admissionId, sectionId] = key.split("::");
+                items.push({
+                    quantity,
+                    admissionId,
+                    sectionId: sectionId !== "none" ? sectionId : undefined,
+                });
+            });
+            const response = await this.client.order.quote({
+                eventId: this.eventId,
+                items,
+            });
+            if (currentId === this.requestId) {
+                this.quote = response.quote;
+                this.cartUpdate.emit(this.quote);
+                this.trackEvent("Cart Viewed", {
+                    products: this.quote.items.map((item) => {
+                        const admission = this.event?.admissions.find((a) => a.id === item.admissionId);
+                        const section = item.sectionId
+                            ? this.event?.sections.find((s) => s.id === item.sectionId)
+                            : null;
+                        return {
+                            product_id: item.admissionId,
+                            sku: item.admissionId,
+                            name: admission?.name,
+                            category: this.event?.name,
+                            variant: section?.name,
+                            price: ((item.price?.base || 0) + (item.price?.booking || 0)) / 100,
+                            quantity: item.quantity,
+                            admission_id: item.admissionId,
+                            section_id: item.sectionId,
+                            price_base: item.price?.base,
+                            price_booking_fee: item.price?.booking,
+                        };
+                    }),
+                    value: (this.quote.price?.total || 0) / 100,
+                    currency: this.event?.currency,
+                });
+            }
+        }
+        catch (_err) {
+            if (currentId === this.requestId) {
+                this.quoteError = "Failed to update cart. Please try again.";
+                this.errorOccurred.emit({ error: this.quoteError });
+            }
+        }
+        finally {
+            if (currentId === this.requestId) {
+                this.quoteLoading = false;
+            }
+        }
+    }
+    async initiateCheckout() {
+        if (!this.quote)
+            return;
+        try {
+            this.checkoutLoading = true;
+            this.quoteError = null;
+            this.trackEvent("Checkout Started", {
+                value: (this.quote.price?.total || 0) / 100,
+                revenue: (this.quote.price?.total || 0) / 100,
+                currency: this.event?.currency,
+                products: this.quote.items.map((item) => {
+                    const admission = this.event?.admissions.find((a) => a.id === item.admissionId);
+                    const section = item.sectionId
+                        ? this.event?.sections.find((s) => s.id === item.sectionId)
+                        : null;
+                    return {
+                        product_id: item.admissionId,
+                        sku: item.admissionId,
+                        name: admission?.name,
+                        category: this.event?.name,
+                        variant: section?.name,
+                        price: ((item.price?.base || 0) + (item.price?.booking || 0)) / 100,
+                        quantity: item.quantity,
+                        admission_id: item.admissionId,
+                        section_id: item.sectionId,
+                        section_name: section?.name,
+                        price_base: item.price?.base,
+                        price_booking_fee: item.price?.booking,
+                    };
+                }),
+            });
+            const result = await this.client.order.create({
+                eventId: this.eventId,
+                items: this.quote.items.map((item) => ({
+                    quantity: item.quantity,
+                    admissionId: item.admissionId,
+                    sectionId: item.sectionId,
+                })),
+                returnUrl: this.returnUrl,
+            });
+            this.checkoutInit.emit({
+                orderId: result.order.id,
+                checkoutUrl: result.order.checkoutUrl,
+            });
+            if (result.order.checkoutUrl) {
+                window.location.href = result.order.checkoutUrl;
+                return;
+            }
+            this.checkoutLoading = false;
+        }
+        catch (_err) {
+            this.quoteError = "Failed to initiate checkout. Please try again.";
+            this.errorOccurred.emit({ error: this.quoteError });
+            this.checkoutLoading = false;
+        }
+    }
+    formatDateTimeRange(startDate, endDate) {
+        const formatOptions = {
+            weekday: "short",
+            day: "numeric",
+            month: "short",
+            hour: "2-digit",
+            minute: "2-digit",
+        };
+        const startFormatted = new Date(startDate).toLocaleString(this.locale, formatOptions);
+        const endFormatted = new Date(endDate).toLocaleString(this.locale, formatOptions);
+        return `${startFormatted} - ${endFormatted}`;
+    }
+    formatPriceValue(priceInCents) {
+        const currency = this.event?.currency;
+        if (!currency) {
+            return new Intl.NumberFormat(this.locale, {
+                style: "decimal",
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(priceInCents / 100);
+        }
+        try {
+            return formatPrice(priceInCents, currency);
+        }
+        catch (error) {
+            console.error("formatPrice failed, using fallback", {
+                error,
+                currency,
+                priceInCents,
+                locale: this.locale,
+            });
+            return new Intl.NumberFormat(this.locale, {
+                style: "currency",
+                currency,
+            }).format(priceInCents / 100);
+        }
+    }
+    handleQuantityDecrease = async (admissionId, sectionId) => {
+        await this.updateQuantity(admissionId, sectionId, -1);
+    };
+    handleQuantityIncrease = async (admissionId, sectionId) => {
+        await this.updateQuantity(admissionId, sectionId, 1);
+    };
+    renderQuantityControls(admission, sectionId) {
+        const key = `${admission.id}::${sectionId || "none"}`;
+        const quantity = this.selectedItems.get(key) || 0;
+        const isUnlimited = admission.available === -1 || admission.capacity === -1;
+        return (h("div", { class: "quantity-controls" }, h("button", { type: "button", class: "quantity-btn decrease", onClick: () => this.handleQuantityDecrease(admission.id, sectionId), disabled: quantity === 0, "aria-label": "Decrease quantity" }, "\u2212"), h("span", { class: "quantity-value" }, quantity), h("button", { type: "button", class: "quantity-btn increase", onClick: () => this.handleQuantityIncrease(admission.id, sectionId), disabled: !isUnlimited && quantity >= admission.available, "aria-label": "Increase quantity" }, "+")));
+    }
+    renderEventTimeAndLocation() {
+        if (!this.event?.entryStartsAt || !this.event?.entryEndsAt)
+            return null;
+        return (h(h.Fragment, null, h("div", { class: "admission-time" }, CalendarIcon(), this.formatDateTimeRange(this.event.entryStartsAt, this.event.entryEndsAt)), this.event.location && (h("div", { class: "admission-venue" }, LocationIcon(), this.event.location.name))));
+    }
+    renderPriceAndControls(admission, sectionId, isSoldOut) {
+        const basePrice = admission.price?.base || 0;
+        const bookingFee = admission.price?.booking || 0;
+        return (h("div", { class: "admission-price-info" }, h("div", { class: "admission-price-wrapper" }, h("span", { class: "admission-price" }, this.formatPriceValue(basePrice)), h("span", { class: "admission-fee" }, bookingFee > 0 ? "+ Booking fee" : "No booking fee")), !isSoldOut ? (this.renderQuantityControls(admission, sectionId)) : (h("div", { class: "sold-out-controls" }, h("span", { class: "sold-out-text" }, "Sold Out")))));
+    }
+    renderAdmission(admission, section, isSectionSoldOut = false) {
+        const key = `${admission.id}::${section?.id || "none"}`;
+        const basePrice = admission.price?.base || 0;
+        const isSoldOut = admission.available === 0 || isSectionSoldOut;
+        const sectionId = section?.id || null;
+        const isStandaloneAdmission = !section;
+        const ariaLabel = section
+            ? `${admission.name} in ${section.name} - ${isSoldOut ? "Sold Out" : this.formatPriceValue(basePrice)}`
+            : `${admission.name} - ${isSoldOut ? "Sold Out" : this.formatPriceValue(basePrice)}`;
+        return (h("section", { class: `admission-card ${isSoldOut ? "sold-out" : ""} ${isStandaloneAdmission ? "solo-admission" : ""}`, key: key, tabindex: isSoldOut ? -1 : 0, "aria-label": ariaLabel }, h("div", { class: "admission-content" }, h("div", { class: "admission-details" }, h("h3", { class: "admission-title" }, admission.name), isStandaloneAdmission && (h(h.Fragment, null, this.renderEventTimeAndLocation(), this.renderPriceAndControls(admission, sectionId, isSoldOut))), section &&
+            this.renderPriceAndControls(admission, sectionId, isSoldOut)))));
+    }
+    renderSectionHeader(section, isSectionSoldOut) {
+        return (h("div", { class: "section-header" }, h("h2", { class: "section-name" }, section.name, isSectionSoldOut && h("span", { class: "sold-out-badge" }, "Sold Out")), this.event?.entryStartsAt && this.event?.entryEndsAt && (h("div", { class: "section-time" }, CalendarIcon(), this.formatDateTimeRange(this.event.entryStartsAt, this.event.entryEndsAt))), this.event?.location && (h("div", { class: "section-venue" }, LocationIcon(), this.event.location.name))));
+    }
+    renderSectionWithAdmissions(section) {
+        const sectionAdmissions = this.event?.admissions.filter((adm) => adm.sectionId === section.id) ||
+            [];
+        if (sectionAdmissions.length === 0)
+            return null;
+        const isSectionSoldOut = section.available === 0;
+        return (h("div", { class: `ticket-section ${isSectionSoldOut ? "section-sold-out" : ""}`, key: section.id }, this.renderSectionHeader(section, isSectionSoldOut), h("div", { class: "admissions-list" }, sectionAdmissions
+            .sort((a, b) => a.order - b.order)
+            .map((admission) => this.renderAdmission(admission, section, isSectionSoldOut)))));
+    }
+    renderLoadingState() {
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "loading-state" }, "Loading event details...")));
+    }
+    renderErrorState() {
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, h("div", { class: "error-banner" }, h("strong", null, "Unable to load event"), h("p", null, this.error), h("button", { type: "button", class: "retry-button", onClick: () => this.loadEventData() }, "Try Again")))));
+    }
+    renderNotFoundState() {
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, h("div", { class: "error-banner" }, h("strong", null, "Event not found"), h("p", null, "The requested event could not be found.")))));
+    }
+    renderOrderSummaryItems() {
+        if (!this.quote?.items?.length) {
+            return (h("div", { class: "empty-cart-message" }, h("span", { class: "empty-cart-text" }, "No tickets selected"), h("span", { class: "empty-cart-price" }, this.formatPriceValue(0))));
+        }
+        return (h(h.Fragment, null, this.quote.items.map((item) => {
+            const admission = this.event?.admissions.find((a) => a.id === item.admissionId);
+            const section = item.sectionId
+                ? this.event?.sections.find((s) => s.id === item.sectionId)
+                : null;
+            const itemTotal = item.price?.base || 0;
+            if (section) {
+                return (h("div", { class: "order-item-with-section", key: `${item.admissionId}::${item.sectionId || "none"}` }, h("div", { class: "item-section-line" }, h("div", { class: "item-section-name" }, item.quantity, " x ", section.name), h("div", { class: "item-price" }, this.formatPriceValue(itemTotal))), h("div", { class: "item-admission-name" }, admission?.name)));
+            }
+            return (h("div", { class: "order-item", key: `${item.admissionId}::${item.sectionId || "none"}` }, h("div", { class: "item-description" }, item.quantity, " x ", admission?.name), h("div", { class: "item-price" }, this.formatPriceValue(itemTotal))));
+        })));
+    }
+    isCheckoutDisabled() {
+        return (this.quoteLoading ||
+            this.checkoutLoading ||
+            !this.quote ||
+            !this.quote.items?.length);
+    }
+    getCheckoutButtonText() {
+        if (this.checkoutLoading)
+            return "Processing...";
+        if (this.quoteLoading)
+            return "Updating...";
+        return "Checkout";
+    }
+    renderOrderSummary() {
+        return (h("div", { class: "order-summary" }, h("h2", { class: "summary-title" }, "Order summary"), this.quoteError && h("div", { class: "error-message" }, this.quoteError), h("div", { class: "order-items" }, this.renderOrderSummaryItems()), h("div", { class: "order-fees" }, h("div", { class: "fee-row" }, h("span", null, "Booking fee"), h("span", null, this.formatPriceValue(this.quote?.price?.booking || 0)))), h("div", { class: "order-total" }, h("span", null, "Total price"), h("span", null, !this.quote
+            ? "N/A"
+            : (this.quote.price?.total || 0) === 0
+                ? "Free"
+                : this.formatPriceValue(this.quote.price?.total || 0))), h("button", { type: "button", class: "checkout-btn", onClick: () => this.initiateCheckout(), disabled: this.isCheckoutDisabled() }, this.getCheckoutButtonText())));
+    }
+    renderTicketSections() {
+        const generalAdmissions = this.event?.admissions.filter((adm) => !adm.sectionId) || [];
+        return (h("div", { class: "tickets-wrapper" }, generalAdmissions.length > 0 && (h("div", { class: "unsectioned-admissions" }, generalAdmissions
+            .sort((a, b) => a.order - b.order)
+            .map((admission) => (h("div", { class: "ticket-section" }, h("div", { class: "admissions-list" }, this.renderAdmission(admission))))))), this.event?.sections
+            .sort((a, b) => a.order - b.order)
+            .map((section) => this.renderSectionWithAdmissions(section))));
+    }
+    render() {
+        if (this.loading)
+            return this.renderLoadingState();
+        if (this.error && !this.event)
+            return this.renderErrorState();
+        if (!this.event)
+            return this.renderNotFoundState();
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, this.renderTicketSections(), this.renderOrderSummary())));
+    }
+    static get is() { return "session-services-ticketing"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["session-services-ticketing.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["session-services-ticketing.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tenantId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tenant-id"
+            },
+            "eventId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "event-id"
+            },
+            "apiUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "api-url",
+                "defaultValue": "\"https://api.session.services\""
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "\"en-US\""
+            },
+            "returnUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "return-url"
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"light\" | \"dark\" | \"system\"",
+                    "resolved": "\"dark\" | \"light\" | \"system\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "theme",
+                "defaultValue": "\"system\""
+            },
+            "enableAnalytics": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "enable-analytics",
+                "defaultValue": "true"
+            },
+            "debugAnalytics": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "debug-analytics",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "event": {},
+            "selectedItems": {},
+            "quote": {},
+            "loading": {},
+            "error": {},
+            "quoteLoading": {},
+            "quoteError": {},
+            "checkoutLoading": {},
+            "currentTheme": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "checkoutInit",
+                "name": "checkoutInit",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    orderId: string;\n    checkoutUrl: string;\n  }",
+                    "resolved": "{ orderId: string; checkoutUrl: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "cartUpdate",
+                "name": "cartUpdate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "OrderQuote",
+                    "resolved": "{ items: { id: string; kind: \"ADMISSION\" | \"ADDON\"; quantity: number; price: { net: number; total: number; gross: number; base: number; booking: number; refunded: number; discount: number; currency: string; }; admissionId?: string; sectionId?: string; admission?: { name: string; capacity: number; limit: number; order: number; entryStartsAt: string; entryEndsAt: string; saleStartsAt: string; saleEndsAt: string; price: { base: number; booking: number; currency: string; }; teamId: string; promoterId: string; eventId: string; eventSlug: string; id?: string; available?: number; sold?: number; reserved?: number; createdAt?: string; updatedAt?: string; sectionId?: string; }; section?: { name: string; capacity: number; limit: number; order: number; location: { createdAt: string; updatedAt: string; name: string; address: string; country: string; latitude: number; longitude: number; timeZone: string; id?: string; googlePlaceId?: string; city?: string; state?: string; postcode?: string; types?: string[]; description?: string; image?: { src: string; alt: string; width: number; height: number; }; venueId?: string; }; teamId: string; promoterId: string; eventId: string; eventSlug: string; id?: string; createdAt?: string; updatedAt?: string; available?: number; sold?: number; reserved?: number; }; }[]; price: { net: number; total: number; gross: number; base: number; booking: number; shipping: number; refunded: number; discount: number; gateway: number; dispute: number; currency: string; }; couponCode?: { name: string; active: boolean; couponId: string; teamId: string; id?: string; createdAt?: string; updatedAt?: string; uses?: number; }; }",
+                    "references": {
+                        "OrderQuote": {
+                            "location": "import",
+                            "path": "@session-services/sdk/schemas",
+                            "id": "../../sdk/src/schemas.ts::OrderQuote"
+                        }
+                    }
+                }
+            }, {
+                "method": "errorOccurred",
+                "name": "errorOccurred",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ error: string }",
+                    "resolved": "{ error: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "tenantId",
+                "methodName": "propsChanged"
+            }, {
+                "propName": "eventId",
+                "methodName": "propsChanged"
+            }, {
+                "propName": "apiUrl",
+                "methodName": "propsChanged"
+            }, {
+                "propName": "theme",
+                "methodName": "themeChanged"
+            }];
+    }
+}