@session-services/web-elements 0.1.20 → 0.1.22

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

@@ -1,28 +1,116 @@
 import { createClient } from "@session-services/sdk";
 import { createAnalytics, formatPrice } from "@session-services/sdk/analytics";
-import { 
+import { formatNaiveDateTime } from "@session-services/utils/naive-datetime";
+import { normalizeCouponCode } from "@session-services/utils/ticket-quote";
+import { isSectionSoldOut } from "@session-services/utils/ticket-availability";
+import { Host, 
 // biome-ignore lint/correctness/noUnusedImports: h is required by Stencil JSX transform
-h, Host, } from "@stencil/core";
+h, } from "@stencil/core";
+import { admissionPriceSavings, discountCouponFromSearch, getAdmissionDisplayState, getAdmissionPriceDisplay, getTicketingState, parseSelectionKey, previewQuoteItems, priceTotal, quoteItemsBySelection, selectionKey, topLevelTicketItems, visibleAdmissions, } from "./session-services-ticketing.logic";
+const quoteTotal = (quote) => quote.price?.total ?? 0;
+const QUOTE_DEBOUNCE_MS = 150;
+function objectValue(value, key) {
+    if (!value || typeof value !== "object")
+        return undefined;
+    return value[key];
+}
+function errorMessage(err, fallback) {
+    return err instanceof Error ? err.message : fallback;
+}
+function errorCode(err) {
+    const code = objectValue(err, "code");
+    return typeof code === "string" ? code : undefined;
+}
+function isPasscodeAccessError(err) {
+    const message = errorMessage(err, "");
+    if (/incorrect passcode/i.test(message))
+        return true;
+    return errorCode(err) === "UNAUTHORIZED" && /passcode/i.test(message);
+}
+function parseJson(value) {
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return null;
+    }
+}
+function hasAnalyticsIds(event) {
+    return Boolean(event.teamId && event.promoterId);
+}
+function eventVenueName(event) {
+    return [event.location?.venue?.name, event.location?.name].find(Boolean);
+}
+function optionalId(id) {
+    return id || undefined;
+}
+function admissionAriaLabel(admission, section, status) {
+    if (section)
+        return `${admission.name} in ${section.name} - ${status}`;
+    return `${admission.name} - ${status}`;
+}
+function hasQuoteItems(quote) {
+    return Boolean(quote?.items?.length);
+}
+function quoteProductIdentity(item) {
+    return {
+        product_id: item.admissionId,
+        sku: item.admissionId,
+        quantity: item.quantity,
+        admission_id: item.admissionId,
+        section_id: item.sectionId,
+    };
+}
+function quoteProductContext({ event, admission, section, }) {
+    return {
+        name: admission?.name,
+        category: event?.name,
+        variant: section?.name,
+    };
+}
+function quoteProductPrice(item) {
+    return {
+        price: priceTotal(item.price) / 100,
+        price_base: item.price?.base,
+        price_booking_fee: item.price?.booking,
+    };
+}
 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" })));
 const InfoIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("path", { d: "M12 16v-4" }), h("path", { d: "M12 8h.01" })));
 const CloseIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "M6 6l12 12" })));
