@aigentyc/chat-sdk 0.1.0

package/dist/chunk-MT2AMINB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/analytics/interaction-tracker.ts"],"names":[],"mappings":"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","file":"chunk-MT2AMINB.js","sourcesContent":["\"use client\";\n\n/**\n * Interaction tracking hook and utilities.\n *\n * Tracks user interactions (link clicks, copies, feedback, etc.) and\n * sends them in batches to the KB analytics API.\n *\n * All browser API access is guarded against SSR.\n */\n\nimport { useCallback, useRef } from \"react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * Supported interaction types for analytics.\n */\nexport type InteractionType =\n  | \"link_click\"\n  | \"suggestion_click\"\n  | \"source_click\"\n  | \"copy\"\n  | \"expand\"\n  | \"collapse\"\n  | \"button_click\"\n  | \"landing_question_click\"\n  | \"tool_ui_interaction\"\n  | \"tool_action_click\"\n  | \"tool_order_sample\"\n  | \"tool_view_details\"\n  | \"tool_back_to_list\"\n  | \"tool_gallery_image_click\"\n  | \"tool_contact_click\"\n  | \"tool_pagination_next\"\n  | \"tool_pagination_prev\"\n  | \"feedback\"\n  | \"flag\"\n  | \"page_view\";\n\n/**\n * Arbitrary metadata attached to a tracked interaction.\n */\nexport interface InteractionMetadata {\n  /** URL that was interacted with */\n  url?: string;\n  /** Visible text of the element */\n  text?: string;\n  /** Position / index in a list */\n  position?: number;\n  /** DOM element type (e.g. `\"a\"`, `\"button\"`) */\n  elementType?: string;\n  /** Additional key-value pairs */\n  [key: string]: unknown;\n}\n\n/**\n * Parameters for a single `trackInteraction` call.\n */\nexport interface TrackInteractionParams {\n  /** Interaction type */\n  type: InteractionType;\n  /** Identifier for the interacted element */\n  target?: string;\n  /** Human-readable label */\n  label?: string;\n  /** Extra metadata */\n  metadata?: InteractionMetadata;\n  /** Associated message ID (for per-message analytics) */\n  messageId?: string;\n  /** Server event ID (for correlation) */\n  eventId?: string;\n}\n\n/**\n * Options for the `useInteractionTracker` hook.\n */\nexport interface UseInteractionTrackerOptions {\n  /** Base API endpoint */\n  apiEndpoint: string;\n  /** Aigentyc project ID */\n  projectId: string;\n  /** Bearer API key (optional — falls back to session cookies) */\n  apiKey?: string;\n  /** Current page URL for contextual tracking */\n  pageUrl?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\n/** Batch size before auto-flush */\nconst BATCH_SIZE = 5;\n/** Delay before flushing a partial batch (ms) */\nconst BATCH_DELAY_MS = 1000;\n\n/**\n * React hook to track user interactions via the KB analytics API.\n *\n * Interactions are batched (up to `BATCH_SIZE`) and flushed after\n * `BATCH_DELAY_MS` of inactivity.\n *\n * @param sessionId - Current chat session ID (tracking is skipped if `null`)\n * @param options   - API configuration\n * @returns `{ trackInteraction, flushOnUnmount }`\n *\n * @example\n * ```tsx\n * const { trackInteraction, flushOnUnmount } = useInteractionTracker(sessionId, {\n *   apiEndpoint: \"https://api.example.com\",\n *   projectId: \"abc\",\n * });\n *\n * useEffect(() => () => flushOnUnmount(), [flushOnUnmount]);\n *\n * trackInteraction({ type: \"link_click\", target: \"https://example.com\" });\n * ```\n */\nexport function useInteractionTracker(\n  sessionId: string | null,\n  options: UseInteractionTrackerOptions,\n) {\n  const { apiEndpoint, projectId, apiKey, pageUrl } = options;\n  const batchRef = useRef<TrackInteractionParams[]>([]);\n  const batchTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const flushBatch = useCallback(async () => {\n    if (typeof window === \"undefined\") return;\n    if (batchRef.current.length === 0 || !sessionId) return;\n\n    const interactions = [...batchRef.current];\n    batchRef.current = [];\n\n    try {\n      const headers: Record<string, string> = {\n        \"Content-Type\": \"application/json\",\n      };\n      if (apiKey) {\n        headers[\"Authorization\"] = `Bearer ${apiKey}`;\n      }\n\n      const response = await fetch(`${apiEndpoint}/api/kb/interactions`, {\n        method: \"POST\",\n        headers,\n        credentials: \"include\",\n        body: JSON.stringify({\n          projectId,\n          sessionId,\n          interactions,\n          ...(pageUrl ? { pageUrl } : {}),\n        }),\n      });\n\n      if (!response.ok) {\n        const error = await response.json().catch(() => ({}));\n        console.error(\"[Analytics] Failed to track interactions:\", error);\n      }\n    } catch (error) {\n      console.error(\"[Analytics] Error tracking interactions:\", error);\n    }\n  }, [sessionId, apiEndpoint, projectId, apiKey, pageUrl]);\n\n  /**\n   * Track a single interaction. Interactions are batched and flushed\n   * automatically.\n   */\n  const trackInteraction = useCallback(\n    (params: TrackInteractionParams) => {\n      if (typeof window === \"undefined\") return;\n      if (!sessionId) {\n        console.warn(\"[Analytics] Cannot track interaction: no sessionId\");\n        return;\n      }\n\n      batchRef.current.push(params);\n\n      if (batchTimeoutRef.current) {\n        clearTimeout(batchTimeoutRef.current);\n      }\n\n      if (batchRef.current.length >= BATCH_SIZE) {\n        flushBatch();\n      } else {\n        batchTimeoutRef.current = setTimeout(flushBatch, BATCH_DELAY_MS);\n      }\n    },\n    [sessionId, flushBatch],\n  );\n\n  /**\n   * Flush any pending interactions immediately.\n   * Call this in a cleanup effect to avoid losing data on unmount.\n   */\n  const flushOnUnmount = useCallback(() => {\n    if (batchTimeoutRef.current) {\n      clearTimeout(batchTimeoutRef.current);\n    }\n    flushBatch();\n  }, [flushBatch]);\n\n  return { trackInteraction, flushOnUnmount };\n}\n\n// ---------------------------------------------------------------------------\n// Utilities\n// ---------------------------------------------------------------------------\n\n/**\n * Generate a unique session ID for analytics.\n *\n * Format: `kb-<timestamp>-<random>`\n */\nexport function generateSessionId(): string {\n  return `kb-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n}\n"]}

