@deepfrog/pangents-widget 2.1.6 → 2.2.1

package/dist/widget-embed.cjs.js

@@ -6,5 +6,5 @@
     }
   } catch (error) {}
 })();
-"use strict";require("react/jsx-runtime"),require("react");const e=require("./widget-embed-9DdEqVMP.cjs.js");module.exports=e.Chatbot;
+"use strict";require("react/jsx-runtime"),require("react");const e=require("./widget-embed-DgFZhnDu.cjs.js");module.exports=e.Chatbot;
 //# sourceMappingURL=widget-embed.cjs.js.map

package/dist/widget-embed.es.js

@@ -8,7 +8,7 @@
 })();
 import "react/jsx-runtime";
 import "react";
-import { C } from "./widget-embed-LzSoeVtX.es.js";
+import { C } from "./widget-embed-B3A5H6pf.es.js";
 export {
   C as default
 };

package/dist/widget.js

@@ -23700,7 +23700,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);
@@ -23716,6 +23716,7 @@ class EnhancedErrorHandler {
   }
   // Setup event listeners for online/offline status
   setupEventListeners() {
+    if (typeof window === "undefined") return;
     window.addEventListener("online", () => {
       this.isOnline = true;
       this.flushErrorQueue();
@@ -23782,8 +23783,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);
@@ -23816,8 +23817,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,
@@ -23896,9 +23897,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()
           }
@@ -23933,15 +23934,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) {
@@ -24723,7 +24726,7 @@ const useEmailLeadsStore = create()(
     }
   }))
 );
-function WidgetBubble({ position = "bottom-right", margin }) {
+function WidgetBubble({ position = "bottom-right", margin, zIndex }) {
   const { openWidget, theme, isOpen, isAuthenticated } = useChatContext();
   const { hasNewLeads, newLeadsCount, startPolling, stopPolling, clearNewLeadsNotification } = useEmailLeadsStore();
   reactExports.useEffect(() => {
@@ -24752,7 +24755,7 @@ function WidgetBubble({ position = "bottom-right", margin }) {
         return "fixed bottom-6 right-6 z-50";
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: getPositionClasses(), style: { margin: margin || void 0 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: getPositionClasses(), style: { margin: margin || void 0, zIndex: zIndex || void 0 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
@@ -36260,7 +36263,7 @@ function WidgetContent() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(PoweredByFooter, {})
   ] });
 }
-function WidgetPopup({ position = "bottom-right" }) {
+function WidgetPopup({ position = "bottom-right", zIndex }) {
   const { isOpen, theme, closeWidget, isAuthenticated } = useChatContext();
   const isLeftPosition = position === "bottom-left" || position === "top-left";
   const containerRef = reactExports.useRef(null);
@@ -36384,6 +36387,7 @@ function WidgetPopup({ position = "bottom-right" }) {
     motion.div,
     {
       className: "fixed inset-0 z-50",
+      style: { zIndex: zIndex ?? 50 },
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -36553,10 +36557,22 @@ function WidgetPopup({ position = "bottom-right" }) {
     }
   ) });
 }
-function Widget({ theme, className, position, margin, pangentsApiKey, tenantId, email }) {
+function Widget({ theme, className, position, margin, pangentsApiKey, tenantId, email, zIndex }) {
+  reactExports.useEffect(() => {
+    try {
+      const css = window.__PANGENTS_WIDGET_CSS;
+      if (css && !document.getElementById("pangents-widget-styles")) {
+        const style = document.createElement("style");
+        style.id = "pangents-widget-styles";
+        style.textContent = css;
+        document.head.appendChild(style);
+      }
+    } catch {
+    }
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className ? `pg-widget-root ${className}` : "pg-widget-root", children: /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ChatProvider, { initialTheme: theme, apiKey: pangentsApiKey, tenantId, email, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetBubble, { position, margin }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetPopup, { position })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetBubble, { position, margin, zIndex }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetPopup, { position, zIndex })
   ] }) }) });
 }
 class ChatbotWidget {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepfrog/pangents-widget",
   "private": false,
-  "version": "2.1.6",
+  "version": "2.2.1",
   "description": "Pangents AI  - Embeddable AI widget for web applications",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -24,7 +24,7 @@
     "README.md",
     "LICENSE"
   ],
-  "sideEffects": false,
+  "sideEffects": true,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/deepfrog/pangents-widget.git"