"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7529],{73943:(e,t,r)=>{r.r(t),r.d(t,{default:()=>X});var i=r(27508),n=r(77833),o=r(63696),a=r(42389),l=r(83051),s=r(91785),d=r(35289),c=r(468),u=r(20048),p=r(10737),m=r(78325),v=r(58503),y=r(18735);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const h=(e,t)=>{switch(t.type){case"CLOSE_MODAL":return g(g({},e),{},{isModalOpen:!1});case"OPEN_MODAL":return g(g({},e),{},{isMobileExperience:t.shouldShowPlayerInFullscreen,isModalOpen:!0});case"SWITCH_TO_MOBILE_EXPERIENCE":return g(g({},e),{},{isMobileExperience:!0});default:return e}};var x=r(27813),O=r(34576),j=r(99941),w=r(64374),I=r(58861),P=r(74437),_=r(20641),A=r(11545),E=r(62540),k={display:"flex",justifyContent:"center",background:"linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 49.48%, rgba(0, 0, 0, 0) 100%)",height:"25px",padding:"8px"},M=(e,t)=>e.map(((e,r)=>{var i,n=e.media===t;return(0,E.jsx)("span",{style:(i=n,{minWidth:"4px",height:"4px",background:i?"#FFFFFF":"#B0B2B4",margin:"8px 2px",flexGrow:i?"2":"1"}),className:"progress-indicator-bar"},r)}));const S=e=>{var{items:t,currentMedia:r}=e;return(0,E.jsx)("div",{className:"progress-indicator",style:k,children:M(t,r)})};var C=(0,l.default)("div",{target:"e1i0bmy75",label:"VideoOverlayWrapper"})("z-index:","200",";position:absolute;top:0;bottom:0;left:0;right:0;container-type:inline-size;"),D=(0,l.default)("div",{target:"e1i0bmy74",label:"VideoOverlayHeader"})({name:"r7hikz",styles:"position:absolute;top:0;left:0;right:0"}),T=(0,l.default)("div",{target:"e1i0bmy73",label:"VideoOverlayFooterContents"})("display:flex;flex-direction:row;justify-content:space-between;gap:",P.SPACING_4,";max-width:",(0,c.A)(1240),";margin:auto;align-items:flex-end;"),N=(0,l.default)("div",{target:"e1i0bmy72",label:"Description"})(_.tc," ",A.cx," display:none;a,button{pointer-events:auto;}@container (min-width: ",(0,c.A)(320),"){display:block;}"),B=(0,l.default)("div",{target:"e1i0bmy71",label:"VideoOverlayFooter"})("position:absolute;left:",P.SPACING_2,";right:",P.SPACING_2,";bottom:0;padding-bottom:",(0,c.A)(16),";opacity:",(e=>{var{controlsDisplayed:t}=e;return t?"1":"0"}),";@supports not (container-type: inline-size){display:none;}@container (min-width: ",(0,c.A)(320),"){padding-bottom:",(0,c.A)(80),";left:",P.SPACING_4,";right:",P.SPACING_4,";}@container (min-width: ",(0,c.A)(500),"){left:",P.SPACING_7,";right:",P.SPACING_7,";}@container (min-width: ",(0,c.A)(860),"){padding-bottom:",(0,c.A)(140),";left:",P.SPACING_4,";right:",P.SPACING_4,";}"),F=(0,l.default)("div",{target:"e1i0bmy70",label:"ShareToolWrapper"})({name:"wh310y",styles:"margin-left:auto;pointer-events:auto"}),L=e=>{var{shareUrlPath:t,shareTracking:r,experimentTracking:i,isModalOpen:n}=e,[a,l]=(0,o.useState)();return(0,o.useEffect)((()=>{var e=window.location.host;l("https://".concat(e).concat(t))}),[t]),(0,E.jsx)(F,{children:(0,E.jsx)(j.A,{dismissBehaviour:"manual",mode:"icon-only",buttonEmphasis:"high",verticalAlignment:"top",horizontalAlignment:"right",url:a,trackingMetadata:r,experimentTracking:i})},"".concat(t,"-").concat(n))};const V=e=>{var{items:t,currentItem:r,controlsDisplayed:i,shareTracking:n,activeExperimentVariant:o,enableSwiping:a,isModalOpen:l}=e,s=Boolean((null==r?void 0:r.shareTool)||(null==r?void 0:r.description)),d=(0,x.u)().updateTheme({colourScheme:"dark"}),c={trackLinkViews:!1,linkTrackingOverride:{group:{name:null==r?void 0:r.promo.headline,type:"portrait video modal"}},linkExperimentTracking:o?{click:{name:"sfv_video_description_click"}}:void 0};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("style",{children:I.j}),(0,E.jsxs)(C,{children:[!a&&(0,E.jsx)(D,{children:(0,E.jsx)(S,{items:t,currentMedia:null==r?void 0:r.media})}),s&&(0,E.jsx)(B,{className:"video-overlay-footer fadedIn fadedOut",controlsDisplayed:i,"data-region-exclude-subtitles":!0,children:(0,E.jsxs)(T,{className:"video-overlay-footer-contents",children:[(null==r?void 0:r.description)&&(0,E.jsx)(x.a,{theme:d,children:(0,E.jsx)(N,{"data-testid":"video-overlay-description",children:(0,E.jsx)(w.A,{blocks:r.description,overrides:c})})}),(null==r?void 0:r.shareTool)&&(0,E.jsx)(O.A,{on:"background",children:(0,E.jsx)(L,{shareUrlPath:r.shareTool.shareUrlPath,shareTracking:n,experimentTracking:o?{click:{name:"sfv_video_share"}}:void 0,isModalOpen:l})})]})})]})]})};function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){H(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function H(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var R={name:"y1f223",styles:"margin:auto"},W=(0,l.default)("div",{target:"ep128730",label:"PortraitVideoExperienceWrapper"})("html.no-js &{display:none;}@media (min-width: ",d.cK,"){",(e=>{var{displayedInNarrowColumn:t}=e;return t&&(0,s.AH)("max-width:",(0,c.A)(580),";")}),";}@media (max-width: ",d.js,"){",(e=>{var{displayedInNarrowColumn:t}=e;return t&&R}),";}"),z=e=>{var t,{items:r,videoIdentifier:i}=e,n=r.findIndex((e=>{var t,{media:r}=e;return(null===(t=r.items[0])||void 0===t?void 0:t.id)===i})),o=null===(t=r[n])||void 0===t||null===(t=t.media.items[0])||void 0===t?void 0:t.title;return{nextItem:r[n+1],previousItem:r[n-1],currentItemIndex:n,currentItemTitle:o}},K=e=>{var t,r,{data:{items:l},isCompactCarousel:s,displayedInNarrowColumn:d,title:b,titleUrl:g,subtitle:f,tracking:x,richMediaAnalytics:O,mode:j,experienceResourceId:w,orientation:I="portrait",experimentVariant:P,testId:_="portrait-video-experience"}=e,[A,k]=(0,o.useState)(void 0),M=null==A?void 0:A.media,[S,C]=(0,o.useReducer)(h,{isModalOpen:!1,isMobileExperience:!1}),[D,T]=(0,o.useState)(!1),[N,B]=(0,o.useState)(),[F,L]=(0,o.useState)(),G=(0,p.Oo)(),H=(0,a.Ry)(),R=!G&&(null==H?void 0:H["sfv-portrait-swipe"])&&"landscape"!==I;(0,o.useEffect)((()=>{L(document.body)}),[]);var K=M===l[0].media,X=M===l[l.length-1].media,q=(0,u.A)(["(pointer:coarse) and (orientation: portrait) and (max-width: ".concat((0,c.A)(799),")"),"(pointer:coarse) and (orientation: landscape) and (max-width: ".concat((0,c.A)(859),")")].join(", ")),J=(0,u.A)("(max-width: ".concat((0,c.A)(859),")"));(0,o.useEffect)((()=>{!S.isMobileExperience&&S.isModalOpen&&q&&C({type:"SWITCH_TO_MOBILE_EXPERIENCE"})}),[q,S]);var{nextItem:Q,previousItem:Y,currentItemIndex:Z,currentItemTitle:$}=z({items:l,videoIdentifier:null==M||null===(t=M.items[0])||void 0===t?void 0:t.id}),ee=(0,o.useMemo)((()=>U(U(U({},x),null==A?void 0:A.tracking),{},{groupType:"portrait video modal"})),[x,null==A?void 0:A.tracking]),te=l.map((e=>U(U({},e.promo),{},{onClick:()=>{k(e),P&&(0,y.n)("sfv_video_carousel_select"),C({type:"OPEN_MODAL",shouldShowPlayerInFullscreen:q})}}))),re=P?[{eventType:"view",eventName:"sfv_video_carousel_view"}]:[],ie=null==A||null===(r=A.promo)||void 0===r?void 0:r.headline,ne={experience:{resource_id:w},group:{resource_id:null==ee?void 0:ee.itemResourceId},item:{label:ie}},{columnsByBreakpoint:oe,legacyBrowserBreakpoints:ae}=s?{columnsByBreakpoint:{base:2,small:2,medium:3,large:4,xl:4,xxl:6},legacyBrowserBreakpoints:{base:2}}:{};return(0,E.jsxs)(W,{displayedInNarrowColumn:d,"data-testid":_,children:[(0,E.jsx)(i.A,{isCompact:s,title:b,titleUrl:g,subtitle:f,promos:te,disableDwellTracking:S.isModalOpen,withMonochromeControls:!0,tracking:U(U({},x),{},{promos:l.map((e=>e.tracking))}),promoExperimentTracking:re,activePromoIndex:!S.isModalOpen&&Z>=0?Z:void 0,columnsByBreakpoint:oe,legacyBrowserBreakpoints:ae}),F&&(0,m.createPortal)((0,E.jsx)(n.A,{isModalOpen:S.isModalOpen,media:M,richMediaAnalytics:O,onModalClosed:()=>C({type:"CLOSE_MODAL"}),shouldFullscreen:S.isModalOpen&&q,isMobileExperience:S.isMobileExperience,useCloseIconForExitFullscreen:J,getNextPreviousMedia:e=>{var t,r,i=null==e?void 0:e.items[0],n=(null==i?void 0:i.versionID)||(null==i?void 0:i.vpid),o=z({items:l,videoIdentifier:n}),a=null==o||null===(t=o.nextItem)||void 0===t?void 0:t.media;return{previousMedia:null==o||null===(r=o.previousItem)||void 0===r?void 0:r.media,nextMedia:a}},nextItem:Q,previousItem:Y,currentItemIndex:Z,currentItemTitle:$,totalItemCount:l.length,setVideoOverlayContainer:B,isPreviousButtonDisabled:K,isNextButtonDisabled:X,onMediaChanged:e=>{var{mediaItem:t}=e,r=(null==t?void 0:t.versionID)||(null==t?void 0:t.vpid),i=l.findIndex((e=>{var{media:t}=e;return t.items[0].id===r})),n=l[i];n&&k(n)},setControlsDisplayed:T,mode:j,tracking:ee,enableFocusPrevious:!1,orientation:I,enableSwiping:R,activeExperimentVariant:P}),F),N&&(0,m.createPortal)((0,E.jsx)(v.r,{container:N,children:(0,E.jsx)(V,{items:l,currentItem:A,controlsDisplayed:D,shareTracking:ne,activeExperimentVariant:P,enableSwiping:R,isModalOpen:S.isModalOpen})}),N)]})};const X=e=>{var{error:t,data:r}=e;if(t)throw new Error("portrait-video-experience error: ".concat(t));return 0===(null==r?void 0:r.items.length)?null:(0,E.jsx)(K,U({},e))}}}]);