zenit-sdk 0.1.9 → 0.2.1

package/dist/index.js

@@ -2010,49 +2010,146 @@ function useGeolocation(options) {
 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" }
-];
+function normalizeKey(value) {
+  return value.normalize("NFD").replace(/\p{Diacritic}/gu, "").replace(/[_\s-]+/g, "").toLowerCase().trim();
+}
 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"] }
+  {
+    id: "nombre_cliente",
+    label: "Nombre del Cliente",
+    aliases: ["nombre_del_cliente", "nombre cliente", "nombre_del_cliente ", "NOMBRE_CLIENTE"]
+  },
+  {
+    id: "dpi",
+    label: "DPI",
+    aliases: ["dpi", "DPI"]
+  },
+  {
+    id: "kpi",
+    label: "Estado",
+    aliases: ["kpi", "KPI"],
+    hint: "kpi_badge"
+  },
+  {
+    id: "tel_principal",
+    label: "Tel\xE9fono",
+    aliases: ["tel_principal", "tel principal", "telefono", "telefono_principal", "TEL_PRINCIPAL"],
+    hint: "phone_link"
+  },
+  {
+    id: "capital_concedido",
+    label: "Capital Concedido",
+    aliases: ["capital_concedido", "capital concedido", "CAPITAL_CONCEDIDO"]
+  },
+  {
+    id: "mora",
+    label: "Monto en Mora",
+    aliases: ["mora", "MORA"],
+    hint: "mora_alert"
+  },
+  {
+    id: "etapa",
+    label: "Etapa del Cr\xE9dito",
+    aliases: ["etapa", "ETAPA"]
+  },
+  {
+    id: "prestamo",
+    label: "No. de Pr\xE9stamo",
+    aliases: ["prestamo", "prestamo_id", "no_prestamo", "numero_prestamo", "PRESTAMO"]
+  },
+  {
+    id: "sucursal",
+    label: "Sucursal",
+    aliases: ["sucursal", "nombre_sucursal", "nombre sucursal", "SUCURSAL"]
+  }
+];
+var SECTOR_MODAL_WHITELIST = [
+  { id: "sector", label: "Sector", aliases: ["nom_sector", "NOM_SECTOR", "sector", "SECTOR"] },
+  { id: "promotor", label: "Promotor", aliases: ["promotor", "PROMOTOR"] },
+  { id: "capital_total", label: "Capital Total", aliases: ["capital_total", "capital total", "CAPITAL_TOTAL"] },
+  {
+    id: "total_capital_mora",
+    label: "Total Capital Mora",
+    aliases: ["total_capital_mora", "total capital mora", "TOTAL_CAPITAL_MORA"]
+  },
+  {
+    id: "tendencia_mora",
+    label: "Tendencia Mora",
+    aliases: ["tendencia_mora", "tendencia mora", "TENDENCIA_MORA"],
+    hint: "trend_icon"
+  },
+  {
+    id: "tendencia_capital",
+    label: "Tendencia Capital",
+    aliases: ["tendencia_capital", "tendencia capital", "TENDENCIA_CAPITAL"],
+    hint: "trend_icon"
+  },
+  {
+    id: "tendencia_castigos",
+    label: "Tendencia Castigos",
+    aliases: ["tendencia_castigos", "tendencia castigos", "TENDENCIA_CASTIGOS"],
+    hint: "trend_icon"
+  },
+  {
+    id: "impacto_sector",
+    label: "Impacto Sector",
+    aliases: ["impacto_sector", "impacto sector", "IMPACTO_SECTOR"]
+  },
+  {
+    id: "total_clientes_sector",
+    label: "Total Clientes Sector",
+    aliases: ["total_clientes_sector", "total clientes sector", "TOTAL_CLIENTES_SECTOR"]
+  },
+  {
+    id: "total_clientes_sanos",
+    label: "Total Clientes Sanos",
+    aliases: ["total_clientes_sanos", "total clientes sanos", "TOTAL_CLIENTES_SANOS"]
+  },
+  {
+    id: "total_clientes_morosos",
+    label: "Total Clientes Morosos",
+    aliases: ["total_clientes_morosos", "total clientes morosos", "TOTAL_CLIENTES_MOROSOS"]
+  },
+  {
+    id: "total_clientes_castigados",
+    label: "Total Clientes Castigados",
+    aliases: ["total_clientes_castigados", "total clientes castigados", "TOTAL_CLIENTES_CASTIGADOS"]
+  },
+  {
+    id: "total_clientes_nuevos",
+    label: "Total Clientes Nuevos",
+    aliases: ["total_clientes_nuevos", "total clientes nuevos", "TOTAL_CLIENTES_NUEVOS"]
+  },
+  {
+    id: "total_clientes_salidos",
+    label: "Total Clientes Salidos",
+    aliases: ["total_clientes_salidos", "total clientes salidos", "TOTAL_CLIENTES_SALIDOS"]
+  },
+  { id: "insights", label: "Insights", aliases: ["insights", "INSIGHTS"], hint: "collapsible" },
+  {
+    id: "recomendaciones",
+    label: "Recomendaciones",
+    aliases: ["recomendaciones", "RECOMENDACIONES"],
+    hint: "collapsible"
+  }
 ];
 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;
