callix-dialer-widget 1.3.8 → 1.3.10

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

@@ -48296,9 +48296,6 @@ function FiDelete(props) {
 function FiHeadphones(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M3 18v-6a9 9 0 0 1 18 0v6" }, "child": [] }, { "tag": "path", "attr": { "d": "M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" }, "child": [] }] })(props);
 }
-function FiInfo(props) {
-  return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "10" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "16", "x2": "12", "y2": "12" }, "child": [] }, { "tag": "line", "attr": { "x1": "12", "y1": "8", "x2": "12.01", "y2": "8" }, "child": [] }] })(props);
-}
 function FiLogOut(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }, "child": [] }, { "tag": "polyline", "attr": { "points": "16 17 21 12 16 7" }, "child": [] }, { "tag": "line", "attr": { "x1": "21", "y1": "12", "x2": "9", "y2": "12" }, "child": [] }] })(props);
 }
@@ -52834,7 +52831,7 @@ if (!globalTwind.__twindInitialized) {
   setup(config);
   globalTwind.__twindInitialized = true;
 }
-async function getCampaignConfig(contactId) {
+async function getCampaignConfig$1(contactId) {
   const url = `/api/campaign-config/${contactId}`;
   const response = await fetch(url, {
     method: "GET",
@@ -52847,7 +52844,7 @@ async function getCampaignConfig(contactId) {
   const json = await response.json();
   return json;
 }
-async function getCodeToNameMapping(campaignModelId) {
+async function getCodeToNameMapping$1(campaignModelId) {
   const url = `/api/campaign-fields/${campaignModelId}`;
   const response = await fetch(url, {
     method: "GET",
@@ -52860,7 +52857,7 @@ async function getCodeToNameMapping(campaignModelId) {
   const json = await response.json();
   return json;
 }
-async function getContactValues(contactId) {
+async function getContactValues$1(contactId) {
   const url = `/api/campaign-contact/${contactId}`;
   const response = await fetch(url, {
     method: "GET",
@@ -52912,15 +52909,15 @@ function CampaignCallInfoDisplay(props) {
       setContactData({ finalData: {}, isLoading: true, error: null });
       try {
         console.log("[CampaignCallInfoDisplay] 1. Buscando config para contato:", campaignContact.id);
-        const config = await getCampaignConfig(campaignContact.id);
+        const config = await getCampaignConfig$1(campaignContact.id);
         console.log("[CampaignCallInfoDisplay] 2. Config recebida:", config);
         if (!config.campaignModelId) {
           throw new Error("campaignModelId não encontrado");
         }
         console.log("[CampaignCallInfoDisplay] 3. Buscando mapeamento e valores em paralelo...");
         const [codeToNameMap, contactValues] = await Promise.all([
-          getCodeToNameMapping(config.campaignModelId),
-          getContactValues(campaignContact.id)
+          getCodeToNameMapping$1(config.campaignModelId),
+          getContactValues$1(campaignContact.id)
         ]);
         console.log("[CampaignCallInfoDisplay] 4. Mapeamento recebido:", codeToNameMap);
         console.log("[CampaignCallInfoDisplay] 5. Valores recebidos:", contactValues);
@@ -52957,7 +52954,7 @@ function CampaignCallInfoDisplay(props) {
     };
   }, [campaignContact == null ? void 0 : campaignContact.id, fetchedContactId]);
   const hasData = Object.keys(contactData.finalData).length > 0;
-  const Field = ({ fieldName, label }) => {
+  const Field2 = ({ fieldName, label }) => {
     const displayLabel = label || fieldName;
     let value = "-";
     if (contactData.finalData[fieldName]) {
@@ -53001,25 +52998,25 @@ function CampaignCallInfoDisplay(props) {
     ] }),
     !contactData.isLoading && !contactData.error && hasData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "CNPJ", label: "CNPJ" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "EMPRESA", label: "EMPRESA" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "TOTAL BENEFICIO", label: "TOTAL BENEFÍCIO" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "CNPJ", label: "CNPJ" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "EMPRESA", label: "EMPRESA" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "TOTAL BENEFICIO", label: "TOTAL BENEFÍCIO" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "DECISOR", label: "DECISOR" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "PRODUTO PROSPECTADO", label: "PRODUTO PROSPECTADO" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "VALOR QUE PAGA POR MÊS EM PARCELAMENTOS", label: "VALOR PARCELAMENTO" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "DECISOR", label: "DECISOR" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "PRODUTO PROSPECTADO", label: "PRODUTO PROSPECTADO" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "VALOR QUE PAGA POR MÊS EM PARCELAMENTOS", label: "VALOR PARCELAMENTO" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "TOTAL SALDO DEVEDOR PGFN", label: "SALDO DEVEDOR PGFN" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "TOTAL SALDO DEVEDOR RFB", label: "SALDO DEVEDOR RFB" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "DIVIDA ATIVA", label: "DÍVIDA ATIVA" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "TOTAL SALDO DEVEDOR PGFN", label: "SALDO DEVEDOR PGFN" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "TOTAL SALDO DEVEDOR RFB", label: "SALDO DEVEDOR RFB" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "DIVIDA ATIVA", label: "DÍVIDA ATIVA" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-4 gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "CORRESPONSABILIDADE SOCIO", label: "CORRESP. SÓCIO" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "EXECUÇÃO FISCAL", label: "EXECUÇÃO FISCAL" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "TRANSAÇÃO COM BENEFICIO", label: "TRANSAÇÃO BENEFÍCIO" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { fieldName: "REGIME TRIBUTARIO", label: "REGIME TRIBUTÁRIO" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "CORRESPONSABILIDADE SOCIO", label: "CORRESP. SÓCIO" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "EXECUÇÃO FISCAL", label: "EXECUÇÃO FISCAL" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "TRANSAÇÃO COM BENEFICIO", label: "TRANSAÇÃO BENEFÍCIO" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Field2, { fieldName: "REGIME TRIBUTARIO", label: "REGIME TRIBUTÁRIO" })
       ] })
     ] })
   ] });
@@ -53049,31 +53046,72 @@ function useOperatorBreak() {
   };
 }
 function normalizePhoneNumberPaste(pastedText) {
-  let cleaned = pastedText.replace(/[^\d+]/g, "");
-  if (cleaned.startsWith("+55")) {
-    cleaned = cleaned.substring(3);
-  } else if (cleaned.startsWith("55") && cleaned.length > 11) {
+  let cleaned = pastedText.replace(/\D/g, "");
+  if (!cleaned) {
+    return "";
+  }
+  if (cleaned.startsWith("55") && cleaned.length >= 12) {
     cleaned = cleaned.substring(2);
   }
-  if (cleaned.length === 11 && cleaned.startsWith("0")) {
+  while (cleaned.startsWith("0") && cleaned.length > 11) {
     cleaned = cleaned.substring(1);
   }
-  if (cleaned.length === 10) {
+  const len = cleaned.length;
+  if (len === 11) {
     const ddd = cleaned.substring(0, 2);
-    const restante = cleaned.substring(2);
-    if (restante[0] !== "9") {
-      cleaned = ddd + "9" + restante;
+    const numero = cleaned.substring(2);
+    if (numero[0] === "9") {
+      return cleaned;
+    }
+    if (numero.length === 9) {
+      return ddd + "9" + numero;
     }
+    return cleaned;
   }
-  if (cleaned.length === 8) {
-    if (cleaned[0] !== "9") {
-      cleaned = "489" + cleaned;
-    } else {
-      cleaned = "48" + cleaned;
+  if (len === 10) {
+    const ddd = cleaned.substring(0, 2);
+    const numero = cleaned.substring(2);
+    if (numero[0] === "9") {
+      return cleaned;
+    }
+    return ddd + "9" + numero;
+  }
+  if (len === 12) {
+    if (cleaned[0] === "0") {
+      return normalizePhoneNumberPaste(cleaned.substring(1));
+    }
+    const last11 = cleaned.substring(len - 11);
+    if (last11[2] === "9") {
+      return last11;
     }
+    return cleaned.substring(1);
   }
-  if (cleaned.length === 9 && cleaned[0] === "9") {
-    cleaned = "48" + cleaned;
+  if (len === 13) {
+    return cleaned.substring(2);
+  }
+  if (len === 9) {
+    if (cleaned[0] === "9") {
+      return "48" + cleaned;
+    }
+    return "489" + cleaned;
+  }
+  if (len === 8) {
+    return "489" + cleaned;
+  }
+  if (len < 8) {
+    return cleaned;
+  }
+  if (len > 13) {
+    const last11 = cleaned.substring(len - 11);
+    if (last11[2] === "9") {
+      return last11;
+    }
+    const last10 = cleaned.substring(len - 10);
+    if (last10[2] !== "9") {
+      const ddd = last10.substring(0, 2);
+      const numero = last10.substring(2);
+      return ddd + "9" + numero;
+    }
   }
   return cleaned;
 }
@@ -55363,9 +55401,50 @@ function formatDuration(seconds) {
   }
   return `${mins}:${secs.toString().padStart(2, "0")}`;
 }
+const API_BASE_URL = typeof window !== "undefined" ? window.__CALLIX_API_BASE_URL__ || "https://callix-zeta.vercel.app" : "https://callix-zeta.vercel.app";
+async function getCampaignConfig(contactId) {
+  const url = `${API_BASE_URL}/api/campaign-config/${contactId}`;
+  const response = await fetch(url, {
+    method: "GET",
+    credentials: "omit"
+    // API usa localStorage, não cookies
+  });
+  if (!response.ok) {
+    const error2 = await response.json().catch(() => ({ error: "Erro desconhecido" }));
+    throw new Error(error2.error || `Falha ao buscar config: ${response.status}`);
+  }
+  const json = await response.json();
+  return json;
+}
+async function getCodeToNameMapping(campaignModelId) {
+  const url = `${API_BASE_URL}/api/campaign-fields/${campaignModelId}`;
+  const response = await fetch(url, {
+    method: "GET",
+    credentials: "omit"
+  });
+  if (!response.ok) {
+    const error2 = await response.json().catch(() => ({ error: "Erro desconhecido" }));
+    throw new Error(error2.error || `Falha ao buscar mapeamento: ${response.status}`);
+  }
+  const json = await response.json();
+  return json;
+}
+async function getContactValues(contactId) {
+  const url = `${API_BASE_URL}/api/campaign-contact/${contactId}`;
+  const response = await fetch(url, {
+    method: "GET",
+    credentials: "omit"
+  });
+  if (!response.ok) {
+    const error2 = await response.json().catch(() => ({ error: "Erro desconhecido" }));
+    throw new Error(error2.error || `Falha ao buscar valores: ${response.status}`);
+  }
+  const json = await response.json();
+  return json;
+}
 function DraggableClientInfoModal({
   isOpen,
-  clientInfo,
+  campaignCallInfo,
   callDuration,
   isCallActive,
   onClose
@@ -55375,6 +55454,11 @@ function DraggableClientInfoModal({
   const dragMovedRef = useRef(false);
   const [position2, setPosition] = useState({ x: 100, y: 100 });
   const [isDragging, setIsDragging] = useState(false);
+  const [contactData, setContactData] = useState({});
+  const [isLoading, setIsLoading] = useState(false);
+  const [error2, setError] = useState(null);
+  const [fetchedContactId, setFetchedContactId] = useState(null);
+  const campaignContact = campaignCallInfo == null ? void 0 : campaignCallInfo.campaignContact;
   const clampPositionToViewport = useCallback((proposed) => {
     if (typeof window === "undefined") {
       return proposed;
@@ -55382,8 +55466,8 @@ function DraggableClientInfoModal({
     const viewportWidth = window.innerWidth;
     const viewportHeight = window.innerHeight;
     const element = containerRef.current;
-    const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
-    const height = (element == null ? void 0 : element.offsetHeight) ?? 300;
+    const width = (element == null ? void 0 : element.offsetWidth) ?? 500;
+    const height = (element == null ? void 0 : element.offsetHeight) ?? 600;
     const minX = VIEWPORT_MARGIN$1;
     const minY = VIEWPORT_MARGIN$1;
     const maxX = Math.max(minX, viewportWidth - width - VIEWPORT_MARGIN$1);
@@ -55396,8 +55480,8 @@ function DraggableClientInfoModal({
   useEffect(() => {
     if (isOpen && typeof window !== "undefined") {
       const element = containerRef.current;
-      const width = (element == null ? void 0 : element.offsetWidth) ?? 400;
-      const height = (element == null ? void 0 : element.offsetHeight) ?? 300;
+      const width = (element == null ? void 0 : element.offsetWidth) ?? 500;
+      const height = (element == null ? void 0 : element.offsetHeight) ?? 600;
       const centerX = (window.innerWidth - width) / 2;
       const centerY = (window.innerHeight - height) / 2;
       setPosition(clampPositionToViewport({ x: centerX, y: centerY }));
@@ -55417,6 +55501,57 @@ function DraggableClientInfoModal({
       window.removeEventListener("orientationchange", handleViewportChange);
     };
   }, [isOpen, clampPositionToViewport]);
+  useEffect(() => {
+    if (!(campaignContact == null ? void 0 : campaignContact.id)) {
+      return;
+    }
+    if (fetchedContactId === campaignContact.id) {
+      return;
+    }
+    let cancelled = false;
+    const fetchContactData = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        console.log("[DraggableClientInfoModal] 1. Buscando config para contato:", campaignContact.id);
+        const config = await getCampaignConfig(campaignContact.id);
+        console.log("[DraggableClientInfoModal] 2. Config recebida:", config);
+        if (!config.campaignModelId) {
+          throw new Error("campaignModelId não encontrado");
+        }
+        console.log("[DraggableClientInfoModal] 3. Buscando mapeamento e valores em paralelo...");
+        const [codeToNameMap, contactValues] = await Promise.all([
+          getCodeToNameMapping(config.campaignModelId),
+          getContactValues(campaignContact.id)
+        ]);
+        console.log("[DraggableClientInfoModal] 4. Mapeamento recebido:", codeToNameMap);
+        console.log("[DraggableClientInfoModal] 5. Valores recebidos:", contactValues);
+        const finalData = {};
+        Object.entries(contactValues).forEach(([code, value]) => {
+          if (code in codeToNameMap) {
+            finalData[codeToNameMap[code]] = value;
+          }
+        });
+        if (!cancelled) {
+          console.log("[DraggableClientInfoModal] ✅ Dados finais mapeados:", finalData);
+          setContactData(finalData);
+          setFetchedContactId(campaignContact.id);
+          setIsLoading(false);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          console.error("[DraggableClientInfoModal] ❌ Erro ao buscar dados:", err);
+          const errorMessage = err instanceof Error ? err.message : "Erro ao buscar dados do contato";
+          setError(errorMessage);
+          setIsLoading(false);
+        }
+      }
+    };
+    void fetchContactData();
+    return () => {
+      cancelled = true;
+    };
+  }, [campaignContact == null ? void 0 : campaignContact.id, fetchedContactId]);
   useEffect(() => {
     if (!isDragging) {
       return;
@@ -55481,7 +55616,16 @@ function DraggableClientInfoModal({
   if (!isOpen) {
     return null;
   }
-  const hasClientInfo = clientInfo && (clientInfo.name || clientInfo.phoneNumber || clientInfo.email);
+  const hasData = Object.keys(contactData).length > 0;
+  const getFieldValue = (fieldName) => {
+    if (contactData[fieldName]) {
+      return contactData[fieldName];
+    }
+    const valueKey = Object.keys(contactData).find(
+      (k) => k.toLowerCase() === fieldName.toLowerCase()
+    );
+    return valueKey ? contactData[valueKey] : "-";
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -55490,8 +55634,9 @@ function DraggableClientInfoModal({
       style: {
         left: `${position2.x}px`,
         top: `${position2.y}px`,
-        width: "380px",
-        maxWidth: "calc(100vw - 32px)"
+        width: "520px",
+        maxWidth: "calc(100vw - 32px)",
+        maxHeight: "calc(100vh - 32px)"
       },
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -55502,7 +55647,7 @@ function DraggableClientInfoModal({
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`h-5 w-5` }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: tw`text-sm font-bold`, children: "Informações do Cliente" })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: tw`text-sm font-bold`, children: "Informações da Campanha" })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
@@ -55518,43 +55663,60 @@ function DraggableClientInfoModal({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex-1 space-y-4 overflow-y-auto p-4`, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 px-3 py-2`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-xs font-medium text-slate-600`, children: "Duração da chamada:" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-sm font-bold text-slate-800`, children: formatDuration(callDuration) })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex-1 space-y-3 overflow-y-auto p-4`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-3`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2 rounded-lg border border-slate-200 bg-slate-50 px-3 py-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FiClock, { className: tw`h-4 w-4 text-slate-500` }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] text-slate-500 uppercase tracking-wide font-medium`, children: "Duração" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm font-bold text-slate-800`, children: formatDuration(callDuration) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2 rounded-lg border border-slate-200 bg-slate-50 px-3 py-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`h-4 w-4 text-slate-500` }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`min-w-0 flex-1`, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] text-slate-500 uppercase tracking-wide font-medium`, children: "Cliente" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`truncate text-sm font-bold text-slate-800`, children: (campaignContact == null ? void 0 : campaignContact.label) || "N/A" })
+              ] })
+            ] })
           ] }),
-          hasClientInfo ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-3`, children: [
-            clientInfo.name && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`h-3.5 w-3.5` }),
-                "Nome"
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.name })
+          isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`rounded-lg border border-blue-200 bg-blue-50 p-6 text-center`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`mx-auto mb-2 inline-block h-6 w-6 animate-spin rounded-full border-2 border-blue-500 border-t-transparent` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-xs font-medium text-blue-700`, children: "Carregando dados do contato..." })
+          ] }),
+          error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-red-200 bg-red-50 p-3`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FiAlertCircle, { className: tw`h-4 w-4 flex-shrink-0 text-red-600` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-xs font-semibold text-red-700`, children: "Erro ao carregar dados" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] text-red-600`, children: error2 })
+            ] })
+          ] }) }),
+          !isLoading && !error2 && hasData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-3 gap-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "CNPJ", value: getFieldValue("CNPJ") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "EMPRESA", value: getFieldValue("EMPRESA") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "TOTAL BENEFÍCIO", value: getFieldValue("TOTAL BENEFICIO") })
             ] }),
-            clientInfo.phoneNumber && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhone, { className: tw`h-3.5 w-3.5` }),
-                "Telefone"
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.phoneNumber })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-3 gap-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "DECISOR", value: getFieldValue("DECISOR") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "PRODUTO", value: getFieldValue("PRODUTO PROSPECTADO") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "VALOR PARCELAMENTO", value: getFieldValue("VALOR QUE PAGA POR MÊS EM PARCELAMENTOS") })
             ] }),
