@ticketlayer/elements 0.2.0

package/dist/types/components/tl-ticket-selector/tl-ticket-selector.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface TlTicketType {
+    id: string;
+    occurrenceId: string;
+    name: string;
+    description?: string;
+    price: number;
+    currency: string;
+    availableQuantity: number;
+    maxPerOrder: number;
+    minPerOrder: number;
+    availabilityStatus: 'available' | 'limited' | 'sold_out';
+    sortOrder: number;
+}
+export interface AddToCartItem {
+    ticketTypeId: string;
+    quantity: number;
+}
+export declare class TlTicketSelector {
+    /**
+     * Event ID
+     */
+    eventId: string;
+    /**
+     * Occurrence ID
+     */
+    occurrenceId: string;
+    /**
+     * Show add to cart button
+     */
+    showButton: boolean;
+    /**
+     * Button label
+     */
+    buttonLabel: string;
+    ticketTypes: TlTicketType[];
+    quantities: Record<string, number>;
+    loading: boolean;
+    error: string | null;
+    adding: boolean;
+    addSuccess: boolean;
+    /**
+     * Emitted when items are added to cart
+     */
+    tlAddToCart: EventEmitter<{
+        items: AddToCartItem[];
+    }>;
+    /**
+     * Emitted when quantity changes
+     */
+    tlQuantityChange: EventEmitter<{
+        ticketTypeId: string;
+        quantity: number;
+        total: number;
+    }>;
+    /**
+     * Emitted on error
+     */
+    tlError: EventEmitter<{
+        message: string;
+    }>;
+    watchPropsChange(): void;
+    componentWillLoad(): Promise<void>;
+    /**
+     * Wait for SDK to be ready, then load ticket types
+     */
+    private waitForSDKAndLoad;
+    private loadTicketTypes;
+    private handleQuantityChange;
+    private calculateTotal;
+    private getTotalItems;
+    private handleAddToCart;
+    private formatPrice;
+    private renderSkeleton;
+    private renderError;
+    private renderTicketRow;
+    render(): any;
+}