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

package/README.md

@@ -14,12 +14,13 @@ npm install @bootdesk/js-web-adapter-core
 import { WebChatClient } from "@bootdesk/js-web-adapter-core";
 
 const client = new WebChatClient({
-  baseUrl: "https://your-app.com/api/chat",
-  token: "your-auth-token",
+  apiUrl: "https://your-app.com/api",
+  userId: "user-1",
+  userName: "Alice",
 });
 
-const unsub = client.onNewMessage((event) => {
-  console.log("New message:", event.message.text);
+const unsub = client.onMessagePosted((event) => {
+  console.log("New message:", event.text);
 });
 
 await client.connect();
@@ -33,19 +34,36 @@ await client.connect();
 |--------|-------------|
 | `connect()` | Initialize connection, start listening |
 | `disconnect()` | Cleanup, remove listeners |
-| `loadMessages(threadId, options?)` | Fetch paginated messages |
+| `loadMessages(options?)` | Fetch paginated messages |
 | `sendMessage(text, attachments?)` | Send a new message |
+| `sendAction(messageId, actionId, value)` | Send a button action |
 | `editMessage(messageId, text)` | Edit an existing message |
 | `deleteMessage(messageId)` | Delete a message |
 | `addReaction(messageId, emoji)` | Add a reaction |
 | `removeReaction(messageId, emoji)` | Remove a reaction |
-| `onNewMessage(cb)` | Subscribe to new messages |
+| `onMessagePosted(cb)` | Subscribe to new messages |
 | `onMessageEdited(cb)` | Subscribe to edits |
 | `onMessageDeleted(cb)` | Subscribe to deletions |
 | `onReactionAdded(cb)` | Subscribe to reaction adds |
 | `onReactionRemoved(cb)` | Subscribe to reaction removes |
 | `onTypingStarted(cb)` | Subscribe to typing events |
 | `onStreamingChunk(cb)` | Subscribe to streaming chunks |
+| `reconfigure(config)` | Update identity (userId, userName, verifyToken, conversationId, headers) after construction |
+
+### Reconfiguration
+
+Use `reconfigure()` to update the client's identity after construction — useful for pre-entry flows where the user's info is collected first:
+
+```typescript
+client.reconfigure({
+  userId: "user-abc",
+  userName: "Alice",
+  verifyToken: "encrypted-token",
+  conversationId: "conv-xyz",
+});
+```
+
+Updates HTTP headers (`X-User-Id`, `X-User-Name`, `X-Verify-Token`) and internal state.
 
 ### Broadcasting
 
@@ -57,20 +75,33 @@ const broadcast = new PusherBroadcastClient({
   cluster: "us2",
 });
 
-const client = new WebChatClient({ baseUrl, token, broadcast });
+const client = new WebChatClient({
+  apiUrl: "https://your-app.com/api",
+  userId: "user-1",
+  userName: "Alice",
+  broadcastClient: broadcast,
+});
 ```
 
 ### Push Notifications
 
 ```typescript
 import { PushManager, createPushSubscriptionHandlers } from "@bootdesk/js-web-adapter-core";
+import { HttpClient } from "@bootdesk/js-web-adapter-core";
 
-const manager = new PushManager(
-  "https://your-app.com/api/push",
-  createPushSubscriptionHandlers(fetch),
-);
+const httpClient = new HttpClient({ apiUrl: "https://your-app.com/api" });
+const manager = new PushManager({
+  getVapidPublicKey: async () => "your-vapid-public-key",
+  onSubscribe: createPushSubscriptionHandlers(httpClient, "user-1").onSubscribe,
+  onUnsubscribe: createPushSubscriptionHandlers(httpClient, "user-1").onUnsubscribe,
+});
 
+await manager.initialize();
 await manager.subscribe();
+
+manager.onMessage((data) => {
+  console.log("Push received:", data);
+});
 ```
 
 ## License

package/dist/chat-service-worker.js

@@ -0,0 +1,163 @@
+// src/chat-service-worker.ts
+var swLocales = {
+  en: { openChat: "Open Chat", dismiss: "Dismiss" },
+  pt: { openChat: "Abrir chat", dismiss: "Dispensar" },
+  es: { openChat: "Abrir chat", dismiss: "Descartar" },
+  da: { openChat: "\xC5bn Chat", dismiss: "Afvis" },
+  sv: { openChat: "\xD6ppna Chatt", dismiss: "Avf\xE4rda" },
+  nb: { openChat: "\xC5pne Chat", dismiss: "Avvis" },
+  fi: { openChat: "Avaa Chat", dismiss: "Hylk\xE4\xE4" },
+  fr: { openChat: "Ouvrir le Chat", dismiss: "Ignorer" },
+  de: { openChat: "Chat \xF6ffnen", dismiss: "Schlie\xDFen" },
+  it: { openChat: "Apri Chat", dismiss: "Ignora" },
+  nl: { openChat: "Open Chat", dismiss: "Sluiten" },
+  pl: { openChat: "Otw\xF3rz Czat", dismiss: "Odrzu\u0107" },
+  cs: { openChat: "Otev\u0159\xEDt Chat", dismiss: "Zav\u0159\xEDt" },
+  ro: { openChat: "Deschide Chat", dismiss: "Ignor\u0103" },
+  hu: { openChat: "Chat Megnyit\xE1sa", dismiss: "Elutas\xEDt\xE1s" },
+  uk: { openChat: "\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0427\u0430\u0442", dismiss: "\u0412\u0456\u0434\u0445\u0438\u043B\u0438\u0442\u0438" },
+  ru: { openChat: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0427\u0430\u0442", dismiss: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
+  el: { openChat: "\u0386\u03BD\u03BF\u03B9\u03B3\u03BC\u03B1 \u03A3\u03C5\u03BD\u03BF\u03BC\u03B9\u03BB\u03AF\u03B1\u03C2", dismiss: "\u0391\u03C0\u03CC\u03C1\u03C1\u03B9\u03C8\u03B7" },
+  tr: { openChat: "Sohbeti A\xE7", dismiss: "Kapat" },
+  et: { openChat: "Ava Vestlus", dismiss: "Loobu" },
+  ja: { openChat: "\u30C1\u30E3\u30C3\u30C8\u3092\u958B\u304F", dismiss: "\u9589\u3058\u308B" },
+  "zh-CN": { openChat: "\u6253\u5F00\u804A\u5929", dismiss: "\u5173\u95ED" },
+  "zh-TW": { openChat: "\u958B\u555F\u804A\u5929", dismiss: "\u95DC\u9589" },
+  ko: { openChat: "\uCC44\uD305 \uC5F4\uAE30", dismiss: "\uB2EB\uAE30" },
+  vi: { openChat: "M\u1EDF Tr\xF2 chuy\u1EC7n", dismiss: "B\u1ECF qua" },
+  th: { openChat: "\u0E40\u0E1B\u0E34\u0E14\u0E41\u0E0A\u0E17", dismiss: "\u0E1B\u0E34\u0E14" },
+  id: { openChat: "Buka Obrolan", dismiss: "Tutup" },
+  hi: { openChat: "\u091A\u0948\u091F \u0916\u094B\u0932\u0947\u0902", dismiss: "\u0916\u093E\u0930\u093F\u091C \u0915\u0930\u0947\u0902" },
+  ar: { openChat: "\u0641\u062A\u062D \u0627\u0644\u062F\u0631\u062F\u0634\u0629", dismiss: "\u062A\u062C\u0627\u0647\u0644" }
+};
+function getFallbackChain(locale) {
+  const parts = locale.split("-");
+  if (parts.length === 1) return [parts[0], "en"];
+  return [locale, parts[0], "en"];
+}
+function resolveLocale(locale) {
+  if (!locale) return swLocales.en;
+  for (const tag of getFallbackChain(locale)) {
+    if (swLocales[tag]) return swLocales[tag];
+  }
+  return swLocales.en;
+}
+function getDefaultActions(locale) {
+  const strings = resolveLocale(locale);
+  return [
+    { action: "open", title: strings.openChat },
+    { action: "dismiss", title: strings.dismiss }
+  ];
+}
+var sw = self;
+sw.addEventListener("push", (event) => {
+  if (!event.data) return;
+  let data;
+  try {
+    data = event.data.json();
+  } catch {
+    return;
+  }
+  const {
+    threadId,
+    messageId,
+    senderName,
+    preview,
+    timestamp,
+    deepLink,
+    type,
+    actions,
+    locale,
+    icon,
+    badge
+  } = data;
+  const notificationType = type ?? "chat";
+  event.waitUntil(
+    sw.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clients) => {
+      clients.forEach((client) => {
+        client.postMessage({
+          type: "chat-widget:push-data",
+          data: { threadId, messageId, senderName, preview, timestamp, deepLink }
+        });
+      });
+    })
+  );
+  const notificationData = {
+    threadId,
+    messageId,
+    timestamp,
+    deepLink,
+    type: notificationType
+  };
+  const defaultIcon = "/chat-icon-192.png";
+  const defaultBadge = "/chat-badge-72.png";
+  if (notificationType === "generic") {
+    const notificationActions = actions ?? [];
+    event.waitUntil(
+      sw.registration.showNotification(senderName, {
+        body: preview,
+        icon: icon ?? defaultIcon,
+        badge: badge ?? defaultBadge,
+        tag: `generic-${threadId}`,
+        data: notificationData,
+        actions: notificationActions
+      })
+    );
+    return;
+  }
+  const chatActions = actions ?? getDefaultActions(locale);
+  event.waitUntil(
+    sw.registration.showNotification(senderName, {
+      body: preview,
+      icon: icon ?? defaultIcon,
+      badge: badge ?? defaultBadge,
+      tag: `message-${threadId}`,
+      renotify: true,
+      data: notificationData,
+      actions: chatActions
+    })
+  );
+});
+sw.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+  if (event.action === "dismiss") return;
+  const clickData = event.notification.data;
+  const { deepLink, threadId, messageId, timestamp, type } = clickData;
+  if (type === "generic") {
+    if (deepLink) {
+      event.waitUntil(sw.clients.openWindow(deepLink));
+    }
+    return;
+  }
+  event.waitUntil(
+    sw.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clientList) => {
+      const origin = sw.location.origin;
+      const sameOrigin = clientList.filter((c) => c.url.startsWith(origin));
+      for (const client of deepLink ? clientList : sameOrigin) {
+        if (!deepLink || client.url.includes(deepLink) || client.url.includes("chat-widget")) {
+          client.postMessage({
+            type: "chat-widget:notification-clicked",
+            threadId,
+            messageId,
+            timestamp,
+            instanceId: threadId
+          });
+          return client.focus();
+        }
+      }
+      return sw.clients.openWindow(deepLink || `/chat?thread=${threadId}`);
+    })
+  );
+});
+sw.addEventListener("message", (event) => {
+  const data = event.data;
+  if (data?.type === "chat-widget:notification-clicked") {
+    const source = event.source;
+    source?.postMessage({
+      type: "chat-widget:sync",
+      threadId: data.threadId,
+      after: data.timestamp
+    });
+  }
+});
+//# sourceMappingURL=chat-service-worker.js.map

package/dist/chat-service-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chat-service-worker.ts"],"sourcesContent":["/// <reference lib=\"webworker\" />\n\ntype PushType = \"chat\" | \"generic\";\n\ninterface PushAction {\n  action: string;\n  title: string;\n}\n\ninterface PushNotificationData {\n  threadId: string;\n  messageId: string;\n  senderName: string;\n  preview: string;\n  timestamp: number;\n  deepLink?: string;\n  type?: PushType;\n  actions?: PushAction[];\n  locale?: string;\n  icon?: string;\n  badge?: string;\n}\n\ninterface NotificationClickData {\n  deepLink?: string;\n  threadId: string;\n  messageId: string;\n  timestamp: number;\n  type: PushType;\n}\n\ninterface SyncMessage {\n  type: \"chat-widget:sync\";\n  threadId: string;\n  after: number;\n}\n\ninterface ClickedMessage {\n  type: \"chat-widget:notification-clicked\";\n  threadId: string;\n  messageId: string;\n  timestamp: number;\n  instanceId: string;\n}\n\n// ── Locale strings for notification actions ──\n\ninterface NotificationLocaleStrings {\n  openChat: string;\n  dismiss: string;\n}\n\nconst swLocales: Record<string, NotificationLocaleStrings> = {\n  en: { openChat: \"Open Chat\", dismiss: \"Dismiss\" },\n  pt: { openChat: \"Abrir chat\", dismiss: \"Dispensar\" },\n  es: { openChat: \"Abrir chat\", dismiss: \"Descartar\" },\n  da: { openChat: \"Åbn Chat\", dismiss: \"Afvis\" },\n  sv: { openChat: \"Öppna Chatt\", dismiss: \"Avfärda\" },\n  nb: { openChat: \"Åpne Chat\", dismiss: \"Avvis\" },\n  fi: { openChat: \"Avaa Chat\", dismiss: \"Hylkää\" },\n  fr: { openChat: \"Ouvrir le Chat\", dismiss: \"Ignorer\" },\n  de: { openChat: \"Chat öffnen\", dismiss: \"Schließen\" },\n  it: { openChat: \"Apri Chat\", dismiss: \"Ignora\" },\n  nl: { openChat: \"Open Chat\", dismiss: \"Sluiten\" },\n  pl: { openChat: \"Otwórz Czat\", dismiss: \"Odrzuć\" },\n  cs: { openChat: \"Otevřít Chat\", dismiss: \"Zavřít\" },\n  ro: { openChat: \"Deschide Chat\", dismiss: \"Ignoră\" },\n  hu: { openChat: \"Chat Megnyitása\", dismiss: \"Elutasítás\" },\n  uk: { openChat: \"Відкрити Чат\", dismiss: \"Відхилити\" },\n  ru: { openChat: \"Открыть Чат\", dismiss: \"Закрыть\" },\n  el: { openChat: \"Άνοιγμα Συνομιλίας\", dismiss: \"Απόρριψη\" },\n  tr: { openChat: \"Sohbeti Aç\", dismiss: \"Kapat\" },\n  et: { openChat: \"Ava Vestlus\", dismiss: \"Loobu\" },\n  ja: { openChat: \"チャットを開く\", dismiss: \"閉じる\" },\n  \"zh-CN\": { openChat: \"打开聊天\", dismiss: \"关闭\" },\n  \"zh-TW\": { openChat: \"開啟聊天\", dismiss: \"關閉\" },\n  ko: { openChat: \"채팅 열기\", dismiss: \"닫기\" },\n  vi: { openChat: \"Mở Trò chuyện\", dismiss: \"Bỏ qua\" },\n  th: { openChat: \"เปิดแชท\", dismiss: \"ปิด\" },\n  id: { openChat: \"Buka Obrolan\", dismiss: \"Tutup\" },\n  hi: { openChat: \"चैट खोलें\", dismiss: \"खारिज करें\" },\n  ar: { openChat: \"فتح الدردشة\", dismiss: \"تجاهل\" },\n};\n\nfunction getFallbackChain(locale: string): string[] {\n  const parts = locale.split(\"-\");\n  if (parts.length === 1) return [parts[0], \"en\"];\n  return [locale, parts[0], \"en\"];\n}\n\nfunction resolveLocale(locale?: string): NotificationLocaleStrings {\n  if (!locale) return swLocales.en;\n  for (const tag of getFallbackChain(locale)) {\n    if (swLocales[tag]) return swLocales[tag];\n  }\n  return swLocales.en;\n}\n\nfunction getDefaultActions(locale?: string): PushAction[] {\n  const strings = resolveLocale(locale);\n  return [\n    { action: \"open\", title: strings.openChat },\n    { action: \"dismiss\", title: strings.dismiss },\n  ];\n}\n\n// ── Service Worker ──\n\nconst sw = self as unknown as ServiceWorkerGlobalScope;\n\nsw.addEventListener(\"push\", (event: PushEvent) => {\n  if (!event.data) return;\n\n  let data: PushNotificationData;\n  try {\n    data = event.data.json();\n  } catch {\n    return;\n  }\n\n  const {\n    threadId,\n    messageId,\n    senderName,\n    preview,\n    timestamp,\n    deepLink,\n    type,\n    actions,\n    locale,\n    icon,\n    badge,\n  } = data;\n\n  const notificationType = type ?? \"chat\";\n\n  // Forward push data to window clients for PushManager.onMessage to receive\n  event.waitUntil(\n    sw.clients.matchAll({ type: \"window\", includeUncontrolled: true }).then((clients) => {\n      clients.forEach((client) => {\n        client.postMessage({\n          type: \"chat-widget:push-data\",\n          data: { threadId, messageId, senderName, preview, timestamp, deepLink },\n        });\n      });\n    }),\n  );\n\n  const notificationData: NotificationClickData = {\n    threadId,\n    messageId,\n    timestamp,\n    deepLink,\n    type: notificationType,\n  };\n\n  const defaultIcon = \"/chat-icon-192.png\";\n  const defaultBadge = \"/chat-badge-72.png\";\n\n  if (notificationType === \"generic\") {\n    const notificationActions = actions ?? [];\n\n    event.waitUntil(\n      sw.registration.showNotification(senderName, {\n        body: preview,\n        icon: icon ?? defaultIcon,\n        badge: badge ?? defaultBadge,\n        tag: `generic-${threadId}`,\n        data: notificationData,\n        actions: notificationActions,\n      } as NotificationOptions),\n    );\n    return;\n  }\n\n  const chatActions = actions ?? getDefaultActions(locale);\n\n  event.waitUntil(\n    sw.registration.showNotification(senderName, {\n      body: preview,\n      icon: icon ?? defaultIcon,\n      badge: badge ?? defaultBadge,\n      tag: `message-${threadId}`,\n      renotify: true,\n      data: notificationData,\n      actions: chatActions,\n    } as NotificationOptions),\n  );\n});\n\nsw.addEventListener(\"notificationclick\", (event: NotificationEvent) => {\n  event.notification.close();\n  if (event.action === \"dismiss\") return;\n\n  const clickData = event.notification.data as unknown as NotificationClickData;\n  const { deepLink, threadId, messageId, timestamp, type } = clickData;\n\n  if (type === \"generic\") {\n    if (deepLink) {\n      event.waitUntil(sw.clients.openWindow(deepLink));\n    }\n    return;\n  }\n\n  event.waitUntil(\n    sw.clients\n      .matchAll({ type: \"window\", includeUncontrolled: true })\n      .then((clientList: readonly WindowClient[]) => {\n        const origin = sw.location.origin;\n        const sameOrigin = clientList.filter((c: WindowClient) => c.url.startsWith(origin));\n\n        for (const client of deepLink ? clientList : sameOrigin) {\n          if (!deepLink || client.url.includes(deepLink) || client.url.includes(\"chat-widget\")) {\n            client.postMessage({\n              type: \"chat-widget:notification-clicked\",\n              threadId,\n              messageId,\n              timestamp,\n              instanceId: threadId,\n            } satisfies ClickedMessage);\n            return client.focus();\n          }\n        }\n\n        return sw.clients.openWindow(deepLink || `/chat?thread=${threadId}`);\n      }),\n  );\n});\n\nsw.addEventListener(\"message\", (event: ExtendableMessageEvent) => {\n  const data = event.data as ClickedMessage | null;\n  if (data?.type === \"chat-widget:notification-clicked\") {\n    const source = event.source as WindowClient | null;\n    source?.postMessage({\n      type: \"chat-widget:sync\",\n      threadId: data.threadId,\n      after: data.timestamp,\n    } satisfies SyncMessage);\n  }\n});\n"],"mappings":";AAoDA,IAAM,YAAuD;AAAA,EAC3D,IAAI,EAAE,UAAU,aAAa,SAAS,UAAU;AAAA,EAChD,IAAI,EAAE,UAAU,cAAc,SAAS,YAAY;AAAA,EACnD,IAAI,EAAE,UAAU,cAAc,SAAS,YAAY;AAAA,EACnD,IAAI,EAAE,UAAU,eAAY,SAAS,QAAQ;AAAA,EAC7C,IAAI,EAAE,UAAU,kBAAe,SAAS,aAAU;AAAA,EAClD,IAAI,EAAE,UAAU,gBAAa,SAAS,QAAQ;AAAA,EAC9C,IAAI,EAAE,UAAU,aAAa,SAAS,eAAS;AAAA,EAC/C,IAAI,EAAE,UAAU,kBAAkB,SAAS,UAAU;AAAA,EACrD,IAAI,EAAE,UAAU,kBAAe,SAAS,eAAY;AAAA,EACpD,IAAI,EAAE,UAAU,aAAa,SAAS,SAAS;AAAA,EAC/C,IAAI,EAAE,UAAU,aAAa,SAAS,UAAU;AAAA,EAChD,IAAI,EAAE,UAAU,kBAAe,SAAS,cAAS;AAAA,EACjD,IAAI,EAAE,UAAU,wBAAgB,SAAS,iBAAS;AAAA,EAClD,IAAI,EAAE,UAAU,iBAAiB,SAAS,cAAS;AAAA,EACnD,IAAI,EAAE,UAAU,sBAAmB,SAAS,mBAAa;AAAA,EACzD,IAAI,EAAE,UAAU,uEAAgB,SAAS,yDAAY;AAAA,EACrD,IAAI,EAAE,UAAU,iEAAe,SAAS,6CAAU;AAAA,EAClD,IAAI,EAAE,UAAU,2GAAsB,SAAS,mDAAW;AAAA,EAC1D,IAAI,EAAE,UAAU,iBAAc,SAAS,QAAQ;AAAA,EAC/C,IAAI,EAAE,UAAU,eAAe,SAAS,QAAQ;AAAA,EAChD,IAAI,EAAE,UAAU,8CAAW,SAAS,qBAAM;AAAA,EAC1C,SAAS,EAAE,UAAU,4BAAQ,SAAS,eAAK;AAAA,EAC3C,SAAS,EAAE,UAAU,4BAAQ,SAAS,eAAK;AAAA,EAC3C,IAAI,EAAE,UAAU,6BAAS,SAAS,eAAK;AAAA,EACvC,IAAI,EAAE,UAAU,8BAAiB,SAAS,cAAS;AAAA,EACnD,IAAI,EAAE,UAAU,8CAAW,SAAS,qBAAM;AAAA,EAC1C,IAAI,EAAE,UAAU,gBAAgB,SAAS,QAAQ;AAAA,EACjD,IAAI,EAAE,UAAU,qDAAa,SAAS,0DAAa;AAAA,EACnD,IAAI,EAAE,UAAU,iEAAe,SAAS,iCAAQ;AAClD;AAEA,SAAS,iBAAiB,QAA0B;AAClD,QAAM,QAAQ,OAAO,MAAM,GAAG;AAC9B,MAAI,MAAM,WAAW,EAAG,QAAO,CAAC,MAAM,CAAC,GAAG,IAAI;AAC9C,SAAO,CAAC,QAAQ,MAAM,CAAC,GAAG,IAAI;AAChC;AAEA,SAAS,cAAc,QAA4C;AACjE,MAAI,CAAC,OAAQ,QAAO,UAAU;AAC9B,aAAW,OAAO,iBAAiB,MAAM,GAAG;AAC1C,QAAI,UAAU,GAAG,EAAG,QAAO,UAAU,GAAG;AAAA,EAC1C;AACA,SAAO,UAAU;AACnB;AAEA,SAAS,kBAAkB,QAA+B;AACxD,QAAM,UAAU,cAAc,MAAM;AACpC,SAAO;AAAA,IACL,EAAE,QAAQ,QAAQ,OAAO,QAAQ,SAAS;AAAA,IAC1C,EAAE,QAAQ,WAAW,OAAO,QAAQ,QAAQ;AAAA,EAC9C;AACF;AAIA,IAAM,KAAK;AAEX,GAAG,iBAAiB,QAAQ,CAAC,UAAqB;AAChD,MAAI,CAAC,MAAM,KAAM;AAEjB,MAAI;AACJ,MAAI;AACF,WAAO,MAAM,KAAK,KAAK;AAAA,EACzB,QAAQ;AACN;AAAA,EACF;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,QAAQ;AAGjC,QAAM;AAAA,IACJ,GAAG,QAAQ,SAAS,EAAE,MAAM,UAAU,qBAAqB,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY;AACnF,cAAQ,QAAQ,CAAC,WAAW;AAC1B,eAAO,YAAY;AAAA,UACjB,MAAM;AAAA,UACN,MAAM,EAAE,UAAU,WAAW,YAAY,SAAS,WAAW,SAAS;AAAA,QACxE,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,mBAA0C;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,cAAc;AACpB,QAAM,eAAe;AAErB,MAAI,qBAAqB,WAAW;AAClC,UAAM,sBAAsB,WAAW,CAAC;AAExC,UAAM;AAAA,MACJ,GAAG,aAAa,iBAAiB,YAAY;AAAA,QAC3C,MAAM;AAAA,QACN,MAAM,QAAQ;AAAA,QACd,OAAO,SAAS;AAAA,QAChB,KAAK,WAAW,QAAQ;AAAA,QACxB,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAwB;AAAA,IAC1B;AACA;AAAA,EACF;AAEA,QAAM,cAAc,WAAW,kBAAkB,MAAM;AAEvD,QAAM;AAAA,IACJ,GAAG,aAAa,iBAAiB,YAAY;AAAA,MAC3C,MAAM;AAAA,MACN,MAAM,QAAQ;AAAA,MACd,OAAO,SAAS;AAAA,MAChB,KAAK,WAAW,QAAQ;AAAA,MACxB,UAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX,CAAwB;AAAA,EAC1B;AACF,CAAC;AAED,GAAG,iBAAiB,qBAAqB,CAAC,UAA6B;AACrE,QAAM,aAAa,MAAM;AACzB,MAAI,MAAM,WAAW,UAAW;AAEhC,QAAM,YAAY,MAAM,aAAa;AACrC,QAAM,EAAE,UAAU,UAAU,WAAW,WAAW,KAAK,IAAI;AAE3D,MAAI,SAAS,WAAW;AACtB,QAAI,UAAU;AACZ,YAAM,UAAU,GAAG,QAAQ,WAAW,QAAQ,CAAC;AAAA,IACjD;AACA;AAAA,EACF;AAEA,QAAM;AAAA,IACJ,GAAG,QACA,SAAS,EAAE,MAAM,UAAU,qBAAqB,KAAK,CAAC,EACtD,KAAK,CAAC,eAAwC;AAC7C,YAAM,SAAS,GAAG,SAAS;AAC3B,YAAM,aAAa,WAAW,OAAO,CAAC,MAAoB,EAAE,IAAI,WAAW,MAAM,CAAC;AAElF,iBAAW,UAAU,WAAW,aAAa,YAAY;AACvD,YAAI,CAAC,YAAY,OAAO,IAAI,SAAS,QAAQ,KAAK,OAAO,IAAI,SAAS,aAAa,GAAG;AACpF,iBAAO,YAAY;AAAA,YACjB,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY;AAAA,UACd,CAA0B;AAC1B,iBAAO,OAAO,MAAM;AAAA,QACtB;AAAA,MACF;AAEA,aAAO,GAAG,QAAQ,WAAW,YAAY,gBAAgB,QAAQ,EAAE;AAAA,IACrE,CAAC;AAAA,EACL;AACF,CAAC;AAED,GAAG,iBAAiB,WAAW,CAAC,UAAkC;AAChE,QAAM,OAAO,MAAM;AACnB,MAAI,MAAM,SAAS,oCAAoC;AACrD,UAAM,SAAS,MAAM;AACrB,YAAQ,YAAY;AAAA,MAClB,MAAM;AAAA,MACN,UAAU,KAAK;AAAA,MACf,OAAO,KAAK;AAAA,IACd,CAAuB;AAAA,EACzB;AACF,CAAC;","names":[]}

package/dist/index.cjs

@@ -129,6 +129,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}`;
   }
@@ -329,6 +353,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();
@@ -377,10 +426,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,
@@ -419,7 +472,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
@@ -434,7 +487,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,
@@ -453,15 +506,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
@@ -518,11 +571,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;
@@ -567,11 +632,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);
@@ -582,17 +647,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) {
@@ -606,7 +668,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);
@@ -618,13 +680,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;
@@ -644,24 +706,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));
@@ -939,9 +995,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 {