@magicfeedback/popup-sdk 1.14.0 → 1.16.0

package/dist/react-native.d.mts

@@ -217,6 +217,15 @@ interface DeepdotsInitParams {
      * en vez de cambiar los defaults que comparten todos los clientes.
      */
     surveyCss?: string;
+    /**
+     * Nonce de la Content-Security-Policy de la página, para hosts con una CSP estricta
+     * (`style-src 'nonce-…'` sin `'unsafe-inline'`). El popup lo pone en cada `<style>` que
+     * inyecta en el `<head>` (hoja del survey, spinner, responsive, `surveyCss`, `@font-face`);
+     * sin él el navegador las bloquea y el survey sale sin estilos. Debe ser el MISMO nonce de
+     * la cabecera CSP de esa respuesta (en Angular, el token `CSP_NONCE`). Solo web: en React
+     * Native el survey vive en su propio WebView y no le afecta la CSP del host.
+     */
+    cspNonce?: string;
 }
 /**
  * Options for configuring survey triggers
@@ -314,6 +323,12 @@ interface PopupRenderOptions {
      * (`formData.lang[0]`) en cuanto este carga, y ambos los pisa `actions.*.label` de la API.
      */
     language?: string;
+    /**
+     * Nonce de la Content-Security-Policy del host (`DeepdotsInitParams.cspNonce`). Se pone en
+     * cada `<style>` que inyecta el popup DOM; sin él, una CSP con `style-src 'nonce-…'` bloquea
+     * la hoja del survey. No aplica a React Native (el survey vive en su propio WebView).
+     */
+    cspNonce?: string;
 }
 interface PopupRenderer {
     /** Preparar recursos si aplica */
@@ -393,7 +408,6 @@ declare class DeepdotsPopups {
     private renderer;
     /** Logger para el output de debug. Default `console`; el host puede inyectar el suyo en init(). */
     private logger;
-    private popupContainer;
     private popupDefinitions;
     private popupsLoaded;
     /**
@@ -418,6 +432,7 @@ declare class DeepdotsPopups {
     private showProgressBar;
     /** CSS del host inyectado al final de los estilos del popup. */
     private surveyCss;
+    private cspNonce;
     /** Identidad + sesión (Fase 1 tracking). Null hasta init(). */
     private tracking;
     /** Capa de analytics (canal separado del feedback). Null hasta init(). */
@@ -730,8 +745,6 @@ declare class DeepdotsPopups {
     on(eventType: DeepdotsEventType, listener: EventListener): void;
     /** Remove an event listener */
     off(eventType: DeepdotsEventType, listener: EventListener): void;
-    /** Setup popup container element */
-    private setupPopupContainer;
     /** Render the popup UI */
     private renderPopup;
     /** Hide the popup */

package/dist/react-native.d.ts

@@ -217,6 +217,15 @@ interface DeepdotsInitParams {
      * en vez de cambiar los defaults que comparten todos los clientes.
      */
     surveyCss?: string;
+    /**
+     * Nonce de la Content-Security-Policy de la página, para hosts con una CSP estricta
+     * (`style-src 'nonce-…'` sin `'unsafe-inline'`). El popup lo pone en cada `<style>` que
+     * inyecta en el `<head>` (hoja del survey, spinner, responsive, `surveyCss`, `@font-face`);
+     * sin él el navegador las bloquea y el survey sale sin estilos. Debe ser el MISMO nonce de
+     * la cabecera CSP de esa respuesta (en Angular, el token `CSP_NONCE`). Solo web: en React
+     * Native el survey vive en su propio WebView y no le afecta la CSP del host.
+     */
+    cspNonce?: string;
 }
 /**
  * Options for configuring survey triggers
@@ -314,6 +323,12 @@ interface PopupRenderOptions {
      * (`formData.lang[0]`) en cuanto este carga, y ambos los pisa `actions.*.label` de la API.
      */
     language?: string;
+    /**
+     * Nonce de la Content-Security-Policy del host (`DeepdotsInitParams.cspNonce`). Se pone en
+     * cada `<style>` que inyecta el popup DOM; sin él, una CSP con `style-src 'nonce-…'` bloquea
+     * la hoja del survey. No aplica a React Native (el survey vive en su propio WebView).
+     */
+    cspNonce?: string;
 }
 interface PopupRenderer {
     /** Preparar recursos si aplica */
@@ -393,7 +408,6 @@ declare class DeepdotsPopups {
     private renderer;
     /** Logger para el output de debug. Default `console`; el host puede inyectar el suyo en init(). */
     private logger;
-    private popupContainer;
     private popupDefinitions;
     private popupsLoaded;
     /**
@@ -418,6 +432,7 @@ declare class DeepdotsPopups {
     private showProgressBar;
     /** CSS del host inyectado al final de los estilos del popup. */
     private surveyCss;
+    private cspNonce;
     /** Identidad + sesión (Fase 1 tracking). Null hasta init(). */
     private tracking;
     /** Capa de analytics (canal separado del feedback). Null hasta init(). */
@@ -730,8 +745,6 @@ declare class DeepdotsPopups {
     on(eventType: DeepdotsEventType, listener: EventListener): void;
     /** Remove an event listener */
     off(eventType: DeepdotsEventType, listener: EventListener): void;
-    /** Setup popup container element */
-    private setupPopupContainer;
     /** Render the popup UI */
     private renderPopup;
     /** Hide the popup */