1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9716],{10173:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/library/from-others",function(){return t(42939)}])},24611:function(n,e,t){"use strict";var i=t(85893),r=t(15054);let o=n=>(0,i.jsx)(r.Z,{...n,shape:"rounded",color:"standard"});e.Z=o},94706:function(n,e,t){"use strict";var i=t(85893),r=t(9008),o=t.n(r);let s=n=>{let{title:e="Velv",description:t="Velv is a work communication app designed for collaboration without the noise of constant pings, distractions, or meetings, so deep work comes first."}=n;return(0,i.jsxs)(o(),{children:[(0,i.jsx)("title",{children:e}),(0,i.jsx)("meta",{name:"description",content:t}),(0,i.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"}),(0,i.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge"}),(0,i.jsx)("link",{rel:"icon",type:"image/x-icon",href:"/short-icon.png"})]})};e.Z=s},51651:function(n,e,t){"use strict";var i=t(85893);t(67294);var r=t(30741);let o=n=>{let{title:e="Your Velv library is empty",description:t="Start creating your Velv. You can capture screen, video or audio as recorded messages",image:o="/empty/new/library.svg",isLoading:s}=n;return s?(0,i.jsx)("div",{className:"flex-1 h-full flex flex-col justify-center items-center gap-2 mt-[-40px]",children:(0,i.jsx)("div",{className:"w-64 text-center text-black text-sm font-normal leading-tight",children:(0,i.jsx)(r.Z,{color:"primary",size:50})})}):(0,i.jsxs)("div",{className:"flex-1 h-full flex flex-col justify-center items-center gap-2 mt-[-40px]",children:[(0,i.jsx)("div",{className:"",children:(0,i.jsx)("img",{style:{height:150,width:150},src:o,alt:"empty-velv"})}),(0,i.jsx)("div",{className:"text-2xl font-bold text-primary",children:e}),(0,i.jsx)("div",{className:"max-w-[500px] text-center text-primary/70 ",children:t})]})};e.Z=o},24711:function(n,e,t){"use strict";t.d(e,{Z:function(){return D}});var i=t(82729),r=t(85893),o=t(18872),s=t(46670),l=t(11163),c=t(8193),a=t(86893),d=t(6073),p=t(17723),x=t(79440),u=t(67294);function h(){let n=(0,i._)(["\n width: 100%;\n height: 2px;\n background-color: #e6e6e650;\n "]);return h=function(){return n},n}let f=n=>{let e=(0,o.iv)(h());return(0,r.jsx)("div",{className:e})};function m(){let n=(0,i._)(['\n display: flex;\n align-items: center;\n &:hover {\n .tooltip {\n display: block !important;\n }\n }\n .button {\n display: flex;\n justify-content: center;
1\n align-items: center;\n transition: all 0.2s;\n cursor: pointer;\n height: 50px;\n width: 50px;\n background-color: #ffffff00;\n border-radius: 10px;\n &:hover {\n transition: all 0.2s;\n background-color: #fff;\n\n svg {\n color: tomato;\n }\n }\n }\n .tooltip {\n display: none;\n position: absolute;\n background-color: tomato;\n color: white;\n right: 80px;\n width: 200px;\n font-size: 12px;\n padding: 5px 10px;\n border-radius: 10px;\n width: max-content !important;\n &::after {\n position: absolute;\n background-image: url("/icon/red-drop.svg");\n background-repeat: no-repeat;\n background-position: center center;\n right: -13px;\n top: 2px;\n height: 20px;\n width: 20px;\n content: "";\n }\n }\n']);return m=function(){return n},n}function g(){let n=(0,i._)(['\n display: flex;\n align-items: center;\n &:hover {\n .tooltip {\n display: block !important;\n z-index: 40;\n }\n }\n .tooltip {\n display: none;\n position: absolute;\n background-color: #feea38;\n right: 80px;\n color: black;\n width: max-content !important;\n font-size: 12px;\n padding: 5px 10px;\n border-radius: 10px;\n width: fit-content;\n &::after {\n position: absolute;\n background-image: url("/icon/drop.svg");\n background-repeat: no-repeat;\n background-position: center center;\n right: -13px;\n top: 2px;\n height: 20px;\n width: 20px;\n content: "";\n }\n }\n']);return g=function(){return n},n}function v(){let n=(0,i._)(['\n display: flex;\n align-items: center;\n &:hover {\n .tooltip {\n display: block !important;\n z-index: 40;\n }\n }\n .button {\n display: flex;\n justify-content: center;
1\n align-items: center;\n transition: all 0.2s;\n cursor: pointer;\n height: 50px;\n width: 50px;\n background-color: #ffffff00;\n border-radius: 10px;\n &:hover {\n transition: all 0.2s;\n background-color: #fff;\n svg {\n color: #403294;\n }\n }\n }\n .tooltip {\n display: none;\n position: absolute;\n background-color: #feea38;\n right: 80px;\n color: black;\n width: max-content !important;\n font-size: 12px;\n padding: 5px 10px;\n border-radius: 10px;\n width: fit-content;\n &::after {\n position: absolute;\n background-image: url("/icon/drop.svg");\n background-repeat: no-repeat;\n background-position: center center;\n right: -13px;\n top: 2px;\n height: 20px;\n width: 20px;\n content: "";\n }\n }\n']);return v=function(){return n},n}let b=n=>{let{Icon:e,onClick:t,tooltip:i,iconSize:o=20,danger:s,clear:l}=n;return s?(0,r.jsxs)("div",{onClick:t,className:y,children:[(0,r.jsx)("div",{className:"tooltip",children:i}),(0,r.jsx)("div",{className:"button",children:(0,r.jsx)(e,{size:o})})]}):l?(0,r.jsxs)("div",{onClick:t,className:j,children:[(0,r.jsx)("div",{className:"tooltip",children:i}),(0,r.jsx)("div",{className:"button",children:(0,r.jsx)(e,{size:o})})]}):(0,r.jsxs)("div",{onClick:t,className:w,children:[(0,r.jsx)("div",{className:"tooltip",children:i}),(0,r.jsx)("div",{className:"button",children:(0,r.jsx)(e,{size:o})})]})},y=(0,o.iv)(m()),j=(0,o.iv)(g()),w=(0,o.iv)(v());var k=t(53940),N=t(13009),_=t(20013);let Z=n=>{let{clear:e,list:t}=p.Z,{closeModal:i}=(0,d.Z)(),[o,s]=(0,u.useState)(!1),{show:l}=(0,k.Z)(),c=async()=>{try{s(!0);let r=t.map(n=>n._id);await N.ZP.post("/video/multiDelete",{ids:r}),e(),n.onDelete&&n.onDelete(r),i(),l({message:"Velv deleted successfully",type:"success"})}catch(n){console.error("Delete video from db",n),l({message:"Failed to delete video",type:"error"})}finally{s(!1)}};return(0,r.jsxs)("div",{className:"px-2 py-1 flex flex-col gap-2 w-[400px] max-w-[100%]",children:[(0,r.jsx)("div",{className:"text-xl font-[500]",children:"Delete Velv"}),(0,r.jsxs)("div",{className:"text-gray-500 text-sm",children:[(0,r.jsx)("span",{children:"Are you sure you want to delete selected velvs?"}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:"This action cannot be undone"})]}),(0,r.jsxs)("div",{className:"flex gap-2 justify-end mt-3",children:[(0,r.jsx)(_.Z,{onClick:()=>i(),color:"",className:"hover:bg-gray-200 px-2 py-2 text-gray-500",children:"Cancel"}),(0,r.jsx)(_.Z,{onClick:c,color:"",className:"bg-red-500 hover:bg-red-600 px-2 py-2 text-white",isProcessing:o,children:"Delete"})]})]})};function C(){let n=(0,i._)(["\n right: 0 !important;\n transition: 0.2s;\n"]);return C=function(){return n},n}function z(){let n=(0,i._)(["\n z-index: 40;\n height: 100vh;\n width: 200px;\n position: fixed;\n right: -200px;\n transition: 0.2s;\n top: 0;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n .control-panel {\n height: 330px;\n width: 100px;\n /* background-color: ","; */\n display: flex;\n align-items: center;\n position: relative;\n justify-content: center;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n .controls {\n width: 70px;\n /* background-color: ","; */\n border-radius: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n color: white;\n .top {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 20px 0px 10px 0px;\n flex-direction: column;\n }\n .count {\n min-height: 20px;\n min-width: 20px;\n //padding: 5px;\n //border-radius: 50%;\n background-color: #ffffff30;\n margin-bottom: 5px;\n }\n .body {\n min-height: 50px;\n padding: 10px 0px;\n gap: 10px;\n }\n .bottom {\n height: 50px;\n padding-top: 20px;\n cursor: pointer;\n &:hover {\n svg {\n color: #fff !important;\n }\n }\n }\n }\n }\n"]);return z=function(){return n},n}let V=n=>{let{count:e,clear:t,list:i}
1=p.Z,{openModal:o,closeModal:s}=(0,d.Z)(),{reload:x}=(0,l.useRouter)(),u=()=>{o((0,r.jsx)(Z,{onDelete:n.onDelete}))},h=()=>{t(),s()};return(0,r.jsx)("div",{className:"".concat(E," ").concat(e>0&&S),children:(0,r.jsx)("div",{className:"control-panel bg-tertiary",children:(0,r.jsxs)("div",{className:"controls bg-primary",children:[(0,r.jsxs)("div",{className:"top",children:[(0,r.jsx)("div",{className:"count w-[30px] h-[30px] rounded-full flex items-center justify-center",children:e}),(0,r.jsx)("div",{style:{fontSize:"10pt"},children:"Selected"})]}),(0,r.jsx)("div",{style:{width:"70%"},children:(0,r.jsx)(f,{})}),(0,r.jsx)("div",{className:"body",children:(0,r.jsx)(b,{onClick:u,danger:!0,tooltip:"Delete ",Icon:a.Ybf})}),(0,r.jsx)("div",{style:{width:"70%"},children:(0,r.jsx)(f,{})}),(0,r.jsx)("div",{className:"bottom",children:(0,r.jsx)(b,{onClick:h,clear:!0,tooltip:"Cancel",Icon:c.LHV})})]})})})};var D=(0,s.Pi)(V);let S=(0,o.iv)(C()),E=(0,o.iv)(z(),x.Z.tertiary,x.Z.primary)},6073:function(n,e,t){"use strict";var i=t(67294),r=t(33251);let o=()=>{let n=(0,i.useContext)(r.t);return n};e.Z=o},53940:function(n,e,t){"use strict";var i=t(67294),r=t(63010);let o=()=>(0,i.useContext)(r.u);e.Z=o},42939:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSP:function(){return a}});var i=t(85893);t(67294);var r=t(94706),o=t(73919),s=t(62815),l=t(51651);let c=n=>(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{title:"Velvs"}),(0,i.jsx)(o.ZP,{queryUrl:"/recentlyWatched/others",emptyScreen:(0,i.jsx)(l.Z,{title:"No shared Velvs yet",description:"As you receive Velvs from other users they will be shown here.",image:"/empty/new/shared-with-me.svg"})})]});var a=!0;e.default=c},17723:function(n,e,t){"use strict";var i=t(68949);let r=new class{get count(){return this.list.length}constructor(){this.list=[],this.append=n=>{this.list.push(n)},this.remove=n=>{let e=this.list.findIndex(e=>e._id===n._id);this.list=[...this.list.slice(0,e),...this.list.slice(e+1)]},this.handleSelect=n=>{let e=this.list.find(e=>e._id===n._id);e?this.remove(n):this.append(n)},this.isChecked=n=>!!this.list.find(e=>e._id===n._id),this.clear=()=>{this.list=[]},(0,i.ky)(this)}};e.Z=r}},function(n){n.O(0,[4617,7627,9866,3662,8456,1954,5675,4112,3722,8652,6893,5054,2815,6117,9774,2888,179],function(){return n(n.s=10173)}),_N_E=n.O()}]);
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.