-      }
+  const keyByNormalized = /* @__PURE__ */ new Map();
+  Object.keys(rawData ?? {}).forEach((rawKey) => {
+    const normalized = normalizeKey(rawKey);
+    if (!normalized || keyByNormalized.has(normalized)) return;
+    keyByNormalized.set(normalized, rawKey);
+  });
+  return whitelist.map(({ id, label, hint, aliases }) => {
+    const candidates = [...aliases, id];
+    for (const candidate of candidates) {
+      const matchedKey = keyByNormalized.get(normalizeKey(candidate));
+      if (!matchedKey) continue;
+      const value = rawData[matchedKey];
+      if (value === null || value === void 0) continue;
+      return { id, label, value, hint: hint ?? null, matchedKey };
     }
-    if (value === void 0) return null;
-    return { label, value, hint: hint ?? null };
+    return null;
   }).filter((entry) => Boolean(entry));
 }
 
@@ -2293,10 +2390,6 @@ 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));
@@ -2320,6 +2413,10 @@ function createPopupContent(properties) {
   const descriptionHtml = header.description ? `<div style="margin-bottom:10px; padding:8px 10px; background:#f8fafc; border-left:3px solid #38bdf8; border-radius:6px; color:#334155; font-size:12px;">${escapeHtml(
     header.description.value
   )}</div>` : "";
+  const whitelistedRows = buildWhitelistedRows(properties, { colorBar, headerHtml, descriptionHtml });
+  if (whitelistedRows) {
+    return whitelistedRows;
+  }
   const rowsHtml = entries.map(([key, value]) => {
     const label = escapeHtml(formatLabel(key));
     const normalizedKey = key.trim().toLowerCase();
@@ -2336,13 +2433,37 @@ function createPopupContent(properties) {
   }).join("");
   return `<div>${colorBar}${headerHtml}${descriptionHtml}${rowsHtml}</div>`;
 }
-function buildWhitelistedRows(properties) {
-  const whitelist = selectModalWhitelist(properties);
-  if (!whitelist) return null;
+function buildWhitelistedRows(properties, headerSections) {
+  const selection = selectModalWhitelist(properties);
+  if (!selection) {
+    logModalWhitelistDebug({
+      modalType: "generic",
+      properties,
+      entries: [],
+      whitelist: null,
+      fallbackToGeneric: true
+    });
+    return null;
+  }
+  const { whitelist, modalType } = selection;
   const entries = applyModalWhitelist(properties, whitelist);
   if (entries.length === 0) {
-    return '<div style="padding:8px 0; color:#64748b; text-align:center;">Sin datos disponibles</div>';
+    logModalWhitelistDebug({
+      modalType,
+      properties,
+      entries,
+      whitelist,
+      fallbackToGeneric: true
+    });
+    return null;
   }
+  logModalWhitelistDebug({
+    modalType,
+    properties,
+    entries,
+    whitelist,
+    fallbackToGeneric: false
+  });
   const rowsHtml = entries.map(({ label, value }) => {
     const valueHtml = renderPopupValue(value);
     return `
@@ -2352,20 +2473,33 @@ function buildWhitelistedRows(properties) {
         </div>
       `;
   }).join("");
-  return `<div>${rowsHtml}</div>`;
+  return `<div>${headerSections.colorBar}${headerSections.headerHtml}${headerSections.descriptionHtml}${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 hasAnyKey(properties, candidates) {
+  const normalizedKeys = new Set(Object.keys(properties).map((key) => normalizeKey(key)));
+  return candidates.some((candidate) => normalizedKeys.has(normalizeKey(candidate)));
 }
 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;
+  if (hasAnyKey(properties, ["nombre_del_cliente", "dpi", "capital_concedido", "kpi"])) {
+    return { modalType: "cliente", whitelist: CLIENTE_MODAL_WHITELIST };
+  }
+  if (hasAnyKey(properties, ["nom_sector", "NOM_SECTOR", "total_clientes_sector", "capital_total", "impacto_sector"])) {
+    return { modalType: "sector", whitelist: SECTOR_MODAL_WHITELIST };
+  }
+  return null;
+}
+function logModalWhitelistDebug(options) {
+  if (process.env.NODE_ENV === "production") return;
+  const { modalType, properties, entries, whitelist, fallbackToGeneric } = options;
+  const matchedIds = new Set(entries.map((entry) => entry.id));
+  const missingFields = (whitelist ?? []).filter((item) => !matchedIds.has(item.id)).map((item) => item.id);
+  console.info("[modal-whitelist]", {
+    modalType,
+    keys: Object.keys(properties),
+    matchedFields: entries.map((entry) => ({ id: entry.id, matchedKey: entry.matchedKey })),
+    missingFields,
+    fallbackToGeneric
+  });
 }
 function isPolygonType(layerType, geometryType) {
   const candidate = (layerType ?? geometryType ?? "").toLowerCase();
@@ -3224,7 +3358,7 @@ var ZenitMap = (0, import_react5.forwardRef)(({
       );
       if (layerStates && onLayerStateChange) {
         const next = effectiveStates.map(
-          (state) => state.layerId === layerId ? {
+          (state) => isLayerIdMatch(state.layerId, layerId) ? {
             ...state,
             baseOpacity,
             opacity: effectiveOpacity,
@@ -3235,11 +3369,11 @@ var ZenitMap = (0, import_react5.forwardRef)(({
         return;
       }
       setBaseStates(
-        (prev) => prev.map((state) => state.layerId === layerId ? { ...state, baseOpacity } : state)
+        (prev) => prev.map((state) => isLayerIdMatch(state.layerId, layerId) ? { ...state, baseOpacity } : state)
       );
       setUiOverrides((prev) => {
-        const existing = prev.find((entry) => entry.layerId === layerId);
-        const filtered = prev.filter((entry) => entry.layerId !== layerId);
+        const existing = prev.find((entry) => isLayerIdMatch(entry.layerId, layerId));
+        const filtered = prev.filter((entry) => !isLayerIdMatch(entry.layerId, layerId));
         if (existing && existing.overrideVisible !== void 0) {
           return [
             ...filtered,
@@ -3281,7 +3415,7 @@ var ZenitMap = (0, import_react5.forwardRef)(({
       const override = layerGeojsonOverrides[layerKey];
       return {
         ...layer,
-        effective: effectiveStates.find((state) => state.layerId === layer.mapLayer.layerId),
+        effective: effectiveStates.find((state) => isLayerIdMatch(state.layerId, layer.mapLayer.layerId)),
         data: override ?? layerGeojson?.[layer.mapLayer.layerId] ?? layerGeojson?.[layerKey] ?? null
       };
     });