-            clientInfo.email && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`flex items-center gap-1 text-xs font-semibold text-slate-600`, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FiInfo, { className: tw`h-3.5 w-3.5` }),
-                "E-mail"
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: clientInfo.email })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-3 gap-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "SALDO PGFN", value: getFieldValue("TOTAL SALDO DEVEDOR PGFN") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "SALDO RFB", value: getFieldValue("TOTAL SALDO DEVEDOR RFB") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "DÍVIDA ATIVA", value: getFieldValue("DIVIDA ATIVA") })
             ] }),
-            clientInfo.customFields && Object.keys(clientInfo.customFields).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: tw`text-xs font-semibold text-slate-600`, children: "Campos adicionais" }),
-              Object.entries(clientInfo.customFields).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: tw`text-xs font-medium text-slate-500`, children: key }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-800`, children: String(value) })
-              ] }, key))
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-4 gap-2`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "CORRESP. SÓCIO", value: getFieldValue("CORRESPONSABILIDADE SOCIO") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "EXEC. FISCAL", value: getFieldValue("EXECUÇÃO FISCAL") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "TRANSAÇÃO BENEF.", value: getFieldValue("TRANSAÇÃO COM BENEFICIO") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "REGIME TRIB.", value: getFieldValue("REGIME TRIBUTARIO") })
             ] })
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex flex-col items-center justify-center rounded-lg border border-slate-200 bg-slate-50 px-4 py-8 text-center`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FiInfo, { className: tw`mb-2 h-8 w-8 text-slate-400` }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm text-slate-500`, children: "Nenhuma informação do cliente disponível" })
+          ] }),
+          !isLoading && !error2 && !hasData && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex flex-col items-center justify-center rounded-lg border border-slate-200 bg-slate-50 px-4 py-8 text-center`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`mb-2 h-8 w-8 text-slate-400` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-sm text-slate-500`, children: "Nenhum dado disponível" })
           ] })
         ] }),
         isCallActive && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`border-t border-slate-200 bg-slate-50 px-4 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-xs text-slate-500`, children: "Aguarde o fim da chamada para fechar" }) })
