Build 603132stable
Module 338854
2,274 characters · in b7892511fbf65270.jsDependencies
Source Raw
function(e,t,n){n.d(t,{H:()=>S});var a=n(477900),r=n(582128),l=n(941861),i=n(844222),s=n(460890),o=n(978495),c=n(353795),d=n(80687),u=n(607470),m=n(256905),h=n(273875),p=n(208756),_=n(798618),g=n(627330),f=n(113325),E=n(815021),x=n(375708),v=n(594024);function b(e){let{onClick:t,"aria-label":n=x.intl.string(x.t.cpT0Cq)}=e,{firstFocusableItemProps:l}=r.useContext(f.MV);return(0,a.jsx)("div",{className:v.b,children:(0,a.jsx)(E.J,{size:"xs","aria-label":n,onClick:t,variant:"overlay-secondary",...l})})}var I=n(818348),C=n(528399);function S(e){let{title:t,body:n,assetUrl:f,previewUrl:E=f,disableMediaViewer:S=!1,action:k,caretConfig:y={align:"center"},badge:A,textLink:M,onWatchVideo:j,onRequestClose:w,popoverRef:N,position:O,...R}=e,{reducedMotion:D}=r.useContext(i.C),T=(0,l.R)(),P=(0,s.G9)().isWindowFocused?.()??T,L=r.useRef(null),V=(0,o.RJ)(E),B=(0,o.gA)(E),W=r.useCallback(()=>({type:"VIDEO",url:f,proxyUrl:f,alt:t,width:1280,height:720,className:v.$_}),[f,t]);r.useEffect(()=>{null!=L.current&&(!D.enabled&&P?L.current?.play().catch(I.tE):L.current?.pause())},[P,D.enabled]);let U=r.useCallback(()=>{null!==L.current&&L.current.pause(),w?.()},[w]),H=r.useCallback(()=>{null!==L.current&&L.current.pause(),w?.()},[w]),G=r.useCallback(()=>{null!==L.current&&L.current.pause();let e=W();(0,m.R)({items:[e],startingIndex:0,location:"VideoPopover",shouldHideMediaOptions:!0}),w?.(),j?.()},[W,j,w]),Z=(0,a.jsxs)(a.Fragment,{children:[V||B?(0,a.jsx)(c.v,{type:"image",src:E}):(0,a.jsx)(u.A,{ref:L,src:E,width:232,height:131,autoPlay:!D.enabled&&P,muted:!0,loop:!0,playsInline:!0,controls:!1,preload:"metadata"}),!S&&(0,a.jsx)("div",{className:v.Rr,children:(0,a.jsx)(d.D,{playing:!1,size:"sm","aria-label":x.intl.string(C.default.YpT3kk),onClick:G})})]}),z={targetElementRef:R.targetElementRef,shouldShow:R.shouldShow,scrollBehavior:R.scrollBehavior,position:O,onRequestClose:U,hasVideo:!0,caretConfig:y,..."edge"===R.alignmentStrategy?{alignmentStrategy:"edge",align:R.align}:{alignmentStrategy:"trigger-center"}};return(0,a.jsx)(h.x,{...z,children:(0,a.jsxs)("div",{ref:N,children:[(0,a.jsx)(b,{onClick:H}),(0,a.jsx)(_.F,{}),(0,a.jsx)("div",{className:v.s,children:Z}),(0,a.jsx)(g.D,{title:t,body:n,badge:A,textLink:M}),null!=k?(0,a.jsx)(p.Z,{actions:[k]}):null]})})}}