https://www.capcons.com/_next/static/chunks/3362.3cef07965fb14ae2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3362],{3556:(e,t,i)=>{let l;function a(e){l="number"==typeof e&&Number.isFinite(e)&&e>0?e:void 0}function n(e){return void 0!==l?l:e<768?220:160}function s(e,t){let i=Math.min(e,n(t)),l=e/2,a=i/2;return{center:l,top:Math.max(0,l-a),bottom:Math.min(e,l+a),height:i}}i.d(t,{Gb:()=>a,cK:()=>n,hw:()=>s})},9430:(e,t,i)=>{i.d(t,{L:()=>n});var l=i(95155);let a=(0,i(37206).default)(()=>Promise.all([i.e(6655),i.e(585),i.e(8832),i.e(6469)]).then(i.bind(i,86469)).then(e=>e.VideoPlayerShell),{loadableGenerated:{webpack:()=>[86469]},ssr:!1,loading:()=>(0,l.jsxs)("div",{className:"relative flex min-h-72 w-full items-center justify-center overflow-hidden rounded-4xl bg-black",children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.18),transparent_50%)]"}),(0,l.jsx)("div",{className:"h-10 w-10 animate-spin rounded-full border-2 border-white/20 border-t-white/70"})]})});function n(e){return(0,l.jsx)(a,{...e})}},23362:(e,t,i)=>{i.r(t),i.d(t,{VideoComponent:()=>C});var l=i(95155),a=i(12115),n=i(72167);i(66127);var s=i(99267),r=i(89775);let o={activeIndex:0,autoPlayActive:!1,lightboxVisible:!1};function d(e,t){switch(t.type){case"setActiveIndex":if(e.activeIndex===t.payload)return e;return{...e,activeIndex:t.payload};case"setAutoPlayActive":if(e.autoPlayActive===t.payload)return e;return{...e,autoPlayActive:t.payload};case"setLightboxVisible":if(e.lightboxVisible===t.payload)return e;return{...e,lightboxVisible:t.payload};default:return e}}var c=i(77863),u=i(3556);function h(e,t,i){return Math.min(e,Math.max(i,e*t))}class m{constructor(){this.elements=new Map,this.activeElement=null,this.photoViewOpen=!1,this.frameId=0,this.requestMeasure=()=>{this.frameId||(this.frameId=window.requestAnimationFrame(this.measure))},this.clearActiveElement=()=>{for(let e of(this.activeElement=null,this.elements.values()))e.active&&(e.active=!1,e.callback(!1))},this.handlePhotoViewSessionChange=e=>{(this.photoViewOpen=e,e)?this.clearActiveElement():this.requestMeasure()},this.measure=()=>{var e,t,i;if(this.frameId=0,this.photoViewOpen)return void this.clearActiveElement();let l=window.innerHeight,a=window.innerWidth,n=(0,u.hw)(l,a),s=h(n.height,.15,24),r=h(n.height,.1,16),o=h(n.height,.08,12),d=h(n.height,.04,8),c=[],m=new Map;for(let[i]of this.elements.entries()){let a=i.getBoundingClientRect();if(!(a.bottom>0&&a.top<l)||a.height<=0)continue;let s=(e=n.top,t=n.bottom,Math.max(0,Math.min(a.bottom,t)-Math.max(a.top,e)));if(s<=0)continue;let r={element:i,overlap:s,centerDistance:Math.abs(a.top+a.height/2-n.center)};c.push(r),m.set(i,r)}let v=null;for(let e of c)e.overlap<s||(!v||0>(i=v,e.overlap!==i.overlap?i.overlap-e.overlap:e.centerDistance!==i.centerDistance?e.centerDistance-i.centerDistance:0))&&(v=e);let f=this.activeElement&&this.elements.has(this.activeElement)?this.activeElement:null,b=f?m.get(f)??null:null,p=v?.element??null;for(let[e,t]of(b&&b.overlap>=r&&(v?b.element!==v.element&&!function({current:e,next:t,switchOverlapAdvantage:i,overlapTieTolerance:l}){let a=t.overlap-e.overlap;return a>=i||Math.abs(a)<=l&&t.centerDistance+24<=e.centerDistance}({current:b,next:v,switchOverlapAdvantage:o,overlapTieTolerance:d})&&(p=b.element):p=b.element),this.activeElement=p,this.elements.entries())){let i=e===p;t.active!==i&&(t.active=i,t.callback(i))}},this.photoViewOpen=(0,r.mN)(),(0,r.pw)(this.handlePhotoViewSessionChange)}register(e,t){let i=this.elements.get(e);this.elements.set(e,{callback:t,active:i?.active??!1}),this.requestMeasure()}unregister(e){this.activeElement===e&&(this.activeElement=null),this.elements.delete(e),this.requestMeasure()}init(){window.addEventListener("scroll",this.requestMeasure,{passive:!0}),window.addEventListener("resize",this.requestMeasure)}}let v=new m;