@@ -55562,6 +55724,12 @@ function DraggableClientInfoModal({
     }
   );
 }
+function Field({ label, value }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`rounded-lg border border-slate-200 bg-white p-2`, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`mb-0.5 truncate text-[9px] font-semibold uppercase tracking-wide text-slate-500`, children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`break-words text-xs font-semibold text-slate-800 line-clamp-2`, children: value })
+  ] });
+}
 const VIEWPORT_MARGIN = 16;
 function clamp(value, min2, max2) {
   return Math.min(Math.max(value, min2), max2);
@@ -55876,18 +56044,11 @@ function InlineDialer({ variant = "default", isAuthenticated, ...props }) {
       setIsClientInfoModalOpen(false);
     }
   }, [isMiniMode, isInCall, isConnecting, isAfterCall]);
-  const clientInfo = useMemo(() => {
+  const campaignCallInfo = useMemo(() => {
     if (!currentCallInfo || currentCallInfo.type !== "campaign") {
       return null;
     }
-    const contact = currentCallInfo.info.campaignContact;
-    return {
-      name: contact.label || null,
-      phoneNumber: contact.phoneNumber || null,
-      email: null,
-      // Não disponível na estrutura atual
-      customFields: contact.customer ? { customerId: contact.customer.id, formId: contact.customer.formId } : void 0
-    };
+    return currentCallInfo.info;
   }, [currentCallInfo]);
   const handleFinishAfterCall = async () => {
     const qualifications = afterCallResult === "success" ? successQualifications : discardQualifications;
@@ -56047,7 +56208,7 @@ function InlineDialer({ variant = "default", isAuthenticated, ...props }) {
         DraggableClientInfoModal,
         {
           isOpen: isClientInfoModalOpen,
-          clientInfo,
+          campaignCallInfo,
           callDuration: callDurationSeconds,
           isCallActive: isInCall || isConnecting,
           onClose: () => setIsClientInfoModalOpen(false)