zenit-sdk 0.1.8 → 0.1.9

package/dist/index.js

@@ -2008,6 +2008,55 @@ function useGeolocation(options) {
 
 // src/react/map/map-utils.ts
 var import_leaflet2 = __toESM(require("leaflet"));
+
+// src/config/modalWhitelist.ts
+var SECTOR_MODAL_WHITELIST = [
+  { key: "Sector", label: "Sector" },
+  { key: "Promotor", label: "Promotor" },
+  { key: "Capital Total", label: "Capital Total" },
+  { key: "Total Capital Mora", label: "Capital en Mora" },
+  { key: "Tendencia Mora", label: "Tendencia de Mora", hint: "trend_icon" },
+  { key: "Tendencia Capital", label: "Tendencia de Capital", hint: "trend_icon" },
+  { key: "Tendencia Castigos", label: "Tendencia de Castigos", hint: "trend_icon" },
+  { key: "Impacto Sector", label: "Impacto del Sector" },
+  { key: "Total Clientes Sector", label: "Total de Clientes" },
+  { key: "Total Clientes Sanos", label: "Clientes Sanos" },
+  { key: "Total Clientes Morosos", label: "Clientes en Mora" },
+  { key: "Total Clientes Castigados", label: "Clientes Castigados" },
+  { key: "Total Clientes Nuevos", label: "Clientes Nuevos" },
+  { key: "Total Clientes Salidos", label: "Clientes Salidos" },
+  { key: "Insights", label: "An\xE1lisis IA", hint: "collapsible" },
+  { key: "Recomendaciones", label: "Recomendaciones IA", hint: "collapsible" }
+];
+var CLIENTE_MODAL_WHITELIST = [
+  { key: "nombre del cliente", label: "Nombre del Cliente" },
+  { key: "dpi", label: "DPI" },
+  { key: "kpi", label: "Estado", hint: "kpi_badge" },
+  { key: "tel principal", label: "Tel\xE9fono", hint: "phone_link" },
+  { key: "capital concedido", label: "Capital Concedido" },
+  { key: "mora", label: "Monto en Mora", hint: "mora_alert" },
+  { key: "etapa", label: "Etapa del Cr\xE9dito" },
+  { key: "prestamo", label: "No. de Pr\xE9stamo" },
+  { key: "sucursal", label: "Sucursal", aliases: ["nombre sucursal"] }
+];
+function applyModalWhitelist(rawData, whitelist) {
+  const keys = Object.keys(rawData ?? {});
+  return whitelist.map(({ key, label, hint, aliases = [] }) => {
+    const keysToTry = [key, ...aliases];
+    let value = void 0;
+    for (const k of keysToTry) {
+      const match = keys.find((rawKey) => rawKey.toLowerCase() === k.toLowerCase());
+      if (match !== void 0 && rawData[match] !== null && rawData[match] !== void 0) {
+        value = rawData[match];
+        break;
+      }
+    }
+    if (value === void 0) return null;
+    return { label, value, hint: hint ?? null };
+  }).filter((entry) => Boolean(entry));
+}
+
+// src/react/map/map-utils.ts
 var POPUP_STYLE_ID = "zenit-leaflet-popup-styles";
 var POPUP_EXCLUDED_KEYS = /* @__PURE__ */ new Set(["geom", "geometry", "_private"]);
 var POPUP_TITLE_KEYS = ["id", "nombre", "name", "title", "titulo", "cluster"];
@@ -2244,6 +2293,10 @@ function shouldIncludePopupEntry(key, value) {
   return true;
 }
 function createPopupContent(properties) {
+  const whitelistedRows = buildWhitelistedRows(properties);
+  if (whitelistedRows) {
+    return whitelistedRows;
+  }
   const header = findHeaderProperties(properties);
   const headerText = header.title?.value ?? extractPopupHeader(properties);
   const usedKeys = new Set([header.title?.key, header.badge?.key, header.description?.key].filter(Boolean));
@@ -2283,6 +2336,37 @@ function createPopupContent(properties) {
   }).join("");
   return `<div>${colorBar}${headerHtml}${descriptionHtml}${rowsHtml}</div>`;
 }
+function buildWhitelistedRows(properties) {
+  const whitelist = selectModalWhitelist(properties);
+  if (!whitelist) return null;
+  const entries = applyModalWhitelist(properties, whitelist);
+  if (entries.length === 0) {
+    return '<div style="padding:8px 0; color:#64748b; text-align:center;">Sin datos disponibles</div>';
+  }
+  const rowsHtml = entries.map(({ label, value }) => {
+    const valueHtml = renderPopupValue(value);
+    return `
+        <div style="display:grid; grid-template-columns:minmax(90px, 35%) 1fr; gap:8px; padding:6px 0; border-bottom:1px solid #e2e8f0;">
+          <div style="font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; color:#64748b;">${escapeHtml(label)}</div>
+          <div style="font-size:13px; color:#0f172a; word-break:break-word;">${valueHtml}</div>
+        </div>
+      `;
+  }).join("");
+  return `<div>${rowsHtml}</div>`;
+}
+function countWhitelistMatches(properties, whitelist) {
+  const keys = Object.keys(properties).map((key) => key.toLowerCase());
+  return whitelist.reduce((count, item) => {
+    const candidates = [item.key, ...item.aliases ?? []].map((candidate) => candidate.toLowerCase());
+    return candidates.some((candidate) => keys.includes(candidate)) ? count + 1 : count;
+  }, 0);
+}
+function selectModalWhitelist(properties) {
+  const sectorMatches = countWhitelistMatches(properties, SECTOR_MODAL_WHITELIST);
+  const clienteMatches = countWhitelistMatches(properties, CLIENTE_MODAL_WHITELIST);
+  if (sectorMatches === 0 && clienteMatches === 0) return null;
+  return sectorMatches >= clienteMatches ? SECTOR_MODAL_WHITELIST : CLIENTE_MODAL_WHITELIST;
+}
 function isPolygonType(layerType, geometryType) {
   const candidate = (layerType ?? geometryType ?? "").toLowerCase();
   return candidate === "polygon" || candidate === "multipolygon";