@deepfrog/pangents-widget 2.1.6 → 2.2.0

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-BPoilyw_.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-CtD27t5y.es.js";
 export {
   C as default
 };

package/dist/widget.js

@@ -24723,7 +24723,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 +24752,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 +36260,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 +36384,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 +36554,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.0",
   "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"