@magicfeedback/popup-sdk 1.8.0 → 1.8.1

package/dist/react-native.js

@@ -522,6 +522,29 @@ function ddApplySurveyPrimaryColor(el, style){
   }
 });
 
+// src/ui/busy.ts
+function setSurveyBusy(el, busy) {
+  if (!el) return;
+  el.style.pointerEvents = busy ? "none" : "";
+  el.setAttribute("aria-busy", busy ? "true" : "false");
+  if ("inert" in el) {
+    el.inert = busy;
+  }
+}
+var BUSY_JS;
+var init_busy = __esm({
+  "src/ui/busy.ts"() {
+    "use strict";
+    BUSY_JS = `
+function ddSetSurveyBusy(el, busy){
+  if(!el){ return; }
+  el.style.pointerEvents = busy ? 'none' : '';
+  el.setAttribute('aria-busy', busy ? 'true' : 'false');
+  if('inert' in el){ el.inert = busy; }
+}`;
+  }
+});
+
 // src/assets/style.css
 var style_default;
 var init_style = __esm({
@@ -2964,6 +2987,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   revealTimer = setTimeout(reveal, REVEAL_TIMEOUT_MS);
   function setLoading(isLoading) {
     spinnerEl.style.display = isLoading ? "flex" : "none";
+    setSurveyBusy(formWrapper, isLoading);
     if (!isLoading) {
       formHost.style.visibility = "visible";
       revealWhenPainted2();
@@ -3119,6 +3143,7 @@ var init_renderPopup = __esm({
     init_font();
     init_logo();
     init_surveyPalette();
+    init_busy();
     init_logger();
     init_labels();
     init_reveal();
@@ -3338,6 +3363,7 @@ init_font();
 init_labels();
 init_reveal();
 init_surveyPalette();
+init_busy();
 init_style();
 var REVEAL_JS = `
 function ddCreateReveal(popup, onReveal, timeoutMs){
@@ -3557,6 +3583,7 @@ ${customCss}
   var footer=document.getElementById('dd-footer');
   var spinner=document.getElementById('dd-spinner');
   var formHost=document.getElementById('mf');
+  var formWrapper=document.getElementById('dd-form-wrapper');
   var errorHint=document.getElementById('dd-error');
   var backBtn=document.getElementById('dd-back');
   var startBtn=document.getElementById('dd-start');
@@ -3716,6 +3743,7 @@ ${customCss}
   }
 
 ${PRIMARY_COLOR_JS}
+${BUSY_JS}
 ${REVEAL_JS}
   // El popup se ense\xF1a cuando el survey est\xE1 pintado; \`ready\` deja al host abrir su propio
   // Modal en ese momento en vez de montar un WebView en blanco.
@@ -3726,6 +3754,11 @@ ${REVEAL_JS}
 
   function setLoading(isLoading){
     spinner.style.display=isLoading?'flex':'none';
+    // El spinner no tapa el survey (28px en posicion absoluta), asi que sin esto el usuario
+    // puede seguir cambiando de opcion mientras se envia la pagina, y ese cambio ya no viaja
+    // con ella. Se bloquea el wrapper, que es el elemento estable: el div de dentro lo
+    // sustituye @magicfeedback/native por su propio contenedor al generar el survey.
+    ddSetSurveyBusy(formWrapper, isLoading);
     if(!isLoading){
       formHost.style.visibility='visible';
       // Fin de la carga, sea por survey cargado o por error. Entre p\xE1ginas es no-op: la