@deepfrog/pangents-widget 2.2.0 → 2.2.1

package/README.md

@@ -133,6 +133,61 @@ Initialize the widget with configuration.
 
 Update widget configuration dynamically.
 
+#### Example: Fetch config from an API and update at runtime
+
+```html
+<script type="module">
+  import Chatbot from 'https://cdn.jsdelivr.net/npm/@deepfrog/pangents-widget/dist/widget.min.js';
+
+  Chatbot.init({
+    pangentsApiKey: '<api_key>',
+    tenantId: '<tenant_id>'
+  });
+
+  async function loadWidgetConfig() {
+    const res = await fetch('https://api.example.com/widget-config?tenant=<tenant_id>');
+    if (!res.ok) throw new Error('Failed to load widget config');
+    const remote = await res.json();
+
+    Chatbot.updateConfig({
+      pangentsApiKey: remote.pangentsApiKey ?? '<api_key>',
+      tenantId: remote.tenantId ?? '<tenant_id>',
+      email: remote.email,
+      theme: remote.theme,
+      position: remote.position,
+      margin: remote.margin,
+      zIndex: remote.zIndex
+    });
+  }
+
+  loadWidgetConfig();
+</script>
+```
+
+```ts
+// ESM/bundlers
+import Chatbot from '@deepfrog/pangents-widget/widget';
+
+Chatbot.init({
+  pangentsApiKey: '<api_key>',
+  tenantId: '<tenant_id>'
+});
+
+const res = await fetch('/api/widget-config');
+if (!res.ok) throw new Error('Failed to load widget config');
+const cfg = await res.json();
+
+Chatbot.updateConfig({
+  pangentsApiKey: cfg.pangentsApiKey,
+  tenantId: cfg.tenantId,
+  email: cfg.email,
+  theme: cfg.theme,
+  position: cfg.position,
+  margin: cfg.margin,
+  zIndex: cfg.zIndex
+});
+```
+
 ### `Chatbot.updateTheme(theme)`
 
 Update only the theme configuration.

package/dist/index.cjs.js

@@ -6,5 +6,5 @@
     }
   } catch (error) {}
 })();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-embed-BPoilyw_.cjs.js"),t=require("react/jsx-runtime"),n=require("react"),o=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));if("undefined"!=typeof window)try{const e=window.__PANGENTS_WIDGET_CSS;if(e&&!document.getElementById("pangents-widget-styles")){const t=document.createElement("style");t.id="pangents-widget-styles",t.textContent=e,document.head.appendChild(t)}}catch{}exports.Chatbot=e.Chatbot,exports.Widget=e.Widget,exports.ChatbotWidget=({pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d="bottom-right",zIndex:c=9999,onInit:a,onDestroy:l})=>{const u=n.useRef(null),g=n.useRef(null);return n.useEffect(()=>((async()=>{try{const{default:t}=await Promise.resolve().then(()=>o(require("./widget-embed.cjs.js"))),n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};u.current=t,t.init(n),a&&a()}catch(t){console.error("Failed to initialize chatbot widget:",t)}})(),()=>{if(u.current)try{u.current.destroy(),l&&l()}catch(e){console.error("Error destroying chatbot widget:",e)}}),[e,r,i,s,d,c,a,l]),n.useEffect(()=>{if(u.current){const n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};try{u.current.updateConfig(n)}catch(t){console.error("Error updating chatbot widget config:",t)}}},[e,r,i,s,d,c]),t.jsx("div",{ref:g,style:{display:"none"}})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./widget-embed-DgFZhnDu.cjs.js"),t=require("react/jsx-runtime"),n=require("react"),o=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));if("undefined"!=typeof window)try{const e=window.__PANGENTS_WIDGET_CSS;if(e&&!document.getElementById("pangents-widget-styles")){const t=document.createElement("style");t.id="pangents-widget-styles",t.textContent=e,document.head.appendChild(t)}}catch{}exports.Chatbot=e.Chatbot,exports.Widget=e.Widget,exports.ChatbotWidget=({pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d="bottom-right",zIndex:c=9999,onInit:a,onDestroy:l})=>{const u=n.useRef(null),g=n.useRef(null);return n.useEffect(()=>((async()=>{try{const{default:t}=await Promise.resolve().then(()=>o(require("./widget-embed.cjs.js"))),n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};u.current=t,t.init(n),a&&a()}catch(t){console.error("Failed to initialize chatbot widget:",t)}})(),()=>{if(u.current)try{u.current.destroy(),l&&l()}catch(e){console.error("Error destroying chatbot widget:",e)}}),[e,r,i,s,d,c,a,l]),n.useEffect(()=>{if(u.current){const n={pangentsApiKey:e,email:r,tenantId:i,theme:s,position:d,zIndex:c};try{u.current.updateConfig(n)}catch(t){console.error("Error updating chatbot widget config:",t)}}},[e,r,i,s,d,c]),t.jsx("div",{ref:g,style:{display:"none"}})};
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.es.js

