https://app.deal.ai/_next/static/chunks/pages/ai-spokesperson-2368be75a5d26514.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40783],{77469:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ai-spokesperson",function(){return a(34887)}])},95780:function(e,t,a){"use strict";a.d(t,{z:function(){return i}});var s=a(28598),r=a(82684);const i=r.forwardRef(((e,t)=>{let{className:a,variant:i="default",size:n="default",asChild:o=!1,...l}=e;const{children:c,type:d,...u}=l,m="inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ".concat((()=>{switch(i){case"outline":return"border border-gray-300 bg-white text-gray-800 hover:bg-gray-50";case"ghost":return"bg-transparent text-gray-800 hover:bg-gray-100";default:return"bg-primary text-white hover:bg-primary/90"}})()," ").concat((()=>{switch(n){case"sm":return"h-8 px-3 text-xs";case"lg":return"h-12 px-6 text-base";case"icon":return"h-9 w-9 p-0";default:return"h-10 px-4 text-sm"}})()," ").concat(a||"");if(o&&r.isValidElement(c)){const e=c,a=e.props&&e.props.className||"";return r.cloneElement(e,{className:"".concat(m," ").concat(a).trim(),ref:t,...u})}return(0,s.jsx)("button",{type:d||"button",className:m,ref:t,...u,children:c})}));i.displayName="Button"},9918:function(e,t,a){"use strict";a.d(t,{a:function(){return r}});var s=a(28598);a(82684);const r=e=>{let{size:t="medium",className:a}=e;return(0,s.jsx)("div",{className:"flex items-center justify-center ".concat(a||""),children:(0,s.jsx)("div",{className:"animate-spin rounded-full border-2 border-gray-300 border-t-primary ".concat((()=>{switch(t){case"small":return"w-4 h-4";case"large":return"w-10 h-10";default:return"w-6 h-6"}})())})})}},34887:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return P}});var s=a(28598),r=a(82684),i=a(81385),n=a(62593),o=a(1887),l=a.n(o),c=a(12691),d=a.n(c),u=a(23708),m=a(44209),p=a(95780),x=a(9918),y=a(65898),h=a(34376),f=a(80811),g=a(8894),v=a.n(g),b=a(42957),j=a(68015),N=a(38178),w=a(51774);const E=a.n(w)()((()=>Promise.all([a.e(77069),a.e(4491)]).then(a.bind(a,4491))),{loadableGenerated:{webpack:()=>[4491]},ssr:!1}),k={PROCESSING:{initial:{opacity:0}