+const LoaderCircleIcon = () => (h("svg", { class: "checkout-spinner", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })));
 export class SessionsTicketing {
+    host;
     tenantId;
     eventId;
     apiUrl = "https://api.session.services";
     locale = "en-US";
     returnUrl;
+    couponCode;
+    initialAdmissionPrices;
+    initialPreviewQuote;
+    passcode;
+    stickyCheckout = false;
     theme = "system";
     enableAnalytics = true;
     debugAnalytics = false;
     event = null;
     selectedItems = new Map();
     quote = null;
+    previewQuote = null;
     loading = true;
     error = null;
     quoteLoading = false;
+    previewLoading = false;
     quoteError = null;
+    couponError = null;
+    couponInput = "";
+    appliedCouponCode = "";
+    passcodeInput = "";
+    activePasscode = "";
+    passcodeDenied = false;
+    selectionPrompt = false;
     checkoutLoading = false;
     currentTheme = "light";
     openModalAdmissionId = null;
@@ -33,16 +121,28 @@ export class SessionsTicketing {
     analytics;
     mediaQueryList;
     requestId = 0;
+    previewRequestId = 0;
+    quoteTimer;
+    promptTimer;
     async componentWillLoad() {
+        if (typeof window !== "undefined") {
+            window.addEventListener("popstate", this.handleDiscountQueryChange);
+        }
         await this.initializeComponent();
     }
     async propsChanged() {
         await this.initializeComponent();
     }
+    async couponCodeChanged() {
+        await this.setInitialCoupon();
+    }
     themeChanged() {
         this.setupTheme();
     }
     disconnectedCallback() {
+        if (typeof window !== "undefined") {
+            window.removeEventListener("popstate", this.handleDiscountQueryChange);
+        }
         if (this.mediaQueryList) {
             this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
         }
@@ -50,12 +150,27 @@ export class SessionsTicketing {
         if (this.openModalAdmissionId) {
             document.removeEventListener("keydown", this.handleModalKeyDown);
         }
+        this.clearQuoteTimer();
+        this.clearPromptTimer();
     }
+    handleDiscountQueryChange = () => {
+        if (normalizeCouponCode(this.couponCode))
+            return;
+        this.setInitialCoupon().catch(() => undefined);
+    };
     async initializeComponent() {
         this.error = null;
         this.event = null;
-        this.selectedItems.clear();
+        this.selectedItems = new Map();
         this.quote = null;
+        this.previewQuote = null;
+        this.quoteError = null;
+        this.couponError = null;
+        this.couponInput = this.initialCouponCode();
+        this.appliedCouponCode = this.couponInput;
+        this.activePasscode = this.passcode || "";
+        this.passcodeInput = this.activePasscode;
+        this.passcodeDenied = false;
         if (!this.tenantId || !this.eventId) {
             this.error = "Missing required configuration: tenantId and eventId";
             this.loading = false;
@@ -68,6 +183,62 @@ export class SessionsTicketing {
         this.setupTheme();
         await this.loadEventData();
     }
+    async setInitialCoupon() {
+        const coupon = this.initialCouponCode();
+        this.couponInput = coupon;
+        this.quote = null;
+        this.previewQuote = this.activeInitialPreviewQuote(coupon);
+        this.quoteError = null;
+        this.couponError = null;
+        if (!coupon) {
+            this.appliedCouponCode = "";
+            await this.updateQuote();
+            return;
+        }
+        if (this.selectedItems.size > 0) {
+            await this.applyCartCoupon(coupon);
+            return;
+        }
+        if (this.previewQuote)
+            return;
+        await this.applyPreviewCoupon(coupon);
+    }
+    initialCouponCode() {
+        const prop = normalizeCouponCode(this.couponCode);
+        if (prop)
+            return prop;
+        if (typeof window === "undefined")
+            return "";
+        return normalizeCouponCode(discountCouponFromSearch(window.location.search));
+    }
+    parsedInitialPreviewQuote() {
+        if (!this.initialPreviewQuote)
+            return null;
+        if (typeof this.initialPreviewQuote !== "string")
+            return this.initialPreviewQuote;
+        return parseJson(this.initialPreviewQuote);
+    }
+    parsedInitialAdmissionPrices() {
+        if (!this.initialAdmissionPrices)
+            return undefined;
+        if (typeof this.initialAdmissionPrices !== "string")
+            return this.initialAdmissionPrices;
+        return (parseJson(this.initialAdmissionPrices) ?? undefined);
+    }
+    activeInitialPreviewQuote(coupon = this.appliedCouponCode) {
+        if (!coupon)
+            return null;
+        if (coupon !== this.initialCouponCode())
+            return null;
+        return this.parsedInitialPreviewQuote();
+    }
+    activeInitialAdmissionPrices() {
+        if (!this.appliedCouponCode)
+            return undefined;
+        if (this.appliedCouponCode !== this.initialCouponCode())
+            return undefined;
+        return this.parsedInitialAdmissionPrices();
+    }
     setupTheme() {
         if (this.mediaQueryList) {
             this.mediaQueryList.removeEventListener("change", this.handleSystemThemeChange);
@@ -87,140 +258,194 @@ export class SessionsTicketing {
         }
     };
     trackEvent(eventType, properties = {}) {
-        if (!this.analytics || !this.enableAnalytics)
-            return;
-        // Ensure required fields exist before tracking
-        if (!this.event?.teamId || !this.event?.promoterId)
+        const context = this.analyticsContext();
+        if (!context)
             return;
-        this.analytics.track(eventType, {
+        context.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,
+            team_id: context.event.teamId,
+            promoter_id: context.event.promoterId,
+            event_name: context.event.name,
+            event_slug: context.event.slug,
+            currency: context.event.currency,
             ...properties,
         });
     }
+    analyticsContext() {
+        const analytics = this.activeAnalytics();
+        const event = this.analyticsEvent();
+        if (!analytics || !event)
+            return undefined;
+        return { analytics, event };
+    }
+    activeAnalytics() {
+        if (!this.enableAnalytics)
+            return undefined;
+        return this.analytics;
+    }
+    analyticsEvent() {
+        const event = this.event;
+        if (!event)
+            return undefined;
+        return hasAnalyticsIds(event) ? event : undefined;
+    }
     getLowestPrice() {
-        if (!this.event?.admissions.length)
+        const event = this.event;
+        if (!event?.admissions.length)
             return 0;
-        return Math.min(...this.event.admissions.map((adm) => (adm.price?.base || 0) + (adm.price?.booking || 0)));
+        return Math.min(...event.admissions.map((adm) => priceTotal(adm.price)));
+    }
+    getAdmissionListProducts(event) {
+        return event.admissions.map((adm, index) => ({
+            product_id: adm.id,
+            sku: adm.id,
+            name: adm.name,
+            category: event.name,
+            price: priceTotal(adm.price) / 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,
+        }));
     }
     async loadEventData() {
         try {
             this.loading = true;
             this.error = null;
-            const response = await this.client.event.get({ key: this.eventId });
+            this.passcodeDenied = false;
+            const response = await this.client.event.get({
+                key: this.eventId,
+                passcode: this.activePasscode || undefined,
+            });
             this.event = response.event;
-            if (this.enableAnalytics && !this.analytics && this.event?.promoterId) {
-                this.analytics = createAnalytics({
-                    client: this.client,
-                    debug: this.debugAnalytics,
-                });
-                this.analytics.page("Ticketing Widget", {
-                    event_id: this.eventId,
-                    team_id: this.event.teamId,
-                    promoter_id: this.event.promoterId,
-                    event_name: this.event.name,
-                    event_slug: this.event.slug,
-                });
-            }
-            if (this.event) {
-                this.trackEvent("Product Viewed", {
-                    product_id: this.eventId,
-                    sku: this.eventId,
-                    name: this.event.name,
-                    category: "Event",
-                    value: this.getLowestPrice() / 100,
-                    price: this.getLowestPrice() / 100,
-                    event_date: this.event.entryStartsAt,
-                    venue_name: this.event.location?.venue?.name || this.event.location?.name,
-                    venue_city: this.event.location?.city,
-                });
-                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,
-                    })),
-                });
-            }
+            this.trackLoadedEvent(response.event);
+            await this.updatePreviewQuote();
         }
         catch (err) {
-            this.error =
-                err instanceof Error ? err.message : "Failed to load event data";
+            this.passcodeDenied = isPasscodeAccessError(err);
+            this.error = errorMessage(err, "Failed to load event data");
             this.errorOccurred.emit({ error: this.error });
         }
         finally {
             this.loading = false;
         }
     }
+    trackLoadedEvent(event) {
+        this.setupAnalytics(event);
+        this.trackProductViewed(event);
+        this.trackEvent("Product List Viewed", {
+            list_id: this.eventId,
+            category: "Admissions",
+            products: this.getAdmissionListProducts(event),
+        });
+    }
+    setupAnalytics(event) {
+        if (!this.enableAnalytics || this.analytics || !event.promoterId)
+            return;
+        this.analytics = createAnalytics({
+            client: this.client,
+            debug: this.debugAnalytics,
+        });
+        this.analytics.page("Ticketing Widget", {
+            event_id: this.eventId,
+            team_id: event.teamId,
+            promoter_id: event.promoterId,
+            event_name: event.name,
+            event_slug: event.slug,
+        });
+    }
+    trackProductViewed(event) {
+        const lowestPrice = this.getLowestPrice();
+        this.trackEvent("Product Viewed", {
+            product_id: this.eventId,
+            sku: this.eventId,
+            name: event.name,
+            category: "Event",
+            value: lowestPrice / 100,
+            price: lowestPrice / 100,
+            event_date: event.entryStartsAt,
+            venue_name: eventVenueName(event),
+            venue_city: event.location?.city,
+        });
+    }
     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 key = selectionKey(admissionId, sectionId);
+        await this.setQuantity(admissionId, sectionId, (this.selectedItems.get(key) || 0) + delta);
+    }
+    async setQuantity(admissionId, sectionId, quantity) {
+        const key = selectionKey(admissionId, sectionId);
         const admission = this.event?.admissions.find((a) => a.id === admissionId);
+        if (!admission)
+            return;
+        const previous = this.selectedItems.get(key) || 0;
+        const next = Math.max(0, Math.min(quantity, this.getMaxQuantity(admission, sectionId)));
+        if (previous === next)
+            return;
+        this.selectionPrompt = false;
+        this.setSelectedQuantity(key, next);
         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,
-            });
+        this.trackQuantityChange({
+            admission,
+            section,
+            sectionId,
+            delta: next - previous,
+        });
+        this.scheduleQuoteUpdate();
+    }
+    setSelectedQuantity(key, quantity) {
+        if (quantity === 0) {
+            this.selectedItems.delete(key);
         }
-        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,
-            });
+        else {
+            this.selectedItems.set(key, quantity);
         }