1v.init();var f=i(36619),b=i(37206),p=i(23511),x=i(21197),g=i(17755),w=i(9430);function y({src:e,isActive:t}){let{mediaRef:i,muted:n,requestPlay:s,handleLoadedMetadata:r,handlePause:o,handlePlay:d,handleTimeUpdate:c,handleVolumeChange:u}=(0,g.T)({kind:"video",mediaId:`video:${e}`,autoPlay:!1,defaultMuted:!1,visibilityState:t?x.s.ACTIVE:x.s.INACTIVE}),h=(0,a.useCallback)(e=>{r(e),t&&s()},[r,t,s]);return(0,l.jsx)("div",{className:"inner-lightbox-video relative flex h-full w-full items-center justify-center md:p-20",onClick:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),onWheel:e=>e.stopPropagation(),children:(0,l.jsx)(w.L,{src:e,className:"max-h-screen w-full h-full max-w-screen",videoRef:i,videoProps:{muted:n,onLoadedMetadata:h,onTimeUpdate:c,onPlay:d,onPause:o,onVolumeChange:u}})})}let V=(0,b.default)(()=>i.e(5962).then(i.bind(i,95962)),{loadableGenerated:{webpack:()=>[95962]},loading:()=>(0,l.jsx)(p.E,{className:"my-2 h-64 w-full"})}),A=(0,a.memo)(function({video:e,index:t,videos:i,isSingle:a,hasMore:s,viewportWidth:r,viewportHeight:o,state:d,dispatch:c,singleVisibilityState:u,variant:h="feed"}){return(0,l.jsx)(n.A8,{width:r,height:o,render:({attrs:i})=>(0,l.jsx)("div",{...i,className:"flex h-full w-full items-center justify-center",children:(0,l.jsx)(y,{src:e.url,isActive:d.lightboxVisible&&d.activeIndex===t})}),children:(0,l.jsx)(j,{video:e,index:t,videos:i,isSingle:a,hasMore:s,state:d,dispatch:c,singleVisibilityState:u,variant:h})})}),j=(0,a.forwardRef)(function({video:e,index:t,videos:i,isSingle:n,hasMore:s,state:r,dispatch:o,singleVisibilityState:d,onClick:u,variant:h="feed"},m){let[v,b]=(0,a.useState)(null),p=(0,a.useMemo)(()=>(0,c.aC)(t,i),[t,i]),x=(0,a.useMemo)(()=>(0,c.KD)(t,i),[t,i]),g=(0,a.useMemo)(()=>"message"===h?28:(0,c.lN)(v),[v,h]),w=(0,a.useMemo)(()=>n?{aspectRatio:v??"4/3",width:"message"===h?v?`max(14rem, min(20rem, calc(${g}rem * ${v})))`:"20rem":v?`calc(${g}rem * ${v})`:"100%",maxWidth:"100%",maxHeight:`${g}rem`}:{aspectRatio:x},[x,v,n,g,h]),y=e=>{e.preventDefault(),e.stopPropagation(),o({type:"setActiveIndex",payload:t}),u?.(e)};return(0,l.jsx)("div",{ref:m,className:`
2        ${p}
3        ${n?"rounded-2xl overflow-hidden":""}
4      `,style:w,onClick:n?void 0:y,children:n?(0,l.jsx)(V,{video:e,className:"mx-auto max-w-full",forcePause:r.lightboxVisible,maxHeightRem:g,respectVideoAspectRatio:!0,visibilityState:d,onLoaded:({width:e,height:t})=>{b(e/t)},onClick:y}):(0,l.jsxs)("div",{className:"relative block h-full w-full cursor-pointer border-none p-0 text-left",children:[(0,l.jsx)("div",{className:"absolute top-1/2 left-1/2 z-1 flex size-16 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-black/40",children:(0,l.jsx)(f.A,{className:"size-8 fill-white text-white"})}),(0,l.jsx)(V,{video:e,isThumbnail:!0,className:"h-full w-full",overlay:s&&3===t?(0,l.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center bg-black/55",children:(0,l.jsxs)("span",{className:"text-2xl font-bold text-white",children:["+",i.length-4]})}):void 0})]})})});function C({videos:e,variant:t="feed"}){let i=(0,a.useId)(),[u,h]=(0,a.useReducer)(d,o),m=(0,a.useRef)(null),{ref:f,visibilityState:b}=(0,s.E)(),p=(0,a.useCallback)(e=>{m.current=e,f(e)},[f]);!function({videosCount:e,lightboxVisible:t,singleVideoVisibilityState:i,singleVideoElementRef:l,setAutoPlayActive:n}){(0,a.useEffect)(()=>{if(1!==e)return;let a=l.current;return!a||t||i===c.HW.INACTIVE?void n(!1):(v.register(a,n),()=>{v.unregister(a)})},[i,t,e,n,l])}({videosCount:e.length,lightboxVisible:u.lightboxVisible,singleVideoVisibilityState:b,singleVideoElementRef:m,setAutoPlayActive:(0,a.useCallback)(e=>h({type:"setAutoPlayActive",payload:e}),[h])});let x=(0,a.useCallback)(e=>{(0,r.HD)(i,e),h({type:"setLightboxVisible",payload:e})},[i]);(0,a.useEffect)(()=>()=>{(0,r.KM)(i)},[i]);let g=(0,a.useMemo)(()=>(0,c.hG)(e),[e]);if(!e?.length)return null;let w=e.length,y=1===w,V=w>4,j=window.innerWidth,E=window.innerHeight;return(0,l.jsx)(n.wy,{onVisibleChange:x,onIndexChange:e=>h({type:"setActiveIndex",payload:e}),children:(0,l.jsx)("div",{ref:y?p:void 0,className:`
5          ${"feed"===t?"mt-3 w-full":"mt-1"}
6          ${!y&&"message"===t?"overflow-hidden bg-background [&>div]:bg-black dark:[&>div]:bg-muted rounded-2xl border border-border w-[16rem] sm:w-[20rem] max-w-full":""}
7          ${!y&&"feed"===t?"overflow-hidden bg-background [&>div]:bg-black dark:[&>div]:bg-muted rounded-2xl border border-border max-w-full":""}
8          ${g}
9        `,children:e.map((i,a)=>(0,l.jsx)(A,{video:i,index:a,videos:e,isSingle:y,hasMore:V,viewportWidth:j,viewportHe

9ight:E,state:u,dispatch:h,singleVisibilityState:y?u.lightboxVisible?c.HW.INACTIVE:u.autoPlayActive?c.HW.ACTIVE:b:c.HW.INACTIVE,variant:t},`${i.url} ${a}`))})})}j.displayName="VideoItemFrame"},77863:(e,t,i)=>{i.d(t,{EL:()=>s,HW:()=>l.s,Hq:()=>a,KD:()=>u,aC:()=>c,hG:()=>d,j5:()=>o,lN:()=>h,s4:()=>n});var l=i(21197);let a=45,n=32,s={},r={[l.s.ACTIVE]:{preload:"none",src:!0},[l.s.INACTIVE]:{preload:"none",src:!1},[l.s.ADJACENT]:{preload:"metadata",src:!0}},o=e=>r[e],d=e=>1===e.length?"flex justify-start":"grid grid-cols-2 gap-0.5",c=(e,t)=>{let i=t.length,l="";return 3===i&&0===e&&(l="row-span-2"),`
10      relative overflow-hidden
11      ${1!==i?"cursor-zoom-in":""}
12      
13      ${l}
14      ${e>3?"hidden":""}
15    `.trim()},u=(e,t)=>{let i=t.length;return 1===i?"auto":2===i?"3/4":3===i?0===e?"3/4":"3/2":"1/1"},h=e=>e?e<.7?40:e<1?36:n:n}}]);