https://vid.ai/_next/static/chunks/4759.4e1d674f5de9dfed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4759],{88992:function(e,s,t){t.d(s,{rL:function(){return m},kf:function(){return p}});var i=t(85893),r=t(67294),n=t(50100);let a=new Set,l=e=>e instanceof Error?e:Error("string"==typeof(null==e?void 0:e.message)?e.message:String(null!=e?e:"Unknown preview error")),d=()=>{try{return new URLSearchParams(window.location.search).get("id")||void 0}catch(e){return}},c=function(e){var s,t;let{tool:i,projectId:r}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=l(e),x="".concat(i||"unknown","|").concat(c.name,"|").concat(c.message);if(a.has(x))return!1;a.add(x);let o={source:"remotion-player",tool:i||"unknown",projectId:r||d(),path:null===(s=window.location)||void 0===s?void 0:s.pathname,errorMessage:String(c.message).slice(0,500),errorStack:c.stack?String(c.stack).slice(0,4e3):void 0};try{"function"==typeof(null===(t=window.posthog)||void 0===t?void 0:t.captureException)?window.posthog.captureException(c,o):(0,n.n7)("$exception",{$exception_message:o.errorMessage,$exception_type:c.name,...o})}catch(e){}return!0},x=(e,s)=>{if(!e||"function"!=typeof e.addEventListener)return()=>{};let t=e=>{var t;return c(null==e?void 0:null===(t=e.detail)||void 0===t?void 0:t.error,s)};return e.addEventListener("error",t),()=>{var s;return null===(s=e.removeEventListener)||void 0===s?void 0:s.call(e,"error",t)}},o=e=>{let{unit:s}=e,t=Math.max(24,Math.round(s/24));return(0,i.jsxs)("div",{role:"alert",style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:Math.round(.5*t),padding:t,background:"#09090b",color:"#a1a1aa",textAlign:"center",fontFamily:"inherit"},children:[(0,i.jsx)("p",{style:{margin:0,fontSize:t,fontWeight:600,color:"#fafafa"},children:"The preview couldn't load."}),(0,i.jsx)("p",{style:{margin:0,fontSize:Math.round(.8*t)},children:"Refresh the page to try again."}),(0,i.jsx)("button",{type:"button",onPointerDown:e=>e.stopPropagation(),onClick:()=>window.location.reload(),style:{marginTop:Math.round(.4*t),padding:"".concat(Math.round(.35*t),"px ").concat(t,"px"),fontSize:Math.round(.75*t),fontWeight:600,color:"#fff",background:"#2563eb",border:0,borderRadius:Math.round(.4*t),cursor:"pointer"},children:"Refresh"})]})},m=function(){let{tool:e,projectId:s,compositionWidth:t=1080,compositionHeight:r=1080}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Math.min(Number(t)||1080,Number(r)||1080);return t=>{let{error:r}=t;return c(r,{tool:e,projectId:s}),(0,i.jsx)(o,{unit:n})}},p=function(e){let{tool:s,projectId:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=!(arguments.length>2)||void 0===arguments[2]||arguments[2];(0,r.useEffect)(()=>{if(i)return x(null==e?void 0:e.current,{tool:s,projectId:t})},[i,e,s,t])}},74759:function(e,s,t){t.r(s),t.d(s,{FakeTextPlayer:function(){return m}});var i=t(85893),r=t(11801),n=t(67294),a=t(61258),l=t(4307),d=t(63594),c=t(93373);let x=e=>{var s,t,r,n;let{chatData:x,batchSize:o,showChatsOnce:m,receiversProfilePicture:p,receiversName:u,deviceTheme:h,backgroundVideo:j,backgroundAudio:v,backgroundAudioVolume:g}=e,{fps:f}=(0,c.rf)(),N=x&&x.reduce((e,s,t)=>{let i=e[t-1]||0;return e.push(i+s.duration),e},[]),w=[];for(let e=0;e<(null==x?void 0:x.length);e+=o)w.push(x.slice(e,e+o));return(0,i.jsx)("div",{children:(0,i.jsxs)(c.hU,{children:[j&&(0,i.jsx)(c.hU,{children:(0,i.jsx)(c.EB,{src:j,volume:0,muted:!0,loop:!0})}),v&&(0,i.jsx)(c.Md,{src:v,volume:g/100}),x.map((e,s)=>"text"===e.type&&e.narrationLink&&(0,i.jsx)(c.T9,{from:N[s-1]*f||0,durationInFrames:e.duration*f,children:(0,i.jsx)(c.Md,{src:e.narrationLink,pauseWhenBuffering:!0})},s)),"one-light"===h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.hU,{className:"mt-[200px] w-[900px] flex items-center text-[35px] mx-auto",children:(0,i.jsx)("div",{className:"w-[900px]",children:(0,i.jsxs)("div",{className:"flex flex-row justify-between p-2 rounded-t-xl bg-slate-50",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(a.Z,{className:"text-blue-400",size:60})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsxs)("div",{className:"w-[80px] h-[80px]",children:[!p&&(0,i.jsx)("div",{className:"bg-gray-600 items-center flex justify-center p-3 rounded-full w-[80px] h-[80px]",children:(0,i.jsx)("p",{className:"text-white",children:null==u?void 0:null===(t=u.split(" "))||void 0===t?void 0:null===(s=t.map(e=>{var s;return null===(s=e[0])||void 0===s?void 0:s.toUpperCase()}))||void 0===s?void 0:s.join("")})}),p&&(0,i.jsx)("div",{children:(0,i.jsx)(c.Ei,{src:p,className:"w-[80px] h-[80px] rounded-full"})})]})}),(0,i.jsxs)("div",{className:"flex flex-row items-center gap-x-2 text-blue-400",children:[(0,i.jsx)("div",{children:(0,i.jsx)("p",{children:u})}),(0,i.jsx)("div",{children:(0,i.jsx)(l.Z,{className:"text-blue-400",size:35})})]})]}),(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(d.Z,{className:"text-blue-400 mr-4",size:60})})]})})}),(0,i.jsx)(c.hU,{className:"mt-[340px]",children:w.map((e,s)=>(0,i.jsx)(c.T9,{from:0===s?0:w.slice(0,s).flat().reduce((e,s)=>e+s.duration,0)*f,durationInFrames:e.reduce((e,s)=>e+s.duration*f,0),children:(0,i.jsxs)("div",{className:"w-[900px] ml-[90px]",children:[!m&&e.map((s,t)=>(0,i.jsx)(c.T9,{from:e.slice(0,t).reduce((e,s)=>e+s.duration*f,0),durationInFrames:e.slice(0,t+1).reduce((e,s)=>e+s.duration*f,0),children:(0,i.jsx)("div",{className:"bg-white ml-[90px] w-[900px] text-[30px] p-4 h-fit roun