-        await this.updateQuote();
+        this.selectedItems = new Map(this.selectedItems);
+    }
+    trackQuantityChange(change) {
+        if (change.delta > 0) {
+            this.trackProductAdded(change);
+            return;
+        }
+        if (change.delta < 0)
+            this.trackProductRemoved(change);
+    }
+    trackProductAdded(change) {
+        this.trackEvent("Product Added", {
+            ...this.getQuantityAnalytics(change),
+            price_base: change.admission.price?.base,
+            price_booking_fee: change.admission.price?.booking,
+        });
+    }
+    trackProductRemoved(change) {
+        this.trackEvent("Product Removed", this.getQuantityAnalytics(change));
+    }
+    getQuantityAnalytics(change) {
+        return {
+            product_id: change.admission.id,
+            sku: change.admission.id,
+            name: change.admission.name,
+            category: this.event?.name,
+            variant: change.section?.name,
+            price: priceTotal(change.admission.price) / 100,
+            quantity: Math.abs(change.delta),
+            admission_id: change.admission.id,
+            section_id: optionalId(change.sectionId),
+            section_name: change.section?.name,
+        };
     }
     async updateQuote() {
+        this.clearQuoteTimer();
         if (this.selectedItems.size === 0) {
             this.quote = null;
             this.quoteError = null;
+            this.quoteLoading = false;
+            await this.updatePreviewQuote();
             return;
         }
         this.requestId++;
@@ -228,126 +453,422 @@ export class SessionsTicketing {
         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,
-            });
+            const response = await this.fetchCartQuote(this.appliedCouponCode);
+            this.applyQuote(response.quote, currentId);
+        }
+        catch (_err) {
+            this.handleQuoteError(currentId);
+        }
+        finally {
             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,
-                });
+                this.quoteLoading = false;
             }
         }
+    }
+    scheduleQuoteUpdate() {
+        this.clearQuoteTimer();
+        if (this.selectedItems.size === 0) {
+            this.updateQuote().catch(() => undefined);
+            return;
+        }
+        this.quoteLoading = true;
+        this.quoteTimer = setTimeout(() => {
+            this.quoteTimer = undefined;
+            this.updateQuote().catch(() => undefined);
+        }, QUOTE_DEBOUNCE_MS);
+    }
+    clearQuoteTimer() {
+        if (!this.quoteTimer)
+            return;
+        clearTimeout(this.quoteTimer);
+        this.quoteTimer = undefined;
+    }
+    clearPromptTimer() {
+        if (!this.promptTimer)
+            return;
+        clearTimeout(this.promptTimer);
+        this.promptTimer = undefined;
+    }
+    promptTicketSelection() {
+        this.selectionPrompt = true;
+        this.clearPromptTimer();
+        this.promptTimer = setTimeout(() => {
+            this.selectionPrompt = false;
+            this.promptTimer = undefined;
+        }, 800);
+    }
+    getQuoteRequestItems() {
+        return Array.from(this.selectedItems, ([key, quantity]) => {
+            const item = parseSelectionKey(key);
+            return {
+                quantity,
+                admissionId: item.admissionId,
+                sectionId: item.sectionId,
+            };
+        });
+    }
+    fetchCartQuote(couponCode) {
+        return this.client.order.quote({
+            eventId: this.eventId,
+            items: this.getQuoteRequestItems(),
+            couponCode: couponCode || undefined,
+        });
+    }
+    applyQuote(quote, requestId) {
+        if (requestId !== this.requestId)
+            return;
+        this.quote = quote;
+        this.quoteError = null;
+        this.cartUpdate.emit(this.quote);
+        this.trackEvent("Cart Viewed", {
+            products: this.getCartProducts(),
+            value: quoteTotal(this.quote) / 100,
+            currency: this.event?.currency,
+        });
+    }
+    handleQuoteError(requestId) {
+        if (requestId !== this.requestId)
+            return;
+        this.quote = null;
+        this.quoteError = "Failed to update cart. Please try again.";
+        this.errorOccurred.emit({ error: this.quoteError });
+    }
+    async updatePreviewQuote() {
+        const event = this.event;
+        if (!event || !this.appliedCouponCode) {
+            this.previewRequestId++;
+            this.previewLoading = false;
+            this.previewQuote = null;
+            return;
+        }
+        const initialQuote = this.activeInitialPreviewQuote();
+        if (initialQuote) {
+            this.previewRequestId++;
+            this.previewLoading = false;
+            this.previewQuote = initialQuote;
+            return;
+        }
+        const items = previewQuoteItems(event);
+        if (items.length === 0) {
+            this.previewRequestId++;
+            this.previewLoading = false;
+            this.previewQuote = null;
+            return;
+        }
+        this.previewRequestId++;
+        const currentId = this.previewRequestId;
+        try {
+            this.previewLoading = true;
+            const response = await this.fetchPreviewQuote(this.appliedCouponCode);
+            if (currentId === this.previewRequestId) {
+                this.previewQuote = response.quote;
+            }
+        }
+        catch (_err) {
+            if (currentId === this.previewRequestId) {
+                this.previewQuote = null;
+                this.appliedCouponCode = "";
+                this.setCouponError();
+            }
+        }
+        finally {
+            if (currentId === this.previewRequestId) {
+                this.previewLoading = false;
+            }
+        }
+    }
+    fetchPreviewQuote(couponCode) {
+        const event = this.event;
+        if (!event)
+            throw new Error("Missing event");
+        return this.client.order.quote({
+            eventId: event.id,
+            items: previewQuoteItems(event),
+            couponCode,
+        });
+    }
+    handleCouponInput = (e) => {
+        if (!(e.target instanceof HTMLInputElement))
+            return;
+        this.couponInput = e.target.value.toUpperCase();
+    };
+    handleCouponKeyDown = (e) => {
+        if (e.key !== "Enter")
+            return;
+        e.preventDefault();
+        this.applyCoupon().catch(() => undefined);
+    };
+    async applyCoupon() {
+        const coupon = normalizeCouponCode(this.couponInput);
+        this.couponInput = coupon;
+        this.quoteError = null;
+        this.couponError = null;
+        this.trackCouponEntered(coupon);
+        if (this.selectedItems.size > 0) {
+            await this.applyCartCoupon(coupon);
+            return;
+        }
+        await this.applyPreviewCoupon(coupon);
+    }
+    async removeCoupon() {
+        this.couponError = null;
+        this.quoteError = null;
+        if (this.selectedItems.size > 0) {
+            await this.removeCartCoupon();
+            return;
+        }
+        this.couponInput = "";
+        const coupon = this.appliedCouponCode;
+        this.appliedCouponCode = "";
+        this.previewRequestId++;
+        this.previewLoading = false;
+        this.previewQuote = null;
+        this.trackCouponRemoved(coupon, null);
+    }
+    async applyCartCoupon(coupon) {
+        this.requestId++;
+        const currentId = this.requestId;
+        try {
+            this.quoteLoading = true;
+            const response = await this.fetchCartQuote(coupon);
+            if (currentId !== this.requestId)
+                return;
+            this.appliedCouponCode = coupon;
+            this.previewQuote = null;
+            this.applyQuote(response.quote, currentId);
+            this.trackCouponApplied(coupon, response.quote);
+        }
         catch (_err) {
+            this.handleCouponError(currentId);
+            this.trackCouponDenied(coupon);
+        }
+        finally {
             if (currentId === this.requestId) {
-                this.quoteError = "Failed to update cart. Please try again.";
-                this.errorOccurred.emit({ error: this.quoteError });
+                this.quoteLoading = false;
+            }
+        }
+    }
+    async applyPreviewCoupon(coupon) {
+        const event = this.event;
+        if (!event)
+            return;
+        const initialQuote = this.activeInitialPreviewQuote(coupon);
+        if (initialQuote) {
+            this.appliedCouponCode = coupon;
+            this.previewQuote = initialQuote;
+            this.trackCouponApplied(coupon, initialQuote);
+            return;
+        }
+        if (previewQuoteItems(event).length === 0) {
+            this.appliedCouponCode = coupon;
+            this.previewQuote = null;
+            return;
+        }
+        this.previewRequestId++;
+        const currentId = this.previewRequestId;
+        try {
+            this.previewLoading = true;
+            const response = await this.fetchPreviewQuote(coupon);
+            if (currentId !== this.previewRequestId)
+                return;
+            this.appliedCouponCode = coupon;
+            this.previewQuote = response.quote;
+            this.trackCouponApplied(coupon, response.quote);
+        }
+        catch (_err) {
+            if (currentId === this.previewRequestId) {
+                this.setCouponError();
+                this.trackCouponDenied(coupon);
             }
         }
+        finally {
+            if (currentId === this.previewRequestId) {
+                this.previewLoading = false;
+            }
+        }
+    }
+    async removeCartCoupon() {
+        this.requestId++;
+        const currentId = this.requestId;
+        const coupon = this.appliedCouponCode;
+        try {
+            this.quoteLoading = true;
+            const response = await this.fetchCartQuote("");
+            if (currentId !== this.requestId)
+                return;
+            this.couponInput = "";
+            this.appliedCouponCode = "";
+            this.previewQuote = null;
+            this.applyQuote(response.quote, currentId);
+            this.trackCouponRemoved(coupon, response.quote);
+        }
+        catch (_err) {
+            this.handleCouponError(currentId, "Failed to remove coupon. Please try again.");
+        }
         finally {
             if (currentId === this.requestId) {
                 this.quoteLoading = false;
             }
         }
     }
