https://app.exists.ai/_next/static/chunks/608-3591eaf76fdb2fd3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[608],{9022:function(e,t,r){var n=r(5893),l=r(2034),s=r(4206),o=r(1506);let i=[{row:[{size:"sm"},{size:"sm"},{size:"sm"}]},{row:[{size:"md"},{size:"md"}]},{row:[{colSpan:4,nested:[{size:"sm"},{size:"sm"}]},{colSpan:8,nested:[{size:"lg"}]}]},{row:[{size:"xl"}]}],a={sm:4,md:6,lg:8,xl:12};function c(e){switch(e){case"sm":default:return 225;case"md":return 338;case"lg":return 450;case"xl":return 675}}t.Z=function(){return(0,n.jsx)(l.x,{className:"w-full h-full flex items-start justify-center",py:"48px",children:(0,n.jsx)(l.x,{className:"max-w-[1208px] w-full",children:i.map((e,t)=>{let r=e.row.map((e,t)=>{if(!("nested"in e))return(0,n.jsx)(s.r.Col,{span:a[e.size],style:{height:c(e.size)},children:(0,n.jsx)(o.O,{visible:!0,w:"100%",h:"100%"})},t);{let r=e.nested.map((e,t)=>(0,n.jsx)(s.r.Col,{span:12,style:{height:c(e.size)},children:(0,n.jsx)(o.O,{visible:!0,w:"100%",h:"100%"})},t));return(0,n.jsx)(s.r.Col,{span:e.colSpan,children:(0,n.jsx)(s.r,{gutter:6,children:r})},t)}});return(0,n.jsx)(s.r,{gutter:6,children:r},t)})})})}},3153:function(e,t,r){var n=r(5893),l=r(647),s=r(4206);let o=[{row:[{size:"sm"},{size:"sm"},{size:"sm"}]},{row:[{size:"md"},{size:"md"}]},{row:[{colSpan:4,nested:[{size:"sm"},{size:"sm"}]},{colSpan:8,nested:[{size:"lg"}]}]},{row:[{size:"xl"}]}];t.Z=function(e){let{videos:t,isMobile:r}=e;if(r)return(0,n.jsx)(s.r,{gutter:12,children:t.map((e,t)=>(0,n.jsx)(s.r.Col,{span:6,style:{height:200},children:(0,n.jsx)(l.Z,{author:e.author,id:e.id,poster:e.poster,uploaded_poster:e.uploaded_poster,encodings:e.encodings})},t))});let i=0,a=()=>i>=t.length?null:t[i++],c=e=>{switch(e){case"sm":default:return 225;case"md":return 338;case"lg":return 450;case"xl":return 675}},u={sm:4,md:6,lg:8,xl:12};return(0,n.jsx)(n.Fragment,{children:o.map((e,t)=>{let r=e.row.map((e,t)=>{if("nested"in e){let r=e.nested.map((e,t)=>{let r=a();return r?(0,n.jsx)(s.r.Col,{span:12,style:{height:c(e.size)},children:(0,n.jsx)(l.Z,{author:r.author,id:r.id,poster:r.poster,uploaded_poster:r.uploaded_poster,encodings:r.encodings})},t):null}).filter(e=>null!==e);return 0===r.length?null:(0,n.jsx)(s.r.Col,{span:e.colSpan,children:(0,n.jsx)(s.r,{gutter:6,children:r})},t)}{let r=a();return r?(0,n.jsx)(s.r.Col,{span:u[e.size],style:{height:c(e.size)},children:(0,n.jsx)(l.Z,{author:r.author,id:r.id,poster:r.poster,uploaded_poster:r.uploaded_poster,encodings:r.encodings})},t):null}}).filter(e=>null!==e);return 0===r.length?null:(0,n.jsx)(s.r,{gutter:6,children:r},t)})})}},647:function(e,t,r){var n=r(5893),l=r(6999),s=r(2902),o=r(7294),i=r(2156),a=r(4957),c=r(2034),u=r(1506),d=r(1166),p=r(4410),f=r(1992),h=r(4946),m=r(5018),x=r(1163),g=r(5007);t.Z=function(e){let{title:t,id:r,author:w,encodings:v,poster:j,uploaded_poster:y,autoplay:b=!0}=e,[z,_]=(0,o.useState)(!0),[N,k]=(0,o.useState)(!1),[C,S]=(0,o.useState)(""),Z=(0,x.useRouter)(),{ref:E,inViewport:D}=(0,h.N)(),G=(0,o.useRef)(null),I=(0,g.I0)(),R=async e=>{e.preventDefault(),e.stopPropagation();let t=(null==v?void 0:v["1080"])||(null==v?void 0:v["720"])||(null==v?void 0:v["480"])||(null==v?void 0:v["360"]);if(!t){(0,s.Jc)("No video found");return}try{let e=await fetch(t);if(!e.ok)throw Error("Network response was not ok");let r=await e.blob(),n=window.URL.createObjectURL(r),l=document.createElement("a");l.style.display="none",l.href=n,l.download="video.mp4",document.body.appendChild(l),l.click(),l.remove(),window.URL.revokeObjectURL(n)}catch(e){console.error("Download error:",e),(0,s.Jc)("Download failed")}};return(0,o.useEffect)(()=>{let e=y||j||"/static/images/logo.png",t=new Image;t.onload=()=>{S(e),_(!1)},t.onerror=()=>{S("/static/images/logo.png"),_(!1)},t.src=e},[y,j]),(0,o.useEffect)(()=>{let e=Z.query.video_id,t=D&&b&&!e&&N;G.current&&(t?G.current.play().catch(()=>{}):G.current.pause())},[b,D,Z.query.video_id,N]),(0,o.useEffect)(()=>{let e=Z.query.video_id;e&&e!==r&&G.current&&G.current.pause()},[r,Z.query.video_id]),(0,n.jsxs)(c.x,{ref:E,className:"group relative w-full h-full rounded-[12px] overflow-hidden bg-[#090B0E]",children:[z?(0,n.jsx)(u.O,{visible:z,w:"100%",h:"100%"}):null,(0,n.jsx)(d.k,{onClick:e=>{e.preventDefault(),e.stopPropagation();let t=Z.asPath,n=t.includes("?")?"".concat(t,"&video_id=").concat(r):"".concat(t,"?video_id=").concat(r);Z.push(n,void 0,{shallow:!0})},className:"w-full h-full flex items-center justify-center fill-video",children:(0,n.jsx)(m.Syo,{className:"w-full h-full",ref:G,poster:C,src:v["480"]||v["360"]||v["720"]||v["1080"],autoPlay:!1,muted:!0,loop:!0,playsInl