package/dist/chunk-MZQKGNWF.js

@@ -0,0 +1,4 @@
+"use client";
+
+//# sourceMappingURL=chunk-MZQKGNWF.js.map
+//# sourceMappingURL=chunk-MZQKGNWF.js.map

package/dist/chunk-MZQKGNWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-MZQKGNWF.js"}

package/dist/chunk-NG7OTWXQ.cjs

@@ -0,0 +1,226 @@
+"use client";
+'use strict';
+
+// src/core/live-chat-transport.ts
+var LiveChatTransport = class {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  socket = null;
+  config;
+  state = "ai";
+  liveChatSessionId = null;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  listeners = /* @__PURE__ */ new Map();
+  constructor(config) {
+    this.config = config;
+  }
+  /**
+   * Establish the Socket.IO connection and wire up all server events.
+   *
+   * Safe to call in SSR — will resolve immediately without connecting.
+   */
+  async connect() {
+    if (typeof window === "undefined") return;
+    const { io } = await import('socket.io-client');
+    this.socket = io(`${this.config.chatServiceUrl}/visitor`, {
+      path: "/api/chat/socket.io",
+      auth: {
+        apiKey: this.config.apiKey,
+        projectId: this.config.projectId
+      },
+      transports: ["websocket", "polling"]
+    });
+    this.socket.on("connect", () => {
+      console.log("[LiveChat] Connected");
+    });
+    this.socket.on("disconnect", () => {
+      console.log("[LiveChat] Disconnected");
+    });
+    this.socket.on(
+      "livechat:queued",
+      (data) => {
+        this.liveChatSessionId = data.liveChatSessionId;
+        this.setState("queued");
+        this.emit("queued", data);
+      }
+    );
+    this.socket.on("livechat:queue-update", (data) => {
+      this.emit("queue-update", data);
+    });
+    this.socket.on("livechat:accepted", (data) => {
+      this.setState("live");
+      this.emit("accepted", data);
+    });
+    this.socket.on("livechat:message", (data) => {
+      this.emit("message", {
+        id: data.id,
+        content: data.content,
+        senderType: data.senderType,
+        timestamp: data.timestamp
+      });
+    });
+    this.socket.on("livechat:ended", (data) => {
+      this.setState("ended");
+      this.emit("ended", data);
+    });
+    this.socket.on("livechat:handback-ai", () => {
+      this.setState("ai");
+      this.emit("handback-ai", void 0);
+    });
+    this.socket.on(
+      "livechat:system",
+      (data) => {
+        this.emit("system", data);
+      }
+    );
+    this.socket.on(
+      "livechat:error",
+      (data) => {
+        this.emit("error", data);
+      }
+    );
+    this.socket.on(
+      "livechat:rejoin-success",
+      (data) => {
+        this.emit("rejoin-success", data);
+      }
+    );
+    this.socket.on("livechat:rejoin-failed", (data) => {
+      this.emit("rejoin-failed", data);
+    });
+    this.socket.on("livechat:typing", (data) => {
+      this.emit("typing", data);
+    });
+  }
+  /**
+   * Request a handoff from AI to a human operator.
+   *
+   * @param params - Visitor info and AI conversation history
+   */
+  requestHandoff(params) {
+    this.setState("requesting");
+    this.socket?.emit("livechat:request", {
+      projectId: this.config.projectId,
+      sessionId: this.config.visitorSessionId,
+      ...params
+    });
+  }
+  /**
+   * Send a message to the operator.
+   *
+   * @param content - Message text
+   */
+  sendMessage(content) {
+    if (!this.liveChatSessionId) return;
+    this.socket?.emit("livechat:message", {
+      liveChatSessionId: this.liveChatSessionId,
+      content
+    });
+  }
+  /**
+   * Send a typing indicator to the operator.
+   *
+   * @param isTyping - `true` if the visitor is currently typing
+   */
+  sendTyping(isTyping) {
+    if (!this.liveChatSessionId) return;
+    this.socket?.emit("livechat:typing", {
+      liveChatSessionId: this.liveChatSessionId,
+      isTyping
+    });
+  }
+  /**
+   * Cancel a pending handoff request.
+   *
+   * @param liveChatSessionId - The session to cancel
+   */
+  cancelRequest(liveChatSessionId) {
+    this.socket?.emit("livechat:cancel", { liveChatSessionId });
+  }
+  /**
+   * End the current live-chat session.
+   */
+  endChat() {
+    if (!this.liveChatSessionId) return;
+    this.socket?.emit("livechat:end", {
+      liveChatSessionId: this.liveChatSessionId
+    });
+  }
+  /**
+   * Submit a satisfaction rating for the ended session.
+   *
+   * @param rating  - `"positive"` or `"negative"`
+   * @param comment - Optional free-text feedback
+   */
+  submitRating(rating, comment) {
+    if (!this.liveChatSessionId) return;
+    this.socket?.emit("livechat:rating", {
+      liveChatSessionId: this.liveChatSessionId,
+      rating,
+      comment
+    });
+  }
+  /**
+   * Rejoin an existing session (e.g. after a page refresh).
+   *
+   * @param liveChatSessionId - The session to rejoin
+   */
+  rejoinSession(liveChatSessionId) {
+    this.liveChatSessionId = liveChatSessionId;
+    this.socket?.emit("livechat:rejoin", { liveChatSessionId });
+  }
+  /**
+   * Disconnect the socket and reset state.
+   */
+  disconnect() {
+    this.socket?.disconnect();
+    this.socket = null;
+    this.liveChatSessionId = null;
+    this.state = "ai";
+  }
+  /**
+   * Get the current live-chat state.
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Get the current live-chat session ID (if any).
+   */
+  getSessionId() {
+    return this.liveChatSessionId;
+  }
+  // --- Event emitter ---
+  setState(state) {
+    this.state = state;
+    this.emit("state-change", state);
+  }
+  /**
+   * Subscribe to a live-chat event.
+   *
+   * @param event   - Event name
+   * @param handler - Callback
+   */
+  on(event, handler) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(handler);
+  }
+  /**
+   * Unsubscribe from a live-chat event.
+   *
+   * @param event   - Event name
+   * @param handler - The same callback reference passed to `on()`
+   */
+  off(event, handler) {
+    this.listeners.get(event)?.delete(handler);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  emit(event, data) {
+    this.listeners.get(event)?.forEach((handler) => handler(data));
+  }
+};
+
+exports.LiveChatTransport = LiveChatTransport;
+//# sourceMappingURL=chunk-NG7OTWXQ.cjs.map
+//# sourceMappingURL=chunk-NG7OTWXQ.cjs.map