+    handleCouponError(requestId, message) {
+        if (requestId !== this.requestId)
+            return;
+        this.setCouponError(message);
+    }
+    setCouponError(message = "Failed to apply coupon. Please check the code.") {
+        this.couponError = message;
+        this.errorOccurred.emit({ error: this.couponError });
+    }
+    trackCouponEntered(coupon) {
+        if (!coupon)
+            return;
+        this.trackEvent("Coupon Entered", { coupon });
+    }
+    trackCouponApplied(coupon, quote) {
+        if (!coupon)
+            return;
+        this.trackEvent("Coupon Applied", {
+            coupon,
+            products: this.getProductsForQuote(quote),
+            total: quote ? quoteTotal(quote) / 100 : 0,
+            value: quote ? quoteTotal(quote) / 100 : 0,
+        });
+    }
+    trackCouponDenied(coupon) {
+        if (!coupon)
+            return;
+        this.trackEvent("Coupon Denied", {
+            coupon,
+            reason: this.couponError,
+        });
+    }
+    trackCouponRemoved(coupon, quote) {
+        if (!coupon)
+            return;
+        this.trackEvent("Coupon Removed", {
+            coupon,
+            products: this.getProductsForQuote(quote),
+            total: quote ? quoteTotal(quote) / 100 : 0,
+            value: quote ? quoteTotal(quote) / 100 : 0,
+        });
+    }
+    handlePasscodeInput = (e) => {
+        if (!(e.target instanceof HTMLInputElement))
+            return;
+        this.passcodeInput = e.target.value;
+    };
+    async submitPasscode(e) {
+        e.preventDefault();
+        this.activePasscode = this.passcodeInput.trim();
+        await this.loadEventData();
+    }
     async initiateCheckout() {
+        if (this.isCheckoutDisabled())
+            return;
         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,
-                    };
-                }),
-            });
+            this.trackCheckoutStarted(this.quote);
             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,
-                })),
+                items: this.getCheckoutItems(this.quote),
+                couponCode: this.appliedCouponCode || undefined,
                 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;
+            this.handleCheckoutOrder(result.order);
         }
         catch (_err) {
-            this.quoteError = "Failed to initiate checkout. Please try again.";
-            this.errorOccurred.emit({ error: this.quoteError });
-            this.checkoutLoading = false;
+            this.handleCheckoutError();
         }
     }