1ine:!0,load:"visible",posterLoad:"eager",style:{objectFit:"fill",width:"100%",height:"100%",position:"absolute",top:0,left:0,right:0,bottom:0},onCanPlay:()=>{k(!0)},children:(0,n.jsx)(m.ZNi,{})})}),(0,n.jsxs)(c.x,{className:"absolute bottom-0 left-0 w-full h-[40px] flex items-center justify-between bg-[#090B0EBF] px-[16px] translate-y-full transition-transform duration-300 group-hover:translate-y-0",children:[(0,n.jsx)(p.x,{className:"flex-1",c:"white",fw:400,size:"12px",style:{lineHeight:"150%"},children:t||w}),(0,n.jsxs)(c.x,{className:"flex items-center gap-[2px]",children:[(0,n.jsx)(f.A,{variant:"transparent",onClick:R,children:(0,n.jsx)(i._8,{})}),(0,n.jsx)(f.A,{variant:"transparent",onClick:e=>{e.preventDefault(),e.stopPropagation();let t="".concat(window.location.origin).concat(window.location.pathname,"?video_id=").concat(r);I((0,l.cr)(t)),I((0,l.wD)(!0))},children:(0,n.jsx)(i.aA,{width:"16",height:"18"})}),(0,n.jsx)(f.A,{variant:"transparent",onClick:e=>{e.preventDefault(),e.stopPropagation(),I((0,l.y1)(!0)),I((0,l.Dy)(r))},children:(0,n.jsx)(a.Z,{width:"24",height:"24"})})]})]})]})}},4206:function(e,t,r){r.d(t,{r:function(){return D}});var n=r(5893);r(7294);var l=r(3637),s=r(987),o=r(6976),i=r(3491),a=r(2034),c=r(9535);let[u,d]=(0,r(6197).R)("Grid component was not found in tree");var p=r(6242),f=r(3877),h=r(3181),m=r(1193),x=r(7370),g=r(5984),w=r(954);let v=(e,t)=>"content"===e?"auto":"auto"===e?"0rem":e?`${100/(t/e)}%`:void 0,j=(e,t,r)=>r||"auto"===e?"100%":"content"===e?"unset":v(e,t),y=(e,t)=>{if(e)return"auto"===e||t?"1":"auto"},b=(e,t)=>0===e?"0":e?`${100/(t/e)}%`:void 0;function z({span:e,order:t,offset:r,selector:l}){let s=(0,g.rZ)(),o=d(),i=void 0===(0,x.v)(e)?12:(0,x.v)(e),a=(0,h.L)({"--col-order":x.v(t)?.toString(),"--col-flex-grow":y(i,o.grow),"--col-flex-basis":v(i,o.columns),"--col-width":"content"===i?"auto":void 0,"--col-max-width":j(i,o.columns,o.grow),"--col-offset":b((0,x.v)(r),o.columns)}),c=(0,f.X)(s.breakpoints).reduce((n,l)=>(n[l]||(n[l]={}),"object"==typeof t&&void 0!==t[l]&&(n[l]["--col-order"]=t[l]?.toString()),"object"==typeof e&&void 0!==e[l]&&(n[l]["--col-flex-grow"]=y(e[l],o.grow),n[l]["--col-flex-basis"]=v(e[l],o.columns),n[l]["--col-width"]="content"===e[l]?"auto":void 0,n[l]["--col-max-width"]=j(e[l],o.columns,o.grow)),"object"==typeof r&&void 0!==r[l]&&(n[l]["--col-offset"]=b(r[l],o.columns)),n),{}),u=(0,m.I)((0,f.X)(c),s).filter(e=>(0,f.X)(c[e.value]).length>0).map(e=>({query:`(min-width: ${s.breakpoints[e.value]})`,styles:c[e.value]}));return(0,n.jsx)(w.f,{styles:a,media:u,selector:l})}var _={root:"m_410352e9",inner:"m_dee7bd2f",col:"m_96bdd299"};let N={span:12},k=(0,c.d)((e,t)=>{let{classNames:r,className:l,style:o,styles:c,vars:u,span:f,order:h,offset:m,...x}=(0,s.w)("GridCol",N,e),g=d(),w=(0,i.m)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(z,{selector:`.${w}`,span:f,order:h,offset:m}),(0,n.jsx)(a.x,{ref:t,...g.getStyles("col",{className:(0,p.Z)(l,w),style:o,classNames:r,styles:c}),...x})]})});k.classes=_,k.displayName="@mantine/core/GridCol";var C=r(9429);function S({gutter:e,selector:t}){let r=(0,g.rZ)(),l=(0,h.L)({"--grid-gutter":(0,C.bG)((0,x.v)(e))}),s=(0,f.X)(r.breakpoints).reduce((t,r)=>(t[r]||(t[r]={}),"object"==typeof e&&void 0!==e[r]&&(t[r]["--grid-gutter"]=(0,C.bG)(e[r])),t),{}),o=(0,m.I)((0,f.X)(s),r).filter(e=>(0,f.X)(s[e.value]).length>0).map(e=>({query:`(min-width: ${r.breakpoints[e.value]})`,styles:s[e.value]}));return(0,n.jsx)(w.f,{styles:l,media:o,selector:t})}let Z={gutter:"md",grow:!1,columns:12},E=(0,l.Z)((e,{justify:t,align:r,overflow:n})=>({root:{"--grid-justify":t,"--grid-align":r,"--grid-overflow":n}})),D=(0,c.d)((e,t)=>{let r=(0,s.w)("Grid",Z,e),{classNames:l,className:c,style:d,styles:p,unstyled:f,vars:h,grow:m,gutter:x,columns:g,align:w,justify:v,children:j,...y}=r,b=(0,o.y)({name:"Grid",classes:_,props:r,className:c,style:d,classNames:l,styles:p,unstyled:f,vars:h,varsResolver:E}),z=(0,i.m)();return(0,n.jsxs)(u,{value:{getStyles:b,grow:m,columns:g},children:[(0,n.jsx)(S,{selector:`.${z}`,...r}),(0,n.jsx)(a.x,{ref:t,...b("root",{className:z}),...y,children:(0,n.jsx)("div",{...b("inner"),children:j})})]})});D.classes=_,D.displayName="@mantine/core/Grid",D.Col=k},4946:function(e,t,r){r.d(t,{N:function(){return l}});var n=r(7294);

1function l(){let e=(0,n.useRef)(null),[t,r]=(0,n.useState)(!1),l=(0,n.useMemo)(()=>"undefined"==typeof IntersectionObserver?null:new IntersectionObserver(([e])=>r(e.isIntersecting)),[e]);return(0,n.useEffect)(()=>e.current&&l?(l.observe(e.current),()=>l.disconnect()):()=>null,[]),{ref:e,inViewport:t}}}}]);