https://app.bhuman.ai/assets/createTextToVideoInstance-d3beb8b4.js

1import{d as I,ak as A,i,e as U,G as D,t as x,c as e,S as w,cL as P,a as v,aI as R,k as E,l as z,o as L,E as O,cy as d,cM as N,cN as k,cO as G,b as B,cP as b,y as F,bL as J,aG as W,aF as y,cQ as S,cR as H,cS as K,a_ as Q,cT as Y,b1 as q,cU as X,bU as Z,b4 as ee,h as te,cV as ne}from"./index-583e1410.js";import{S as ie,A as le,U as re,R as ae}from"./index-f3b5b1cd.js";import{C as se}from"./ChevronLeft-0e6ad6c9.js";import{b as ce,g as oe}from"./index-cc9838ad.js";import"./templateSetupFlow-23648bb8.js";import"./Check-5460b0cb.js";import"./VariableMappings-8b370a71.js";import"./Email-49277829.js";import"./campaignSharing-8eeb0150.js";import"./button-495e1a3c.js";import"./privateGuidedSetup-21a4e36c.js";import"./interpolation-0da35f52.js";import"./Trash-67bebf06.js";const de=x('<button class="flex flex-col justify-center items-center text-[13px] gap-1 p-6 rounded-[8px] bg-white border border-[#1d1d1f]/[0.12] h-full"><span></span><p class="font-bold text-center text-[#187ee7]"></p><p class="font-medium text-center text-black"></p></button>'),V=n=>(()=>{const r=de.cloneNode(!0),a=r.firstChild,l=a.nextSibling,u=l.nextSibling;return A(r,"click",n.handleClick,!0),i(a,()=>n.icon),i(l,()=>n.title),i(u,()=>n.children),U(o=>{const h={"cursor-default":n.disabled,"hover:shadow-xl transition-all":!n.disabled},f=!!n.disabled,m=!!n.disabled;return o._v$=D(r,h,o._v$),f!==o._v$2&&l.classList.toggle("text-black/60",o._v$2=f),m!==o._v$3&&u.classList.toggle("text-black/60",o._v$3=m),o},{_v$:void 0,_v$2:void 0,_v$3:void 0}),r})();I(["click"]);const ue=x('<div class="flex flex-col justify-center items-center w-[375px] gap-1 border-gray-200 p-2"><div class="flex items-center justify-center self-stretch"><p class="text-3xl font-semibold text-center text-[#1d1d1f] w-auto"></p></div><p class="text-[15px] text-center text-[#484848]"></p></div>'),fe=n=>(()=>{const r=ue.cloneNode(!0),a=r.firstChild,l=a.firstChild,u=a.nextSibling;return i(a,e(w,{get when(){return n.backIcon},get children(){return e(se,{get onClick(){return n.handleClick},"stroke-width":"2"})}}),l),i(l,()=>n.title),i(a,e(w,{get when(){return n.editIcon},get children(){return e(P,{"stroke-width":"2.5",class:"w-5 h-5 cursor-pointer"})}}),null),i(u,()=>n.children),r})(),ge=x(`<section class="flex flex-col items-center gap-4"><div class="text-[#1d1d1f] text-3xl font-bold font-['Inter']">Finalize your script</div><div class="text-[#646464] text-[17px] font-medium font-['Inter']">This is what the person will say in the video</div><textarea class="w-[753px] h-[452px] flex-col justify-start
2       items-start gap-1 inline-flex p-4 outline-none border rounded-md"></textarea><div class="w-[504px] h-11 px-4 py-3 bg-[#1d1d1f] rounded-2xl justify-center items-center gap-2.5 inline-flex cursor-pointer"></div></section>`),xe=x(`<div class="text-center text-white text-[15px] font-semibold font-['Inter'] leading-tight">Continue</div>`),he=n=>{const[r,a]=v(n.script());return(()=>{const l=ge.cloneNode(!0),u=l.firstChild,o=u.nextSibling,h=o.nextSibling,f=h.nextSibling;return h.$$input=m=>{a(m.currentTarget.value)},i(h,r),f.$$click=()=>n.continue(r()),i(f,e(w,{get when(){return n.submitting()},get fallback(){return xe.cloneNode(!0)},get children(){return e(R,{fill:"white"})}})),l})()};I(["input","click"]);const me=x(`<section class="flex flex-col items-center w-full h-full gap-4"><div class="h-9 justify-start items-center gap-2 inline-flex"><div class="text-center text-[#1d1d1f] text-3xl font-semibold font-['Inter']">We’re generating your video</div></div><div class="text-center text-[#646464] text-[17px] font-normal font-['Inter'] leading-relaxed">You can stay on this page or navigate away</div><img src="/Email-when-ready.png" class="w-80 h-80 rounded-full p-4"><section class="flex flex-col gap-8"><div class="text-center text-black text-3xl font-semibold font-['Inter']">We’ll email you when your video is ready.</div><div class="flex justify-center items-center gap-4"><div class="text-center text-black text-3xl font-normal font-['Inter']">ETA: 12 minutes</div></div></section><section class="flex gap-4 pt-12"><div class="text-center text-black text-xl font-semibold font-['Inter']">Redirecting to Personalized Videos in</div><div class="flex justify-center items-center gap-4"><div class="text-center text-black text-2xl font-normal font-['Inter']"></div></div></section></section>`),pe=()=>{const[n,r]=v(10);E();let a;return z(()=>{a=setInterval(()=>{r(l=>l-1),n()},1e3)}),L(()=>{clearInterval(a)}),(()=>{const l=me.cloneNode(!0),u=l.firstChild,o=u.nextSibling,h=o.nextSibling,f=h.nextSibling,m=f.firstChild,p=m.nextSibling;p.firstChild;const C=f.nextSibling,_=C.firstChild,t=_.nextSibling,g=t.firstChild;return i(p,e(R,{}),null),i(g,n),l})()},ve=x('<div class="flex items-center"><div class="shrink cursor-pointer"></div></div>'),_e=x('<section class="h-[100px] flex items-center justify-center gap-6"></section>'),$e=x('<div class="flex justify-start items-center flex-col w-auto h-auto gap-10 mt-32"></div>

2'),T=x('<div class="flex justify-start items-center flex-col w-full h-auto gap-10 mt-32"></div>'),we=x('<div class="flex items-start justify-center h-full w-full overflow-x-hidden"></div>'),be=x('<div class="h-full w-full"></div>'),[De,ye]=v(0),[s,c]=v(0),[j,Se]=v(!1);function Ce(){O();const[n,r]=v(!1),[a,l]=v(),[u,o]=v(),[h,f]=v(!1),m=localStorage.getItem("VideoInstance.serializedSignals"),p=m?JSON.parse(m):null;z(()=>{d?.id||N()}),L(()=>{ye(0),c(0),N(),localStorage.removeItem("VideoInstance.serializedSignals")}),k(p?.instance??{}),o(p?.mode?"ADVANCED":void 0),l(p?.videoMethods??void 0),G(p?.script??""),c(p?.currentStep??0),Se(p?.videoConfig??!1);const C=B(()=>({mode:u(),instance:d,videoMethods:a(),script:b(),currentStep:s(),videoConfig:j()}));return F(J([()=>d.id,a,u,b,s,j],()=>{const _=C();localStorage.setItem("VideoInstance.serializedSignals",JSON.stringify(_)),console.log(s())})),E(),(()=>{const _=we.cloneNode(!0);return i(_,e(ie,{get steps(){return[{name:"Instance Name",active:s()===0,checked:!!d?.id,handleClick:()=>{c(0)}},{name:"Video",active:s()===1,checked:!!d?.video_id||s()>=1,handleClick:()=>{c(1)}},{name:"Script Generation",active:s()===2,checked:!!b()||s()>=2,handleClick:()=>{c(2)}},{name:"Finalize Script",active:s()===3,checked:!!b()||s()>=3,handleClick:()=>{c(3)}},{name:"Result",active:s()===4,checked:!!d?.voice_config,handleClick:()=>{c(4)}}]},fixed:!0}),null),i(_,e(ne,{get children(){return e(W,{get children(){return[e(y,{get when(){return s()===0},get children(){return e(S.div,{initial:{opacity:0}

2,animate:{opacity:1},exit:{opacity:0,transition:{duration:0}},transition:{duration:.2,easing:"ease-in-out"},class:"flex justify-center items-center flex-col w-full h-full overflow-hidden gap-10",get children(){return e(le,{namePlaceholder:"New Template",get name(){return d.name},subtitle:"Select Voice and Video for this instance",get editing_name(){return ce.editing_name},get show_options(){return!!d.id},onNameInput:t=>{k({...d,name:t})},onNameSubmit:async()=>{r(!0);try{r(!0);const t=await H.create({name:d.name,folder_id:K.id,text_to_video:!0});k({...t.result}),c(1),r(!1)}catch(t){console.log(t),r(!1)}finally{r(!1)}},get children(){return e(Q,{handleClick:async()=>{c(1)},children:"Take me there"})}})}})}}),e(y,{get when(){return s()===1},get children(){return e(w,{get when(){return!a()},get fallback(){return(()=>{const t=be.cloneNode(!0);return i(t,e(w,{get when(){return a()==="UPLOAD"},get children(){return e(S.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,easing:"ease-in-out"},class:"flex justify-center items-center flex-col w-full h-full overflow-hidden gap-10",get children(){return e(re,{mode:u,textToVideo:!0,setVideoMethods:g=>l(g),onUploadSuccess:()=>{c(2),Y([])}})}})}}),null),i(t,e(w,{get when(){return a()==="RECORD"},get children(){return e(S.div,{initial:{opacity:0}

2,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,easing:"ease-in-out"},class:"flex justify-center items-center flex-col w-full h-full overflow-hidden gap-10",get children(){const g=T.cloneNode(!0);return i(g,e(ae,{onCancel:()=>{},bottomText:"Start talking after the beep",outlineType:"RED"})),g}})}}),null),t})()},get children(){return e(S.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{duration:0}},transition:{duration:.2,easing:"ease-in-out"},class:"flex flex-col justify-center items-center w-full h-full overflow-hidden gap-10",get children(){return[(()=>{const t=ve.cloneNode(!0),g=t.firstChild;return g.$$click=()=>{c($=>$-1)},i(g,e(q,{class:"w-full"})),i(t,e(fe,{handleClick:()=>{c($=>$-1)},get title(){return d?.name},children:"Select video option"}),null),t})(),(()=>{const t=_e.cloneNode(!0);return i(t,e(V,{handleClick:()=>{l("RECORD")},disabled:!0,children:"Record Video"}),null),i(t,e(V,{handleClick:()=>{l("UPLOAD"),o("ADVANCED")},children:"Upload Video"}),null),t})()]}})}})}}),e(y,{get when(){return s()==2},get children(){return e(S.div,{initial:{opacity:0}

2,animate:{opacity:1},exit:{opacity:0,transition:{duration:0}},transition:{duration:.2,easing:"ease-in-out"},class:"flex justify-center items-center flex-col w-full h-full overflow-hidden gap-10",get children(){return e(X,{handleSkipClick:()=>{c(3)},preview:!1,handleScriptChange:()=>{c(3)},backButtonClick:()=>{c(1)}})}})}}),e(y,{get when(){return s()==3},get children(){const t=$e.cloneNode(!0);return i(t,e(he,{script:b,continue:async g=>{try{f(!0);const $=`s3://${Z}/${d.video_url}`,M=ee($);await oe({text:[g],video_url:M,name:d?.name,template_id:d?.id})}catch($){te.error($.message)}finally{f(!1)}c(4)},submitting:h})),t}}),e(y,{get when(){return s()==4},get children(){const t=T.cloneNode(!0);return i(t,e(pe,{})),t}})]}})}}),null),_})()}I(["click"]);const Pe=()=>e(Ce,{});export{Pe as default};