-    formatDateTimeRange(startDate, endDate) {
-        const formatOptions = {
-            weekday: "short",
-            day: "numeric",
-            month: "short",
-            hour: "2-digit",
-            minute: "2-digit",
+    trackCheckoutStarted(quote) {
+        const total = quoteTotal(quote) / 100;
+        this.trackEvent("Checkout Started", {
+            value: total,
+            revenue: total,
+            currency: this.event?.currency,
+            products: this.getCheckoutProducts(),
+        });
+    }
+    getCheckoutItems(quote) {
+        return quote.items.map((item) => ({
+            quantity: item.quantity,
+            admissionId: item.admissionId,
+            sectionId: item.sectionId,
+        }));
+    }
+    handleCheckoutOrder(order) {
+        this.checkoutInit.emit({
+            orderId: order.id,
+            checkoutUrl: order.checkoutUrl,
+        });
+        if (order.checkoutUrl) {
+            window.location.href = order.checkoutUrl;
+            return;
+        }
+        this.checkoutLoading = false;
+    }
+    handleCheckoutError() {
+        this.quoteError = "Failed to initiate checkout. Please try again.";
+        this.errorOccurred.emit({ error: this.quoteError });
+        this.checkoutLoading = false;
+    }
+    handleStickyCheckoutClick(state) {
+        if (state.isDoorOnly || !hasQuoteItems(this.quote)) {
+            this.promptTicketSelection();
+            this.host.scrollIntoView({
+                behavior: "smooth",
+                block: "start",
+            });
+            return;
+        }
+        this.initiateCheckout().catch(() => undefined);
+    }
+    getCartProducts() {
+        if (!this.quote)
+            return [];
+        return this.getProductsForQuote(this.quote);
+    }
+    getCheckoutProducts() {
+        if (!this.quote)
+            return [];
+        return this.quote.items.map((item) => ({
+            ...this.getQuoteProduct(item),
+            section_name: this.getQuoteSection(item)?.name,
+        }));
+    }
+    getProductsForQuote(quote) {
+        if (!quote)
+            return [];
+        return quote.items.map((item) => this.getQuoteProduct(item));
+    }
+    getQuoteProduct(item) {
+        return {
+            ...quoteProductIdentity(item),
+            ...quoteProductContext(this.quoteProductContext(item)),
+            ...quoteProductPrice(item),
+        };
+    }
+    quoteProductContext(item) {
+        return {
+            event: this.event,
+            admission: this.getQuoteAdmission(item),
+            section: this.getQuoteSection(item),
         };
-        const startFormatted = new Date(startDate).toLocaleString(this.locale, formatOptions);
-        const endFormatted = new Date(endDate).toLocaleString(this.locale, formatOptions);
-        return `${startFormatted} - ${endFormatted}`;
+    }
+    getQuoteAdmission(item) {
+        return this.event?.admissions.find((adm) => adm.id === item.admissionId);
+    }
+    getQuoteSection(item) {
+        if (!item.sectionId)
+            return null;
+        return this.event?.sections.find((section) => section.id === item.sectionId);
+    }
+    formatDateTimeRange(startDate, endDate) {
+        return `${formatNaiveDateTime(startDate, "EEE, MMM d · h:mm a")} - ${formatNaiveDateTime(endDate, "h:mm a")}`;
     }
     formatPriceValue(priceInCents) {
         const currency = this.event?.currency;
@@ -380,6 +901,11 @@ export class SessionsTicketing {
     handleQuantityIncrease = async (admissionId, sectionId) => {
         await this.updateQuantity(admissionId, sectionId, 1);
     };
+    handleQuantityInput = async (admissionId, sectionId, e) => {
+        if (!(e.target instanceof HTMLInputElement))
+            return;
+        await this.setQuantity(admissionId, sectionId, Number(e.target.value) || 0);
+    };
     openModal = (admissionId, e) => {
         e.stopPropagation();
         this.openModalAdmissionId = admissionId;
@@ -400,91 +926,219 @@ export class SessionsTicketing {
             this.closeModal();
         }
     };
-    renderQuantityControls(admission, sectionId) {
-        const key = `${admission.id}::${sectionId || "none"}`;
+    renderQuantityControls(admission, sectionId, disabled, maxQuantity) {
+        const key = selectionKey(admission.id, sectionId);
         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" }, "+")));
+        return (h("div", { class: "quantity-controls" }, h("button", { type: "button", class: "quantity-btn decrease", onClick: () => this.handleQuantityDecrease(admission.id, sectionId), disabled: disabled || quantity === 0, "aria-label": "Decrease quantity" }, "\u2212"), h("input", { class: "quantity-value", type: "number", min: "0", max: maxQuantity, inputmode: "numeric", value: quantity, onInput: (e) => this.handleQuantityInput(admission.id, sectionId, e), disabled: disabled, "aria-label": `Quantity for ${admission.name}` }), h("button", { type: "button", class: "quantity-btn increase", onClick: () => this.handleQuantityIncrease(admission.id, sectionId), disabled: disabled || quantity >= maxQuantity, "aria-label": "Increase quantity" }, "+")));
+    }
+    getMaxQuantity(admission, sectionId) {
+        if (!this.event)
+            return 0;
+        return getAdmissionDisplayState({
+            admission,
+            event: this.event,
+            section: this.getSection(sectionId),
+        }).maxQuantity;
+    }
+    getSection(sectionId) {
+        if (!sectionId)
+            return undefined;
+        return this.event?.sections.find((item) => item.id === sectionId);
     }
-    renderEventTimeAndLocation() {
-        if (!this.event?.entryStartsAt || !this.event?.entryEndsAt)
+    renderEventTimeAndLocation(event) {
+        return (h(h.Fragment, null, this.renderEventTime(event, "admission-time"), this.renderEventLocation(event, "admission-venue")));
+    }
+    renderEventTime(event, className) {
+        if (!event.entryStartsAt || !event.entryEndsAt)
+            return null;
+        return (h("div", { class: className }, CalendarIcon(), this.formatDateTimeRange(event.entryStartsAt, event.entryEndsAt)));
+    }
+    renderAdmissionTime(admission, className) {
+        if (!admission?.entryStartsAt || !admission.entryEndsAt)
+            return null;
+        return (h("div", { class: className }, CalendarIcon(), this.formatDateTimeRange(admission.entryStartsAt, admission.entryEndsAt)));
+    }
+    renderSectionLocation(section) {
+        const value = [section.location?.name, section.location?.city]
+            .filter(Boolean)
+            .join(", ");
+        if (!value)
+            return null;
+        return (h("div", { class: "section-venue" }, LocationIcon(), value));
+    }
+    renderEventLocation(event, className) {
+        if (!event.location)
             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))));
+        return (h("div", { class: className }, LocationIcon(), event.location.name));
+    }
+    renderPriceAndControls(admission, sectionId, state, mode) {
+        const key = selectionKey(admission.id, sectionId);
+        const price = getAdmissionPriceDisplay({
+            admission,
+            initialPrice: this.activeInitialAdmissionPrices()?.[key],
+            mode,
+            quoteItem: quoteItemsBySelection(this.quote).get(key),
+            previewItem: quoteItemsBySelection(this.previewQuote).get(key),
+        });
+        const savings = admissionPriceSavings(price);
+        return (h("div", { class: "admission-price-info" }, h("div", { class: "admission-price-wrapper" }, savings > 0 && (h("span", { class: "admission-savings" }, "Save ", this.formatPriceValue(savings))), this.renderAdmissionPrice(price), price.fees > 0 && (h("span", { class: "admission-booking-fee" }, this.formatPriceValue(price.fees), " Booking Fee")), state.showScarcity && (h("span", { class: "admission-availability" }, admission.available, " tickets remaining")), state.label && (h("span", { class: `admission-sale-label ${state.label.tone}` }, state.label.text))), this.renderAdmissionControls(admission, sectionId, state, mode)));
     }
-    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")))));
+    renderAdmissionPrice(price) {
+        if (price.discounted) {
+            return (h("span", { class: "admission-price-row" }, h("span", { class: "admission-price discounted" }, this.formatPriceValue(price.base)), price.gross !== undefined && (h("span", { class: "admission-price-original" }, this.formatPriceValue(price.gross)))));
+        }
+        return (h("span", { class: "admission-price" }, this.formatPriceValue(price.base)));
     }
-    renderAdmission(admission, section, isSectionSoldOut = false) {
-        const key = `${admission.id}::${section?.id || "none"}`;
-        const basePrice = admission.price?.base || 0;
-        const isSoldOut = admission.available === 0 || isSectionSoldOut;
+    renderAdmissionControls(admission, sectionId, state, mode) {
+        if (state.statusLabel) {
+            return (h("div", { class: `sold-out-controls ${state.statusTone ?? ""}` }, h("span", { class: "sold-out-text" }, state.statusLabel)));
+        }
+        if (mode === "door")
+            return null;
+        return this.renderQuantityControls(admission, sectionId, state.disabled, state.maxQuantity);
+    }
+    renderAdmission(admission, event, section, isSectionSoldOut = false, mode = "default") {
+        const state = getAdmissionDisplayState({
+            admission,
+            event,
+            section,
+            sectionSoldOut: 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("div", { class: "admission-header" }, h("div", { class: "admission-header-text" }, h("h3", { class: "admission-title" }, admission.name), admission.subtitle && (h("p", { class: "admission-subtitle" }, admission.subtitle))), admission.description && (h("button", { type: "button", class: "more-info-badge", onClick: (e) => this.openModal(admission.id, e), "aria-label": `More info about ${admission.name}` }, InfoIcon(), h("span", null, "More info")))), 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 (h("section", { class: this.getAdmissionClassName(state, section), key: selectionKey(admission.id, sectionId), tabindex: state.disabled ? -1 : 0, "aria-label": this.getAdmissionAriaLabel(admission, section, state) }, h("div", { class: "admission-content" }, h("div", { class: "admission-details" }, this.renderAdmissionHeader(admission), this.renderAdmissionBody(admission, event, sectionId, state, mode)))));
+    }
+    getAdmissionClassName(state, section) {
+        return `admission-card ${state.soldOut ? "sold-out" : ""} ${state.disabled && !state.soldOut ? "unavailable" : ""} ${section ? "" : "solo-admission"}`;
+    }
+    getAdmissionAriaLabel(admission, section, state) {
+        const status = state.statusLabel ?? this.admissionStatusText(admission, state.soldOut);
+        return admissionAriaLabel(admission, section, status);
+    }
+    admissionStatusText(admission, soldOut) {
+        if (soldOut)
+            return "Sold Out";
+        if ((admission.price.booking ?? 0) <= 0) {
+            return this.formatPriceValue(admission.price.base);
+        }
+        return `${this.formatPriceValue(admission.price.base)} plus ${this.formatPriceValue(admission.price.booking)} booking fee`;
+    }
+    renderAdmissionHeader(admission) {
+        return (h("div", { class: "admission-header" }, h("div", { class: "admission-header-text" }, h("h3", { class: "admission-title" }, admission.name), admission.subtitle && (h("p", { class: "admission-subtitle" }, admission.subtitle))), this.renderMoreInfoButton(admission)));
+    }
+    renderMoreInfoButton(admission) {
+        if (!admission.description)
             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)))));
+        return (h("button", { type: "button", class: "more-info-badge", onClick: (e) => this.openModal(admission.id, e), "aria-label": `More info about ${admission.name}` }, InfoIcon(), h("span", null, "More info")));
+    }
+    renderAdmissionBody(admission, event, sectionId, state, mode) {
+        if (sectionId) {
+            return this.renderPriceAndControls(admission, sectionId, state, mode);
+        }
+        return (h(h.Fragment, null, this.renderEventTimeAndLocation(event), this.renderPriceAndControls(admission, sectionId, state, mode)));
+    }
+    renderSectionHeader(section, admissions, isSectionSoldOut) {
+        return (h("div", { class: "section-header" }, h("h2", { class: "section-name" }, section.name, isSectionSoldOut && h("span", { class: "sold-out-badge" }, "Sold Out")), this.renderAdmissionTime(admissions[0], "section-time"), this.renderSectionLocation(section)));
+    }
+    renderSectionWithAdmissions(section, admissions, event, mode) {
+        const soldOut = isSectionSoldOut({
+            admissions,
+            section,
+        });
+        return (h("div", { class: `ticket-section ${soldOut ? "section-sold-out" : ""}`, key: section.id }, this.renderSectionHeader(section, admissions, soldOut), h("div", { class: "admissions-list" }, admissions.map((admission) => this.renderAdmission(admission, event, section, soldOut, mode)))));
     }
     renderLoadingState() {
         return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "loading-state" }, "Loading event details...")));
     }
     renderErrorState() {
+        if (this.passcodeDenied)
+            return this.renderPasscodeState();
         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")))));
     }
