1import{R as Rt,d as ae,af as Ce,br as rt,r as g,c as q,a8 as _e,y as W,P as lt,aC as Te,_ as de,a as v,g as l,b as o,n as C,F as H,p as ee,I as R,aQ as me,e as c,E as P,f as p,G as Y,t as h,J as ke,o as s,w as nt,a0 as Me,A as Bt,h as Ie,aH as Pt,aF as we,aB as Nt,aI as Ae,L as Le,C as Ht,aR as qt,a4 as Gt,aE as Qt,s as U,a3 as it,x as Kt,ak as Wt,a7 as Yt,a1 as Xt,S as We,V as Ye,au as Jt,ad as Zt,X as $t,bc as eo,aa as to,ai as oo,ab as ro,ac as $,v as De,a5 as lo,H as Xe}from"./index-DKueJ56C.js";import{U as Oe}from"./UiDropdown-BTMuH8wV.js";import{U as no}from"./UiPageLoader-BfEqk5AZ.js";import{F as io,a as je,P as so,b as ao,_ as co,c as Je,L as uo}from"./FolderItem-D9frtaRB.js";import{E as st}from"./ellipsis-Cl43hUwk.js";import{U as vo}from"./undo-2-DJGxzKlq.js";import{U as go}from"./UiToggle-C2y38EVh.js";import{C as fo}from"./chevron-down-Cv72UE4P.js";import{C as Ue}from"./calendar-DSulLOP0.js";import{C as mo}from"./cloud-download-CkvfoL7v.js";import{S as at}from"./share-2-DCxk_HW5.js";import{L as xo}from"./link-2-BUdBkJ_f.js";import{S as ho}from"./Share-BYEcZDwe.js";import{F as dt}from"./film-ByocqT5L.js";import{C as Ze}from"./circle-play-Bb-CnIFO.js";import{C as bo}from"./circle-question-mark-CKT4a98R.js";import"./ShareText-DSVE_bx0.js";import"./UiCheckbox-DuCOVXTG.js";import"./SelectColor-CvSZbrIH.js";import"./UiTextField-ROeT5wsN.js";import"./image-wvLpwYnP.js";import"./gmail-CrIUpFgQ.js";import"./linkedin-Bo966_Xo.js";/** 2 * @license @lucide/vue v1.18.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const po=[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]],$e=Rt("monitor",po),yo=ae({__name:"Folder",props:{folder:{type:Object,required:!0},multiselect:{type:Array,required:!0},videos:{type:Array,required:!0},folders:{type:Array,required:!0},folder_samples:{type:Array,required:!0}},emits:["toggleSelect","singleSelectFolder","goToFolder","dragstart","dragend","drop"],setup(L,{expose:t,emit:a}){t();const e=L,w=a,k=Ce(),d=g(!1),n=g(""),f=g(""),I=g(0),T=g(null),O=g(null),N=g(null);rt(N,()=>B());const M="https://d20lcwla9d9xwd.cloudfront.net";function A(F){try{const D=F.split("_");return`${M}/user_${D[0]}/${F}`}catch{return""}}const b=q(()=>{const F=e.folder_samples.find(D=>D.id==e.folder.id);return F?F.videos:[]});function m(){d.value||w("goToFolder",e.folder.id)}function _(){var F;(F=O.value)==null||F.close(),n.value=e.folder.name,d.value=!0,_e(()=>{var D;return(D=T.value)==null?void 0:D.focus()})}async function B(){if(!d.value)return;const F=e.folder.name,D=n.value.trim();if(D==""||F==D){d.value=!1;return}d.value=!1,e.folder.name=D,await W("POST","video/updateFolder",{id:e.folder.id,name:D})||(k.error("Can not update folder name!"),e.folder.name=F)}function j(F){F.key==="Enter"?B():F.key==="Escape"&&(d.value=!1)}function V(){I.value++,f.value!="dragging"&&(f.value="entering")}function X(){I.value--,I.value<=0&&f.value!="dragging"&&(f.value="")}function re(F){f.value="dragging",w("dragstart",F,e.folder.id,"folder")}function te(){f.value="",I.value=0,w("dragend")}function G(){f.value="",I.value=0,w("drop",e.folder.id)}const J={props:e,emit:w,toast:k,edit_mode:d,new_folder_name:n,status:f,dnd_counter:I,nameInput:T,ddOptions:O,root:N,CLOUDFRONT:M,getRecordingVideoURL:A,samples:b,goToFolder:m,rename:_,saveName:B,onNameKeydown:j,dragenter:V,dragleave:X,dragstart:re,dragend:te,drop:G,get MoreHorizontal(){return st},get Pen(){return so},get FolderOpen(){return je},get Trash2(){return Te},get FileVideo(){return io},get Check(){return lt},get UiDropdown(){return Oe}};return Object.defineProperty(J,"__isScriptSetup",{enumerable:!1,value:!0}),J}}),wo={class:"absolute inset-x-3 top-[18%] bottom-[32%] z-[1]"},_o={key:0,class:"flex h-full items-center justify-center rounded-lg bg-white/85 shadow-sm"},ko={key:1,class:"grid h-full grid-cols-2 gap-1.5"},Co={muted:"",preload:"metadata",class:"absolute inset-0 h-full w-full object-cover"},So=["src"],zo={class:"absolute inset-x-0 bottom-0 z-[2] h-[42%] rounded-2xl bg-gradient-to-br from-indigo-400 to-violet-500 ring-1 ring-black/5 shadow-[0_-4px_12px_rgba(99,102,241,0.18)] transition-shadow group-hover:shadow-[0_-7px_20px_rgba(99,102,241,0.3)]"},Fo={class:"inline-flex h-7 w-7 items-center justify-center rounded-lg text-white/90 hover:bg-white/20"},Vo=["onClick"],Eo=["onClick"],Ao=["onClick"],Do={class:"absolute inset-x-3.5 bottom-3 flex items-center gap-2"},Io={class:"inline-flex shrink-0 items-center gap-1 rounded-full bg-white/20 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur-sm"};function Uo(L,t,a,e,w,k){return s(),v("div",{ref:"root",draggable:!0,class:C(["group relative rounded-2xl transition-all",[e.status==="entering"?"is-entering":"",e.status==="dragging"?"opacity-50":""]]),onDragover:t[4]||(t[4]=Y(()=>{},["prevent"])),onDragenter:e.dragenter,onDragleave:e.dragleave,onDragstart:e.dragstart,onDragend:e.dragend,onDrop:Y(e.drop,["prevent"])},[l(" Folder graphic "),o("div",{class:"relative cursor-pointer transition-transform group-hover:-translate-y-0.5",onClick:e.goToFolder},[o("div",{class:C(["relative aspect-[16/12] rounded-2xl transition-all",a.multiselect.includes(a.folder.id)?"ring-2 ring-blue-500 ring-offset-2":""])},[l(" folder tab "),t[10]||(t[10]=o("div",{class:"absolute left-4 top-0 h-4 w-24 rounded-t-xl bg-indigo-300"},null,-1)),l(" folder back panel "),t[11]||(t[11]=o("div",{class:"absolute inset-x-0 top-3 bottom-0 rounded-2xl rounded-tl-lg bg-gradient-to-b from-indigo-200 to-violet-200 shadow-sm"},null,-1)),l(" clips tucked inside the folder "),o("div",wo,[e.samples.length==0?(s(),v("div",_o,[...t[5]||(t[5]=[o("span",{class:"text-xs font-medium text-gray-400"},"No videos",-1)])])):(s(),v("div",ko,[(s(!0),v(H,null,ee(e.samples.slice(0,2),d=>(s(),v("div",{key:d.thumb,class:C(["relative overflow-hidden rounded-md bg-gray-200 ring-2 ring-white shadow",e.samples.length===1?"col-span-2":""])},[o("video",Co,[o("source",{src:e.getRecordingVideoURL(d.thumb)+"#t=0.1"},null,8,So)])],2))),128))]))]),l(" folder front pocket "),o("div",zo,[t[9]||(t[9]=o("div",{class:"absolute inset-x-0 top-0 h-px rounded-full bg-white/30"},null,-1)),l(" options (hover) "),R(c(e.UiDropdown,{ref:"ddOptions",position:"bottom-right",width:"160px",class:"absolute top-2 left-2 opacity-0 transition-opacity group-hover:opacity-100",onClick:t[0]||(t[0]=Y(()=>{},["stop"]))},{toggle:P(()=>[o("span",Fo,[c(e.MoreHorizontal,{size:18})])]),default:P(({close:d})=>[o("button",{class:"w-full flex items-center px-3 py-2 text-sm rounded-lg text-left hover:bg-gray-50",onClick:n=>(d(),e.rename())},[c(e.Pen,{size:15,class:"mr-2"}),t[6]||(t[6]=p(" Rename ",-1))],8,Vo),o("button",{class:"w-full flex items-center px-3 py-2 text-sm rounded-lg text-left hover:bg-gray-50",onClick:n=>(d(),e.emit("singleSelectFolder",a.folder.id,"move"))},[c(e.FolderOpen,{size:15,class:"mr-2"}
6),t[7]||(t[7]=p(" Move ",-1))],8,Eo),o("button",{class:"w-full flex items-center px-3 py-2 text-sm rounded-lg text-left text-red-600 hover:bg-red-50",onClick:n=>(d(),e.emit("singleSelectFolder",a.folder.id,"delete"))},[c(e.Trash2,{size:15,class:"mr-2"}),t[8]||(t[8]=p(" Delete ",-1))],8,Ao)]),_:1},512),[[me,!e.edit_mode]]),l(" name + count "),o("div",Do,[R(o("h6",{class:"min-w-0 flex-1 cursor-text truncate text-sm font-semibold text-white",onClick:Y(e.rename,["stop"])},h(a.folder.name),513),[[me,!e.edit_mode]]),R(o("input",{ref:"nameInput","onUpdate:modelValue":t[1]||(t[1]=d=>e.new_folder_name=d),maxlength:"50",class:"min-w-0 flex-1 rounded-md border-0 px-2 py-1 text-sm font-semibold text-gray-800 focus:outline-none focus:ring-2 focus:ring-white/70",onClick:t[2]||(t[2]=Y(()=>{},["stop"])),onKeydown:e.onNameKeydown},null,544),[[me,e.edit_mode],[ke,e.new_folder_name]]),R(o("span",Io,[c(e.FileVideo,{size:11}),p(" "+h(a.folder.screencast_total),1)],512),[[me,!e.edit_mode]])])])],2)]),l(" multi-select checkbox "),o("div",{class:C(["absolute top-4 left-3 z-10 w-6 h-6 rounded-md border-2 flex items-center justify-center cursor-pointer transition-colors",a.multiselect.includes(a.folder.id)?"bg-blue-600 border-blue-600 text-white":"bg-white/80 border-gray-300 text-transparent opacity-0 group-hover:opacity-100"]),onClick:t[3]||(t[3]=Y(d=>e.emit("toggleSelect",a.folder.id),["stop"]))},[c(e.Check,{size:15})],2)],34)}const To=de(yo,[["render",Uo],["__scopeId","data-v-d6b1e0f6"],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/components/screencast/Folder.vue"]]),Mo=ae({__name:"BackFolder",props:{parent_id:{type:Number,required:!0},folders:{type:Array,required:!0}},emits:["drop"],setup(L,{expose:t,emit:a}){t();const e=L,w=a,k=g(""),d=g(0);function n(){let M="Screencast";if(e.parent_id!=0){const A=e.folders.find(b=>b.id==e.parent_id);if(A&&A.parent_id>0){const b=e.folders.find(m=>m.id==A.parent_id);b&&(M=b.name)}}return M}function f(){let M=0;if(e.parent_id!=0){const A=e.folders.find(b=>b.id==e.parent_id);if(A&&A.parent_id>0){const b=e.folders.find(m=>m.id==A.parent_id);b&&(M=b.id)}}return M}function I(){d.value++,k.value="entering"}function T(){d.value--,d.value<=0&&(k.value="")}function O(){k.value="",d.value=0,w("drop",f())}const N={props:e,emit:w,status:k,dnd_counter:d,getParentName:n,getParentID:f,dragenter:I,dragleave:T,drop:O,get Undo2(){return vo}};return Object.defineProperty(N,"__isScriptSetup",{enumerable:!1,value:!0}),N}}),Lo={class:"font-semibold truncate"};function Oo(L,t,a,e,w,k){return s(),v("div",{class:C(["ml-4 inline-flex items-center max-w-[200px] px-3 py-1.5 rounded-lg border bg-white shadow-sm text-sm text-gray-700 truncate transition-colors",e.status==="entering"?"border-blue-500 bg-blue-50":"border-gray-200"]),onDragover:t[0]||(t[0]=Y(()=>{},["prevent"])),onDragenter:e.dragenter,onDragleave:e.dragleave,onDrop:Y(e.drop,["prevent"])},[c(e.Undo2,{size:16,class:"mr-2 shrink-0"}),o("span",Lo,h(e.getParentName()),1)],34)}const jo=de(Mo,[["render",Oo],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/components/screencast/BackFolder.vue"]]),Ro=ae({__name:"VideoPreview",props:{video:{type:Object,required:!0}},emits:["error"],setup(L,{expose:t,emit:a}){t();const e=L,w=a,k="https://d20lcwla9d9xwd.cloudfront.net";function d(I){try{const T=I.split("_");return`${k}/user_${T[0]}/${I}`}catch{return""}}function n(){w("error",e.video.id)}const f={props:e,emit:w,CLOUDFRONT:k,getRecordingVideoURL:d,errorvideo:n};return Object.defineProperty(f,"__isScriptSetup",{enumerable:!1,value:!0}),f}}),Bo=["id"],Po=["src"];function No(L,t,a,e,w,k){return s(),v("video",{id:"video-"+a.video.id,muted:"",loop:"",preload:"metadata",playsinline:"",onError:e.errorvideo},[o("source",{src:e.getRecordingVideoURL(a.video.thumb)+"#t=0.1"},null,8,Po),t[0]||(t[0]=p(" Your browser does not support the video tag. ",-1))],40,Bo)}const Ho=de(Ro,[["render",No],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/components/screencast/VideoPreview.vue"]]),qo=ae({__name:"VideoItem",props:{video:{type:null,required:!0},multiselect:{type:Array,required:!0},events:{type:Array,required:!0},index:{type:Number,required:!0}},emits:["toggleSelect","shareVideo","singleSelectVideo","toggleShowBooking","selectEvent","dragstart","dragend"],setup(L,{expose:t,emit:a}){t();const e=L,w=a,k=nt(),{t:d}=Me(),n=Bt(),f=Ce(),{upgradeWall:I}=Pt(),T="https://d20lcwla9d9xwd.cloudfront.net";function O(x){try{const z=x.split("_");return`${T}/user_${z[0]}/${x}`}catch{return""}}const N=q(()=>n.settings),M=q(()=>Qt()),A=g(Math.random()),b=g("transparent"),m=g("");let _=0;const B=g(!1),j=g(null);Ie(()=>{setTimeout(()=>{b.value="animated fadeInUp faster"},e.index*30),setTimeout(()=>{b.value="",B.value=!0},e.index*50+500)});function V(){console.log("ERROR video",e.video.id),setTimeout(()=>{A.value=Math.random()},1e3)}function X(x){return M.value?`${we()}/video-${x.id}-${x.salt}`:`${we()}/${N.value.link}/video-${x.id}-${x.salt}`}async function re(x){var ce;if((ce=j.value)==null||ce.close(),!await I("download-recorded-videos"))return!1;const Z=document.createElement("a"),xe=x.url;Z.href=O(x.url),Z.download=xe,Z.click()}function te(x){let z=`${we()}/${N.value.link}/video-${x.id}-${x.salt}`;M.value&&(z=`${we()}/video-${x.id}-${x.salt}`),Nt(z),f.alert("Copied link.")}function G(x){const z=typeof x=="number"?Ae.fromSeconds(x):Ae.fromISO(String(x)),Z=z.isValid?z:Ae.fromMillis(Date.parse(String(x)));return Z.isValid?Z.toRelative()??"":""}function J(x){const z=document.getElementById("video-"+x);if(z)try{z.readyState===0?A.value=Math.random():z.readyState!==0&&z.paused&&z.play()}catch{}}function F(x){const z=document.getElementById("video-"+x);if(z)try{z.readyState!==0&&!z.paused&&z.pause()}catch{}}function D(x){return e.events.find(z=>z.id==x)}function le(x){m.value="dragging",w("dragstart",x,e.video.id,"screencast")}function Q(){m.value="",_=0,w("dragend")}const ie={props:e,emit:w,router:k,t:d,scheduling:n,toast:f,upgradeWall:I,CLOUDFRONT:T,getRecordingVideoURL:O,settings:N,cname_domain:M,video_key:A,animate:b,status:m,get dnd_counter(){return _},set dnd_counter(x){_=x},show_video:B,ddOption:j,errorvideo:V,getLink:X,downloadVideo:re,copyLink:te,fromNow:G,mouseenter:J,mouseleave:F,selectedEvent:D,dragstart:le,dragend:Q,get Eye(){return Gt},get Link2(){return xo},get Share2(){return at},get MoreHorizontal(){return st},get CloudDownload(){return mo},get FolderOpen(){return je},get Trash2(){return Te},get CloudUpload(){return qt}
6,get Calendar(){return Ue},get ChevronDown(){return fo},get CalendarCheck(){return Ht},get Check(){return lt},get Loader2(){return Le},get UiDropdown(){return Oe},get UiToggle(){return go},VideoPreview:Ho};return Object.defineProperty(ie,"__isScriptSetup",{enumerable:!1,value:!0}),ie}}),Go={class:"relative"},Qo={class:"relative bg-gray-900 aspect-video overflow-hidden"},Ko={class:"absolute inset-0 flex items-center justify-center text-white/70 pointer-events-none"},Wo={class:"absolute inset-0"},Yo={class:"absolute bottom-2 right-2 z-10 inline-flex items-center gap-1 rounded-full bg-gray-900/60 px-2 py-0.5 text-[11px] font-medium text-white backdrop-blur-sm pointer-events-none"},Xo={class:"absolute top-2 right-2 z-30 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity"},Jo=["href","title"],Zo=["title"],$o=["title"],er=["title"],tr={key:0,class:"absolute inset-0 z-40 flex items-center justify-center bg-black/40 text-white text-sm"},or=["id"],rr={class:"flex items-center gap-2"},lr={class:"flex-1 min-w-0"},nr={class:"inline-flex items-center max-w-full text-gray-400"},ir={class:"truncate text-xs"},sr={class:"p-1.5"},ar={class:"flex items-center"},dr={class:"mr-1.5 flex-1 text-sm text-gray-700"},cr={key:0,class:"mt-5"},ur={class:"flex items-center mb-2.5 text-sm text-gray-700"},vr={class:"w-full flex items-center border border-gray-200 rounded-lg px-3 py-2 text-sm text-gray-700 hover:border-gray-300"},gr={class:"flex-1 text-left truncate"},fr=["onClick"];function mr(L,t,a,e,w,k){return s(),v("div",{class:C(["video-grid-wrapper",[e.status,e.animate,{selected:a.multiselect.includes(a.video.id)}]]),draggable:!0,onDragover:t[12]||(t[12]=Y(()=>{},["prevent"])),onDragstart:e.dragstart,onDragend:e.dragend},[o("div",Go,[o("div",{class:"group relative rounded-2xl overflow-hidden bg-white border border-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all",onMouseenter:t[9]||(t[9]=d=>e.mouseenter(a.video.id)),onMouseleave:t[10]||(t[10]=d=>e.mouseleave(a.video.id))},[l(" Video part "),o("div",Qo,[l(" Loading icon "),o("span",Ko,[c(e.Loader2,{size:26,class:"animate-spin"})]),l(" Video player "),o("div",Wo,[e.show_video?(s(),U(e.VideoPreview,{key:e.video_key,video:a.video,class:"w-full h-full object-cover",onError:e.errorvideo},null,8,["video"])):l("v-if",!0)]),l(" Select box "),o("div",{class:C(["absolute top-2 left-2 z-20 w-6 h-6 rounded-md border-2 flex items-center justify-center cursor-pointer transition-colors",a.multiselect.includes(a.video.id)?"bg-blue-600 border-blue-600 text-white":"bg-white/80 border-gray-300 text-transparent opacity-0 group-hover:opacity-100"]),onClick:t[0]||(t[0]=d=>e.emit("toggleSelect",a.video.id))},[c(e.Check,{size:14})],2),l(" Views pill "),o("div",Yo,[c(e.Eye,{size:11}),p(" "+h(a.video.view),1)]),l(" Video options (hover overlay) "),o("div",Xo,[l(" Preview "),o("a",{class:"w-8 h-8 rounded-lg bg-white/90 hover:bg-white text-gray-700 flex items-center justify-center shadow-sm",href:e.getLink(a.video),target:"_blank",title:e.t("text.preview")},[c(e.Eye,{size:16})],8,Jo),l(" Copy link "),o("div",{class:"w-8 h-8 rounded-lg bg-white/90 hover:bg-white text-gray-700 flex items-center justify-center shadow-sm cursor-pointer",title:e.t("button.copy_link"),onClick:t[1]||(t[1]=d=>e.copyLink(a.video))},[c(e.Link2,{size:16})],8,Zo),l(" Share "),o("div",{class:"w-8 h-8 rounded-lg bg-white/90 hover:bg-white text-gray-700 flex items-center justify-center shadow-sm cursor-pointer",title:e.t("button.share"),onClick:t[2]||(t[2]=d=>e.emit("shareVideo",a.video))},[c(e.Share2,{size:16})],8,$o),l(" Additional options "),c(e.UiDropdown,{ref:"ddOption",position:"bottom-right",width:"180px"},{toggle:P(()=>[o("div",{class:"w-8 h-8 rounded-lg bg-white/90 hover:bg-white text-gray-700 flex items-center justify-center shadow-sm cursor-pointer",title:e.t("text.additional_options")},[c(e.MoreHorizontal,{size:16})],8,er)]),default:P(()=>[o("button",{class:"flex items-center w-full px-3 py-2 text-sm rounded-md hover:bg-gray-100 text-gray-700",onClick:t[3]||(t[3]=d=>e.downloadVideo(a.video))},[c(e.CloudDownload,{size:16,class:"mr-2"}),p(" "+h(e.t("button.download")),1)]),o("button",{class:"flex items-center w-full px-3 py-2 text-sm rounded-md hover:bg-gray-100 text-gray-700",onClick:t[4]||(t[4]=d=>{var n;(n=e.ddOption)==null||n.close(),e.emit("singleSelectVideo",a.video.id,"move")})},[c(e.FolderOpen,{size:16,class:"mr-2"}),t[13]||(t[13]=p(" Move ",-1))]),o("button",{class:"flex items-center w-full px-3 py-2 text-sm rounded-md hover:bg-red-50 text-red-600",onClick:t[5]||(t[5]=d=>{var n;(n=e.ddOption)==null||n.close(),e.emit("singleSelectVideo",a.video.id,"delete")})},[c(e.Trash2,{size:16,class:"mr-2"}),p(" "+h(e.t("button.delete_video")),1)])]),_:1},512)]),l(" Video cover "),o("div",{class:"absolute inset-0 z-0 cursor-pointer",onClick:t[6]||(t[6]=d=>e.router.push("/screencast/"+a.video.id))}),l(" Video uploading "),a.video.status=="uploading"?(s(),v("div",tr,[o("span",null,h(e.t("button.uploading"))+"...",1)])):l("v-if",!0)]),l(" Title part "),o("div",null,[o("div",{class:"py-3 px-4",id:"title-part-"+a.video.id},[o("h5",{class:"font-semibold mb-2.5 text-[15px] leading-snug text-gray-900 hover:text-blue-600 cursor-pointer line-clamp-2",style:{"min-height":"42px"},onClick:t[7]||(t[7]=d=>e.router.push("/screencast/"+a.video.id))},h(a.video.name),1),l(" Event part "),o("div",rr,[l(" Time uploaded "),o("div",lr,[o("div",nr,[c(e.CloudUpload,{size:13,class:"mr-1.5 shrink-0"}),o("span",ir,h(e.fromNow(a.video.time_created)),1)])]),l(" Booking page "),c(e.UiDropdown,{position:"top-right",width:"290px"},{toggle:P(()=>[o("div",{class:C(["inline-flex items-center gap-1 whitespace-nowrap rounded-full px-2.5 py-1 text-xs font-medium cursor-pointer transition-colors",a.video.show_booking?"bg-emerald-50 text-emerald-700 hover:bg-emerald-100":"bg-gray-100 text-gray-500 hover:bg-gray-200"])},[c(e.Calendar,{size:13}),o("span",null,h(a.video.show_booking?"Booking on":"Booking off"),1),c(e.ChevronDown,{size:13})],2)]),default:P(()=>[o("div",sr,[o("div",ar,[o("span",dr,h(e.t("text.show_booking_page")),1),c(e.UiToggle,{"model-value":!!a.video.show_booking,"onUpdate:modelValue":t[8]||(t[8]=d=>e.emit("toggleShowBooking",d,a.video))},null,8,["model-value"])]),a.video.show_booking?(s(),v("div",cr,[o("div",ur,[c(e.CalendarCheck,{size:16,class:"mr-1"}),p(" "+h(e.t("nav.event")),1)]),c(e.UiDropdown,{position:"bottom-left",width:"262px","max-height":"40vh"},{toggle:P(()=>[o("button",vr,[o("span",gr,h(e.selectedEvent(a.video.event_id)?e.selectedEvent(a.video.event_id).name:e.t("text.select_your_event")),1),c(e.ChevronDown,{size:16,class:"ml-5"})])]),default:P(({close:d})=>[(s(!0),v(H,null,ee(a.events,n=>(s(),v("button",{key:n.id,class:C(["flex items-center w-full px-3 py-2 text-sm rounded-md hover:bg-gray-100 text-left",{"bg-blue-50 text-blue-600":e.selectedEvent(a.video.event_id)&&e.selectedEvent(a.video.event_id).id==n.id}]),onClick:f=>{d(),e.emit("selectEvent",n.id,a.video)}},h(n.name),11,fr))),128))]),_:1})])):l("v-if",!0)])]),_:1})])],8,or)])],32)]),o("div",{class:"toggle-select",onClick:t[11]||(t[11]=d=>e.emit("toggleSelect",a.video.id))})],34)}const xr=de(qo,[["render",mr],["__scopeId","data-v-6b74b7f0"],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/components/screencast/VideoItem.vue"]]),hr=ae({__name:"MoveItem",props:{folders:{type:Array,required:!0},parent_id:{type:Number,required:!0},multi_folder:{type:Array,required:!0},multi_screencast:{type:Array,required:!0}},emits:["close","update"],setup(L,{expose:t,emit:a}){t();const e=L,w=a,{t:k}=Me(),d=Ce(),n=g(-1),f=g(!1),I=q(()=>e.parent_id==0?{id:0,name:"Screencast"}:e.folders.find(b=>b.id==e.parent_id)||{id:0,name:"Screencast"}),T=q(()=>{const b=JSON.parse(JSON.stringify(e.folders));return b.forEach(m=>{m.children=[]}),b.forEach(m=>{if(m.parent_id>0){const _=b.find(B=>B.id==m.parent_id);_&&_.children.push(m)}}),b.filter(m=>m.parent_id==0)});function O(){if(f.value)return!1;w("close")}async function N(){if(f.value||n.value==-1)return!1;if(e.multi_folder.length==0&&e.multi_screencast.length==0)return O(),!1;f.value=!0,await W("POST","video/moveItems",{parent_id:n.value,folder_ids:e.multi_folder,screencast_ids:e.multi_screencast})||d.error("Can not update items!"),w("update",{moved_folders:e.multi_folder,moved_screencast:e.multi_screencast,destination_folder_id:n.value})}function M(b){n.value=b}const A={props:e,emit:w,t:k,toast:d,selected_id:n,loading:f,current_folder:I,list:T,close:O,confirmMove:N,selectFolder:M,get Loader2(){return Le},get Film(){return dt},get UiModal(){return it},FolderItem:ao};return Object.defineProperty(A,"__isScriptSetup",{enumerable:!1,value:!0}),A}}),br={class:"p-2.5 border border-gray-200 rounded-lg mb-5"},pr={class:"flex items-center gap-1 px-1.5 py-1.5 opacity-60"},yr={class:"shrink-0 flex items-center justify-center"},wr={key:1,src:co,width:"20"},_r={class:"text-sm truncate"},kr={class:"p-2.5 border border-gray-200 rounded-lg overflow-y-auto",style:{"min-height":"200px","max-height":"calc(100vh - 400px)"}},Cr={class:"shrink-0 flex items-center justify-center"},Sr={class:"flex justify-end gap-2.5 mt-8"};function zr(L,t,a,e,w,k){return s(),U(e.UiModal,{open:!0,title:"","max-width":"max-w-lg",onClose:e.close},{default:P(()=>[t[5]||(t[5]=o("h5",{class:"font-semibold mb-5 text-gray-900"},"Move within Screencast",-1)),t[6]||(t[6]=o("h6",{class:"text-sm text-gray-700 mb-1.5"},"Currently in",-1)),o("div",br,[o("div",pr,[t[1]||(t[1]=o("div",{class:"w-6 shrink-0"},null,-1)),o("div",yr,[e.current_folder.id==0?(s(),U(e.Film,{key:0,size:20,class:"text-blue-600"})):(s(),v("img",wr))]),o("div",_r,h(e.current_folder.name),1)])]),t[7]||
6(t[7]=o("h6",{class:"text-sm text-gray-700 mb-1.5"},"Move to",-1)),o("div",kr,[o("div",{class:C(["flex items-center gap-1 rounded-lg px-1.5 py-1.5 cursor-pointer",e.selected_id==0?"bg-blue-600 text-white":"hover:bg-gray-50"]),onClick:t[0]||(t[0]=d=>e.selectFolder(0))},[t[2]||(t[2]=o("div",{class:"w-6 shrink-0"},null,-1)),o("div",Cr,[c(e.Film,{size:20,class:C(e.selected_id!=0?"text-blue-600":"text-white")},null,8,["class"])]),t[3]||(t[3]=o("div",{class:"text-sm truncate"},"Screencast",-1))],2),(s(!0),v(H,null,ee(e.list,d=>(s(),U(e.FolderItem,{key:d.id,folder:d,selected_id:e.selected_id,current_folder_id:a.parent_id,multi_folder:a.multi_folder,onSelectFolder:e.selectFolder},null,8,["folder","selected_id","current_folder_id","multi_folder"]))),128))]),o("div",Sr,[o("button",{class:"border border-gray-200 rounded-lg px-4 py-2 text-sm text-gray-700 hover:bg-gray-50",onClick:e.close},h(e.t("button.cancel")),1),o("button",{class:"bg-blue-600 text-white rounded-lg px-4 py-2 text-sm font-medium hover:bg-blue-700 inline-flex items-center",onClick:e.confirmMove},[t[4]||(t[4]=p(" Move ",-1)),e.loading?(s(),U(e.Loader2,{key:0,size:16,class:"animate-spin ml-1.5"})):l("v-if",!0)])])]),_:1})}const Fr=de(hr,[["render",zr],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/components/screencast/MoveItem.vue"]]),et="https://chromewebstore.google.com/detail/screen-recorder-schedulin/kijbihhjhdiipiljfhboknmdipgphoel",Vr=ae({__name:"ScreencastView",setup(L,{expose:t}){t();const a=nt(),e=Ce(),{t:w}=Me(),k=Kt(),{me:d}=Wt(k),n=q(()=>{var i;const r=(i=d.value)==null?void 0:i.remain_videos;return typeof r=="number"&&r<=0}),f=g(!1);function I(){f.value=!1,a.push("/upgrade")}const T=g(!1),O=g(!1),N=g(!1),M=g(!1),A=g(!1),b=g(0),m=g([]),_=g([]),B=g([]),j=g([]),V=g([]),X=g("Untitled"),re=g(!1),te=g(!1),G=g([]),J=g(!1),F=g(!1),D=g(0),le=g(""),Q=g(0),ie=g(!1),x=g(!1),z=g(null),Z=g(null),xe=g(null),ce=g(null),Re=g(null);rt(Re,()=>pe());const Se=q(()=>j.value.filter(r=>r.parent_id==b.value)),Be=g(""),ue=q(()=>Be.value.trim().toLowerCase()),Pe=q(()=>ue.value?Se.value.filter(r=>String(r.name||"").toLowerCase().includes(ue.value)):Se.value),Ne=q(()=>ue.value?m.value.filter(r=>String(r.name||"").toLowerCase().includes(ue.value)):m.value),ct=q(()=>Pe.value.length>0||Ne.value.length>0),ut=g("all"),vt=[{icon:Ye,label:"Record",color:"text-blue-600"},{icon:Je,label:"Folders",color:"text-indigo-600"},{icon:dt,label:"Clips",color:"text-violet-600"},{icon:Ze,label:"Bookings",color:"text-rose-600"}],se=g(!1),ze=g(!1),gt=[{icon:$e,label:"Screen + camera"},{icon:We,label:"Free to use"},{icon:Ue,label:"Built-in booking"}];Yt(()=>k.helpPopupsLoaded,r=>{r&&!k.isHelpPopupSeen("screencast")&&setTimeout(()=>{se.value=!0},1200)},{immediate:!0});function ft(){se.value=!1,ze.value=!1,k.markHelpPopupSeen("screencast")}function mt(){se.value=!se.value,se.value||(ze.value=!1)}const xt=q(()=>{const r=[];let i=b.value;for(;i!=0;){const u=j.value.find(S=>S.id==i);u?(r.unshift({id:u.id,name:u.name,type:"folder"}),r.unshift({type:"slash"}),i=u.parent_id):i=0}return r.unshift({id:0,name:"Screencast",type:"folder"}),r});Ie(async()=>{A.value=!!document.getElementById("weezly-extension-controller"),be(),await he(),He(),A.value=!!document.getElementById("weezly-extension-controller"),setTimeout(()=>{A.value=!!document.getElementById("weezly-extension-controller")},1e3)});async function he(r=!0){if(T.value||x.value)return!1;r?(m.value=[],T.value=!0):x.value=!0;let i=0;m.value.length>0&&(i=m.value[m.value.length-1].id);const u=await W("GET",`video?parent=${b.value}&behind=${i}`);if(u){const S=u.data.videos;for(let y=0;y<S.length;y++)S[y].index=y;r?m.value=S:m.value=m.value.concat(S),u.data.folders&&(G.value=u.data.folders),ie.value=u.data.is_loadmore,T.value=!1,x.value=!1,_e(()=>{setTimeout(()=>{qe()},500)})}else T.value=!1,x.value=!1;return!1}async function be(){const r=await W("GET",`video/getFolders?parent=${b.value}`);r&&(j.value=r.data)}async function He(){const r=await W("GET","video/getEvents");r&&(B.value=r.data)}function qe(){const r=z.value;if(!r)return;const i=r.clientHeight,u=r.scrollHeight,S=r.scrollTop;u<=i+S+100&&ie.value&&he(!1)}function ht(r){_.value.includes(r)?_.value=_.value.filter(i=>i!=r):_.value.push(r)}async function bt(r,i){const u=r?1:0;i.show_booking=u;const S={show_booking:u,id:i.id};u==1&&!B.value.find(fe=>fe.id==i.event_id)&&B.value.length>0&&(i.event_id=B.value[0].id,S.event_id=B.value[0].id,S.event_type="event"),Fe(S)}async function Fe(r){await W("POST","video/update",r)?e.alert("Updated your settings"):e.alert("Can not update your settings!","error")}
6async function pt(r,i){i.event_id=r;const u={id:i.id,event_id:r,event_type:"event"};Fe(u)}function yt(){var i,u;if(n.value){f.value=!0;return}const r=document.getElementById("weezly-extension-controller");if(r){const S=r.getAttribute("exid");try{return(u=(i=window.chrome)==null?void 0:i.runtime)==null||u.sendMessage(S,{type:"openRecorder"}),!0}catch(y){console.log(y)}}window.open(et,"_blank")}function wt(r){M.value=r,N.value=!0}function _t(r,i=!1){V.value=[],_.value=[r],i=="move"?F.value=!0:i=="delete"&&(J.value=!0)}function ve(){if(O.value)return!1;_.value=[],V.value=[],J.value=!1,F.value=!1}function kt(){const r=V.value.length+_.value.length;let i=r+" ";return V.value.length>0&&_.value.length==0?i+="folder":_.value.length>0&&V.value.length==0?i+="video":i+="item",r!=1&&(i+="s"),i}function Ct(){const r=V.value.length+_.value.length;let i="item";return V.value.length>0&&_.value.length==0?i="folder":_.value.length>0&&V.value.length==0&&(i="video"),r!=1&&(i+="s"),i}async function St(){if(O.value)return!1;if(V.value.length==0&&_.value.length==0)return ve(),!1;O.value=!0,await W("DELETE","video/deleteItems",{folder_ids:V.value,screencast_ids:_.value})?(j.value=j.value.filter(i=>!V.value.includes(i.id)),m.value=m.value.filter(i=>!_.value.includes(i.id))):e.alert("Can not delete this video!","error"),O.value=!1,ve()}async function zt(r){const i=G.value.find(u=>u.id==r.destination_folder_id);i&&(m.value.filter(y=>r.moved_screencast.includes(y.id)).forEach(y=>{i.videos.unshift({id:y.id,name:y.name,thumb:y.thumb,top_parent_id:i.id})}),G.value.filter(y=>r.moved_folders.includes(y.id)).forEach(y=>{i.videos=y.videos.concat(i.videos)})),be(),m.value=m.value.filter(u=>!r.moved_screencast.includes(u.id)),ve()}async function Ft(){var u,S;if(te.value)return!1;const r=X.value.trim();if(re.value=!1,r=="")return re.value=!0,(u=xe.value)==null||u.focus(),!1;te.value=!0;const i=await W("POST","video/createFolder",{name:r,parent_id:b.value});i?(j.value.unshift(i.data),X.value="Untitled",(S=Z.value)==null||S.close(),G.value.push({id:i.data.id,name:i.data.name,videos:[]})):e.alert("Could not create new folder!","error"),te.value=!1}async function Vt(r){if(ve(),b.value!=r)await pe(),b.value=r,he();else if(r!=0){const i=j.value.find(u=>u.id===r);i&&(Q.value=r,X.value=i.name,_e(()=>{var u;return(u=ce.value)==null?void 0:u.focus()}))}}async function pe(){if(!Q.value)return!1;const r=j.value.find(y=>y.id==Q.value);if(!r)return Q.value=0,!1;const i=r.name,u=X.value.trim();if(u==""||i==u)return Q.value=0,!1;Q.value=0,r.name=u,await W("POST","video/updateFolder",{id:r.id,name:u})||(e.alert("Can not update folder name!","error"),r.name=i)}function Et(r){r.key==="Enter"?pe():r.key==="Escape"&&(Q.value=0)}function At(r){V.value.includes(r)?V.value=V.value.filter(i=>i!=r):V.value.push(r)}function Dt(r,i=!1){V.value=[r],_.value=[],i=="move"?F.value=!0:i=="delete"&&(J.value=!0)}function It(r,i,u){var fe;if(_.value.length||V.value.length)return!1;const S=new Image;S.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",(fe=r.dataTransfer)==null||fe.setDragImage(S,0,0);let y=!1;u=="folder"?y=j.value.find(E=>E.id==i):u=="screencast"&&(y=m.value.find(E=>E.id==i)),setTimeout(()=>{const E=document.createElement("div");E.className="ghost-item fixed z-[9999] pointer-events-none inline-flex items-center py-1.5 px-2.5 bg-white rounded-lg shadow-lg border border-gray-200 text-sm",E.id="ghost-item",E.style.left=r.clientX+"px",E.style.top=r.clientY+"px";const oe=jt=>{const Ke=document.createElement("div");return Ke.textContent=jt,Ke.innerHTML};u=="folder"&&y?E.innerHTML=`<img src="${Ge}" class="mr-1.5" width="20" /> <h6 class="m-0 font-semibold truncate max-w-[200px]">${oe(y.name)}</h6>`:u=="screencast"&&y&&(E.innerHTML=`<span class="mr-1.5 text-blue-600 text-lg">▶</span> <h6 class="m-0 font-semibold truncate max-w-[200px]">${oe(y.name)}</h6>`);const K=5,ne=-30;document.body.appendChild(E),document.addEventListener("dragover",Ve),E._gapX=K,E._gapY=ne,D.value=i,le.value=u},1)}function Ve(r){const i=document.getElementById("ghost-item");i&&(i.style.left=r.clientX+(i._gapX??5)+"px",i.style.top=r.clientY+(i._gapY??-30)+"px")}function Ee(){const r=document.getElementById("ghost-item");r&&r.remove(),document.removeEventListener("dragover",Ve),D.value=0,le.value=""}async function Ut(r){if(D.value==0||D.value==r)return Ee(),!1;const i=D.value,u=le.value,S=[],y=[];if(u=="folder"?S.push(i):u=="screencast"&&y.push(i),Ee(),await W("POST","video/moveItems",{parent_id:r,folder_ids:S,screencast_ids:y})){if(u=="folder"){const E=G.value.find(ne=>ne.id==r),oe=G.value.find(ne=>ne.id==i);oe&&E&&(E.videos=oe.videos.concat(E.videos));const K=j.value.find(ne=>ne.id==i);K&&(K.parent_id=r)}else if(u=="screencast"){const E=m.value.find(K=>K.id==i),oe=G.value.find(K=>K.id==r);E&&oe&&oe.videos.unshift({id:E.id,name:E.name,thumb:E.thumb,top_parent_id:r}),m.value=m.value.filter(K=>K.id!=i)}be()}else e.alert("Can not update the item!","error")}const Ge=new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAdCAYAAADCdc79AAAABHNCSVQICAgIfAhkiAAAAbRJREFUWEftl+9RwzAMxZ+PAWg3aDcIG5QJKBu0E9BOEjMBZQLKBMAElAkIEwATiCe7uaa5/L0Smw/4U3NWpV+eLEsxqFupjGDwxO2k1gbYYGWWDfu9t0ztP6w8cG/e6lGwxNpsWu06GlQDpbKiOmlHH4DgglC7zvYNhgZWNC3lNevp/Iv23YEEb3yBVVUMBZKewU83F7wQqPKl/4GcvJ0V0twC29Nz0uohq6vM45QJ1jS0SCXBGc5b3Q5gUAby5Wvlk7FGA8RrdskMHYAE34QZUZ3Z/oYOzsOztS4CPfJxTiBLoJvwNO6wT4tAvgVYeeVWU/8ahlXwwfiTItDURTJ4HyZii1fBrd7eHmhPx3QtCHQXCeiSQM850D0fFgTaEugqOFBeUC5BXqFrAm0jlrsXpAA0dgfZD2ThVy6IA0plR7okcrmPyaAjjAOybjaxotU1CS6PwN9/+6VAM/7OIpb70QjsR9i+I+tvysjbmQplB4U8UKxy11H2qCt4hWKMsRo3H3cKiusZmvP8
66CdP+FXxteKrLEZ3z9tVSQa9qWOVu2um5bTE+erw58c1078BVGimZaAf17fA+HHKDkcAAAAASUVORK5CYII=",import.meta.url).href,Tt=new URL("/assets/sample-screencast-CB27l6eY.png",import.meta.url).href,Mt=new URL("/assets/screencast-install-CKWjjYFl.png",import.meta.url).href,Lt=new URL("/assets/chrome-D2o6KSbm.png",import.meta.url).href,ye=g(0);let ge=null;const Ot=q(()=>{const r=Math.floor(ye.value/60),i=ye.value%60;return`${r}:${String(i).padStart(2,"0")}`});Ie(()=>{ge=setInterval(()=>{ye.value++},1e3)}),Xt(()=>{ge&&clearInterval(ge)});const Qe={router:a,toast:e,$t:w,userStore:k,me:d,isLimitedVideo:n,limitVideoModalOpen:f,goUpgrade:I,CHROME_STORE_URL:et,loading:T,deleting:O,openShare:N,videoShare:M,installed_extension:A,parent_id:b,videos:m,multi_screencast:_,events:B,folders:j,multi_folder:V,new_folder_name:X,new_folder_error:re,new_folder_loading:te,folder_samples:G,open_confirm_delete:J,open_move_popup:F,dragging_id:D,dragging_type:le,edit_mode_id:Q,is_loadmore:ie,is_loading_more:x,scroll:z,ddCreateFolder:Z,newFolderInput:xe,breadcrumbNameInput:ce,breadcrumbBox:Re,local_folders:Se,query:Be,normalizedQuery:ue,filteredFolders:Pe,filteredVideos:Ne,hasResults:ct,viewFilter:ut,heroChips:vt,showHelpPopup:se,helpVideoPlaying:ze,helpFeatures:gt,closeHelpPopup:ft,toggleHelpPopup:mt,breadcrumb:xt,getVideos:he,getFolders:be,getEvents:He,onScroll:qe,toggleScreencast:ht,toggleShowBooking:bt,updateEvent:Fe,selectEvent:pt,startRecord:yt,shareVideo:wt,singleSelectVideo:_t,cancelSelectMode:ve,getSelectedText:kt,getSelectedName:Ct,confirmDelete:St,updateItems:zt,createFolder:Ft,goToFolder:Vt,saveName:pe,onBreadcrumbNameKeydown:Et,toggleFolder:At,singleSelectFolder:Dt,dragstart:It,onGhostDragover:Ve,dragend:Ee,drop:Ut,folderIconUrl:Ge,sampleScreencastUrl:Tt,screencastInstallUrl:Mt,chromeIconUrl:Lt,recSeconds:ye,get recTimer(){return ge},set recTimer(r){ge=r},recDisplay:Ot,nextTick:_e,get HelpCircle(){return bo},get FolderIcon(){return Je},get Loader2(){return Le},get Trash2(){return Te},get FolderOpen(){return je},get PlayCircle(){return Ze},get VideoIcon(){return Ye},get Search(){return oo},get LayoutGrid(){return uo},get Monitor(){return $e},get Share2(){return at},get Calendar(){return Ue},get ArrowRight(){return to},get Download(){return eo},get Sparkles(){return We},get X(){return $t},get Play(){return Zt},get ExternalLink(){return Jt},get UiDropdown(){return Oe},get UiPageLoader(){return no},get UiModal(){return it},Folder:To,BackFolder:jo,VideoItem:xr,Share:ho,MoveItem:Fr};return Object.defineProperty(Qe,"__isScriptSetup",{enumerable:!1,value:!0}),Qe}}),tt="/img/screencast-linkedin.jpg",ot="/img/screencast-woman.mp4",Er={key:0,class:"flex-auto"},Ar={key:0,class:"flex-auto"},Dr={class:"mx-auto max-w-[1440px] px-8 py-8"},Ir={initial:{opacity:0,y:18},enter:{opacity:1,y:0,transition:{duration:500,ease:"easeOut"}},class:"sc-hero relative z-20 rounded-2xl mb-8 px-7 py-10 text-white overflow-hidden"},Ur={class:"absolute inset-0 pointer-events-none overflow-hidden","aria-hidden":"true"},Tr={class:"rec-bubble rec-bubble-2"},Mr={class:"rec-bubble-inner flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-white/10 backdrop-blur-sm border border-white/15"},Lr={class:"rec-bubble rec-bubble-3"},Or={class:"rec-bubble-inner w-10 h-10 rounded-full bg-white/10 backdrop-blur-sm border border-white/15 flex items-center justify-center"},jr={class:"rec-bubble rec-bubble-4"},Rr={class:"rec-bubble-inner flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-white/10 border border-white/15"},Br={class:"relative z-10 text-center max-w-2xl mx-auto"},Pr={initial:{opacity:0,y:12},enter:{opacity:1,y:0,transition:{delay:100,duration:450,ease:"easeOut"}},class:"text-3xl sm:text-4xl font-bold tracking-tight"},Nr={initial:{opacity:0,y:12},enter:{opacity:1,y:0,transition:{delay:200,duration:450,ease:"easeOut"}},class:"text-white/85 mt-3 text-[15px] leading-relaxed max-w-lg mx-auto"},Hr={initial:{opacity:0,y:16},enter:{opacity:1,y:0,transition:{delay:250,duration:500,ease:"easeOut"}},class:"bg-white rounded-2xl border border-gray-200 p-6 sm:p-8 mb-6"},qr={class:"grid grid-cols-1 sm:grid-cols-3 gap-6"},Gr=["enter"],Qr={class:"flex items-center justify-center gap-2 mb-2"},Kr={class:"w-6 h-6 rounded-full bg-gray-900 text-white text-xs font-bold flex items-center justify-center"},Wr={class:"text-sm font-bold text-gray-900"},Yr={class:"text-sm text-gray-500 leading-relaxed"},Xr={class:"relative z-10 px-8 pt-8 pb-10 overflow-hidden"},Jr={class:"relative z-10 text-center max-w-2xl mx-auto"},Zr={class:"mt-7"},$r={class:"sc-record-btn inline-flex items-center gap-2.5 px-8 py-3.5 rounded-xl text-[15px] font-bold transition-all shadow-xl group-hover:shadow-2xl group-hover:-translate-y-0.5"},el={class:"relative z-10 px-8 pb-0"},tl={class:"sc-browser rounded-t-xl overflow-hidden shadow-2xl shadow-black/50 border border-white/10 border-b-0"},ol={class:"relative overflow-hidden",style:{"aspect-ratio":"16/10"}},rl={class:"absolute inset-0 z-20 flex items-center justify-center"},ll={class:"sc-cam-bubble flex flex-col items-center"},nl={class:"flex items-center gap-3 mt-3 bg-gray-900/90 backdrop-blur-sm rounded-full px-4 py-2 border border-white/15 shadow-xl"},il={class:"text-sm font-mono font-semibold text-white tabular-nums"},sl={key:1,initial:{opacity:0,y:16},enter:{opacity:1,y:0,transition:{delay:550,duration:500,ease:"easeOut"}},class:"sc-install-card relative rounded-2xl overflow-hidden group"},al={class:"relative z-10 px-8 pt-8 pb-10 overflow-hidden"},dl={class:"relative z-10 text-center max-w-2xl mx-auto"},cl={class:"flex items-center justify-center gap-3 mb-4"},ul={class:"w-12 h-12 rounded-xl bg-amber-500/20 flex items-center justify-center"},vl={class:"flex items-center justify-center gap-6 mt-5"},gl={class:"flex items-center gap-2 text-sm text-gray-400"},fl={class:"flex items-center gap-2 text-sm text-gray-400"},ml={class:"flex items-center gap-2 text-sm text-gray-400"},xl={class:"mt-7"},hl=["src"],bl={class:"relative z-10 px-8 pb-0"},pl={class:"sc-browser rounded-t-xl overflow-hidden shadow-2xl shadow-black/50 border border-white/10 border-b-0"},yl={class:"relative overflow-hidden",style:{"aspect-ratio":"16/10"}},wl={class:"absolute inset-0 z-20 flex items-center justify-center"},_l={class:"sc-cam-bubble flex flex-col items-center"},kl={class:"flex items-center gap-3 mt-3 bg-gray-900/90 backdrop-blur-sm rounded-full px-4 py-2 border border-white/15 shadow-xl"},Cl={class:"text-sm font-mono font-semibold text-white tabular-nums"},Sl={class:"flex-auto px-8 py-8"},zl={initial:{opacity:0,y:18}
6,enter:{opacity:1,y:0,transition:{duration:500,ease:"easeOut"}},class:"relative z-20 rounded-2xl mb-8 px-7 py-7 lg:min-h-[172px] text-white bg-gradient-to-br from-blue-600 via-blue-600 to-[#8ce8ff]"},Fl={key:0,class:"hidden lg:block pointer-events-none absolute top-0 right-4 h-[172px] w-[860px] overflow-hidden","aria-hidden":"true"},Vl={class:"absolute left-11 top-1/2 -translate-y-1/2 whitespace-nowrap text-sm font-semibold text-white [text-shadow:0_1px_4px_rgba(15,23,42,0.45)]"},El={class:"relative flex flex-col md:flex-row md:items-center gap-6"},Al={initial:{opacity:0,x:-18},enter:{opacity:1,x:0,transition:{delay:120,duration:460,ease:"easeOut"}},class:"flex-1 min-w-0"},Dl={class:"shrink-0 flex items-center gap-2.5"},Il={class:"inline-flex items-center gap-2 rounded-lg bg-white/15 border border-white/25 px-4 py-2.5 text-sm font-medium text-white hover:bg-white/25 transition-colors"},Ul={class:"p-2.5"},Tl={class:"mb-5"},Ml={class:"hidden"},Ll={key:0,class:"relative mb-6 flex items-center min-w-0"},Ol=["onClick"],jl={class:"mb-7 flex items-center gap-3 flex-wrap"},Rl={class:"relative flex-1 min-w-[200px] max-w-md"},Bl={class:"inline-flex items-center gap-1 rounded-xl border border-gray-200 bg-white p-1"},Pl={class:"space-y-8"},Nl={key:0,class:"bg-white rounded-2xl border border-gray-200 p-5 sm:p-6"},Hl={class:"flex items-center gap-3 mb-5"},ql={class:"w-11 h-11 rounded-xl flex items-center justify-center shrink-0 bg-indigo-50 text-indigo-600"},Gl={class:"flex-1 min-w-0"},Ql={class:"flex items-center gap-2"},Kl={class:"text-xs font-semibold text-gray-500 bg-gray-100 rounded-full px-2 py-0.5"},Wl={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-6 gap-y-8"},Yl={key:1,class:"bg-white rounded-2xl border border-gray-200 p-5 sm:p-6"},Xl={class:"flex items-center gap-3 mb-5"},Jl={class:"w-11 h-11 rounded-xl flex items-center justify-center shrink-0 bg-blue-50 text-blue-600"},Zl={class:"flex-1 min-w-0"},$l={class:"flex items-center gap-2"},en={class:"text-xs font-semibold text-gray-500 bg-gray-100 rounded-full px-2 py-0.5"},tn={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-6 gap-y-8"},on={key:0,class:"flex items-center justify-center mt-2",style:{height:"40px"}},rn={key:1,class:"text-center text-gray-500 my-12"},ln={key:0,class:"fixed bottom-5 left-1/2 -translate-x-1/2 z-40 bg-white border border-gray-200 shadow-xl rounded-xl px-5 py-3 flex items-center gap-4"},nn={class:"text-sm text-gray-700"},sn=["title"],an={key:0,class:"text-sm text-gray-600"},dn={key:1,class:"text-sm text-gray-600"},cn={class:"mt-6 flex justify-end gap-2.5"},un={class:"mt-4 flex justify-end gap-2.5"},vn={key:1,class:"sc-ext-banner relative hidden sm:block overflow-hidden"},gn={class:"relative z-10 mx-auto flex items-center gap-4 px-6 py-3.5",style:{"max-width":"1440px"}},fn={class:"w-8 h-8 rounded-lg bg-amber-500/20 flex items-center justify-center shrink-0"},mn=["src"],xn={class:"rounded-2xl overflow-hidden shadow-2xl shadow-black/30"},hn={key:0,src:"https://www.youtube.com/embed/wcIB8JfyRmo?autoplay=1&rel=0",class:"absolute inset-0 w-full h-full border-0 z-10",allow:"autoplay; encrypted-media"},bn={class:"absolute inset-0 flex items-center justify-center z-[2]"},pn={class:"w-16 h-16 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center group-hover:bg-white/30 group-hover:scale-110 transition-all"},yn={class:"bg-gray-900 px-5 py-4"},wn={class:"flex flex-wrap gap-2 mb-4"};function _n(L,t,a,e,w,k){const d=ro("motion");return s(),v("div",{ref:"scroll",class:"flex-auto overflow-y-auto relative flex flex-col h-full",onScroll:e.onScroll},[e.loading?(s(),v("div",Er,[c(e.UiPageLoader)])):(s(),v(H,{key:1},[l(" âââââââââââââââ ONBOARDING (empty state) âââââââââââââââ "),e.parent_id==0&&e.videos.length==0&&e.folders.length==0?(s(),v("div",Ar,[o("div",Dr,[l(" Hero "),R((s(),v("div",Ir,[t[21]||(t[21]=o("div",{class:"absolute inset-0 bg-gradient-to-br from-blue-600 via-blue-600 to-[#8ce8ff]"},null,-1)),l(" Decorative recording bubbles "),o("div",Ur,[t[18]||(t[18]=$('<div class="rec-bubble rec-bubble-1" data-v-01cc1548><div class="rec-bubble-inner flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/15 backdrop-blur-sm border border-white/20" data-v-01cc1548><span class="w-2.5 h-2.5 rounded-full bg-red-500 rec-dot-pulse" data-v-01cc1548></span><span class="text-xs font-medium text-white/90" data-v-01cc1548>REC</span><span class="text-xs text-white/60 tabular-nums" data-v-01cc1548>
602:34</span></div></div>',1)),o("div",Tr,[o("div",Mr,[c(e.Monitor,{size:13,class:"text-white/70"}),t[16]||(t[16]=o("span",{class:"text-[11px] text-white/70"},"Screen + Cam",-1))])]),o("div",Lr,[o("div",Or,[c(e.PlayCircle,{size:18,class:"text-white/80"})])]),o("div",jr,[o("div",Rr,[c(e.Share2,{size:11,class:"text-white/60"}),t[17]||(t[17]=o("span",{class:"text-[11px] text-white/60"},"Share link",-1))])])]),l(" Help button "),o("button",{class:C(["absolute top-4 right-4 z-20 w-10 h-10 rounded-lg border flex items-center justify-center text-white transition-colors",e.showHelpPopup?"bg-white/30 border-white/40":"bg-white/15 border-white/25 hover:bg-white/25"]),title:"Learn about Video Messaging",onClick:e.toggleHelpPopup},[c(e.HelpCircle,{size:18})],2),o("div",Br,[R((s(),v("h1",Pr,[...t[19]||(t[19]=[p("Record, share, get booked.",-1)])])),[[d]]),R((s(),v("p",Nr,[...t[20]||(t[20]=[p("Your Loom alternative with built-in booking pages. Record your screen, share a link, and let viewers book a meeting right from the video.",-1)])])),[[d]])])])),[[d]]),l(" How it works "),R((s(),v("section",Hr,[t[22]||(t[22]=o("div",{class:"text-center mb-8"},[o("h2",{class:"text-xl font-bold text-gray-900"},"How Video Messaging works"),o("p",{class:"text-sm text-gray-500 mt-1.5 max-w-lg mx-auto"},"Your alternative to Loom, built right into Weezly with booking pages attached to every recording.")],-1)),o("div",qr,[(s(!0),v(H,null,ee([{icon:e.Monitor,color:"bg-blue-50 text-blue-600",title:"Record your screen",desc:"Capture your screen, camera, or both using the Weezly Chrome Extension. No extra software needed."},{icon:e.Share2,color:"bg-violet-50 text-violet-600",title:"Share with anyone",desc:"Get a shareable link instantly. Send it via email, Slack, LinkedIn, or embed it anywhere you want."},{icon:e.Calendar,color:"bg-emerald-50 text-emerald-600",title:"Get booked",desc:"Every video comes with your scheduling page built in. Viewers watch and book a meeting without leaving."}],(n,f)=>R((s(),v("div",{key:n.title,initial:{opacity:0,y:20},enter:{opacity:1,y:0,transition:{delay:400+f*120,duration:450,ease:"easeOut"}},class:"text-center"},[o("div",{class:C(["inline-flex w-14 h-14 rounded-2xl items-center justify-center mb-4",n.color])},[(s(),U(De(n.icon),{size:26}))],2),o("div",Qr,[o("span",Kr,h(f+1),1),o("h3",Wr,h(n.title),1)]),o("p",Yr,h(n.desc),1)],8,Gr)),[[d]])),128))])])),[[d]]),l(" INSTALLED: Record your first video "),e.installed_extension?R((s(),v("div",{key:0,initial:{opacity:0,y:16},enter:{opacity:1,y:0,transition:{delay:550,duration:500,ease:"easeOut"}},class:"sc-record-card relative rounded-2xl overflow-hidden cursor-pointer group",onClick:e.startRecord},[t[32]||(t[32]=o("div",{class:"absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"},null,-1)),t[33]||(t[33]=o("div",{class:"sc-glow-1"},null,-1)),t[34]||(t[34]=o("div",{class:"sc-glow-2"},null,-1)),t[35]||(t[35]=o("div",{class:"sc-shimmer"},null,-1)),l(" Dark header area with animated elements "),o("div",Xr,[t[26]||(t[26]=$('<div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true" data-v-01cc1548><div class="frame-line frame-line-1" data-v-01cc1548></div><div class="frame-line frame-line-2" data-v-01cc1548></div><div class="frame-line frame-line-3" data-v-01cc1548></div><div class="frame-dot frame-dot-1" data-v-01cc1548></div><div class="frame-dot frame-dot-2" data-v-01cc1548></div><div class="frame-dot frame-dot-3" data-v-01cc1548></div><div class="frame-dot frame-dot-4" data-v-01cc1548></div></div>',1)),o("div",Jr,[t[25]||(t[25]=$('<div class="flex items-center justify-center gap-3 mb-4" data-v-01cc1548><span class="sc-rec-indicator w-12 h-12 rounded-xl bg-red-500/20 flex items-center justify-center" data-v-01cc1548><span class="w-4 h-4 rounded-full bg-red-500 rec-dot-pulse" data-v-01cc1548></span></span><span class="px-2.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-300 text-[11px] font-semibold uppercase tracking-wide" data-v-01cc1548>Extension ready</span></div><h3 class="text-2xl font-bold text-white mb-2.5" data-v-01cc1548>Record your first video</h3><p class="text-sm text-gray-400 leading-relaxed" data-v-01cc1548>Your Weezly Chrome Extension is installed and ready to go. Hit record, capture your screen, and create your first shareable video with a booking page.</p>',3)),o("div",Zr,[o("button",$r,[t[23]||(t[23]=o("span",{class:"w-3 h-3 rounded-full bg-white rec-dot-pulse"},null,-1)),t[24]||(t[24]=p(" Start recording ",-1)),c(e.ArrowRight,{size:17,class:"transition-transform group-hover:translate-x-1"})])])])]),l(" Browser illustration with realistic website + centered video "),o("div",el,[o("div",tl,[l(" Browser chrome bar "),t[31]||(t[31]=$('<div class="flex items-center gap-2 px-4 py-2.5 bg-gray-100 border-b border-gray-200" data-v-01cc1548><span class="flex gap-1.5" data-v-01cc1548><span class="w-3 h-3 rounded-full bg-red-400" data-v-01cc1548></span><span class="w-3 h-3 rounded-full bg-amber-400" data-v-01cc1548></span><span class="w-3 h-3 rounded-full bg-emerald-400" data-v-01cc1548></span></span><div class="flex-1 flex justify-center" data-v-01cc1548><span class="inline-flex items-center gap-1.5 bg-white rounded-lg border border-gray-200 px-4 py-1 text-xs text-gray-500" data-v-01cc1548>
6<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-01cc1548><rect x="3" y="11" width="18" height="11" rx="2" ry="2" data-v-01cc1548></rect><path d="M7 11V7a5 5 0 0 1 10 0v4" data-v-01cc1548></path></svg> linkedin.com/in/profile </span></div></div>',1)),l(" Website body: real LinkedIn screenshot with centered video + controls "),o("div",ol,[t[30]||(t[30]=o("img",{src:tt,alt:"",class:"absolute inset-0 w-full h-full object-cover object-center"},null,-1)),l(" Centered camera video + controls cluster "),o("div",rl,[o("div",ll,[t[28]||(t[28]=o("div",{class:"sc-cam-ring w-52 h-52 sm:w-60 sm:h-60 rounded-full overflow-hidden shadow-2xl"},[o("video",{autoplay:"",muted:"",loop:"",playsinline:"",class:"w-full h-full object-cover",src:ot})],-1)),t[29]||(t[29]=o("div",{class:"flex items-center gap-1.5 bg-gray-900/90 backdrop-blur-sm rounded-full px-3 py-1.5 border border-white/20 shadow-lg -mt-3"},[o("span",{class:"w-2.5 h-2.5 rounded-full bg-red-500 rec-dot-pulse"}),o("span",{class:"text-xs font-medium text-white"},"Recording")],-1)),l(" Controls right under "),o("div",nl,[o("span",il,h(e.recDisplay),1),t[27]||(t[27]=$('<div class="w-px h-4 bg-white/20" data-v-01cc1548></div><button class="w-7 h-7 rounded-lg bg-white/10 flex items-center justify-center text-white/70" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" data-v-01cc1548><rect x="6" y="4" width="4" height="16" rx="1" data-v-01cc1548></rect><rect x="14" y="4" width="4" height="16" rx="1" data-v-01cc1548></rect></svg></button><button class="w-7 h-7 rounded-lg bg-white/10 flex items-center justify-center text-white/70" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-01cc1548><polyline points="3 6 5 6 21 6" data-v-01cc1548></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" data-v-01cc1548></path></svg></button><button class="w-8 h-8 rounded-full bg-red-500 flex items-center justify-center shadow-lg shadow-red-500/30" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="white" data-v-01cc1548><rect x="4" y="4" width="16" height="16" rx="3" data-v-01cc1548></rect></svg></button>',4))])])])])])])])),[[d]]):l("v-if",!0),l(" NOT INSTALLED: Install Chrome Extension "),e.installed_extension?l("v-if",!0):R((s(),v("div",sl,[t[50]||(t[50]=o("div",{class:"absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"},null,-1)),t[51]||(t[51]=o("div",{class:"sc-glow-1"},null,-1)),t[52]||(t[52]=o("div",{class:"sc-glow-2"},null,-1)),t[53]||(t[53]=o("div",{class:"sc-shimmer"},null,-1)),l(" Dark header with animated lines "),o("div",al,[t[44]||(t[44]=$('<div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true" data-v-01cc1548><div class="frame-line frame-line-1" data-v-01cc1548></div><div class="frame-line frame-line-2" data-v-01cc1548></div><div class="frame-line frame-line-3" data-v-01cc1548></div><div class="frame-dot frame-dot-1" data-v-01cc1548></div><div class="frame-dot frame-dot-2" data-v-01cc1548></div><div class="frame-dot frame-dot-3" data-v-01cc1548></div><div class="frame-dot frame-dot-4" data-v-01cc1548></div></div>',1)),o("div",dl,[o("div",cl,[o("span",ul,[c(e.Download,{size:22,class:"text-amber-400"})]),t[36]||(t[36]=o("span",{class:"px-2.5 py-0.5 rounded-full bg-amber-500/20 text-amber-300 text-[11px] font-semibold uppercase tracking-wide"},"Setup required",-1))]),t[41]||(t[41]=o("h3",{class:"text-2xl font-bold text-white mb-2.5"},"Install the Weezly Chrome Extension",-1)),t[42]||(t[42]=o("p",{class:"text-sm text-gray-400 leading-relaxed"},"To start recording your screen you need the Weezly Chrome Extension. It takes 10 seconds to install, and you are ready to record right away.",-1)),o("div",vl,[o("div",gl,[c(e.Monitor,{size:15,class:"text-blue-400"}),t[37]||(t[37]=o("span",null,"Screen + camera",-1))]),o("div",fl,[c(e.Sparkles,{size:15,class:"text-violet-400"}),t[38]||(t[38]=o("span",null,"Free to use",-1))]),o("div",ml,[c(e.Calendar,{size:15,class:"text-emerald-400"}),t[39]||(t[39]=o("span",null,"Built-in booking",-1))])]),o("div",xl,[o("a",{href:e.CHROME_STORE_URL,target:"_blank",class:"sc-install-btn inline-flex items-center gap-2.5 px-8 py-3.5 rounded-xl text-[15px] font-bold transition-all shadow-xl hover:shadow-2xl hover:-translate-y-0.5"},[o("img",{src:e.chromeIconUrl,alt:"Chrome",class:"w-5 h-5"},null,8,hl),t[40]||(t[40]=p(" Install Chrome Extension ",-1)),c(e.ArrowRight,{size:17,class:"transition-transform group-hover:translate-x-1"})])]),t[43]||(t[43]=o("p",{class:"text-xs text-gray-500 mt-3"},"Takes about 10 seconds. Desktop only.",-1))])]),l(" Browser illustration with real LinkedIn screenshot + centered video "),o("div",bl,[o("div",pl,[t[49]||(t[49]=$('<div class="flex items-center gap-2 px-4 py-2.5 bg-gray-100 border-b border-gray-200" data-v-01cc1548><span class="flex gap-1.5" data-v-01cc1548><span class="w-3 h-3 rounded-full bg-red-400" data-v-01cc1548></span><span class="w-3 h-3 rounded-full bg-amber-400" data-v-01cc1548></span><span class="w-3 h-3 rounded-full bg-emerald-400" data-v-01cc1548></span></span><div class="flex-1 flex justify-center" data-v-01cc1548><span class="inline-flex items-center gap-1.5 bg-white rounded-lg border border-gray-200 px-4 py-1 text-xs text-gray-500" data-v-01cc1548>
6<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-01cc1548><rect x="3" y="11" width="18" height="11" rx="2" ry="2" data-v-01cc1548></rect><path d="M7 11V7a5 5 0 0 1 10 0v4" data-v-01cc1548></path></svg> linkedin.com/in/profile </span></div></div>',1)),o("div",yl,[t[48]||(t[48]=o("img",{src:tt,alt:"",class:"absolute inset-0 w-full h-full object-cover object-center"},null,-1)),o("div",wl,[o("div",_l,[t[46]||(t[46]=o("div",{class:"sc-cam-ring w-52 h-52 sm:w-60 sm:h-60 rounded-full overflow-hidden shadow-2xl"},[o("video",{autoplay:"",muted:"",loop:"",playsinline:"",class:"w-full h-full object-cover",src:ot})],-1)),t[47]||(t[47]=o("div",{class:"flex items-center gap-1.5 bg-gray-900/90 backdrop-blur-sm rounded-full px-3 py-1.5 border border-white/20 shadow-lg -mt-3"},[o("span",{class:"w-2.5 h-2.5 rounded-full bg-red-500 rec-dot-pulse"}),o("span",{class:"text-xs font-medium text-white"},"Recording")],-1)),o("div",kl,[o("span",Cl,h(e.recDisplay),1),t[45]||(t[45]=$('<div class="w-px h-4 bg-white/20" data-v-01cc1548></div><button class="w-7 h-7 rounded-lg bg-white/10 flex items-center justify-center text-white/70" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" data-v-01cc1548><rect x="6" y="4" width="4" height="16" rx="1" data-v-01cc1548></rect><rect x="14" y="4" width="4" height="16" rx="1" data-v-01cc1548></rect></svg></button><button class="w-7 h-7 rounded-lg bg-white/10 flex items-center justify-center text-white/70" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-01cc1548><polyline points="3 6 5 6 21 6" data-v-01cc1548></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" data-v-01cc1548></path></svg></button><button class="w-8 h-8 rounded-full bg-red-500 flex items-center justify-center shadow-lg shadow-red-500/30" data-v-01cc1548><svg width="12" height="12" viewBox="0 0 24 24" fill="white" data-v-01cc1548><rect x="4" y="4" width="16" height="16" rx="3" data-v-01cc1548></rect></svg></button>',4))])])])])])])])),[[d]])])])):(s(),v(H,{key:1},[l(" HAS VIDEOS "),o("div",Sl,[o("div",{class:C(["mx-auto max-w-[1440px]",e.multi_screencast.length||e.multi_folder.length?"select-mode":"free-mode"]),style:{"min-height":"100%"}},[l(" Gradient hero "),R((s(),v("div",zl,[l(" 4 guide lines; each icon rests on its line and drifts up/down a little. "),e.videos.length>0||e.folders.length>0?(s(),v("div",Fl,[t[54]||(t[54]=$('<svg viewBox="0 0 860 172" width="860" height="172" fill="none" class="absolute left-0 top-0" data-v-01cc1548><path d="M150 0 C230 57 230 115 150 172" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-dasharray="3 7" data-v-01cc1548></path><path d="M300 0 C380 57 380 115 300 172" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-dasharray="3 7" data-v-01cc1548></path><path d="M450 0 C530 57 530 115 450 172" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-dasharray="3 7" data-v-01cc1548></path><path d="M600 0 C680 57 680 115 600 172" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-dasharray="3 7" data-v-01cc1548></path></svg>',1)),(s(),v(H,null,ee(e.heroChips,(n,f)=>o("div",{key:n.label,class:C(["hero-lane","hero-lane-"+f])},[o("div",{class:C(["hero-lane-bob relative h-9 w-9","hero-bob-"+f])},[o("span",{class:C(["flex h-9 w-9 items-center justify-center rounded-2xl bg-white shadow-lg",n.color])},[(s(),U(De(n.icon),{size:18}))],2),o("span",Vl,h(n.label),1)],2)],2)),64))])):l("v-if",!0),o("div",El,[R((s(),v("div",Al,[...t[55]||(t[55]=[o("h1",{class:"text-2xl sm:text-3xl font-bold tracking-tight"},"Record, share, get booked.",-1),o("p",{class:"text-white/85 mt-2.5 max-w-xl text-[15px] leading-relaxed"},"Record your screen, organise clips into folders, and attach a booking page to every video so viewers can meet you in one click.",-1)])])),[[d]]),o("div",Dl,[l(" New folder "),c(e.UiDropdown,{ref:"ddCreateFolder",position:"bottom-right",width:"220px",onToggled:t[2]||(t[2]=n=>{n&&e.nextTick(()=>{var f;return(f=e.newFolderInput)==null?void 0:f.focus()})})},{toggle:P(()=>[o("button",Il,[c(e.FolderIcon,{size:16}),t[56]||(t[56]=p(" Folder ",-1))])]),default:P(({close:n})=>[o("div",Ul,[o("div",Tl,[R(o("input",{ref:"newFolderInput","onUpdate:modelValue":t[0]||(t[0]=f=>e.new_folder_name=f),placeholder:"Folder name",maxlength:"50",class:C(["block w-full border rounded-lg px-3 py-2 text-sm text-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-500",e.new_folder_error?"border-red-400":"border-gray-300"]),onInput:t[1]||(t[1]=f=>e.new_folder_error=!1),onKeydown:lo(e.createFolder,["enter"])},null,34),[[ke,e.new_folder_name]])]),o("button",{class:"w-full inline-flex items-center justify-center bg-blue-600 text-white text-sm font-medium rounded-lg px-3 py-2 hover:bg-blue-700",onClick:e.createFolder},[t[57]||(t[57]=p(" Create ",-1)),e.new_folder_loading?(s(),U(e.Loader2,{key:0,size:15,class:"ml-1.5 animate-spin"})):l("v-if",!0)]),o("span",Ml,h(n),1)])]),_:1},512),l(" help "),o("button",{class:C(["w-10 h-10 rounded-lg border flex items-center justify-center text-white transition-colors",e.showHelpPopup?"bg-white/30 border-white/40":"bg-white/15 border-white/25 hover:bg-white/25"]),title:"Learn about Video Messaging",onClick:e.toggleHelpPopup},[c(e.HelpCircle,{size:18})],2),l(" Record "),o("button",{class:"inline-flex items-center gap-2 bg-white text-rose-600 px-5 py-2.5 rounded-xl text-sm font-semibold hover:bg-white/90 transition-colors shadow-md",title:"Record my video",onClick:e.startRecord},[...t[58]||(t[58]=[o("span",{class:"inline-block w-2.5 h-2.5 rounded-full bg-rose-600"},null,-1),p(" Record ",-1)])])])])])),[[d]]),l(" Breadcrumb (only inside a folder) "),e.parent_id!=0?(s(),v("div",Ll,[o("div",{ref:"breadcrumbBox",class:C(["flex items-center text-lg flex-wrap",{"opacity-0":e.dragging_id>0&&e.parent_id!=0}])},[(s(!0),v(H,null,ee(e.breadcrumb,(n,f)=>(s(),v("span",{key:n.type==="slash"?"slash-"+f:"crumb-"+n.id,class:C({"hover:text-blue-600 cursor-pointer":n.id!=e.parent_id,"font-bold":n.id==e.parent_id,"cursor-text":n.id==e.parent_id&&n.id!=0,"mx-1.5 text-gray-400":n.type=="slash",hidden:e.edit_mode_id==n.id&&n.id!=0}),onClick:I=>n.type!=="slash"?e.goToFolder(n.id):null},h(n.type=="slash"?"/":n.name),11,Ol))),128)),R(o("input",{ref:"breadcrumbNameInput","onUpdate:modelValue":t[3]||(t[3]=n=>e.new_folder_name=n),class:"text-lg font-bold border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-500",style:{height:"34px"},onKeydown:e.onBreadcrumbNameKeydown},null,544),[[me,e.edit_mode_id],[ke,e.new_folder_name]])],2),e.dragging_id>0&&e.parent_id!=0?(s(),U(e.BackFolder,{key:0,parent_id:e.parent_id,folders:e.folders,onDrop:e.drop},null,8,["parent_id","folders"])):l("v-if",!0)])):l("v-if",!0),l(" Search + filter "),o("div",jl,[o("div",Rl,[c(e.Search,{size:16,class:"absolute left-3.5 to
6p-1/2 -translate-y-1/2 text-gray-400"}),R(o("input",{"onUpdate:modelValue":t[4]||(t[4]=n=>e.query=n),type:"text",placeholder:"Search folders and videosâ¦",class:"w-full rounded-xl border border-gray-200 bg-white pl-10 pr-3 py-2.5 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-500"},null,512),[[ke,e.query]])]),t[62]||(t[62]=o("div",{class:"flex-1"},null,-1)),l(" Show: all / folders / videos "),o("div",Bl,[o("button",{class:C(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors",e.viewFilter==="all"?"bg-blue-600 text-white shadow-sm":"text-gray-600 hover:bg-gray-100"]),onClick:t[5]||(t[5]=n=>e.viewFilter="all")},[c(e.LayoutGrid,{size:15}),t[59]||(t[59]=p(" All ",-1))],2),o("button",{class:C(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors",e.viewFilter==="folders"?"bg-blue-600 text-white shadow-sm":"text-gray-600 hover:bg-gray-100"]),onClick:t[6]||(t[6]=n=>e.viewFilter="folders")},[c(e.FolderIcon,{size:15}),t[60]||(t[60]=p(" Folders ",-1))],2),o("button",{class:C(["inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors",e.viewFilter==="videos"?"bg-blue-600 text-white shadow-sm":"text-gray-600 hover:bg-gray-100"]),onClick:t[7]||(t[7]=n=>e.viewFilter="videos")},[c(e.VideoIcon,{size:15}),t[61]||(t[61]=p(" Videos ",-1))],2)])]),o("div",Pl,[l(" Folders "),e.filteredFolders.length>0&&e.viewFilter!=="videos"?(s(),v("section",Nl,[o("div",Hl,[o("div",ql,[c(e.FolderIcon,{size:20})]),o("div",Gl,[o("div",Ql,[t[63]||(t[63]=o("h2",{class:"text-lg font-semibold text-gray-900"},"Folders",-1)),o("span",Kl,h(e.filteredFolders.length),1)]),t[64]||(t[64]=o("p",{class:"text-sm text-gray-500 truncate"},"Organise your recordings into folders.",-1))])]),o("div",Wl,[(s(!0),v(H,null,ee(e.filteredFolders,n=>(s(),U(e.Folder,{key:n.id,videos:e.videos,folders:e.folders,folder:n,multiselect:e.multi_folder,folder_samples:e.folder_samples,onToggleSelect:e.toggleFolder,onSingleSelectFolder:e.singleSelectFolder,onGoToFolder:e.goToFolder,onDragstart:e.dragstart,onDragend:e.dragend,onDrop:e.drop},null,8,["videos","folders","folder","multiselect","folder_samples"]))),128))])])):l("v-if",!0),l(" Videos "),e.filteredVideos.length>0&&e.viewFilter!=="folders"?(s(),v("section",Yl,[o("div",Xl,[o("div",Jl,[c(e.VideoIcon,{size:20})]),o("div",Zl,[o("div",$l,[t[65]||(t[65]=o("h2",{class:"text-lg font-semibold text-gray-900"},"Videos",-1)),o("span",en,h(e.filteredVideos.length),1)]),t[66]||(t[66]=o("p",{class:"text-sm text-gray-500 truncate"},"Your screen recordings.",-1))])]),o("div",tn,[(s(!0),v(H,null,ee(e.filteredVideos,n=>(s(),U(e.VideoItem,{key:n.id,video:n,multiselect:e.multi_screencast,events:e.events,index:n.index,onShareVideo:e.shareVideo,onSelectEvent:e.selectEvent,onToggleSelect:e.toggleScreencast,onSingleSelectVideo:e.singleSelectVideo,onToggleShowBooking:e.toggleShowBooking,onDragstart:e.dragstart,onDragend:e.dragend},null,8,["video","multiselect","events","index"]))),128))]),l(" Load more "),e.is_loadmore?(s(),v("div",on,[e.is_loading_more?(s(),U(e.Loader2,{key:0,size:28,class:"animate-spin text-blue-600"})):(s(),v("span",{key:1,class:"cursor-pointer text-blue-600",onClick:t[8]||(t[8]=n=>e.getVideos(!1))}," Load More "))])):l("v-if",!0)])):l("v-if",!0)]),l(" Search: no results "),e.normalizedQuery&&!e.hasResults?(s(),v("div",rn," No folders or videos match â"+h(e.query.trim())+"â. ",1)):!e.normalizedQuery&&e.videos.length==0?(s(),v(H,{key:2},[l(" Empty video & folder "),t[67]||(t[67]=o("div",{class:"text-center text-gray-500 my-8"},"No videos in this folder",-1))],2112)):l("v-if",!0),l(" Multi select bar "),c(Xe,{"enter-active-class":"transition duration-200","enter-from-class":"translate-y-full","leave-active-class":"transition duration-150","leave-to-class":"translate-y-full"},{default:P(()=>[e.multi_screencast.length>0||e.multi_folder.length>0?(s(),v("div",ln,[o("span",nn,h(e.getSelectedText())+" selected",1),t[70]||(t[70]=o("div",{class:"flex-1"},null,-1)),o("button",{class:"inline-flex items-center text-sm text-gray-700 hover:text-blue-600 px-1",title:"Move",onClick:t[9]||(t[9]=n=>e.open_move_popup=!0)},[c(e.FolderOpen,{size:18,class:"mr-1.5"}),t[68]||(t[68]=p(" Move ",-1))]),o("button",{class:"inline-flex items-center text-sm text-gray-700 hover:text-red-600 px-1",title:e.$t("button.delete"),onClick:t[10
6]||(t[10]=n=>e.open_confirm_delete=!0)},[c(e.Trash2,{size:18,class:"mr-1.5"}),t[69]||(t[69]=p(" Delete ",-1))],8,sn),o("span",{class:"text-sm text-gray-500 cursor-pointer ml-2.5",onClick:e.cancelSelectMode},h(e.$t("button.cancel")),1)])):l("v-if",!0)]),_:1}),l(" Share "),e.openShare?(s(),U(e.Share,{key:3,video:e.videoShare,onClose:t[11]||(t[11]=n=>e.openShare=!1)},null,8,["video"])):l("v-if",!0),l(" Confirm delete modal "),e.open_confirm_delete?(s(),U(e.UiModal,{key:4,open:!0,title:`Delete ${e.getSelectedName()}`,onClose:e.cancelSelectMode},{default:P(()=>[e.multi_folder.length?(s(),v("p",an,[p(" Deleting folder"+h(e.multi_folder.length!=1?"s":"")+" will not delete the videos in it. Any videos that you created will be available in the ",1),t[71]||(t[71]=o("strong",null,"Video Messaging",-1)),t[72]||(t[72]=p(" tab. ",-1))])):l("v-if",!0),e.multi_screencast.length?(s(),v("p",dn," Deleted video"+h(e.multi_screencast.length!=1?"s":"")+" will no longer be accessible. ",1)):l("v-if",!0),o("div",cn,[o("button",{class:"text-sm font-medium border border-gray-300 rounded-lg px-4 py-2 hover:bg-gray-50",onClick:e.cancelSelectMode},h(e.$t("button.cancel")),1),o("button",{class:"inline-flex items-center text-sm font-medium bg-red-600 text-white rounded-lg px-4 py-2 hover:bg-red-700",onClick:e.confirmDelete},[p(h(e.$t("button.permanently_delete"))+" ",1),e.deleting?(s(),U(e.Loader2,{key:0,size:16,class:"ml-1.5 animate-spin"})):l("v-if",!0)])])]),_:1},8,["title"])):l("v-if",!0)],2)]),l(` Recording-count cap reached (lifetime deal / free) â prompt upgrade. 7 At the broad level so it renders from the welcome/install states too. `),e.limitVideoModalOpen?(s(),U(e.UiModal,{key:0,open:!0,title:e.$t("text.you_have_reached_limit_video"),onClose:t[13]||(t[13]=n=>e.limitVideoModalOpen=!1)},{default:P(()=>[o("div",un,[o("button",{class:"text-sm font-medium border border-gray-300 rounded-lg px-4 py-2 hover:bg-gray-50",onClick:t[12]||(t[12]=n=>e.limitVideoModalOpen=!1)},h(e.$t("button.close")),1),o("button",{class:"inline-flex items-center text-sm font-medium bg-blue-600 text-white rounded-lg px-4 py-2 hover:bg-blue-700",onClick:e.goUpgrade},h(e.$t("button.upgrade")),1)])]),_:1},8,["title"])):l("v-if",!0),l(" NOT INSTALLED EXTENSION banner "),e.installed_extension?l("v-if",!0):(s(),v("div",vn,[t[75]||(t[75]=o("div",{class:"absolute inset-0 bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900"},null,-1)),t[76]||(t[76]=o("div",{class:"sc-ext-shimmer"},null,-1)),o("div",gn,[o("span",fn,[c(e.Download,{size:16,class:"text-amber-400"})]),t[74]||(t[74]=o("p",{class:"text-sm text-gray-300 flex-1"},[o("span",{class:"font-semibold text-white"},"Install the Weezly Chrome Extension"),p(" to start recording your screen directly from the browser. ")],-1)),o("a",{target:"_blank",href:e.CHROME_STORE_URL,class:"inline-flex items-center gap-2.5 rounded-xl bg-white px-5 py-2.5 text-sm font-semibold text-gray-900 shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all"},[o("img",{src:e.chromeIconUrl,alt:"Chrome",class:"w-5 h-5"},null,8,mn),t[73]||(t[73]=p(" Install Extension ",-1))])])])),l(" MOVE ITEMS POPUP "),e.open_move_popup?(s(),U(e.MoveItem,{key:2,folders:e.folders,parent_id:e.parent_id,multi_folder:e.multi_folder,multi_screencast:e.multi_screencast,onClose:e.cancelSelectMode,onUpdate:e.updateItems},null,8,["folders","parent_id","multi_folder","multi_screencast"])):l("v-if",!0)],64))],64)),l(" Help popup â fixed bottom-right "),c(Xe,{name:"help-popup"},{default:P(()=>[e.showHelpPopup?(s(),v("div",{key:0,class:C(["fixed bottom-6 right-6 z-[80] transition-all duration-300 ease-out",e.helpVideoPlaying?"w-[720px]":"w-[380px]"])},[o("div",xn,[l(" Video thumbnail area "),o("div",{class:C(["relative overflow-hidden cursor-pointer group transition-all duration-300 ease-out",e.helpVideoPlaying?"h-[405px]":"h-[200px]"]),onClick:t[14]||(t[14]=n=>e.helpVideoPlaying=!0)},[t[78]||(t[78]=o("div",{class:"absolute inset-0 bg-gradient-to-br from-blue-600 via-violet-600 to-indigo-700"},null,-1)),t[79]||(t[79]=o("img",{src:"https://img.youtube.com/vi/wcIB8JfyRmo/hqdefault.jpg",alt:"",class:"absolute inset-0 w-full h-full object-cover"},null,-1)),t[80]||(t[80]=o("div",{class:"absolute inset-0 bg-black/20"},null,-1)),e.helpVideoPlaying?(s(),v("iframe",hn)):l("v-if",!0),e.helpVideoPlaying?l("v-if",!0):(s(),v(H,{key:1},[o("div",bn,[o("div",pn,[c(e.Play,{size:28,class:"text-white ml-1"})])]),t[77]||(t[77]=o("div",{class:"absolute bottom-3 left-4 right-4 z-[2]"},[o("p",{class:"text-white font-bold text-lg leading-tight drop-shadow-md"},"See Video Messaging in action"),o("p",{class:"text-white/70 text-xs mt-0.5 drop-shadow-md"},[p("Watch tutorial "),o("span",{class:"ml-1.5 px-1.5 py-0.5 rounded bg-black/30 text-white/90 text-[10px] font-semibold"},"HD")])],-1))],64)),o("button",{class:"absolute top-2.5 right-2.5 w-7 h-7 rounded-lg bg-black/30 backdrop-blur-sm flex items-center justify-center text-white/70 hover:text-white hover:bg-black/50 transition-colors z-20",onClick:Y(e.closeHelpPopup,["stop"])},[c(e.X,{size:14})])],2),l(" Dark bottom section "),o("div",yn,[l(" Feature pills "),o("div",wn,[(s(),v(H,null,ee(e.helpFeatures,n=>o("span",{key:n.label,class:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/[0.08] border border-white/10 text-white/80 text-xs font-medium"},[(s(),U(De(n.icon),{size:13,class:"text-blue-400"})),p(" "+h(n.label),1)])),64))]),l(" Description "),t[82]||(t[82]=o("p",{class:"text-sm text-gray-400 leading-relaxed mb-4"},"Record your screen, camera, or both. Share a link and let viewers book a meeting right from the video. Your Loom alternative with built-in scheduling.",-1)),l(" See all tutorials link "),o("button",{class:"inline-flex items-center gap-2 text-sm font-semibold text-blue-400 hover:text-blue-300 transition-colors",onClick:t[15]||(t[15]=n=>{e.router.push("/tutorials/category-5"),e.closeHelpPopup()})},[t[81]||(t[81]=p(" See all tutorials ",-1)),c(e.ExternalLink,{size:14})])])])],2)):l("v-if",!0)]),_:1})],544)}const Qn=de(Vr,[["render",_n],["__scopeId","data-v-01cc1548"],["__file","/home/gitlab-runner/weezly-v3/callendo-frontend-v3/src/views/screencast/ScreencastView.vue"]]);export{Qn as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.