veo-sdk 0.5.2 → 0.5.3

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { definePlugin, guidesPlugin, runPreviewMode } from './chunk-2EH5DXVN.mjs';
-export { definePlugin, guidesPlugin } from './chunk-2EH5DXVN.mjs';
-import { hasWindow, hasDocument, uuidv7, DEFAULT_AUTOCAPTURE_CONFIG, MAX_ANCESTORS, hasLocalStorage, hasNavigatorSendBeacon, ALWAYS_BLOCK_SELECTORS, buildSelectorPath, resolveBuilderToken, filterHumanClasses, PRIORITY_ATTRIBUTES, SENSITIVE_ATTRIBUTES, isBuilderMode, previewGuide, closeGuidePreview } from './chunk-5QI3UUE5.mjs';
-export { closeGuidePreview, previewGuide } from './chunk-5QI3UUE5.mjs';
+import { definePlugin, guidesPlugin, runPreviewMode } from './chunk-HQ6HMWX7.mjs';
+export { definePlugin, guidesPlugin } from './chunk-HQ6HMWX7.mjs';
+import { hasWindow, hasDocument, uuidv7, DEFAULT_AUTOCAPTURE_CONFIG, MAX_ANCESTORS, hasLocalStorage, hasNavigatorSendBeacon, ALWAYS_BLOCK_SELECTORS, buildSelectorPath, resolveBuilderToken, filterHumanClasses, PRIORITY_ATTRIBUTES, SENSITIVE_ATTRIBUTES, isBuilderMode, previewGuide, closeGuidePreview } from './chunk-QIILQDSA.mjs';
+export { closeGuidePreview, previewGuide } from './chunk-QIILQDSA.mjs';
 import './chunk-PTG3BTJE.mjs';
 
 // src/contract/v1.ts
@@ -856,7 +856,7 @@ function init(config) {
     // Fallback de carga del builder para bundlers: `import()` dinámico → el bundler
     // lo code-splitea (solo se descarga en modo builder). Así el consumidor por
     // bundler NO necesita copiar `veo-builder.js` ni setear `builderUrl`.
-    () => import('./builder-LSWVQYFZ.mjs').then((m) => m.initBuilderMode())
+    () => import('./builder-QNMXYF4U.mjs').then((m) => m.initBuilderMode())
   );
 }
 

package/dist/veo-builder.js