+    renderPasscodeState() {
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, h("form", { class: "passcode-form", onSubmit: (e) => this.submitPasscode(e) }, h("h2", null, "Enter passcode"), h("p", null, "Enter the event passcode to view tickets and event details."), h("input", { type: "text", name: "passcode", value: this.passcodeInput, onInput: this.handlePasscodeInput, autocomplete: "one-time-code", placeholder: "Passcode", "aria-label": "Passcode" }), this.passcodeDenied && this.activePasscode && (h("span", { class: "error-message" }, "Incorrect passcode")), h("button", { type: "submit", class: "checkout-btn", disabled: !this.passcodeInput.trim() }, "Unlock event")))));
+    }
     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))));
-        })));
+    renderCouponPanel() {
+        const hasInput = this.couponInput.trim().length > 0;
+        const busy = this.quoteLoading || this.previewLoading || this.checkoutLoading;
+        const canApply = hasInput && !busy;
+        return (h("div", { class: "coupon-panel" }, h("div", { class: "coupon-row" }, h("input", { id: "coupon-code", name: "coupon-code", placeholder: "Coupon Code", value: this.couponInput, onInput: this.handleCouponInput, onKeyDown: this.handleCouponKeyDown, autocomplete: "off", disabled: busy, "aria-label": "Coupon code", "aria-invalid": Boolean(this.couponError) }), this.appliedCouponCode ? (h("button", { type: "button", class: "coupon-remove", onClick: () => this.removeCoupon(), disabled: busy, "aria-label": "Remove coupon" }, "Remove")) : (h("button", { type: "button", class: "coupon-apply", onClick: () => this.applyCoupon(), disabled: !canApply }, "Apply"))), this.couponError && (h("span", { class: "error-message" }, this.couponError))));
     }
     isCheckoutDisabled() {
         return (this.quoteLoading ||
             this.checkoutLoading ||
-            !this.quote ||
-            !this.quote.items?.length);
+            Boolean(this.quoteError) ||
+            !hasQuoteItems(this.quote));
     }
     getCheckoutButtonText() {
         if (this.checkoutLoading)
             return "Processing...";
+        if (this.quote)
+            return this.getQuoteCheckoutText();
+        return "Pay";
+    }
+    renderQuoteLoadingContent() {
+        return (h("span", { class: "checkout-spinner-wrapper", "aria-hidden": "true" }, LoaderCircleIcon()));
+    }
+    renderCheckoutButtonContent() {
         if (this.quoteLoading)
-            return "Updating...";
-        return "Checkout";
+            return this.renderQuoteLoadingContent();
+        return this.getCheckoutButtonText();
+    }
+    isStickyCheckoutDisabled(state) {
+        if (state.isDoorOnly)
+            return false;
+        return (state.isEnded ||
+            state.isUnavailableForSale ||
+            this.checkoutLoading ||
+            this.quoteLoading);
+    }
+    getStickyCheckoutText(state) {
+        if (this.checkoutLoading)
+            return "Processing...";
+        if (this.quote)
+            return this.getQuoteCheckoutText();
+        if (this.selectionPrompt)
+            return "Select a ticket";
+        if (state.isDoorOnly)
+            return "Get Tickets at the Door";
+        if (state.isEnded)
+            return "Event Ended";
+        if (state.isUnavailableForSale)
+            return "Tickets Unavailable";
+        return "Get Tickets";
     }
