@magicfeedback/popup-sdk 1.15.0 → 1.16.1

package/dist/react-native.mjs

@@ -18,7 +18,7 @@ import {
   sdkWarn,
   setLogger,
   style_default
-} from "./chunk-GUJSOVS6.mjs";
+} from "./chunk-VHTN5UXD.mjs";
 
 // src/react-native/index.tsx
 import { createContext, useContext, useEffect, useRef, useState } from "react";
@@ -294,12 +294,14 @@ function buildSurveyHtml(opts) {
   const startLabel = jsonForScript(initActionLabels.start);
   const completeLabel = jsonForScript(initActionLabels.complete);
   const submitLabel = jsonForScript(initActionLabels.accept);
+  const cancelLabel = jsonForScript(initActionLabels.decline);
   const labelsTableJson = jsonForScript(LABELS);
   const actionOverridesJson = jsonForScript({
     accept: trimmedOrNull(opts.actions?.accept?.label),
     start: trimmedOrNull(opts.actions?.start?.label),
     complete: trimmedOrNull(opts.actions?.complete?.label),
-    back: trimmedOrNull(opts.actions?.back?.label)
+    back: trimmedOrNull(opts.actions?.back?.label),
+    decline: trimmedOrNull(opts.actions?.decline?.label)
   });
   const initLangJson = jsonForScript(opts.language ?? "");
   const initDirection = directionFor(opts.language);
@@ -361,6 +363,7 @@ body.dd-ready #dd-popup{visibility:visible}
 #dd-logo{max-height:40px;max-width:100%;object-fit:contain;display:block;margin:12px 0 0 0}
 .deepdots-error-hint{display:none;margin:12px 0 0 0;padding:10px 12px;border-radius:6px;background:#FEF3C7;color:#92400E;border:1px solid #FCD34D;font-size:13px}
 /* Pantalla final: el HTML del editor de la plataforma (imagen + texto), centrado. */
+.deepdots-load-error{display:none;width:100%;text-align:center;padding:24px 0;font-size:15px;color:${textPrimary}}
 .deepdots-success{display:none;width:100%;text-align:center;padding:24px 0;color:${textPrimary}}
 .deepdots-success img{max-width:100%;height:auto;margin:0 auto 16px auto;display:block}
 .deepdots-success p{margin:0;font-size:16px;font-weight:600;line-height:1.4}
@@ -368,7 +371,7 @@ body.dd-ready #dd-popup{visibility:visible}
 .dd-nav-btn{display:none;border:none;min-height:44px;padding:12px 24px;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;align-items:center;justify-content:center;text-align:center}
 /* Secundario como bot\xF3n de texto: sin borde ni fondo, para que el primario sea la \xFAnica CTA. */
 #dd-back{background:transparent;color:${textMuted};border:none}
-#dd-start,#dd-complete,#dd-submit{background:#1E293B;color:#fff;border:none}
+#dd-start,#dd-complete,#dd-submit,#dd-cancel{background:#1E293B;color:#fff;border:none}
 #dd-submit:disabled,#dd-start:disabled,#dd-back:disabled,#dd-complete:disabled{opacity:0.6;cursor:not-allowed}
 .mf-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
 .mf-spinner-circle{width:28px;height:28px;border:3px solid #e0e6ed;border-top-color:#1E293B;border-radius:50%;animation:ddspin 0.9s linear infinite}
@@ -409,6 +412,7 @@ ${customCss}
         <div class="mf-spinner" id="dd-spinner" role="status" aria-label="${initLabels.loadingAria}"><div class="mf-spinner-circle"></div></div>
         <div id="mf"></div>
       </div>
+      <div class="deepdots-load-error" id="dd-load-error" role="alert"></div>
       <div class="deepdots-error-hint" id="dd-error" role="alert" aria-live="polite"></div>
     </div>
     <div class="deepdots-popup-footer" id="dd-footer">
@@ -416,6 +420,7 @@ ${customCss}
       <button type="button" class="dd-nav-btn" id="dd-back"></button>
       <button type="button" class="dd-nav-btn" id="dd-complete"></button>
       <button type="button" class="dd-nav-btn" id="dd-start"></button>
+      <button type="button" class="dd-nav-btn" id="dd-cancel"></button>
     </div>
   </div>
 </div>
@@ -438,6 +443,8 @@ ${customCss}
   var startBtn=document.getElementById('dd-start');
   var completeBtn=document.getElementById('dd-complete');
   var submitBtn=document.getElementById('dd-submit');
+  var cancelBtn=document.getElementById('dd-cancel');
+  var loadErrorEl=document.getElementById('dd-load-error');
   var titleEl=document.getElementById('dd-title');
   var progressEl=document.getElementById('dd-progress');
   var progressLabel=document.getElementById('dd-progress-label');
@@ -467,6 +474,8 @@ ${customCss}
     startBtn.textContent=DD_ACTION_OVERRIDES.start||next.start;
     completeBtn.textContent=DD_ACTION_OVERRIDES.complete||next.complete;
     submitBtn.textContent=DD_ACTION_OVERRIDES.accept||next.accept;
+    cancelBtn.textContent=DD_ACTION_OVERRIDES.decline||next.decline;
+    loadErrorEl.textContent=next.errorLoad;
     if(closeEl){ closeEl.setAttribute('aria-label',next.closeAria); }
     if(spinner){ spinner.setAttribute('aria-label',next.loadingAria); }
     progressFollowUp.textContent=next.followUp;
@@ -521,6 +530,7 @@ ${customCss}
   startBtn.textContent=${startLabel};
   completeBtn.textContent=${completeLabel};
   submitBtn.textContent=${submitLabel};
+  cancelBtn.textContent=${cancelLabel};
 
   closeEl.onclick=function(){ emitJSON('popup_close'); };
   backBtn.onclick=function(){ if(window.DeepdotsForm && window.DeepdotsForm.back){ window.DeepdotsForm.back(); } };
@@ -532,6 +542,8 @@ ${customCss}
     }
   };
   completeBtn.onclick=function(){ emitJSON('popup_close'); };
+  // \xDAnica acci\xF3n del survey que no carga: cierra igual que la X.
+  cancelBtn.onclick=function(){ emitJSON('popup_close'); };
   var surveyCompletedEmitted=false;
   submitBtn.onclick=function(){
     if(surveyCompletedEmitted) return;
@@ -573,6 +585,7 @@ ${customCss}
     startBtn.style.display='none';
     submitBtn.style.display='none';
     completeBtn.style.display='none';
+    cancelBtn.style.display='none';
     backBtn.style.width='';
     startBtn.style.width='';
     submitBtn.style.width='';
@@ -588,6 +601,8 @@ ${customCss}
     } else if(state==='completed'){
       completeBtn.style.display='inline-flex';
       completeBtn.style.width='100%';
+    } else if(state==='load_error'){
+      cancelBtn.style.display='inline-flex';
     }
   }
 