@@ -393,7 +393,7 @@ var veoBuilder=(function(exports){'use strict';function K(){return typeof window
   from { transform: translateY(-10px); opacity: 0; }
   to { transform: translateY(0); opacity: 1; }
 }
-`;var k=class{constructor(){this.host=null;this.shadow=null;this.cleanups=[];this.liveContainer=null;this.liveContent=null;this.liveBuild=null;this.liveKey="";}liveKeyOf(n){return ""}onLiveUpdate(n){}updateStep(n){if(!this.host||!this.liveContainer||!this.liveContent||!this.liveBuild||this.liveKeyOf(n)!==this.liveKey)return  false;let e=this.liveBuild(n);return this.liveContainer.replaceChild(e,this.liveContent),this.liveContent=e,this.applyDesign(n.style),this.onLiveUpdate(n),true}createHost(){let n=document.createElement("div");n.setAttribute(dn,"");let e=n.attachShadow({mode:"open"}),o=document.createElement("style");o.textContent=wn,e.appendChild(o);let i=document.createElement("div");return e.appendChild(i),document.body.appendChild(n),this.host=n,this.shadow=e,{host:n,shadow:e,root:i}}applyDesign(n){this.host&&yn(this.host,n);}registerCleanup(n){this.cleanups.push(n);}hostElement(){return this.host}destroy(){for(let n of this.cleanups)try{n();}catch{}this.cleanups=[],this.host?.parentNode&&this.host.parentNode.removeChild(this.host),this.host=null,this.shadow=null;}};var Lo={top:"bottom",bottom:"top",left:"right",right:"left"};function ye(t,n,e){let o=Lo[n.split("-")[0]??"bottom"]??"top";for(let i of ["top","bottom","left","right"])t.style.setProperty(i,"");e?.x!=null&&t.style.setProperty("left",`${e.x}px`),e?.y!=null&&t.style.setProperty("top",`${e.y}px`),t.style.setProperty(o,"-6px");}var Ao=150,Je=class extends k{constructor(){super(...arguments);this.tooltip=null;this.arrowEl=null;this.badgeBtn=null;this.open=false;this.shownEmitted=false;this.trigger="hover";this.side="top";this.closeTimer=null;this.stopFloat=null;}async render(e){let o=e.guide.guideSteps[0];if(!o)return;let i=o.selector??e.guide.activationRules.selector;if(typeof i!="string"||i.length===0)return;let r=await P(i);if(!r)return;let{host:s,root:a}=this.createHost(),l=a.ownerDocument??document;this.applyDesign(o.style);let d=o.style?.width;typeof d=="number"&&Number.isFinite(d)&&s.style.setProperty("--veo-badge-tip-width",`${Math.min(720,Math.max(220,d))}px`),this.trigger=o.style?.badgeTrigger==="click"?"click":"hover";let p=o.style?.tooltipPlacement;this.side=p==="bottom"||p==="left"||p==="right"?p:"top";let u=U(o.style);s.style.display="inline-flex",s.style.verticalAlign="middle";let m=bn(xn(o),l);a.appendChild(m),this.badgeBtn=m,G(r,s,u),this.registerCleanup(z(s,i,u));let c=l.createElement("div");c.className="veo-tooltip veo-badge-tooltip",c.style.display="none";let h=(w,b)=>{e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:w,...b?{metadata:b}:{}});},f=w=>M(w,l,{onCtaClick:(b,E,S)=>{h("cta_clicked",S),b==="url"&&E&&window.open(E,"_blank","noopener,noreferrer"),this.closeTooltip(),b==="guide"&&E&&e.onOpenGuide?.(E);},onDismiss:()=>this.closeTooltip()}),g=f(o);c.appendChild(g);let v=l.createElement("div");v.className="veo-tooltip-arrow",c.appendChild(v),a.appendChild(c),this.tooltip=c,this.arrowEl=v,this.liveContainer=c,this.liveContent=g,this.liveKey=this.liveKeyOf(o),this.liveBuild=f;let y=()=>{this.cancelClose(),this.open||(this.openTooltip(m),this.shownEmitted||(this.shownEmitted=true,h("shown")));};if(this.trigger==="hover"){let w=()=>{this.cancelClose(),this.closeTimer=window.setTimeout(()=>this.closeTooltip(),Ao);};m.addEventListener("mouseenter",y),m.addEventListener("focus",y),m.addEventListener("mouseleave",w),m.addEventListener("blur",w),c.addEventListener("mouseenter",()=>this.cancelClose()),c.addEventListener("mouseleave",w);}else {m.addEventListener("click",()=>{this.open?this.closeTooltip():y();});let w=b=>{this.open&&(b.composedPath().includes(s)||this.closeTooltip());};document.addEventListener("click",w,true),this.registerCleanup(()=>document.removeEventListener("click",w,true));}let x=w=>{w.key==="Escape"&&this.open&&this.closeTooltip();};document.addEventListener("keydown",x),this.registerCleanup(()=>document.removeEventListener("keydown",x)),e.isPreview&&y();}liveKeyOf(e){let o=e.selector??"",i=U(e.style),r=e.style?.badgeTrigger==="click"?"click":"hover";return `${o}|${i}|${r}`}onLiveUpdate(e){if(this.badgeBtn){let i=this.badgeBtn.ownerDocument,r=bn(xn(e),i);this.badgeBtn.className=r.className,this.badgeBtn.setAttribute("style",r.getAttribute("style")??""),this.badgeBtn.replaceChildren(...Array.from(r.childNodes));}let o=e.style?.tooltipPlacement;this.side=o==="bottom"||o==="left"||o==="right"?o:"top",this.open&&this.badgeBtn&&this.position(this.badgeBtn);}destroy(){this.cancelClose(),this.stopFloat?.(),this.stopFloat=null,this.tooltip=null,this.arrowEl=null,this.badgeBtn=null,this.open=false,super.destroy();}openTooltip(e){if(!this.tooltip)return;this.tooltip.style.display="block",this.open=true,this.position(e);let o=()=>{this.position(e);};window.addEventListener("scroll",o,true),window.addEventListener("resize",o),this.stopFloat=()=>{window.removeEventListener("scroll",o,true),window.removeEventListener("resize",o);};}closeTooltip(){this.cancelClose(),!(!this.tooltip||!this.open)&&(this.tooltip.style.display="none",this.open=false,this.stopFloat?.(),this.stopFloat=null);}cancelClose(){this.closeTimer!==null&&(window.clearTimeout(this.closeTimer),this.closeTimer=null);}async position(e){let o=this.tooltip,i=this.arrowEl;if(!o||!i)return;let{x:r,y:s,placement:a,middlewareData:l}=await oe(e,o,{strategy:"fixed",placement:this.side,middleware:[ee(8),ne(),te({padding:8}),ve({element:i})]});o.style.left=`${r}px`,o.style.top=`${s}px`,ye(i,a,l.arrow);}};function xn(t){let n=t.style?.badge;if(!n||typeof n!="object")return {kind:"icon"};let e=n;return {kind:e.kind==="dot"||e.kind==="pill"||e.kind==="text"||e.kind==="image"||e.kind==="icon"?e.kind:"icon",icon:typeof e.icon=="string"?e.icon:null,text:typeof e.text=="string"?e.text:null,imageUrl:typeof e.imageUrl=="string"?e.imageUrl:null,color:typeof e.color=="string"&&F.test(e.color.trim())?e.color.trim():null,size:typeof e.size=="number"&&Number.isFinite(e.size)?e.size:null}}function Oe(t,n,e){return Math.min(e,Math.max(n,t))}function bn(t,n){let e=n.createElement("button");e.type="button",e.className=`veo-badge veo-badge--${t.kind}`,e.setAttribute("aria-label","M\xE1s informaci\xF3n");let o=Oe(t.size??18,8,48);switch(t.kind){case "dot":e.style.width=`${o}px`,e.style.height=`${o}px`,t.color&&(e.style.background=t.color);break;case "pill":{e.textContent=t.text?.slice(0,24)||"Nuevo",e.style.fontSize=`${Oe(Math.round(o*.62),8,24)}px`,t.color&&(e.style.background=t.color);break}case "text":{e.textContent=t.text?.slice(0,32)||"Nuevo",e.style.fontSize=`${Oe(Math.round(o*.7),9,28)}px`,t.color&&(e.style.color=t.color);break}case "image":{if(t.imageUrl&&I(t.imageUrl)){let i=n.createElement("img");i.src=t.imageUrl,i.alt="",i.style.width=`${o}px`,i.style.height=`${o}px`,e.appendChild(i);}else e.className="veo-badge veo-badge--icon",e.textContent="?",e.style.width=`${o}px`,e.style.height=`${o}px`,e.style.fontSize=`${Oe(Math.round(o*.62),8,32)}px`;break}default:{e.textContent=(t.icon||"\u2139\uFE0F").slice(0,4),e.style.width=`${o}px`,e.style.height=`${o}px`,e.style.fontSize=`${Oe(Math.round(o*.62),8,32)}px`,t.color&&(e.style.color=t.color);break}}return e}function we(t,n,e,o,i){let r=o.createElement("div");r.className="veo-guide-content";let s=o.createElement("div");s.className="veo-walkthrough-counter",s.textContent=`Paso ${n+1} de ${e}`,r.appendChild(s);let a=o.createElement("div");a.className="veo-walkthrough-progress";for(let h=0;h<e;h++){let f=o.createElement("span");f.className="veo-walkthrough-progress-dot",h<n&&f.classList.add("completed"),h===n&&f.classList.add("active"),a.appendChild(f);}r.appendChild(a);for(let h of pn(t,o))r.appendChild(h);let l=o.createElement("div");l.className="veo-walkthrough-actions";let d=o.createElement("button");d.type="button",d.className="veo-walkthrough-skip",d.textContent="Omitir",d.addEventListener("click",()=>i.onSkip()),l.appendChild(d);let p=o.createElement("div");if(p.className="veo-walkthrough-actions-right",n>0){let h=o.createElement("button");h.type="button",h.className="veo-walkthrough-btn-secondary",h.textContent="Atr\xE1s",h.addEventListener("click",()=>i.onBack()),p.appendChild(h);}let u=n===e-1,m=o.createElement("button");m.type="button",m.className="veo-guide-cta";let c=u?"Finalizar":"Siguiente";return m.textContent=typeof t.ctaText=="string"&&t.ctaText?t.ctaText:c,m.addEventListener("click",()=>{u?i.onComplete():i.onNext();}),p.appendChild(m),l.appendChild(p),r.appendChild(l),r.appendChild(De(o,()=>i.onSkip())),r}var Ne=class extends k{async render(n){let e=n.nav?.stepIndex??0,o=n.guide.guideSteps[e];if(!o)return;let i=o.style?.position==="bottom"?"bottom":"top",r=n.nav?null:o.selector?.trim()??null,s=null;if(r&&(s=await P(r),!s))return;let{host:a,root:l}=this.createHost();this.applyDesign(o.style);let d=l.ownerDocument??document,p=d.createElement("div");p.className=En(i,!!s);let u=(c,h,f)=>{n.onInteraction({guideId:n.guide.guideId,stepIndex:e,action:c,...f?{metadata:f}:{}}),h&&window.open(h,"_blank","noopener,noreferrer"),n.onClose();},m=n.nav?we(o,n.nav.stepIndex,n.nav.totalSteps,d,n.nav.callbacks):M(o,d,{onCtaClick:(c,h,f)=>{u("cta_clicked",c==="url"?h:void 0,f),c==="guide"&&h&&n.onOpenGuide?.(h);},onDismiss:()=>u("dismissed")});if(p.appendChild(m),l.appendChild(p),r&&s){a.style.display="block";let c=i==="top"?"prepend":"append";G(s,a,c),this.registerCleanup(z(a,r,c));}n.nav||(this.liveContainer=p,this.liveContent=m,this.liveBuild=c=>M(c,d,{onCtaClick:(h,f,g)=>{u("cta_clicked",h==="url"?f:void 0,g),h==="guide"&&f&&n.onOpenGuide?.(f);},onDismiss:()=>u("dismissed")}),this.liveKey=this.liveKeyOf(o),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"}));}liveKeyOf(n){let e=n.selector?.trim()??"";if(!e)return "";let o=n.style?.position==="bottom"?"bottom":"top";return `${e}|${o}`}onLiveUpdate(n){if(this.liveContainer){let e=n.style?.position==="bottom"?"bottom":"top",o=!!n.selector?.trim();this.liveContainer.className=En(e,o);}}};function En(t,n){return n?"veo-banner veo-banner-embedded":`veo-banner veo-banner-${t}`}function Cn(){let n=Date.now().toString(16).padStart(12,"0"),e=new Uint8Array(10);if(typeof crypto<"u"&&typeof crypto.getRandomValues=="function")crypto.getRandomValues(e);else for(let i=0;i<e.length;i++)e[i]=Math.floor(Math.random()*256);e[0]=(e[0]??0)&15|112,e[2]=(e[2]??0)&63|128;let o=Array.from(e,i=>i.toString(16).padStart(2,"0")).join("");return [n.slice(0,8),n.slice(8,12),o.slice(0,4),o.slice(4,8),o.slice(8,20)].join("-")}function Ze(t,n,e,o){let i=t.createElement("iframe");i.className="veo-custom-frame",i.setAttribute("sandbox","allow-scripts"),i.setAttribute("title",e.guide.guideName||"OnUser"),i.style.width=o.width;let r=o.fixedHeight!==void 0&&o.fixedHeight!==null;r&&(i.style.height=Et(o.fixedHeight));let s=Cn(),a=n.style?.tailwind===true;i.srcdoc=_o(n.html??"",n.css??"",n.js??"",s,{hostCss:Mo(),htmlAttrs:Io(),tailwind:a});let l=()=>e.onClose(),d=p=>{if(p.source!==i.contentWindow)return;let u=p.data;if(!(!u||typeof u!="object"||u.__veo!==s))switch(u.type){case "dismiss":e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"dismissed"}),l();break;case "cta":e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"cta_clicked"}),typeof u.url=="string"&&I(u.url)&&window.open(u.url,"_blank","noopener,noreferrer"),u.close!==false&&l();break;case "navigate":typeof u.url=="string"&&I(u.url)&&window.location.assign(u.url);break;case "track":typeof u.name=="string"&&e.onTrack&&e.onTrack(u.name,Do(u.props)?u.props:void 0);break;case "resize":!r&&typeof u.height=="number"&&u.height>0&&(i.style.height=`${Math.ceil(u.height)}px`);break}};return window.addEventListener("message",d),{iframe:i,cleanup:()=>window.removeEventListener("message",d)}}function Et(t){return typeof t=="number"?`${t}px`:t}var To=800*1024;function Mo(){if(typeof document>"u")return "";let t="";try{for(let n of Array.from(document.styleSheets)){let e=null;try{e=n.cssRules;}catch{continue}if(e){for(let o of Array.from(e))if(t+=`${o.cssText}
+`;var k=class{constructor(){this.host=null;this.shadow=null;this.cleanups=[];this.liveContainer=null;this.liveContent=null;this.liveBuild=null;this.liveKey="";}liveKeyOf(n){return ""}onLiveUpdate(n){}updateStep(n){if(!this.host||!this.liveContainer||!this.liveContent||!this.liveBuild||this.liveKeyOf(n)!==this.liveKey)return  false;let e=this.liveBuild(n);return this.liveContainer.replaceChild(e,this.liveContent),this.liveContent=e,this.applyDesign(n.style),this.onLiveUpdate(n),true}createHost(){let n=document.createElement("div");n.setAttribute(dn,"");let e=n.attachShadow({mode:"open"}),o=document.createElement("style");o.textContent=wn,e.appendChild(o);let i=document.createElement("div");return e.appendChild(i),document.body.appendChild(n),this.host=n,this.shadow=e,{host:n,shadow:e,root:i}}applyDesign(n){this.host&&yn(this.host,n);}registerCleanup(n){this.cleanups.push(n);}hostElement(){return this.host}destroy(){for(let n of this.cleanups)try{n();}catch{}this.cleanups=[],this.host?.parentNode&&this.host.parentNode.removeChild(this.host),this.host=null,this.shadow=null;}};var Lo={top:"bottom",bottom:"top",left:"right",right:"left"};function ye(t,n,e){let o=Lo[n.split("-")[0]??"bottom"]??"top";for(let i of ["top","bottom","left","right"])t.style.setProperty(i,"");e?.x!=null&&t.style.setProperty("left",`${e.x}px`),e?.y!=null&&t.style.setProperty("top",`${e.y}px`),t.style.setProperty(o,"-6px");}var Ao=150,Je=class extends k{constructor(){super(...arguments);this.tooltip=null;this.arrowEl=null;this.badgeBtn=null;this.open=false;this.shownEmitted=false;this.trigger="hover";this.side="top";this.closeTimer=null;this.stopFloat=null;}async render(e){let o=e.guide.guideSteps[0];if(!o)return;let i=o.selector??e.guide.activationRules.selector;if(typeof i!="string"||i.length===0)return;let r=await P(i);if(!r)return;let{host:s,root:a}=this.createHost(),l=a.ownerDocument??document;this.applyDesign(o.style);let d=o.style?.width;typeof d=="number"&&Number.isFinite(d)&&s.style.setProperty("--veo-badge-tip-width",`${Math.min(720,Math.max(220,d))}px`),this.trigger=o.style?.badgeTrigger==="click"?"click":"hover";let p=o.style?.tooltipPlacement;this.side=p==="bottom"||p==="left"||p==="right"?p:"top";let u=U(o.style);s.style.display="inline-flex",s.style.verticalAlign="middle";let m=bn(xn(o),l);a.appendChild(m),this.badgeBtn=m,G(r,s,u),this.registerCleanup(z(s,i,u));let c=l.createElement("div");c.className="veo-tooltip veo-badge-tooltip",c.style.display="none";let h=(w,b)=>{e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:w,...b?{metadata:b}:{}});},f=w=>M(w,l,{onCtaClick:(b,E,S)=>{h("cta_clicked",S),b==="url"&&E&&window.open(E,"_blank","noopener,noreferrer"),this.closeTooltip(),b==="guide"&&E&&e.onOpenGuide?.(E);},onDismiss:()=>this.closeTooltip()}),g=f(o);c.appendChild(g);let v=l.createElement("div");v.className="veo-tooltip-arrow",c.appendChild(v),a.appendChild(c),this.tooltip=c,this.arrowEl=v,this.liveContainer=c,this.liveContent=g,this.liveKey=this.liveKeyOf(o),this.liveBuild=f;let y=()=>{this.cancelClose(),this.open||(this.openTooltip(m),this.shownEmitted||(this.shownEmitted=true,h("shown")));};if(this.trigger==="hover"){let w=()=>{this.cancelClose(),this.closeTimer=window.setTimeout(()=>this.closeTooltip(),Ao);};m.addEventListener("mouseenter",y),m.addEventListener("focus",y),m.addEventListener("mouseleave",w),m.addEventListener("blur",w),c.addEventListener("mouseenter",()=>this.cancelClose()),c.addEventListener("mouseleave",w);}else {m.addEventListener("click",()=>{this.open?this.closeTooltip():y();});let w=b=>{this.open&&(b.composedPath().includes(s)||this.closeTooltip());};document.addEventListener("click",w,true),this.registerCleanup(()=>document.removeEventListener("click",w,true));}let x=w=>{w.key==="Escape"&&this.open&&this.closeTooltip();};document.addEventListener("keydown",x),this.registerCleanup(()=>document.removeEventListener("keydown",x)),e.isPreview&&y();}liveKeyOf(e){let o=e.selector??"",i=U(e.style),r=e.style?.badgeTrigger==="click"?"click":"hover";return `${o}|${i}|${r}`}onLiveUpdate(e){if(this.badgeBtn){let i=this.badgeBtn.ownerDocument,r=bn(xn(e),i);this.badgeBtn.className=r.className,this.badgeBtn.setAttribute("style",r.getAttribute("style")??""),this.badgeBtn.replaceChildren(...Array.from(r.childNodes));}let o=e.style?.tooltipPlacement;this.side=o==="bottom"||o==="left"||o==="right"?o:"top",this.open&&this.badgeBtn&&this.position(this.badgeBtn);}destroy(){this.cancelClose(),this.stopFloat?.(),this.stopFloat=null,this.tooltip=null,this.arrowEl=null,this.badgeBtn=null,this.open=false,super.destroy();}openTooltip(e){if(!this.tooltip)return;this.tooltip.style.display="block",this.open=true,this.position(e);let o=()=>{this.position(e);};window.addEventListener("scroll",o,true),window.addEventListener("resize",o),this.stopFloat=()=>{window.removeEventListener("scroll",o,true),window.removeEventListener("resize",o);};}closeTooltip(){this.cancelClose(),!(!this.tooltip||!this.open)&&(this.tooltip.style.display="none",this.open=false,this.stopFloat?.(),this.stopFloat=null);}cancelClose(){this.closeTimer!==null&&(window.clearTimeout(this.closeTimer),this.closeTimer=null);}async position(e){let o=this.tooltip,i=this.arrowEl;if(!o||!i)return;let{x:r,y:s,placement:a,middlewareData:l}=await oe(e,o,{strategy:"fixed",placement:this.side,middleware:[ee(8),ne(),te({padding:8}),ve({element:i})]});o.style.left=`${r}px`,o.style.top=`${s}px`,ye(i,a,l.arrow);}};function xn(t){let n=t.style?.badge;if(!n||typeof n!="object")return {kind:"icon"};let e=n;return {kind:e.kind==="dot"||e.kind==="pill"||e.kind==="text"||e.kind==="image"||e.kind==="icon"?e.kind:"icon",icon:typeof e.icon=="string"?e.icon:null,text:typeof e.text=="string"?e.text:null,imageUrl:typeof e.imageUrl=="string"?e.imageUrl:null,color:typeof e.color=="string"&&F.test(e.color.trim())?e.color.trim():null,size:typeof e.size=="number"&&Number.isFinite(e.size)?e.size:null}}function Oe(t,n,e){return Math.min(e,Math.max(n,t))}function bn(t,n){let e=n.createElement("button");e.type="button",e.className=`veo-badge veo-badge--${t.kind}`,e.setAttribute("aria-label","M\xE1s informaci\xF3n");let o=Oe(t.size??18,8,48);switch(t.kind){case "dot":e.style.width=`${o}px`,e.style.height=`${o}px`,t.color&&(e.style.background=t.color);break;case "pill":{e.textContent=t.text?.slice(0,24)||"Nuevo",e.style.fontSize=`${Oe(Math.round(o*.62),8,24)}px`,t.color&&(e.style.background=t.color);break}case "text":{e.textContent=t.text?.slice(0,32)||"Nuevo",e.style.fontSize=`${Oe(Math.round(o*.7),9,28)}px`,t.color&&(e.style.color=t.color);break}case "image":{if(t.imageUrl&&I(t.imageUrl)){let i=n.createElement("img");i.src=t.imageUrl,i.alt="",i.style.width=`${o}px`,i.style.height=`${o}px`,e.appendChild(i);}else e.className="veo-badge veo-badge--icon",e.textContent="?",e.style.width=`${o}px`,e.style.height=`${o}px`,e.style.fontSize=`${Oe(Math.round(o*.62),8,32)}px`;break}default:{e.textContent=(t.icon||"\u2139\uFE0F").slice(0,4),e.style.width=`${o}px`,e.style.height=`${o}px`,e.style.fontSize=`${Oe(Math.round(o*.62),8,32)}px`,t.color&&(e.style.color=t.color);break}}return e}function we(t,n,e,o,i){let r=o.createElement("div");r.className="veo-guide-content";let s=o.createElement("div");s.className="veo-walkthrough-counter",s.textContent=`Paso ${n+1} de ${e}`,r.appendChild(s);let a=o.createElement("div");a.className="veo-walkthrough-progress";for(let h=0;h<e;h++){let f=o.createElement("span");f.className="veo-walkthrough-progress-dot",h<n&&f.classList.add("completed"),h===n&&f.classList.add("active"),a.appendChild(f);}r.appendChild(a);for(let h of pn(t,o))r.appendChild(h);let l=o.createElement("div");l.className="veo-walkthrough-actions";let d=o.createElement("button");d.type="button",d.className="veo-walkthrough-skip",d.textContent="Omitir",d.addEventListener("click",()=>i.onSkip()),l.appendChild(d);let p=o.createElement("div");if(p.className="veo-walkthrough-actions-right",n>0){let h=o.createElement("button");h.type="button",h.className="veo-walkthrough-btn-secondary",h.textContent="Atr\xE1s",h.addEventListener("click",()=>i.onBack()),p.appendChild(h);}let u=n===e-1,m=o.createElement("button");m.type="button",m.className="veo-guide-cta";let c=u?"Finalizar":"Siguiente";return m.textContent=typeof t.ctaText=="string"&&t.ctaText?t.ctaText:c,m.addEventListener("click",()=>{u?i.onComplete():i.onNext();}),p.appendChild(m),l.appendChild(p),r.appendChild(l),r.appendChild(De(o,()=>i.onSkip())),r}var Ne=class extends k{async render(n){let e=n.nav?.stepIndex??0,o=n.guide.guideSteps[e];if(!o)return;let i=o.style?.position==="bottom"?"bottom":"top",r=o.selector?.trim()||null,s=null;if(r&&(s=await P(r),!s))return;let{host:a,root:l}=this.createHost();this.applyDesign(o.style);let d=l.ownerDocument??document,p=d.createElement("div");p.className=En(i,!!s);let u=(c,h,f)=>{n.onInteraction({guideId:n.guide.guideId,stepIndex:e,action:c,...f?{metadata:f}:{}}),h&&window.open(h,"_blank","noopener,noreferrer"),n.onClose();},m=n.nav?we(o,n.nav.stepIndex,n.nav.totalSteps,d,n.nav.callbacks):M(o,d,{onCtaClick:(c,h,f)=>{u("cta_clicked",c==="url"?h:void 0,f),c==="guide"&&h&&n.onOpenGuide?.(h);},onDismiss:()=>u("dismissed")});if(p.appendChild(m),l.appendChild(p),r&&s){a.style.display="block";let c=i==="top"?"prepend":"append";G(s,a,c),this.registerCleanup(z(a,r,c));}n.nav||(this.liveContainer=p,this.liveContent=m,this.liveBuild=c=>M(c,d,{onCtaClick:(h,f,g)=>{u("cta_clicked",h==="url"?f:void 0,g),h==="guide"&&f&&n.onOpenGuide?.(f);},onDismiss:()=>u("dismissed")}),this.liveKey=this.liveKeyOf(o),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"}));}liveKeyOf(n){let e=n.selector?.trim()??"";if(!e)return "";let o=n.style?.position==="bottom"?"bottom":"top";return `${e}|${o}`}onLiveUpdate(n){if(this.liveContainer){let e=n.style?.position==="bottom"?"bottom":"top",o=!!n.selector?.trim();this.liveContainer.className=En(e,o);}}};function En(t,n){return n?"veo-banner veo-banner-embedded":`veo-banner veo-banner-${t}`}function Cn(){let n=Date.now().toString(16).padStart(12,"0"),e=new Uint8Array(10);if(typeof crypto<"u"&&typeof crypto.getRandomValues=="function")crypto.getRandomValues(e);else for(let i=0;i<e.length;i++)e[i]=Math.floor(Math.random()*256);e[0]=(e[0]??0)&15|112,e[2]=(e[2]??0)&63|128;let o=Array.from(e,i=>i.toString(16).padStart(2,"0")).join("");return [n.slice(0,8),n.slice(8,12),o.slice(0,4),o.slice(4,8),o.slice(8,20)].join("-")}function Ze(t,n,e,o){let i=t.createElement("iframe");i.className="veo-custom-frame",i.setAttribute("sandbox","allow-scripts"),i.setAttribute("title",e.guide.guideName||"OnUser"),i.style.width=o.width;let r=o.fixedHeight!==void 0&&o.fixedHeight!==null;r&&(i.style.height=Et(o.fixedHeight));let s=Cn(),a=n.style?.tailwind===true;i.srcdoc=_o(n.html??"",n.css??"",n.js??"",s,{hostCss:Mo(),htmlAttrs:Io(),tailwind:a});let l=()=>e.onClose(),d=p=>{if(p.source!==i.contentWindow)return;let u=p.data;if(!(!u||typeof u!="object"||u.__veo!==s))switch(u.type){case "dismiss":e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"dismissed"}),l();break;case "cta":e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"cta_clicked"}),typeof u.url=="string"&&I(u.url)&&window.open(u.url,"_blank","noopener,noreferrer"),u.close!==false&&l();break;case "navigate":typeof u.url=="string"&&I(u.url)&&window.location.assign(u.url);break;case "track":typeof u.name=="string"&&e.onTrack&&e.onTrack(u.name,Do(u.props)?u.props:void 0);break;case "resize":!r&&typeof u.height=="number"&&u.height>0&&(i.style.height=`${Math.ceil(u.height)}px`);break}};return window.addEventListener("message",d),{iframe:i,cleanup:()=>window.removeEventListener("message",d)}}function Et(t){return typeof t=="number"?`${t}px`:t}var To=800*1024;function Mo(){if(typeof document>"u")return "";let t="";try{for(let n of Array.from(document.styleSheets)){let e=null;try{e=n.cssRules;}catch{continue}if(e){for(let o of Array.from(e))if(t+=`${o.cssText}
 `,t.length>To)return t}}}catch{return t}return t}function Io(){if(typeof document>"u")return "";try{let t=document.documentElement,n=[];for(let e of ["class","style","data-theme","data-mode","data-color-mode"]){let o=t.getAttribute(e);o&&o.length<=1e3&&!/["<>]/.test(o)&&n.push(`${e}="${o}"`);}return n.join(" ")}catch{return ""}}function Do(t){return typeof t=="object"&&t!==null&&!Array.isArray(t)}function _o(t,n,e,o,i){let r=`(function(){var T=${JSON.stringify(o)};function P(m){m.__veo=T;parent.postMessage(m,'*');}window.veo={dismiss:function(){P({type:'dismiss'});},cta:function(u){P({type:'cta',url:u});},track:function(n,p){P({type:'track',name:n,props:p||{}});},navigate:function(u){P({type:'navigate',url:u});}};document.addEventListener('click',function(e){var a=e.target&&e.target.closest?e.target.closest('a[href]'):null;if(!a)return;var h=a.getAttribute('href');if(!h||h.charAt(0)==='#'||/^(javascript|mailto|tel):/i.test(h))return;e.preventDefault();if(a.target==='_blank'){P({type:'cta',url:a.href,close:false});}else{P({type:'navigate',url:h});}},true);function H(){var r=document.getElementById('__veo_root');var h=r?r.getBoundingClientRect().height:document.documentElement.scrollHeight;P({type:'resize',height:Math.ceil(h)});}window.addEventListener('load',H);try{if(typeof ResizeObserver!=='undefined'){var _r=document.getElementById('__veo_root');new ResizeObserver(H).observe(_r||document.documentElement);}}catch(e){}})();`,s=i.hostCss?`<style>${bt(i.hostCss,"style")}</style>`:"",a=i.tailwind?'<script src="https://cdn.tailwindcss.com"></script>':"";return `<!DOCTYPE html><html ${i.htmlAttrs}><head><meta charset="utf-8"><style>html,body{margin:0;padding:0;}body{font-family:system-ui,-apple-system,sans-serif;}</style>`+s+"<style>html,body{margin:0!important;padding:0!important;background:transparent!important;height:auto!important;min-height:0!important;max-height:none!important;width:auto!important;min-width:0!important;overflow:visible!important;color-scheme:normal!important;}</style>"+a+`<style>${bt(n,"style")}</style></head><body style="margin:0!important;background:transparent!important;min-height:0!important;height:auto!important;"><div id="__veo_root">${t}</div><script>${r}</script>`+(e?`<script>${bt(e,"script")}</script>`:"")+"</body></html>"}function bt(t,n){let e=n==="script"?/<\/script/gi:/<\/style/gi;return t.replace(e,`<\\/${n}`)}var Oo={mode:"floating",position:"bottom-right"},kn=16,No=360,Qe=class extends k{async render(n){let e=n.guide.guideSteps[0];if(!e||typeof e.html!="string"||e.html.length===0)return;let o=e.placement??Oo,i=null;if(o.mode==="anchored"){let p=o.selector??e.selector??n.guide.activationRules.selector;if(typeof p!="string"||p.length===0||(i=await P(p),!i))return}let{root:r}=this.createHost(),s=r.ownerDocument??document,a=s.createElement("div");a.className=o.mode==="anchored"?"veo-custom-anchored":"veo-custom-floating";let{iframe:l,cleanup:d}=Ze(s,e,n,{width:Et(o.width??No),fixedHeight:o.height??null});this.registerCleanup(d),a.appendChild(l),r.appendChild(a),o.mode==="floating"?Bo(a,o):i&&this.registerCleanup(await this.setupAnchoredPosition(i,a,o)),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"});}async setupAnchoredPosition(n,e,o){let i=o.side??"bottom",r=async()=>{let{x:a,y:l}=await oe(n,e,{placement:i,strategy:"fixed",middleware:[ee(o.offsetY??8),ne(),te({padding:8})]});e.style.left=`${a}px`,e.style.top=`${l}px`;};await r();let s=()=>{r();};return window.addEventListener("scroll",s,true),window.addEventListener("resize",s),()=>{window.removeEventListener("scroll",s,true),window.removeEventListener("resize",s);}}};function Bo(t,n){let e=n.position??"bottom-right",o=`${n.offsetX??kn}px`,i=`${n.offsetY??kn}px`,r=t.style;if(e==="center"){r.top="50%",r.left="50%",r.transform="translate(-50%, -50%)";return}let[s,a]=e.split("-");s==="top"?r.top=i:r.bottom=i,a==="left"?r.left=o:a==="right"?r.right=o:(r.left="50%",r.transform="translateX(-50%)");}function et(t,n,e){let o=n.guide.guideSteps[0];if(!o)return;let i=o.fields??[],r=()=>{n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"dismissed"}),n.onClose();},s=e.createElement("div");if(s.className="veo-guide-content",o.title){let m=e.createElement("h2");m.className="veo-guide-title",m.textContent=o.title,s.appendChild(m);}if(o.content){let m=e.createElement("p");m.className="veo-guide-text",m.textContent=o.content,s.appendChild(m);}let a=[],l=e.createElement("form");l.className="veo-form",l.noValidate=true;for(let m of i){let{wrapper:c,read:h}=$o(m,e);a.push({field:m,read:h}),l.appendChild(c);}let d=e.createElement("p");d.className="veo-form-error",d.style.display="none",l.appendChild(d);let p=e.createElement("div");p.className="veo-guide-actions";let u=e.createElement("button");u.type="submit",u.className="veo-guide-cta",u.textContent=o.ctaText||"Enviar",p.appendChild(u),l.appendChild(p),l.addEventListener("submit",m=>{m.preventDefault(),d.style.display="none";let c={};for(let{field:f,read:g}of a){let v=g();if(v==null||v===""){if(f.required){d.textContent=`Completa "${f.label}"`,d.style.display="block";return}continue}c[f.key]=v;}if(Object.keys(c).length===0){d.textContent="Responde al menos un campo",d.style.display="block";return}u.disabled=true,(n.onFormSubmit??(()=>Promise.resolve(true)))(c).then(f=>{if(!f){u.disabled=false,d.textContent="No se pudo enviar. Prueba de nuevo.",d.style.display="block";return}n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"completed"});let g=n.isPreview?n.previewNote??"Vista previa: la respuesta NO se guard\xF3.":null;Go(t,e,g),window.setTimeout(()=>n.onClose(),g?2200:1400);});}),s.appendChild(l),s.appendChild(De(e,r)),t.appendChild(s);}function Go(t,n,e){for(;t.firstChild;)t.removeChild(t.firstChild);let o=n.createElement("div");if(o.className="veo-form-thanks",o.textContent="\u2713 \xA1Gracias por tu respuesta!",t.appendChild(o),e){let i=n.createElement("p");i.className="veo-form-preview-note",i.textContent=e,t.appendChild(i);}}function $o(t,n){let e=n.createElement("div");e.className="veo-form-field";let o=n.createElement("label");switch(o.className="veo-form-label",o.textContent=t.required?`${t.label} *`:t.label,e.appendChild(o),t.type){case "textarea":{let i=n.createElement("textarea");return i.className="veo-form-input",i.rows=3,t.placeholder&&(i.placeholder=t.placeholder),e.appendChild(i),{wrapper:e,read:()=>i.value.trim()}}case "number":{let i=n.createElement("input");return i.type="number",i.className="veo-form-input",t.placeholder&&(i.placeholder=t.placeholder),e.appendChild(i),{wrapper:e,read:()=>i.value.trim()===""?void 0:Number(i.value)}}case "select":{let i=n.createElement("select");i.className="veo-form-input";let r=n.createElement("option");r.value="",r.textContent=t.placeholder||"Elige una opci\xF3n\u2026",i.appendChild(r);for(let s of t.options??[]){let a=n.createElement("option");a.value=s,a.textContent=s,i.appendChild(a);}return e.appendChild(i),{wrapper:e,read:()=>i.value||void 0}}case "radio":{let i=n.createElement("div");i.className="veo-form-options";let r=`veo-${t.key}`,s=[];for(let a of t.options??[]){let l=n.createElement("label");l.className="veo-form-option";let d=n.createElement("input");d.type="radio",d.name=r,d.value=a,s.push(d);let p=n.createElement("span");p.textContent=a,l.appendChild(d),l.appendChild(p),i.appendChild(l);}return e.appendChild(i),{wrapper:e,read:()=>s.find(a=>a.checked)?.value}}case "multiselect":{let i=n.createElement("div");i.className="veo-form-options";let r=[];for(let s of t.options??[]){let a=n.createElement("label");a.className="veo-form-option";let l=n.createElement("input");l.type="checkbox",l.value=s,r.push(l);let d=n.createElement("span");d.textContent=s,a.appendChild(l),a.appendChild(d),i.appendChild(a);}return e.appendChild(i),{wrapper:e,read:()=>{let s=r.filter(a=>a.checked).map(a=>a.value);return s.length>0?s:void 0}}}case "checkbox":{let i=n.createElement("label");i.className="veo-form-option";let r=n.createElement("input");r.type="checkbox";let s=n.createElement("span");return s.textContent=t.placeholder||"S\xED",i.appendChild(r),i.appendChild(s),e.appendChild(i),{wrapper:e,read:()=>r.checked?true:t.required?"":false}}case "yesno":{let i=n.createElement("div");i.className="veo-form-options";let r=`veo-${t.key}`,[s,a]=t.options?.length===2?t.options:["S\xED","No"],l=[];for(let{label:d,value:p}of [{label:s,value:true},{label:a,value:false}]){let u=n.createElement("label");u.className="veo-form-option";let m=n.createElement("input");m.type="radio",m.name=r,l.push({input:m,value:p});let c=n.createElement("span");c.textContent=d,u.appendChild(m),u.appendChild(c),i.appendChild(u);}return e.appendChild(i),{wrapper:e,read:()=>l.find(d=>d.input.checked)?.value}}case "nps":return Sn(e,n,0,10,"veo-nps-btn");case "rating":return Sn(e,n,1,5,"veo-rating-btn","\u2605");default:{let i=n.createElement("input");return i.type="text",i.className="veo-form-input",t.placeholder&&(i.placeholder=t.placeholder),e.appendChild(i),{wrapper:e,read:()=>i.value.trim()}}}}function Sn(t,n,e,o,i,r){let s=n.createElement("div");s.className="veo-form-scale";let a,l=[];for(let d=e;d<=o;d++){let p=n.createElement("button");p.type="button",p.className=i,p.textContent=r??String(d),p.setAttribute("aria-label",String(d)),p.addEventListener("click",()=>{a=d,l.forEach((u,m)=>{let c=r?m+e<=d:m+e===d;u.classList.toggle("veo-scale-active",c);});}),l.push(p),s.appendChild(p);}return t.appendChild(s),{wrapper:t,read:()=>a}}var tt=class extends k{render(n){let e=n.guide.guideSteps[0];if(!e||(e.fields??[]).length===0)return;let{root:o}=this.createHost();this.applyDesign(e.style);let i=o.ownerDocument??document,r=i.createElement("div");r.className="veo-modal-overlay";let s=i.createElement("div");s.className="veo-modal-card",et(s,n,i),r.appendChild(s),o.appendChild(r);let a=()=>{n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"dismissed"}),n.onClose();};r.addEventListener("click",d=>{d.target===r&&a();});let l=d=>{d.key==="Escape"&&a();};document.addEventListener("keydown",l),this.registerCleanup(()=>document.removeEventListener("keydown",l)),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"});}};var nt=class extends k{async render(n){let e=n.guide.guideSteps[0];if(!e||typeof e.html!="string"||e.html.length===0)return;let o=e.selector??n.guide.activationRules.selector;if(typeof o!="string"||o.length===0)return;let i=await P(o);if(!i)return;let{host:r,root:s}=this.createHost();r.style.display="block";let a=U(e.style);G(i,r,a),this.registerCleanup(z(r,o,a));let l=s.ownerDocument??document,d=l.createElement("div");d.className="veo-custom-inline";let{iframe:p,cleanup:u}=Ze(l,e,n,{width:"100%"});this.registerCleanup(u),d.appendChild(p),s.appendChild(d),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"});}};var ot=class extends k{async render(n){let e=n.guide.guideSteps[0];if(!e||(e.fields??[]).length===0)return;let o=e.selector??n.guide.activationRules.selector;if(typeof o!="string"||o.length===0)return;let i=await P(o);if(!i)return;let{host:r,root:s}=this.createHost();r.style.display="block";let a=U(e.style);G(i,r,a),this.registerCleanup(z(r,o,a)),this.applyDesign(e.style);let l=s.ownerDocument??document,d=l.createElement("div");d.className="veo-inline",et(d,n,l),s.appendChild(d),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"});}};var it=class extends k{async render(n){let e=n.guide.guideSteps[0];if(!e)return;let o=e.selector??n.guide.activationRules.selector;if(typeof o!="string"||o.length===0)return;let i=await P(o);if(!i)return;let{host:r,root:s}=this.createHost();r.style.display="block";let a=U(e.style);G(i,r,a),this.registerCleanup(z(r,o,a)),this.applyDesign(e.style);let l=s.ownerDocument??document,d=l.createElement("div");d.className="veo-inline";let p=(m,c,h)=>{n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:m,...h?{metadata:h}:{}}),c&&window.open(c,"_blank","noopener,noreferrer"),n.onClose();},u=M(e,l,{onCtaClick:(m,c,h)=>{p("cta_clicked",m==="url"?c:void 0,h),m==="guide"&&c&&n.onOpenGuide?.(c);},onDismiss:()=>p("dismissed")});d.appendChild(u),s.appendChild(d),this.liveContainer=d,this.liveContent=u,this.liveKey=`${o}|${a}`,this.liveBuild=m=>M(m,l,{onCtaClick:(c,h,f)=>{p("cta_clicked",c==="url"?h:void 0,f),c==="guide"&&h&&n.onOpenGuide?.(h);},onDismiss:()=>p("dismissed")}),n.onInteraction({guideId:n.guide.guideId,stepIndex:0,action:"shown"});}liveKeyOf(n){return `${n.selector??""}|${U(n.style)}`}};function Pn(t){return t.style?.backdrop===false?"veo-modal-overlay veo-modal-overlay--none":"veo-modal-overlay"}var Be=class extends k{constructor(){super(...arguments);this.overlay=null;}render(e){let o=e.nav?.stepIndex??0,i=e.guide.guideSteps[o];if(!i)return;let{root:r}=this.createHost();this.applyDesign(i.style);let s=r.ownerDocument??document,a=s.createElement("div");a.className=Pn(i),this.overlay=a;let l=s.createElement("div");l.className="veo-modal-card";let d=(c,h,f)=>{e.onInteraction({guideId:e.guide.guideId,stepIndex:o,action:c,...f?{metadata:f}:{}}),h&&window.open(h,"_blank","noopener,noreferrer"),e.onClose();},p=()=>{e.nav?e.nav.callbacks.onSkip():d("dismissed");},u=e.nav?we(i,e.nav.stepIndex,e.nav.totalSteps,s,e.nav.callbacks):M(i,s,{onCtaClick:(c,h,f)=>{d("cta_clicked",c==="url"?h:void 0,f),c==="guide"&&h&&e.onOpenGuide?.(h);},onDismiss:()=>d("dismissed")});l.appendChild(u),a.appendChild(l),r.appendChild(a),e.nav||(this.liveContainer=l,this.liveContent=u,this.liveBuild=c=>M(c,s,{onCtaClick:(h,f,g)=>{d("cta_clicked",h==="url"?f:void 0,g),h==="guide"&&f&&e.onOpenGuide?.(f);},onDismiss:()=>d("dismissed")})),a.addEventListener("click",c=>{c.target===a&&p();});let m=c=>{c.key==="Escape"&&p();};document.addEventListener("keydown",m),this.registerCleanup(()=>document.removeEventListener("keydown",m)),e.nav||e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"shown"});}onLiveUpdate(e){this.overlay&&(this.overlay.className=Pn(e));}destroy(){this.overlay=null,super.destroy();}};var rt=class extends k{constructor(){super(...arguments);this.side="bottom";this.reposition=null;}async render(e){let o=e.guide.guideSteps[0];if(!o)return;let i=o.selector??e.guide.activationRules.selector;if(typeof i!="string"||i.length===0)return;let r=await P(i);if(!r)return;let s=o.style?.tooltipPlacement;this.side=s==="top"||s==="left"||s==="right"?s:"bottom";let{root:a}=this.createHost();this.applyDesign(o.style);let l=a.ownerDocument??document,d=l.createElement("div");d.className="veo-tooltip";let p=(f,g,v)=>{e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:f,...v?{metadata:v}:{}}),g&&window.open(g,"_blank","noopener,noreferrer"),e.onClose();},u=M(o,l,{onCtaClick:(f,g,v)=>{p("cta_clicked",f==="url"?g:void 0,v),f==="guide"&&g&&e.onOpenGuide?.(g);},onDismiss:()=>p("dismissed")});d.appendChild(u);let m=l.createElement("div");m.className="veo-tooltip-arrow",d.appendChild(m),a.appendChild(d);let c=async()=>{let{x:f,y:g,placement:v,middlewareData:y}=await oe(r,d,{placement:this.side,middleware:[ee(10),ne(),te({padding:8}),ve({element:m})]});d.style.left=`${f}px`,d.style.top=`${g}px`,ye(m,v,y.arrow);};await c();let h=()=>{c();};this.reposition=h,window.addEventListener("scroll",h,true),window.addEventListener("resize",h),this.registerCleanup(()=>{window.removeEventListener("scroll",h,true),window.removeEventListener("resize",h);}),this.liveContainer=d,this.liveContent=u,this.liveKey=i,this.liveBuild=f=>M(f,l,{onCtaClick:(g,v,y)=>{p("cta_clicked",g==="url"?v:void 0,y),g==="guide"&&v&&e.onOpenGuide?.(v);},onDismiss:()=>p("dismissed")}),e.onInteraction({guideId:e.guide.guideId,stepIndex:0,action:"shown"});}liveKeyOf(e){return e.selector??""}onLiveUpdate(e){let o=e.style?.tooltipPlacement;this.side=o==="top"||o==="left"||o==="right"?o:"bottom",this.reposition?.();}};var st=class extends k{async render(n){let e=n.guide.guideSteps[n.currentStepIndex];if(!e)return  false;let o=e.selector??n.guide.activationRules.selector;if(typeof o!="string"||o.length===0)return  false;let i=await P(o,5e3);if(!i)return  false;let r=e.style?.tooltipPlacement,s=r==="top"||r==="left"||r==="right"?r:"bottom",{root:a}=this.createHost();this.applyDesign(e.style);let l=a.ownerDocument??document,d=l.createElement("div");d.className="veo-walkthrough";let p=we(e,n.currentStepIndex,n.guide.guideSteps.length,l,n.callbacks);d.appendChild(p);let u=l.createElement("div");u.className="veo-walkthrough-arrow",d.appendChild(u),a.appendChild(d);let m=async()=>{let{x:h,y:f,placement:g,middlewareData:v}=await oe(i,d,{placement:s,middleware:[ee(10),ne(),te({padding:8}),ve({element:u})]});d.style.left=`${h}px`,d.style.top=`${f}px`,ye(u,g,v.arrow);};await m();let c=()=>{m();};return window.addEventListener("scroll",c,true),window.addEventListener("resize",c),this.registerCleanup(()=>{window.removeEventListener("scroll",c,true),window.removeEventListener("resize",c);}),true}};var Ho="__veo_preview__",Ct=class{constructor(){this.singleStep=null;this.walkthrough=null;this.walkthroughGuide=null;this.walkthroughIndex=0;this.input=null;}preview(n){let e=n.guideSteps[0];if(this.singleStep&&this.input&&n.guideType===this.input.guideType&&n.guideType!=="walkthrough"&&e&&this.singleStep.updateStep(e))return this.input=n,{close:()=>this.close(),ready:Promise.resolve({rendered:true}),host:()=>this.activeHost()};this.close(),this.input=n;let o=Fo(n),i=typeof n.startStepIndex=="number"?n.startStepIndex:0,r=o.guideType==="walkthrough"?this.startWalkthrough(o,i):this.renderSingleStep(o);return {close:()=>this.close(),ready:r,host:()=>this.activeHost()}}activeHost(){return this.singleStep?this.singleStep.hostElement():this.walkthrough instanceof k?this.walkthrough.hostElement():null}close(){this.singleStep&&(ue(this.singleStep),this.singleStep=null),this.walkthrough&&(ue(this.walkthrough),this.walkthrough=null),this.walkthroughGuide=null,this.walkthroughIndex=0,this.input=null;}async renderSingleStep(n){let e=Uo(n.guideType);if(!e)return {rendered:false};this.singleStep=e;let o=false;try{await e.render({guide:n,onInteraction:i=>{i.action==="shown"&&(o=!0);},onClose:()=>this.close(),onTrack:()=>{},onOpenGuide:()=>{},onFormSubmit:this.input?.formSubmit??(()=>Promise.resolve(!0)),isPreview:!0,...this.input?.formSubmit&&this.input.formSubmitNote!==void 0?{previewNote:this.input.formSubmitNote}:{}});}catch{return this.close(),{rendered:false}}return this.singleStep!==e?(ue(e),{rendered:false}):{rendered:o}}async startWalkthrough(n,e=0){if(n.guideSteps.length===0)return {rendered:false};this.walkthroughGuide=n;let o=Math.min(Math.max(0,Math.floor(e)),n.guideSteps.length-1);return this.walkthroughIndex=o,{rendered:await this.renderWalkthroughStep(o)}}async renderWalkthroughStep(n){let e=this.walkthroughGuide;if(!e)return  false;this.walkthrough&&(ue(this.walkthrough),this.walkthrough=null);let o={onNext:()=>{let l=this.walkthroughIndex+1;if(l>=e.guideSteps.length){this.close();return}this.walkthroughIndex=l,this.renderWalkthroughStep(l);},onBack:()=>{let l=this.walkthroughIndex-1;l<0||(this.walkthroughIndex=l,this.renderWalkthroughStep(l));},onSkip:()=>this.close(),onComplete:()=>this.close()},r=e.guideSteps[n]?.style?.render;if(r==="modal"||r==="banner"){let l=r==="modal"?new Be:new Ne;try{l.render({guide:e,onInteraction:()=>{},onClose:()=>this.close(),nav:{stepIndex:n,totalSteps:e.guideSteps.length,callbacks:o}});}catch{return ue(l),false}return this.walkthroughGuide!==e?(ue(l),false):(this.walkthrough=l,true)}let s=new st,a=false;try{a=await s.render({guide:e,currentStepIndex:n,callbacks:o});}catch{a=false;}return !a||this.walkthroughGuide!==e?(ue(s),false):(this.walkthrough=s,true)}},at=null;function lt(t){return X()?(at||(at=new Ct),at.preview(t)):{close:()=>{},ready:Promise.resolve({rendered:false}),host:()=>null}}function Ge(){at?.close();}function Fo(t){let n=t.activationRules?.selector,e={url:t.activationRules?.url??{type:"prefix",pattern:"/"},trigger:"immediate",...n!==void 0?{selector:n}:{}};return {guideId:Ho,guideName:t.guideName??"Preview",guideType:t.guideType,guideSteps:t.guideSteps,activationRules:e,displayFrequency:"always",displayPriority:0}}function Uo(t){switch(t){case "modal":return new Be;case "banner":return new Ne;case "tooltip":return new rt;case "custom":return new Qe;case "inline":return new it;case "inline-custom":return new nt;case "form":return new tt;case "inline-form":return new ot;case "badge":return new Je;case "walkthrough":return null}}function ue(t){try{t.destroy();}catch{}}var xe="veo-builder";var zo="/guides/design",Rn=400,Wo=640,Ln=320,An=320,kt=16;function Tn(t){if(!K()||!X())return {target:()=>null,teardown:()=>{}};let n=jo(t),e=document.createElement("div");e.setAttribute("data-veo-builder-panel","");let o=e.attachShadow({mode:"open"}),i=document.createElement("style");i.textContent=Ko;let r=document.createElement("div");r.className="veo-panel";let s=Math.max(kt,window.innerWidth-Rn-kt),a=kt;r.style.left=`${s}px`,r.style.top=`${a}px`,r.style.width=`${Rn}px`,r.style.height=`${Wo}px`;let l=document.createElement("div");l.className="veo-panel-header";let d=document.createElement("span");d.className="veo-panel-title",d.textContent="OnUser \xB7 Editor";let p=document.createElement("div");p.className="veo-panel-actions";let u=document.createElement("button");u.className="veo-panel-btn",u.type="button",u.title="Abrir en ventana aparte",u.setAttribute("aria-label","Abrir en ventana aparte"),u.textContent="\u29C9";let m=document.createElement("button");m.className="veo-panel-btn veo-panel-close",m.type="button",m.title="Cerrar",m.setAttribute("aria-label","Cerrar"),m.textContent="\u2715",p.append(u,m),l.append(d,p);let c=document.createElement("iframe");c.className="veo-panel-frame",c.title="Editor de Veo",c.src=n;let h=document.createElement("div");h.className="veo-panel-resize",h.setAttribute("aria-hidden","true"),r.append(l,c,h),o.append(i,r),document.body.appendChild(e);let f=null,g,v=()=>{g!==void 0&&(clearInterval(g),g=void 0);};return m.addEventListener("click",()=>t.onClose()),u.addEventListener("click",()=>{let y=window.open(n,"veo-editor",`popup,width=${Math.round(r.offsetWidth)},height=${Math.round(r.offsetHeight)+60}`);y&&(f=y,r.style.display="none",g=setInterval(()=>{f?.closed&&(v(),t.onClose());},600));}),l.addEventListener("mousedown",y=>{if(y.target?.classList.contains("veo-panel-btn"))return;y.preventDefault();let x=y.clientX,w=y.clientY,b=s,E=a;c.style.pointerEvents="none";let S=C=>{s=dt(b+(C.clientX-x),0,Math.max(0,window.innerWidth-r.offsetWidth)),a=dt(E+(C.clientY-w),0,Math.max(0,window.innerHeight-40)),r.style.left=`${s}px`,r.style.top=`${a}px`;},A=()=>{window.removeEventListener("mousemove",S),window.removeEventListener("mouseup",A),c.style.pointerEvents="";};window.addEventListener("mousemove",S),window.addEventListener("mouseup",A);}),h.addEventListener("mousedown",y=>{y.preventDefault(),y.stopPropagation();let x=y.clientX,w=y.clientY,b=r.offsetWidth,E=r.offsetHeight;c.style.pointerEvents="none";let S=C=>{r.style.width=`${dt(b+(C.clientX-x),Ln,window.innerWidth)}px`,r.style.height=`${dt(E+(C.clientY-w),An,window.innerHeight)}px`;},A=()=>{window.removeEventListener("mousemove",S),window.removeEventListener("mouseup",A),c.style.pointerEvents="";};window.addEventListener("mousemove",S),window.addEventListener("mouseup",A);}),{target:()=>f&&!f.closed?f:c.contentWindow,teardown:()=>{v(),f&&!f.closed&&f.close(),e.remove();}}}function dt(t,n,e){return Math.min(Math.max(t,n),e)}function jo(t){let n=t.panelPath??zo,e=new URL(n,t.dashboardOrigin);return e.searchParams.set("veoToken",t.token),e.searchParams.set("veoApp",t.appOrigin),t.guide&&e.searchParams.set("veoGuide",t.guide),e.toString()}var Ko=`
 :host { all: initial; }
 .veo-panel {