@central-ticket/queue-sdk 0.0.1

package/dist/queue-element-DXBW64U2.mjs

@@ -0,0 +1,111 @@
+import {
+  __decorateClass
+} from "./chunk-XRJFNASX.mjs";
+
+// src/queue-element.ts
+import { LitElement, html, css } from "lit";
+import { customElement, state } from "lit/decorators.js";
+var CentralQElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.status = "LOADING";
+    this.position = 0;
+    this.ahead = 0;
+  }
+  render() {
+    if (this.status === "ACTIVE") return html``;
+    return html`
+      <div class="overlay">
+        <div class="modal">
+          ${this.status === "LOADING" ? html`
+                <div class="spinner"></div>
+                <h2>Conectando a la fila...</h2>
+              ` : ""}
+          ${this.status === "WAITING" ? html`
+                <div class="spinner"></div>
+                <h2>Estás en la fila virtual</h2>
+                <p>Tu posición: <strong>#${this.position}</strong></p>
+                ${this.ahead > 0 ? html`<p>
+                      Hay <strong>${this.ahead}</strong>
+                      ${this.ahead === 1 ? "persona" : "personas"} delante de
+                      ti.
+                    </p>` : html`<p>¡Eres el siguiente!</p>`}
+                <p style="font-size: 0.85rem; color: #aaa;">
+                  Por favor, no cierres esta ventana.
+                </p>
+              ` : ""}
+          ${this.status === "EXPIRED" ? html`
+                <h2 style="color: #f59e0b;">Tu sesión ha expirado</h2>
+                <p>El tiempo para completar la compra terminó.</p>
+                <button
+                  style="margin-top: 1rem; padding: 0.75rem 2rem; font-size: 1rem;
+                         cursor: pointer; border-radius: 8px; border: none;
+                         background: #3b82f6; color: white;"
+                  @click=${() => this.onRetry?.()}
+                >
+                  Volver a la fila
+                </button>
+              ` : ""}
+          ${this.status === "ERROR" ? html`
+                <h2 style="color: #ef4444;">Ocurrió un error de conexión</h2>
+                <p>Por favor, recarga la página.</p>
+              ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+CentralQElement.styles = css`
+    :host {
+      display: contents;
+    }
+    .overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.8);
+      backdrop-filter: blur(5px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 9999;
+      font-family: system-ui, sans-serif;
+    }
+    .modal {
+      background: #1e1e1e;
+      color: white;
+      padding: 2rem;
+      border-radius: 12px;
+      text-align: center;
+      max-width: 400px;
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+    }
+    .spinner {
+      margin: 1rem auto;
+      width: 40px;
+      height: 40px;
+      border: 4px solid #333;
+      border-top-color: #3b82f6;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+  `;
+__decorateClass([
+  state()
+], CentralQElement.prototype, "status", 2);
+__decorateClass([
+  state()
+], CentralQElement.prototype, "position", 2);
+__decorateClass([
+  state()
+], CentralQElement.prototype, "ahead", 2);
+CentralQElement = __decorateClass([
+  customElement("central-q")
+], CentralQElement);
+export {
+  CentralQElement
+};

package/dist/react.d.mts

@@ -0,0 +1,65 @@
+import { C as CentralQ, c as CentralQCreateOptions, a as CentralQClient, Q as QueueStatus, d as CentralQOptions } from './centralq-I9tdL_Xr.mjs';
+
+interface UseCentralQReturn {
+    /** Token JWT si el usuario fue admitido, null si no */
+    token: string | null;
+    /** Posición en la cola (1-based), null si no está esperando */
+    position: number | null;
+    /** Personas delante en la cola */
+    ahead: number | null;
+    /** true si la sesión expiró */
+    expired: boolean;
+    /** true si hay un error de conexión */
+    error: boolean;
+    /** Libera el slot (llamar después de comprar) */
+    leave: () => void;
+    /** Instancia CentralQ subyacente (para uso avanzado) */
+    instance: CentralQ | null;
+}
+interface QueueData {
+    token: string | null;
+    position: number | null;
+    ahead: number | null;
+    expiresAt: number | null;
+}
+interface UseQueueOptions extends Omit<CentralQCreateOptions, "apiUrl" | "apiKey"> {
+    /** Cliente global creado con createCentralQClient */
+    client: CentralQClient;
+    /** Habilita o pausa la suscripción de la cola */
+    enabled?: boolean;
+    /** Deshabilita bootstrap automático de init token */
+    autoInitToken?: boolean;
+}
+interface UseQueueReturn {
+    status: QueueStatus;
+    data: QueueData;
+    isPending: boolean;
+    error: Error | null;
+    leave: () => void;
+    reset: () => void;
+    instance: CentralQ | null;
+}
+/**
+ * React hook que encapsula toda la lógica de CentralQ.
+ *
+ * ```tsx
+ * import { useCentralQ } from '@central-ticket/queue-sdk/react';
+ *
+ * function CheckoutPage() {
+ *   const { token, position, expired, leave } = useCentralQ({
+ *     apiUrl: 'http://localhost:3001',
+ *     apiKey: 'ctq_pub_xxx',
+ *     eventId: 'coldplay-2026',
+ *   });
+ *
+ *   if (token) return <BuyButton onBuy={() => { buy(); leave(); }} />;
+ *   if (expired) return <p>Sesión expirada</p>;
+ *   if (position) return <p>Posición #{position}</p>;
+ *   return <p>Conectando...</p>;
+ * }
+ * ```
+ */
+declare function useCentralQ(options: CentralQOptions): UseCentralQReturn;
+declare function useQueue(options: UseQueueOptions): UseQueueReturn;
+
+export { type QueueData, type UseCentralQReturn, type UseQueueOptions, type UseQueueReturn, useCentralQ, useQueue };

package/dist/react.d.ts

@@ -0,0 +1,65 @@
+import { C as CentralQ, c as CentralQCreateOptions, a as CentralQClient, Q as QueueStatus, d as CentralQOptions } from './centralq-I9tdL_Xr.js';
+
+interface UseCentralQReturn {
+    /** Token JWT si el usuario fue admitido, null si no */
+    token: string | null;
+    /** Posición en la cola (1-based), null si no está esperando */
+    position: number | null;
+    /** Personas delante en la cola */
+    ahead: number | null;
+    /** true si la sesión expiró */
+    expired: boolean;
+    /** true si hay un error de conexión */
+    error: boolean;
+    /** Libera el slot (llamar después de comprar) */
+    leave: () => void;
+    /** Instancia CentralQ subyacente (para uso avanzado) */
+    instance: CentralQ | null;
+}
+interface QueueData {
+    token: string | null;
+    position: number | null;
+    ahead: number | null;
+    expiresAt: number | null;
+}
+interface UseQueueOptions extends Omit<CentralQCreateOptions, "apiUrl" | "apiKey"> {
+    /** Cliente global creado con createCentralQClient */
+    client: CentralQClient;
+    /** Habilita o pausa la suscripción de la cola */
+    enabled?: boolean;
+    /** Deshabilita bootstrap automático de init token */
+    autoInitToken?: boolean;
+}
+interface UseQueueReturn {
+    status: QueueStatus;
+    data: QueueData;
+    isPending: boolean;
+    error: Error | null;
+    leave: () => void;
+    reset: () => void;
+    instance: CentralQ | null;
+}
+/**
+ * React hook que encapsula toda la lógica de CentralQ.
+ *
+ * ```tsx
+ * import { useCentralQ } from '@central-ticket/queue-sdk/react';
+ *
+ * function CheckoutPage() {
+ *   const { token, position, expired, leave } = useCentralQ({
+ *     apiUrl: 'http://localhost:3001',
+ *     apiKey: 'ctq_pub_xxx',
+ *     eventId: 'coldplay-2026',
+ *   });
+ *
+ *   if (token) return <BuyButton onBuy={() => { buy(); leave(); }} />;
+ *   if (expired) return <p>Sesión expirada</p>;
+ *   if (position) return <p>Posición #{position}</p>;
+ *   return <p>Conectando...</p>;
+ * }
+ * ```
+ */
+declare function useCentralQ(options: CentralQOptions): UseCentralQReturn;
+declare function useQueue(options: UseQueueOptions): UseQueueReturn;
+
+export { type QueueData, type UseCentralQReturn, type UseQueueOptions, type UseQueueReturn, useCentralQ, useQueue };