@@ -634,6 +649,26 @@ ${REVEAL_JS}
   }
   setLoading(true);
 
+  // Survey que no ha cargado (406 de /info, sin red, bundle del CDN ca\xEDdo). Antes se emit\xEDa
+  // \`loaded\` y se pintaba un Send sobre un survey vac\xEDo. Espejo de KMP: aviso traducido, la X
+  // sigue, un \xFAnico Cancel, y se revela ya (manda \`ready\`): no hay nada m\xE1s que esperar.
+  // No es interacci\xF3n del usuario: el renderer no lo convierte en popup_clicked.
+  var ddLoadFailed=false;
+  function ddShowLoadError(name, reason){
+    if(ddLoadFailed){ return; }
+    ddLoadFailed=true;
+    var why=(reason && reason.message) ? reason.message : String(reason);
+    emitJSON(name, { message: why });
+    progressEl.style.display='none';
+    formWrapper.style.display='none';
+    errorHint.style.display='none';
+    loadErrorEl.textContent=DD_LABELS_ACTIVE.errorLoad;
+    loadErrorEl.style.display='block';
+    setLoading(false);
+    updateButtons('load_error');
+    ddReveal.reveal();
+  }
+
   var initialized=false;
   function initMF(){
     if(initialized || !window.magicfeedback) return initialized;
@@ -657,6 +692,7 @@ ${REVEAL_JS}
         // de native sin esta opci\xF3n la ignoran.
         autofocus:'navigation',
         onLoadedEvent:function(args){
+          if(args && args.error){ ddShowLoadError('error:load', args.error); return; }
           // Idioma en el que native muestra el survey: manda sobre el del init para que el
           // chrome no se quede en ingl\xE9s delante de un survey traducido. Native < 2.3 no lo
           // env\xEDa: entonces el primero de formData.lang (el idioma por defecto).
@@ -760,13 +796,13 @@ ${REVEAL_JS}
           updateProgress({ progress:p&&p.progress, total:form.total, completed:false, followup:p&&p.followup });
           emitJSON('back', p);
         }
-      }).catch(function(e){ setLoading(false); emit('error:init'); });
-    }catch(e){ setLoading(false); emit('error:exception'); }
+      }).catch(function(e){ ddShowLoadError('error:init', e); });
+    }catch(e){ ddShowLoadError('error:exception', e); }
     return true;
   }
   var s=document.createElement('script'); s.src=${JSON.stringify(cdn)}; s.async=true;
   s.onload=function(){ initMF(); };
