@magicfeedback/popup-sdk 1.13.0 → 1.15.0

package/dist/react-native.mjs

@@ -18,7 +18,7 @@ import {
   sdkWarn,
   setLogger,
   style_default
-} from "./chunk-TSORXOQG.mjs";
+} from "./chunk-GUJSOVS6.mjs";
 
 // src/react-native/index.tsx
 import { createContext, useContext, useEffect, useRef, useState } from "react";
@@ -256,7 +256,7 @@ function trimmedOrNull(value) {
 }
 function buildSurveyHtml(opts) {
   const env = opts.env === "development" ? "dev" : "prod";
-  const version = opts.version ?? "2.2.31";
+  const version = opts.version ?? "2.2.33";
   const cdn = `https://cdn.jsdelivr.net/npm/@magicfeedback/native@${version}/dist/magicfeedback-sdk.browser.js`;
   const sid = jsonForScript(opts.surveyId);
   const pid = jsonForScript(opts.productId);
@@ -895,7 +895,7 @@ function createReactNativeRenderer() {
 }
 
 // src/ui/preload.ts
-var defaultLoader = () => import("./renderPopup-JF6IB6HL.mjs");
+var defaultLoader = () => import("./renderPopup-RWSU5Y2H.mjs");
 var pending = null;
 function preloadRenderPopup(loader = defaultLoader) {
   if (pending) return pending;
@@ -968,7 +968,7 @@ var BrowserPopupRenderer = class {
     if (!this.container) return;
     this.visible = true;
     const container = this.container;
-    void import("./renderPopup-JF6IB6HL.mjs").then(({ renderPopup }) => {
+    void import("./renderPopup-RWSU5Y2H.mjs").then(({ renderPopup }) => {
       renderPopup(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService, analyticsFeedbackSessionId, options);
     });
   }
@@ -2004,8 +2004,6 @@ var DeepdotsPopups = class {
     this.renderer = createDefaultRenderer();
     /** Logger para el output de debug. Default `console`; el host puede inyectar el suyo en init(). */
     this.logger = console;
-    this.popupContainer = null;
-    // deprecated: mantenido para compatibilidad interna
     this.popupDefinitions = [];
     this.popupsLoaded = false;
     /**
@@ -2036,6 +2034,7 @@ var DeepdotsPopups = class {
     this.showProgressBar = void 0;
     /** CSS del host inyectado al final de los estilos del popup. */
     this.surveyCss = void 0;
+    this.cspNonce = void 0;
     /** Identidad + sesión (Fase 1 tracking). Null hasta init(). */
     this.tracking = null;
     /** Capa de analytics (canal separado del feedback). Null hasta init(). */
@@ -2108,6 +2107,7 @@ var DeepdotsPopups = class {
     this.renderChrome = config.renderChrome ?? true;
     this.showProgressBar = config.showProgressBar;
     this.surveyCss = config.surveyCss;
+    this.cspNonce = config.cspNonce;
     this.onFeedbackSession = config.onFeedbackSession;
     this.config = {
       apiKey: config.apiKey || void 0,
@@ -2208,7 +2208,6 @@ var DeepdotsPopups = class {
     this.initialized = true;
     this.log("SDK initialized", this.config);
     if (this.renderer.init) this.renderer.init();
-    this.setupPopupContainer();
     this.awaitingPopups = Boolean(this.config.apiKey && this.baseUrl);
     this.fetchPopupsFromServer().then((defs) => {
       if (!defs) this.dropPendingTriggers();
@@ -3179,27 +3178,6 @@ var DeepdotsPopups = class {
       listeners.delete(listener);
     }
   }
-  /** Setup popup container element */
-  setupPopupContainer() {
-    if (typeof document === "undefined") {
-      return;
-    }
-    this.popupContainer = document.createElement("div");
-    this.popupContainer.id = "deepdots-popup-container";
-    this.popupContainer.style.cssText = `
-          position: fixed;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          display: none;
-          z-index: 999999;
-          background: rgba(0, 0, 0, 0.5);
-          justify-content: center;
-          align-items: center;
-        `;
-    document.body.appendChild(this.popupContainer);
-  }
   /** Render the popup UI */
   renderPopup(surveyId, productId, actions, style, title) {
     const userId = this.tracking?.getUserId() ?? this.config?.userId;
@@ -3207,54 +3185,25 @@ var DeepdotsPopups = class {
     const miniService = this.analytics?.getMiniService() ?? void 0;
     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,
-        productId,
-        actions,
-        (type, id, payload) => this.emitEvent(type, id, payload),
-        () => this.hidePopup(),
-        this.env,
-        userId,
-        style,
-        sessionId,
-        miniService,
-        analyticsFeedbackSessionId,
-        this.renderChrome,
-        { title, showProgressBar: this.showProgressBar, surveyCss: this.surveyCss, language: this.language }
-      );
-      return;
-    }
-    if (!this.popupContainer) return;
-    const container = this.popupContainer;
-    void import("./renderPopup-JF6IB6HL.mjs").then(({ renderPopup }) => {
-      renderPopup(
-        container,
-        surveyId,
-        productId,
-        actions,
-        (type, id, payload) => this.emitEvent(type, id, payload),
-        () => this.hidePopup(),
-        this.env,
-        userId,
-        style,
-        sessionId,
-        miniService,
-        analyticsFeedbackSessionId,
-        { title, showProgressBar: this.showProgressBar, surveyCss: this.surveyCss, language: this.language }
-      );
-    });
+    this.renderer.show(
+      surveyId,
+      productId,
+      actions,
+      (type, id, payload) => this.emitEvent(type, id, payload),
+      () => this.hidePopup(),
+      this.env,
+      userId,
+      style,
+      sessionId,
+      miniService,
+      analyticsFeedbackSessionId,
+      this.renderChrome,
+      { title, showProgressBar: this.showProgressBar, surveyCss: this.surveyCss, language: this.language, cspNonce: this.cspNonce }
+    );
   }
   /** Hide the popup */
   hidePopup() {
-    if (this.renderer) {
-      this.renderer.hide();
-      return;
-    }
-    if (this.popupContainer) {
-      this.popupContainer.style.display = "none";
-      this.popupContainer.innerHTML = "";
-    }
+    this.renderer.hide();
   }
   /** Emit an event */
   emitEvent(type, surveyId, data) {