-    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())));
+    renderStickyCheckoutButtonContent(state) {
+        if (this.quoteLoading)
+            return this.renderQuoteLoadingContent();
+        return this.getStickyCheckoutText(state);
+    }
+    getQuoteCheckoutText() {
+        if (!this.quote)
+            return "Pay";
+        if (quoteTotal(this.quote) === 0)
+            return "Continue";
+        return `Pay ${this.getOrderTotalText()}`;
+    }
+    getOrderTotalText() {
+        if (!this.quote)
+            return "N/A";
+        const total = quoteTotal(this.quote);
+        if (total === 0)
+            return "Free";
+        return this.formatPriceValue(total);
+    }
+    renderCheckoutActions() {
+        return (h("div", { class: "checkout-actions" }, this.renderCouponPanel(), this.quoteError && h("div", { class: "error-message" }, this.quoteError), h("button", { type: "button", class: "checkout-btn", onClick: () => this.initiateCheckout(), disabled: this.isCheckoutDisabled(), "aria-label": this.quoteLoading ? "Updating" : undefined }, this.renderCheckoutButtonContent())));
+    }
+    renderStickyCheckout(state) {
+        if (!this.stickyCheckout)
+            return null;
+        if (!state.showTicketing)
+            return null;
+        return (h("div", { class: "sticky-checkout-bar" }, h("button", { type: "button", class: `checkout-btn sticky-checkout-btn ${this.selectionPrompt ? "selection-prompt" : ""}`, onClick: () => this.handleStickyCheckoutClick(state), disabled: this.isStickyCheckoutDisabled(state), "aria-label": this.quoteLoading ? "Updating" : undefined }, this.renderStickyCheckoutButtonContent(state))));
     }
     renderModal() {
         if (!this.openModalAdmissionId)
@@ -496,22 +1150,60 @@ export class SessionsTicketing {
         // biome-ignore lint/a11y/noStaticElementInteractions lint/a11y/useKeyWithClickEvents: backdrop click-to-close is a common modal pattern, keyboard handled via Escape key
         h("div", { class: "modal-backdrop", onClick: this.handleBackdropClick }, h("div", { class: "modal-content", role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-title" }, h("button", { type: "button", class: "modal-close-btn", onClick: () => this.closeModal(), "aria-label": "Close" }, CloseIcon()), h("div", { class: "modal-header" }, h("h2", { id: "modal-title", class: "modal-title" }, admission.name), admission.subtitle && (h("p", { class: "modal-subtitle" }, admission.subtitle))), h("p", { class: "modal-description" }, admission.description))));
     }
-    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))));
+    renderTicketSections(event) {
+        const state = getTicketingState(event);
+        const mode = state.isDoorOnly ? "door" : "default";
+        const items = topLevelTicketItems(event.sections, visibleAdmissions(event, mode));
+        return (h("div", { class: "tickets-wrapper" }, this.renderDoorAlert(event, mode), h("h2", { class: "tickets-heading" }, state.ticketHeading), items.map((item) => this.renderTopLevelItem(item, event, mode))));
     }
-    render() {
-        if (this.loading)
-            return this.renderLoadingState();
-        if (this.error && !this.event)
-            return this.renderErrorState();
-        if (!this.event)
+    renderTopLevelItem(item, event, mode) {
+        if (item.type === "section") {
+            return this.renderSectionWithAdmissions(item.section, item.admissions, event, mode);
+        }
+        return (h("div", { class: "ticket-section", key: item.admission.id }, h("div", { class: "admissions-list" }, this.renderAdmission(item.admission, event, undefined, false, mode))));
+    }
+    renderDoorAlert(event, mode) {
+        if (mode !== "door")
+            return null;
+        const location = event.location?.name?.trim() || "the venue";
+        return (h("div", { class: "door-alert" }, h("strong", null, "Tickets are available at ", location), h("span", null, "Online sales are closed. Buy these tickets at the door when you arrive.")));
+    }
+    loadingView() {
+        return this.loading ? this.renderLoadingState() : undefined;
+    }
+    errorView() {
+        return this.error && !this.event ? this.renderErrorState() : undefined;
+    }
+    missingEventView() {
+        return this.event ? undefined : this.renderNotFoundState();
+    }
+    pendingView() {
+        return this.loadingView() ?? this.errorView() ?? this.missingEventView();
+    }
+    renderReadyState() {
+        const event = this.event;
+        if (!event)
             return this.renderNotFoundState();
-        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, this.renderTicketSections(), this.renderOrderSummary()), this.renderModal()));
+        const state = getTicketingState(event);
+        if (state.showExternalTicketing) {
+            return this.renderExternalTicketing(state.externalTicketUrl);
+        }
+        return (h(Host, { "data-theme": this.currentTheme, "data-sticky-checkout": this.stickyCheckout ? "true" : undefined }, h("div", { class: "session-services-ticketing-container" }, state.showTicketing
+            ? this.renderTicketSections(event)
+            : this.renderUnavailableState(state), !state.isDoorOnly &&
+            state.showTicketing &&
+            this.renderCheckoutActions()), this.renderStickyCheckout(state), this.renderModal()));
+    }
+    renderExternalTicketing(url) {
+        return (h(Host, { "data-theme": this.currentTheme }, h("div", { class: "session-services-ticketing-container" }, h("a", { class: "external-ticket-button", href: url, target: "_blank", rel: "noreferrer" }, "Get tickets"))));
+    }
+    renderUnavailableState(state) {
+        return (h("div", { class: "empty-ticketing-state" }, h("strong", null, state.isEnded ? "Event ended" : "Tickets unavailable"), h("span", null, state.isEnded
+            ? "Ticket sales are closed for this event."
+            : "Tickets are not currently available for this event.")));
+    }
+    render() {
+        return this.pendingView() ?? this.renderReadyState();
     }
     static get is() { return "session-services-ticketing"; }
     static get encapsulation() { return "shadow"; }
@@ -624,6 +1316,113 @@ export class SessionsTicketing {
                 "reflect": false,
                 "attribute": "return-url"
             },