1,animate:{opacity:1,transition:{duration:.3}},children:{initial:{opacity:0,scale:.8},animate:{opacity:[.5,1,.5],scale:[.8,1,.8],transition:{duration:2,repeat:1/0,ease:"easeInOut"}}}},PENDING:{initial:{opacity:0},animate:{opacity:1,transition:{duration:.3}},children:{initial:{y:10,opacity:0},animate:{y:[0,-5,0],opacity:1,transition:{y:{duration:2,repeat:1/0,ease:"easeInOut"},opacity:{duration:.3}}}}}},C=()=>{const{t:e}=(0,i.$G)(),t=(0,h.useRouter)(),{isWhitelabel:a,whitelabelOverride:n}=(0,u.y)(),{data:o,isLoading:c}=(0,m.K5)(),[g]=(0,m.xN)(),[j,N]=r.useState(null),w=a?n?n.title||e("AI Spokesperson"):"":e("AI Spokesperson");return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l(),{children:(0,s.jsx)("title",{children:a&&n?n.title:e("AI Spokesperson")})}),(0,s.jsx)(y.E.div,{initial:{opacity:0},animate:{opacity:1},className:"min-h-[calc(100vh-64px)] bg-white ugc-creator-page",children:(0,s.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 py-8",children:[(0,s.jsxs)(y.E.div,{initial:{y:-20,opacity:0},animate:{y:0,opacity:1},transition:{duration:.5},className:"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 sm:gap-0 mb-8",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("h1",{className:"text-2xl sm:text-3xl font-bold tracking-tight text-gray-900",children:w}),(0,s.jsx)("p",{className:"text-sm sm:text-base text-muted-foreground text-gray-600",children:e("Create engaging user-generated content in minutes")})]}),(0,s.jsx)(y.E.div,{whileHover:{scale:1.05},whileTap:{scale:.95},className:"w-full sm:w-auto",children:(0,s.jsx)(p.z,{asChild:!0,className:"w-full sm:w-auto wl-hook-sp-create-btn",children:(0,s.jsx)(d(),{href:"/ai-spokesperson/create",children:e("Create New Project")})})})]}),(0,s.jsx)(y.E.h2,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.2},className:"mb-6 text-xl font-semibold text-gray-900",children:e("Recent Projects")}),c?(0,s.jsx)(y.E.div,{initial:{opacity:0},animate:{opacity:1},className:"flex justify-center py-10",children:(0,s.jsx)(x.a,{size:"large"})}):(null===o||void 0===o?void 0:o.length)?(0,s.jsx)("div",{className:"grid gap-6 md:grid-cols-2 lg:grid-cols-3 wl-hook-sp-project-list",children:o.map(((a,r)=>{var i,n;return(0,s.jsxs)(y.E.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1*r},whileHover:"COMPLETED"===a.status?{y:-5,scale:1.02,boxShadow:"0 10px 30px -10px rgba(0,0,0,0.1)"}:{},className:"group bg-white border rounded-lg overflow-hidden shadow-sm transition-all duration-300 ".concat("COMPLETED"===a.status?"hover:border-primary/20":"opacity-80 hover:opacity-90 transition-opacity"," flex flex-col relative"),children:[(0,s.jsxs)(y.E.div,{className:"absolute top-2 right-2 flex items-center gap-2 z-20 bg-white/10 backdrop-blur-sm rounded-full py-1 px-2",initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{delay:.1*r+.2},children:[(0,s.jsx)(y.E.div,{className:"w-2 h-2 rounded-full ".concat("PROCESSING"===a.status?"bg-primary":"PENDING"===a.status?"bg-yellow-400":"FAILED"===a.status?"bg-red-400":"bg-green-400"),animate:"PROCESSING"===a.status||"PENDING"===a.status?{scale:[1,1.2,1],opacity:[1,.7,1]}:{},transition:{duration:1,repeat:1/0}}),(0,s.jsxs)("span",{className:"text-xs text-white/80 font-medium",children:["PROCESSING"===a.status&&e("Processing"),"PENDING"===a.status&&e("Pending"),"FAILED"===a.status&&e("Failed"),"COMPLETED"===a.status&&e("Completed")]})]}),(0,s.jsxs)("div",{className:"aspect-video bg-gray-200 relative overflow-hidden w-full h-48 ".concat("COMPLETED"!==a.status?"cursor-not-allowed":""),onMouseEnter:e=>{if("COMPLETED"!==a.status)return;const t=e.currentTarget.querySelector("video");t&&(t.style.display="block",t.style.opacity="1",t.style.objectFit="contain",t.muted=!0,t.currentTime=0,t.muted=!1,t.volume=.7,t.play().catch((e=>console.error("Video playback failed:",e))));const s=e.currentTarget.querySelector("img");s&&(s.style.opacity="0")},onMouseLeave:e=>{const t=e.currentTarget.querySelector("video");t&&(t.pause(),t.style.opacity="0",t.style.display="none");const a=e.currentTarget.querySelector("img");a&&(a.style.opacity="1")},children:["COMPLETED"!==a.status&&(0,s.jsx)("div",{className:"absolute inset-0 bg-gray-900/60 backdrop-blur-[2px] flex flex-col items-center justify-center z-10",children:(0,s.jsxs)(y.E.div,{className:"text-white text-center",initial:null===(i=k[a.status])||void 0===i?void 0:i.initial,animate:null===(n=k[a.status])||void 0===n?void 0:n.animate,children:["PROCESSING"===a.status&&(0,s.jsxs)(y.E.div,{className:"relative",initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.3},children:[(0,s.jsxs)("div",{className:"relative flex items-center justify-center",children:[(0,s.jsx)(y.E.div,{className:"absolute w-16 h-16 rounded-full border-4 border-primary/20 border-t-primary",animate:{rotate:360},transition:{duration:2,repeat:1/0,ease:"linear"}}),(0,s.jsx)(y.E.div,{className:"absolute w-12 h-12 rounded-full border-4 border-primary/30 border-t-primary",animate:{rotate:-360},transition:{duration:1.5,repeat:1/0,ease:"linear"}}),(0,s.jsx)(y.E.div,{className:"w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center",animate:{scale:[1,1.2,1],opacity:[.7,1,.7]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},children:(0,s.jsx)("div",{className:"w-4 h-4 rounded-full bg-primary"})})]}),(0,s.jsx)(y.E.div,{className:"mt-6 bg-primary/10 backdrop-blur-sm rounded-full px-4 py-2",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.2},children:(0,s.jsx)(y.E.p,{className:"font-medium text-primary text-sm",animate:{opacity:[.7,1,.7]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},children:e("Processing your content...")})}),(0,s.jsx)(y.E.div,{className:"absolute inset-0 rounded-full border-2 border-primary/10",animate:{scale:[1,1.2,1],opacity:[.5,.2,.5]},transition:{duration:2,repeat:1/0,ease:"easeInOut"}})]}),"PENDING"===a.status&&(0,s.jsxs)(y.E.div,{className:"relative",initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.3},children:[(0,s.jsx)("div",{className:"relative flex items-center justify-center mb-4",children:(0,s.jsx)(y.E.div,{className:"w-16 h-16 rounded-full border-4 border-yellow-400/20 flex items-center justify-center",animate:{boxShadow:["0 0 0 0 rgba(250, 204, 21, 0)","0 0 0 15px rgba(250, 204, 21, 0.1)","0 0 0 0 rgba(250, 204, 21, 0)"]},transition:{duration:2,repeat:1/0},children:(0,s.jsx)(y.E.div,{className:"w-8 h-8 rounded-full bg-yellow-400/30 flex items-center justify-center",animate:{scale:[1,1.2,1]},transition:{duration:1.5,repeat:1/0},children:(0,s.jsx)(y.E.div,{className:"w-4 h-4 bg-yellow-400 rounded-full",animate:{opacity:[.5,1,.5]},transition:{duration:1.5,repeat:1/0}})})})}),(0,s.jsx)(y.E.div,{className:"bg-yellow-400/10 backdrop-blur-sm rounded-full px-4 py-2",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.2},children:(0,s.jsx)(y.E.p,{className:"font-medium text-yellow-400 text-sm",animate:{opacity:[.7,1,.7]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},children:e("Waiting to start...")})})]}),"FAILED"===a.status&&(0,s.jsxs)(y.E.div,{initial:{scale:.8,opacity:0}

1,animate:{scale:1,opacity:1},transition:{type:"spring",duration:.5},className:"text-center",children:[(0,s.jsx)("div",{className:"relative mb-4 flex justify-center",children:(0,s.jsx)(y.E.div,{className:"w-12 h-12 rounded-full bg-red-400/20 flex items-center justify-center",animate:{boxShadow:["0 0 0 0 rgba(248, 113, 113, 0)","0 0 0 10px rgba(248, 113, 113, 0.1)","0 0 0 0 rgba(248, 113, 113, 0)"]},transition:{duration:2},children:(0,s.jsx)("svg",{className:"w-6 h-6 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})}),(0,s.jsx)("div",{className:"bg-red-400/10 backdrop-blur-sm rounded-full px-4 py-2",children:(0,s.jsx)("p",{className:"font-medium text-red-400",children:e("Processing failed")})})]})]})}),a.videoUrl&&(0,s.jsx)("video",{src:a.videoUrl,poster:a.avatarImageUrl,className:"w-full h-full object-contain absolute inset-0 transition-transform duration-300 scale-105 group-hover:scale-100",playsInline:!0,preload:"none",style:{display:"none"}}),(0,s.jsx)("img",{src:a.avatarImageUrl||"https://via.placeholder.com/640x360?text=UGC+Video",alt:a.script?a.script.substring(0,30)+"...":"AI Spokesperson Project",className:"w-full h-full object-contain transition-transform duration-300 scale-100 group-hover:scale-105",onError:e=>{e.target.src="https://via.placeholder.com/640x360?text=UGC+Video"}}),(0,s.jsx)("div",{className:"absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-3 text-white transform translate-y-full group-hover:translate-y-0 transition-transform duration-300 bg-gradient-to-t from-black/80 to-transparent",children:(0,s.jsx)("p",{className:"text-sm font-medium",children:e("Hover to preview")})})]}),(0,s.jsxs)("div",{className:"p-4 flex-1 flex flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)("p",{className:"text-xs text-gray-600 line-clamp-3 mb-2",children:a.script}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("p",{className:"text-xs text-gray-500",children:new Date(a.createdAt).toLocaleDateString()}),(0,s.jsx)("span",{className:"w-1 h-1 rounded-full bg-gray-300"}),(0,s.jsx)("p",{className:"text-xs text-gray-500",children:a.aspectRatio||"16:9"})]})]}),(0,s.jsxs)(y.E.div,{className:"flex justify-center gap-2 pt-2 mt-4",whileHover:{scale:"COMPLETED"===a.status?1.05:1},whileTap:{scale:"COMPLETED"===a.status?.95:1},children:[(0,s.jsx)(p.z,{size:"sm",disabled:"COMPLETED"!==a.status,onClick:()=>t.push("/ai-spokesperson/project/".concat(a.id)),className:"w-full transition-all duration-300 ".concat("COMPLETED"===a.status?"bg-gradient-to-r from-primary to-primary/90 hover:from-primary/90 hover:to-primary shadow-md hover:shadow-lg":"bg-gray-400 cursor-not-allowed hover:bg-gray-400/90"," flex items-center justify-center gap-2"),children:"COMPLETED"===a.status?e("View Project"):(0,s.jsx)(y.E.span,{animate:{opacity:[.5,1,.5]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"},children:e("Project Processing...")})}),(0,s.jsx)(p.z,{size:"sm",variant:"ghost",disabled:j===a.id||"COMPLETED"!==a.status&&"FAILED"!==a.status,onClick:async()=>{v().fire({title:e("Are you sure?"),text:e("Are you sure you want to delete this project?"),icon:"warning",reverseButtons:!0,showCancelButton:!0,showCloseButton:!0,confirmButtonColor:"#4361ee",confirmButtonText:e("Yes")}).then((async t=>{if(t.isConfirmed)try{N(a.id),await g(a.id).unwrap(),(0,b.XA)({title:e("Project deleted successfully")})}catch(r){var s;(0,b.Eo)((null===r||void 0===r||null===(s=r.data)||void 0===s?void 0:s.error)||e("Failed to delete project"))}finally{N(null)}}))},className:"text-red-500 hover:text-red-700 hover:bg-red-50 ".concat("COMPLETED"!==a.status&&"FAILED"!==a.status?"opacity-50 cursor-not-allowed":""),children:j===a.id?(0,s.jsx)(x.a,{size:"small",className:"w-4 h-4"}):(0,s.jsx)(f.Z,{className:"w-4 h-4"})})]})]})]},a.id)}))}):(0,s.jsxs)(y.E.div,{initial:{opacity:0,y:20}

1,animate:{opacity:1,y:0},transition:{delay:.2},className:"bg-gray-50 border border-gray-200 rounded-lg p-8 text-center",children:[(0,s.jsx)("h3",{className:"text-lg font-medium mb-2",children:e("No projects yet")}),(0,s.jsx)("p",{className:"text-gray-500 mb-4",children:e("Create your first AI Spokesperson project to get started")}),(0,s.jsx)(y.E.div,{whileHover:{scale:1.05},whileTap:{scale:.95},children:(0,s.jsx)(p.z,{asChild:!0,children:(0,s.jsx)(d(),{href:"/ai-spokesperson/create",children:e("Create New Project")})})})]})]})}),(0,s.jsx)(E,{})]})};C.getLayout=e=>(0,s.jsx)(n.Z,{children:e});var P=!0;t.default=(0,j.Z)(C,N.j$,"ai-platform")},36965:function(e,t,a){"use strict";a.d(t,{Z:function(){return o}});var s=a(82684);const r=(...e)=>e.filter(((e,t,a)=>Boolean(e)&&""!==e.trim()&&a.indexOf(e)===t)).join(" ").trim();var i={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const n=(0,s.forwardRef)((({color:e="currentColor",size:t=24,strokeWidth:a=2,absoluteStrokeWidth:n,className:o="",children:l,iconNode:c,...d},u)=>(0,s.createElement)("svg",{ref:u,...i,width:t,height:t,stroke:e,strokeWidth:n?24*Number(a)/Number(t):a,className:r("lucide",o),...d},[...c.map((([e,t])=>(0,s.createElement)(e,t))),...Array.isArray(l)?l:[l]]))),o=(e,t)=>{const a=(0,s.forwardRef)((({className:a,...i},o)=>{return(0,s.createElement)(n,{ref:o,iconNode:t,className:r(`lucide-${l=e,l.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,a),...i});var l}));return a.displayName=`${e}`,a}},80811:function(e,t,a){"use strict";a.d(t,{Z:function(){return s}});const s=(0,a(36965).Z)("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]])}},function(e){e.O(0,[65898,68015,49774,92888,40179],(function(){return t=77469,e(e.s=t);var t}));var t=e.O();_N_E=t}]);