@magicfeedback/popup-sdk 1.7.1 → 1.7.2

package/dist/{renderPopup-HHQMAW3G.mjs → renderPopup-5QXL6EJW.mjs}

@@ -1,17 +1,20 @@
 import {
+  REVEAL_TIMEOUT_MS,
   __commonJS,
   __toESM,
+  applySurveyPrimaryColor,
   buildFontFaceCss,
   buildFontFamilyValue,
   buildSurveyIdentity,
   directionFor,
   getLabels,
   resolveActionLabels,
+  revealWhenPainted,
   sdkError,
   sdkLog,
   sdkWarn,
   style_default
-} from "./chunk-W6MPSWMS.mjs";
+} from "./chunk-XHR3MHJO.mjs";
 
 // ../deepdots-popup-sdk/node_modules/@magicfeedback/native/dist/magicfeedback-sdk.browser.js
 var require_magicfeedback_sdk_browser = __commonJS({
@@ -2457,6 +2460,18 @@ function ensureMagicFeedbackStyles(_popup) {
   style.textContent = style_default;
   document.head.appendChild(style);
 }
+var SURVEY_ALIGNMENT_STYLE_ID = "deepdots-survey-alignment";
+function ensureSurveyAlignmentStyles() {
+  if (document.getElementById(SURVEY_ALIGNMENT_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = SURVEY_ALIGNMENT_STYLE_ID;
+  style.textContent = `
+    .deepdots-popup .magicfeedback-container,
+    .deepdots-popup .magicfeedback-form,
+    .deepdots-popup .magicfeedback-div { padding-left: 0; padding-right: 0; }
+  `;
+  document.head.appendChild(style);
+}
 function ensureSpinnerStyles(_popup) {
   if (document.getElementById("deepdots-spinner-styles")) return;
   const style = document.createElement("style");
@@ -2709,6 +2724,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
     progressFollowUp.style.display = p.followup ? "inline-block" : "none";
   }
   ensureMagicFeedbackStyles(popup);
+  ensureSurveyAlignmentStyles();
   ensureSpinnerStyles(popup);
   ensureResponsiveStyles(popup);
   ensureCustomCss(options?.surveyCss);
@@ -2767,7 +2783,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -2797,7 +2813,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -2824,7 +2840,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -2855,7 +2871,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       border: none;
       min-height: 44px;
       padding: 12px 24px;
-      border-radius: 6px;
+      border-radius: 999px; /* p\xEDldora, como el Button de Material3 en KMP */
       cursor: pointer;
       font-size: 15px;
       font-weight: 600;
@@ -2957,14 +2973,35 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   container.innerHTML = "";
   container.appendChild(popup);
   container.style.display = "flex";
+  container.style.visibility = "hidden";
+  container.style.pointerEvents = "none";
   container.style.justifyContent = pos.justifyContent;
   container.style.alignItems = pos.alignItems;
   container.style.background = pos.background;
   if (pos.padding) container.style.padding = pos.padding;
+  let revealed = false;
+  let revealTimer = null;
+  function reveal() {
+    if (revealed) return;
+    revealed = true;
+    if (revealTimer !== null) {
+      clearTimeout(revealTimer);
+      revealTimer = null;
+    }
+    if (!container.contains(popup)) return;
+    container.style.visibility = "visible";
+    container.style.pointerEvents = "";
+  }
+  function revealWhenPainted2() {
+    if (revealed) return;
+    revealWhenPainted(popup, reveal);
+  }
+  revealTimer = setTimeout(reveal, REVEAL_TIMEOUT_MS);
   function setLoading(isLoading) {
     spinnerEl.style.display = isLoading ? "flex" : "none";
     if (!isLoading) {
       formHost.style.visibility = "visible";
+      revealWhenPainted2();
     }
     footer.style.display = isLoading ? "none" : "flex";
     backButton.disabled = isLoading;
@@ -3027,6 +3064,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
         if (s.contentAlign) {
           main.style.justifyContent = s.contentAlign === "center" ? "center" : "flex-start";
         }
+        applySurveyPrimaryColor(popup, s);
         if (s.buttonPrimaryColor) {
           submitButton.style.background = s.buttonPrimaryColor;
           submitButton.style.border = "none";
@@ -3109,6 +3147,8 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   }
 }
 export {
+  REVEAL_TIMEOUT_MS,
+  SURVEY_ALIGNMENT_STYLE_ID,
   renderPopup
 };
-//# sourceMappingURL=renderPopup-HHQMAW3G.mjs.map
+//# sourceMappingURL=renderPopup-5QXL6EJW.mjs.map