2 lines
16 KiB
JavaScript
Executable File
2 lines
16 KiB
JavaScript
Executable File
"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[1963],{70451:(e,t,i)=>{i.r(t),i.d(t,{PiPMiniPlayer:()=>Ke,TEST_IDS:()=>Ge});var r=i(50959),l=i(82187),n=i.n(l),a=i(17737),s=i(10226),o=i(42811),c=i(85648),u=i(87562);const d="AFZj_hxk7gFsvDDwhsHA",m="UJwngpM5puDW7Frkha4F",x="fZA1mqxFFXYzdoCs87uS",h="hVA5A4j0Jk84rRzVPic6",g="IAd52FjnzrHlY7BuFfXL",f="x34LUemkmouEY9yiADrQ",k="Xu6ZnDJTHWNZ4oCozM1c",p="ktiXGqfcVuegTncUQJim",y="u7pi5kPx9ekghoqH8RcS",C="EzVSQ6md_ZPcpGd373uw",v="xM5DXnNVIBKl0D8KmkKr",j="xZLIxv5s2tm_tmFk3WK8",A="X_fBDy8Kj2NkVB4npQT3",b="kzwtCUYq1juDuoGKeOEJ",w="_BUfOGUEdV4vfOhDWqRv",N="L7VQQwyM5o9cLd2rtIl_",S="yMMglN43dvX2QKTUoivA",E="D0BU1OBnl1EjBDosrWXn",R="tKfqdd6glswVG49yHgiT",B="Hbbk972I34uVuWeqBn2Q",M="C6EYDB6Ad1ITBH4MMhyM",T="xI3ObXOh1ql5ZWoAUyff",L="transparent";var P=i(67577);function F(e,t,i,r){try{if(!e)return i;const l=getComputedStyle(e);if(!l)return i;const n=l.getPropertyValue(t),a=parseInt(n.replace(r,""),10);return isNaN(a)?i:a}catch(e){return i}}var I=i(17676),V=i(33598),_=i(85039),O=i(19617),D=i(92432),z=i(98692),U=i(5380),W=i(4572),H=i(60046),Y=i(11527);const q=({item:e,imageUrl:t})=>{const i=(0,W.B7)(e),r=(0,Y.jsx)(_.Ee,{className:S,src:t,loading:"eager",testid:Ge.COVER_ART,children:(0,Y.jsx)("div",{className:E,children:(0,Y.jsx)(V.t,{size:"xlarge",type:e.type,"data-testid":Ge.COVER_ART_PLACEHOLDER})})});return i.url?(0,Y.jsx)(H.default,{className:N,to:i.url,children:r}):r},Z=()=>{const{item:e,context:t}=(0,u.x)()??{},i=(0,r.useMemo)((()=>(0,U.o)(e?.images??void 0,{desiredSize:640})),[e?.images,640]),{isPlayingRemotely:l}=(0,D.H)(),a=(0,s.W6)(I.YZd),{isYourDJNarrator:o}=(0,P.NV)(),c=(0,r.useRef)(null),d=(0,r.useCallback)((()=>{if(!c.current)return;const e=c.current?.children[0];if(!e)return;const{offsetWidth:t,offsetHeight:i}=c.current;let r=Math.min(t,i);r=Math.min(r,640),1===F(e,"--extra-padding",0,"")&&(r-=Math.max(Math.min(.1*r,64),12)),e.width=e.height=r}),[]),m=(0,O.zY)();if((0,r.useEffect)((()=>(m?.addEventListener("resize",d),()=>{m?.removeEventListener("resize",d)})),[d,m]),!e||!t)return null;const x=function(e){return"video"===e.mediaType||"mixed"===e.mediaType}(e),h=(0,z.k6)(e);let g=!x;if(!x||!l&&a||(g=!0),!g)return null;const f=g&&!h&&"showMainWindow"in window;let k;k=o?(0,Y.jsx)(P.r_,{}):h?(0,Y.jsx)(q,{item:e,imageUrl:i}):(0,Y.jsx)(_.Ee,{className:S,src:i,loading:"eager",testid:Ge.COVER_ART,children:(0,Y.jsx)("div",{className:E,children:(0,Y.jsx)(V.t,{size:"xlarge",type:e.type,"data-testid":Ge.COVER_ART_PLACEHOLDER})})});const p=()=>{f&&window.showMainWindow?.()};return(0,Y.jsx)("div",{className:n()(b,{[w]:f}),ref:e=>{c.current=e,d()},role:"button",tabIndex:f?0:-1,onClick:p,onKeyDown:e=>{"Enter"===e.key&&p()},children:k})};i(35084),i(9393);var G=i(10761),K=i(80626),X=i(69736),Q=i(64961),J=i(22889),$=i(73862),ee=i(98037),te=i(24982),ie=i(82523);const re="gXC4vnPDiiiiawwnDN6i",le="HGOZPJuKeigRY5I0vqQw",ne="AZLdtyFhMa1Aqml2YhF2",ae="QfiWYSeXiPwGYmKED38q";const se=({item:e,onClick:t,className:i})=>{const r=(0,J.QR)(e),l=(0,z.k6)(e)?r?.title:e.name,a=(0,z.k6)(e)?r?.subtitle:e.name,s=(0,Q.G)(),o="SMALL"===(c=s.vertical)?{title:"bodySmall",subtitle:"marginal"}:"MEDIUM"===c?{title:"bodyMedium",subtitle:"bodySmall"}:{title:"titleSmall",subtitle:"bodySmall"};var c;return(0,Y.jsxs)("div",{className:n()(re,i),children:[(0,Y.jsx)("div",{className:le,children:(0,Y.jsx)(te.R,{title:l,children:(0,Y.jsx)(X.x,{"data-testid":"context-item-info-title",as:"div",variant:o.title,className:le,dir:"auto",children:(0,Y.jsx)(ee.b,{item:e,onClick:t,adUrl:r?.url,children:l})})},e.uri)}),(0,Y.jsx)(ie.t,{className:ae,item:e,size:"DEFAULT"===s.vertical?"small":"xsmall"}),(0,Y.jsx)("div",{className:ne,children:(0,Y.jsx)(te.R,{title:a,children:(0,Y.jsx)(X.x,{"data-testid":"context-item-info-subtitles",as:"div",variant:o.subtitle,className:ne,semanticColor:"textSubdued",children:(0,Y.jsx)($._,{item:e,onClick:t})})},e.uri)})]})};var oe=i(3533),ce=i(81995),ue=i(86337),de=i(55378);const me="yGrUaUzhqIFvdg5zlVYX",xe="NSayKQ_soKzuAAg2YhAq",he="eF7BXmqMaY8xVdOtoH1Z",ge="UgnljPH_Vf14LZWb1jBu",fe={title:"bodyMediumBold",subtitle:"bodySmall"},ke={title:"titleSmall",subtitle:"bodyMedium"},pe=r.memo((()=>{const{openURLWithSessionTransfer:e}=(0,ue.e)(),t="SMALL"===(0,Q.G)().vertical?fe:ke,i=(0,s.W6)(I.yaB),l=(0,de.d)("loggedin_upgrade_button"),a=(0,r.useCallback)((()=>{e(l(ce.IT),"_blank")}),[l,e]);return(0,Y.jsx)("div",{className:me,children:(0,Y.jsxs)("div",{className:n()("encore-dark-theme","encore-layout-themes",{"vertical-metrics":i},xe),children:[(0,Y.jsx)(X.x,{variant:t.title,dir:"auto",className:he,children:c.ag.get("web-player.pip-mini-player.upsell.title")}),(0,Y.jsx)(X.x,{variant:t.subtitle,semanticColor:"textSubdued",children:c.ag.get("web-player.pip-mini-player.upsell.subtitle")}),(0,Y.jsx)("div",{className:ge,children:(0,Y.jsx)(oe.D,{onClick:a,size:"small",children:c.ag.get("web-player.pip-mini-player.upsell.cta-button")})})]})})}));var ye=i(7863),Ce=i(24071),ve=i(15448),je=i(89029),Ae=i(713),be=i(14413);const we=()=>(0,Y.jsx)("svg",{width:"7",height:"8",viewBox:"0 0 7 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:f,children:(0,Y.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.37397 1.94965C6.60829 1.71534 6.60829 1.33544 6.37397 1.10113C6.13966 0.866812 5.75976 0.866812 5.52544 1.10113L3.47461 3.15196L1.42422 1.10157C1.18991 0.86726 0.81001 0.86726 0.575695 1.10158C0.341381 1.33589 0.341381 1.71579 0.575695 1.9501L2.62608 4.00049L0.575696 6.05087C0.341381 6.28519 0.341381 6.66509 0.575696 6.8994C0.81001 7.13372 1.18991 7.13372 1.42422 6.8994L3.47461 4.84902L5.52544 6.89985C5.75976 7.13416 6.13966 7.13416 6.37397 6.89985C6.60829 6.66554 6.60829 6.28564 6.37397 6.05132L4.32314 4.00049L6.37397 1.94965Z",fill:"#912616"})}),Ne=r.memo((()=>"SMALL"!==(0,Q.G)().vertical?(0,Y.jsxs)("svg",{className:h,width:"14",height:"6",viewBox:"0 0 14 6",fill:"none",children:[(0,Y.jsx)("circle",{cx:"1",cy:"5",r:"1",transform:"rotate(-90 1 5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"1",cy:"1",r:"1",transform:"rotate(-90 1 1)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"5",cy:"5",r:"1",transform:"rotate(-90 5 5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"5",cy:"1",r:"1",transform:"rotate(-90 5 1)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"9",cy:"5",r:"1",transform:"rotate(-90 9 5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"9",cy:"1",r:"1",transform:"rotate(-90 9 1)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"13",cy:"5",r:"1",transform:"rotate(-90 13 5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"13",cy:"1",r:"1",transform:"rotate(-90 13 1)",fill:"#A7A7A7"})]}):(0,Y.jsxs)("svg",{className:h,width:"6",height:"12",viewBox:"0 0 6 12",fill:"none",children:[(0,Y.jsx)("circle",{cx:"4.5",cy:"10.5",r:"0.75",transform:"rotate(180 4.5 10.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"1.5",cy:"10.5",r:"0.75",transform:"rotate(180 1.5 10.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"4.5",cy:"7.5",r:"0.75",transform:"rotate(180 4.5 7.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"1.5",cy:"7.5",r:"0.75",transform:"rotate(180 1.5 7.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"4.5",cy:"4.5",r:"0.75",transform:"rotate(180 4.5 4.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"1.5",cy:"4.5",r:"0.75",transform:"rotate(180 1.5 4.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"4.5",cy:"1.5",r:"0.75",transform:"rotate(180 4.5 1.5)",fill:"#A7A7A7"}),(0,Y.jsx)("circle",{cx:"1.5",cy:"1.5",r:"0.75",transform:"rotate(180 1.5 1.5)",fill:"#A7A7A7"})]}))),Se=({className:e})=>{const{setVideoPlayerUIFlag:t}=(0,ve.l)(),{onClick:i}=(0,Ae.r)({}),l=(0,r.useCallback)((()=>{t(be.x.documentPip,!1),i()}),[t,i]),a=(0,Ce.tc)();return(0,Y.jsxs)("div",{style:{display:"var(--mini-player-drag-display)"},className:n()(e,x),children:[(0,Y.jsx)("button",{className:g,onClick:l,children:a.operatingSystem===je.U.macOS?(0,Y.jsx)(we,{}):(0,Y.jsx)(ye.k,{size:"xsmall",className:f})}),(0,Y.jsx)(Ne,{}),(0,Y.jsx)("div",{className:k})]})};var Ee=i(78928),Re=i(49857),Be=i(5245),Me=i(36054),Te=i(6056),Le=i(1082),Pe=i(21177),Fe=i(59404),Ie=i(8570),Ve=i(43806),_e=i(70526);function Oe(e){return{itemToBeSkipped:e.item?.uri||"",positionMs:(0,Ve.k)(e)??-1,totalContentMs:e.duration??-1}}function De(e){return Math.floor(100*e)}const ze="E7rR1kkQFoqCTrZAxs8l",Ue="I2v17dp_FDztHzG7CZy9",We="H5VJw6yCxUOoh88LJ42y",He=r.memo((({item:e,spec:t,logger:i})=>{const l=e.uri,{onClickPlayPause:n,onClickLike:a,onClickSkipPrevious:s,onClickSkipNext:o,onClickRepeat:c,onClickShuffle:u,onClickVolumeButton:d,onClickVolumeBar:m,onDragVolumeBar:x,onClickSeekBack:h,onClickSeekForward:g}=(({uri:e,spec:t,logger:i})=>{const l=(0,r.useRef)(e);l.current=e;const n=(0,Ie.g)(),a=(0,r.useMemo)((()=>t.playerControlsFactory()),[t]),s=(0,r.useCallback)((e=>{let t=null;l.current&&("pause"===e?t=a.playPauseButtonFactory().hitPause({itemToBePaused:l.current}):"resume"===e&&(t=a.playPauseButtonFactory().hitResume({itemToBeResumed:l.current})),t&&i.logInteraction(t))}),[i,a]),o=(0,r.useCallback)((e=>{if(!l.current)return;const t=a.likeButtonFactory(),r=e?t.hitLike({itemToBeLiked:l.current}):t.hitRemoveLike({itemNoLongerLiked:l.current});i.logInteraction(r)}),[i,a]),c=(0,r.useCallback)((()=>{const e=n.getState();if(!e)return;const t=a.previousButtonFactory().hitSkipToPrevious(Oe(e));i.logInteraction(t)}),[i,n,a]),u=(0,r.useCallback)((()=>{const e=n.getState();if(!e)return;const t=a.nextButtonFactory().hitSkipToNext(Oe(e));i.logInteraction(t)}),[i,n,a]),d=(0,r.useCallback)((e=>{const t=a.repeatButtonFactory();let r=null;switch(e){case z.zq.REPEAT_TRACK:r=t.hitRepeatOneEnable();break;case z.zq.REPEAT_CONTEXT:r=t.hitRepeatEnable();break;case z.zq.REPEAT_NONE:r=t.hitRepeatDisable();break;default:(0,_e._)(e)}r&&i.logInteraction(r)}),[i,a]),m=(0,r.useCallback)((e=>{if(!l.current)return;const t=e?"shuffle":"linear",r=e?"linear":"shuffle",n=a.shuffleButtonFactory({uri:l.current}).hitSelectShuffleMode({previousMode:r,selectedMode:t});i.logInteraction(n)}),[i,a]),x=(0,r.useCallback)((e=>{const t=a.volumeMuteButtonFactory();i.logInteraction("muted"===e?t.hitMutePlayback():t.hitUnmutePlayback())}),[i,a]),h=(0,r.useCallback)((e=>{const t=a.volumeBarFactory();i.logInteraction(t.hitSetVolume({newVolumePercentage:De(e)}))}),[i,a]),g=(0,r.useCallback)((e=>{const t=a.volumeBarFactory();i.logInteraction(t.dragSetVolume({newVolumePercentage:De(e)}))}),[i,a]),f=(0,r.useCallback)((e=>{const t=a.seekBackwardButtonFactory();i.logInteraction(t.hitSeekByTime({msSeekedOffset:e}))}),[i,a]);return{onClickSeekForward:(0,r.useCallback)((e=>{const t=a.seekForwardButtonFactory();i.logInteraction(t.hitSeekByTime({msSeekedOffset:e}))}),[i,a]),onClickSeekBack:f,onClickPlayPause:s,onClickLike:o,onClickSkipPrevious:c,onClickSkipNext:u,onClickRepeat:d,onClickShuffle:m,onClickVolumeButton:x,onClickVolumeBar:h,onDragVolumeBar:g}})({uri:l,spec:t,logger:i}),f=(0,Q.G)(),k=(0,Re.y1)(x,500,{leading:!1,trailing:!0});if(!l)return null;const p=(0,Me.G)(e),y=(0,Be.i)(e),C=(0,z.k6)(e),v=function(e){if((0,Be.i)(e)||(0,z.G7)(e))return"audio"===e.mediaType||"mixed"===e.mediaType;return!1}(e),j="SMALL"===f.horizontal,A="SMALL"===f.vertical,b="MEDIUM"===f.vertical;return A?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Pe.IF,{onClick:n}),v||C?(0,Y.jsx)(Pe.Of,{onClick:g}):(0,Y.jsx)(Pe.C$,{onClick:o})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)("div",{className:ze,children:[p&&(0,Y.jsx)(Le.B,{uri:l,onClick:a,className:Ue}),y&&(0,Y.jsx)(Te.w,{uri:l,onClick:a,className:Ue})]}),v||C?(0,Y.jsx)(Pe.FP,{onClick:h}):(0,Y.jsx)(Pe.P4,{onClick:u}),!C&&(0,Y.jsx)(Pe.Wu,{onClick:s}),(0,Y.jsx)(Pe.IF,{iconSize:j||b?"small":"medium",onClick:n,className:We}),!C&&(0,Y.jsx)(Pe.C$,{onClick:o}),v||C?(0,Y.jsx)(Pe.Of,{onClick:g}):(0,Y.jsx)(Pe.$Z,{onClick:c}),(0,Y.jsx)(Fe.h,{mode:Fe.R.SHOW_SLIDER_ON_HOVER,sliderSize:80,sliderDirection:"vertical",onToggleMuteClick:d,onVolumeBarClick:m,onVolumeBarDrag:k})]})}));var Ye=i(28369);function qe(e){if(!e)return null;return{width:e.innerWidth,height:e.innerHeight}}var Ze=i(65019);const Ge={HOVER_CONTAINER:"document-pip-hover-element",COVER_ART:"document-pip-cover-art",COVER_ART_PLACEHOLDER:"document-pip-cover-art-placeholder"},Ke=r.memo((()=>{const{item:e,context:t}=(0,u.x)()??{},[i,l]=(0,r.useState)(!1),x=640,h=(0,s.W6)(I.nN2),g=(0,s.W6)(I.yaB),f=(0,r.useMemo)((()=>(0,U.o)(e?.images??void 0,{desiredSize:x})),[e?.images,x]),k=(0,G.b)(f,L),b=(0,s.W6)(I.YZd);((e,t)=>{const i=(0,Ze.Y)((e=>e?.nextItems?.[0]),((e,t)=>e?.uri===t?.uri)),l=(0,r.useMemo)((()=>(0,U.o)(i?.images??void 0,{desiredSize:e})),[i?.images,e]);(0,G.b)(l,t)})(x,L);const{spec:w,logger:N}=(0,K.fU)(o.O,{});(({spec:e,logger:t})=>{const i=(0,O.zY)(),l=(0,r.useRef)(null);null===l.current&&(l.current=qe(i)),(0,Ye.a)((()=>{const r=qe(i);null!==r&&null!==l.current&&(t.logInteraction(e.dragUiResize2d({startWidthPx:l.current.width,startHeightPx:l.current.height,endWidthPx:r.width,endHeightPx:r.height})),l.current=r)}),{throttleTime:500,leading:!1,trailing:!0})})({logger:N,spec:w}),(({spec:e,logger:t,pipWindow:i})=>{(0,r.useEffect)((()=>{if(!i)return;const r=r=>{if(r.currentTarget===i){const i=e.windowControlsFactory().closeButtonFactory().hitUiHide();t.logInteraction(i)}};return i.addEventListener("pagehide",r),()=>{i.removeEventListener("pagehide",r)}}),[t,i,e])})({logger:N,spec:w,pipWindow:window.documentPictureInPicture?.window??null});const{setVideoPlayerUIFlag:S}=(0,ve.l)(),[E,P]=(0,r.useState)("");(0,r.useLayoutEffect)((()=>{P(m)}),[]);const V=function(){const e=(0,O.zY)(),[t,i]=(0,r.useState)(!1);return(0,Ye.a)((()=>{const t=qe(e);null!==t&&(t.width<=300&&t.height<=300?i(!0):i(!1))}),{throttleTime:500,leading:!1,trailing:!0}),t}();(0,r.useEffect)((()=>{b&&S(be.x.documentPip,!0)}),[b,S]);const _=(0,r.useCallback)((e=>{var t;(t=e.target)&&"object"==typeof t&&"nodeName"in t&&"A"===t.nodeName&&"_blank"!==e.target.target&&("showMainWindow"in window?window.showMainWindow?.():l(!0))}),[]);((e,t)=>{const i=(0,O.zY)(),l=t??i;(0,r.useEffect)((()=>{e&&l&&(l.document.title=e)}),[e,l])})(c.ag.get("web-player.pip-mini-player.window-title")),(0,r.useEffect)((()=>{if(i){const e=setTimeout((()=>{l(!1)}),3e3);return()=>{clearTimeout(e)}}}),[i]);const D=(0,r.useRef)(null),[W,H]=(0,r.useState)(!1),q=(0,r.useRef)(null),X=(0,r.useRef)(null),Q=(0,r.useCallback)((()=>{H(!0),q.current&&clearTimeout(q.current),q.current=setTimeout((()=>{H(!1);const e=F(D.current,"--mouse-active-over-controls-fadeout-timeout",300,"ms");X.current&&clearTimeout(X.current),X.current=setTimeout((()=>{X.current=null}),e)}),1e3)}),[]),J=(0,r.useCallback)((()=>{X.current||H(!1)}),[]);if(!e||!t)return null;const $={"--background-color":k,"--background-image-url":`url(${f})`,"--background-image-width":"640px","--background-image-height":"640px",display:"var(--mini-player-display)"},ee=function(e){return"video"===e.mediaType||"mixed"===e.mediaType}(e),te=(0,z.k6)(e);return!h&&!te&&V?(0,Y.jsx)(pe,{}):(0,Y.jsxs)("div",{ref:D,className:n()("encore-dark-theme","encore-layout-themes",{"vertical-metrics":g},d),style:{"--mini-player-display":"none","--mini-player-drag-display":"none"},children:[(0,Y.jsx)(Se,{}),(0,Y.jsxs)("div",{className:n()(p,y),style:$,children:[(0,Y.jsx)("div",{className:n()(v,{[j]:!ee}),"data-testid":"pip-hover-element",children:(0,Y.jsx)("div",{className:A,id:"document-pip-main-container",children:(0,Y.jsx)(Z,{})})}),(0,Y.jsx)(se,{item:e,className:T,onClick:_}),(0,Y.jsx)("div",{className:n()("encore-over-media-set",R,{[M]:W,[B]:!(0,z.k6)(e)}),dir:"ltr","data-testid":Ge.HOVER_CONTAINER,onMouseEnter:Q,onMouseMove:Q,onMouseLeave:J,children:(0,Y.jsx)(He,{item:e,spec:w,logger:N})})]}),(0,Y.jsx)("div",{className:E,children:(0,Y.jsx)(Ee.E,{fadeIn:!1})}),(0,Y.jsx)(a.A9,{colorSet:"invertedLight",showSnackbar:i,className:C,children:c.ag.get("web-player.pip-mini-player.snackbar.link-opened-in-main-window")})]})}))}}]);
|
|
//# sourceMappingURL=xpui-pip-mini-player.js.map
|