-  s.onerror=function(){ setLoading(false); emit('error:load'); };
+  s.onerror=function(){ ddShowLoadError('error:load', 'survey script failed to load'); };
   document.head.appendChild(s);
   var tries=0, t=setInterval(function(){ if(initMF()||++tries>40){ clearInterval(t); } },150);
 })();
@@ -883,6 +919,7 @@ var ReactNativePopupRenderer = class {
         this.onCloseFn?.();
         break;
       default:
+        if (typeof name === "string" && name.startsWith("error:")) this.emitReady(surveyId);
         break;
     }
   }
@@ -895,7 +932,7 @@ function createReactNativeRenderer() {
 }
 
 // src/ui/preload.ts
-var defaultLoader = () => import("./renderPopup-RWSU5Y2H.mjs");
+var defaultLoader = () => import("./renderPopup-S3RU3Y6J.mjs");
 var pending = null;
 function preloadRenderPopup(loader = defaultLoader) {
   if (pending) return pending;
@@ -968,7 +1005,7 @@ var BrowserPopupRenderer = class {
     if (!this.container) return;
     this.visible = true;
     const container = this.container;
-    void import("./renderPopup-RWSU5Y2H.mjs").then(({ renderPopup }) => {
+    void import("./renderPopup-S3RU3Y6J.mjs").then(({ renderPopup }) => {
       renderPopup(container, surveyId, productId, actions, emit, onClose, env, userId, style, sessionId, miniService, analyticsFeedbackSessionId, options);
     });
   }
@@ -1689,12 +1726,12 @@ var EngagementTracker = class {
 };
 
 // src/contact/contact-manager.ts
-function stableSerialize(attrs) {
+function stableSerialize(userId, attrs) {
   const sorted = {};
   for (const key of Object.keys(attrs).sort()) {
     sorted[key] = attrs[key];
   }
-  return JSON.stringify(sorted);
+  return JSON.stringify({ userId, attributes: sorted });
 }
 var ContactManager = class {
   constructor(options) {
@@ -1704,18 +1741,23 @@ var ContactManager = class {
     this.post = options.post;
   }
   /**
-   * Envía los atributos si cambiaron respecto a lo último enviado.
-   * @returns `true` si se envió, `false` si no hubo cambios.
+   * Envía los atributos si cambiaron respecto a lo último enviado. La caché solo se guarda
+   * cuando la API acepta el envío; si falla, la llamada siguiente reintenta. Nunca rechaza.
+   * @returns `true` si se envió, `false` si no hubo cambios o el envío falló.
    */
   async setAttributes(attributes) {
-    const serialized = stableSerialize(attributes);
+    const serialized = stableSerialize(this.userId, attributes);
     const last = this.storage.getItem(STORAGE_KEYS.contactAttributes);
     if (last === serialized) return false;
-    await this.post({
-      publicKey: this.publicKey,
-      userId: this.userId,
-      userAttributes: attributes
-    });
+    try {
+      await this.post({
+        publicKey: this.publicKey,
+        userId: this.userId,
+        userAttributes: attributes
+      });
+    } catch {
+      return false;
+    }
     this.storage.setItem(STORAGE_KEYS.contactAttributes, serialized);
     return true;
   }
@@ -3109,25 +3151,31 @@ var DeepdotsPopups = class {
       return null;
     }
   }
-  /** Envía los atributos de contact a la API (`POST /sdk/popups/contact`). */
+  /**
+   * Envía los atributos de contact a la API (`POST /sdk/popups/contact`). Rechaza si no se
+   * pudo enviar (sin red o respuesta no-2xx), para que `ContactManager` no guarde la caché
+   * y la llamada siguiente reintente.
+   */
   async postContact(body) {
     const baseUrl = this.baseUrl;
-    if (!baseUrl) return;
+    if (!baseUrl) throw new Error("no base URL");
     const endpoint = `${baseUrl}/sdk/popups/contact`;
+    let response;
     try {
-      const response = await fetch(endpoint, {
+      response = await fetch(endpoint, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(body)
       });
-      if (!response.ok) {
-        this.log("Failed to post contact", response.status, response.statusText);
-        return;
-      }
-      this.log("contact \xB7 sent attributes for user:", body.userId);
     } catch (error) {
       this.log("Error posting contact", error);
+      throw error;
+    }
+    if (!response.ok) {
+      this.log("Failed to post contact", response.status, response.statusText);
+      throw new Error(`HTTP ${response.status}`);
     }
+    this.log("contact \xB7 sent attributes for user:", body.userId);
   }
   /** Notifica eventos de popup a la API */
   async postPopupEvent(status, popupId, userId) {