package/dist/chunk-NG7OTWXQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/live-chat-transport.ts"],"names":[],"mappings":"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","file":"chunk-NG7OTWXQ.cjs","sourcesContent":["\"use client\";\n\n/**\n * Live Chat Transport\n *\n * Socket.IO client for real-time communication with human operators.\n * Lazy-loaded only when live chat is triggered to avoid bundling\n * `socket.io-client` for AI-only use cases.\n *\n * All browser API access is guarded against SSR.\n */\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * State machine for live-chat sessions.\n *\n * @see {@link LiveChatTransport.getState}\n */\nexport type LiveChatState = \"ai\" | \"requesting\" | \"queued\" | \"live\" | \"ended\";\n\n/**\n * Configuration required to establish a live-chat connection.\n */\nexport interface LiveChatConfig {\n  /** Socket.IO endpoint URL */\n  chatServiceUrl: string;\n  /** Bearer API key */\n  apiKey: string;\n  /** Aigentyc project ID */\n  projectId: string;\n  /** Visitor session identifier (matches the AI chat session) */\n  visitorSessionId: string;\n}\n\n/**\n * A single message exchanged during a live-chat session.\n */\nexport interface LiveChatMessage {\n  /** Server-assigned message ID */\n  id: number;\n  /** Message body (plain text or HTML) */\n  content: string;\n  /** Who sent the message */\n  senderType: \"visitor\" | \"operator\" | \"system\";\n  /** ISO-8601 timestamp */\n  timestamp: string;\n  /** Optional system-message sub-type */\n  systemMessageType?: string;\n}\n\n/**\n * Typed event map for live-chat transport listeners.\n */\nexport type LiveChatEventMap = {\n  /** Fired when the state machine transitions */\n  \"state-change\": (state: LiveChatState) => void;\n  /** Fired when the request is queued */\n  queued: (data: { liveChatSessionId: string; position: number }) => void;\n  /** Fired when the queue position updates */\n  \"queue-update\": (data: { position: number }) => void;\n  /** Fired when an operator accepts the chat */\n  accepted: (data: { operatorName: string }) => void;\n  /** Fired on every incoming message */\n  message: (data: LiveChatMessage) => void;\n  /** Fired when the live-chat session ends */\n  ended: (data: { endedBy: string }) => void;\n  /** Fired when the operator hands the visitor back to AI */\n  \"handback-ai\": () => void;\n  /** System-level notification */\n  system: (data: { message: string; type: string }) => void;\n  /** Error notification */\n  error: (data: { code: string; message: string }) => void;\n  /** Operator typing indicator */\n  typing: (data: { isTyping: boolean }) => void;\n  /** Successful session rejoin (after page refresh) */\n  \"rejoin-success\": (data: {\n    state: string;\n    operatorName?: string;\n    position?: number;\n    messages: LiveChatMessage[];\n  }) => void;\n  /** Failed session rejoin */\n  \"rejoin-failed\": (data: { reason: string }) => void;\n};\n\n// ---------------------------------------------------------------------------\n// Transport Class\n// ---------------------------------------------------------------------------\n\n/**\n * Manages the Socket.IO connection for live-chat sessions.\n *\n * Lazily imports `socket.io-client` on first `connect()` call so the\n * dependency is never loaded for AI-only deployments.\n *\n * @example\n * ```ts\n * const transport = new LiveChatTransport({\n *   chatServiceUrl: \"https://api.example.com\",\n *   apiKey: \"key\",\n *   projectId: \"abc\",\n *   visitorSessionId: \"sess-123\",\n * });\n *\n * transport.on(\"message\", (msg) => console.log(msg));\n * await transport.connect();\n * transport.requestHandoff({ aiChatHistory: messages });\n * ```\n */\nexport class LiveChatTransport {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private socket: any = null;\n  private config: LiveChatConfig;\n  private state: LiveChatState = \"ai\";\n  private liveChatSessionId: string | null = null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private listeners = new Map<string, Set<Function>>();\n\n  constructor(config: LiveChatConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Establish the Socket.IO connection and wire up all server events.\n   *\n   * Safe to call in SSR — will resolve immediately without connecting.\n   */\n  async connect(): Promise<void> {\n    if (typeof window === \"undefined\") return;\n\n    // Lazy import socket.io-client\n    const { io } = await import(\"socket.io-client\");\n\n    this.socket = io(`${this.config.chatServiceUrl}/visitor`, {\n      path: \"/api/chat/socket.io\",\n      auth: {\n        apiKey: this.config.apiKey,\n        projectId: this.config.projectId,\n      },\n      transports: [\"websocket\", \"polling\"],\n    });\n\n    this.socket.on(\"connect\", () => {\n      console.log(\"[LiveChat] Connected\");\n    });\n\n    this.socket.on(\"disconnect\", () => {\n      console.log(\"[LiveChat] Disconnected\");\n    });\n\n    this.socket.on(\n      \"livechat:queued\",\n      (data: { liveChatSessionId: string; position: number }) => {\n        this.liveChatSessionId = data.liveChatSessionId;\n        this.setState(\"queued\");\n        this.emit(\"queued\", data);\n      },\n    );\n\n    this.socket.on(\"livechat:queue-update\", (data: { position: number }) => {\n      this.emit(\"queue-update\", data);\n    });\n\n    this.socket.on(\"livechat:accepted\", (data: { operatorName: string }) => {\n      this.setState(\"live\");\n      this.emit(\"accepted\", data);\n    });\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    this.socket.on(\"livechat:message\", (data: any) => {\n      this.emit(\"message\", {\n        id: data.id,\n        content: data.content,\n        senderType: data.senderType,\n        timestamp: data.timestamp,\n      });\n    });\n\n    this.socket.on(\"livechat:ended\", (data: { endedBy: string }) => {\n      this.setState(\"ended\");\n      this.emit(\"ended\", data);\n    });\n\n    this.socket.on(\"livechat:handback-ai\", () => {\n      this.setState(\"ai\");\n      this.emit(\"handback-ai\", undefined);\n    });\n\n    this.socket.on(\n      \"livechat:system\",\n      (data: { message: string; type: string }) => {\n        this.emit(\"system\", data);\n      },\n    );\n\n    this.socket.on(\n      \"livechat:error\",\n      (data: { code: string; message: string }) => {\n        this.emit(\"error\", data);\n      },\n    );\n\n    this.socket.on(\n      \"livechat:rejoin-success\",\n      (data: {\n        state: string;\n        operatorName?: string;\n        position?: number;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        messages: any[];\n      }) => {\n        this.emit(\"rejoin-success\", data);\n      },\n    );\n\n    this.socket.on(\"livechat:rejoin-failed\", (data: { reason: string }) => {\n      this.emit(\"rejoin-failed\", data);\n    });\n\n    this.socket.on(\"livechat:typing\", (data: { isTyping: boolean }) => {\n      this.emit(\"typing\", data);\n    });\n  }\n\n  /**\n   * Request a handoff from AI to a human operator.\n   *\n   * @param params - Visitor info and AI conversation history\n   */\n  requestHandoff(params: {\n    visitorName?: string;\n    visitorEmail?: string;\n    aiChatHistory: unknown[];\n  }): void {\n    this.setState(\"requesting\");\n    this.socket?.emit(\"livechat:request\", {\n      projectId: this.config.projectId,\n      sessionId: this.config.visitorSessionId,\n      ...params,\n    });\n  }\n\n  /**\n   * Send a message to the operator.\n   *\n   * @param content - Message text\n   */\n  sendMessage(content: string): void {\n    if (!this.liveChatSessionId) return;\n    this.socket?.emit(\"livechat:message\", {\n      liveChatSessionId: this.liveChatSessionId,\n      content,\n    });\n  }\n\n  /**\n   * Send a typing indicator to the operator.\n   *\n   * @param isTyping - `true` if the visitor is currently typing\n   */\n  sendTyping(isTyping: boolean): void {\n    if (!this.liveChatSessionId) return;\n    this.socket?.emit(\"livechat:typing\", {\n      liveChatSessionId: this.liveChatSessionId,\n      isTyping,\n    });\n  }\n\n  /**\n   * Cancel a pending handoff request.\n   *\n   * @param liveChatSessionId - The session to cancel\n   */\n  cancelRequest(liveChatSessionId: string): void {\n    this.socket?.emit(\"livechat:cancel\", { liveChatSessionId });\n  }\n\n  /**\n   * End the current live-chat session.\n   */\n  endChat(): void {\n    if (!this.liveChatSessionId) return;\n    this.socket?.emit(\"livechat:end\", {\n      liveChatSessionId: this.liveChatSessionId,\n    });\n  }\n\n  /**\n   * Submit a satisfaction rating for the ended session.\n   *\n   * @param rating  - `\"positive\"` or `\"negative\"`\n   * @param comment - Optional free-text feedback\n   */\n  submitRating(rating: \"positive\" | \"negative\", comment?: string): void {\n    if (!this.liveChatSessionId) return;\n    this.socket?.emit(\"livechat:rating\", {\n      liveChatSessionId: this.liveChatSessionId,\n      rating,\n      comment,\n    });\n  }\n\n  /**\n   * Rejoin an existing session (e.g. after a page refresh).\n   *\n   * @param liveChatSessionId - The session to rejoin\n   */\n  rejoinSession(liveChatSessionId: string): void {\n    this.liveChatSessionId = liveChatSessionId;\n    this.socket?.emit(\"livechat:rejoin\", { liveChatSessionId });\n  }\n\n  /**\n   * Disconnect the socket and reset state.\n   */\n  disconnect(): void {\n    this.socket?.disconnect();\n    this.socket = null;\n    this.liveChatSessionId = null;\n    this.state = \"ai\";\n  }\n\n  /**\n   * Get the current live-chat state.\n   */\n  getState(): LiveChatState {\n    return this.state;\n  }\n\n  /**\n   * Get the current live-chat session ID (if any).\n   */\n  getSessionId(): string | null {\n    return this.liveChatSessionId;\n  }\n\n  // --- Event emitter ---\n\n  private setState(state: LiveChatState): void {\n    this.state = state;\n    this.emit(\"state-change\", state);\n  }\n\n  /**\n   * Subscribe to a live-chat event.\n   *\n   * @param event   - Event name\n   * @param handler - Callback\n   */\n  on<K extends keyof LiveChatEventMap>(\n    event: K,\n    handler: LiveChatEventMap[K],\n  ): void {\n    if (!this.listeners.has(event)) {\n      this.listeners.set(event, new Set());\n    }\n    this.listeners.get(event)!.add(handler);\n  }\n\n  /**\n   * Unsubscribe from a live-chat event.\n   *\n   * @param event   - Event name\n   * @param handler - The same callback reference passed to `on()`\n   */\n  off<K extends keyof LiveChatEventMap>(\n    event: K,\n    handler: LiveChatEventMap[K],\n  ): void {\n    this.listeners.get(event)?.delete(handler);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private emit(event: string, data: any): void {\n    this.listeners.get(event)?.forEach((handler) => handler(data));\n  }\n}\n"]}

package/dist/chunk-NPJKLYLV.js

@@ -0,0 +1,68 @@
+"use client";
+import { cn } from './chunk-3RW7O444.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var CardAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("ml-auto flex items-center gap-2", className),
+    ...props
+  }
+));
+CardAction.displayName = "CardAction";
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=chunk-NPJKLYLV.js.map
+//# sourceMappingURL=chunk-NPJKLYLV.js.map

package/dist/chunk-NPJKLYLV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/card.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,IAAA,GAAa,iBAGjB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,uDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAA,GAAc,MAAA;AAEnB,IAAM,UAAA,GAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAM,SAAA,GAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA;AAAA,IACnE,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,IAAM,eAAA,GAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAM,cAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACzB,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAAI,GAAG,OAAO,CACjE;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAM,UAAA,GAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,IAAM,UAAA,GAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,IACzD,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-NPJKLYLV.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\"\n\nimport { cn } from \"../core/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-xl border bg-card text-card-foreground shadow\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nconst CardAction = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"ml-auto flex items-center gap-2\", className)}\n    {...props}\n  />\n))\nCardAction.displayName = \"CardAction\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardAction }\n"]}