https://starc.ai/_next/static/chunks/pages/user/[uid]/settings/manage-videos-f3956634-58dea5316c6e8bee.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6339],{28081:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/[uid]/settings/manage-videos",function(){return o(15196)}])},71513:function(e,t,o){"use strict";var i=o(82729),r=o(85893),s=o(70917),n=o(94720),l=o(76555),a=o(74332),d=o(90525),c=o(57747),u=o(48783),p=o(71293),h=o(34292),g=o(36948),x=o(24880),v=o(65040),f=o(49289),m=o(14225),b=o(67294),w=o(61337),j=o(39828),y=o(52330),k=o(11163),S=o(34273);function z(){let e=(0,i._)(["\n  0% { opacity: 0.6; transform: scale(0.98); }\n  50% { opacity: 1; transform: scale(1); }\n  100% { opacity: 0.6; transform: scale(0.98); }\n"]);return z=function(){return e},e}function A(){let e=(0,i._)(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"]);return A=function(){return e},e}(0,s.F4)(z());let R=(0,s.F4)(A());t.Z=e=>{let{isOpen:t,onClose:o,postId:i,contentType:s="movieOnly"}=e,[z,A]=(0,b.useState)(""),[C,E]=(0,b.useState)(""),[W,_]=(0,b.useState)([{id:"upload",title:"File Upload",icon:w.ZAz,status:"active",progress:0,webhookEvents:[],details:["Uploading video file to servers..."]},{id:"processing",title:"Video Processing",icon:w.A8H,status:"pending",webhookEvents:[],details:["Waiting for upload to complete..."]},{id:"ready",title:"Ready to View",icon:w.LEv,status:"pending",webhookEvents:[],details:["Waiting for processing to complete..."]}]),[U,D]=(0,b.useState)(null),M=(0,b.useRef)(Date.now());(0,n.p)();let P=(0,k.useRouter)(),{firestoreUser:F}=(0,S.Z)();(0,b.useEffect)(()=>{if(!i)return;M.current=Date.now();let e=(0,j.cf)((0,j.JU)(y.RZ,"posts",i),e=>{var t,o,i,r,s,n,l,a,d,c,u,p,h,g,x,v,f,m,b,w;if(!e.exists())return;let j=e.data();A((null===(t=j.content)||void 0===t?void 0:t.title)||"Video Upload"),E((null===(o=j.media)||void 0===o?void 0:o.thumbnailURL)||"");let y=0,k=(null===(i=j.uploadProgress)||void 0===i?void 0:i.movie)||0,S=(null===(r=j.uploadProgress)||void 0===r?void 0:r.trailer)||0;y=Math.min(Math.max(y=(null===(s=j.content)||void 0===s?void 0:s.contentState)==="trailerOnly"?S:(null===(n=j.content)||void 0===n?void 0:n.contentState)==="movieWithTrailer"?Math.max(k,S):k,0),100);let z=null===(a=j.metadata)||void 0===a?void 0:null===(l=a.core)||void 0===l?void 0:l.status,R=null===(c=j.metadata)||void 0===c?void 0:null===(d=c.core)||void 0===d?void 0:d.lastWebhookType;null===(p=j.metadata)||void 0===p||null===(u=p.core)||void 0===u||u.lastWebhookAt;let C=(null===(g=j.metadata)||void 0===g?void 0:null===(h=g.core)||void 0===h?void 0:h.autoRetryCount)||0,W=null===(v=j.metadata)||void 0===v?void 0:null===(x=v.core)||void 0===x?void 0:x.autoRetryReason,U=null===(m=j.metadata)||void 0===m?void 0:null===(f=m.processing)||void 0===f?void 0:f.movie,M=null===(w=j.metadata)||void 0===w?void 0:null===(b=w.processing)||void 0===b?void 0:b.trailer,P=[];R&&P.push(R),_(e=>{let t=[...e],o=t[0];if(o.progress=y,o.webhookEvents=P.filter(e=>e.includes("upload")),100===y)o.status="complete",o.details=["File upload completed successfully","Received webhook: ".concat(P.find(e=>e.includes("upload"))||"upload.created")];else if(y>0){var i;o.status="active",o.details=["Uploading... ".concat(y,"%"),"File size: ".concat((null===(i=j.content)||void 0===i?void 0:i.fileSize)?Math.round(j.content.fileSize/1048576)+" MB":"Unknown")]}else o.status="active",o.details=["Initializing upload..."];let r=t[1];if(r.webhookEvents=P.filter(e=>e.includes("asset")),"error"===z)r.status="error",r.details=["Processing failed",(null==U?void 0:U.error)||(null==M?void 0:M.error)||"Unknown error"];else if("ready"===z)r.status="complete",r.details=["Video processing completed","Asset created and optimized","Received webhook: ".concat(P.find(e=>e.includes("asset.ready"))||"asset.ready")];else if("processing"===z||100===y){r.status="active";let e=["Processing video..."];P.includes("video.asset.created")?e.push("✓ Asset created successfully"):P.includes("video.upload.asset_created")?e.push("✓ Upload linked to asset"):100===y&&e.push("⏳ Waiting for asset creation..."),C>0&&(e.push("\uD83D\uDD04 Auto-retry #".concat(C,": ").concat(W||"Retrying upload")),r.autoRetryCount=C),r.details=e}else r.status="pending",r.details=["Waiting for upload to complete..."];let s=t[2];return s.webhookEvents=P.filter(e=>e.includes("ready")),"ready"===z?(s.status="complete",s.details=["Video is ready to view!","Playback URLs generated","Available for streaming"]):"processing"===z?(s.status="pending",s.details=["Preparing for playback..."]):(s.status="pending",s.details=["Waiting for processing to complete..."]),t}),"error"===z?D((null==U?void 0:U.error)||(null==M?void 0:M.error)||"An error occurred during processing"):D(null)},e=>{console.error("Error monitoring upload progress:",e),D("Failed to monitor upload progress")});return()=>e()},[i]);let I=e=>"complete"===e.status?w.cfq:"error"===e.status?w.R5A:(e.status,e.icon),O=()=>{o()},V=W.every(e=>"complete"===e.status),B=W.some(e=>"error"===e.status)||U;return(0,r.jsxs)(l.u_,{isOpen:t,onClose:O,closeOnOverlayClick:!0,closeOnEsc:!0,isCentered:!0,motionPreset:"scale",size:"lg",children:[(0,r.jsx)(a.Z,{backdropFilter:"blur(8px)",bg:"rgba(0,0,0,0.8)"}),(0,r.jsxs)(d.h,{bg:"rgba(8, 8, 13, 0.95)",border:"1px solid",borderColor:"whiteAlpha.200",borderRadius:"xl",maxW:"600px",mx:4,boxShadow:"0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.1)",overflow:"hidden",position:"relative",children:[(0,r.jsx)(c.xu,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",bgGradient:V?"radial(circle at 70% 20%, rgba(72, 187, 120, 0.15), transparent 60%)":B?"radial(circle at 70% 20%, rgba(229, 62, 62, 0.15), transparent 60%)":"radial(circle at 70% 20%, rgba(66, 153, 225, 0.1), transparent 60%)",pointerEvents:"none",zIndex:"0"}),(0,r.jsx)(c.xu,{p:6,position:"relative",zIndex:"1",children:(0,r.jsxs)(u.g,{spacing:6,align:"stretch",children:[(0,r.jsxs)(c.xu,{textAlign:"center",children:[(0,r.jsx)(p.x,{fontSize:"xl",fontWeight:"bold",color:"white",mb:2,children:z}),(0,r.jsxs)(p.x,{fontSize:"sm",color:"whiteAlpha.600",children:["Upload started ",(()=>{let e=Math.floor((Date.now()-M.current)/1e3);return e<60?"".concat(e,"s"):e<3600?"".concat(Math.floor(e/60),"m ").concat(e%60,"s"):"".concat(Math.floor(e/3600),"h ").concat(Math.floor(e%3600/60),"m")})()," ago"]})]}),C&&(0,r.jsx)(c.xu,{alignSelf:"center",children:(0,r.jsx)(c.xu,{width:"120px",height:"68px",borderRadius:"md",overflow:"hidden",boxShadow:"0 4px 12px rgba(0,0,0,0.3)",border:"1px solid",borderColor:"whiteAlpha.200",children:(0,r.jsx)(c.xu,{as:"img",src:C,alt:z,width:"100%",height:"100%",objectFit:"cover"})})}),(0,r.jsx)(u.g,{spacing:4,align:"stretch",children:W.map((e,t)=>(0,r.jsxs)(c.xu,{children:[(0,r.jsxs)(h.U,{spacing:4,align:"flex-start",children:[(0,r.jsxs)(c.xu,{width:"40px",height:"40px",borderRadius:"full",bg:"active"===e.status?"blue.500":"complete"===e.status?"green.500":"error"===e.status?"red.500":"gray.600",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,position:"relative",children:[(0,r.jsx)(g.J,{as:I(e),boxSize:5,color:"white",animation:"active"===e.status?"".concat(R," 2s linear infinite"):void 0}),e.autoRetryCount&&e.autoRetryCount>0&&(0,r.jsx)(x.C,{position:"absolute",top:"-8px",right:"-8px",fontSize:"xs",colorScheme:"orange",borderRadius:"full",minW:"20px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",children:e.autoRetryCount})]}),(0,r.jsxs)(c.xu,{flex:"1",minW:"0",children:[(0,r.jsxs)(h.U,{justify:"space-between",align:"center",mb:2,children:[(0,r.jsx)(p.x,{fontSize:"md",fontWeight:"semibold",color:"complete"===e.status?"green.300":"active"===e.status?"blue.300":"error"===e.status?"red.300":"gray.400",children:e.title}),"upload"===e.id&&void 0!==e.progress&&(0,r.jsxs)(p.x,{fontSize:"sm",color:"whiteAlpha.700",fontWeight:"medium",children:[e.progress,"%"]})]}),"upload"===e.id&&void 0!==e.progress&&(0,r.jsx)(v.E,{value:e.progress,size:"sm",borderRadius:"full",bg:"whiteAlpha.100",mb:3,sx:{"& > div":{background:"complete"===e.status?"linear-gradient(to-r, #48BB78, #38A169)":"linear-gradient(to-r, #4299E1, #3182CE)",transition:"width 0.3s ease-in-out"}}}),(0,r.jsx)(u.g,{spacing:1,align:"flex-start",children:e.details.map((e,t)=>(0,r.jsx)(p.x,{fontSize:"sm",color:e.includes("✓")?"green.300":e.includes("⏳")?"yellow.300":e.includes("\uD83D\uDD04")?"orange.300":"whiteAlpha.700",children:e},t))}),e.webhookEvents.length>0&&(0,r.jsx)(h.U,{spacing:2,mt:2,flexWrap:"wrap",children:e.webhookEvents.map((e,t)=>(0,r.jsx)(x.C,{size:"sm",colorScheme:"blue",variant:"subtle",fontSize:"xs",children:e.split(".").pop()},t))})]})]}),t<W.length-1&&(0,r.jsx)(c.xu,{width:"2px",height:"20px",bg:"complete"===e.status?"green.500":"gray.600",ml:"19px",mt:2})]},e.id))}),U&&(0,r.jsx)(c.xu,{p:4,bg:"rgba(254, 178, 178, 0.1)",borderRadius:"md",borderLeft:"4px solid",borderColor:"red.400",children:(0,r.jsx)(p.x,{color:"red.300",fontSize:"sm",children:U})}),(0,r.jsx)(f.i,{borderColor:"whiteAlpha.200"}),(0,r.jsxs)(h.U,{spacing:4,justify:"center",children:[V&&(0,r.jsx)(m.z,{onClick:()=>{P.push("/watch/".concat(i))},bgGradient:"linear(to-r, #48BB78, #38A169)",color:"white",px:8,h:"44px",borderRadius:"full",_hover:{bgGradient:"linear(to-r, #38A169, #2F855A)",transform:"translateY(-1px)",boxShadow:"0 4px 12px rgba(0,0,0,0.2)"},transition:"all 0.2s",leftIcon:(0,r.jsx)(g.J,{as:w.LEv,boxSize:5}),children:"Watch Video"}),(0,r.jsx)(m.z,{onClick:O,variant:"ghost",color:"whiteAlpha.800",h:"44px",px:6,borderRadius:"full",_hover:{bg:"whiteAlpha.100"},children:V?"Close":"Minimize"})]}),!V&&!B&&(0,r.jsx)(p.x,{fontSize:"xs",color:"whiteAlpha.500",textAlign:"center",children:"You can close this window - the upload will continue in the background"})]})})]})]})}}}]);