@magicfeedback/popup-sdk 1.1.6 → 1.1.8

package/dist/index.js

@@ -146,8 +146,8 @@ var init_tracking_manager = __esm({
 
 // src/ui/font.ts
 function fontFormatFromUrl(url) {
-  const clean = url.split("?")[0].split("#")[0];
-  const ext = clean.slice(clean.lastIndexOf(".") + 1).toLowerCase();
+  const clean2 = url.split("?")[0].split("#")[0];
+  const ext = clean2.slice(clean2.lastIndexOf(".") + 1).toLowerCase();
   return FORMAT_BY_EXT[ext];
 }
 function sanitizeFamily(family) {
@@ -3957,6 +3957,8 @@ var AnalyticsManager = class {
   constructor(options = {}) {
     this.events = [];
     this.attributes = {};
+    /** Métricas del host (valores medibles persistentes). Sobrescriben por key; se reenvían en cada flush. */
+    this.metrics = {};
     /** Mini-services activos: nombre → timestamp de entrada. El orden de inserción marca el "más reciente". */
     this.activeMiniServices = /* @__PURE__ */ new Map();
     this.sink = options.sink ?? dryRunSink;
@@ -3966,6 +3968,7 @@ var AnalyticsManager = class {
     this.device = options.device;
     this.platform = options.platform ?? "web";
     this.maxBatchSize = options.maxBatchSize ?? 20;
+    this.maxBufferedEvents = options.maxBufferedEvents ?? 200;
     this.onFlushNeeded = options.onFlushNeeded;
   }
   /** Actualiza campos de device en runtime (p.ej. country/city tras resolver geo). */
@@ -3979,6 +3982,14 @@ var AnalyticsManager = class {
       this.attributes[k] = String(v);
     }
   }
+  /**
+   * Registra/actualiza una métrica (valor medible). Persistente: se reenvía en cada flush.
+   * Repetir la misma key SOBRESCRIBE; el valor se coerciona a string; ignora key vacía.
+   */
+  setMetric(key, value) {
+    if (!key) return;
+    this.metrics[key] = String(value);
+  }
   /**
    * Marca el inicio de un mini-service; etiqueta los eventos siguientes con `mini_service`.
    * Admite varios activos a la vez (concurrencia); el "actual" para etiquetar es el más reciente.
@@ -4018,6 +4029,7 @@ var AnalyticsManager = class {
       timestamp: this.now(),
       params: Object.keys(merged).length ? merged : void 0
     });
+    this.enforceBufferCap();
     if (this.events.length >= this.maxBatchSize) {
       this.onFlushNeeded?.();
     }
@@ -4042,19 +4054,49 @@ var AnalyticsManager = class {
         platform: this.platform,
         language: this.language,
         device: this.device,
-        attributes: { ...this.attributes }
+        attributes: { ...this.attributes },
+        metrics: { ...this.metrics }
       },
       events: [...this.events]
     };
   }
-  /** Envía (vía sink) el lote acumulado y vacía el buffer. No-op si no hay eventos. */
-  flush(identity) {
+  /**
+   * Envía (vía sink) el lote acumulado y vacía el buffer. No-op si no hay eventos.
+   *
+   * Si el sink falla de forma transitoria (promesa rechazada o excepción síncrona) el lote
+   * se **re-encola** al principio del buffer y se reintenta en el siguiente flush: un error
+   * de red o un 5xx no debe hacer desaparecer los eventos.
+   */
+  flush(identity, meta) {
     if (this.events.length === 0) return null;
+    const batch = this.events;
     const payload = this.buildPayload(identity);
-    this.sink(payload);
     this.events = [];
+    let result;
+    try {
+      result = meta ? this.sink(payload, meta) : this.sink(payload);
+    } catch {
+      this.requeue(batch);
+      return payload;
+    }
+    if (result && typeof result.then === "function") {
+      result.catch(() => this.requeue(batch));
+    }
     return payload;
   }
+  /**
+   * Devuelve un lote fallido al buffer, delante de lo que haya llegado mientras se enviaba
+   * (orden cronológico). Con el buffer lleno se descartan los eventos más antiguos.
+   */
+  requeue(batch) {
+    this.events = [...batch, ...this.events];
+    this.enforceBufferCap();
+  }
+  /** Techo del buffer: si el envío lleva rato fallando, se sacrifica lo más antiguo. */
+  enforceBufferCap() {
+    const overflow = this.events.length - this.maxBufferedEvents;
+    if (overflow > 0) this.events.splice(0, overflow);
+  }
 };
 
 // src/analytics/feedback-payload.ts
@@ -4098,10 +4140,15 @@ function buildAnalyticsFeedbackBody(envelope, keys, feedbackSessionId) {
       value: [JSON.stringify({ timestamp: e.timestamp, ...e.params ?? {} })]
     });
   }
+  const metrics = [];
+  for (const [k, v] of Object.entries(context.metrics ?? {})) {
+    pushKV(metrics, k, v);
+  }
   return {
     feedback: {
       text: "",
       answers: [],
+      metrics,
       metadata,
       profile,
       finished: false
@@ -4112,33 +4159,80 @@ function buildAnalyticsFeedbackBody(envelope, keys, feedbackSessionId) {
     ...feedbackSessionId ? { sessionId: feedbackSessionId } : {}
   };
 }
+var KEEPALIVE_MAX_BYTES = 6e4;
+function isRetryableStatus(status) {
+  return status >= 500 || status === 408 || status === 429;
+}
+async function safeBodyText(res) {
+  try {
+    return (await res.text()).slice(0, 500);
+  } catch {
+    return "";
+  }
+}
 function createFeedbackSink(options) {
   let feedbackSessionId;
-  return (envelope) => {
-    const body = buildAnalyticsFeedbackBody(envelope, options.keys, feedbackSessionId);
+  let firstPostInFlight = null;
+  const url = `${options.baseUrl}/sdk/feedback`;
+  const post = async (body, final) => {
+    const json = JSON.stringify(body);
+    const small = json.length <= KEEPALIVE_MAX_BYTES;
+    if (final && options.sendBeaconImpl && small) {
+      const payload = typeof Blob !== "undefined" ? new Blob([json], { type: "application/json" }) : json;
+      if (options.sendBeaconImpl(url, payload)) {
+        options.log?.("[DeepdotsAnalytics] flush final v\xEDa sendBeacon");
+        return;
+      }
+      options.log?.("[DeepdotsAnalytics] sendBeacon rechaz\xF3 el lote; fallback a fetch");
+    }
     const f = options.fetchImpl ?? (typeof fetch !== "undefined" ? fetch : void 0);
     if (!f) {
       options.log?.("[DeepdotsAnalytics] no fetch disponible; payload no enviado", body);
       return;
     }
-    options.log?.("[DeepdotsAnalytics] POST /sdk/feedback \u2192", body);
-    f(`${options.baseUrl}/sdk/feedback`, {
+    const res = await f(url, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(body)
-    }).then(async (res) => {
-      if (res.ok) {
-        try {
-          const data = await res.json();
-          if (data?.sessionId && data.sessionId !== feedbackSessionId) {
-            feedbackSessionId = data.sessionId;
-            options.log?.("[DeepdotsAnalytics] feedbackSessionId cacheado:", feedbackSessionId);
-            options.onSessionId?.(feedbackSessionId);
-          }
-        } catch {
-        }
+      body: json,
+      // keepalive: el POST sobrevive a la navegación mientras el body sea pequeño.
+      ...small ? { keepalive: true } : {}
+    });
+    if (!res.ok) {
+      const detail = await safeBodyText(res);
+      if (isRetryableStatus(res.status)) {
+        throw new Error(`POST /sdk/feedback ${res.status} (reintentable): ${detail}`);
       }
-    }).catch((err) => options.log?.("[DeepdotsAnalytics] error enviando feedback", err));
+      options.log?.(
+        `[DeepdotsAnalytics] POST /sdk/feedback rechazado con ${res.status}; lote DESCARTADO:`,
+        detail
+      );
+      return;
+    }
+    try {
+      const data = await res.json();
+      if (data?.sessionId && data.sessionId !== feedbackSessionId) {
+        feedbackSessionId = data.sessionId;
+        options.log?.("[DeepdotsAnalytics] feedbackSessionId cacheado:", feedbackSessionId);
+        options.onSessionId?.(feedbackSessionId);
+      }
+    } catch {
+    }
+  };
+  return async (envelope, meta) => {
+    const final = meta?.final === true;
+    if (!feedbackSessionId && firstPostInFlight && !final) {
+      await firstPostInFlight;
+    }
+    const body = buildAnalyticsFeedbackBody(envelope, options.keys, feedbackSessionId);
+    options.log?.("[DeepdotsAnalytics] POST /sdk/feedback \u2192", body);
+    const sent = post(body, final);
+    if (!feedbackSessionId) {
+      firstPostInFlight = sent.then(
+        () => void 0,
+        () => void 0
+      );
+    }
+    await sent;
   };
 }
 
@@ -4282,21 +4376,96 @@ function collectDeviceInfo(appVersion) {
 }
 
 // src/analytics/geo-info.ts
-async function collectGeoInfo(fetchImpl) {
-  const f = fetchImpl ?? (typeof fetch !== "undefined" ? fetch : void 0);
-  if (!f) return null;
+var GEO_STORAGE_KEY = "deepdots.geo";
+var GEO_TTL_MS = 30 * 24 * 60 * 60 * 1e3;
+var GEO_TIMEOUT_MS = 3e3;
+function readCachedGeo(storage, now) {
+  try {
+    const raw = storage.getItem(GEO_STORAGE_KEY);
+    if (!raw) return null;
+    const cached = JSON.parse(raw);
+    if (typeof cached.ts !== "number" || now - cached.ts > GEO_TTL_MS) return null;
+    const geo = {};
+    if (cached.country) geo.country = cached.country;
+    if (cached.city) geo.city = cached.city;
+    return geo.country || geo.city ? geo : null;
+  } catch {
+    return null;
+  }
+}
+function writeCachedGeo(storage, geo, now) {
+  try {
+    const payload = { ...geo, ts: now };
+    storage.setItem(GEO_STORAGE_KEY, JSON.stringify(payload));
+  } catch {
+  }
+}
+var DEFAULT_GEO_PROVIDERS = [
+  {
+    // https://ipapi.co/json/
+    url: "https://ipapi.co/json/",
+    parse: (d) => geoFrom(d.country_code, d.city)
+  },
+  {
+    // https://ipwho.is/ (devuelve success:false con 200 en errores)
+    url: "https://ipwho.is/",
+    parse: (d) => d.success === false ? null : geoFrom(d.country_code, d.city)
+  },
+  {
+    // https://ipinfo.io/json (country = código ISO)
+    url: "https://ipinfo.io/json",
+    parse: (d) => geoFrom(d.country, d.city)
+  }
+];
+function geoFrom(country, city) {
+  const c = typeof country === "string" && country ? country : void 0;
+  const t = typeof city === "string" && city ? city : void 0;
+  if (!c && !t) return null;
+  return { country: c, city: t };
+}
+async function fetchOne(provider, f, timeoutMs) {
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeoutMs);
   try {
-    const res = await f("https://ipapi.co/json/");
+    const res = await f(provider.url, { signal: controller.signal });
     if (!res.ok) return null;
     const data = await res.json();
-    const country = data.country_code || void 0;
-    const city = data.city || void 0;
-    if (!country && !city) return null;
-    return { country, city };
+    return provider.parse(data);
   } catch {
     return null;
+  } finally {
+    clearTimeout(timer);
   }
 }
+async function fetchGeo(options = {}) {
+  const f = options.fetchImpl ?? (typeof fetch !== "undefined" ? fetch : void 0);
+  if (!f) return null;
+  const providers = options.providers ?? DEFAULT_GEO_PROVIDERS;
+  const timeoutMs = options.timeoutMs ?? GEO_TIMEOUT_MS;
+  for (const provider of providers) {
+    const geo = await fetchOne(provider, f, timeoutMs);
+    if (geo) return geo;
+  }
+  return null;
+}
+
+// src/analytics/language.ts
+function clean(value) {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : void 0;
+}
+function resolveLanguage(sources) {
+  const explicit = clean(sources.explicit);
+  if (explicit) return explicit;
+  const navLang = clean(sources.navigator?.language);
+  if (navLang) return navLang;
+  try {
+    const locale = clean(sources.intl?.DateTimeFormat().resolvedOptions().locale);
+    if (locale) return locale;
+  } catch {
+  }
+  return void 0;
+}
 
 // src/analytics/engagement-tracker.ts
 var EngagementTracker = class {
@@ -4557,6 +4726,11 @@ var DeepdotsPopups = class {
     this.contact = null;
     /** Marca si ya se inició la navegación manual (setScreen) — para RN sin History API. */
     this.navStarted = false;
+    /**
+     * Idioma resuelto en init() (explícito > navigator.language > Intl). Única fuente de
+     * verdad para el context de analytics Y para la segmentación por idioma de los popups.
+     */
+    this.language = void 0;
   }
   /** Initialize the SDK with configuration */
   init(config) {
@@ -4598,15 +4772,22 @@ var DeepdotsPopups = class {
       baseUrl: this.baseUrl,
       keys: config.analytics,
       log: (...a) => this.log(...a),
+      // sendBeacon: único transporte que sobrevive al cierre de la página.
+      sendBeaconImpl: typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function" ? (url, body) => navigator.sendBeacon(url, body) : void 0,
       onSessionId: (id) => {
         this.analyticsFeedbackSessionId = id;
       }
     }) : createDryRunSink((...a) => this.logger.log(...a));
     const device = config.device ?? collectDeviceInfo(config.appVersion);
+    this.language = resolveLanguage({
+      explicit: config.language,
+      navigator: typeof navigator !== "undefined" ? navigator : void 0,
+      intl: typeof Intl !== "undefined" ? Intl : void 0
+    });
     this.analytics = new AnalyticsManager({
       sink: analyticsSink,
       publicKey: config.analytics?.publicKey ?? this.config.apiKey,
-      language: typeof navigator !== "undefined" ? navigator.language : void 0,
+      language: this.language,
       platform: config.platform ?? "web",
       device,
       maxBatchSize: ANALYTICS_MAX_BATCH_SIZE,
@@ -4623,8 +4804,13 @@ var DeepdotsPopups = class {
     if (this.tracking?.isTrackingEnabled()) {
       this.crashReporter.install();
     }
-    collectGeoInfo().then((geo) => {
-      if (geo) this.analytics?.updateDevice(geo);
+    const cachedGeo = readCachedGeo(storage, Date.now());
+    if (cachedGeo) this.analytics.updateDevice(cachedGeo);
+    fetchGeo().then((geo) => {
+      if (geo) {
+        this.analytics?.updateDevice(geo);
+        writeCachedGeo(storage, geo, Date.now());
+      }
     }).catch(() => {
     });
     this.navObserver = new NavigationObserver();
@@ -4681,6 +4867,15 @@ var DeepdotsPopups = class {
     if (!this.tracking?.isTrackingEnabled()) return;
     this.analytics?.setUserAttributes(attributes);
   }
+  /**
+   * Registra/actualiza una métrica (valor medible) → `feedback.metrics` del body.
+   * Persistente y sobrescribe por key. No-op si tracking off.
+   */
+  setMetric(key, value) {
+    if (!this.tracking?.isTrackingEnabled()) return;
+    this.analytics?.setMetric(key, value);
+    this.log("analytics \xB7 setMetric:", key, value);
+  }
   /** Reporta un error del host (manejado o no) → evento `deepdots_app_crash`. No-op si tracking off. */
   reportError(error, options) {
     if (!this.tracking?.isTrackingEnabled()) return;
@@ -4768,10 +4963,14 @@ var DeepdotsPopups = class {
       events: []
     };
   }
-  /** Envía (hoy dry-run → console.log) el lote acumulado de analytics y vacía el buffer. */
-  flushAnalytics() {
+  /**
+   * Envía el lote acumulado de analytics y vacía el buffer.
+   * `final: true` (cierre de página/app) cambia el transporte a `sendBeacon`, que sobrevive
+   * al unload; un lote que falle por red o 5xx se re-encola para el siguiente flush.
+   */
+  flushAnalytics(options) {
     if (!this.tracking?.isTrackingEnabled()) return;
-    this.analytics?.flush(this.analyticsIdentity());
+    this.analytics?.flush(this.analyticsIdentity(), options);
   }
   /** Emite un evento `user_engagement` con el tiempo activo acumulado (#8). */
   flushEngagement() {
@@ -4794,7 +4993,7 @@ var DeepdotsPopups = class {
       this.navObserver?.stop();
       if (this.tracking?.isTrackingEnabled()) this.analytics?.exitAllMiniServices();
       this.flushEngagement();
-      this.flushAnalytics();
+      this.flushAnalytics({ final: true });
     });
     document.addEventListener("visibilitychange", () => {
       if (document.visibilityState === "hidden") {
@@ -4915,14 +5114,16 @@ var DeepdotsPopups = class {
   matchesSegmentsLang(def) {
     const langs = def.segments?.lang;
     if (!langs || langs.length === 0) return true;
-    const browserLang = (typeof navigator !== "undefined" ? navigator.language : "").toLowerCase();
-    if (!browserLang) {
-      this.debug("No navigator.language available for lang comparison", { popupId: def.id, langs });
+    const currentLang = (this.language ?? "").toLowerCase();
+    if (!currentLang) {
+      this.debug("No language available for lang comparison", { popupId: def.id, langs });
       return true;
     }
-    const matches = langs.some((lang) => browserLang.startsWith(lang.toLowerCase()));
+    const matches = langs.some(
+      (lang) => typeof lang === "string" && currentLang.startsWith(lang.toLowerCase())
+    );
     if (!matches) {
-      this.debug("Lang mismatch for popup", { popupId: def.id, langs, browserLang });
+      this.debug("Lang mismatch for popup", { popupId: def.id, langs, currentLang });
     }
     return matches;
   }