veo-sdk 0.3.12 → 0.3.15

package/dist/builder.mjs

@@ -1,7 +1,7 @@
-import './chunk-HOF4GU5I.mjs';
-import { initBuilderMode } from './chunk-US3RVEXR.mjs';
-export { createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-US3RVEXR.mjs';
-export { closeGuidePreview, previewGuide } from './chunk-QSMHZVDK.mjs';
+import './chunk-WVLVN422.mjs';
+import { initBuilderMode } from './chunk-EF4BZR5R.mjs';
+export { createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-EF4BZR5R.mjs';
+export { closeGuidePreview, previewGuide } from './chunk-2INDL77W.mjs';
 import './chunk-PTG3BTJE.mjs';
 
 // src/builder.ts

package/dist/{chunk-QSMHZVDK.mjs → chunk-2INDL77W.mjs}

@@ -475,6 +475,15 @@ function applyDesignVars(host, style) {
       host.style.setProperty(key, value);
     }
   }
+  if (typeof s.background === "string" && COLOR_RE.test(s.background.trim())) {
+    host.style.setProperty("--veo-bg", s.background.trim());
+  }
+  if (typeof s.textColor === "string" && COLOR_RE.test(s.textColor.trim())) {
+    host.style.setProperty("--veo-text", s.textColor.trim());
+  }
+  if (typeof s.textSecondaryColor === "string" && COLOR_RE.test(s.textSecondaryColor.trim())) {
+    host.style.setProperty("--veo-text-secondary", s.textSecondaryColor.trim());
+  }
   if (typeof s.radius === "number" && Number.isFinite(s.radius)) {
     host.style.setProperty("--veo-radius", `${clamp(s.radius, 0, 48)}px`);
   }
@@ -516,10 +525,26 @@ function applyDesignVars(host, style) {
     applyElementVars(host, "title", el.title);
     applyElementVars(host, "text", el.text);
     applyElementVars(host, "image", el.image);
-    const cta = el.cta;
-    if (cta && typeof cta.align === "string" && ALIGN_JUSTIFY[cta.align]) {
-      host.style.setProperty("--veo-actions-justify", ALIGN_JUSTIFY[cta.align]);
-    }
+    applyCtaVars(host, el.cta);
+  }
+}
+function applyCtaVars(host, raw) {
+  if (!raw || typeof raw !== "object") return;
+  const cta = raw;
+  if (typeof cta.align === "string" && ALIGN_JUSTIFY[cta.align]) {
+    host.style.setProperty("--veo-actions-justify", ALIGN_JUSTIFY[cta.align]);
+  }
+  if (typeof cta.background === "string" && COLOR_RE.test(cta.background.trim())) {
+    host.style.setProperty("--veo-cta-bg", cta.background.trim());
+  }
+  if (typeof cta.color === "string" && COLOR_RE.test(cta.color.trim())) {
+    host.style.setProperty("--veo-cta-color", cta.color.trim());
+  }
+  if (typeof cta.fontSize === "number" && Number.isFinite(cta.fontSize)) {
+    host.style.setProperty("--veo-cta-size", `${clamp(cta.fontSize, 10, 24)}px`);
+  }
+  if (typeof cta.radius === "number" && Number.isFinite(cta.radius)) {
+    host.style.setProperty("--veo-cta-radius", `${clamp(cta.radius, 0, 48)}px`);
   }
 }
 function applyElementVars(host, prefix, raw) {
@@ -553,7 +578,7 @@ function applyElementVars(host, prefix, raw) {
 // src/plugins/guides/styles.ts
 var GUIDE_STYLES = `
 :host {
-  --veo-primary: #4f46e5;
+  --veo-primary: #FF5B35;
   --veo-text: #1f2937;
   --veo-text-secondary: #4b5563;
   --veo-bg: #ffffff;
@@ -671,9 +696,10 @@ var GUIDE_STYLES = `
   display: flex; gap: 8px; justify-content: var(--veo-actions-justify);
 }
 .veo-guide-cta {
-  background: var(--veo-primary); color: #fff; border: none;
-  padding: 9px 18px; border-radius: 8px;
-  font-size: 14px; font-weight: 500; cursor: pointer;
+  background: var(--veo-cta-bg, var(--veo-primary));
+  color: var(--veo-cta-color, #fff); border: none;
+  padding: 9px 18px; border-radius: var(--veo-cta-radius, 8px);
+  font-size: var(--veo-cta-size, 14px); font-weight: 500; cursor: pointer;
   transition: opacity 120ms ease;
 }
 .veo-guide-cta:hover { opacity: 0.9; }
@@ -686,6 +712,24 @@ var GUIDE_STYLES = `
   cursor: pointer; color: #9ca3af; padding: 0;
 }
 .veo-guide-close:hover { color: var(--veo-text); }
+/*
+ * Si el PRIMER bloque es una imagen, la \u2715 quedar\xEDa sobre la esquina de la foto
+ * (invisible seg\xFAn el color). En ese caso pasa a ser una pastilla flotante con
+ * fondo propio, legible sobre cualquier imagen. (Sin soporte de :has() queda el
+ * estilo base \u2014 mismo comportamiento de antes, sin regresi\xF3n.)
+ */
+.veo-guide-content:has(> .veo-guide-image:first-child) > .veo-guide-close {
+  top: 2px; right: 2px;
+  display: flex; align-items: center; justify-content: center;
+  font-size: 16px; color: #374151;
+  background: rgba(255, 255, 255, 0.92);
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
+}
+.veo-guide-content:has(> .veo-guide-image:first-child) > .veo-guide-close:hover {
+  color: #111827;
+}
 
 .veo-form { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
 .veo-form-field { display: flex; flex-direction: column; gap: 6px; }
@@ -978,7 +1022,7 @@ function mountCustomFrame(doc, step, context, opts) {
   const iframe = doc.createElement("iframe");
   iframe.className = "veo-custom-frame";
   iframe.setAttribute("sandbox", "allow-scripts");
-  iframe.setAttribute("title", context.guide.guideName || "Veo");
+  iframe.setAttribute("title", context.guide.guideName || "OnUser");
   iframe.style.width = opts.width;
   const hasFixedHeight = opts.fixedHeight !== void 0 && opts.fixedHeight !== null;
   if (hasFixedHeight) iframe.style.height = toCssSize(opts.fixedHeight);
@@ -1238,7 +1282,7 @@ function mountFormContent(card, context, doc) {
       const empty = value === void 0 || value === null || value === "";
       if (empty) {
         if (field.required) {
-          error.textContent = `Complet\xE1 "${field.label}"`;
+          error.textContent = `Completa "${field.label}"`;
           error.style.display = "block";
           return;
         }
@@ -1247,7 +1291,7 @@ function mountFormContent(card, context, doc) {
       answers[field.key] = value;
     }
     if (Object.keys(answers).length === 0) {
-      error.textContent = "Respond\xE9 al menos un campo";
+      error.textContent = "Responde al menos un campo";
       error.style.display = "block";
       return;
     }
@@ -1256,7 +1300,7 @@ function mountFormContent(card, context, doc) {
     void submitFn(answers).then((ok) => {
       if (!ok) {
         submit.disabled = false;
-        error.textContent = "No se pudo enviar. Prob\xE1 de nuevo.";
+        error.textContent = "No se pudo enviar. Prueba de nuevo.";
         error.style.display = "block";
         return;
       }
@@ -1315,7 +1359,7 @@ function buildField(field, doc) {
       select.className = "veo-form-input";
       const blank = doc.createElement("option");
       blank.value = "";
-      blank.textContent = field.placeholder || "Eleg\xED una opci\xF3n\u2026";
+      blank.textContent = field.placeholder || "Elige una opci\xF3n\u2026";
       select.appendChild(blank);
       for (const opt of field.options ?? []) {
         const option = doc.createElement("option");
@@ -2098,5 +2142,5 @@ function buildSelectorPath(element, maxAncestors = 5) {
 }
 
 export { ALWAYS_BLOCK_SELECTORS, BannerRenderer, CustomRenderer, DEFAULT_AUTOCAPTURE_CONFIG, DEFAULT_TRACKER_BATCH_SIZE, DEFAULT_TRACKER_FLUSH_INTERVAL_MS, DEFAULT_TRACKER_MAX_RETRIES, FREQUENCY_CACHE_KEY_PREFIX, FREQUENCY_CACHE_MAX_ENTRIES, FREQUENCY_CACHE_TTL_MS, FormRenderer, InlineCustomRenderer, InlineFormRenderer, InlineRenderer, MAX_ANCESTORS, ModalRenderer, PRIORITY_ATTRIBUTES, SENSITIVE_ATTRIBUTES, TooltipRenderer, WALKTHROUGH_ABANDONMENT_TIMEOUT_MS, WALKTHROUGH_STATE_KEY_PREFIX, WalkthroughRenderer, buildSelectorPath, clearBuilderToken, closeGuidePreview, filterHumanClasses, hasDocument, hasLocalStorage, hasNavigatorSendBeacon, hasWindow, isBuilderMode, previewGuide, resolveBuilderContext, resolveBuilderToken, uuidv7 };
-//# sourceMappingURL=chunk-QSMHZVDK.mjs.map
-//# sourceMappingURL=chunk-QSMHZVDK.mjs.map
+//# sourceMappingURL=chunk-2INDL77W.mjs.map
+//# sourceMappingURL=chunk-2INDL77W.mjs.map