@magicfeedback/popup-sdk 1.8.4 → 1.9.0

package/dist/react-native.mjs

@@ -18,7 +18,7 @@ import {
   sdkWarn,
   setLogger,
   style_default
-} from "./chunk-EBJZDVC6.mjs";
+} from "./chunk-AKVMUQXO.mjs";
 
 // src/react-native/index.tsx
 import { createContext, useContext, useEffect, useRef, useState } from "react";
@@ -870,7 +870,7 @@ function createReactNativeRenderer() {
 }
 
 // src/ui/preload.ts
-var defaultLoader = () => import("./renderPopup-E2OLIXIQ.mjs");
+var defaultLoader = () => import("./renderPopup-LEM2MLWT.mjs");
 var pending = null;
 function preloadRenderPopup(loader = defaultLoader) {
   if (pending) return pending;
@@ -943,7 +943,7 @@ var BrowserPopupRenderer = class {
     if (!this.container) return;
     this.visible = true;
     const container = this.container;
-    void import("./renderPopup-E2OLIXIQ.mjs").then(({ renderPopup }) => {
+    void import("./renderPopup-LEM2MLWT.mjs").then(({ renderPopup }) => {
       renderPopup(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService, analyticsFeedbackSessionId, options);
     });
   }
@@ -1220,8 +1220,10 @@ async function safeBodyText(res) {
 function createFeedbackSink(options) {
   let feedbackSessionId;
   let firstPostInFlight = null;
+  let generation = 0;
   const url = `${options.baseUrl}/sdk/feedback`;
   const post = async (body, final, sessionEnd = false) => {
+    const postGeneration = generation;
     const json = JSON.stringify(body);
     const small = json.length <= KEEPALIVE_MAX_BYTES;
     if (final) options.log?.("[DeepdotsAnalytics] final flush via fetch keepalive");
@@ -1251,9 +1253,25 @@ function createFeedbackSink(options) {
       );
       return;
     }
-    if (sessionEnd) return;
+    if (sessionEnd) {
+      let closedId = body.sessionId;
+      try {
+        const data = await res.json();
+        closedId = data?.sessionId ?? closedId;
+      } catch {
+      }
+      try {
+        if (closedId) options.onSessionClosed?.(closedId);
+      } catch {
+      }
+      return;
+    }
     try {
       const data = await res.json();
+      if (postGeneration !== generation) {
+        options.log?.("[DeepdotsAnalytics] sessionId of a closed session ignored:", data?.sessionId);
+        return;
+      }
       if (data?.sessionId && data.sessionId !== feedbackSessionId) {
         feedbackSessionId = data.sessionId;
         options.log?.("[DeepdotsAnalytics] feedbackSessionId cached:", feedbackSessionId);
@@ -1266,6 +1284,7 @@ function createFeedbackSink(options) {
     if (meta?.resetSession) {
       feedbackSessionId = void 0;
       firstPostInFlight = null;
+      generation++;
       options.onSessionReset?.();
       return;
     }
@@ -1280,6 +1299,7 @@ function createFeedbackSink(options) {
     if (sessionEnd) {
       feedbackSessionId = void 0;
       firstPostInFlight = null;
+      generation++;
       options.onSessionReset?.();
     } else if (!feedbackSessionId) {
       firstPostInFlight = sent.then(
@@ -1293,7 +1313,7 @@ function createFeedbackSink(options) {
 
 // src/tracking/navigation-observer.ts
 var UUID_PREFIX = /^[0-9a-f]{8}-[0-9a-f]{4}-/i;
-function normalizeScreen(href) {
+function screenPath(href) {
   let pathAndHash;
   try {
     const u = new URL(href, "http://deepdots.local");
@@ -1301,7 +1321,10 @@ function normalizeScreen(href) {
   } catch {
     pathAndHash = href;
   }
-  pathAndHash = pathAndHash.replace(/\?[^#]*/g, "");
+  return pathAndHash.replace(/\?[^#]*/g, "") || "/";
+}
+function normalizeScreen(href) {
+  const pathAndHash = screenPath(href);
   const collapsed = pathAndHash.split("/").map((seg) => /^[0-9]+$/.test(seg) || UUID_PREFIX.test(seg) ? ":id" : seg).join("/");
   return collapsed || "/";
 }
@@ -1309,6 +1332,7 @@ var NavigationObserver = class {
   constructor(options = {}) {
     this.listeners = /* @__PURE__ */ new Set();
     this.currentScreen = null;
+    this.currentPath = null;
     this.entryAt = 0;
     this.installed = false;
     this.domHandlers = [];
@@ -1320,20 +1344,23 @@ var NavigationObserver = class {
   /** Fija la pantalla inicial (sin emitir visita; su duración se cierra al salir). */
   begin(href) {
     this.currentScreen = normalizeScreen(href);
+    this.currentPath = screenPath(href);
     this.entryAt = this.now();
   }
   /** Navega a una pantalla nueva: cierra la anterior (emite visita) y abre la nueva. */
   visit(href) {
-    const next = normalizeScreen(href);
-    if (next === this.currentScreen) return;
+    const nextPath = screenPath(href);
+    if (this.currentScreen != null && nextPath === this.currentPath) return;
     this.closeCurrent();
-    this.currentScreen = next;
+    this.currentScreen = normalizeScreen(href);
+    this.currentPath = nextPath;
     this.entryAt = this.now();
   }
   /** Cierra la pantalla actual emitiendo su visita (p. ej. al cerrar la app/pestaña). */
   stop() {
     this.closeCurrent();
     this.currentScreen = null;
+    this.currentPath = null;
   }
   /**
    * Olvida la pantalla actual SIN emitir su visita. Para una sesión que el backend ya dio
@@ -1342,6 +1369,7 @@ var NavigationObserver = class {
    */
   discard() {
     this.currentScreen = null;
+    this.currentPath = null;
   }
   /**
    * Retoma el seguimiento en la pantalla actual tras un `stop()`, cuando se abre una sesión
@@ -1357,6 +1385,7 @@ var NavigationObserver = class {
     const exit = this.now();
     const visit = {
       screen: this.currentScreen,
+      path: this.currentPath ?? this.currentScreen,
       entry: this.entryAt,
       exit,
       durationSeconds: Math.max(0, Math.round((exit - this.entryAt) / 1e3))
@@ -1917,6 +1946,8 @@ var DeepdotsPopups = class {
     this.analytics = null;
     /** feedbackSessionId cacheado del canal de analytics (devuelto por POST /sdk/feedback). */
     this.analyticsFeedbackSessionId = void 0;
+    /** `init({ onFeedbackSession })`: avisa al host al abrir y cerrar cada registro. */
+    this.onFeedbackSession = void 0;
     /** Timer del flush periódico de analytics (cada ANALYTICS_FLUSH_INTERVAL_MS). */
     this.analyticsFlushTimer = void 0;
     /** Crash & error reporting (#14–17). Null hasta init(). */
@@ -1974,6 +2005,7 @@ var DeepdotsPopups = class {
     this.renderChrome = config.renderChrome ?? true;
     this.showProgressBar = config.showProgressBar;
     this.surveyCss = config.surveyCss;
+    this.onFeedbackSession = config.onFeedbackSession;
     this.config = {
       apiKey: config.apiKey || void 0,
       debug: config.debug || false,
@@ -2007,7 +2039,9 @@ var DeepdotsPopups = class {
       log: (...a) => this.log(...a),
       onSessionId: (id) => {
         this.analyticsFeedbackSessionId = id;
+        this.notifyFeedbackSession(id, "open");
       },
+      onSessionClosed: (id) => this.notifyFeedbackSession(id, "closed"),
       onSessionReset: () => {
         this.analyticsFeedbackSessionId = void 0;
       }
@@ -2045,7 +2079,9 @@ var DeepdotsPopups = class {
     this.geoWanted = this.geoEnabled && !!config.analytics;
     this.resolveGeo();
     this.navObserver = new NavigationObserver();
-    this.navObserver.onVisit((v) => this.track("deepdots_page_view", { screen: v.screen, duration_seconds: v.durationSeconds }));
+    this.navObserver.onVisit(
+      (v) => this.track("deepdots_page_view", { screen: v.screen, path: v.path, duration_seconds: v.durationSeconds })
+    );
     this.navObserver.install();
     this.engagement = new EngagementTracker();
     this.setupAnalyticsFlush();
@@ -2080,6 +2116,23 @@ var DeepdotsPopups = class {
   getSessionId() {
     return this.tracking?.getSessionId() ?? null;
   }
+  /**
+   * Id del registro de analytics abierto: el `sessionId` que devolvió `POST /sdk/feedback`,
+   * que la API guarda como `sdkSessionId` en el Feedback en que se convierte la sesión. No es
+   * `getSessionId()`. Null hasta que el backend acepta el primer lote y de nuevo al cerrar la
+   * sesión: para saber también qué registro se cerró, usa `init({ onFeedbackSession })`.
+   */
+  getFeedbackSessionId() {
+    return this.analyticsFeedbackSessionId ?? null;
+  }
+  /** Avisa al host del registro abierto o cerrado; un fallo del host no corta el envío. */
+  notifyFeedbackSession(sessionId, status) {
+    try {
+      this.onFeedbackSession?.({ sessionId, status });
+    } catch (error) {
+      this.log("analytics \xB7 onFeedbackSession threw:", error);
+    }
+  }
   /** Activa/desactiva el tracking (identidad + sesión + analytics). Kill-switch del contrato §7bis. */
   setTrackingEnabled(enabled) {
     if (!enabled) this.closeSession("tracking_disabled");
@@ -2920,7 +2973,7 @@ var DeepdotsPopups = class {
     }
     if (!this.popupContainer) return;
     const container = this.popupContainer;
-    void import("./renderPopup-E2OLIXIQ.mjs").then(({ renderPopup }) => {
+    void import("./renderPopup-LEM2MLWT.mjs").then(({ renderPopup }) => {
       renderPopup(
         container,
         surveyId,