callix-dialer-widget 1.4.2 → 1.4.4

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

@@ -55527,6 +55527,15 @@ async function getCampaignFields(campaignModelId) {
     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) {
@@ -55631,7 +55640,7 @@ function DraggableClientInfoModal({
         if (!cancelled) {
           console.log("[DraggableClientInfoModal] ✅ Dados carregados com sucesso");
           setContactData(contactValues);
-          setFieldRows(campaignFields.rows);
+          setFieldRows(campaignFields.rows || []);
           setFetchedContactId(campaignContact.id);
           setIsLoading(false);
         }
@@ -55714,6 +55723,7 @@ function DraggableClientInfoModal({
     return null;
   }
   const hasData = Object.keys(contactData).length > 0;
+  const hasFieldStructure = fieldRows && fieldRows.length > 0;
   const getFieldValue = (fieldCode) => {
     return contactData[fieldCode] || "-";
   };
@@ -55782,29 +55792,29 @@ function DraggableClientInfoModal({
               /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] text-red-600`, children: error2 })
             ] })
           ] }) }),
-          !isLoading && !error2 && hasData && fieldRows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`space-y-2`, children: fieldRows.map((row, rowIndex) => {
-            const gridColumns = row.map((field) => {
-              const width = field.width;
-              if (width === "100%") return "1fr";
-              if (width === "50%") return "0.5fr";
-              if (width === "33.33%") return "0.3333fr";
-              if (width === "25%") return "0.25fr";
-              if (width === "20%") return "0.2fr";
-              return "1fr";
-            }).join(" ");
+          !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`,
-                style: {
-                  gridTemplateColumns: gridColumns
-                },
+                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
+                    type: field.type,
+                    fullWidth: field.width === "100%"
                   },
                   `${rowIndex}-${fieldIndex}-${field.code}`
                 ))
@@ -55826,8 +55836,14 @@ function DraggableClientInfoModal({
   }
   return null;
 }
-function Field({ label, value, type }) {
-  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 })
   ] });