@deepfrog/pangents-widget 2.1.5 → 2.2.0

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

@@ -28,7 +28,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
 var _provider, _providerCalled, _a, _focused, _cleanup, _setup, _b, _online, _cleanup2, _setup2, _c, _gcTimeout, _d, _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, dispatch_fn, _e, _client2, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _currentThenable, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _QueryObserver_instances, executeFetch_fn, updateStaleTimeout_fn, computeRefetchInterval_fn, updateRefetchInterval_fn, updateTimers_fn, clearStaleTimeout_fn, clearRefetchInterval_fn, updateQuery_fn, notify_fn, _f, _client3, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _g, _mutations, _scopes, _mutationId, _h, _client4, _currentResult2, _currentMutation, _mutateOptions, _MutationObserver_instances, updateResult_fn, notify_fn2, _i, _queries, _j, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _k;
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { useReducer, useRef, useEffect, createContext, useContext, useLayoutEffect, useId, useInsertionEffect, useMemo, useCallback, Children, isValidElement, useState, Fragment as Fragment$1, createElement, forwardRef, Component } from "react";
+import React__default, { createContext, useContext, useReducer, useRef, useEffect, useLayoutEffect, useId, useInsertionEffect, useMemo, useCallback, Children, isValidElement, useState, Fragment as Fragment$1, createElement, forwardRef, Component } from "react";
 import ReactDOM from "react-dom";
 var Subscribable = class {
   constructor() {
@@ -17839,7 +17839,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();
   useEffect(() => {
@@ -17868,7 +17868,7 @@ function WidgetBubble({ position = "bottom-right", margin }) {
         return "fixed bottom-6 right-6 z-50";
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: getPositionClasses(), style: { margin: margin || void 0 }, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsx("div", { className: getPositionClasses(), style: { margin: margin || void 0, zIndex: zIndex || void 0 }, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
       Button,
       {
@@ -29380,7 +29380,7 @@ function WidgetContent() {
     /* @__PURE__ */ 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 = useRef(null);
@@ -29504,6 +29504,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 },
@@ -29673,10 +29674,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 }) {
+  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__ */ jsx("div", { className: className ? `pg-widget-root ${className}` : "pg-widget-root", children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxs(ChatProvider, { initialTheme: theme, apiKey: pangentsApiKey, tenantId, email, children: [
-    /* @__PURE__ */ jsx(WidgetBubble, { position, margin }),
-    /* @__PURE__ */ jsx(WidgetPopup, { position })
+    /* @__PURE__ */ jsx(WidgetBubble, { position, margin, zIndex }),
+    /* @__PURE__ */ jsx(WidgetPopup, { position, zIndex })
   ] }) }) });
 }
 var client = {};
@@ -29820,4 +29833,4 @@ export {
   Chatbot as C,
   Widget as W
 };
-//# sourceMappingURL=widget-embed-LzSoeVtX.es.js.map
+//# sourceMappingURL=widget-embed-CtD27t5y.es.js.map