+            "couponCode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "coupon-code"
+            },
+            "initialAdmissionPrices": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "| Record<string, { discount: number; gross: number; total: number }>\n    | string",
+                    "resolved": "string | { [x: string]: { discount: number; gross: number; total: number; }; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "initial-admission-prices"
+            },
+            "initialPreviewQuote": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "OrderQuote | string",
+                    "resolved": "string | { items: { id: string; kind: \"ADMISSION\" | \"ADDON\"; quantity: number; price: { net: number; total: number; gross: number; base: number; booking: number; refunded: number; discount: number; currency: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; admissionId?: string; sectionId?: string; admission?: { name: string; capacity: number; limit: number; order: number; entryStartsAt: string; entryEndsAt: string; saleStartsAt: string; saleEndsAt: string; saleEndsBehavior: \"SALE_ENDED\" | \"SOLD_OUT\" | \"DOOR\"; price: { base: number; booking: number; currency: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; visibility: \"ALWAYS\" | \"STACKED\" | \"HIDDEN\"; teamId: string; promoterId: string; eventId: string; eventSlug: string; id?: string; subtitle?: string; description?: string; available?: number; sold?: number; reserved?: number; createdAt?: string; updatedAt?: string; passcode?: 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; passcode?: string; }; }[]; price: { net: number; total: number; gross: number; base: number; booking: number; shipping: number; sms: number; refunded: number; discount: number; gateway: number; dispute: number; currency: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; 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"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "initial-preview-quote"
+            },
+            "passcode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "passcode"
+            },
+            "stickyCheckout": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sticky-checkout",
+                "defaultValue": "false"
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,
@@ -691,10 +1490,19 @@ export class SessionsTicketing {
             "event": {},
             "selectedItems": {},
             "quote": {},
+            "previewQuote": {},
             "loading": {},
             "error": {},
             "quoteLoading": {},
+            "previewLoading": {},
             "quoteError": {},
+            "couponError": {},
+            "couponInput": {},
+            "appliedCouponCode": {},
+            "passcodeInput": {},
+            "activePasscode": {},
+            "passcodeDenied": {},
+            "selectionPrompt": {},
             "checkoutLoading": {},
             "currentTheme": {},
             "openModalAdmissionId": {}
@@ -728,7 +1536,7 @@ export class SessionsTicketing {
                 },
                 "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; }; visibility: \"ALWAYS\" | \"STACKED\" | \"HIDDEN\"; teamId: string; promoterId: string; eventId: string; eventSlug: string; id?: string; subtitle?: string; description?: string; available?: number; sold?: number; reserved?: number; createdAt?: string; updatedAt?: string; passcode?: 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; passcode?: string; }; }[]; 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; }; }",
+                    "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: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; admissionId?: string; sectionId?: string; admission?: { name: string; capacity: number; limit: number; order: number; entryStartsAt: string; entryEndsAt: string; saleStartsAt: string; saleEndsAt: string; saleEndsBehavior: \"SALE_ENDED\" | \"SOLD_OUT\" | \"DOOR\"; price: { base: number; booking: number; currency: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; visibility: \"ALWAYS\" | \"STACKED\" | \"HIDDEN\"; teamId: string; promoterId: string; eventId: string; eventSlug: string; id?: string; subtitle?: string; description?: string; available?: number; sold?: number; reserved?: number; createdAt?: string; updatedAt?: string; passcode?: 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; passcode?: string; }; }[]; price: { net: number; total: number; gross: number; base: number; booking: number; shipping: number; sms: number; refunded: number; discount: number; gateway: number; dispute: number; currency: \"AUD\" | \"AED\" | \"ALL\" | \"AMD\" | \"ANG\" | \"AOA\" | \"ARS\" | \"AWG\" | \"AZN\" | \"BAM\" | \"BBD\" | \"BDT\" | \"BGN\" | \"BHD\" | \"BIF\" | \"BMD\" | \"BND\" | \"BOB\" | \"BRL\" | \"BSD\" | \"BTN\" | \"BWP\" | \"BZD\" | \"CAD\" | \"CHF\" | \"CLP\" | \"CNY\" | \"COP\" | \"CRC\" | \"CVE\" | \"CZK\" | \"DJF\" | \"DKK\" | \"DOP\" | \"DZD\" | \"EGP\" | \"ERN\" | \"ETB\" | \"EUR\" | \"FJD\" | \"FKP\" | \"GBP\" | \"GEL\" | \"GHS\" | \"GIP\" | \"GMD\" | \"GNF\" | \"GTQ\" | \"GYD\" | \"HKD\" | \"HNL\" | \"HUF\" | \"IDR\" | \"ILS\" | \"INR\" | \"ISK\" | \"JMD\" | \"JOD\" | \"JPY\" | \"KES\" | \"KGS\" | \"KHR\" | \"KMF\" | \"KRW\" | \"KWD\" | \"KYD\" | \"KZT\" | \"LAK\" | \"LBP\" | \"LKR\" | \"LRD\" | \"LSL\" | \"LYD\" | \"MAD\" | \"MDL\" | \"MGA\" | \"MKD\" | \"MNT\" | \"MOP\" | \"MUR\" | \"MVR\" | \"MWK\" | \"MXN\" | \"MYR\" | \"NAD\" | \"NGN\" | \"NIO\" | \"NOK\" | \"NPR\" | \"NZD\" | \"OMR\" | \"PAB\" | \"PEN\" | \"PGK\" | \"PHP\" | \"PKR\" | \"PLN\" | \"PYG\" | \"QAR\" | \"RON\" | \"RSD\" | \"RWF\" | \"SAR\" | \"SBD\" | \"SCR\" | \"SEK\" | \"SGD\" | \"SHP\" | \"SLE\" | \"SRD\" | \"SVC\" | \"SZL\" | \"THB\" | \"TJS\" | \"TMT\" | \"TND\" | \"TOP\" | \"TRY\" | \"TTD\" | \"TWD\" | \"TZS\" | \"UAH\" | \"UGX\" | \"USD\" | \"UYU\" | \"UZS\" | \"VND\" | \"VUV\" | \"WST\" | \"XAF\" | \"XCD\" | \"XOF\" | \"XPF\" | \"ZAR\" | \"ZMW\" | \"ZWL\"; }; couponCode?: { name: string; active: boolean; couponId: string; teamId: string; id?: string; createdAt?: string; updatedAt?: string; uses?: number; }; }",
                     "references": {
                         "OrderQuote": {
                             "location": "import",
@@ -754,6 +1562,7 @@ export class SessionsTicketing {
                 }
             }];
     }
+    static get elementRef() { return "host"; }
     static get watchers() {
         return [{
                 "propName": "tenantId",
@@ -764,6 +1573,18 @@ export class SessionsTicketing {
             }, {
                 "propName": "apiUrl",
                 "methodName": "propsChanged"
+            }, {
+                "propName": "passcode",
+                "methodName": "propsChanged"
+            }, {
+                "propName": "couponCode",
+                "methodName": "couponCodeChanged"
+            }, {
+                "propName": "initialAdmissionPrices",
+                "methodName": "couponCodeChanged"
+            }, {
+                "propName": "initialPreviewQuote",
+                "methodName": "couponCodeChanged"
             }, {
                 "propName": "theme",
                 "methodName": "themeChanged"