@@ -6,7 +6,7 @@
     }
   } catch (error) {}
 })();
-import { C, W } from "./widget-embed-CtD27t5y.es.js";
+import { C, W } from "./widget-embed-B3A5H6pf.es.js";
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 const ChatbotWidget = ({

package/dist/{widget-embed-CtD27t5y.es.js → widget-embed-B3A5H6pf.es.js}

@@ -16793,7 +16793,7 @@ class EnhancedErrorHandler {
   // 30 seconds
   constructor() {
     __publicField(this, "errorQueue", []);
-    __publicField(this, "isOnline", navigator.onLine);
+    __publicField(this, "isOnline", typeof navigator !== "undefined" ? navigator.onLine : true);
     __publicField(this, "maxQueueSize", 50);
     // Reduced from 100
     __publicField(this, "retryAttempts", 2);
@@ -16809,6 +16809,7 @@ class EnhancedErrorHandler {
   }
   // Setup event listeners for online/offline status
   setupEventListeners() {
+    if (typeof window === "undefined") return;
     window.addEventListener("online", () => {
       this.isOnline = true;
       this.flushErrorQueue();
@@ -16875,8 +16876,8 @@ class EnhancedErrorHandler {
       action: (context == null ? void 0 : context.action) || "Unknown",
       userId: context == null ? void 0 : context.userId,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      userAgent: navigator.userAgent,
-      url: window.location.href,
+      userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "server",
+      url: typeof window !== "undefined" ? window.location.href : "",
       apiKey: (context == null ? void 0 : context.apiKey) ? context.apiKey.substring(0, 20) + "..." : void 0
     };
     const severity = this.determineSeverity(apiError);
@@ -16909,8 +16910,8 @@ class EnhancedErrorHandler {
       action: (context == null ? void 0 : context.action) || "Runtime",
       userId: context == null ? void 0 : context.userId,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      userAgent: navigator.userAgent,
-      url: window.location.href
+      userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "server",
+      url: typeof window !== "undefined" ? window.location.href : ""
     };
     const errorReport = {
       error: apiError,
@@ -16989,9 +16990,9 @@ class EnhancedErrorHandler {
         await api2.post("/errors/report", {
           errors: errorsToSend,
           clientInfo: {
-            userAgent: navigator.userAgent,
+            userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "server",
             timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-            url: window.location.href,
+            url: typeof window !== "undefined" ? window.location.href : "",
             circuitBreakerState: this.circuitBreaker.getState(),
             remainingRateLimit: this.rateLimiter.getRemainingRequests()
           }
@@ -17026,15 +17027,17 @@ class EnhancedErrorHandler {
   // Show user notification based on error severity
   showUserNotification(error, severity) {
     const message = this.getUserFriendlyMessage(error);
-    window.dispatchEvent(new CustomEvent("error:notification", {
-      detail: {
-        message,
-        severity,
-        error,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        canRetry: this.canRetryError(error)
-      }
-    }));
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(new CustomEvent("error:notification", {
+        detail: {
+          message,
+          severity,
+          error,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          canRetry: this.canRetryError(error)
+        }
+      }));
+    }
   }
   // Determine if error can be retried
   canRetryError(error) {
@@ -29833,4 +29836,4 @@ export {
   Chatbot as C,
   Widget as W
 };
-//# sourceMappingURL=widget-embed-CtD27t5y.es.js.map
+//# sourceMappingURL=widget-embed-B3A5H6pf.es.js.map