@bootdesk/js-web-adapter-core 0.1.0 → 0.3.4

package/dist/index.d.ts

@@ -1,6 +1,54 @@
 import Pusher from 'pusher-js';
 import Echo from 'laravel-echo';
 
+interface HttpClientConfig {
+    apiUrl: string;
+    headers?: Record<string, string>;
+    timeout?: number;
+    verifyToken?: string;
+}
+interface ChatResponse {
+    id: string;
+    role: "assistant" | "user";
+    text: string;
+    attachments?: Array<{
+        type: string;
+        url: string;
+        name?: string;
+        mime_type?: string;
+        size?: number;
+    }>;
+    events?: Array<Record<string, unknown>>;
+}
+declare class HttpClient {
+    private config;
+    constructor(config: HttpClientConfig);
+    get(url: string, signal?: AbortSignal): Promise<unknown>;
+    post(url: string, body: unknown, signal?: AbortSignal): Promise<unknown>;
+    delete(url: string, signal?: AbortSignal): Promise<unknown>;
+    sendMessage(messages: Array<{
+        id: string;
+        role: string;
+        text: string;
+        attachments?: Array<{
+            url: string;
+            name?: string;
+            mime_type?: string;
+            size?: number;
+        }>;
+    }>, endpoint?: string, conversationId?: string): Promise<ChatResponse>;
+    sendAction(actionId: string, value: string, messageId: string, conversationId: string, endpoint?: string): Promise<Record<string, unknown>>;
+    editMessage(messageId: string, newText: string, endpointTemplate?: string): Promise<void>;
+    deleteMessage(messageId: string, endpointTemplate?: string): Promise<void>;
+    addReaction(messageId: string, emoji: string, endpointTemplate?: string): Promise<void>;
+    removeReaction(messageId: string, emoji: string, endpointTemplate?: string): Promise<void>;
+    postFormData(url: string, formData: FormData, signal?: AbortSignal): Promise<unknown>;
+    setHeader(name: string, value: string): void;
+    removeHeader(name: string): void;
+    private resolve;
+    private expandTemplate;
+}
+
 declare abstract class ChatEvent {
     readonly type: string;
     readonly threadId: string;
@@ -13,7 +61,7 @@ declare class UnknownEvent extends ChatEvent {
     constructor(type: string, threadId: string, data: Record<string, unknown>, timestamp: number);
 }
 
-declare class TypingStartedEvent extends ChatEvent {
+declare class DMRequestedEvent extends ChatEvent {
     readonly userId: string;
     constructor(threadId: string, userId: string, timestamp?: number);
 }
@@ -25,6 +73,11 @@ declare class StreamingChunkEvent extends ChatEvent {
     constructor(threadId: string, messageId: string, chunk: string, isFinal: boolean, timestamp?: number);
 }
 
+declare class TypingStartedEvent extends ChatEvent {
+    readonly userId: string;
+    constructor(threadId: string, userId: string, timestamp?: number);
+}
+
 interface BaseCard {
     type: string;
 }
@@ -143,77 +196,6 @@ interface Attachment {
     mimeType?: string;
 }
 
-declare class MessagePostedEvent extends ChatEvent {
-    readonly messageId: string;
-    readonly text: string;
-    readonly author: User;
-    readonly card?: Card;
-    readonly attachments?: Array<{
-        type: string;
-        url?: string;
-        name?: string;
-        mimeType?: string;
-        size?: number | null;
-    }>;
-    constructor(threadId: string, messageId: string, text: string, author: User, card?: Card, attachments?: Array<{
-        type: string;
-        url?: string;
-        name?: string;
-        mimeType?: string;
-        size?: number | null;
-    }>, timestamp?: number);
-}
-
-interface HttpClientConfig {
-    apiUrl: string;
-    headers?: Record<string, string>;
-    timeout?: number;
-    verifyToken?: string;
-}
-interface ChatResponse {
-    id: string;
-    role: "assistant" | "user";
-    text: string;
-    attachments?: Array<{
-        type: string;
-        url: string;
-        name?: string;
-        mime_type?: string;
-        size?: number;
-    }>;
-    events?: Array<Record<string, unknown>>;
-}
-declare class HttpClient {
-    private config;
-    constructor(config: HttpClientConfig);
-    get(url: string, signal?: AbortSignal): Promise<unknown>;
-    post(url: string, body: unknown, signal?: AbortSignal): Promise<unknown>;
-    delete(url: string, signal?: AbortSignal): Promise<unknown>;
-    sendMessage(messages: Array<{
-        id: string;
-        role: string;
-        text: string;
-        attachments?: Array<{
-            url: string;
-            name?: string;
-            mime_type?: string;
-            size?: number;
-        }>;
-    }>, endpoint?: string, conversationId?: string): Promise<ChatResponse>;
-    sendAction(actionId: string, value: string, messageId: string, conversationId: string, endpoint?: string): Promise<Record<string, unknown>>;
-    editMessage(messageId: string, newText: string, endpointTemplate?: string): Promise<void>;
-    deleteMessage(messageId: string, endpointTemplate?: string): Promise<void>;
-    addReaction(messageId: string, emoji: string, endpointTemplate?: string): Promise<void>;
-    removeReaction(messageId: string, emoji: string, endpointTemplate?: string): Promise<void>;
-    private resolve;
-    private expandTemplate;
-}
-
-declare class DMRequestedEvent extends ChatEvent {
-    readonly userId: string;
-    constructor(threadId: string, userId: string, timestamp?: number);
-}
-
 declare class ReactionRemovedEvent extends ChatEvent {
     readonly messageId: string;
     readonly emoji: string;
@@ -240,6 +222,27 @@ declare class MessageEditedEvent extends ChatEvent {
     constructor(threadId: string, messageId: string, newText: string, card?: Card, timestamp?: number);
 }
 
+declare class MessagePostedEvent extends ChatEvent {
+    readonly messageId: string;
+    readonly text: string;
+    readonly author: User;
+    readonly card?: Card;
+    readonly attachments?: Array<{
+        type: string;
+        url?: string;
+        name?: string;
+        mimeType?: string;
+        size?: number | null;
+    }>;
+    constructor(threadId: string, messageId: string, text: string, author: User, card?: Card, attachments?: Array<{
+        type: string;
+        url?: string;
+        name?: string;
+        mimeType?: string;
+        size?: number | null;
+    }>, timestamp?: number);
+}
+
 interface EventHandlers {
     onMessagePosted?: (event: MessagePostedEvent) => void;
     onMessageEdited?: (event: MessageEditedEvent) => void;
@@ -263,6 +266,13 @@ interface BroadcastClient {
     isConnected(): boolean;
 }
 
+interface ReconfigureConfig {
+    userId?: string;
+    userName?: string;
+    verifyToken?: string;
+    conversationId?: string;
+    headers?: Record<string, string>;
+}
 interface WebChatClientConfig {
     apiUrl: string;
     userId: string;
@@ -285,6 +295,12 @@ interface WebChatClientConfig {
         reactions?: boolean;
     };
 }
+interface AttachmentInput {
+    url: string;
+    name?: string;
+    mimeType?: string;
+    size?: number;
+}
 interface LoadMessagesOptions {
     limit?: number;
     before?: number;
@@ -310,16 +326,22 @@ declare class WebChatClient {
     private subscribers;
     private unsubscribeUserChannel?;
     constructor(config: WebChatClientConfig);
+    reconfigure(config: ReconfigureConfig): void;
+    setLocaleHeader(locale: string): void;
     connect(): Promise<void>;
     disconnect(): void;
     loadMessages(options?: LoadMessagesOptions, signal?: AbortSignal): Promise<LoadMessagesResult>;
-    sendMessage(text: string, attachments?: any[]): Promise<void>;
+    sendMessage(text: string, attachments?: AttachmentInput[]): Promise<void>;
     sendAction(messageId: string, actionId: string, value: string): Promise<void>;
     editMessage(messageId: string, newText: string): Promise<void>;
     deleteMessage(messageId: string): Promise<void>;
     addReaction(messageId: string, emoji: string): Promise<void>;
     removeReaction(messageId: string, emoji: string): Promise<void>;
     onMessagePosted(handler: (event: MessagePostedEvent) => void): Unsubscribe;
+    onMessageEdited(handler: (event: MessageEditedEvent) => void): Unsubscribe;
+    onMessageDeleted(handler: (event: MessageDeletedEvent) => void): Unsubscribe;
+    onReactionAdded(handler: (event: ReactionAddedEvent) => void): Unsubscribe;
+    onReactionRemoved(handler: (event: ReactionRemovedEvent) => void): Unsubscribe;
     onStreamingChunk(handler: (event: StreamingChunkEvent) => void): Unsubscribe;
     onTypingStarted(handler: (event: TypingStartedEvent) => void): Unsubscribe;
     getConversationId(): string;
@@ -329,7 +351,7 @@ declare class WebChatClient {
     getFeatures(): NonNullable<WebChatClientConfig["features"]>;
     getEndpoints(): NonNullable<WebChatClientConfig["endpoints"]>;
     getHttpClient(): HttpClient;
-    addEventListener(eventType: string, handler: (event: any) => void): Unsubscribe;
+    addEventListener<T = unknown>(eventType: string, handler: (event: T) => void): Unsubscribe;
     private handleMessagePosted;
     private handleMessageEdited;
     private handleMessageDeleted;
@@ -392,6 +414,7 @@ interface PushConfig {
     getVapidPublicKey: () => Promise<string>;
     serviceWorkerUrl?: string;
     serviceWorkerScope?: string;
+    serviceWorkerType?: "classic" | "module";
     onSubscribe: (subscription: PushSubscriptionJSON) => Promise<void>;
     onUnsubscribe: (subscription: PushSubscriptionJSON) => Promise<void>;
     notificationOptions?: {
@@ -430,4 +453,4 @@ declare class PushManager {
 
 declare function createPushSubscriptionHandlers(httpClient: HttpClient, userId: string): Pick<PushConfig, "onSubscribe" | "onUnsubscribe">;
 
-export { type Attachment, type BaseCard, type BroadcastClient, type Card, type CardAction, type CardElement, type CardField, type CardSection, type ChannelTypeConfig, ChatEvent, type ChatResponse, type CustomCard, DMRequestedEvent, type DividerElement, type EventHandlers, type FileCard, HttpClient, type HttpClientConfig, type ImageCard, type ImageElement, LaravelEchoBroadcastClient, type LinkButtonElement, type LinkElement, type LoadMessagesOptions, type LoadMessagesResult, type Message, type MessageContent, MessageDeletedEvent, MessageEditedEvent, MessagePostedEvent, type PHPCard, type PushConfig, type PushEventData, PushManager, type PushSubscriptionStatus, PusherBroadcastClient, type PusherConfig, type Reaction, ReactionAddedEvent, ReactionRemovedEvent, StreamingChunkEvent, type TableElement, type TextElement, TypingStartedEvent, UnknownEvent, type Unsubscribe, type User, WebChatClient, type WebChatClientConfig, createPushSubscriptionHandlers, generateConversationId, generateId, parseChatEvent };
+export { type Attachment, type BaseCard, type BroadcastClient, type Card, type CardAction, type CardElement, type CardField, type CardSection, type ChannelTypeConfig, ChatEvent, type ChatResponse, type CustomCard, DMRequestedEvent, type DividerElement, type EventHandlers, type FileCard, HttpClient, type HttpClientConfig, type ImageCard, type ImageElement, LaravelEchoBroadcastClient, type LinkButtonElement, type LinkElement, type LoadMessagesOptions, type LoadMessagesResult, type Message, type MessageContent, MessageDeletedEvent, MessageEditedEvent, MessagePostedEvent, type PHPCard, type PushConfig, type PushEventData, PushManager, type PushSubscriptionStatus, PusherBroadcastClient, type PusherConfig, type Reaction, ReactionAddedEvent, ReactionRemovedEvent, type ReconfigureConfig, StreamingChunkEvent, type TableElement, type TextElement, TypingStartedEvent, UnknownEvent, type Unsubscribe, type User, WebChatClient, type WebChatClientConfig, createPushSubscriptionHandlers, generateConversationId, generateId, parseChatEvent };

package/dist/index.js

@@ -85,6 +85,30 @@ var HttpClient = class {
     const url = this.expandTemplate(endpointTemplate, { id: messageId, emoji });
     await this.delete(url);
   }
+  async postFormData(url, formData, signal) {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), this.config.timeout);
+    try {
+      const fullUrl = this.resolve(url);
+      const combined = signal ? AbortSignal.any([controller.signal, signal]) : controller.signal;
+      const response = await fetch(fullUrl, {
+        method: "POST",
+        headers: this.config.headers,
+        signal: combined,
+        body: formData
+      });
+      if (!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+      return response.json();
+    } finally {
+      clearTimeout(timeoutId);
+    }
+  }
+  setHeader(name, value) {
+    this.config.headers[name] = value;
+  }
+  removeHeader(name) {
+    delete this.config.headers[name];
+  }
   resolve(url) {
     return /^https?:\/\//.test(url) ? url : `${this.config.apiUrl}${url}`;
   }
@@ -285,6 +309,31 @@ var WebChatClient = class {
     this.conversationId = config.conversationId ?? generateConversationId();
     this.currentUserId = config.userId;
   }
+  reconfigure(config) {
+    if (config.userId) {
+      this.currentUserId = config.userId;
+      this.httpClient.setHeader("X-User-Id", config.userId);
+    }
+    if (config.userName) {
+      this.config = { ...this.config, userName: config.userName };
+      this.httpClient.setHeader("X-User-Name", config.userName);
+    }
+    if (config.verifyToken) {
+      this.config = { ...this.config, verifyToken: config.verifyToken };
+      this.httpClient.setHeader("X-Verify-Token", config.verifyToken);
+    }
+    if (config.conversationId) {
+      this.conversationId = config.conversationId;
+    }
+    if (config.headers) {
+      Object.entries(config.headers).forEach(([key, value]) => {
+        this.httpClient.setHeader(key, value);
+      });
+    }
+  }
+  setLocaleHeader(locale) {
+    this.httpClient.setHeader("X-Locale", locale);
+  }
   async connect() {
     if (this.broadcastClient) {
       this.broadcastClient.connect();
@@ -333,10 +382,14 @@ var WebChatClient = class {
       `${endpoint}?${params.toString()}`,
       signal
     );
-    const messages = (response.messages || []).map((msg) => ({
+    const rawMessages = response.messages ?? [];
+    const messages = rawMessages.map((msg) => ({
       id: msg.id,
       threadId,
-      content: { text: msg.text, cards: msg.card ? [msg.card] : void 0 },
+      content: {
+        text: msg.text,
+        cards: msg.card ? [msg.card] : void 0
+      },
       author: {
         id: msg.author.id,
         name: msg.author.name,
@@ -375,7 +428,7 @@ var WebChatClient = class {
       timestamp: Date.now(),
       attachments: attachments.length > 0 ? attachments.map((a, i) => ({
         id: `att-${messageId}-${i}`,
-        name: a.name || "",
+        name: a.name ?? "",
         url: a.url,
         size: a.size,
         mimeType: a.mimeType
@@ -390,7 +443,7 @@ var WebChatClient = class {
           id: messageId,
           role: "user",
           text,
-          attachments: attachments?.map((a) => ({
+          attachments: attachments.map((a) => ({
             url: a.url,
             name: a.name,
             mime_type: a.mimeType,
@@ -409,15 +462,15 @@ var WebChatClient = class {
     }
     if (response.text && !response.events?.some((e) => e.type === "message.posted")) {
       const assistantMessage = {
-        id: response.id || generateId(),
+        id: response.id ?? generateId(),
         threadId: this.getThreadId(),
         content: { text: response.text },
         author: { id: "assistant", name: "Assistant", isBot: true },
         timestamp: Date.now(),
         attachments: response.attachments?.map((a, i) => ({
-          id: `att-${response.id || "msg"}-${i}`,
-          name: a.name || "",
-          url: a.url || "",
+          id: `att-${response.id ?? "msg"}-${i}`,
+          name: a.name ?? "",
+          url: a.url ?? "",
           type: a.type,
           mimeType: a.mime_type,
           size: a.size
@@ -474,11 +527,23 @@ var WebChatClient = class {
   onMessagePosted(handler) {
     return this.addEventListener("message.posted", handler);
   }
+  onMessageEdited(handler) {
+    return this.addEventListener("message:edited", handler);
+  }
+  onMessageDeleted(handler) {
+    return this.addEventListener("message:deleted", handler);
+  }
+  onReactionAdded(handler) {
+    return this.addEventListener("reaction:added", handler);
+  }
+  onReactionRemoved(handler) {
+    return this.addEventListener("reaction:removed", handler);
+  }
   onStreamingChunk(handler) {
-    return this.addEventListener("streaming.chunk", handler);
+    return this.addEventListener("streaming:chunk", handler);
   }
   onTypingStarted(handler) {
-    return this.addEventListener("typing.started", handler);
+    return this.addEventListener("typing:started", handler);
   }
   getConversationId() {
     return this.conversationId;
@@ -523,11 +588,11 @@ var WebChatClient = class {
       timestamp: event.timestamp,
       attachments: event.attachments?.map((a) => ({
         id: `att-${event.messageId}-${Math.random().toString(36).slice(2, 8)}`,
-        name: a.name || "",
-        url: a.url || "",
+        name: a.name ?? "",
+        url: a.url ?? "",
         type: a.type,
         mimeType: a.mimeType,
-        size: a.size
+        size: a.size ?? void 0
       }))
     };
     this.messages.push(message);
@@ -538,17 +603,14 @@ var WebChatClient = class {
     const message = this.messages.find((m) => m.id === event.messageId);
     if (message?.content) {
       message.content.text = event.newText;
-      this.notifySubscribers("message:edited", {
-        messageId: event.messageId,
-        newText: event.newText
-      });
+      this.notifySubscribers("message:edited", event);
     }
   }
   handleMessageDeleted(event) {
     const index = this.messages.findIndex((m) => m.id === event.messageId);
     if (index !== -1) {
       this.messages.splice(index, 1);
-      this.notifySubscribers("message:deleted", { messageId: event.messageId });
+      this.notifySubscribers("message:deleted", event);
     }
   }
   handleReactionAdded(event) {
@@ -562,7 +624,7 @@ var WebChatClient = class {
     } else {
       message.reactions.push({ emoji: event.emoji, count: 1, users: [event.user.id] });
     }
-    this.notifySubscribers("reaction:added", { messageId: event.messageId, emoji: event.emoji });
+    this.notifySubscribers("reaction:added", event);
   }
   handleReactionRemoved(event) {
     const message = this.messages.find((m) => m.id === event.messageId);
@@ -574,13 +636,13 @@ var WebChatClient = class {
       reaction.users = reaction.users.filter((id) => id !== event.user.id);
       if (reaction.count === 0) message.reactions.splice(index, 1);
     }
-    this.notifySubscribers("reaction:removed", { messageId: event.messageId, emoji: event.emoji });
+    this.notifySubscribers("reaction:removed", event);
   }
   handleStreamingChunk(event) {
     const { messageId, chunk, isFinal } = event;
     if (!this.streamingMessages.has(messageId)) {
       this.streamingMessages.set(messageId, { messageId, accumulatedText: "", isComplete: false });
-      this.notifySubscribers("streaming:started", { messageId });
+      this.notifySubscribers("streaming:started", event);
     }
     const state = this.streamingMessages.get(messageId);
     state.accumulatedText += chunk;
@@ -600,24 +662,18 @@ var WebChatClient = class {
       this.streamingMessages.delete(messageId);
       this.notifySubscribers("streaming:complete", { messageId, text: state.accumulatedText });
     } else {
-      this.notifySubscribers("streaming:chunk", {
-        messageId,
-        chunk,
-        fullText: state.accumulatedText
-      });
+      this.notifySubscribers("streaming:chunk", event);
     }
-    this.notifySubscribers("streaming.chunk", event);
   }
   handleTypingStarted(event) {
     if (this.pendingTyping) clearTimeout(this.pendingTyping);
-    this.notifySubscribers("typing:started", { userId: event.userId });
+    this.notifySubscribers("typing:started", event);
     this.pendingTyping = setTimeout(() => {
       this.notifySubscribers("typing:stopped", { userId: event.userId });
     }, 3e3);
-    this.notifySubscribers("typing.started", event);
   }
   handleDMRequested(event) {
-    this.notifySubscribers("dm.requested", { userId: event.userId, threadId: event.threadId });
+    this.notifySubscribers("dm.requested", event);
   }
   notifySubscribers(eventType, data) {
     this.subscribers.get(eventType)?.forEach((handler) => handler(data));
@@ -895,9 +951,19 @@ var PushManager = class _PushManager {
     try {
       this.registration = await navigator.serviceWorker.register(
         this.config.serviceWorkerUrl || "/chat-service-worker.js",
-        { scope: this.config.serviceWorkerScope || "/" }
+        {
+          scope: this.config.serviceWorkerScope || "/",
+          type: this.config.serviceWorkerType
+        }
       );
       await navigator.serviceWorker.ready;
+      navigator.serviceWorker.addEventListener("message", (event) => {
+        const msg = event.data;
+        if (msg?.type === "chat-widget:push-data") {
+          const pushData = msg.data;
+          this.messageListeners.forEach((listener) => listener(pushData));
+        }
+      });
       const subscription = await this.registration.pushManager.getSubscription();
       this.setStatus(subscription ? "subscribed" : "default");
     } catch {