@magicfeedback/popup-sdk 1.1.7 → 1.1.8

package/dist/react-native.d.mts

@@ -139,9 +139,11 @@ interface DeepdotsInitParams {
     /** Platform used in the analytics envelope. Default is 'web'; in RN pass 'android'/'ios'. */
     platform?: 'web' | 'android' | 'ios';
     /**
-     * BCP-47 language tag for the analytics context (e.g. 'es-ES'). If omitted, the SDK
-     * auto-detects: `navigator.language` on web, or the `Intl` locale as a fallback (works in
-     * React Native with Hermes, where `navigator.language` is absent).
+     * BCP-47 language tag (e.g. 'es-ES') used for the analytics context AND for popup
+     * language segmentation (`segments.lang`). If omitted, the SDK auto-detects:
+     * `navigator.language` on web, or the `Intl` locale as a fallback (works in
+     * React Native with Hermes, where `navigator.language` is absent). If no source
+     * resolves a language, popups with `segments.lang` cannot be filtered and are shown.
      */
     language?: string;
     /** Injectable device info (RN: from react-native-device-info). If missing, it is derived from the browser. */
@@ -333,6 +335,11 @@ declare class DeepdotsPopups {
     private contact;
     /** Marca si ya se inició la navegación manual (setScreen) — para RN sin History API. */
     private navStarted;
+    /**
+     * 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.
+     */
+    private language;
     /** Initialize the SDK with configuration */
     init(config: DeepdotsInitParams): void;
     /** User id actual (generado por el SDK o provisto por el cliente). Null si tracking off. */
@@ -387,8 +394,14 @@ declare class DeepdotsPopups {
     onBackground(): void;
     /** Payload que se ENVIARÍA al endpoint de analytics (no envía ni vacía el buffer). */
     previewAnalytics(): AnalyticsEnvelope;
-    /** Envía (hoy dry-run → console.log) el lote acumulado de analytics y vacía el buffer. */
-    flushAnalytics(): void;
+    /**
+     * 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?: {
+        final?: boolean;
+    }): void;
     /** Emite un evento `user_engagement` con el tiempo activo acumulado (#8). */
     private flushEngagement;
     private analyticsIdentity;

package/dist/react-native.d.ts

@@ -139,9 +139,11 @@ interface DeepdotsInitParams {
     /** Platform used in the analytics envelope. Default is 'web'; in RN pass 'android'/'ios'. */
     platform?: 'web' | 'android' | 'ios';
     /**
-     * BCP-47 language tag for the analytics context (e.g. 'es-ES'). If omitted, the SDK
-     * auto-detects: `navigator.language` on web, or the `Intl` locale as a fallback (works in
-     * React Native with Hermes, where `navigator.language` is absent).
+     * BCP-47 language tag (e.g. 'es-ES') used for the analytics context AND for popup
+     * language segmentation (`segments.lang`). If omitted, the SDK auto-detects:
+     * `navigator.language` on web, or the `Intl` locale as a fallback (works in
+     * React Native with Hermes, where `navigator.language` is absent). If no source
+     * resolves a language, popups with `segments.lang` cannot be filtered and are shown.
      */
     language?: string;
     /** Injectable device info (RN: from react-native-device-info). If missing, it is derived from the browser. */
@@ -333,6 +335,11 @@ declare class DeepdotsPopups {
     private contact;
     /** Marca si ya se inició la navegación manual (setScreen) — para RN sin History API. */
     private navStarted;
+    /**
+     * 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.
+     */
+    private language;
     /** Initialize the SDK with configuration */
     init(config: DeepdotsInitParams): void;
     /** User id actual (generado por el SDK o provisto por el cliente). Null si tracking off. */
@@ -387,8 +394,14 @@ declare class DeepdotsPopups {
     onBackground(): void;
     /** Payload que se ENVIARÍA al endpoint de analytics (no envía ni vacía el buffer). */
     previewAnalytics(): AnalyticsEnvelope;
-    /** Envía (hoy dry-run → console.log) el lote acumulado de analytics y vacía el buffer. */
-    flushAnalytics(): void;
+    /**
+     * 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?: {
+        final?: boolean;
+    }): void;
     /** Emite un evento `user_engagement` con el tiempo activo acumulado (#8). */
     private flushEngagement;
     private analyticsIdentity;

package/dist/react-native.js

@@ -2030,6 +2030,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). */
@@ -2090,6 +2091,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?.();
     }
@@ -2120,14 +2122,43 @@ var AnalyticsManager = class {
       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
@@ -2190,33 +2221,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}`);
+      }
+      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((err) => options.log?.("[DeepdotsAnalytics] error enviando feedback", err));
+    } 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;
   };
 }
 
@@ -2710,6 +2788,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) {
@@ -2751,19 +2834,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: resolveLanguage({
-        explicit: config.language,
-        navigator: typeof navigator !== "undefined" ? navigator : void 0,
-        intl: typeof Intl !== "undefined" ? Intl : void 0
-      }),
+      language: this.language,
       platform: config.platform ?? "web",
       device,
       maxBatchSize: ANALYTICS_MAX_BATCH_SIZE,
@@ -2939,10 +3025,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() {
@@ -2965,7 +3055,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") {
@@ -3086,14 +3176,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;
   }