veo-sdk 0.4.2 → 0.5.1

package/dist/{chunk-F2ZWZUTR.mjs → chunk-L3JSRBVO.mjs}

@@ -397,12 +397,12 @@ function buildButtonBlock(block, doc, callbacks) {
   applyBlockStyle(btn, block.style, "button");
   btn.addEventListener("click", () => {
     const action = block.action ?? "dismiss";
-    const url = action === "url" && typeof block.url === "string" && isSafeUrl(block.url) ? block.url : void 0;
+    const target = action === "url" && typeof block.url === "string" && isSafeUrl(block.url) ? block.url : action === "guide" && typeof block.targetGuideId === "string" && block.targetGuideId ? block.targetGuideId : void 0;
     const meta = {
       ...typeof block.id === "string" && block.id ? { buttonId: block.id } : {},
       ...typeof block.text === "string" && block.text ? { buttonText: block.text } : {}
     };
-    callbacks.onCtaClick(action, url, Object.keys(meta).length ? meta : void 0);
+    callbacks.onCtaClick(action, target, Object.keys(meta).length ? meta : void 0);
   });
   return btn;
 }
@@ -1016,10 +1016,22 @@ var GUIDE_STYLES = `
   padding: 3px 9px;
   white-space: nowrap;
 }
+.veo-badge--text {
+  color: var(--veo-primary);
+  font-weight: 600;
+  white-space: nowrap;
+  text-decoration: underline dotted;
+  text-underline-offset: 3px;
+}
 .veo-badge--image img { display: block; border-radius: 4px; object-fit: cover; }
 /* El tooltip del badge usa strategy fixed (el host vive dentro del flujo del
-   cliente; un absoluto se recortar\xEDa con overflow de ancestros). */
-.veo-badge-tooltip { position: fixed; }
+   cliente; un absoluto se recortar\xEDa con overflow de ancestros). Su ancho es
+   personalizable v\xEDa var dedicada (--veo-width no sirve: el :host la define
+   en 420px siempre y pisar\xEDa el default de 300px de los tooltips). */
+.veo-badge-tooltip {
+  position: fixed;
+  max-width: var(--veo-badge-tip-width, 300px);
+}
 @keyframes veo-badge-pulse {
   0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--veo-primary) 45%, transparent); }
   70% { box-shadow: 0 0 0 7px transparent; }
@@ -1203,6 +1215,13 @@ var BadgeRenderer = class extends BaseRenderer {
     const { host, root } = this.createHost();
     const ownerDocument = root.ownerDocument ?? document;
     this.applyDesign(step.style);
+    const tipWidth = step.style?.width;
+    if (typeof tipWidth === "number" && Number.isFinite(tipWidth)) {
+      host.style.setProperty(
+        "--veo-badge-tip-width",
+        `${Math.min(720, Math.max(220, tipWidth))}px`
+      );
+    }
     this.trigger = step.style?.badgeTrigger === "click" ? "click" : "hover";
     const rawSide = step.style?.tooltipPlacement;
     this.side = rawSide === "bottom" || rawSide === "left" || rawSide === "right" ? rawSide : "top";
@@ -1226,20 +1245,14 @@ var BadgeRenderer = class extends BaseRenderer {
       });
     };
     const buildTooltipContent = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => {
+      onCtaClick: (action, target, meta) => {
         emit("cta_clicked", meta);
-        if (action === "url" && url) window.open(url, "_blank", "noopener,noreferrer");
-        if (action === "dismiss") {
-          emit("dismissed");
-          context.onClose();
-          return;
-        }
+        if (action === "url" && target) window.open(target, "_blank", "noopener,noreferrer");
         this.closeTooltip();
+        if (action === "guide" && target) context.onOpenGuide?.(target);
       },
-      onDismiss: () => {
-        emit("dismissed");
-        context.onClose();
-      }
+      // La ✕ también cierra solo el tooltip (nunca el badge, nunca dismissed).
+      onDismiss: () => this.closeTooltip()
     });
     const content = buildTooltipContent(step);
     tooltip.appendChild(content);
@@ -1370,7 +1383,7 @@ function readBadgeConfig(step) {
   const raw = step.style?.badge;
   if (!raw || typeof raw !== "object") return { kind: "icon" };
   const b = raw;
-  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
+  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "text" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
   return {
     kind,
     icon: typeof b.icon === "string" ? b.icon : null,
@@ -1401,6 +1414,12 @@ function buildBadgeElement(config, doc) {
       if (config.color) btn.style.background = config.color;
       break;
     }
+    case "text": {
+      btn.textContent = config.text?.slice(0, 32) || "Nuevo";
+      btn.style.fontSize = `${clamp2(Math.round(size * 0.7), 9, 28)}px`;
+      if (config.color) btn.style.color = config.color;
+      break;
+    }
     case "image": {
       if (config.imageUrl && isSafeUrl(config.imageUrl)) {
         const img = doc.createElement("img");
@@ -1537,7 +1556,10 @@ var BannerRenderer = class extends BaseRenderer {
       ownerDocument,
       context.nav.callbacks
     ) : buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     banner.appendChild(content);
@@ -1552,7 +1574,10 @@ var BannerRenderer = class extends BaseRenderer {
       this.liveContainer = banner;
       this.liveContent = content;
       this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-        onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+        onCtaClick: (action, target, meta) => {
+          dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+          if (action === "guide" && target) context.onOpenGuide?.(target);
+        },
         onDismiss: () => dismiss("dismissed")
       });
       this.liveKey = this.liveKeyOf(step);
@@ -2188,7 +2213,10 @@ var InlineRenderer = class extends BaseRenderer {
       context.onClose();
     };
     const content = buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     card.appendChild(content);
@@ -2197,7 +2225,10 @@ var InlineRenderer = class extends BaseRenderer {
     this.liveContent = content;
     this.liveKey = `${selector}|${position}`;
     this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     context.onInteraction({ guideId: context.guide.guideId, stepIndex: 0, action: "shown" });
@@ -2249,7 +2280,10 @@ var ModalRenderer = class extends BaseRenderer {
       ownerDocument,
       context.nav.callbacks
     ) : buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     card.appendChild(content);
@@ -2259,7 +2293,10 @@ var ModalRenderer = class extends BaseRenderer {
       this.liveContainer = card;
       this.liveContent = content;
       this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-        onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+        onCtaClick: (action, target, meta) => {
+          dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+          if (action === "guide" && target) context.onOpenGuide?.(target);
+        },
         onDismiss: () => dismiss("dismissed")
       });
     }
@@ -2315,8 +2352,9 @@ var TooltipRenderer = class extends BaseRenderer {
       context.onClose();
     };
     const content = buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => {
-        dismiss("cta_clicked", action === "url" ? url : void 0, meta);
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
       },
       onDismiss: () => dismiss("dismissed")
     });
@@ -2349,7 +2387,10 @@ var TooltipRenderer = class extends BaseRenderer {
     this.liveContent = content;
     this.liveKey = selector;
     this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     context.onInteraction({
@@ -2481,6 +2522,10 @@ var GuidePreviewController = class {
         onClose: () => this.close(),
         onTrack: () => {
         },
+        // Encadenado en preview: no-op — el editor no puede montar otra guía
+        // guardada; el click igual cierra la preview actual (vía onCtaClick).
+        onOpenGuide: () => {
+        },
         // Preview de forms: por defecto simula el envío SIN escribir props;
         // el caller puede pasar `formSubmit` real (link de preview).
         onFormSubmit: this.input?.formSubmit ?? (() => Promise.resolve(true)),
@@ -2763,5 +2808,5 @@ function buildSelectorPath(element, maxAncestors = 5) {
 }
 
 export { ALWAYS_BLOCK_SELECTORS, BadgeRenderer, 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-F2ZWZUTR.mjs.map
-//# sourceMappingURL=chunk-F2ZWZUTR.mjs.map
+//# sourceMappingURL=chunk-L3JSRBVO.mjs.map
+//# sourceMappingURL=chunk-L3JSRBVO.mjs.map