callix-dialer-widget 1.3.17 → 1.3.18

package/dist-widget/callix-dialer.es.js

@@ -7,7 +7,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 import React, { useEffect, useState, useRef, useMemo, useCallback, StrictMode } from "react";
-import require$$0$2 from "react-dom";
+import require$$0$2, { createPortal } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n) {
   if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
@@ -55725,7 +55725,7 @@ function DraggableClientInfoModal({
     );
     return valueKey ? contactData[valueKey] : "-";
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const modalContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       ref: containerRef,
@@ -55822,6 +55822,10 @@ function DraggableClientInfoModal({
       ]
     }
   );
+  if (typeof document !== "undefined") {
+    return createPortal(modalContent, document.body);
+  }
+  return null;
 }
 function Field({ label, value }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`rounded-lg border border-slate-200 bg-white p-2`, children: [
@@ -55953,7 +55957,7 @@ function DraggableQualificationModal({
   if (!isOpen) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const modalContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       ref: containerRef,
@@ -56075,6 +56079,10 @@ function DraggableQualificationModal({
       ]
     }
   );
+  if (typeof document !== "undefined") {
+    return createPortal(modalContent, document.body);
+  }
+  return null;
 }
 function InlineDialer({ variant = "default", isAuthenticated, ...props }) {
   const isMiniMode = variant === "min";