1ded-bl-xl rounded-br-xl",children:e.slice(0,t+1).map((e,s)=>(0,i.jsxs)(i.Fragment,{children:["receiver"===e.origin&&(0,i.jsxs)("div",{className:"bg-gray-300 w-fit max-w-[800px] p-3 text-black rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] left-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-light-receiver.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]}),"sender"===e.origin&&(0,i.jsx)("div",{className:"flex justify-end",children:(0,i.jsxs)("div",{className:"w-fit p-3 max-w-[800px] text-white bg-blue-500 rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] right-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-light-sender.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]})})]}))},t)})),m&&(0,i.jsx)("div",{className:"bg-white w-[900px] text-[30px] p-4 h-fit rounded-bl-xl rounded-br-xl",children:e.map((e,s)=>(0,i.jsxs)(i.Fragment,{children:["receiver"===e.origin&&(0,i.jsxs)("div",{className:"bg-gray-300 w-fit max-w-[800px] p-3 text-black rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] left-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-light-receiver.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]}),"sender"===e.origin&&(0,i.jsx)("div",{className:"flex justify-end",children:(0,i.jsxs)("div",{className:"w-fit p-3 max-w-[800px] text-white bg-blue-500 rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] right-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-light-sender.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]})})]}))})]})},s))})]}),"one-dark"===h&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.hU,{className:"mt-[200px] w-[900px] flex items-center text-[35px] mx-auto",children:(0,i.jsx)("div",{className:"w-[900px]",children:(0,i.jsxs)("div",{className:"flex flex-row justify-between p-2 rounded-t-xl bg-zinc-800",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(a.Z,{className:"text-blue-400",size:60})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsxs)("div",{className:"w-[80px] h-[80px]",children:[!p&&(0,i.jsx)("div",{className:"bg-gray-600 items-center flex justify-center p-3 rounded-full w-[80px] h-[80px]",children:(0,i.jsx)("p",{className:"text-white",children:null==u?void 0:null===(n=u.split(" "))||void 0===n?void 0:null===(r=n.map(e=>{var s;return null===(s=e[0])||void 0===s?void 0:s.toUpperCase()}))||void 0===r?void 0:r.join("")})}),p&&(0,i.jsx)("div",{children:(0,i.jsx)(c.Ei,{src:p,className:"w-[80px] h-[80px] rounded-full"})})]})}),(0,i.jsxs)("div",{className:"flex flex-row items-center gap-x-2 text-blue-400",children:[(0,i.jsx)("div",{children:(0,i.jsx)("p",{children:u})}),(0,i.jsx)("div",{children:(0,i.jsx)(l.Z,{className:"text-blue-400",size:35})})]})]}),(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(d.Z,{className:"text-blue-400 mr-4",size:60})})]})})}),(0,i.jsx)(c.hU,{className:"mt-[340px]",children:w.map((e,s)=>(0,i.jsx)(c.T9,{from:0===s?0:w.slice(0,s).flat().reduce((e,s)=>e+s.duration,0)*f,durationInFrames:e.reduce((e,s)=>e+s.duration*f,0),children:(0,i.jsxs)("div",{className:"w-[900px] ml-[90px]",children:[!m&&e.map((s,t)=>(0,i.jsx)(c.T9,{from:e.slice(0,t).reduce((e,s)=>e+s.duration*f,0),durationInFrames:e.slice(0,t+1).reduce((e,s)=>e+s.duration*f,0),children:(0,i.jsx)("div",{className:"bg-zinc-900 ml-[90px] w-[900px] text-[30px] p-4 h-fit roun

1ded-bl-xl rounded-br-xl",children:e.slice(0,t+1).map((e,s)=>(0,i.jsxs)(i.Fragment,{children:["receiver"===e.origin&&(0,i.jsxs)("div",{className:"bg-zinc-600 w-fit max-w-[800px] p-3 text-white rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] left-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-dark-receiver.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]}),"sender"===e.origin&&(0,i.jsx)("div",{className:"flex justify-end",children:(0,i.jsxs)("div",{className:"w-fit p-3 max-w-[800px] text-white bg-blue-500 rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] right-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-dark-sender.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]})})]}))},t)})),m&&(0,i.jsx)("div",{className:"bg-zinc-900 w-[900px] text-[30px] p-4 h-fit rounded-bl-xl rounded-br-xl",children:e.map((e,s)=>(0,i.jsxs)(i.Fragment,{children:["receiver"===e.origin&&(0,i.jsxs)("div",{className:"bg-zinc-600 text-white w-fit max-w-[800px] p-3 rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] left-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-dark-receiver.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]}),"sender"===e.origin&&(0,i.jsx)("div",{className:"flex justify-end",children:(0,i.jsxs)("div",{className:"w-fit p-3 max-w-[800px] text-white bg-blue-500 rounded-[40px] mt-2 mb-2 relative",children:[(0,i.jsx)("div",{className:"absolute bottom-[-15px] right-[-6px] z-[0]",children:(0,i.jsx)(c.Ei,{src:(0,c.eF)("/assets/remotion/fake-text/one-dark-sender.svg"),className:"h-10"})}),(0,i.jsxs)("div",{className:"".concat("text"===e.type&&"p-1"),children:["text"===e.type&&(0,i.jsx)("p",{children:e.message}),"image"===e.type&&e.imgLink&&(0,i.jsx)(c.Ei,{src:e.imgLink,className:"w-auto h-[200px] rounded-[40px]"})]})]})})]}))})]})},s))})]})]})})};var o=t(88992);let m=e=>{let{chatData:s,showChatsOnce:t,receiversProfilePicture:a,receiversName:l,deviceTheme:d,backgroundVideo:c,backgroundAudio:m,backgroundAudioVolume:p,durationInFrames:u=120,width:h=1080,height:j=1920,fps:v=30,batchSize:g=10}=e,f=(0,n.useRef)(null),N=(0,n.useMemo)(()=>(0,o.rL)({tool:"fake-text",compositionWidth:h,compositionHeight:j}),[h,j]);return(0,o.kf)(f,{tool:"fake-text"}),(0,i.jsx)(r.J5,{acknowledgeRemotionLicense:!0,component:x,durationInFrames:u,compositionWidth:h,compositionHeight:j,fps:v,autoPlay:!0,initiallyMuted:!0,showPlaybackRateControl:!0,controls:!0,style:{width:"100%"},inputProps:{chatData:s,batchSize:g,showChatsOnce:t,receiversProfilePicture:a,receiversName:l,deviceTheme:d,backgroundVideo:c,backgroundAudio:m,backgroundAudioVolume:p},ref:f,errorFallback:N})}}}]);