"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[599,2632],{61424:(e,t,r)=>{r.d(t,{U:()=>s});var n=r(92107),a=r(41366),o=r(80021),i=r(86070),s=function(e){var t=e.menu,r=e.onClick,s=e["aria-label"];return(0,i.jsx)(o.b,{menu:t,children:(0,i.jsx)(a.e,{size:a.M.xs,label:n.Ru.get("more"),ariaLabel:s,onClick:r})})}},42632:(e,t,r)=>{r.r(t),r.d(t,{CtaButton:()=>f,default:()=>m});var n=r(52542),a=(r(7651),r(42486),r(30456),r(26701),r(68216),r(37417),r(11737),r(51691),r(702),r(5672),r(43379),r(78397),r(34192),r(88856),r(51565),r(18316),r(30758)),o=r(84015),i=r(23100),s=r(11854),l=r(93051),c=r(86070);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t{r.r(t),r.d(t,{HomeAdCard:()=>$e,default:()=>Ke});var n=r(30758),a=r(12341),o=(r(83234),r(94842)),i={opacity:0,height:"0px"};function s(e){var t=e.dismiss,r=(0,n.useState)(null),s=(0,a.A)(r,2),l=s[0],c=s[1],u=(0,n.useState)(0),d=(0,a.A)(u,2),f=d[0],m=d[1];(0,n.useEffect)((function(){if(l){m(l.offsetHeight);var e=new ResizeObserver((function(){return m(l.offsetHeight)}));return e.observe(l),function(){return e.disconnect()}}return m(0),function(){}}),[l]);var v=f?function(e){return{opacity:1,height:"calc(".concat(e,"px + ").concat((0,o.po)("base"),")")}}(f):i,y=(0,n.useRef)(null);return{setGridElement:c,shownHeight:f,transitionableStyles:v,containerRef:y,collapseHeightThenDismiss:function(){y.current&&f?y.current.animate([v,i],{fill:"forwards",easing:"ease",duration:420}).onfinish=t:t()}}}var l=r(97500),c=r.n(l),u=r(73823),d=r(4953),f=r(92107),m=r(61424),v=r(42632),y=r(3099),h=r(9820),b=r(92156),p=r(85673),x=r(67963),g=r(53607),A=r(86070),j=(0,n.memo)((function(e){var t=e.onDismissAdClick;return(0,A.jsx)(g.pZ,{value:"home-ad",children:(0,A.jsx)(p.W,{children:(0,A.jsx)(g.pZ,{value:"dismiss",children:(0,A.jsx)(x.D,{role:"menuitem",leadingIcon:(0,A.jsx)(b.P,{size:"small"}),"aria-label":f.Ru.get("ad-formats.context-menu.not-interested"),onClick:t,children:f.Ru.get("ad-formats.context-menu.not-interested")})})})})})),k=r(85726),P=r(41681);const C="kvXKrQ08Ar7oAsMVJNOg",O="dBm03FPk9rHjecHq1Qnn";var w=function(e){var t=e.className,r=e.homeAd,n=e.dismiss,o=(0,k.vh)(),i=(0,h.L)(),s=c()(C,t),l=(0,y.bT)(),b=(0,a.A)(l.extractedHomeAdColor,1)[0],p=(0,P.A)((function(){n(),i.log("collapsed",r),o.send((0,d.F)({ad_id:r.adId,advertiser:r.metadata.advertiser,creative_id:r.metadata.creative_id,event:"dislike_HPTO",format:(0,u.gh)(r.format),line_item_id:r.metadata.line_item_id}))})),x=(0,P.A)((function(){i.log("clicked",r)})),g=r.metadata.buttonText||f.Ru.get("ad-formats.learnMore");return(0,A.jsxs)("div",{className:s,children:[r.clickthroughUrl&&(0,A.jsx)(v.CtaButton,{className:O,"aria-label":"".concat(g,", link"),text:g,clickUrl:r.clickthroughUrl,onClick:x,backgroundColor:null==b?void 0:b.colorDark}),(0,A.jsx)(m.U,{"aria-label":"More options, button",menu:(0,A.jsx)(j,{onDismissAdClick:p})})]})},S=(r(7651),r(14551),r(13534)),E=r(93051);const N="lscHwwYXzt0CrEPAQgu3";var R=function(e){var t=e.className,r=e.description,n=e.label,a=e.homeAd,o=c()(N,t),i=a.clickthroughUrl,s=a.metadata.tagline,l=(0,h.L)(),u=(0,P.A)((function(){i&&l.log("clicked",a)}));return(0,A.jsxs)("div",{className:o,children:[n&&(0,A.jsx)(S.E,{variant:"bodyMedium",children:n}),s&&(0,A.jsx)(E.N,{to:i,onClick:u,"aria-label":"".concat(s,", link"),children:(0,A.jsx)(S.E,{variant:"titleMedium",children:s})}),r&&(0,A.jsx)(S.E,{variant:"bodySmall",children:r})]})},U=r(96971),_=r(66475),M=r(26173);const T="rLoSLtWsmOdhdiNz3r17";var H=function(e){var t=e.className,r=e.homeAd,n=r.metadata,a=n.advertiser,o=n.logoImage,i=r.clickthroughUrl,s=(0,h.L)(),l=(0,P.A)((function(){i&&s.log("clicked",r)}));return(0,A.jsx)(E.N,{"aria-label":"".concat(a,", Advertisement, link"),className:c()(t,T),to:i,onClick:l,children:(0,A.jsx)(U.v,{id:"advertiser-info",isInteractive:!1,media:o,padding:"0",subtitle:(0,A.jsx)(_.j,{children:f.Ru.get("ad-formats.advertisement")}),title:(0,A.jsx)(M.d,{children:a})})})},V=r(81120),D=r(94279),L=(r(30456),r(26701),r(37417),r(11737),r(51691),r(702),r(5672),r(43379),r(34192),r(88856),r(51565),r(18316),r(52542)),z=r(13734);const I="acMBKZuLlROUat0sL2a_";var F=["className","icon"];function B(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function W(e){for(var t=1;t=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(s)throw o}}}}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);rr&&(r=a,n(e,t)):n(e,t)};return{onStarted:function(){a("viewed",e),a("started",e),f(!1)},onResumed:function(){f((function(t){return t&&a("resumed",e),!1}))},onPaused:function(){f(!0),a("paused",e)},onVolumeChanged:function(t){var r=t.volume<=0;l(r),a(r?"muted":"unmuted",e)},onPlaybackCreated:function(t){t.timeObservable.addObserverForMediaPositions([.25,.5,.75],(function(t){t>=.25&&a("first_quartile",e),t>=.5&&a("midpoint",e),t>=.75&&a("third_quartile",e)}))},onPlaybackEnded:function(t){switch(t.reason){case ce.mT.FATAL_ERROR:case ce.mT.NETWORK_ERROR:a("error",e);break;case ce.mT.PLAYED_TO_END:a("ended",e)}},onReady:function(){h(!1)},onPlaybackError:function(){h(!1),g(!0)}}}),[e,t])}}(i,y,g),k=j.muted,C=j.paused,O=j.loading,w=j.errored,S=void 0===w||w,E=j.observerFactory,N=(0,n.useMemo)((function(){return(0,Ne.U5)((0,Ne.sH)(i.adId))}),[i.adId]),R=function(e){var t=e.assetUrl,r=e.createVideoPlayer,n=e.playVideoPlayer,a=e.observerFactory,o=e.playback_id,i=e.playWhenReady,s=e.muted;return(0,P.A)(function(){var e=(0,ue.A)(fe().mark((function e(l){var c,u;return fe().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c=l.videoContainerElement,u=l["video-manifest-url"],e.prev=1,e.next=4,n(r(u,c,a).setAudioDisabled(s),{mediaUrl:t,playback_id:o,playWhenReady:i});case 4:return e.abrupt("return",e.sent);case 7:return e.prev=7,e.t0=e.catch(1),e.abrupt("return",void 0);case 10:case"end":return e.stop()}}),e,null,[[1,7]])})));return function(t){return e.apply(this,arguments)}}())}({assetUrl:o,createVideoPlayer:c,playVideoPlayer:d,observerFactory:E,playback_id:N,playWhenReady:g,muted:k});return function(e){var t=e.videoContainerElement,r=e.initializeBetamaxPlayer,a=e.setBetamaxPlayer,o=(0,ae.g)(),i=(0,n.useRef)(),s=(0,n.useRef)();(0,n.useEffect)((function(){var e=o.getValues();i.current=e;var n=e.then((function(n){if(e===i.current){var a=n["video-manifest-url"];if(a)return r({videoContainerElement:t,"video-manifest-url":a})}}));s.current=n,a(n),n.then((function(e){n===s.current&&a(e)}))}),[r,t,a,o])}({videoContainerElement:s,initializeBetamaxPlayer:R,setBetamaxPlayer:v}),function(e){var t=e.betamaxPlayer,r=e.assetUrl,a=e.playVideoPlayer,o=e.playback_id,i=e.playWhenReady,s=(0,P.A)(function(){var e=(0,ue.A)(fe().mark((function e(r){return fe().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t instanceof oe.M)){e.next=3;break}return e.next=3,a(t,{mediaUrl:r,playback_id:o,playWhenReady:i});case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());(0,n.useEffect)((function(){s(r)}),[r,s])}({betamaxPlayer:m,assetUrl:o,playVideoPlayer:d,playback_id:N,playWhenReady:g}),function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];(0,n.useEffect)((function(){e instanceof oe.M&&!r&&(t?e.pause():e.setAudioDisabled(!0))}),[r,t,e])}(m,p,x),function(e){var t=e.betamaxPlayer;(0,n.useEffect)((function(){return t&&t instanceof oe.M?function(){t.release()}:void 0}),[t])}({betamaxPlayer:m}),O||m&&"then"in m?(0,A.jsx)(q,{className:re,icon:(0,A.jsx)(te.a3,{"aria-label":"Loading"})}):S||!m?(0,A.jsx)(ne,{homeVideoAd:i}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:Ue}),(0,A.jsx)(ke,{betamaxPlayer:m,muted:k,paused:C,isContextPlayerVideoPlaying:p,isContextPlayerPlaybackPaused:x})]})},Me=function(e){var t=e.assetUrl,r=e.className,o=e.homeVideoAd,i=(0,n.useState)(null),s=(0,a.A)(i,2),l=s[0],u=s[1];return X((0,n.useMemo)((function(){return o.metadata.logoImage||J(o)}),[o])),(0,A.jsx)("div",{"data-testid":"home-ad-video-asset",className:c()(Re,r),ref:u,children:l&&(0,A.jsx)(_e,{homeVideoAd:o,assetUrl:t,videoContainerElement:l})})},Te=r(58344);function He(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return Ve(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ve(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(s)throw o}}}}function Ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r{r.d(t,{L:()=>a});var n=r(3099),a=function(){return(0,n.bT)().logger}},14546:(e,t,r)=>{r.d(t,{f:()=>s,z:()=>i});var n=r(30758),a=r(23100),o=r(19424);function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a.l0o,r=(0,o.as)();return(0,n.useEffect)((function(){return e&&r((0,o.Mo)(e)),function(){r((0,o.Hf)())}}),[e,r]),e||t}var s=function(e){return i(e.color,e.fallbackColor),null}},55137:(e,t,r)=>{r.d(t,{r:()=>u,z:()=>d});var n=r(12341),a=r(30758),o=r(23100),i=r(54552),s=r(57165),l=r(75355),c=r(28925);function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=(0,a.useContext)(l.j).request,r=(0,c.I)({queryKey:["extracted-color",e],queryFn:function(){return e?(0,s.j)(t,e).then((function(e){var t=(0,n.A)(e,1)[0],r=t.colorDark,a=t.colorLight,o=t.colorRaw;return{colorDark:r.toCSS(i.a.HEX),colorLight:a.toCSS(i.a.HEX),colorRaw:o.toCSS(i.a.HEX)}})):null},gcTime:864e5,staleTime:216e5,enabled:!!e}).data;return null!=r?r:void 0}function d(){var e,t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o.l0o,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"colorRaw";return null!==(e=null===(t=u(r))||void 0===t?void 0:t[a])&&void 0!==e?e:n}}}]); //# sourceMappingURL=home-ad-card.js.map