https://clipchat.ai/dist/assets/SidePanel-DqS7-jwX.js

1var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,n=(t,o,i)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[o]=i,s=(e,t)=>{for(var o in t||(t={}))r.call(t,o)&&n(e,o,t[o]);if(i)for(var o of i(t))a.call(t,o)&&n(e,o,t[o]);return e},l=(e,i)=>t(e,o(i));import{u as d,j as c,aA as x,B as p,cR as h,aV as u,I as b,aw as g,ak as m,T as f,c5 as j,by as y,R as v,c4 as w,ch as S,Y as C,$ as k,a0 as F,ge as z,a4 as A,b3 as O,cO as D,dl as I,aE as M,fR as P}from"./vendor-mui-CBxi4-UE.js";import{a as T}from"./vendor-react-DJCar8wk.js";import{b as W}from"./main-fFbGxLEq.js";import"./index-Cc7IhL_s.js";import"./vendor-utils-hGafao2v.js";const E=T.memo(({item:e,isSelected:t,onSelect:o,onDelete:i,onDragStart:r})=>{const a=d(),[n,C]=T.useState(null),[k,F]=T.useState(!0),[z,A]=T.useState(!0),[O,D]=T.useState(!1);T.useEffect(()=>{"image"===e.type||"video"===e.type?(C(e.url),F(!1),A(!0),D(!1)):(F(!1),A(!1))},[e]);const I=e=>{switch(e){case"image":default:return c.jsx(v,{sx:{fontSize:40}});case"video":return c.jsx(S,{sx:{fontSize:40}});case"audio":return c.jsx(y,{sx:{fontSize:40}});case"text":return c.jsx(w,{sx:{fontSize:40}})}},M=(e=>{switch(e){case"image":return{background:"linear-gradient(to bottom, #2176FF 0%, #1A56C6 100%)",border:"1px solid #4A90E2",boxShadow:"0 2px 4px rgba(33, 118, 255, 0.4)"};case"video":return{background:"linear-gradient(to bottom, #FF5757 0%, #DB3F3F 100%)",border:"1px solid #FF7878",boxShadow:"0 2px 4px rgba(255, 87, 87, 0.4)"};case"audio":return{background:"linear-gradient(to bottom, #FFB302 0%, #DB9700 100%)",border:"1px solid #FFCA45",boxShadow:"0 2px 4px rgba(255, 179, 2, 0.4)"};case"text":return{background:"linear-gradient(to bottom, #1AB059 0%, #158A44 100%)",border:"1px solid #4CAF50",boxShadow:"0 2px 4px rgba(26, 176, 89, 0.4)"};default:return{background:"linear-gradient(to bottom, #888 0%, #666 100%)",border:"1px solid #999",boxShadow:"0 2px 4px rgba(100, 100, 100, 0.4)"}}})(e.type);return c.jsxs(x,{draggable:!e.isUploading,onDragStart:t=>{t.dataTransfer.effectAllowed="copy",r(t,e,"library")},onClick:e.isUploading?void 0:o,sx:{position:"relative",mb:1.5,cursor:e.isUploading?"not-allowed":"grab",transition:"all 0.2s ease",border:"2px solid",borderColor:t?"primary.main":"transparent",boxShadow:t?"0 0 0 4px rgba(33, 150, 243, 0.1)":"0 2px 8px rgba(0,0,0,0.1)","&:hover":{transform:"translateY(-2px)",boxShadow:"0 4px 16px rgba(0,0,0,0.15)",borderColor:t?"primary.main":"divider"},"&:active":{cursor:"grabbing"},overflow:"hidden",opacity:e.isUploading?.8:1},children:[c.jsxs(p,{sx:{position:"relative",paddingTop:"100%",backgroundColor:a.palette.action.hover,overflow:"hidden"},children:[k?c.jsx(h,{variant:"rectangular",sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}}):n?c.jsxs(c.Fragment,{children:[z&&!O&&c.jsx(h,{variant:"rectangular",animation:"pulse",sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",bgcolor:"grey.300","&::after":{background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)"}}}),"video"===e.type?c.jsx(p,{component:"video",src:n,onLoadedData:()=>A(!1),onError:()=>{A(!1),D(!0)},sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",display:O?"none":"block",opacity:z?0:1,transition:"opacity 0.3s ease"}}):c.jsx(p,{component:"img",src:n,alt:e.name,onLoad:()=>{A(!1)},onError:()=>{A(!1),D(!0)},sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",display:O?"none":"block",opacity:z?0:1,transition:"opacity 0.3s ease"}}),O&&c.jsx(p,{sx:l(s({position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},M),{color:"white"}),children:I(e.type)})]}):c.jsx(p,{sx:l(s({position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},M),{color:"white"}),children:I(e.type)}),"video"===e.type&&n&&c.jsx(p,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",backgroundColor:"rgba(0,0,0,0.5)",borderRadius:"50%",width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center"},children:c.jsx(u,{sx:{fontSize:32}})}),!e.isUploading&&i&&c.jsx(b,{"aria-label":"delete",onClick:e=>{e.stopPropagation(),i()},size:"small",sx:{position:"absolute",top:8,right:8,backgroundColor:"rgba(255, 255, 255, 0.9)","&:hover":{backgroundColor:"rgba(255, 255, 255, 1)",color:"error.main"},boxShadow:"0 2px 4px rgba(0,0,0,0.2)"},children:c.jsx(g,{fontSize:"small"})})]}),e.isUploading&&c.jsxs(p,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:"white",zIndex:10},children:[c.jsx(m,{size:40,sx:{color:"white",mb:1},variant:e.uploadProgress?"determinate":"indeterminate",value:e.uploadProgress||0}),c.jsx(f,{variant:"caption",children:e.uploadProgress?`${Math.round(e.uploadProgress)}%`:"Uploading..."})]}),e.uploadFailed&&c.jsx(p,{sx:{position:"absolute",top:8,left:8,backgroundColor:"warning.main",color:"white",borderRadius:1,px:1,py:.5,fontSize:"0.7rem",fontWeight:"bold",boxShadow:"0 2px 4px rgba(0,0,0,0.2)"},children:"LOCAL"}),c.jsx(j,{sx:{p:1,pb:"8px !important"},children:c.jsxs(f,{variant:"caption",color:"text.secondary",sx:{dis

1play:"flex",alignItems:"center",justifyContent:"center",gap:.5},children:[e.duration?`${e.duration.toFixed?e.duration.toFixed(1):e.duration}s`:"text"===e.type?"Text":"...","audio"===e.type&&c.jsx(y,{sx:{fontSize:14}}),"text"===e.type&&e.content&&c.jsx(f,{variant:"caption",sx:{maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.content})]})})]})},(e,t)=>e.item.id===t.item.id&&e.item.name===t.item.name&&e.item.type===t.item.type&&e.item.url===t.item.url&&e.item.duration===t.item.duration&&e.item.content===t.item.content&&e.isSelected===t.isSelected);function R(e){var t=e,{children:o,value:n,index:d}=t,x=((e,t)=>{var o={};for(var n in e)r.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&i)for(var n of i(e))t.indexOf(n)<0&&a.call(e,n)&&(o[n]=e[n]);return o})(t,["children","value","index"]);return c.jsx("div",l(s({role:"tabpanel",hidden:n!==d,id:`media-tabpanel-${d}`,"aria-labelledby":`media-tab-${d}`},x),{children:n===d&&c.jsx(p,{sx:{p:2},children:o})}))}const U=({activeTab:e,onTabChange:t,mediaItems:o,selectedMedia:i,onMediaSelect:r,onAddMedia:a,onAddText:n,onDeleteMedia:s,onUpdateMedia:l,onDragStart:d,uploadingFiles:x})=>{const{t:h}=W("videoStudio");T.useState("");return c.jsxs(C,{sx:{height:"100%",borderRadius:0,borderRight:"1px solid",borderColor:"divider",boxShadow:"none",overflow:"hidden",backgroundColor:"background.paper",display:"flex",flexDirection:"column"},elevation:0,children:[c.jsxs(k,{value:e,onChange:t,variant:"fullWidth",sx:e=>({borderBottom:"1px solid",borderColor:"divider",bgcolor:"dark"===e.palette.mode?e.palette.background.default:"#f8f9fa","& .MuiTab-root":{textTransform:"none",fontWeight:500,fontSize:"0.95rem",py:1.5},"& .Mui-selected":{color:"primary.main",fontWeight:600},"& .MuiTabs-indicator":{height:3}}),children:[c.jsx(F,{label:h("Media"),icon:c.jsx(S,{}),iconPosition:"start"}),c.jsx(F,{label:h("Effects"),icon:c.jsx(z,{}),iconPosition:"start"})]}),c.jsxs(p,{sx:{height:"calc(100% - 56px)",position:"relative"},children:[c.jsx(R,{value:e,index:0,children:c.jsxs(p,{sx:{display:"flex",flexDirection:"column",height:"100%"},children:[c.jsxs(p,{sx:{display:"flex",gap:1,mb:2},children:[c.jsx("input",{accept:"image/*,video/*,audio/*",style:{display:"none"},id:"media-upload",multiple:!0,type:"file",onChange:e=>{Array.from(e.target.files).forEach(e=>a(e))}}),c.jsx("label",{htmlFor:"media-upload",style:{flex:1},children:c.jsx(A,{variant:"contained",component:"span",startIcon:x.length>0?c.jsx(m,{size:20,sx:{color:"inherit"}}):c.jsx(O,{}),fullWidth:!0,sx:{borderRadius:1,textTransform:"none"},children:x.length>0?`${h("Uploading...")} (${x.length})`:h("Add Media")})}),c.jsx(b,{size:"medium",onClick:n,sx:{border:"1px solid",borderColor:"divider"},children:c.jsx(w,{})})]}),c.jsxs(p,{sx:{display:"flex",flexDirection:"column",flex:1},children:[c.jsxs(p,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1.5,px:.5},children:[c.jsx(f,{variant:"subtitle2",sx:{fontWeight:600,color:"text.primary"},children:h("Media Library")}),c.jsxs(p,{sx:{display:"flex",gap:.5},children:[c.jsx(b,{size:"small",sx:{color:"text.secondary"},children:c.jsx(D,{fontSize:"small"})}),c.jsx(b,{size:"small",sx:{color:"text.secondary"},children:c.jsx(I,{fontSize:"small"})})]})]}),c.jsx(p,{sx:{flex:1,overflowY:"auto",pr:1,mr:-1,"&::-webkit-scrollbar":{width:"6px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"rgba(0,0,0,0.1)",borderRadius:"3px","&:hover":{background:"rgba(0,0,0,0.2)"}}},children:0===o.length?c.jsxs(p,{sx:{textAlign:"center",py:4,color:"text.secondary"},children:[c.jsx(O,{sx:{fontSize:48,mb:2,opacity:.3}}),c.jsx(f,{variant:"body2",children:h("Add media files to get started")})]}):c.jsx(M,{container:!0,spacing:1.5,children:o.map(e=>c.jsx(M,{item:!0,xs:6,children:c.jsx(E,{item:e,isSelected:(null==i?void 0:i.id)===e.id,onSelect:()=>r(e),onDelete:()=>s(e.id),onDragStart:d})},e.id))})})]})]})}),c.jsx(R,{value:e,index:1,children:i?c.jsxs(p,{children:[c.jsx(f,{variant:"subtitle1",gutterBottom:!0,children:h("Effects & Transitions")}),c.jsx(A,{fullWidth:!0,variant:"outlined",startIcon:c.jsx(P,{}),sx:{mt:1},children:h("Split")}

1),c.jsx(f,{variant:"subtitle1",gutterBottom:!0,sx:{mt:3},children:h("Animation")}),c.jsxs(M,{container:!0,spacing:1,children:[c.jsx(M,{item:!0,xs:6,children:c.jsx(A,{fullWidth:!0,variant:"outlined",children:h("Fade In")})}),c.jsx(M,{item:!0,xs:6,children:c.jsx(A,{fullWidth:!0,variant:"outlined",children:h("Fade Out")})}),c.jsx(M,{item:!0,xs:6,children:c.jsx(A,{fullWidth:!0,variant:"outlined",children:h("Zoom In")})}),c.jsx(M,{item:!0,xs:6,children:c.jsx(A,{fullWidth:!0,variant:"outlined",children:h("Zoom Out")})})]})]}):c.jsx(f,{color:"text.secondary",sx:{textAlign:"center",mt:10},children:h("Select a media item to add effects")})})]})]})};export{U as default};