Module 957503

function(e,t,l){l.d(t,{$:()=>lL,default:()=>lE});var i=l(627968),a=l(64700),n=l(503698),s=l.n(n),r=l(562708),c=l(935399),o=l(517846),d=l(17928),u=l(990078),m=l(521489),h=l(231723),x=l(97808),p=l(778712),g=l(192308),f=l(534514),j=l(408278),v=l(405433),C=l(241326),b=l(972213),y=l(775602),A=l(793574),N=l(688810),k=l(139286),L=l(429913),E=l(137177),w=l(27620),P=l(540999),I=l(287809),D=l(274372),S=l(372684),M=l(334686),T=l(315240),_=l(582633),R=l(309777),F=l(429364),O=l(352527),H=l(280483),z=l(111994);l(321073);var G=l(834730),U=l(289873),K=l(962125),V=l(989349),$=l.n(V),Q=l(66455),Y=l(342952),B=l(890856),X=l(812993),q=l(27232),W=l(505930),Z=l(530005),J=l(406810),ee=l(176781),et=l(661531),el=l(983851),ei=l(31300),ea=l(442433),en=l(587895),es=l(47167),er=l(607470),ec=l(734057),eo=l(71393),ed=l(549685),eu=l(174459),em=l(58703),eh=l(403362),ex=l(53677),ep=l(226421),eg=l(284009),ef=l.n(eg),ej=l(460905),ev=l(713608),eC=l(16590),eb=l(375708),ey=l(788332);function eA(e){let{clip:t}=e,l=t.decision?.signal;ef()(l?.type===S.Gy.DISTRIBUTED,"Clip must be a distributed clip");let a=(0,d.bG)([I.default],()=>I.default.getUser(l.remoteTriggerUserId));if(null==a)return null;let n=a.globalName??a.username;return(0,i.jsx)(u.m,{text:eb.intl.string(eC.default.vTTkFF),children:(0,i.jsxs)("div",{className:ey.S,children:[(0,i.jsx)("img",{src:a.getAvatarURL(null,12,!1),className:ey.$,alt:n}),(0,i.jsx)(G.E,{color:"always-white",variant:"text-xs/bold",children:eb.intl.formatToPlainString(eC.default.QJ7i8Z,{username:n})})]})})}function eN(e){let{icon:t,text:l,tooltipText:a}=e;return(0,i.jsx)(u.m,{text:a,children:(0,i.jsxs)("div",{className:ey.S,children:[(0,i.jsx)(t,{size:"xxs",color:"white"}),(0,i.jsx)(G.E,{color:"always-white",variant:"text-xs/bold",children:l})]})})}function ek(e){let{clip:t}=e;if(t.decision?.signal?.type==null||t.decision?.signal?.type===S.Gy.MANUAL)return null;switch(t.decision?.signal?.type){case S.Gy.DISTRIBUTED:return(0,i.jsx)(eA,{clip:t});case S.Gy.LAUGHTER:return(0,i.jsx)(eN,{icon:ej.n,text:eb.intl.string(eC.default.bTC23D),tooltipText:eb.intl.string(eC.default["ry+jxm"])});case S.Gy.GAME_EVENT:return(0,i.jsx)(eN,{icon:ev.q,text:t.decision.signal.title??"",tooltipText:eb.intl.string(eC.default["347DBb"])});default:return null}}var eL=l(665039),eE=l(718812),ew=l(652215),eP=l(798594);let eI=function(e){let{clip:t,actionsDisabled:n,isNew:r,onEdit:c,onClick:o,onHoverChange:u}=e,m=(0,d.yK)([I.default],()=>t.users.map(e=>I.default.getUser(e)).filter(eh.Vq)),h=(0,d.bG)([ec.A],()=>null!=t.channelId?ec.A.getChannel(t.channelId):null),x=(0,d.bG)([eo.A],()=>null!=t.guildId?eo.A.getGuild(t.guildId):null),{analyticsLocations:g}=(0,N.Ay)(A.A.CLIPS_GALLERY_ITEM),{selectedClipIds:f,toggleClipSelection:j,isMultiSelectMode:v}=a.useContext(lL),[C,b]=a.useState(!1),y=a.useRef(null),k=(0,Q.A)(t.editMetadata?.start??0),L=f.has(t.id),E=t.type===S.nQ.SCREENSHOT,w=(0,es.Ay)(h),P=""===t.applicationName&&null!=w&&""!==w?w:t.applicationName,M=(0,em.Fe)(new Date(t.createdAt)),T=a.useMemo(()=>{let e=[];return t.type===S.nQ.VOICE_CLIP?(x?.name!=null&&e.push(x.name),null!=w&&e.push(w)):(""!==P&&null!=P&&e.push(P),t.activity?.state!=null&&""!==t.activity.state&&e.push(t.activity.state),t.activity?.details!=null&&""!==t.activity.details&&e.push(t.activity.details)),e.join(" \u203A ")},[P,x?.name,w,t.activity?.state,t.activity?.details,t.type]),_=a.useCallback(()=>{let e=y.current;null!=e&&(e.pause(),e.src="")},[]),R=a.useCallback(()=>{if(u?.(""!==t.thumbnail?t.thumbnail:null),!0===E)return;let e=y.current;null!=e&&e.paused&&(e.currentTime=k.current,y.current?.play())},[E,k,u,t.thumbnail]),F=a.useCallback(()=>{if(u?.(null),!0===E)return;let e=y.current;null!=e&&(e.pause(),e.currentTime=t.editMetadata?.start??0)},[E,t.editMetadata?.start,u]),O=a.useCallback(e=>{null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||F()},[F]),H=a.useCallback(e=>{e.stopPropagation()},[]),z=a.useCallback(()=>{b(!1)},[]),U=a.useCallback(e=>{b(!0),y.current?.pause();let a=v&&f.size>0?Array.from(f).map(e=>D.Ay.getClipById(e)).filter(eh.Vq):[t];(0,ea.L3)(e,async()=>{let{default:e}=await Promise.all([l.e("80625"),l.e("6619"),l.e("95429"),l.e("91211"),l.e("38601"),l.e("69006"),l.e("18307"),l.e("86456"),l.e("24043")]).then(l.bind(l,197126));return l=>(0,i.jsx)(e,{...l,clips:a,actionsDisabled:n,onShare:()=>{eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"share",...ex.lc(),...ex.Zy(t)})},onEdit:()=>{c(t),eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"edit",...ex.lc(),...ex.Zy(t)})},onBeforeDelete:_,onAfterDelete:()=>{eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"delete",...ex.lc(),...ex.Zy(t)})}})},{onClose:z})},[t,v,f,n,_,z,c]),K=a.useCallback(e=>{n||(e.preventDefault(),e.stopPropagation(),U(e))},[n,U]),V=a.useCallback(e=>{n||(e.shiftKey?(e.preventDefault(),j(t.id)):v?j(t.id):null!=o&&o(t),eu.default.track(ew.HAw.CLIP_GALLERY_CARD_CLICKED,{...ex.lc(),...ex.Zy(t)}))},[n,v,j,t,o]);return(0,i.jsx)(N.f5,{value:g,children:(0,i.jsx)("div",{className:eP.o8,onBlur:O,children:(0,i.jsxs)(B.s,{"aria-disabled":n,"aria-label":eb.intl.string(!0===E?eb.t["HO/oXl"]:eb.t.bt75uw),onClick:n?void 0:V,onContextMenu:K,className:s()(eP.QN,{[eP.r9]:n,[eP.in]:C,[eP.wH]:L}),onFocus:R,onMouseOver:R,onMouseLeave:F,children:[(0,i.jsx)(eD,{clip:t,isNew:r,videoRef:y,onOpenContextMenu:U,actionsDisabled:n}),(0,i.jsxs)("div",{className:eP.wI,children:[(0,i.jsx)(eT,{clip:t}),(0,i.jsxs)("div",{className:eP.i0,children:[(0,i.jsx)(eS,{clip:t}),(0,i.jsx)(G.E,{className:eP.xD,color:"text-subtle",variant:"text-sm/normal",children:T}),(0,i.jsx)(G.E,{className:eP.xD,color:"text-subtle",variant:"text-sm/normal",children:M})]}),(0,i.jsx)("div",{className:eP.jW,children:(0,i.jsx)(Y.A,{maxUsers:3,users:m,size:p._3.SIZE_24,onFocusOverflow:e=>{let t=e.relatedTarget,l=e.currentTarget.parentElement?.parentElement?.parentElement;t?.parentElement===l||t?.parentElement?.parentElement?.parentElement!==l&&R()},onClickOverflow:H,"aria-label":eb.intl.string(eb.t.WTozwe)})})]})]})})})};function eD(e){let{clip:t,isNew:l,videoRef:n,onOpenContextMenu:s,actionsDisabled:r}=e,c=0===t.length,o=!0===t.pending,[d,m]=a.useState(0);a.useEffect(()=>{let e=n.current;if(null==e||c)return;let l=null,i=()=>{if(e.paused||e.ended){l=null,m(0);return}let a=t.editMetadata?.start??0,n=t.editMetadata?.end??e.duration,s=(e.currentTime-a)/(n-a)*100;m(isNaN(s)?0:Math.max(0,Math.min(100,s))),l=requestAnimationFrame(i)},a=()=>{null==l&&(l=requestAnimationFrame(i))},s=()=>{null!=l&&(cancelAnimationFrame(l),l=null,m(0))};return e.addEventListener("play",a),e.addEventListener("pause",s),e.addEventListener("ended",s),e.paused||a(),()=>{null!=l&&(cancelAnimationFrame(l),m(0)),e.removeEventListener("play",a),e.removeEventListener("pause",s),e.removeEventListener("ended",s)}},[n,c,t.editMetadata]);let{durationDisplay:h,isClipEdited:x}=a.useMemo(()=>{let e=t.length,l=null!=t.editMetadata?t.editMetadata.end-t.editMetadata.start:null,i=!1;if(null!=t.editMetadata){let a=null!=l&&1e3*l<t.length,n=!1===t.editMetadata.applicationAudio||!1===t.editMetadata.voiceAudio||!1===t.editMetadata.soundboardAudio;i=a||n,null!=l&&1e3*l<t.length&&(e=1e3*l)}let a=$().duration(e),n=a.minutes(),s=a.seconds();return 0===n?{durationDisplay:`${s}s`,isClipEdited:i}:{durationDisplay:`${n}:${s.toString().padStart(2,"0")}`,isClipEdited:i}},[t.length,t.editMetadata]),p=a.useCallback(e=>{e.preventDefault(),e.stopPropagation(),T.XK(t)},[t]),g=a.useCallback(e=>{e.preventDefault(),e.stopPropagation(),r||s(e)},[r,s]);return(0,i.jsxs)("div",{className:eP.QB,children:[(0,i.jsx)("div",{className:eP.ne}),(0,i.jsx)(eM,{clip:t,videoRef:n}),(0,i.jsxs)("div",{className:eP.ry,children:[!o&&l&&(0,i.jsx)(X.Lp,{text:eb.intl.string(eb.t.y2b7CA)}),(0,i.jsx)(ek,{clip:t})]}),!r&&(0,i.jsxs)("div",{className:eP.g3,children:[(0,i.jsx)(u.m,{text:eb.intl.string(t.isFavorite?eC.default.IZsalP:eC.default.ihBfyA),position:"top",children:(0,i.jsx)(j.K,{onClick:p,icon:t.isFavorite?q.G:W.y,"aria-label":eb.intl.string(eb.t.k8fFjp),variant:"overlay-secondary",size:"sm"})}),(0,i.jsx)(j.K,{onClick:g,icon:Z.F,"aria-label":eb.intl.string(eb.t["UKOtz+"]),variant:"overlay-secondary",size:"sm"})]}),(0,i.jsxs)("div",{className:eP.E9,children:["auto"===t.clipMethod&&(0,i.jsxs)("div",{className:eP.OH,children:[t.isTemporary&&(0,i.jsx)(J.O,{color:"white",size:"xs"}),(0,i.jsx)(G.E,{variant:"text-sm/semibold",color:"always-white",children:eb.intl.string(eb.t["3Y2DJ8"])})]}),!c&&(0,i.jsxs)("div",{className:eP.OH,children:[x&&(0,i.jsx)(ed.A,{color:"white",width:16,height:16}),(0,i.jsx)("span",{children:(0,i.jsx)(G.E,{variant:"text-sm/semibold",color:"always-white",tabularNumbers:!0,children:o?eb.intl.string(eb.t["2Fp7OP"]):h})})]})]}),!c&&d>0&&(0,i.jsx)("div",{className:eP.X7,children:(0,i.jsx)("div",{className:eP.Z2,style:{width:`${d}%`}})})]})}function eS(e){let{clip:t}=e,l=(0,eE.h)(t),a=""!==l;return(0,i.jsx)(G.E,{className:eP.NV,variant:"text-md/normal",color:"text-default",children:a?l:t.name})}function eM(e){let{clip:t,videoRef:l}=e,a=(0,eL.j)(t),n=t.type===S.nQ.SCREENSHOT;return t.type===S.nQ.VOICE_CLIP?(0,i.jsx)(ep.A,{className:eP.fT}):n?(0,i.jsx)("img",{alt:"",src:t.thumbnail,className:eP.fT}):null!=a?(0,i.jsx)(er.A,{preload:"none",poster:t.thumbnail,muted:!0,src:a,loop:!0,className:eP.fT,ref:l}):""!==t.thumbnail?(0,i.jsx)("img",{alt:"",src:t.thumbnail,className:eP.fT}):(0,i.jsx)("div",{className:s()(eP.fT,eP.Is),children:(0,i.jsx)(ee.x,{color:et.A.colors.ICON_MUTED})})}function eT(e){let{clip:t}=e,l=(0,d.bG)([en.A],()=>null!=t.applicationId?en.A.getApplication(t.applicationId):null),a=l?.getIconURL(32);return(0,i.jsx)("div",{className:eP.gS,"aria-hidden":"true",children:null!=a?(0,i.jsx)("img",{src:a,alt:"",className:eP.NH}):t.type===S.nQ.VOICE_CLIP?(0,i.jsx)(el.H,{size:"sm"}):(0,i.jsx)(ei.k,{size:"sm"})})}function e_(e){let{alt:t,ariaLabel:l,ariaHidden:a,role:n,width:s=288,height:r=162}=e;return(0,i.jsx)("img",{style:{width:s,height:r},src:"https://cdn.discordapp.com/assets/content/5cbe59588641e0337b4a5e93e16f0ab02d494b2033f96505d343d31aae29d89c.svg",alt:t,"aria-label":l,"aria-hidden":a,role:n??"img"})}var eR=l(702841),eF=l(687966),eO=l(475358),eH=l(123292),ez=l(292801),eG=l(780964),eU=l(766075),eK=l(532624),eV=l(350535),e$=l(572164),eQ=l(953932),eY=l(311162);function eB(e){let{header:t,description:l}=e;return(0,i.jsxs)("div",{className:eY.Nr,children:[t,(0,i.jsx)(G.E,{color:"text-default",variant:"text-sm/medium",children:l})]})}function eX(){let e=(0,eR.bG)([eK.Ay],()=>eK.Ay.getKeybindForAction(ew.hCu.SAVE_CLIP)),t=null!=e?eV.dI(e.shortcut,!0):null;return(0,i.jsxs)("div",{className:eY.kR,children:[(0,i.jsx)(eB,{header:(0,i.jsx)(eF._,{size:"refresh_sm",color:et.A.colors.ICON_DEFAULT}),description:eb.intl.string(eC.default["4K56sP"])}),(0,i.jsx)(eB,{header:null!=t?(0,i.jsx)(eO.e,{shortcut:t}):null,description:null!=t?(0,i.jsxs)(i.Fragment,{children:[eb.intl.format(eC.default.BIwQis,{keybind:t}),(0,i.jsx)("div",{className:eY.JH,children:(0,i.jsx)(eH.Q,{text:eb.intl.string(eC.default.GPfOas),variant:"primary",textVariant:"text-sm/medium",onClick:function(){(0,eU.openUserSettings)(eG.X.CLIPS_PANEL)}})})]}):eb.intl.string(eC.default.HOUDUm)}),(0,i.jsx)(eB,{header:(0,i.jsx)(ez.t,{size:"refresh_sm",color:et.A.colors.ICON_DEFAULT}),description:eb.intl.string(eC.default.DLzdl7)})]})}function eq(e){let{isEmptyBecauseQuery:t}=e,l=(0,e$.Et)();return(0,i.jsx)("div",{className:eY.kL,children:(0,i.jsxs)("div",{className:eY.Qs,children:[(0,i.jsx)(e_,{width:213,height:135,alt:""}),(0,i.jsx)(f.D,{className:eY.wx,variant:"heading-xl/semibold",children:t?eb.intl.string(eC.default["+M2iLf"]):eb.intl.string(eC.default.m2GEpP)}),t&&(0,i.jsx)(G.E,{className:eY.h_,variant:"text-md/medium",children:eb.intl.string(eC.default.xkY5xS)}),!l&&(0,i.jsx)("div",{className:eY.SO,children:(0,i.jsx)(eQ.A,{})}),l&&!t&&(0,i.jsx)(eX,{})]})})}let eW=16/9;var eZ=l(621466),eJ=l(61491),e0=l(821609),e1=l(22231),e2=l(549973),e3=l(609174),e9=l(619744),e5=l(82716),e7=l(585579),e6=l(226870),e4=l(285072),e8=l(742007);function te(e){let{clip:t,actionsDisabled:l,isNew:a,onClick:n,onEdit:s}=e;return(0,i.jsx)(e3.Cl,{clip:t,children:(0,i.jsx)(tt,{actionsDisabled:l,isNew:a,onClick:n,onEdit:s})})}function tt(e){let{actionsDisabled:t,isNew:n,onClick:r,onEdit:c}=e,o=(0,e3.Y_)(),{analyticsLocations:d}=(0,N.Ay)(A.A.CLIPS_GALLERY_ITEM),{selectedClipIds:u,toggleClipSelection:m,isMultiSelectMode:h}=a.useContext(lL),[x,p]=a.useState(!1),[g,f]=a.useState(!1),[j,v]=a.useState(!1),[C,b]=a.useState(0),y=u.has(o.id),k=o.type===S.nQ.SCREENSHOT,L=(g||x)&&!y;a.useEffect(()=>{if(!L||k)return;let e=window.setTimeout(()=>v(!0),150);return()=>{window.clearTimeout(e),v(!1)}},[L,k]);let E=a.useRef(null),w=a.useCallback(()=>{E.current?.releaseSource()},[]),P=a.useCallback(()=>p(!1),[]),I=a.useCallback(e=>{p(!0);let a=h&&u.size>0?Array.from(u).map(e=>D.Ay.getClipById(e)).filter(eh.Vq):[o];(0,ea.L3)(e,async()=>{let{default:e}=await Promise.all([l.e("80625"),l.e("6619"),l.e("95429"),l.e("91211"),l.e("38601"),l.e("69006"),l.e("18307"),l.e("86456"),l.e("24043")]).then(l.bind(l,197126));return l=>(0,i.jsx)(e,{...l,clips:a,actionsDisabled:t,onShare:()=>{eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"share",...ex.lc(),...ex.Zy(o)})},onEdit:()=>{c(o),eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"edit",...ex.lc(),...ex.Zy(o)})},onBeforeDelete:w,onAfterDelete:()=>{eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"delete",...ex.lc(),...ex.Zy(o)})}})},{onClose:P})},[o,h,u,t,P,c,w]),M=a.useCallback(e=>{t||(e.preventDefault(),e.stopPropagation(),I(e))},[t,I]),T=a.useCallback(e=>{e.preventDefault(),e.stopPropagation(),I(e)},[I]),_=a.useCallback(e=>{e.preventDefault(),e.stopPropagation(),c(o),eu.default.track(ew.HAw.CLIP_GALLERY_CARD_BUTTON_CLICKED,{type:"edit"})},[c,o]),R=a.useCallback(e=>{!t&&(!(0,eZ.vq)(e.target,Element)||null==e.target.closest("[data-clips-avatars]")&&e.currentTarget.contains(e.target))&&(e.shiftKey?(e.preventDefault(),m(o.id)):h?m(o.id):null!=r&&r(o),eu.default.track(ew.HAw.CLIP_GALLERY_CARD_CLICKED,{...ex.lc(),...ex.Zy(o)}))},[t,h,m,o,r]);return(0,i.jsx)(N.f5,{value:d,children:(0,i.jsxs)(B.s,{"aria-disabled":t,"aria-label":eb.intl.string(k?eb.t["HO/oXl"]:eb.t.bt75uw),onClick:t?void 0:R,onContextMenu:M,className:s()(e8.Nr,{[e8.r9]:t,[e8.in]:x,[e8.wH]:y}),onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,i.jsx)("div",{className:e8.w7,children:(0,i.jsxs)(tl,{ref:E,isPlaying:j,onProgressChange:b,children:[(0,i.jsx)(ti,{isNew:n}),L&&!t?(0,i.jsx)(ta,{onMenu:T,onBeforeDelete:w}):(0,i.jsx)(tn,{}),(0,i.jsx)("div",{className:e8.dH,"aria-hidden":"true"})]})}),(0,i.jsx)(ts,{showHoverState:L,playbackProgress:C,onEdit:_})]})})}let tl=a.forwardRef((e,t)=>{let{isPlaying:l,onProgressChange:a,children:n}=e;return(0,i.jsx)(e6.d,{ref:t,isPlaying:l,preload:"none",onProgressChange:a,children:(0,i.jsx)(e4.h,{isVisible:!0,children:n})})});function ti(e){let{isNew:t}=e,l=(0,e3.Y_)(),a=!0===l.pending;return(0,i.jsxs)("div",{className:e8.zV,children:[!a&&t&&(0,i.jsx)("div",{className:e8.Ad,children:(0,i.jsx)(G.E,{variant:"text-xs/bold",color:"always-white",children:eb.intl.string(eb.t.y2b7CA)})}),(0,i.jsx)(ek,{clip:l})]})}function ta(e){let{onMenu:t,onBeforeDelete:l}=e;return(0,i.jsxs)("div",{className:e8.Mw,children:[(0,i.jsx)(u.m,{text:eb.intl.string(eb.t["UKOtz+"]),children:(0,i.jsx)(j.K,{onClick:t,icon:Z.F,"aria-label":eb.intl.string(eb.t["UKOtz+"]),variant:"overlay-secondary",size:"sm"})}),(0,i.jsx)(e9.k,{onBeforeDelete:l}),(0,i.jsx)(e5.z,{})]})}function tn(){let e=(0,e3.Y_)(),t=0===e.length,l=!0===e.pending,{durationDisplay:n,isClipEdited:r}=a.useMemo(()=>{let t=e.length,l=null!=e.editMetadata?e.editMetadata.end-e.editMetadata.start:null,i=!1;if(null!=e.editMetadata){let a=null!=l&&1e3*l<e.length,n=!1===e.editMetadata.applicationAudio||!1===e.editMetadata.voiceAudio||!1===e.editMetadata.soundboardAudio;i=a||n,null!=l&&1e3*l<e.length&&(t=1e3*l)}let a=Math.floor(t/1e3);return{durationDisplay:(0,eJ.rB)(a),isClipEdited:i}},[e.length,e.editMetadata]);return t?null:(0,i.jsxs)("div",{className:s()(e8.cH,e8._s),children:[r&&(0,i.jsx)(ed.A,{color:"white",width:14,height:14}),(0,i.jsx)(G.E,{variant:"text-xs/bold",color:"always-white",tabularNumbers:!0,children:l?eb.intl.string(eb.t["2Fp7OP"]):n})]})}function ts(e){let{showHoverState:t,playbackProgress:l,onEdit:a}=e,n=(0,e3.Y_)(),s=n.type===S.nQ.SCREENSHOT,r=(0,d.yK)([I.default],()=>n.users.map(e=>I.default.getUser(e)).filter(eh.Vq)),c=(0,d.bG)([ec.A],()=>null!=n.channelId?ec.A.getChannel(n.channelId):null),o=(0,d.bG)([eo.A],()=>null!=n.guildId?eo.A.getGuild(n.guildId):null),u=(0,es.Ay)(c),m=""===n.applicationName&&null!=u&&""!==u?u:n.applicationName,h=(0,e2.e)({timestamp:n.createdAt}),x=o?.name;return(0,i.jsxs)("div",{className:e8.yu,children:[(0,i.jsxs)("div",{className:e8.$,children:[(0,i.jsx)(tr,{}),r.length>0&&(0,i.jsx)("span",{className:e8.HD,"data-clips-avatars":"true",children:(0,i.jsx)(Y.A,{maxUsers:3,users:r,size:p._3.SIZE_16,"aria-label":eb.intl.string(eb.t.WTozwe)})})]}),(0,i.jsx)("div",{className:e8.SO,children:t?(0,i.jsxs)(i.Fragment,{children:[!s&&(0,i.jsx)("div",{className:e8.z5,"aria-hidden":"true",children:(0,i.jsx)("div",{className:e8.TE,style:{width:`${l}%`}})}),(0,i.jsxs)("div",{className:e8.E_,children:[(0,i.jsx)("div",{className:e8.lO,children:(0,i.jsx)(e0.$,{variant:"secondary",size:"sm",icon:e1.R,text:eb.intl.string(eb.t.bt75uw),onClick:a,fullWidth:!0})}),(0,i.jsx)("div",{className:e8.lO,children:(0,i.jsx)(e7.E,{variant:"primary"})})]})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:e8.Pb,children:[(0,i.jsx)(tc,{}),(0,i.jsx)(G.E,{className:e8.gO,variant:"text-xs/medium",color:"text-muted",children:m})]}),(0,i.jsxs)("div",{className:e8.eg,children:[null!=x&&""!==x&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(G.E,{className:e8.gO,variant:"text-xs/normal",color:"text-muted",children:x}),(0,i.jsx)("span",{className:e8.TG,"aria-hidden":"true"})]}),(0,i.jsx)(G.E,{variant:"text-xs/normal",color:"text-muted",children:eb.intl.format(eC.default["0QCBug"],{time:h})})]})]})})]})}function tr(){let e=(0,e3.Y_)(),t=(0,eE.h)(e),l=""!==t;return(0,i.jsx)(G.E,{className:e8.DD,variant:"text-sm/semibold",color:"text-default",children:l?t:e.name})}function tc(){let e=(0,e3.Y_)(),t=(0,d.bG)([en.A],()=>null!=e.applicationId?en.A.getApplication(e.applicationId):null),l=t?.getIconURL(32);return(0,i.jsx)("div",{className:e8.Gt,"aria-hidden":"true",children:null!=l?(0,i.jsx)("img",{src:l,alt:"",className:e8.T_}):e.type===S.nQ.VOICE_CLIP?(0,i.jsx)(el.H,{size:"xs",color:"currentColor"}):(0,i.jsx)(ei.k,{size:"xs",color:"currentColor"})})}tl.displayName="CardThumbnail";var to=l(792852);function td(e){return Math.min(45*e,520)}var tu=l(352528),tm=l(32122);let th=[0,16,0,16],tx=th[1]+th[3];function tp(e){let{filteredClips:t,totalClipCount:l,onClipClick:n,onEdit:s,isLoading:r}=e,[c,o]=a.useState({width:0,height:0}),u=(0,d.yK)([D.Ay],()=>D.Ay.getNewClipIds()),m=(0,d.bG)([D.Ay],()=>D.Ay.getExportingClipIds().length>0),{enabled:h}=M.O.useConfig({location:"ClipsGalleryContent"}),x=h?te:eI,p=(0,to.P)(e=>e.activeMainLink),g=(0,to.P)(e=>e.gameFacet),j=(0,to.P)(e=>e.clippedWithFacet),v=a.useMemo(()=>{let e=[],l=new Map,i=[],a=new Date;a.setHours(0,0,0,0);let n=a.getTime();if(t.forEach(e=>{let t=e.createdAt,a=new Date(t);if(a.setHours(0,0,0,0),a.getTime()===n)i.push(e);else{let i=new Date(t).toLocaleDateString("en-US",{month:"long",year:"numeric"}),a=l.get(i)??[];l.set(i,[...a,e])}}),i.length>0){let t=i.some(e=>e.isTemporary);e.push({type:"today",title:eb.intl.string(eb.t["kB2R/0"]),description:t?eb.intl.string(eb.t["6AXirz"]):void 0,clips:i})}return Array.from(l.entries()).forEach(t=>{let[l,i]=t;e.push({type:"monthyear",title:l,clips:i})}),e},[t]),{width:C}=c,{tileWidth:b,columns:A}=a.useMemo(()=>{var e,l;let i,a,n;return e=t.length,i=Math.max(1,Math.floor(((l=C-tx)+16)/336)),a=Math.max(320,(l-16*(i-1))/i),n=Math.ceil(e/i),{tileWidth:a,columns:i,rows:n}},[t.length,C]),N=a.useMemo(()=>v.map(e=>Math.ceil(e.clips.length/A)),[v,A]),k=a.useMemo(()=>N.reduce((e,t)=>e+t,0),[N]),L=Math.floor(b/eW),E=v.length>0?`${p}:${g??""}:${j??""}`:null,w=function(e){let t=(0,d.bG)([y.A],()=>y.A.useReducedMotion),[l,i]=a.useState(null),[n,s]=a.useState(null);return e!==l&&(i(e),null!=e&&s(e)),a.useEffect(()=>{if(null==n)return;let e=window.setTimeout(()=>s(null),1200);return()=>window.clearTimeout(e)},[n]),!t&&null!=n}(E),P=h&&w,I=a.useCallback((e,t)=>{let{sectionIndex:l,sectionRowIndex:a}=t,r=v[l];if(null==r)return null;let c=a*A,o=r.clips.slice(c,c+A);return(0,i.jsx)("div",{className:tu.UX,children:o.map((t,l)=>{let a={width:b};return P&&(a["--custom-entrance-delay"]=`${td(e+l)}ms`),(0,i.jsx)("div",{className:P?tm.$:void 0,style:a,children:(0,i.jsx)(x,{actionsDisabled:m,isNew:u.includes(t.id),onClick:n??s,onEdit:s,clip:t})},`${E??"static"}:${t.id}`)})},`row-${l}-${a}`)},[v,A,b,m,u,n,s,x,P,E]),S=a.useCallback(e=>{let t=v[e];return t?.description!=null?66:44},[v]),T=a.useCallback(e=>{let t=v[e];return null==t?null:(0,i.jsxs)("div",{className:tu.aE,children:[(0,i.jsx)(f.D,{variant:"text-md/semibold",color:"text-default",children:t.title}),null!=t.description&&(0,i.jsx)(G.E,{variant:"text-sm/normal",color:"text-subtle",className:tu.yV,children:t.description})]},`header-${e}`)},[v]);return r||0!==v.length?r&&0===v.length?(0,i.jsx)("div",{className:tu.dc,children:(0,i.jsx)(U.y,{})}):(0,i.jsx)(K.A,{listPadding:th,renderRow:I,renderSectionHeader:T,rowCount:k,rowCountBySection:N,rowHeight:L+(h?96:68)+16,sectionHeaderHeight:S,onResize:o}):(0,i.jsx)(eq,{isEmptyBecauseQuery:l>0})}var tg=l(922016),tf=l(783977),tj=l(625903),tv=l(892547),tC=l(939249),tb=l(364522),ty=l(91871),tA=l.n(ty),tN=l(980707),tk=l(477782),tL=l(583650);function tE(e){let{closePopout:t,allClips:l}=e,{selectedUserIds:n,selectedActivity:s,selectedGuildId:r,dateFilter:c,sortOrder:o,toggleUserId:d,setSelectedActivity:u,setSelectedGuildId:m,setDateFilter:h,setSortOrder:x,clearFilters:p}=(0,to.P)(),g=a.useMemo(()=>(function(e){if(null==e||null==e.after||null==e.before)return null;let t=new Date(e.after),l=new Date(e.before);return t.getFullYear()!==l.getFullYear()||0!==t.getMonth()||1!==t.getDate()||11!==l.getMonth()||31!==l.getDate()?null:t.getFullYear()})(c),[c]),f=a.useCallback(e=>{null==e?h(null):h({preset:"custom",after:new Date(e,0,1,0,0,0,0).getTime(),before:new Date(e,11,31,23,59,59,999).getTime()})},[h]),j=a.useMemo(()=>(function(e){let t=new Set;for(let l of e)l.users.forEach(e=>t.add(e));let l=[];for(let e of t){let t=I.default.getUser(e);if(null!=t){let i=t.globalName??t.username;l.push({userId:e,name:i})}}return l.sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase())),l})(l),[l]),v=a.useMemo(()=>(function(e){let t=new Set;for(let l of e)l.activity?.state!=null&&t.add(l.activity.state),l.activity?.details!=null&&t.add(l.activity.details);return Array.from(t).sort((e,t)=>e.localeCompare(t))})(l),[l]),C=a.useMemo(()=>(function(e){let t=new Set;for(let l of e)null!=l.guildId&&t.add(l.guildId);let l=[];for(let e of t){let t=eo.A.getGuild(e);null!=t&&l.push({guildId:e,name:t.name})}return l.sort((e,t)=>e.name.toLowerCase().localeCompare(t.name.toLowerCase())),l})(l),[l]),b=a.useMemo(()=>(function(e){let t=new Set;for(let l of e){let e=new Date(l.createdAt).getFullYear();t.add(e)}return Array.from(t).sort((e,t)=>t-e)})(l),[l]),[y,A]=a.useState(""),[N,k]=a.useState(""),[L,E]=a.useState(""),w=a.useMemo(()=>0===y.trim().length?j:j.filter(e=>tA()(y.toLowerCase(),e.name.toLowerCase())),[j,y]),P=a.useMemo(()=>0===N.trim().length?C:C.filter(e=>tA()(N.toLowerCase(),e.name.toLowerCase())),[C,N]),D=a.useMemo(()=>0===L.trim().length?v:v.filter(e=>tA()(L.toLowerCase(),e.toLowerCase())),[v,L]),S=n.size>0||null!=s||null!=r||null!=g,M=a.useMemo(()=>{if(0!==n.size)return j.filter(e=>n.has(e.userId)).map(e=>e.name).join(", ")},[n,j]),T=a.useMemo(()=>{if(null==r)return;let e=C.find(e=>e.guildId===r);return e?.name},[r,C]),_=a.useMemo(()=>s??void 0,[s]),R=a.useMemo(()=>null!=g?String(g):void 0,[g]);return(0,i.jsxs)(tN.W,{"data-menu-migrated":!0,navId:"clips-filters-context","aria-label":eb.intl.string(eb.t.X7yRDm),onClose:t,onSelect:void 0,variant:"fixed",children:[(0,i.jsxs)(tk.rX,{label:"Filter",children:[j.length>0&&(0,i.jsxs)(tk.Dr,{id:"participants",label:eb.intl.string(eb.t.YQ6dJg),subtext:M,children:[j.length>20&&(0,i.jsx)(tk.aK,{id:"participants-search",control:(e,t)=>(0,i.jsx)(tL.V,{...e,query:y,onChange:A,ref:t,placeholder:eb.intl.string(eb.t["5h0QOP"])})}),w.map(e=>{let{userId:t,name:l}=e;return(0,i.jsx)(tk.sL,{id:`participant-${t}`,label:l,action:()=>d(t),checked:n.has(t)},t)})]}),C.length>0&&(0,i.jsxs)(tk.Dr,{id:"servers",label:eb.intl.string(eb.t["5qyruI"]),subtext:T,children:[C.length>20&&(0,i.jsx)(tk.aK,{id:"servers-search",control:(e,t)=>(0,i.jsx)(tL.V,{...e,query:N,onChange:k,ref:t,placeholder:eb.intl.string(eb.t["5h0QOP"])})}),(0,i.jsx)(tk.iD,{id:"server-all",group:"server",label:eb.intl.string(eb.t["2/yeUU"]),action:()=>m(null),checked:null==r}),P.map(e=>{let{guildId:t,name:l}=e;return(0,i.jsx)(tk.iD,{id:`server-${t}`,group:"server",label:l,action:()=>m(t),checked:r===t},t)})]}),v.length>0&&(0,i.jsxs)(tk.Dr,{id:"activities",label:eb.intl.string(eb.t.agRtPG),subtext:_,children:[v.length>20&&(0,i.jsx)(tk.aK,{id:"activities-search",control:(e,t)=>(0,i.jsx)(tL.V,{...e,query:L,onChange:E,ref:t,placeholder:eb.intl.string(eb.t["5h0QOP"])})}),(0,i.jsx)(tk.iD,{id:"activity-all",group:"activity",label:eb.intl.string(eb.t["2/yeUU"]),action:()=>u(null),checked:null==s}),D.map(e=>(0,i.jsx)(tk.iD,{id:`activity-${e}`,group:"activity",label:e,action:()=>u(e),checked:s===e},e))]}),b.length>0&&(0,i.jsxs)(tk.Dr,{id:"years",label:eb.intl.string(eb.t.w9zd68),subtext:R,children:[(0,i.jsx)(tk.iD,{id:"year-all",group:"year",label:eb.intl.string(eb.t["2/yeUU"]),action:()=>f(null),checked:null==g}),b.map(e=>(0,i.jsx)(tk.iD,{id:`year-${e}`,group:"year",label:String(e),action:()=>f(e),checked:g===e},e))]})]}),(0,i.jsxs)(tk.rX,{label:eb.intl.string(eb.t.XvNMNk),children:[(0,i.jsx)(tk.iD,{id:"sort-recent",group:"sort",label:eb.intl.string(eb.t["4LLKx3"]),action:()=>x(z.mu.MOST_RECENT),checked:o===z.mu.MOST_RECENT}),(0,i.jsx)(tk.iD,{id:"sort-oldest",group:"sort",label:eb.intl.string(eb.t["0gitSE"]),action:()=>x(z.mu.OLDEST),checked:o===z.mu.OLDEST})]}),S&&(0,i.jsx)(tk.rX,{children:(0,i.jsx)(tk.Dr,{id:"clear-filters",label:eb.intl.string(eb.t.FbDgiu),action:p})})]})}var tw=l(7689),tP=l(332837),tI=l(175841),tD=l(724993);function tS(e){let{icon:t,label:l,trailer:a,isSelected:n,isDisabled:r=!1,onClick:c}=e,o=r&&!n;return(0,i.jsxs)(tC.D,{onClick:o?void 0:c,className:s()(tD.nM,{[tD.CZ]:n,[tD.lr]:o}),"aria-pressed":n,"aria-disabled":o,children:[(0,i.jsx)("span",{className:tD.aL,children:t}),(0,i.jsx)(G.E,{variant:"text-md/medium",color:"currentColor",className:tD.xZ,lineClamp:1,children:l}),null!=a&&(0,i.jsx)("span",{className:tD.iP,children:a})]})}function tM(){let e=(0,d.bG)([eK.Ay],()=>eK.Ay.getKeybindForAction(ew.hCu.SAVE_CLIP)),t=(0,to.P)(e=>e.setActiveMainLink),l=(0,to.P)(e=>e.setGameFacet),n=(0,to.P)(e=>e.setClippedWithFacet),s=(0,to.P)(e=>e.setPendingSearchFocus),r=a.useCallback(()=>{(0,eU.openUserSettings)(eG.X.CLIPS_PANEL)},[]),c=a.useCallback(()=>{l(null),n(null),t(z.oH.ALL_CLIPS),s(!0)},[l,n,t,s]),o=null!=e?eV.dI(e.shortcut,!0):null;return(0,i.jsxs)("div",{className:tD.aN,children:[(0,i.jsxs)("div",{className:tD.pR,children:[(0,i.jsx)(f.D,{variant:"heading-lg/semibold",color:"text-strong",children:eb.intl.string(eb.t.z2jK6X)}),null!=o&&(0,i.jsx)(eO.e,{shortcut:o})]}),(0,i.jsxs)("div",{className:tD.XL,children:[(0,i.jsx)(u.m,{text:eb.intl.string(eb.t["5h0QOP"]),children:(0,i.jsx)(j.K,{onClick:c,icon:tw.$,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t["5h0QOP"])})}),(0,i.jsx)(u.m,{text:eb.intl.string(eb.t["3D5yo/"]),children:(0,i.jsx)(j.K,{onClick:r,icon:tj.Z,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t["3D5yo/"])})})]})]})}function tT(e){let t,l,n,s,r,c,o,d,u,m,h,{mainLinkCounts:x,mainLinkNewCounts:p}=e,g=(0,to.P)(e=>e.activeMainLink),f=(t=(0,to.P)(e=>e.setActiveMainLink),l=(0,to.P)(e=>e.setGameFacet),n=(0,to.P)(e=>e.setClippedWithFacet),s=(0,to.P)(e=>e.clearFilters),a.useCallback(e=>{t(e),l(null),n(null),s()},[t,l,n,s])),j=(0,to.P)(e=>e.gameFacet),v=(0,to.P)(e=>e.clippedWithFacet),C=null!=j||null!=v;return(0,i.jsxs)("div",{className:tD.uW,children:[(0,i.jsx)(tS,{icon:(0,i.jsx)(tP.f,{size:"sm",color:"currentColor"}),label:eb.intl.string(eb.t.Ym2Ri6),isSelected:(r=z.oH.HOME,!C&&g===r),onClick:()=>f(z.oH.HOME)}),(0,i.jsx)(tS,{icon:(0,i.jsx)(ee.x,{size:"sm",color:"currentColor"}),label:eb.intl.string(eb.t.dPVrEv),trailer:(0,i.jsx)(t_,{count:p.allClips}),isSelected:(c=z.oH.ALL_CLIPS,!C&&g===c),isDisabled:0===x.allClips&&(o=z.oH.ALL_CLIPS,!!C||g!==o),onClick:()=>f(z.oH.ALL_CLIPS)}),(0,i.jsx)(tS,{icon:(0,i.jsx)(tI.B,{size:"sm",color:"currentColor"}),label:eb.intl.string(eC.default.ikNKf1),trailer:(0,i.jsx)(t_,{count:p.autoClips}),isSelected:(d=z.oH.AUTO_CLIPS,!C&&g===d),isDisabled:0===x.autoClips&&(u=z.oH.AUTO_CLIPS,!!C||g!==u),onClick:()=>f(z.oH.AUTO_CLIPS)}),(0,i.jsx)(tS,{icon:(0,i.jsx)(q.G,{size:"sm",color:"currentColor"}),label:eb.intl.string(eb.t["9rlCk1"]),trailer:(0,i.jsx)(t_,{count:p.favorites}),isSelected:(m=z.oH.FAVORITES,!C&&g===m),isDisabled:0===x.favorites&&(h=z.oH.FAVORITES,!!C||g!==h),onClick:()=>f(z.oH.FAVORITES)})]})}function t_(e){let{count:t}=e;return t<=0?null:(0,i.jsx)(X.hV,{count:t})}function tR(e){let t,l,n,r,{gamesFacet:c}=e,o=(0,to.P)(e=>e.gameFacet),d=(t=(0,to.P)(e=>e.setGameFacet),l=(0,to.P)(e=>e.setClippedWithFacet),n=(0,to.P)(e=>e.setActiveMainLink),r=(0,to.P)(e=>e.clearFilters),a.useCallback((e,i)=>{null==i?"game"===e?t(null):l(null):("game"===e?t(i):l(i),"game"===e?l(null):t(null),n(z.oH.ALL_CLIPS),r())},[t,l,n,r])),u=a.useMemo(()=>c.map(e=>e.key),[c]),m=(0,L.A)(u),h=a.useMemo(()=>new Map(m.map(e=>[e?.id,e])),[m]);return 0===c.length?null:(0,i.jsxs)(tb.Ip,{className:s()(tD.uW,tD.fC),fade:!0,children:[(0,i.jsx)(f.D,{variant:"heading-sm/medium",color:"text-muted",className:tD.a9,children:eb.intl.string(eb.t.URyqtP)}),(0,i.jsx)("div",{className:tD._A,children:c.map(e=>(0,i.jsx)(tS,{icon:(0,i.jsx)(E.A,{game:h.get(e.key),size:E.M.XSMALL}),label:e.name,trailer:(0,i.jsx)(t_,{count:e.newCount}),isSelected:o===e.key,isDisabled:e.isDisabled,onClick:()=>d("game",o===e.key?null:e.key)},e.key))})]})}function tF(e){let{gamesFacet:t,mainLinkCounts:l,mainLinkNewCounts:a}=e;return(0,i.jsxs)("div",{className:tD.pz,children:[(0,i.jsx)(tM,{}),(0,i.jsxs)("div",{className:tD.wp,children:[(0,i.jsx)(tT,{mainLinkCounts:l,mainLinkNewCounts:a}),(0,i.jsx)(tR,{gamesFacet:t})]})]})}var tO=l(174726);let tH=a.memo(function(e){let{withHeaderFilters:t,allClips:l}=e,n=(0,to.P)(e=>e.query),s=(0,to.P)(e=>e.setQuery),r=(0,to.P)(e=>+(e.selectedUserIds.size>0)+ +(null!=e.selectedActivity)+ +(null!=e.selectedGuildId)+ +(null!=e.dateFilter)),c=(0,eR.bG)([eK.Ay],()=>eK.Ay.getKeybindForAction(ew.hCu.SAVE_CLIP)),o=a.useCallback(()=>{(0,eU.openUserSettings)(eG.X.CLIPS_PANEL)},[]),d=a.useCallback(()=>s(""),[s]),m=null!=c?eV.dI(c.shortcut,!0):null,h=a.useRef(null);return(0,i.jsxs)("div",{className:tO.aN,children:[(0,i.jsxs)("div",{className:tO.Nr,children:[(0,i.jsxs)("div",{className:tO.Pe,children:[(0,i.jsx)(f.D,{variant:"heading-lg/semibold",color:"text-strong",children:eb.intl.string(eb.t.z2jK6X)}),null!=m&&(0,i.jsx)(eO.e,{className:tO.P,shortcut:m})]}),(0,i.jsxs)("div",{className:tO.$s,children:[t&&(0,i.jsx)(u.m,{text:eb.intl.string(eb.t.X7yRDm),children:(0,i.jsx)(tg.Y,{position:"bottom",targetElementRef:h,renderPopout:e=>(0,i.jsx)(tE,{...e,allClips:l}),children:e=>(0,i.jsx)("div",{ref:h,children:r>0?(0,i.jsx)(e0.$,{size:"sm",variant:"secondary",...e,text:eb.intl.formatToPlainString(eC.default.JbyR1U,{count:r}),icon:tf.R,iconPosition:"end"}):(0,i.jsx)(j.K,{icon:tf.R,...e,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t.X7yRDm)})})})}),(0,i.jsx)(u.m,{text:eb.intl.string(eb.t["3D5yo/"]),children:(0,i.jsx)(j.K,{onClick:o,icon:tj.Z,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t["3D5yo/"])})})]})]}),t&&(0,i.jsx)("div",{className:tO.MT,children:(0,i.jsx)(tv.I,{placeholder:eb.intl.string(eb.t["5h0QOP"]),query:n,onChange:s,onClear:d,size:"md"})})]})}),tz=a.memo(function(e){let{name:t,count:l,icon:a,isSelected:n,onClick:r}=e;return(0,i.jsxs)(tC.D,{className:s()(tO.MV,{[tO.wH]:n}),onClick:r,children:[(0,i.jsxs)("div",{className:tO.tk,children:[a,(0,i.jsx)(G.E,{variant:"text-md/medium",color:"currentColor",className:tO.mO,children:t})]}),(0,i.jsx)("div",{className:tO.z2,children:(0,i.jsx)(G.E,{variant:"text-xs/semibold",color:"currentColor",children:l})})]})});function tG(e){let{enabled:t}=M.O.useConfig({location:"ClipsGallerySidebar"});return t?(0,i.jsx)(tF,{gamesFacet:e.gamesFacet,distributedClipInitiatorsFacet:e.distributedClipInitiatorsFacet,mainLinkCounts:e.mainLinkCounts,mainLinkNewCounts:e.mainLinkNewCounts}):(0,i.jsx)(tU,{allClips:e.allClips,filteredClips:e.filteredClips,withHeaderFilters:e.withHeaderFilters})}function tU(e){let{allClips:t,filteredClips:l,withHeaderFilters:n}=e,s=(0,to.P)(e=>e.gameFacet),r=(0,to.P)(e=>e.activeMainLink),c=(0,to.P)(e=>e.setGameFacet),o=(0,to.P)(e=>e.setActiveMainLink),{legacyGames:d,allClipsCount:u,favoritesCount:m}=a.useMemo(()=>{let e=new Map,i=new Set(l);for(let l of t){if(null==l.applicationId)continue;let t=i.has(l),a=e.get(l.applicationId);null==a?e.set(l.applicationId,{name:l.applicationName,count:+!!t,mostRecentClipCreatedAt:l.createdAt}):(t&&(a.count+=1),l.createdAt>a.mostRecentClipCreatedAt&&(a.mostRecentClipCreatedAt=l.createdAt))}let a=0;for(let e of l)e.isFavorite&&(a+=1);return{legacyGames:Array.from(e.entries()).map(e=>{let[t,l]=e;return{applicationId:t,...l}}).sort((e,t)=>t.mostRecentClipCreatedAt-e.mostRecentClipCreatedAt),allClipsCount:l.length,favoritesCount:a}},[t,l]),h=a.useMemo(()=>d.map(e=>e.applicationId),[d]),x=(0,L.A)(h),p=a.useMemo(()=>new Map(x.map(e=>[e?.id,e])),[x]),g=a.useCallback(()=>{o(z.oH.ALL_CLIPS),c(null)},[o,c]),j=a.useCallback(()=>{o(z.oH.FAVORITES),c(null)},[o,c]),v=a.useCallback(e=>{c(e),o(z.oH.ALL_CLIPS)},[c,o]),C=null==s&&r===z.oH.ALL_CLIPS,b=null==s&&r===z.oH.FAVORITES;return(0,i.jsxs)("div",{className:tO.pz,children:[(0,i.jsx)(tH,{withHeaderFilters:n,allClips:t}),(0,i.jsxs)("div",{className:tO.wp,children:[(0,i.jsx)("div",{className:tO.om,children:(0,i.jsxs)("div",{className:tO.Ep,children:[(0,i.jsx)(tz,{name:eb.intl.string(eb.t.dPVrEv),count:u,icon:(0,i.jsx)(ee.x,{}),isSelected:C,onClick:g}),(0,i.jsx)(tz,{name:eb.intl.string(eb.t["9rlCk1"]),count:m,icon:(0,i.jsx)(q.G,{}),isSelected:b,onClick:j})]})}),d.length>0&&(0,i.jsxs)(tb.Ip,{className:tO.om,fade:!0,children:[(0,i.jsx)(f.D,{variant:"heading-sm/medium",color:"text-muted",className:tO.a9,children:eb.intl.string(eb.t.URyqtP)}),(0,i.jsx)("div",{className:tO.Ep,children:d.map(e=>(0,i.jsx)(tz,{name:e.name,count:e.count,icon:(0,i.jsx)(E.A,{game:p.get(e.applicationId),size:E.M.XSMALL}),isSelected:s===e.applicationId,onClick:()=>v(e.applicationId)},e.applicationId))})]})]})]})}var tK=l(847374),tV=l(112173),t$=l(548118),tQ=l(441349),tY=l(789645),tB=l(939546),tX=l(99478);function tq(e){return e.setHours(0,0,0,0),e.getTime()}function tW(e){return e.setHours(23,59,59,999),e.getTime()}function tZ(e,t){if(null==e&&null==t)return null;let l=(0,tB.Xj)();return{preset:"custom",after:null!=e?tq(e.toDate(l)):null,before:null!=t?tW(t.toDate(l)):null}}function tJ(e){if(null==e)return null;let t=new Date(e);return new tX.ng(t.getFullYear(),t.getMonth()+1,t.getDate())}let t0=new Intl.DateTimeFormat(void 0,{month:"short",day:"numeric",year:"numeric"});function t1(e){return t0.format(new Date(e))}function t2(e){switch(e.preset){case"today":return eb.intl.string(eC.default.yOAWWM);case"yesterday":return eb.intl.string(eC.default["PtV/Ti"]);case"last-3-days":return eb.intl.string(eC.default.xfmv7I);case"this-year":return eb.intl.string(eC.default["+eE7zX"]);case"last-year":return eb.intl.string(eC.default.Nwj9v0);case"custom":{let t=null!=e.after?t1(e.after):null,l=null!=e.before?t1(e.before):null;if(null!=t&&null!=l)return eb.intl.formatToPlainString(eC.default["9pwQ/F"],{after:t,before:l});if(null!=t)return eb.intl.formatToPlainString(eC.default.k1FkTL,{date:t});if(null!=l)return eb.intl.formatToPlainString(eC.default["4NlpHD"],{date:l});return eb.intl.string(eC.default.tv9apA)}}}var t3=l(817480);function t9(e){let{closePopout:t}=e,l=(0,to.P)(e=>e.dateFilter),n=(0,to.P)(e=>e.setDateFilter),[r,c]=a.useState(l?.preset==="custom"),[o,d]=a.useState(()=>l?.preset==="custom"?tJ(l.after):null),[m,h]=a.useState(()=>l?.preset==="custom"?tJ(l.before):null),x=a.useMemo(()=>[{key:"today",label:eb.intl.string(eC.default.yOAWWM)},{key:"yesterday",label:eb.intl.string(eC.default["PtV/Ti"])},{key:"last-3-days",label:eb.intl.string(eC.default.xfmv7I)},{key:"this-year",label:eb.intl.string(eC.default["+eE7zX"])},{key:"last-year",label:eb.intl.string(eC.default.Nwj9v0)}],[]),p=l?.preset??null,g=r&&"custom"!==p?null:p,f=a.useMemo(()=>(0,tB.Ec)((0,tB.Xj)()),[]),v=a.useCallback(e=>{n(function(e){let t=new Date;switch(e){case"today":return{preset:e,after:tq(new Date(t)),before:tW(new Date(t))};case"yesterday":{let l=new Date(t);return l.setDate(l.getDate()-1),{preset:e,after:tq(new Date(l)),before:tW(new Date(l))}}case"last-3-days":{let l=new Date(t);return l.setDate(l.getDate()-2),{preset:e,after:tq(l),before:tW(new Date(t))}}case"this-year":{let l=t.getFullYear();return{preset:e,after:new Date(l,0,1,0,0,0,0).getTime(),before:new Date(l,11,31,23,59,59,999).getTime()}}case"last-year":{let l=t.getFullYear()-1;return{preset:e,after:new Date(l,0,1,0,0,0,0).getTime(),before:new Date(l,11,31,23,59,59,999).getTime()}}}}(e)),t()},[n,t]),C=a.useCallback(()=>{c(e=>!e)},[]),b=a.useCallback(e=>{d(e),n(tZ(e,m))},[m,n]),y=a.useCallback(e=>{h(e),n(tZ(o,e))},[o,n]),A=a.useCallback(()=>{d(null),h(null),n(null)},[n]),N=null!=o||null!=m;return(0,i.jsxs)("div",{className:s()(t3.SW,r&&t3.Td),children:[(0,i.jsxs)("div",{className:t3.sh,children:[(0,i.jsx)(G.E,{variant:"eyebrow",color:"text-muted",className:t3.a9,children:eb.intl.string(eC.default.upqksT)}),(0,i.jsxs)("div",{className:t3.eF,children:[x.map(e=>(0,i.jsx)(tC.D,{className:s()(t3.zD,g===e.key&&t3.pH),onClick:()=>v(e.key),"aria-pressed":g===e.key,children:(0,i.jsx)(G.E,{variant:"text-sm/medium",color:"currentColor",children:e.label})},e.key)),(0,i.jsxs)(tC.D,{className:s()(t3.zD,t3.Kl,(r||"custom"===p)&&t3.pH),onClick:C,"aria-expanded":r,children:[(0,i.jsx)(G.E,{variant:"text-sm/medium",color:"currentColor",children:eb.intl.string(eC.default.tv9apA)}),(0,i.jsx)(G.E,{variant:"text-md/medium",color:"text-muted",className:t3.Xt,children:r?"\u25C0":"\u25B6"})]})]})]}),(0,i.jsxs)("div",{className:t3.ML,"aria-hidden":!r,children:[(0,i.jsxs)("div",{className:t3.U6,children:[(0,i.jsxs)("div",{className:t3._2,children:[(0,i.jsx)(G.E,{variant:"eyebrow",color:"text-muted",className:t3.bk,"aria-hidden":!0,children:eb.intl.string(eC.default["96vZuU"])}),(0,i.jsxs)("div",{className:t3.h0,children:[(0,i.jsx)(tQ.l,{label:eb.intl.string(eC.default["96vZuU"]),hideLabel:!0,value:o,onChange:b,maxValue:m??f}),null!=o&&(0,i.jsx)(u.m,{text:eb.intl.string(eb.t.VkKicb),children:(0,i.jsx)(j.K,{size:"sm",variant:"icon-only",icon:tY.P,onClick:()=>b(null),"aria-label":eb.intl.string(eb.t.VkKicb)})})]})]}),(0,i.jsxs)("div",{className:t3._2,children:[(0,i.jsx)(G.E,{variant:"eyebrow",color:"text-muted",className:t3.bk,"aria-hidden":!0,children:eb.intl.string(eC.default["GL51/b"])}),(0,i.jsxs)("div",{className:t3.h0,children:[(0,i.jsx)(tQ.l,{label:eb.intl.string(eC.default["GL51/b"]),hideLabel:!0,value:m,onChange:y,minValue:o??void 0,maxValue:f}),null!=m&&(0,i.jsx)(u.m,{text:eb.intl.string(eb.t.VkKicb),children:(0,i.jsx)(j.K,{size:"sm",variant:"icon-only",icon:tY.P,onClick:()=>y(null),"aria-label":eb.intl.string(eb.t.VkKicb)})})]})]})]}),N&&(0,i.jsx)("div",{className:t3.dS,children:(0,i.jsx)(eH.Q,{size:"sm",text:eb.intl.string(eb.t.VkKicb),onClick:A})})]})]})}var t5=l(103552),t7=l(914427),t6=l(213424);function t4(e){let{triggerLabel:t,options:l,selectedKeys:n,onToggle:s,multiSelect:r,searchPlaceholder:c,emptyStateText:o}=e,d=a.useRef(null),u=a.useMemo(()=>new Set(n),[n]),m=a.useCallback(e=>{let t;return(""===(t=e.trim().toLowerCase())?l:l.filter(e=>tA()(t,e.label.toLowerCase()))).map(e=>(0,i.jsxs)(t5.x4,{value:e.key,children:[null!=e.icon&&(0,i.jsx)("span",{className:t6.H,children:e.icon}),(0,i.jsx)(t5.x4.Label,{children:e.label}),r?(0,i.jsx)(t5.x4.Checkbox,{}):(0,i.jsx)(t5.x4.Checkmark,{})]},e.key))},[l,r]),h=n.size>0?`${t} (${n.size})`:t;return(0,i.jsx)(tg.Y,{position:"bottom",align:"left",targetElementRef:d,renderPopout:e=>{let{closePopout:l}=e;return(0,i.jsx)(t7.p,{"aria-label":t,placeholder:c,value:u,multiSelect:r,onChange:s,onClose:l,emptyStateText:o??eb.intl.string(eb.t.QwSXv8),maxVisibleItems:6,children:m})},children:e=>(0,i.jsx)(e0.$,{...e,buttonRef:d,size:"sm",variant:"secondary",text:h,icon:tK.a,iconPosition:"end"})})}var t8=l(941886);function le(e){let{label:t,icon:l,onRemove:a,removeAriaLabel:n}=e;return(0,i.jsxs)("div",{className:t8.Io,children:[null!=l&&(0,i.jsx)("span",{className:t8.Kk,children:l}),(0,i.jsx)(G.E,{className:t8.Pf,variant:"text-sm/semibold",color:"currentColor",lineClamp:1,children:t}),(0,i.jsx)(tC.D,{className:t8.DT,onClick:a,"aria-label":n??eb.intl.string(eb.t.N86XcP),children:(0,i.jsx)(tY.P,{size:"xs",color:"currentColor"})})]})}var lt=l(841765);let ll={all:eC.default.lscwjQ,auto:eC.default.xrOIkz,manual:eC.default.D7HSLJ};function li(){let e=(0,to.P)(e=>e.dateFilter),t=a.useRef(null),l=null!=e?t2(e):eb.intl.string(eC.default.upqksT);return(0,i.jsx)(tg.Y,{position:"bottom",align:"left",targetElementRef:t,renderPopout:e=>{let{closePopout:t}=e;return(0,i.jsx)(t9,{closePopout:t})},children:e=>(0,i.jsx)(e0.$,{...e,buttonRef:t,size:"sm",variant:"secondary",text:l,icon:tK.a,iconPosition:"end"})})}function la(){let e=(0,to.P)(e=>e.sortOrder),t=(0,to.P)(e=>e.setSortOrder),l=a.useRef(null),n=e=>{t(e)},s=e===z.mu.OLDEST?eb.intl.string(eb.t["0gitSE"]):eb.intl.string(eb.t["4LLKx3"]);return(0,i.jsx)(tg.Y,{position:"bottom",align:"right",targetElementRef:l,renderPopout:t=>{let{closePopout:l}=t;return(0,i.jsx)(tN.W,{navId:"clips-sort-menu",variant:"fixed","aria-label":eb.intl.string(eb.t.XvNMNk),onClose:l,onSelect:void 0,children:(0,i.jsxs)(tk.rX,{children:[(0,i.jsx)(tk.iD,{id:"sort-recent",group:"sort",label:eb.intl.string(eb.t["4LLKx3"]),action:()=>{n(z.mu.MOST_RECENT),l()},checked:e===z.mu.MOST_RECENT}),(0,i.jsx)(tk.iD,{id:"sort-oldest",group:"sort",label:eb.intl.string(eb.t["0gitSE"]),action:()=>{n(z.mu.OLDEST),l()},checked:e===z.mu.OLDEST})]})})},children:e=>(0,i.jsx)(e0.$,{...e,buttonRef:l,size:"sm",variant:"secondary",text:s,icon:tV.J})})}function ln(){let e=(0,to.P)(e=>e.clipMethodFilter),t=(0,to.P)(e=>e.setClipMethodFilter),l=a.useRef(null),n=e=>{t(e)};return(0,i.jsx)(tg.Y,{position:"bottom",align:"left",targetElementRef:l,renderPopout:t=>{let{closePopout:l}=t;return(0,i.jsx)(tN.W,{navId:"clips-method-menu",variant:"fixed","aria-label":eb.intl.string(eC.default["kIqbb/"]),onClose:l,onSelect:void 0,children:(0,i.jsxs)(tk.rX,{children:[(0,i.jsx)(tk.iD,{id:"method-all",group:"method",label:eb.intl.string(eC.default.lscwjQ),action:()=>{n("all"),l()},checked:"all"===e}),(0,i.jsx)(tk.iD,{id:"method-auto",group:"method",label:eb.intl.string(eC.default.xrOIkz),action:()=>{n("auto"),l()},checked:"auto"===e}),(0,i.jsx)(tk.iD,{id:"method-manual",group:"method",label:eb.intl.string(eC.default.D7HSLJ),action:()=>{n("manual"),l()},checked:"manual"===e})]})})},children:e=>(0,i.jsx)(e0.$,{...e,buttonRef:l,size:"sm",variant:"secondary",text:eb.intl.string(eC.default["kIqbb/"]),icon:tK.a,iconPosition:"end"})})}function ls(e){let{allClips:t,gamesFacet:l,participantsFacet:n}=e,s=(0,to.P)(e=>e.query),r=(0,to.P)(e=>e.setQuery),c=(0,to.P)(e=>e.pendingSearchFocus),o=(0,to.P)(e=>e.setPendingSearchFocus),d=a.useRef(null),u=(0,to.P)(e=>e.activeMainLink),m=(0,to.P)(e=>e.clipMethodFilter),h=(0,to.P)(e=>e.setClipMethodFilter),g=(0,to.P)(e=>e.gameFacet),f=(0,to.P)(e=>e.clippedWithFacet),j=(0,to.P)(e=>e.selectedGameIds),v=(0,to.P)(e=>e.selectedUserIds),C=(0,to.P)(e=>e.selectedGuildId),b=(0,to.P)(e=>e.selectedActivity),y=(0,to.P)(e=>e.dateFilter),A=(0,to.P)(e=>e.toggleGameId),N=(0,to.P)(e=>e.toggleUserId),k=(0,to.P)(e=>e.setSelectedGuildId),w=(0,to.P)(e=>e.setSelectedActivity),P=(0,to.P)(e=>e.setDateFilter),D=(0,to.P)(e=>e.clearFilters);a.useEffect(()=>{c&&(d.current?.focus(),o(!1))},[c,o]);let S=a.useRef(null);a.useEffect(()=>{let e={type_filter:"all"!==m?m:"",game_filter_application_ids:null!=g?[g]:Array.from(j),date_filter_range:null!=y?y.preset.replace(/-/g,"_"):"",filtered_by_server:null!=C,filtered_by_participants:null!=f||v.size>0,filtered_by_favorites:u===z.oH.FAVORITES,filtered_by_activity:null!=b};if(!(""!==e.type_filter||e.game_filter_application_ids.length>0||""!==e.date_filter_range||e.filtered_by_server||e.filtered_by_participants||e.filtered_by_favorites||e.filtered_by_activity)){S.current=null;return}let t=JSON.stringify(e);t!==S.current&&(S.current=t,eu.default.track(ew.HAw.CLIPS_FILTER_CHANGED,e))},[m,g,j,y,C,f,v,u,b]);let M=a.useMemo(()=>l.map(e=>e.key),[l]),T=(0,L.A)(M),_=a.useMemo(()=>new Map(T.map(e=>[e?.id,e])),[T]),R=a.useMemo(()=>l.map(e=>({key:e.key,label:e.name,icon:(0,i.jsx)(E.A,{game:_.get(e.key),size:E.M.XSMALL})})),[l,_]),F=a.useMemo(()=>(function(e){let t=new Set;for(let l of e)null!=l.guildId&&t.add(l.guildId);let l=[];for(let e of t){let t=eo.A.getGuild(e);null!=t&&l.push({key:e,label:t.name,guild:t})}return l.sort((e,t)=>e.label.toLowerCase().localeCompare(t.label.toLowerCase())),l})(t),[t]),O=a.useMemo(()=>F.map(e=>({key:e.key,label:e.label,icon:(0,i.jsx)(t$.Ay,{guild:e.guild,size:t$.Ay.Sizes.MINI})})),[F]),H=a.useMemo(()=>new Map(F.map(e=>[e.key,e.guild])),[F]),G=a.useMemo(()=>null==g?[]:(function(e){let t=new Set;for(let l of e)l.activity?.state!=null&&""!==l.activity.state&&t.add(l.activity.state),l.activity?.details!=null&&""!==l.activity.details&&t.add(l.activity.details);return Array.from(t).sort((e,t)=>e.toLowerCase().localeCompare(t.toLowerCase()))})(t.filter(e=>e.applicationId===g)).map(e=>({key:e,label:e})),[t,g]),U=a.useMemo(()=>(function(e){let t=[];for(let l of e){let e=I.default.getUser(l.key);null!=e&&t.push({key:l.key,label:e.globalName??e.username,avatarUrl:e.getAvatarURL(null,32)})}return t.sort((e,t)=>e.label.toLowerCase().localeCompare(t.label.toLowerCase())),t})(n).map(e=>({key:e.key,label:e.label,icon:(0,i.jsx)(x.eu,{src:e.avatarUrl,size:p._3.SIZE_20,"aria-hidden":!0})})),[n]),K=a.useMemo(()=>null!=C?new Set([C]):new Set,[C]),V=a.useMemo(()=>null!=b?new Set([b]):new Set,[b]),$=a.useCallback(e=>{k(C===e?null:e)},[C,k]),Q=a.useCallback(e=>{w(b===e?null:e)},[b,w]),Y=null==g,B=null==f,X=u!==z.oH.AUTO_CLIPS,q=eb.intl.string(ll[m]),W=(0,i.jsxs)(i.Fragment,{children:[Y&&Array.from(j).map(e=>{let t=R.find(t=>t.key===e);return(0,i.jsx)(le,{label:t?.label??e,icon:(0,i.jsx)(E.A,{game:_.get(e),size:E.M.XSMALL}),onRemove:()=>A(e)},`game-${e}`)}),null!=y&&(0,i.jsx)(le,{label:t2(y),onRemove:()=>P(null)},"date"),null!=C&&(0,i.jsx)(le,{label:O.find(e=>e.key===C)?.label??C,icon:null!=H.get(C)?(0,i.jsx)(t$.Ay,{guild:H.get(C),size:t$.Ay.Sizes.SMOL}):void 0,onRemove:()=>k(null)},"guild"),B&&Array.from(v).map(e=>(0,i.jsx)(lr,{userId:e,onRemove:()=>N(e)},`user-${e}`)),null!=b&&(0,i.jsx)(le,{label:b,onRemove:()=>w(null)},"activity"),X&&"all"!==m&&(0,i.jsx)(le,{label:q,onRemove:()=>h("all")},"method")]}),Z=Y&&j.size>0||null!=y||null!=C||B&&v.size>0||null!=b||X&&"all"!==m;return(0,i.jsxs)("div",{className:lt.kT,children:[(0,i.jsxs)("div",{className:lt.HL,children:[(0,i.jsx)("div",{className:lt.MT,children:(0,i.jsx)(tv.I,{ref:d,placeholder:eb.intl.string(eb.t["5h0QOP"]),query:s,onChange:r,onClear:()=>r(""),size:"sm"})}),(0,i.jsxs)("div",{className:lt.Zq,children:[X&&(0,i.jsx)(ln,{}),Y&&R.length>0&&(0,i.jsx)(t4,{triggerLabel:eb.intl.string(eb.t.URyqtP),options:R,selectedKeys:j,onToggle:A,multiSelect:!0,searchPlaceholder:eb.intl.string(eb.t["5h0QOP"])}),(0,i.jsx)(li,{}),O.length>0&&(0,i.jsx)(t4,{triggerLabel:eb.intl.string(eb.t["5qyruI"]),options:O,selectedKeys:K,onToggle:$,multiSelect:!1,searchPlaceholder:eb.intl.string(eb.t["5h0QOP"])}),B&&U.length>0&&(0,i.jsx)(t4,{triggerLabel:eb.intl.string(eb.t.YQ6dJg),options:U,selectedKeys:v,onToggle:e=>N(e),multiSelect:!0,searchPlaceholder:eb.intl.string(eb.t["5h0QOP"])}),G.length>0&&(0,i.jsx)(t4,{triggerLabel:eb.intl.string(eb.t.agRtPG),options:G,selectedKeys:V,onToggle:Q,multiSelect:!1,searchPlaceholder:eb.intl.string(eb.t["5h0QOP"])})]}),(0,i.jsx)("div",{className:lt.QZ,children:(0,i.jsx)(la,{})})]}),Z&&(0,i.jsxs)("div",{className:lt.eH,children:[W,(0,i.jsx)(eH.Q,{size:"sm",variant:"primary",text:eb.intl.string(eb.t.O8k7O4),onClick:D})]})]})}function lr(e){let{userId:t,onRemove:l}=e,a=(0,d.bG)([I.default],()=>I.default.getUser(t),[t]);if(null==a)return null;let n=a.globalName??a.username;return(0,i.jsx)(le,{label:n,icon:(0,i.jsx)(x.eu,{src:a.getAvatarURL(null,32),size:p._3.SIZE_16,"aria-hidden":!0}),onRemove:l})}let lc=(0,l(945810).mj)({kind:"user",name:"2026-05-auto-clips-review",defaultConfig:{enableAutoClipsReview:!1},variations:{1:{enableAutoClipsReview:!0}}});var lo=l(505124),ld=l(43990),lu=l(449543),lm=l(152858);function lh(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return e.filter(e=>"auto"===e.clipMethod&&!0!==e.isCandidate).sort((e,t)=>t.createdAt-e.createdAt).slice(0,t)}var lx=l(452143);function lp(e){let{clips:t,onEdit:l}=e,n=a.useMemo(()=>lh(t),[t]),{backgroundComponent:r,handleHoverChange:c}=function(){let[e,t]=a.useState({previousThumbnail:null,thumbnail:null}),l=a.useRef(null);a.useEffect(()=>()=>{null!=l.current&&window.clearTimeout(l.current)},[]);let n=a.useCallback(e=>{null!=l.current&&(window.clearTimeout(l.current),l.current=null),null!=e?t(t=>{if(t.thumbnail===e)return t;let l=t.thumbnail??t.previousThumbnail;return{previousThumbnail:l!==e?l:null,thumbnail:e}}):l.current=window.setTimeout(()=>{t(e=>({previousThumbnail:e.thumbnail??e.previousThumbnail,thumbnail:null})),l.current=null},2e3)},[]);return{backgroundComponent:(0,i.jsxs)(i.Fragment,{children:[null!=e.previousThumbnail&&(0,i.jsx)("img",{src:e.previousThumbnail,className:lx.Tp,alt:"","aria-hidden":!0},e.previousThumbnail),null!=e.thumbnail&&(0,i.jsx)("img",{src:e.thumbnail,className:`${lx.Tp} ${lx.h9}`,alt:"","aria-hidden":!0},e.thumbnail)]}),handleHoverChange:n}}(),{enabled:o}=M.O.useConfig({location:"AutoClipsReviewCarousel"}),d=(0,to.P)(e=>e.setActiveMainLink);return 0===n.length?null:(0,i.jsx)(ld.N,{theme:lo.NJ.DARK,children:e=>(0,i.jsxs)("section",{className:s()(lx.uW,e),"aria-label":eb.intl.string(eC.default.efLpNC),children:[r,(0,i.jsxs)("div",{className:lx.wx,children:[(0,i.jsxs)("div",{className:lx.mX,children:[(0,i.jsxs)("div",{className:lx.UP,children:[(0,i.jsx)(tI.B,{size:"refresh_sm",color:"white"}),(0,i.jsx)(G.E,{variant:"text-md/medium",color:"always-white",children:eb.intl.string(eC.default.I1h8uD)})]}),(0,i.jsx)(f.D,{variant:"display-md",color:"always-white",className:lx.DD,children:eb.intl.string(eC.default.efLpNC)})]}),o&&(0,i.jsx)("div",{className:lx.BX,children:(0,i.jsx)(e0.$,{variant:"overlay-primary",size:"sm",onClick:()=>d(z.oH.AUTO_CLIPS),text:eb.intl.string(eC.default.gCay1w)})})]}),(0,i.jsx)(lu.A,{className:lx.jG,gap:16,edgeFade:0,scrollBehavior:lm.Uf.ITEM,hideActionsWhenDisabled:!0,"aria-label":eb.intl.string(eC.default.efLpNC),children:n.map(e=>{let t=""!==e.thumbnail?e.thumbnail:null;return(0,i.jsx)("div",{className:o?lx.v2:lx.cW,onMouseEnter:o?()=>c(t):void 0,onMouseLeave:o?()=>c(null):void 0,onFocus:()=>c(t),onBlur:e=>{null!=e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||c(null)},children:o?(0,i.jsx)(te,{clip:e,actionsDisabled:!1,isNew:!1,onEdit:l,onClick:l}):(0,i.jsx)(eI,{clip:e,actionsDisabled:!1,isNew:!1,onEdit:l,onClick:l,onHoverChange:c})},e.id)})})]})})}var lg=l(770178),lf=l(765548),lj=l(569926),lv=l(486020),lC=l(251287);function lb(e){let{session:t,recentClipIds:l,actionsDisabled:n,onEdit:r,onClipClick:c,animateEntrance:o,entranceRowOffset:u}=e,{data:m}=(0,lj.I)(t.applicationId),h=(0,to.P)(e=>e.setGameFacet),x=(0,to.P)(e=>e.setActiveMainLink),g=t.applicationId,j=null!=g&&""!==g,v=a.useCallback(()=>{null!=g&&""!==g&&(h(g),x(z.oH.ALL_CLIPS))},[g,h,x]),C=a.useCallback(()=>{j?v():x(z.oH.ALL_CLIPS)},[j,v,x]),b=a.useMemo(()=>null==m?null:null!=m.bannerHash&&""!==m.bannerHash?lv.Ay.getGameAssetURL({id:m.id,hash:m.bannerHash,size:1024,keepAspectRatio:!0})??null:m.screenshotUrls?.[0]??null,[m]),y=(0,d.yK)([I.default],()=>{let e=new Set;for(let l of t.clips)for(let t of l.users)e.add(t);return Array.from(e,e=>I.default.getUser(e)).filter(eh.Vq)}),A=(0,e2.e)({timestamp:t.startedAt}),[N,k]=a.useState(800),L=(0,lf.A)(e=>{k(e.target.clientWidth)}),w=(0,lg.w)(L),P=Math.max(1,(N-32)/3),D=a.useMemo(()=>{let e=t.clips.slice(0,6),l=[];for(let t=0;t<e.length;t+=3)l.push(e.slice(t,t+3));return l},[t.clips]),S=t.clips.length>6;return(0,i.jsxs)("section",{className:lC.dZ,children:[(0,i.jsx)("div",{className:s()(lC.tB,null==b&&lC.rD),style:null!=b?{backgroundImage:`url(${b})`}:void 0,"aria-hidden":"true"}),(0,i.jsxs)("div",{className:lC.wx,children:[j?(0,i.jsx)(B.s,{"aria-label":t.applicationName,onClick:v,className:lC.Zn,children:(0,i.jsx)(E.A,{className:lC.Gt,game:m,size:E.M.MEDIUM,"aria-hidden":!0})}):(0,i.jsx)(E.A,{className:lC.Gt,game:m,size:E.M.MEDIUM,"aria-hidden":!0}),(0,i.jsxs)("div",{className:lC.TK,children:[j?(0,i.jsx)(B.s,{"aria-label":t.applicationName,onClick:v,className:lC.wb,children:(0,i.jsx)(f.D,{variant:"text-md/semibold",color:"text-default",className:lC.mO,children:t.applicationName})}):(0,i.jsx)(f.D,{variant:"text-md/semibold",color:"text-default",className:lC.mO,children:t.applicationName}),(0,i.jsxs)("div",{className:lC.mI,children:[(0,i.jsx)(G.E,{variant:"text-xs/normal",color:"text-muted",children:eb.intl.format(eC.default["+YIqQM"],{count:t.clips.length})}),(0,i.jsx)("span",{className:lC.TG,"aria-hidden":"true"}),(0,i.jsx)(G.E,{variant:"text-xs/normal",color:"text-muted",children:A}),y.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:lC.TG,"aria-hidden":"true"}),(0,i.jsx)(Y.A,{users:y,maxUsers:5,size:p._3.SIZE_16})]})]})]})]}),(0,i.jsx)("div",{ref:w,className:lC.Vg,children:D.map((e,t)=>(0,i.jsx)("div",{className:lC.UX,children:e.map((e,a)=>{let s={width:P};return o&&(s["--custom-entrance-delay"]=`${td(u+t+a)}ms`),(0,i.jsx)("div",{className:o?tm.$:void 0,style:s,children:(0,i.jsx)(te,{clip:e,actionsDisabled:n,isNew:l.includes(e.id),onClick:c??r,onEdit:r})},e.id)})},`row-${t}`))}),S&&(0,i.jsx)("div",{className:lC.Vc,children:(0,i.jsx)(e0.$,{variant:"secondary",size:"sm",text:eb.intl.string(eC.default.pqk9U0),onClick:C})})]})}var ly=l(177435);function lA(e){let{filteredClips:t,totalClipCount:l,onEdit:n,onClipClick:s,isLoading:r}=e,{enableAutoClipsReview:c}=lc.useConfig({location:"ClipsGalleryHome"}),o=a.useMemo(()=>lh(t),[t]),u=c&&o.length>0,m=(0,d.yK)([D.Ay],()=>D.Ay.getNewClipIds()),h=(0,d.bG)([D.Ay],()=>D.Ay.getExportingClipIds().length>0),x=(0,to.P)(e=>e.setActiveMainLink),p=a.useCallback(()=>{x(z.oH.ALL_CLIPS)},[x]),g=a.useMemo(()=>{let e=u?new Set(o.map(e=>e.id)):null;return(function(e){let t=[...e].sort((e,t)=>t.createdAt-e.createdAt),l=[],i=null;for(let e of t){let t=i?.clips[i.clips.length-1],a=null!=i&&i.applicationId===e.applicationId,n=null!=t&&t.createdAt-e.createdAt<=144e5;null!=i&&a&&n?i.clips.push(e):(i={id:e.id,applicationId:e.applicationId,applicationName:e.applicationName,startedAt:e.createdAt,clips:[e]},l.push(i))}return l})(null==e?t:t.filter(t=>!e.has(t.id))).slice(0,3)},[t,u,o]),j=(0,d.bG)([y.A],()=>y.A.useReducedMotion),v=a.useMemo(()=>{let e=[],t=0;for(let l of g)e.push(t),t+=Math.min(2,Math.ceil(l.clips.length/3));return e},[g]);return g.length>0||u?(0,i.jsx)(tb.Ip,{className:ly.iR,fade:!0,children:(0,i.jsxs)("div",{className:ly.Qs,children:[u&&(0,i.jsx)(lp,{clips:t,onEdit:n}),g.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(f.D,{variant:"heading-lg/semibold",color:"text-default",children:eb.intl.string(eC.default.zfTWDE)}),g.map((e,t)=>(0,i.jsx)(lb,{session:e,recentClipIds:m,actionsDisabled:h,onEdit:n,onClipClick:s,animateEntrance:!j,entranceRowOffset:v[t]??0},e.id)),(0,i.jsx)("div",{className:ly.dp,children:(0,i.jsx)(e0.$,{variant:"secondary",size:"sm",text:eb.intl.string(eC.default.RQtkop),onClick:p})})]})]})}):r?(0,i.jsx)("div",{className:ly.dc,children:(0,i.jsx)(U.y,{})}):(0,i.jsx)(eq,{isEmptyBecauseQuery:l>0})}var lN=l(409067),lk=l(847455);let lL=a.createContext({selectedClipIds:new Set,toggleClipSelection:()=>{},clearSelection:()=>{},isMultiSelectMode:!1});function lE(e){let{channelId:t,onClose:n,onClipClick:G,transitionState:U,initialEditingClipId:K,initialMainLink:V=z.oH.HOME,...$}=e;(0,H.A)();let{analyticsLocations:Q}=(0,N.Ay)(A.A.CLIPS_GALLERY),[Y,B]=a.useState(new Set),{gamesFacet:X,participantsFacet:q,distributedClipInitiatorsFacet:W,filteredClips:Z,mainLinkCounts:J,mainLinkNewCounts:ee,allClips:et}=(0,lN.ad)(),{enabled:el}=M.O.useConfig({location:"ClipsGalleryModal"}),ei=(0,d.bG)([D.Ay],()=>D.Ay.getSettings().storageLocation),[ea,en]=a.useState(!0);a.useEffect(()=>{(async function(){en(!0);try{await (0,T.Fb)(ei)}finally{en(!1)}})().catch(()=>{})},[ei]);let{onShareClick:es}=(0,O.A)(t);a.useEffect(()=>()=>{to.P.getState().resetAll(),(0,T.Su)()},[]),a.useEffect(()=>{if(!el)return;let e=to.P.getState();null==e.gameFacet&&null==e.clippedWithFacet&&e.setActiveMainLink(V)},[el,V]),(0,c.l0)(()=>{D.Ay.getClipIds().length>0&&P.A.isDeveloper&&w.Ay.fireSurveyAction(o.w.POPULATED_CLIP_GALLERY_CLOSED)});let er=(0,d.bG)([D.Ay],()=>D.Ay.getExportingClipIds().length>0),[ec,eo]=a.useState(null!=K?"editing":"gallery"),[ed,eu]=a.useState(K??null),em=(0,d.bG)([D.Ay],()=>null!=ed?D.Ay.getClipById(ed):null,[ed]),eh=a.useRef(ec);eh.current=ec,a.useRef(ed).current=ed;let[ex,ep]=a.useState(null!=K?h.ip.ENTERED:h.ip.HIDDEN),eg=a.useRef(null),ef=(0,to.P)(e=>e.gameFacet),ej=(0,to.P)(e=>e.clippedWithFacet),ev=(0,to.P)(e=>e.activeMainLink),ey=(0,to.P)(e=>e.currentPage),eA=(0,to.P)(e=>""!==e.query.trim()||e.selectedGameIds.size>0||e.selectedUserIds.size>0||null!=e.selectedGuildId||null!=e.selectedActivity||null!=e.dateFilter||"all"!==e.clipMethodFilter);a.useEffect(()=>{ev===z.oH.HOME&&eA&&to.P.getState().setActiveMainLink(z.oH.ALL_CLIPS)},[ev,eA]);let eN=a.useMemo(()=>null!=ef?[ef]:[],[ef]),ek=(0,L.A)(eN)[0]??null,eL=(0,d.bG)([I.default],()=>null!=ej?I.default.getUser(ej):null,[ej]),eE=a.useMemo(()=>{if(null!=ef){let e=X.find(e=>e.key===ef)?.name??eb.intl.string(eb.t.dPVrEv);return{icon:(0,i.jsx)(E.A,{game:ek,size:E.M.SMALL,"aria-hidden":!0}),title:e}}if(null!=ej){let e=null!=eL?eL.globalName??eL.username:ej;return{icon:null!=eL?(0,i.jsx)(x.eu,{src:eL.getAvatarURL(null,32),size:p._3.SIZE_24,"aria-hidden":!0}):null,title:e}}return ev===z.oH.FAVORITES?{icon:null,title:eb.intl.string(eb.t["9rlCk1"])}:ev===z.oH.AUTO_CLIPS?{icon:null,title:eb.intl.string(eC.default.ikNKf1)}:ev===z.oH.HOME?{icon:null,title:eb.intl.string(eb.t.Ym2Ri6)}:{icon:null,title:eb.intl.string(eb.t.dPVrEv)}},[ef,ej,ev,X,ek,eL]),ew=a.useCallback(()=>{eo("editing"),y.A.useReducedMotion&&ep(h.ip.ENTERED)},[]),eP=a.useCallback(e=>{B(t=>{let l=new Set(t);return l.has(e)?l.delete(e):l.add(e),l})},[]),eI=a.useCallback(e=>{eu(e.id),ew()},[ew]),eD=a.useCallback(()=>{y.A.useReducedMotion&&eu(null),eo("gallery")},[]);a.useEffect(()=>{let e=e=>{"Escape"===e.key&&"editing"===eh.current&&(e.stopPropagation(),eD())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[eD,n]),a.useEffect(()=>"editing"===ec&&null!=ed?void(0,T.YK)(ed):((0,T.TE)(),()=>{(0,T.TE)()}),[ec,ed]);let eS=a.useCallback(()=>{B(new Set)},[]),eM=Y.size>0,eT=a.useCallback(()=>{let e=et.filter(e=>Y.has(e.id));(0,g.openModalLazy)(async()=>{let{default:t}=await l.e("13367").then(l.bind(l,223818));return l=>(0,i.jsx)(t,{...l,clips:e,onAfterDelete:()=>{eS(),l.onClose()}})},{stackingBehavior:"stack"})},[et,Y,eS]),e_=a.useCallback(async()=>{let e=et.filter(e=>Y.has(e.id));await es({clips:e}),eS()},[et,Y,es,eS]),eR=a.useMemo(()=>{let e=0,t=0,l=0;return et.forEach(i=>{switch(i.decision?.signal?.type){case S.Gy.MANUAL:l++;break;case S.Gy.DISTRIBUTED:t++;break;case void 0:break;default:e++}}),{number_of_clips_loaded:et.length,num_autoclips_loaded:e,num_distributed_clips_loaded:t,num_manual_clips_loaded:l}},[et]);(0,k.A)({type:r.ImpressionTypes.MODAL,name:r.ImpressionNames.CLIP_GALLERY_VIEWED,properties:eR},{disableTrack:ea},[eR,ea]);let eF=a.useMemo(()=>({selectedClipIds:Y,toggleClipSelection:eP,clearSelection:eS,isMultiSelectMode:eM}),[Y,eP,eS,eM]);return(0,i.jsx)(N.f5,{value:Q,children:(0,i.jsx)(lL.Provider,{value:eF,children:(0,i.jsx)(m.N,{onClose:n,transitionState:U,...$,children:(0,i.jsxs)("div",{className:lk.jT,ref:eg,children:[(0,i.jsxs)("div",{className:s()(lk.PD,"gallery"===ec&&lk.vu),inert:"gallery"!==ec,children:[(0,i.jsx)(tG,{gamesFacet:X,participantsFacet:q,distributedClipInitiatorsFacet:W,mainLinkCounts:J,mainLinkNewCounts:ee,allClips:et,filteredClips:Z,withHeaderFilters:!el}),(0,i.jsxs)("div",{className:lk.Qs,children:[(0,i.jsxs)("div",{className:lk.$Q,children:[(0,i.jsxs)("div",{className:lk.Rj,children:[eE.icon,(0,i.jsx)(f.D,{variant:"heading-md/medium",color:"text-default",children:eE.title})]}),(0,i.jsxs)("div",{className:lk.$s,children:[eM&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.m,{text:eb.intl.string(eb.t.RDE0Sc),children:(0,i.jsx)(j.K,{onClick:e_,icon:v.l,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t.RDE0Sc),loading:er})}),(0,i.jsx)(u.m,{text:eb.intl.string(eb.t.oyYWHE),children:(0,i.jsx)(j.K,{onClick:eT,icon:C.u,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t.oyYWHE)})})]}),(0,i.jsx)(j.K,{onClick:n,icon:b.d,size:"sm",variant:"icon-only","aria-label":eb.intl.string(eb.t.cpT0Cq)})]})]}),el&&ey===z.fB.HOME?(0,i.jsx)(lA,{filteredClips:Z,totalClipCount:et.length,onEdit:eI,onClipClick:G,isLoading:ea}):(0,i.jsxs)(i.Fragment,{children:[el&&(0,i.jsx)(ls,{allClips:et,gamesFacet:X,participantsFacet:q}),(0,i.jsx)(tp,{onEdit:eI,channelId:t,filteredClips:Z,totalClipCount:et.length,onClipClick:G,isLoading:ea})]})]})]}),(0,i.jsx)("div",{className:s()(lk.jN,"editing"===ec&&lk.vu),inert:"editing"!==ec,onTransitionEnd:()=>{switch(ec){case"gallery":eu(null),ep(h.ip.HIDDEN);break;case"editing":ep(h.ip.ENTERED)}},children:null!=em&&(0,i.jsxs)(F.p,{clip:em,modalContainerRef:eg,children:[(0,i.jsx)(_.A,{transitionState:ex,onClose:eD}),(0,i.jsx)(R.A,{channelId:t,onClose:eD})]})})]})})})})}}