@magicfeedback/popup-sdk 1.1.1 → 1.1.2

package/dist/react-native.mjs

@@ -4,7 +4,7 @@ import {
   __require,
   buildSurveyIdentity,
   createDefaultStorage
-} from "./chunk-M6PEFLLQ.mjs";
+} from "./chunk-IOAZQPZE.mjs";
 
 // src/react-native/index.tsx
 import { createContext, useContext, useEffect, useRef, useState } from "react";
@@ -258,12 +258,12 @@ var ReactNativePopupRenderer = class {
   }
   init() {
   }
-  show(surveyId, productId, _actions, emit, onClose, env = "production", userId, _style, sessionId, miniService) {
+  show(surveyId, productId, _actions, emit, onClose, env = "production", userId, _style, sessionId, miniService, analyticsFeedbackSessionId) {
     this.emitFn = emit;
     this.onCloseFn = onClose;
     this.currentSurveyId = surveyId;
     this.partialEmitted = false;
-    const { profile, metadata } = buildSurveyIdentity(userId ?? null, sessionId ?? null, miniService ?? null);
+    const { profile, metadata } = buildSurveyIdentity(userId ?? null, sessionId ?? null, miniService ?? null, analyticsFeedbackSessionId ?? null);
     const html = buildSurveyHtml({ surveyId, productId, env, profile, metadata });
     if (this.options.onShow) {
       this.options.onShow({ surveyId, productId, html });
@@ -354,14 +354,14 @@ var BrowserPopupRenderer = class {
       document.body.appendChild(this.container);
     }
   }
-  show(surveyId, productId, actions, emit, onClose, env = "production", userId, style, sessionId, miniService) {
+  show(surveyId, productId, actions, emit, onClose, env = "production", userId, style, sessionId, miniService, analyticsFeedbackSessionId) {
     if (this.visible) return;
     if (!this.container || !document.body.contains(this.container)) this.init();
     if (!this.container) return;
     this.visible = true;
     const container = this.container;
-    void import("./renderPopup-7GGKR5BY.mjs").then(({ renderPopup }) => {
-      renderPopup(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService);
+    void import("./renderPopup-KBDWWSUU.mjs").then(({ renderPopup }) => {
+      renderPopup(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService, analyticsFeedbackSessionId);
     });
   }
   hide() {
@@ -400,6 +400,12 @@ var AnalyticsManager = class {
     this.language = options.language;
     this.device = options.device;
     this.platform = options.platform ?? "web";
+    this.maxBatchSize = options.maxBatchSize ?? 20;
+    this.onFlushNeeded = options.onFlushNeeded;
+  }
+  /** Actualiza campos de device en runtime (p.ej. country/city tras resolver geo). */
+  updateDevice(partial) {
+    this.device = { ...this.device, ...partial };
   }
   /** Mezcla user attributes (se coercionan a string). Mutable en runtime. */
   setUserAttributes(attrs) {
@@ -433,6 +439,9 @@ var AnalyticsManager = class {
       timestamp: this.now(),
       params: Object.keys(merged).length ? merged : void 0
     });
+    if (this.events.length >= this.maxBatchSize) {
+      this.onFlushNeeded?.();
+    }
   }
   /** Mini-service activo (para inyectarlo en la metadata del survey, #33). */
   getMiniService() {
@@ -470,44 +479,55 @@ var AnalyticsManager = class {
 // src/analytics/feedback-payload.ts
 function pushKV(list, key, value) {
   if (value === void 0 || value === null || value === "") return;
-  list.push({ key, value: String(value) });
+  list.push({ key, value: [String(value)] });
 }
 function buildAnalyticsFeedbackBody(envelope, keys, feedbackSessionId) {
   const { context } = envelope;
-  const metrics = envelope.events.map((e) => ({
-    key: e.name,
-    value: JSON.stringify({ timestamp: e.timestamp, ...e.params ?? {} })
-  }));
   const profile = [];
   pushKV(profile, "external-user-id", envelope.userId);
   const metadata = [];
-  pushKV(metadata, "user_id", envelope.userId);
-  pushKV(metadata, "session_id", envelope.sessionId);
-  pushKV(metadata, "platform", context.platform);
-  pushKV(metadata, "language", context.language);
+  pushKV(metadata, "deepdots_user_id", envelope.userId);
+  pushKV(metadata, "deepdots_session_id", envelope.sessionId);
+  pushKV(metadata, "deepdots_platform", context.platform);
+  pushKV(metadata, "deepdots_language", context.language);
   if (context.device) {
-    pushKV(metadata, "device_type", context.device.device_type);
-    pushKV(metadata, "os_version", context.device.os_version);
-    pushKV(metadata, "device_model", context.device.device_model);
-    pushKV(metadata, "app_version", context.device.app_version);
-    pushKV(metadata, "user_agent", context.device.user_agent);
+    const d = context.device;
+    pushKV(metadata, "deepdots_device_type", d.device_type);
+    pushKV(metadata, "deepdots_os_version", d.os_version);
+    pushKV(metadata, "deepdots_device_model", d.device_model);
+    pushKV(metadata, "deepdots_app_version", d.app_version);
+    pushKV(metadata, "deepdots_user_agent", d.user_agent);
+    pushKV(metadata, "deepdots_timezone", d.timezone);
+    pushKV(metadata, "deepdots_referrer", d.referrer);
+    pushKV(metadata, "deepdots_viewport_size", d.viewport_size);
+    pushKV(metadata, "deepdots_screen_resolution", d.screen_resolution);
+    pushKV(metadata, "deepdots_pixel_ratio", d.pixel_ratio);
+    pushKV(metadata, "deepdots_entry_type", d.entry_type);
+    pushKV(metadata, "deepdots_page_load_ms", d.page_load_ms);
+    pushKV(metadata, "deepdots_connection_type", d.connection_type);
+    pushKV(metadata, "deepdots_country", d.country);
+    pushKV(metadata, "deepdots_city", d.city);
   }
   for (const [k, v] of Object.entries(context.attributes ?? {})) {
     pushKV(metadata, k, v);
   }
+  for (const e of envelope.events) {
+    metadata.push({
+      key: e.name,
+      value: [JSON.stringify({ timestamp: e.timestamp, ...e.params ?? {} })]
+    });
+  }
   return {
     feedback: {
       text: "",
       answers: [],
       metadata,
-      metrics,
       profile,
       finished: false
     },
     publicKey: keys.publicKey,
     integration: keys.integration,
     completed: false,
-    // finished: false,
     ...feedbackSessionId ? { sessionId: feedbackSessionId } : {}
   };
 }
@@ -532,6 +552,7 @@ function createFeedbackSink(options) {
           if (data?.sessionId && data.sessionId !== feedbackSessionId) {
             feedbackSessionId = data.sessionId;
             options.log?.("[DeepdotsAnalytics] feedbackSessionId cacheado:", feedbackSessionId);
+            options.onSessionId?.(feedbackSessionId);
           }
         } catch {
         }
@@ -645,15 +666,57 @@ function parseDeviceType(ua) {
   }
   return "desktop";
 }
+function getEntryType() {
+  if (typeof performance === "undefined") return void 0;
+  const entries = performance.getEntriesByType("navigation");
+  if (!entries.length) return void 0;
+  return entries[0].type;
+}
+function getPageLoadMs() {
+  if (typeof performance === "undefined") return void 0;
+  const entries = performance.getEntriesByType("navigation");
+  if (!entries.length) return void 0;
+  const load = entries[0].loadEventEnd;
+  return load > 0 ? Math.round(load) : void 0;
+}
+function getConnectionType() {
+  if (typeof navigator === "undefined") return void 0;
+  return navigator.connection?.effectiveType ?? void 0;
+}
 function collectDeviceInfo(appVersion) {
   const ua = typeof navigator !== "undefined" ? navigator.userAgent : "";
   return {
     device_type: parseDeviceType(ua),
     user_agent: ua || void 0,
-    app_version: appVersion
+    app_version: appVersion,
+    timezone: typeof Intl !== "undefined" ? Intl.DateTimeFormat().resolvedOptions().timeZone : void 0,
+    referrer: typeof document !== "undefined" && document.referrer ? document.referrer : void 0,
+    viewport_size: typeof window !== "undefined" ? `${window.innerWidth}x${window.innerHeight}` : void 0,
+    screen_resolution: typeof screen !== "undefined" ? `${screen.width}x${screen.height}` : void 0,
+    pixel_ratio: typeof window !== "undefined" ? window.devicePixelRatio : void 0,
+    entry_type: getEntryType(),
+    page_load_ms: getPageLoadMs(),
+    connection_type: getConnectionType()
   };
 }
 
+// src/analytics/geo-info.ts
+async function collectGeoInfo(fetchImpl) {
+  const f = fetchImpl ?? (typeof fetch !== "undefined" ? fetch : void 0);
+  if (!f) return null;
+  try {
+    const res = await f("https://ipapi.co/json/");
+    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 };
+  } catch {
+    return null;
+  }
+}
+
 // src/analytics/engagement-tracker.ts
 var EngagementTracker = class {
   constructor(now = () => Date.now()) {
@@ -724,6 +787,8 @@ var ContactManager = class {
 // src/core/deepdots-popups.ts
 var EXIT_QUEUE_STORAGE_KEY = "__deepdots_exit_popup_queue__";
 var DAY_IN_MS = 24 * 60 * 60 * 1e3;
+var ANALYTICS_MAX_BATCH_SIZE = 20;
+var ANALYTICS_FLUSH_INTERVAL_MS = 3e4;
 var DeepdotsPopups = class {
   constructor() {
     this.config = null;
@@ -749,6 +814,10 @@ var DeepdotsPopups = class {
     this.tracking = null;
     /** Capa de analytics (canal separado del feedback). Null hasta init(). */
     this.analytics = null;
+    /** feedbackSessionId cacheado del canal de analytics (devuelto por POST /sdk/feedback). */
+    this.analyticsFeedbackSessionId = void 0;
+    /** Timer del flush periódico de analytics (cada ANALYTICS_FLUSH_INTERVAL_MS). */
+    this.analyticsFlushTimer = void 0;
     /** Observador de navegación (Fase 2): emite page_view por el canal de analytics. */
     this.navObserver = null;
     /** Tiempo activo (engagement time, #8). */
@@ -795,14 +864,23 @@ var DeepdotsPopups = class {
     const analyticsSink = config.analytics ? createFeedbackSink({
       baseUrl: this.baseUrl,
       keys: config.analytics,
-      log: (...a) => this.log(...a)
+      log: (...a) => this.log(...a),
+      onSessionId: (id) => {
+        this.analyticsFeedbackSessionId = id;
+      }
     }) : void 0;
     this.analytics = new AnalyticsManager({
       sink: analyticsSink,
       publicKey: config.analytics?.publicKey ?? this.config.apiKey,
       language: typeof navigator !== "undefined" ? navigator.language : void 0,
       platform: config.platform ?? "web",
-      device: config.device ?? collectDeviceInfo(config.appVersion)
+      device: config.device ?? collectDeviceInfo(config.appVersion),
+      maxBatchSize: ANALYTICS_MAX_BATCH_SIZE,
+      onFlushNeeded: () => this.flushAnalytics()
+    });
+    collectGeoInfo().then((geo) => {
+      if (geo) this.analytics?.updateDevice(geo);
+    }).catch(() => {
     });
     this.navObserver = new NavigationObserver();
     this.navObserver.onVisit((v) => this.track("page_view", { screen: v.screen, duration_seconds: v.durationSeconds }));
@@ -943,7 +1021,9 @@ var DeepdotsPopups = class {
   /** Flush automático al ocultar/cerrar la página (no perder el lote pendiente). */
   setupAnalyticsFlush() {
     if (typeof document === "undefined" || typeof window === "undefined") return;
+    this.analyticsFlushTimer = setInterval(() => this.flushAnalytics(), ANALYTICS_FLUSH_INTERVAL_MS);
     window.addEventListener("pagehide", () => {
+      clearInterval(this.analyticsFlushTimer);
       this.navObserver?.stop();
       this.exitMiniService();
       this.flushEngagement();
@@ -1387,7 +1467,8 @@ var DeepdotsPopups = class {
     const userId = this.tracking?.getUserId() ?? this.config?.userId;
     const sessionId = this.tracking?.getSessionId() ?? void 0;
     const miniService = this.analytics?.getMiniService() ?? void 0;
-    this.log("tracking \xB7 survey identity \u2192", { userId: userId ?? null, sessionId: sessionId ?? null, miniService: miniService ?? null });
+    const analyticsFeedbackSessionId = this.analyticsFeedbackSessionId;
+    this.log("tracking \xB7 survey identity \u2192", { userId: userId ?? null, sessionId: sessionId ?? null, miniService: miniService ?? null, analyticsFeedbackSessionId: analyticsFeedbackSessionId ?? null });
     if (this.renderer) {
       this.renderer.show(
         surveyId,
@@ -1399,13 +1480,14 @@ var DeepdotsPopups = class {
         userId,
         style,
         sessionId,
-        miniService
+        miniService,
+        analyticsFeedbackSessionId
       );
       return;
     }
     if (!this.popupContainer) return;
     const container = this.popupContainer;
-    void import("./renderPopup-7GGKR5BY.mjs").then(({ renderPopup }) => {
+    void import("./renderPopup-KBDWWSUU.mjs").then(({ renderPopup }) => {
       renderPopup(
         container,
         surveyId,
@@ -1417,7 +1499,8 @@ var DeepdotsPopups = class {
         userId,
         style,
         sessionId,
-        miniService
+        miniService,
+        analyticsFeedbackSessionId
       );
     });
   }