@cognitiondesk/widget 1.1.0 → 1.2.1

package/dist/react.es.js

@@ -1,6 +1,6 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as H, useRef as y, useImperativeHandle as T, useEffect as k } from "react";
-const L = "https://mounaji-backendv3.onrender.com", N = `
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as N, useRef as M, useImperativeHandle as I, useEffect as C } from "react";
+const P = "https://mounaji-backendv3.onrender.com", B = `
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -246,33 +246,42 @@ const L = "https://mounaji-backendv3.onrender.com", N = `
       font-size: 16px;
     }
   }
-`, w = {
+`, x = {
   chat: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',
   close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
   send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>'
 };
-function I() {
+function z() {
   return "cd_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
-let S = class {
-  constructor(e = {}) {
-    if (!e.apiKey) throw new Error("[CognitionDesk] apiKey is required");
+let D = class {
+  constructor(t = {}) {
+    var e, a, s, r, n;
+    if (!t.apiKey) throw new Error("[CognitionDesk] apiKey is required");
     this._cfg = {
-      apiKey: e.apiKey,
-      widgetId: e.widgetId || null,
-      assistantId: e.assistantId || null,
-      backendUrl: e.backendUrl || L,
-      primaryColor: e.primaryColor || "#2563eb",
-      theme: e.theme || "light",
+      apiKey: t.apiKey,
+      widgetId: t.widgetId || null,
+      assistantId: t.assistantId || null,
+      backendUrl: t.backendUrl || P,
+      primaryColor: t.primaryColor || "#2563eb",
+      theme: t.theme || "light",
       // 'light' | 'dark' | 'auto'
-      botName: e.botName || "AI Assistant",
-      botEmoji: e.botEmoji || "🤖",
-      welcomeMessage: e.welcomeMessage || "Hello! How can I help you today?",
-      placeholder: e.placeholder || "Type a message…",
-      position: e.position || "bottom-right",
-      streaming: e.streaming !== !1
+      botName: t.botName || "AI Assistant",
+      botEmoji: t.botEmoji || "🤖",
+      welcomeMessage: t.welcomeMessage || "Hello! How can I help you today?",
+      placeholder: t.placeholder || "Type a message…",
+      position: t.position || "bottom-right",
+      streaming: t.streaming !== !1,
       // default: true
-    }, this._sessionId = I(), this._messages = [], this._open = !1, this._loading = !1, this._container = null, this._shadow = null, this._panel = null, this._messagesEl = null, this._textarea = null, this._sendBtn = null, this._viewportHandler = null;
+      // Rate limiting — can be overridden by inline config or merged from server config
+      rateLimiting: {
+        enabled: ((e = t.rateLimiting) == null ? void 0 : e.enabled) !== !1,
+        maxMessagesPerSession: ((a = t.rateLimiting) == null ? void 0 : a.maxMessagesPerSession) ?? 0,
+        maxMessagesPerMinute: ((s = t.rateLimiting) == null ? void 0 : s.maxMessagesPerMinute) ?? 0,
+        limitReachedMessage: ((r = t.rateLimiting) == null ? void 0 : r.limitReachedMessage) || "You've reached the message limit for this session.",
+        rateLimitMessage: ((n = t.rateLimiting) == null ? void 0 : n.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment."
+      }
+    }, this._sessionId = z(), this._messageCount = 0, this._minuteCount = 0, this._minuteStart = Date.now(), this._messages = [], this._open = !1, this._loading = !1, this._container = null, this._shadow = null, this._panel = null, this._messagesEl = null, this._textarea = null, this._sendBtn = null, this._viewportHandler = null;
   }
   // ── Public API ──────────────────────────────────────────────────────────────
   /**
@@ -280,45 +289,45 @@ let S = class {
    * If `widgetId` was provided, fetches the server-side config first (async).
    * Returns a Promise so callers can await full initialisation.
    */
-  mount(e) {
-    const t = () => {
-      const a = e || document.body;
+  mount(t) {
+    const e = () => {
+      const a = t || document.body;
       this._container = document.createElement("div"), this._container.setAttribute("data-cognitiondesk", ""), a.appendChild(this._container), this._shadow = this._container.attachShadow({ mode: "open" });
       const s = document.createElement("style");
-      s.textContent = N, this._shadow.appendChild(s), this._buildDOM(), this._applyTheme(), this._syncViewportMetrics(), this._bindViewportMetrics(), this._bindEvents(), this._cfg.welcomeMessage && this._appendMessage("assistant", this._cfg.welcomeMessage, !1);
+      s.textContent = B, this._shadow.appendChild(s), this._buildDOM(), this._applyTheme(), this._syncViewportMetrics(), this._bindViewportMetrics(), this._bindEvents(), this._cfg.welcomeMessage && this._appendMessage("assistant", this._cfg.welcomeMessage, !1);
     };
-    return this._cfg.widgetId ? this._fetchWidgetConfig().then(() => t()).catch(() => t()) : (t(), Promise.resolve(this));
+    return this._cfg.widgetId ? this._fetchWidgetConfig().then(() => e()).catch(() => e()) : (e(), Promise.resolve(this));
   }
   /**
    * Fetch public widget config from the platform and merge into this._cfg.
    * Only fields not already overridden by the constructor are applied.
    */
   async _fetchWidgetConfig() {
-    var t;
-    const e = `${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;
+    var e;
+    const t = `${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;
     try {
-      const a = await fetch(e);
+      const a = await fetch(t);
       if (!a.ok) return;
       const { config: s } = await a.json();
       if (!s) return;
-      s.botName && !this._userSet("botName") && (this._cfg.botName = s.botName), s.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = s.welcomeMessage), s.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = s.primaryColor), s.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = s.placeholder), s.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = s.assistantId), (t = s.avatar) != null && t.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = s.avatar.value);
+      s.botName && !this._userSet("botName") && (this._cfg.botName = s.botName), s.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = s.welcomeMessage), s.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = s.primaryColor), s.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = s.placeholder), s.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = s.assistantId), (e = s.avatar) != null && e.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = s.avatar.value), s.rateLimiting && (this._cfg.rateLimiting = { ...this._cfg.rateLimiting, ...s.rateLimiting });
     } catch {
     }
   }
   // eslint-disable-next-line no-unused-vars
-  _userSet(e) {
+  _userSet(t) {
     return !1;
   }
   unmount() {
     this._unbindViewportMetrics(), this._container && (this._container.remove(), this._container = null);
   }
   open() {
-    var e, t;
-    this._open = !0, this._syncViewportMetrics(), (e = this._panel) == null || e.classList.add("open"), (t = this._textarea) == null || t.focus();
+    var t, e;
+    this._open = !0, this._syncViewportMetrics(), (t = this._panel) == null || t.classList.add("open"), (e = this._textarea) == null || e.focus();
   }
   close() {
-    var e;
-    this._open = !1, (e = this._panel) == null || e.classList.remove("open");
+    var t;
+    this._open = !1, (t = this._panel) == null || t.classList.remove("open");
   }
   toggle() {
     this._open ? this.close() : this.open();
@@ -328,10 +337,10 @@ let S = class {
   }
   // ── DOM ─────────────────────────────────────────────────────────────────────
   _buildDOM() {
-    const e = document.createElement("div");
-    e.className = "cd-root";
-    const t = document.createElement("button");
-    t.className = "cd-widget-btn", t.innerHTML = w.chat, t.setAttribute("aria-label", "Open chat"), t.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = t;
+    const t = document.createElement("div");
+    t.className = "cd-root";
+    const e = document.createElement("button");
+    e.className = "cd-widget-btn", e.innerHTML = x.chat, e.setAttribute("aria-label", "Open chat"), e.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = e;
     const a = document.createElement("div");
     a.className = "cd-panel", this._panel = a;
     const s = document.createElement("div");
@@ -344,27 +353,27 @@ let S = class {
         </div>
       </div>
     `;
-    const o = document.createElement("button");
-    o.className = "cd-close-btn", o.innerHTML = w.close, o.setAttribute("aria-label", "Close chat"), s.appendChild(o), this._closeBtn = o;
-    const r = document.createElement("div");
-    r.className = "cd-messages", r.setAttribute("role", "log"), r.setAttribute("aria-live", "polite"), this._messagesEl = r;
+    const r = document.createElement("button");
+    r.className = "cd-close-btn", r.innerHTML = x.close, r.setAttribute("aria-label", "Close chat"), s.appendChild(r), this._closeBtn = r;
     const n = document.createElement("div");
-    n.className = "cd-input-area";
-    const d = document.createElement("textarea");
-    d.className = "cd-textarea", d.rows = 1, d.placeholder = this._cfg.placeholder, this._textarea = d;
+    n.className = "cd-messages", n.setAttribute("role", "log"), n.setAttribute("aria-live", "polite"), this._messagesEl = n;
+    const d = document.createElement("div");
+    d.className = "cd-input-area";
+    const o = document.createElement("textarea");
+    o.className = "cd-textarea", o.rows = 1, o.placeholder = this._cfg.placeholder, this._textarea = o;
     const c = document.createElement("button");
-    c.className = "cd-send-btn", c.innerHTML = w.send, c.setAttribute("aria-label", "Send"), this._sendBtn = c, n.appendChild(d), n.appendChild(c);
+    c.className = "cd-send-btn", c.innerHTML = x.send, c.setAttribute("aria-label", "Send"), this._sendBtn = c, d.appendChild(o), d.appendChild(c);
     const l = document.createElement("div");
-    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', a.appendChild(s), a.appendChild(r), a.appendChild(n), a.appendChild(l), e.appendChild(t), e.appendChild(a), this._shadow.appendChild(e), this._root = e;
+    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', a.appendChild(s), a.appendChild(n), a.appendChild(d), a.appendChild(l), t.appendChild(e), t.appendChild(a), this._shadow.appendChild(t), this._root = t;
   }
   _applyTheme() {
-    var t, a, s;
-    (this._cfg.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : this._cfg.theme) === "dark" && ((t = this._root) == null || t.classList.add("cd-dark")), (a = this._root) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor), (s = this._panel) == null || s.style.setProperty("--cd-primary", this._cfg.primaryColor);
+    var e, a, s;
+    (this._cfg.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : this._cfg.theme) === "dark" && ((e = this._root) == null || e.classList.add("cd-dark")), (a = this._root) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor), (s = this._panel) == null || s.style.setProperty("--cd-primary", this._cfg.primaryColor);
   }
   // ── Events ──────────────────────────────────────────────────────────────────
   _bindEvents() {
-    this._toggleBtn.addEventListener("click", () => this.toggle()), this._closeBtn.addEventListener("click", () => this.close()), this._sendBtn.addEventListener("click", () => this._sendMessage()), this._textarea.addEventListener("keydown", (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this._sendMessage());
+    this._toggleBtn.addEventListener("click", () => this.toggle()), this._closeBtn.addEventListener("click", () => this.close()), this._sendBtn.addEventListener("click", () => this._sendMessage()), this._textarea.addEventListener("keydown", (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), this._sendMessage());
     }), this._textarea.addEventListener("input", () => {
       this._textarea.style.height = "auto", this._textarea.style.height = Math.min(this._textarea.scrollHeight, 120) + "px";
     }), this._textarea.addEventListener("focus", () => {
@@ -378,28 +387,45 @@ let S = class {
     this._viewportHandler && (window.removeEventListener("resize", this._viewportHandler), window.removeEventListener("orientationchange", this._viewportHandler), window.visualViewport && (window.visualViewport.removeEventListener("resize", this._viewportHandler), window.visualViewport.removeEventListener("scroll", this._viewportHandler)), this._viewportHandler = null);
   }
   _syncViewportMetrics() {
-    const e = this._root || this._container;
-    if (!e) return;
-    const t = window.visualViewport, a = t ? t.height : window.innerHeight;
-    e.style.setProperty("--cd-viewport-height", `${Math.round(a)}px`);
+    const t = this._root || this._container;
+    if (!t) return;
+    const e = window.visualViewport, a = e ? e.height : window.innerHeight;
+    t.style.setProperty("--cd-viewport-height", `${Math.round(a)}px`);
   }
   // ── Chat ────────────────────────────────────────────────────────────────────
   async _sendMessage() {
-    const e = this._textarea.value.trim();
-    if (!(!e || this._loading)) {
-      this._textarea.value = "", this._textarea.style.height = "auto", this._loading = !0, this._sendBtn.disabled = !0, this._messages.push({ role: "user", content: e }), this._appendMessage("user", e, !1);
-      try {
-        if (this._cfg.streaming)
-          await this._callApiStream();
-        else {
-          const t = this._showTyping(), a = await this._callApi();
-          this._removeTyping(t), this._messages.push({ role: "assistant", content: a }), this._appendMessage("assistant", a, !0);
-        }
-      } catch (t) {
-        this._appendMessage("error", "Sorry, something went wrong. Please try again.", !1), console.error("[CognitionDesk]", t);
-      } finally {
-        this._loading = !1, this._sendBtn.disabled = !1, this._textarea.focus();
+    var a;
+    const t = this._textarea.value.trim();
+    if (!t || this._loading) return;
+    const e = this._cfg.rateLimiting;
+    if (e != null && e.enabled) {
+      const s = Date.now();
+      if (s - this._minuteStart >= 6e4 && (this._minuteCount = 0, this._minuteStart = s), e.maxMessagesPerSession > 0 && this._messageCount >= e.maxMessagesPerSession) {
+        this._appendMessage("error", e.limitReachedMessage, !1), this._textarea.disabled = !0, this._sendBtn.disabled = !0;
+        return;
       }
+      if (e.maxMessagesPerMinute > 0 && this._minuteCount >= e.maxMessagesPerMinute) {
+        this._appendMessage("error", e.rateLimitMessage, !1);
+        return;
+      }
+    }
+    this._textarea.value = "", this._textarea.style.height = "auto", this._loading = !0, this._sendBtn.disabled = !0, this._messages.push({ role: "user", content: t }), this._appendMessage("user", t, !1), this._messageCount += 1, this._minuteCount += 1;
+    try {
+      if (this._cfg.streaming)
+        await this._callApiStream();
+      else {
+        const s = this._showTyping(), r = await this._callApi();
+        this._removeTyping(s), this._messages.push({ role: "assistant", content: r }), this._appendMessage("assistant", r, !0);
+      }
+    } catch (s) {
+      if (s.status === 429 || (a = s.message) != null && a.includes("429")) {
+        const r = s.rateLimitMessage || (e == null ? void 0 : e.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment.";
+        this._appendMessage("error", r, !1);
+      } else
+        this._appendMessage("error", "Sorry, something went wrong. Please try again.", !1);
+      console.error("[CognitionDesk]", s);
+    } finally {
+      this._loading = !1, (e == null ? void 0 : e.maxMessagesPerSession) > 0 && this._messageCount >= e.maxMessagesPerSession || (this._sendBtn.disabled = !1), this._textarea.focus();
     }
   }
   _buildRequestBody() {
@@ -416,107 +442,112 @@ let S = class {
   }
   /** Streaming path — uses SSE endpoint */
   async _callApiStream() {
-    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/stream`, t = await fetch(e, {
+    const t = `${this._cfg.backendUrl}/chat-apiKeyAuth/stream`, e = await fetch(t, {
       method: "POST",
       headers: { "Content-Type": "application/json", "x-api-key": this._cfg.apiKey },
       body: JSON.stringify({ ...this._buildRequestBody(), stream: !0 })
     });
-    if (!t.ok) {
-      const d = await t.json().catch(() => ({}));
-      throw new Error(d.message || `HTTP ${t.status}`);
+    if (!e.ok) {
+      const o = await e.json().catch(() => ({})), c = new Error(o.message || `HTTP ${e.status}`);
+      throw c.status = e.status, c.rateLimitMessage = o.message, c;
     }
     const a = document.createElement("div");
     a.className = "cd-msg assistant", a.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(a), this._scrollToBottom();
-    const s = t.body.getReader(), o = new TextDecoder();
-    let r = "", n = !1;
+    const s = e.body.getReader(), r = new TextDecoder();
+    let n = "", d = !1;
     try {
       for (; ; ) {
-        const { done: d, value: c } = await s.read();
-        if (d) break;
-        const l = o.decode(c, { stream: !0 });
+        const { done: o, value: c } = await s.read();
+        if (o) break;
+        const l = r.decode(c, { stream: !0 });
         for (const g of l.split(`
 `)) {
           if (!g.startsWith("data: ")) continue;
-          const f = g.slice(6).trim();
-          if (f === "[DONE]") break;
+          const m = g.slice(6).trim();
+          if (m === "[DONE]") break;
           let h;
           try {
-            h = JSON.parse(f);
+            h = JSON.parse(m);
           } catch {
             continue;
           }
-          h.type === "content" && h.data && (n || (a.innerHTML = "", n = !0), r += h.data, a.innerHTML = this._renderMarkdown(r), this._scrollToBottom());
+          h.type === "content" && h.data && (d || (a.innerHTML = "", d = !0), n += h.data, a.innerHTML = this._renderMarkdown(n), this._scrollToBottom());
         }
       }
     } finally {
       s.releaseLock();
     }
-    n || (a.innerHTML = this._renderMarkdown("No response")), r && this._messages.push({ role: "assistant", content: r });
+    d || (a.innerHTML = this._renderMarkdown("No response")), n && this._messages.push({ role: "assistant", content: n });
   }
   /** Non-streaming fallback path */
   async _callApi() {
-    var s, o, r;
-    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/chat`, t = await fetch(e, {
+    var s, r, n;
+    const t = `${this._cfg.backendUrl}/chat-apiKeyAuth/chat`, e = await fetch(t, {
       method: "POST",
       headers: { "Content-Type": "application/json", "x-api-key": this._cfg.apiKey },
       body: JSON.stringify(this._buildRequestBody())
     });
-    if (!t.ok) {
-      const n = await t.json().catch(() => ({}));
-      throw new Error(n.message || `HTTP ${t.status}`);
+    if (!e.ok) {
+      const d = await e.json().catch(() => ({})), o = new Error(d.message || `HTTP ${e.status}`);
+      throw o.status = e.status, o.rateLimitMessage = d.message, o;
     }
-    const a = await t.json();
-    return a.response || a.message || a.content || ((r = (o = (s = a.choices) == null ? void 0 : s[0]) == null ? void 0 : o.message) == null ? void 0 : r.content) || "No response";
+    const a = await e.json();
+    return a.response || a.message || a.content || ((n = (r = (s = a.choices) == null ? void 0 : s[0]) == null ? void 0 : r.message) == null ? void 0 : n.content) || "No response";
   }
   // ── DOM helpers ─────────────────────────────────────────────────────────────
-  _appendMessage(e, t, a = !0) {
+  _appendMessage(t, e, a = !0) {
     const s = document.createElement("div");
-    s.className = `cd-msg ${e}`, a && e !== "user" ? s.innerHTML = this._renderMarkdown(t) : s.textContent = t, this._messagesEl.appendChild(s), this._scrollToBottom();
+    s.className = `cd-msg ${t}`, a && t !== "user" ? s.innerHTML = this._renderMarkdown(e) : s.textContent = e, this._messagesEl.appendChild(s), this._scrollToBottom();
   }
   /** Minimal, safe markdown → HTML renderer (no dependencies). */
-  _renderMarkdown(e) {
-    if (!e) return "";
-    let t = this._escHtml(e);
-    return t = t.replace(
+  _renderMarkdown(t) {
+    if (!t) return "";
+    let e = this._escHtml(t);
+    return e = e.replace(
       /```[\w]*\n?([\s\S]*?)```/g,
       (a, s) => `<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.trim()}</pre>`
-    ), t = t.replace(/`([^`]+)`/g, '<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^_]+)__/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/_([^_]+)_/g, "<em>$1</em>"), t = t.replace(
+    ), e = e.replace(/`([^`]+)`/g, '<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^_]+)__/g, "<strong>$1</strong>"), e = e.replace(/\*([^*]+)\*/g, "<em>$1</em>"), e = e.replace(/_([^_]+)_/g, "<em>$1</em>"), e = e.replace(
       /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,
       '<a href="$2" target="_blank" rel="noopener" style="color:var(--cd-primary,#2563eb)">$1</a>'
-    ), t = t.replace(/\n/g, "<br>"), t;
+    ), e = e.replace(/\n/g, "<br>"), e;
   }
   _showTyping() {
-    const e = document.createElement("div");
-    return e.className = "cd-msg assistant", e.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(e), this._scrollToBottom(), e;
+    const t = document.createElement("div");
+    return t.className = "cd-msg assistant", t.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(t), this._scrollToBottom(), t;
   }
-  _removeTyping(e) {
-    e == null || e.remove();
+  _removeTyping(t) {
+    t == null || t.remove();
   }
   _scrollToBottom() {
     this._messagesEl && (this._messagesEl.scrollTop = this._messagesEl.scrollHeight);
   }
-  _escHtml(e) {
-    return String(e).replace(/[&<>"']/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[t]);
+  _escHtml(t) {
+    return String(t).replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]);
   }
 };
-const D = H(function(e, t) {
+const V = N(function(t, e) {
   const {
     apiKey: a,
     widgetId: s,
-    assistantId: o,
-    theme: r = "light",
-    primaryColor: n = "#2563eb",
-    botName: d = "AI Assistant",
+    assistantId: r,
+    theme: n = "light",
+    primaryColor: d = "#2563eb",
+    botName: o = "AI Assistant",
     botEmoji: c = "🤖",
     welcomeMessage: l = "Hello! How can I help you today?",
     placeholder: g = "Type a message…",
-    defaultOpen: f = !1,
+    defaultOpen: m = !1,
     streaming: h = !0,
-    backendUrl: x,
-    onOpen: m,
+    backendUrl: w,
+    // Rate limiting — 0 means unlimited
+    maxMessagesPerSession: L = 0,
+    maxMessagesPerMinute: H = 0,
+    limitReachedMessage: v,
+    rateLimitMessage: y,
+    onOpen: f,
     onClose: u
-  } = e, p = y(null), v = y(null);
-  return T(t, () => ({
+  } = t, p = M(null), k = M(null);
+  return I(e, () => ({
     open: () => {
       var i;
       return (i = p.current) == null ? void 0 : i.open();
@@ -533,44 +564,51 @@ const D = H(function(e, t) {
       var i;
       return (i = p.current) == null ? void 0 : i.clearHistory();
     }
-  }), []), k(() => {
+  }), []), C(() => {
     if (!a) {
       console.error("[CognitionDesk] apiKey prop is required");
       return;
     }
-    const i = new S({
+    const i = new D({
       apiKey: a,
       widgetId: s,
-      assistantId: o,
-      theme: r,
-      primaryColor: n,
-      botName: d,
+      assistantId: r,
+      theme: n,
+      primaryColor: d,
+      botName: o,
       botEmoji: c,
       welcomeMessage: l,
       placeholder: g,
       streaming: h,
-      ...x ? { backendUrl: x } : {}
+      ...w ? { backendUrl: w } : {},
+      rateLimiting: {
+        enabled: !0,
+        maxMessagesPerSession: L,
+        maxMessagesPerMinute: H,
+        ...v ? { limitReachedMessage: v } : {},
+        ...y ? { rateLimitMessage: y } : {}
+      }
     });
-    if (m || u) {
-      const _ = i.open.bind(i), M = i.close.bind(i);
+    if (f || u) {
+      const _ = i.open.bind(i), T = i.close.bind(i);
       i.open = (...b) => {
-        _(...b), m == null || m();
+        _(...b), f == null || f();
       }, i.close = (...b) => {
-        M(...b), u == null || u();
+        T(...b), u == null || u();
       };
     }
-    return Promise.resolve(i.mount(v.current)).then(() => {
-      p.current = i, f && i.open();
+    return Promise.resolve(i.mount(k.current)).then(() => {
+      p.current = i, m && i.open();
     }), () => {
       i.unmount(), p.current = null;
     };
-  }, [a, s, o]), k(() => {
+  }, [a, s, r]), C(() => {
     var _;
     const i = p.current;
-    i && (i._cfg.theme = r, i._cfg.primaryColor = n, (_ = i._applyTheme) == null || _.call(i));
-  }, [r, n]), /* @__PURE__ */ C("div", { ref: v, "data-cognitiondesk-root": "" });
+    i && (i._cfg.theme = n, i._cfg.primaryColor = d, (_ = i._applyTheme) == null || _.call(i));
+  }, [n, d]), /* @__PURE__ */ S("div", { ref: k, "data-cognitiondesk-root": "" });
 });
 export {
-  D as CognitionDeskWidget,
-  S as CognitionDeskWidgetCore
+  V as CognitionDeskWidget,
+  D as CognitionDeskWidgetCore
 };

package/dist/react.umd.cjs

@@ -1,4 +1,4 @@
-(function(c,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],u):(c=typeof globalThis<"u"?globalThis:c||self,u(c.CognitionDeskWidgetReact={},c.jsxRuntime,c.React))})(this,function(c,u,g){"use strict";const C="https://mounaji-backendv3.onrender.com",H=`
+(function(l,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],f):(l=typeof globalThis<"u"?globalThis:l||self,f(l.CognitionDeskWidgetReact={},l.jsxRuntime,l.React))})(this,function(l,f,g){"use strict";const H="https://mounaji-backendv3.onrender.com",T=`
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -244,7 +244,7 @@
       font-size: 16px;
     }
   }
-`,v={chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>'};function T(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}let k=class{constructor(e={}){if(!e.apiKey)throw new Error("[CognitionDesk] apiKey is required");this._cfg={apiKey:e.apiKey,widgetId:e.widgetId||null,assistantId:e.assistantId||null,backendUrl:e.backendUrl||C,primaryColor:e.primaryColor||"#2563eb",theme:e.theme||"light",botName:e.botName||"AI Assistant",botEmoji:e.botEmoji||"🤖",welcomeMessage:e.welcomeMessage||"Hello! How can I help you today?",placeholder:e.placeholder||"Type a message…",position:e.position||"bottom-right",streaming:e.streaming!==!1},this._sessionId=T(),this._messages=[],this._open=!1,this._loading=!1,this._container=null,this._shadow=null,this._panel=null,this._messagesEl=null,this._textarea=null,this._sendBtn=null,this._viewportHandler=null}mount(e){const t=()=>{const a=e||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=H,this._shadow.appendChild(s),this._buildDOM(),this._applyTheme(),this._syncViewportMetrics(),this._bindViewportMetrics(),this._bindEvents(),this._cfg.welcomeMessage&&this._appendMessage("assistant",this._cfg.welcomeMessage,!1)};return this._cfg.widgetId?this._fetchWidgetConfig().then(()=>t()).catch(()=>t()):(t(),Promise.resolve(this))}async _fetchWidgetConfig(){var t;const e=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(e);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(t=s.avatar)!=null&&t.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value)}catch{}}_userSet(e){return!1}unmount(){this._unbindViewportMetrics(),this._container&&(this._container.remove(),this._container=null)}open(){var e,t;this._open=!0,this._syncViewportMetrics(),(e=this._panel)==null||e.classList.add("open"),(t=this._textarea)==null||t.focus()}close(){var e;this._open=!1,(e=this._panel)==null||e.classList.remove("open")}toggle(){this._open?this.close():this.open()}clearHistory(){this._messages=[],this._messagesEl&&(this._messagesEl.innerHTML=""),this._cfg.welcomeMessage&&this._appendMessage("assistant",this._cfg.welcomeMessage)}_buildDOM(){const e=document.createElement("div");e.className="cd-root";const t=document.createElement("button");t.className="cd-widget-btn",t.innerHTML=v.chat,t.setAttribute("aria-label","Open chat"),t.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=t;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.innerHTML=`
+`,v={chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>'};function S(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}let k=class{constructor(t={}){var e,a,s,r,n;if(!t.apiKey)throw new Error("[CognitionDesk] apiKey is required");this._cfg={apiKey:t.apiKey,widgetId:t.widgetId||null,assistantId:t.assistantId||null,backendUrl:t.backendUrl||H,primaryColor:t.primaryColor||"#2563eb",theme:t.theme||"light",botName:t.botName||"AI Assistant",botEmoji:t.botEmoji||"🤖",welcomeMessage:t.welcomeMessage||"Hello! How can I help you today?",placeholder:t.placeholder||"Type a message…",position:t.position||"bottom-right",streaming:t.streaming!==!1,rateLimiting:{enabled:((e=t.rateLimiting)==null?void 0:e.enabled)!==!1,maxMessagesPerSession:((a=t.rateLimiting)==null?void 0:a.maxMessagesPerSession)??0,maxMessagesPerMinute:((s=t.rateLimiting)==null?void 0:s.maxMessagesPerMinute)??0,limitReachedMessage:((r=t.rateLimiting)==null?void 0:r.limitReachedMessage)||"You've reached the message limit for this session.",rateLimitMessage:((n=t.rateLimiting)==null?void 0:n.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment."}},this._sessionId=S(),this._messageCount=0,this._minuteCount=0,this._minuteStart=Date.now(),this._messages=[],this._open=!1,this._loading=!1,this._container=null,this._shadow=null,this._panel=null,this._messagesEl=null,this._textarea=null,this._sendBtn=null,this._viewportHandler=null}mount(t){const e=()=>{const a=t||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=T,this._shadow.appendChild(s),this._buildDOM(),this._applyTheme(),this._syncViewportMetrics(),this._bindViewportMetrics(),this._bindEvents(),this._cfg.welcomeMessage&&this._appendMessage("assistant",this._cfg.welcomeMessage,!1)};return this._cfg.widgetId?this._fetchWidgetConfig().then(()=>e()).catch(()=>e()):(e(),Promise.resolve(this))}async _fetchWidgetConfig(){var e;const t=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(t);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(e=s.avatar)!=null&&e.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value),s.rateLimiting&&(this._cfg.rateLimiting={...this._cfg.rateLimiting,...s.rateLimiting})}catch{}}_userSet(t){return!1}unmount(){this._unbindViewportMetrics(),this._container&&(this._container.remove(),this._container=null)}open(){var t,e;this._open=!0,this._syncViewportMetrics(),(t=this._panel)==null||t.classList.add("open"),(e=this._textarea)==null||e.focus()}close(){var t;this._open=!1,(t=this._panel)==null||t.classList.remove("open")}toggle(){this._open?this.close():this.open()}clearHistory(){this._messages=[],this._messagesEl&&(this._messagesEl.innerHTML=""),this._cfg.welcomeMessage&&this._appendMessage("assistant",this._cfg.welcomeMessage)}_buildDOM(){const t=document.createElement("div");t.className="cd-root";const e=document.createElement("button");e.className="cd-widget-btn",e.innerHTML=v.chat,e.setAttribute("aria-label","Open chat"),e.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=e;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.innerHTML=`
       <div class="cd-header-avatar">${this._cfg.botEmoji}</div>
       <div class="cd-header-info">
         <div class="cd-header-name">${this._escHtml(this._cfg.botName)}</div>
@@ -252,5 +252,5 @@
           <span class="cd-status-dot"></span> Online
         </div>
       </div>
-    `;const o=document.createElement("button");o.className="cd-close-btn",o.innerHTML=v.close,o.setAttribute("aria-label","Close chat"),s.appendChild(o),this._closeBtn=o;const r=document.createElement("div");r.className="cd-messages",r.setAttribute("role","log"),r.setAttribute("aria-live","polite"),this._messagesEl=r;const n=document.createElement("div");n.className="cd-input-area";const d=document.createElement("textarea");d.className="cd-textarea",d.rows=1,d.placeholder=this._cfg.placeholder,this._textarea=d;const l=document.createElement("button");l.className="cd-send-btn",l.innerHTML=v.send,l.setAttribute("aria-label","Send"),this._sendBtn=l,n.appendChild(d),n.appendChild(l);const p=document.createElement("div");p.className="cd-powered",p.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(r),a.appendChild(n),a.appendChild(p),e.appendChild(t),e.appendChild(a),this._shadow.appendChild(e),this._root=e}_applyTheme(){var t,a,s;(this._cfg.theme==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":this._cfg.theme)==="dark"&&((t=this._root)==null||t.classList.add("cd-dark")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_bindEvents(){this._toggleBtn.addEventListener("click",()=>this.toggle()),this._closeBtn.addEventListener("click",()=>this.close()),this._sendBtn.addEventListener("click",()=>this._sendMessage()),this._textarea.addEventListener("keydown",e=>{e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),this._sendMessage())}),this._textarea.addEventListener("input",()=>{this._textarea.style.height="auto",this._textarea.style.height=Math.min(this._textarea.scrollHeight,120)+"px"}),this._textarea.addEventListener("focus",()=>{this._syncViewportMetrics()})}_bindViewportMetrics(){this._viewportHandler||(this._viewportHandler=()=>this._syncViewportMetrics(),window.addEventListener("resize",this._viewportHandler,{passive:!0}),window.addEventListener("orientationchange",this._viewportHandler),window.visualViewport&&(window.visualViewport.addEventListener("resize",this._viewportHandler),window.visualViewport.addEventListener("scroll",this._viewportHandler)))}_unbindViewportMetrics(){this._viewportHandler&&(window.removeEventListener("resize",this._viewportHandler),window.removeEventListener("orientationchange",this._viewportHandler),window.visualViewport&&(window.visualViewport.removeEventListener("resize",this._viewportHandler),window.visualViewport.removeEventListener("scroll",this._viewportHandler)),this._viewportHandler=null)}_syncViewportMetrics(){const e=this._root||this._container;if(!e)return;const t=window.visualViewport,a=t?t.height:window.innerHeight;e.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}async _sendMessage(){const e=this._textarea.value.trim();if(!(!e||this._loading)){this._textarea.value="",this._textarea.style.height="auto",this._loading=!0,this._sendBtn.disabled=!0,this._messages.push({role:"user",content:e}),this._appendMessage("user",e,!1);try{if(this._cfg.streaming)await this._callApiStream();else{const t=this._showTyping(),a=await this._callApi();this._removeTyping(t),this._messages.push({role:"assistant",content:a}),this._appendMessage("assistant",a,!0)}}catch(t){this._appendMessage("error","Sorry, something went wrong. Please try again.",!1),console.error("[CognitionDesk]",t)}finally{this._loading=!1,this._sendBtn.disabled=!1,this._textarea.focus()}}}_buildRequestBody(){return{messages:this._messages,assistantId:this._cfg.assistantId||void 0,userContext:{sessionId:this._sessionId,assistantId:this._cfg.assistantId||void 0,widgetId:this._cfg.widgetId||void 0,platform:"cognitiondesk-widget"}}}async _callApiStream(){const e=`${this._cfg.backendUrl}/chat-apiKeyAuth/stream`,t=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify({...this._buildRequestBody(),stream:!0})});if(!t.ok){const d=await t.json().catch(()=>({}));throw new Error(d.message||`HTTP ${t.status}`)}const a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=t.body.getReader(),o=new TextDecoder;let r="",n=!1;try{for(;;){const{done:d,value:l}=await s.read();if(d)break;const p=o.decode(l,{stream:!0});for(const m of p.split(`
-`)){if(!m.startsWith("data: "))continue;const _=m.slice(6).trim();if(_==="[DONE]")break;let f;try{f=JSON.parse(_)}catch{continue}f.type==="content"&&f.data&&(n||(a.innerHTML="",n=!0),r+=f.data,a.innerHTML=this._renderMarkdown(r),this._scrollToBottom())}}}finally{s.releaseLock()}n||(a.innerHTML=this._renderMarkdown("No response")),r&&this._messages.push({role:"assistant",content:r})}async _callApi(){var s,o,r;const e=`${this._cfg.backendUrl}/chat-apiKeyAuth/chat`,t=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify(this._buildRequestBody())});if(!t.ok){const n=await t.json().catch(()=>({}));throw new Error(n.message||`HTTP ${t.status}`)}const a=await t.json();return a.response||a.message||a.content||((r=(o=(s=a.choices)==null?void 0:s[0])==null?void 0:o.message)==null?void 0:r.content)||"No response"}_appendMessage(e,t,a=!0){const s=document.createElement("div");s.className=`cd-msg ${e}`,a&&e!=="user"?s.innerHTML=this._renderMarkdown(t):s.textContent=t,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(e){if(!e)return"";let t=this._escHtml(e);return t=t.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.trim()}</pre>`),t=t.replace(/`([^`]+)`/g,'<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'),t=t.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),t=t.replace(/__([^_]+)__/g,"<strong>$1</strong>"),t=t.replace(/\*([^*]+)\*/g,"<em>$1</em>"),t=t.replace(/_([^_]+)_/g,"<em>$1</em>"),t=t.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,'<a href="$2" target="_blank" rel="noopener" style="color:var(--cd-primary,#2563eb)">$1</a>'),t=t.replace(/\n/g,"<br>"),t}_showTyping(){const e=document.createElement("div");return e.className="cd-msg assistant",e.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(e),this._scrollToBottom(),e}_removeTyping(e){e==null||e.remove()}_scrollToBottom(){this._messagesEl&&(this._messagesEl.scrollTop=this._messagesEl.scrollHeight)}_escHtml(e){return String(e).replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t])}};const L=g.forwardRef(function(e,t){const{apiKey:a,widgetId:s,assistantId:o,theme:r="light",primaryColor:n="#2563eb",botName:d="AI Assistant",botEmoji:l="🤖",welcomeMessage:p="Hello! How can I help you today?",placeholder:m="Type a message…",defaultOpen:_=!1,streaming:f=!0,backendUrl:E,onOpen:b,onClose:x}=e,h=g.useRef(null),M=g.useRef(null);return g.useImperativeHandle(t,()=>({open:()=>{var i;return(i=h.current)==null?void 0:i.open()},close:()=>{var i;return(i=h.current)==null?void 0:i.close()},toggle:()=>{var i;return(i=h.current)==null?void 0:i.toggle()},clearHistory:()=>{var i;return(i=h.current)==null?void 0:i.clearHistory()}}),[]),g.useEffect(()=>{if(!a){console.error("[CognitionDesk] apiKey prop is required");return}const i=new k({apiKey:a,widgetId:s,assistantId:o,theme:r,primaryColor:n,botName:d,botEmoji:l,welcomeMessage:p,placeholder:m,streaming:f,...E?{backendUrl:E}:{}});if(b||x){const w=i.open.bind(i),I=i.close.bind(i);i.open=(...y)=>{w(...y),b==null||b()},i.close=(...y)=>{I(...y),x==null||x()}}return Promise.resolve(i.mount(M.current)).then(()=>{h.current=i,_&&i.open()}),()=>{i.unmount(),h.current=null}},[a,s,o]),g.useEffect(()=>{var w;const i=h.current;i&&(i._cfg.theme=r,i._cfg.primaryColor=n,(w=i._applyTheme)==null||w.call(i))},[r,n]),u.jsx("div",{ref:M,"data-cognitiondesk-root":""})});c.CognitionDeskWidget=L,c.CognitionDeskWidgetCore=k,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+    `;const r=document.createElement("button");r.className="cd-close-btn",r.innerHTML=v.close,r.setAttribute("aria-label","Close chat"),s.appendChild(r),this._closeBtn=r;const n=document.createElement("div");n.className="cd-messages",n.setAttribute("role","log"),n.setAttribute("aria-live","polite"),this._messagesEl=n;const d=document.createElement("div");d.className="cd-input-area";const o=document.createElement("textarea");o.className="cd-textarea",o.rows=1,o.placeholder=this._cfg.placeholder,this._textarea=o;const c=document.createElement("button");c.className="cd-send-btn",c.innerHTML=v.send,c.setAttribute("aria-label","Send"),this._sendBtn=c,d.appendChild(o),d.appendChild(c);const p=document.createElement("div");p.className="cd-powered",p.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(n),a.appendChild(d),a.appendChild(p),t.appendChild(e),t.appendChild(a),this._shadow.appendChild(t),this._root=t}_applyTheme(){var e,a,s;(this._cfg.theme==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":this._cfg.theme)==="dark"&&((e=this._root)==null||e.classList.add("cd-dark")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_bindEvents(){this._toggleBtn.addEventListener("click",()=>this.toggle()),this._closeBtn.addEventListener("click",()=>this.close()),this._sendBtn.addEventListener("click",()=>this._sendMessage()),this._textarea.addEventListener("keydown",t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),this._sendMessage())}),this._textarea.addEventListener("input",()=>{this._textarea.style.height="auto",this._textarea.style.height=Math.min(this._textarea.scrollHeight,120)+"px"}),this._textarea.addEventListener("focus",()=>{this._syncViewportMetrics()})}_bindViewportMetrics(){this._viewportHandler||(this._viewportHandler=()=>this._syncViewportMetrics(),window.addEventListener("resize",this._viewportHandler,{passive:!0}),window.addEventListener("orientationchange",this._viewportHandler),window.visualViewport&&(window.visualViewport.addEventListener("resize",this._viewportHandler),window.visualViewport.addEventListener("scroll",this._viewportHandler)))}_unbindViewportMetrics(){this._viewportHandler&&(window.removeEventListener("resize",this._viewportHandler),window.removeEventListener("orientationchange",this._viewportHandler),window.visualViewport&&(window.visualViewport.removeEventListener("resize",this._viewportHandler),window.visualViewport.removeEventListener("scroll",this._viewportHandler)),this._viewportHandler=null)}_syncViewportMetrics(){const t=this._root||this._container;if(!t)return;const e=window.visualViewport,a=e?e.height:window.innerHeight;t.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}async _sendMessage(){var a;const t=this._textarea.value.trim();if(!t||this._loading)return;const e=this._cfg.rateLimiting;if(e!=null&&e.enabled){const s=Date.now();if(s-this._minuteStart>=6e4&&(this._minuteCount=0,this._minuteStart=s),e.maxMessagesPerSession>0&&this._messageCount>=e.maxMessagesPerSession){this._appendMessage("error",e.limitReachedMessage,!1),this._textarea.disabled=!0,this._sendBtn.disabled=!0;return}if(e.maxMessagesPerMinute>0&&this._minuteCount>=e.maxMessagesPerMinute){this._appendMessage("error",e.rateLimitMessage,!1);return}}this._textarea.value="",this._textarea.style.height="auto",this._loading=!0,this._sendBtn.disabled=!0,this._messages.push({role:"user",content:t}),this._appendMessage("user",t,!1),this._messageCount+=1,this._minuteCount+=1;try{if(this._cfg.streaming)await this._callApiStream();else{const s=this._showTyping(),r=await this._callApi();this._removeTyping(s),this._messages.push({role:"assistant",content:r}),this._appendMessage("assistant",r,!0)}}catch(s){if(s.status===429||(a=s.message)!=null&&a.includes("429")){const r=s.rateLimitMessage||(e==null?void 0:e.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment.";this._appendMessage("error",r,!1)}else this._appendMessage("error","Sorry, something went wrong. Please try again.",!1);console.error("[CognitionDesk]",s)}finally{this._loading=!1,(e==null?void 0:e.maxMessagesPerSession)>0&&this._messageCount>=e.maxMessagesPerSession||(this._sendBtn.disabled=!1),this._textarea.focus()}}_buildRequestBody(){return{messages:this._messages,assistantId:this._cfg.assistantId||void 0,userContext:{sessionId:this._sessionId,assistantId:this._cfg.assistantId||void 0,widgetId:this._cfg.widgetId||void 0,platform:"cognitiondesk-widget"}}}async _callApiStream(){const t=`${this._cfg.backendUrl}/chat-apiKeyAuth/stream`,e=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify({...this._buildRequestBody(),stream:!0})});if(!e.ok){const o=await e.json().catch(()=>({})),c=new Error(o.message||`HTTP ${e.status}`);throw c.status=e.status,c.rateLimitMessage=o.message,c}const a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=e.body.getReader(),r=new TextDecoder;let n="",d=!1;try{for(;;){const{done:o,value:c}=await s.read();if(o)break;const p=r.decode(c,{stream:!0});for(const u of p.split(`
+`)){if(!u.startsWith("data: "))continue;const _=u.slice(6).trim();if(_==="[DONE]")break;let m;try{m=JSON.parse(_)}catch{continue}m.type==="content"&&m.data&&(d||(a.innerHTML="",d=!0),n+=m.data,a.innerHTML=this._renderMarkdown(n),this._scrollToBottom())}}}finally{s.releaseLock()}d||(a.innerHTML=this._renderMarkdown("No response")),n&&this._messages.push({role:"assistant",content:n})}async _callApi(){var s,r,n;const t=`${this._cfg.backendUrl}/chat-apiKeyAuth/chat`,e=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify(this._buildRequestBody())});if(!e.ok){const d=await e.json().catch(()=>({})),o=new Error(d.message||`HTTP ${e.status}`);throw o.status=e.status,o.rateLimitMessage=d.message,o}const a=await e.json();return a.response||a.message||a.content||((n=(r=(s=a.choices)==null?void 0:s[0])==null?void 0:r.message)==null?void 0:n.content)||"No response"}_appendMessage(t,e,a=!0){const s=document.createElement("div");s.className=`cd-msg ${t}`,a&&t!=="user"?s.innerHTML=this._renderMarkdown(e):s.textContent=e,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(t){if(!t)return"";let e=this._escHtml(t);return e=e.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.trim()}</pre>`),e=e.replace(/`([^`]+)`/g,'<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'),e=e.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),e=e.replace(/__([^_]+)__/g,"<strong>$1</strong>"),e=e.replace(/\*([^*]+)\*/g,"<em>$1</em>"),e=e.replace(/_([^_]+)_/g,"<em>$1</em>"),e=e.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,'<a href="$2" target="_blank" rel="noopener" style="color:var(--cd-primary,#2563eb)">$1</a>'),e=e.replace(/\n/g,"<br>"),e}_showTyping(){const t=document.createElement("div");return t.className="cd-msg assistant",t.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(t),this._scrollToBottom(),t}_removeTyping(t){t==null||t.remove()}_scrollToBottom(){this._messagesEl&&(this._messagesEl.scrollTop=this._messagesEl.scrollHeight)}_escHtml(t){return String(t).replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}};const N=g.forwardRef(function(t,e){const{apiKey:a,widgetId:s,assistantId:r,theme:n="light",primaryColor:d="#2563eb",botName:o="AI Assistant",botEmoji:c="🤖",welcomeMessage:p="Hello! How can I help you today?",placeholder:u="Type a message…",defaultOpen:_=!1,streaming:m=!0,backendUrl:M,maxMessagesPerSession:P=0,maxMessagesPerMinute:j=0,limitReachedMessage:C,rateLimitMessage:E,onOpen:b,onClose:x}=t,h=g.useRef(null),L=g.useRef(null);return g.useImperativeHandle(e,()=>({open:()=>{var i;return(i=h.current)==null?void 0:i.open()},close:()=>{var i;return(i=h.current)==null?void 0:i.close()},toggle:()=>{var i;return(i=h.current)==null?void 0:i.toggle()},clearHistory:()=>{var i;return(i=h.current)==null?void 0:i.clearHistory()}}),[]),g.useEffect(()=>{if(!a){console.error("[CognitionDesk] apiKey prop is required");return}const i=new k({apiKey:a,widgetId:s,assistantId:r,theme:n,primaryColor:d,botName:o,botEmoji:c,welcomeMessage:p,placeholder:u,streaming:m,...M?{backendUrl:M}:{},rateLimiting:{enabled:!0,maxMessagesPerSession:P,maxMessagesPerMinute:j,...C?{limitReachedMessage:C}:{},...E?{rateLimitMessage:E}:{}}});if(b||x){const w=i.open.bind(i),B=i.close.bind(i);i.open=(...y)=>{w(...y),b==null||b()},i.close=(...y)=>{B(...y),x==null||x()}}return Promise.resolve(i.mount(L.current)).then(()=>{h.current=i,_&&i.open()}),()=>{i.unmount(),h.current=null}},[a,s,r]),g.useEffect(()=>{var w;const i=h.current;i&&(i._cfg.theme=n,i._cfg.primaryColor=d,(w=i._applyTheme)==null||w.call(i))},[n,d]),f.jsx("div",{ref:L,"data-cognitiondesk-root":""})});l.CognitionDeskWidget=N,l.CognitionDeskWidgetCore=k,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});