callix-dialer-widget 1.4.1 → 1.4.3

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

@@ -52878,7 +52878,7 @@ async function getCampaignConfig$1(contactId) {
   const json = await response.json();
   return json;
 }
-async function getCodeToNameMapping$1(campaignModelId) {
+async function getCodeToNameMapping(campaignModelId) {
   const url = `${API_BASE_URL$1}/api/campaign-fields/${campaignModelId}`;
   const response = await fetch(url, {
     method: "GET",
@@ -52952,7 +52952,7 @@ function CampaignCallInfoDisplay(props) {
         }
         console.log("[CampaignCallInfoDisplay] 3. Buscando mapeamento e valores em paralelo...");
         const [codeToNameMap, contactValues] = await Promise.all([
-          getCodeToNameMapping$1(config.campaignModelId),
+          getCodeToNameMapping(config.campaignModelId),
           getContactValues$1(campaignContact.id)
         ]);
         console.log("[CampaignCallInfoDisplay] 4. Mapeamento recebido:", codeToNameMap);
@@ -55515,7 +55515,7 @@ async function getCampaignConfig(contactId) {
   const json = await response.json();
   return json;
 }
-async function getCodeToNameMapping(campaignModelId) {
+async function getCampaignFields(campaignModelId) {
   const url = `${API_BASE_URL}/api/campaign-fields/${campaignModelId}`;
   const response = await fetch(url, {
     method: "GET",
@@ -55524,9 +55524,18 @@ async function getCodeToNameMapping(campaignModelId) {
   });
   if (!response.ok) {
     const error2 = await response.json().catch(() => ({ error: "Erro desconhecido" }));
-    throw new Error(error2.error || `Falha ao buscar mapeamento: ${response.status}`);
+    throw new Error(error2.error || `Falha ao buscar campos: ${response.status}`);
   }
   const json = await response.json();
+  console.log("[DraggableClientInfoModal] Estrutura de campos recebida:", json);
+  if (!json.rows || !Array.isArray(json.rows)) {
+    console.warn("[DraggableClientInfoModal] Estrutura de campos inválida, usando fallback");
+    return {
+      rows: [],
+      labelField: null,
+      phoneFields: []
+    };
+  }
   return json;
 }
 async function getContactValues(contactId) {
@@ -55556,6 +55565,7 @@ function DraggableClientInfoModal({
   const [position2, setPosition] = useState({ x: 100, y: 100 });
   const [isDragging, setIsDragging] = useState(false);
   const [contactData, setContactData] = useState({});
+  const [fieldRows, setFieldRows] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [error2, setError] = useState(null);
   const [fetchedContactId, setFetchedContactId] = useState(null);
@@ -55620,22 +55630,17 @@ function DraggableClientInfoModal({
         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),
+        console.log("[DraggableClientInfoModal] 3. Buscando campos e valores em paralelo...");
+        const [campaignFields, contactValues] = await Promise.all([
+          getCampaignFields(config.campaignModelId),
           getContactValues(campaignContact.id)
         ]);
-        console.log("[DraggableClientInfoModal] 4. Mapeamento recebido:", codeToNameMap);
+        console.log("[DraggableClientInfoModal] 4. Campos recebidos:", campaignFields);
         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);
+          console.log("[DraggableClientInfoModal] ✅ Dados carregados com sucesso");
+          setContactData(contactValues);
+          setFieldRows(campaignFields.rows || []);
           setFetchedContactId(campaignContact.id);
           setIsLoading(false);
         }
@@ -55718,14 +55723,9 @@ function DraggableClientInfoModal({
     return null;
   }
   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] : "-";
+  const hasFieldStructure = fieldRows && fieldRows.length > 0;
+  const getFieldValue = (fieldCode) => {
+    return contactData[fieldCode] || "-";
   };
   const modalContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
@@ -55792,29 +55792,36 @@ function DraggableClientInfoModal({
               /* @__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") })
-            ] }),
-            /* @__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") })
-            ] }),
-            /* @__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") })
-            ] }),
-            /* @__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") })
-            ] })
-          ] }),
+          !isLoading && !error2 && hasData && hasFieldStructure && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`space-y-2`, children: fieldRows.map((row, rowIndex) => {
+            const numFields = row.length;
+            let gridCols = "grid-cols-1";
+            if (numFields === 2) {
+              gridCols = "grid-cols-2";
+            } else if (numFields === 3) {
+              gridCols = "grid-cols-3";
+            } else if (numFields === 4) {
+              gridCols = "grid-cols-4";
+            } else if (numFields === 5) {
+              gridCols = "grid-cols-5";
+            }
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: tw`grid gap-2 ${gridCols}`,
+                children: row.map((field, fieldIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Field,
+                  {
+                    label: field.name,
+                    value: getFieldValue(field.code),
+                    type: field.type,
+                    fullWidth: field.width === "100%"
+                  },
+                  `${rowIndex}-${fieldIndex}-${field.code}`
+                ))
+              },
+              rowIndex
+            );
+          }) }),
           !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" })
@@ -55829,8 +55836,14 @@ function DraggableClientInfoModal({
   }
   return null;
 }
-function Field({ label, value }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`rounded-lg border border-slate-200 bg-white p-2`, children: [
+function Field({
+  label,
+  value,
+  type,
+  fullWidth
+}) {
+  const widthClass = fullWidth ? "col-span-full" : "";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`rounded-lg border border-slate-200 bg-white p-2 ${widthClass}`, 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 })
   ] });