@ticketlayer/elements 0.3.3 → 1.0.0

package/dist/types/components/tl-promo-code/tl-promo-code.d.ts

@@ -1,9 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type PresaleRedemption } from '../../utils/sdk-connector';
-export interface TlPromoApplied extends PresaleRedemption {
-    code: string;
-    cart: unknown | null;
-}
+import { type PromoCodeDerived, type PromoCodeProps, type PromoCodeState, type PromoCodeStatus, type TlPromoApplied as CoreTlPromoApplied } from '@ticketlayer/elements-core';
+export type TlPromoApplied = CoreTlPromoApplied;
 /**
  * tl-promo-code - an input plus Apply button that redeems a presale or promo
  * code for the current cart (POST /sales/presale-codes/redeem through the
@@ -13,6 +10,9 @@ export interface TlPromoApplied extends PresaleRedemption {
  * The API has no un-redeem, so the applied state offers only "use a different
  * code", which clears the input for another redemption.
  *
+ * The web harness for `promoCodeCore`: the redemption, the two error messages
+ * and every string are the core's (AGENTS.md, TKT-11).
+ *
  * Usage: <tl-promo-code></tl-promo-code>
  *
  * @event tlPromoApplied - a code was redeemed ({ code, benefit, alreadyHeld, cart })
@@ -23,17 +23,35 @@ export declare class TlPromoCode {
     placeholder: string;
     /** Apply button label. */
     buttonLabel: string;
-    code: string;
-    applying: boolean;
-    applied: TlPromoApplied | null;
-    error: string | null;
     tlPromoApplied: EventEmitter<TlPromoApplied>;
     tlError: EventEmitter<{
         message: string;
     }>;
+    private element;
+    private unsubscribe?;
+    private teardown?;
+    /** The core's whole view. Assigning it is what makes Stencil re-render. */
+    view: import("@ticketlayer/elements-core").ElementView<PromoCodeProps, PromoCodeState, PromoCodeDerived, PromoCodeStatus, {
+        applying: string;
+        codePrefix: string;
+        appliedSuffix: string;
+        alreadyHeldSuffix: string;
+        useDifferent: string;
+        enterCode: string;
+        notAvailable: string;
+        signIn: string;
+        rejected: string;
+    }>;
+    syncProps(): void;
+    /**
+     * This core has nothing to do on mount, and the harness calls `mount()`
+     * anyway: a harness never asks what a core's lifecycle means (TKT-197).
+     */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private forward;
     private handleInput;
     private handleSubmit;
-    private apply;
     private reset;
     render(): any;
 }

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

@@ -1,14 +1,5 @@
-export interface TlTicketData {
-    id: string;
-    barcode: string;
-    type: string;
-    status: string;
-    holderName: string | null;
-    name: string;
-    admissionStatus: string;
-    eventOccurrenceId: string | null;
-    seatLabel: string | null;
-}
+import type { TlTicketData as CoreTlTicketData } from '@ticketlayer/elements-core';
+export type TlTicketData = CoreTlTicketData;
 /**
  * tl-ticket - a single event ticket: a scannable QR (the redemption token),
  * ticket name / seat / holder, and a PDF download. Greys out + stamps

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

@@ -1,21 +1,16 @@
 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;
-}
+import { type AddToCartItem as CoreAddToCartItem, type TicketSelectorDerived, type TicketSelectorProps, type TicketSelectorState, type TicketSelectorStatus, type TlFeeQuote, type TlTicketType as CoreTlTicketType } from '@ticketlayer/elements-core';
+export type AddToCartItem = CoreAddToCartItem;
+export type TlTicketType = CoreTlTicketType;
+/**
+ * The web harness for `ticketSelectorCore`.
+ *
+ * It renders and it forwards: every decision, every string and every sum is in
+ * `@ticketlayer/elements-core` (AGENTS.md, TKT-11). What is left here is the
+ * Stencil surface a host writes HTML against - the tag, the attributes, the
+ * three `tl*` events - plus the one thing that is genuinely web: finding the
+ * client the page published on `window.Ticketlayer`.
+ */
 export declare class TlTicketSelector {
     /**
      * Event ID
@@ -33,12 +28,6 @@ export declare class TlTicketSelector {
      * 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
      */
@@ -59,18 +48,58 @@ export declare class TlTicketSelector {
     tlError: EventEmitter<{
         message: string;
     }>;
+    private element;
+    private unsubscribe?;
+    private teardown?;
+    /** The core's whole view. Assigning it is what makes Stencil re-render. */
+    view: import("@ticketlayer/elements-core").ElementView<TicketSelectorProps, TicketSelectorState, TicketSelectorDerived, TicketSelectorStatus, {
+        selectTickets: string;
+        adding: string;
+        added: string;
+        limited: string;
+        soldOut: string;
+        ticketsRow: string;
+        totalRow: string;
+        decrease: string;
+        increase: string;
+        loadFailed: string;
+        addFailed: string;
+        noClient: string;
+    }>;
+    /**
+     * The fee the surface has quoted for this selection. Core state, exposed here
+     * because it is set from outside the element and not from an attribute: there
+     * is no quote operation on the buyer-facing surface yet, so it stays null and
+     * no fee row is rendered.
+     */
+    get feeQuote(): TlFeeQuote | null;
+    set feeQuote(quote: TlFeeQuote | null);
+    /**
+     * A new event or occurrence is a new subject: the element is torn down and
+     * mounted again, so whatever the core set up for the old one is undone
+     * before anything is set up for the new one.
+     */
     watchPropsChange(): void;
-    componentWillLoad(): Promise<void>;
+    syncProps(): void;
+    /**
+     * On screen: render what the core says and put the core to work. What "to
+     * work" means is the core's own business - for this element, waiting for the
+     * client and reading the ticket types.
+     *
+     * `connectedCallback` and not `componentWillLoad` because this runs again
+     * when the element is moved in the DOM, and that is exactly when a mount and
+     * its teardown have to pair up.
+     */
+    connectedCallback(): void;
     /**
-     * Wait for SDK to be ready, then load ticket types
+     * Off screen: run the mount's teardown, and nothing more. `destroy()` is
+     * terminal and Stencil calls this for a move as well as a removal, so
+     * destroying here would leave a re-inserted element frozen. The instance
+     * holds no listener and no subscription once these two have run.
      */
-    private waitForSDKAndLoad;
-    private loadTicketTypes;
-    private handleQuantityChange;
-    private calculateTotal;
-    private getTotalItems;
-    private handleAddToCart;
-    private formatPrice;
+    disconnectedCallback(): void;
+    private remount;
+    private forward;
     private renderSkeleton;
     private renderError;
     private renderTicketRow;