@magicfeedback/popup-sdk 1.1.4 → 1.1.6

package/dist/{renderPopup-YLFRGPQN.mjs → renderPopup-EZKDMLVZ.mjs}

@@ -1,8 +1,13 @@
 import {
   __commonJS,
   __toESM,
-  buildSurveyIdentity
-} from "./chunk-6WTOQGET.mjs";
+  buildFontFaceCss,
+  buildFontFamilyValue,
+  buildSurveyIdentity,
+  sdkError,
+  sdkLog,
+  sdkWarn
+} from "./chunk-XOTM5CHX.mjs";
 
 // node_modules/@magicfeedback/native/dist/magicfeedback-sdk.browser.js
 var require_magicfeedback_sdk_browser = __commonJS({
@@ -2073,13 +2078,22 @@ var style_default = `.magicfeedback-container {
     padding: 0;
     font-weight: 900;
     color: #222;
-    font-family: 'Montserrat';
+    font-family: var(--deepdots-font, 'Montserrat');
     font-size: 18px;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 40px;
 }
 
+/* Los controles de formulario no heredan font-family por defecto: cuando hay
+   fuente custom (clase deepdots-has-font), los forzamos a usar la del contenedor. */
+.deepdots-popup.deepdots-has-font button,
+.deepdots-popup.deepdots-has-font input,
+.deepdots-popup.deepdots-has-font textarea,
+.deepdots-popup.deepdots-has-font select {
+    font-family: var(--deepdots-font, inherit);
+}
+
 .deepdots-popup h6 {
     margin-bottom: 1rem;
 }
@@ -2846,6 +2860,18 @@ function ensureResponsiveStyles(_popup) {
   `;
   document.head.appendChild(style);
 }
+function ensureFontFace(family, url) {
+  const css = buildFontFaceCss(family, url);
+  if (!css) return;
+  const STYLE_ID = "deepdots-font-face";
+  let el = document.getElementById(STYLE_ID);
+  if (!el) {
+    el = document.createElement("style");
+    el.id = STYLE_ID;
+    document.head.appendChild(el);
+  }
+  if (el.textContent !== css) el.textContent = css;
+}
 async function renderPopup(container, surveyId, productId, actions, emit, onClose, env = "production", userId, style, sessionId, miniService, analyticsFeedbackSessionId) {
   let surveyCompletedEmitted = false;
   let stylesInjected = false;
@@ -2881,6 +2907,14 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       width: 90%;
       min-height: 200px;
     `;
+  const font = style?.font;
+  if (font?.family) {
+    const familyValue = buildFontFamilyValue(font.family);
+    popup.style.fontFamily = familyValue;
+    popup.style.setProperty("--deepdots-font", familyValue);
+    popup.classList.add("deepdots-has-font");
+    if (font.url) ensureFontFace(font.family, font.url);
+  }
   const header = document.createElement("div");
   header.className = "deepdots-popup-header";
   header.style.cssText = "display:flex; justify-content:flex-end; align-items:center; width:100%;";
@@ -3147,7 +3181,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
   let formInstance = null;
   try {
     if (!import_native.default || typeof import_native.default.form !== "function") {
-      console.warn("[MagicFeedback] form() no disponible. Fallback manual.");
+      sdkWarn("[MagicFeedback] form() no disponible. Fallback manual.");
       setLoading(false);
       return;
     }
@@ -3234,7 +3268,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
           }
         }
         if (s.startMessage && s.startMessage !== "") {
-          console.log(s.startMessage);
+          sdkLog(s.startMessage);
           updateButtons("start");
         } else {
           updateButtons("in_progress_first");
@@ -3289,15 +3323,15 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
       }
     };
     formInstance.generate(formDivId, generateOptions).catch((err) => {
-      console.error("[MagicFeedback] Error generating form:", err);
+      sdkError("[MagicFeedback] Error generating form:", err);
       setLoading(false);
     });
   } catch (e) {
-    console.error("[MagicFeedback] Exception initializing form:", e);
+    sdkError("[MagicFeedback] Exception initializing form:", e);
     setLoading(false);
   }
 }
 export {
   renderPopup
 };
-//# sourceMappingURL=renderPopup-YLFRGPQN.mjs.map
+//# sourceMappingURL=renderPopup-EZKDMLVZ.mjs.map