"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6954],{76954:function(e,t,n){n.r(t),n.d(t,{VideoHeroBannerRenderer:function(){return eb}});var i,o,r,a,l,d,u,s,c,v,g,h,b,p,m,f,x,w,V,y,H=n(95235),C=n(7328),T=n(2784),W=n(41857),j=n(8529),k=n(25237),G=n.n(k),B=n(28885),P=n(97234),L=n(51339),O=n(48840),z=n(87330),A=n(81292),Z=O.zo.div(i||(i=(0,C.Z)(["\n  position: relative;\n"]))),E=O.zo.h2(o||(o=(0,C.Z)(["\n  ",";\n  margin: "," 0 ",";\n  text-align: ",";\n"])),(0,z.xv)("large1","alternate"),(0,O.W0)(2),(0,O.W0)(2),function(e){return e.alignment||"center"}),I=O.zo.button(r||(r=(0,C.Z)(["\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: fit-content;\n  height: fit-content;\n"]))),S=O.zo.video(a||(a=(0,C.Z)(["\n  ",";\n\n  &::cue {\n    ",";\n    color: ",";\n    background-color: rgba(0, 0, 0, 0.6);\n    border-radius: 0px;\n  }\n\n  height: ",";\n  object-fit: ",";\n\n  "," {\n    height: ",";\n    object-fit: ",";\n  }\n"])),function(e){return!e.isVisible&&"visibility: hidden"},(0,z.xv)("medium1","default"),function(e){return e.theme.colors.palette.greys.white},function(e){var t,n,i,o;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.mobile)&&void 0!==t&&t.height?null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.layout.mobile)||void 0===n?void 0:n.height:e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"calc(".concat(null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===i?void 0:i.widgetHeight," - ").concat(null===(o=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===o?void 0:o.headerHeight,");"):"auto"},function(e){var t;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.mobile)&&void 0!==t&&t.height||e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"cover":"fill"},function(e){return(0,A.mq)(e.theme.breakpointUtils.map,"sm")},function(e){var t,n;return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"calc(".concat(null===(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===t?void 0:t.widgetHeight," - ").concat(null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===n?void 0:n.headerHeight,");"):"auto"},function(e){return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"cover":"fill"}),M=O.zo.div(l||(l=(0,C.Z)(["\n  position: absolute;\n  ","\n\n  ","\n\n  width: 100%;\n  height: ",";\n\n  object-fit: ",";\n"])),(0,O.W5)(O.xU.Base),function(e){return!e.isVisible&&"visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear;"},function(e){var t,n;return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"calc(".concat(null===(t=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===t?void 0:t.widgetHeight," - ").concat(null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.layout.height)||void 0===n?void 0:n.headerHeight,");"):"auto"},function(e){return e.theme.widget.GlobalVideoHeroBannerWidget.layout.height?"cover":"fill"}),R=O.zo.div(d||(d=(0,C.Z)(["\n  position: relative;\n  height: 100%;\n"]))),U=(0,O.iv)(u||(u=(0,C.Z)(["\n  width: 30px;\n  height: 30px;\n  border-radius: 15px;\n"]))),D=(0,O.zo)(L.zx)(s||(s=(0,C.Z)(["\n  position: absolute;\n  ","\n  bottom: 32px;\n  left: 130px;\n  ","\n  background-color: #242020;\n  &:hover {\n    ","\n    outline: 2px solid ",";\n  }\n  &:focus {\n    ","\n    outline: 2px solid ",";\n  }\n  /* Firefox */\n  @supports (-moz-appearance: none) {\n    left: auto;\n    right: 55px;\n    bottom: 45px;\n  }\n  /* Safari */\n  @supports (-webkit-backdrop-filter: none) {\n    left: 15px;\n    bottom: 45px;\n  }\n"])),(0,O.W5)(O.xU.Low),U,U,function(e){return e.theme.colors.palette.greys.white},U,function(e){return e.theme.colors.palette.greys.white}),N=(0,O.zo)(L.zx)(c||(c=(0,C.Z)(["\n  position: absolute;\n  ","\n  bottom: 32px;\n  left: 170px;\n  ","\n  background-color: #242020;\n  &:hover {\n    ","\n    outline: 2px solid ",";\n  }\n  &:focus {\n    ","\n    outline: 2px solid ",";\n  }\n  /* Firefox */\n  @supports (-moz-appearance: none) {\n    left: auto;\n    right: 15px;\n    bottom: 45px;\n  }\n  /* Safari */\n  @supports (-webkit-backdrop-filter: none) {\n    left: 55px;\n    bottom: 45px;\n  }\n"])),(0,O.W5)(O.xU.Low),U,U,function(e){return e.theme.colors.palette.greys.white},U,function(e){return e.theme.colors.palette.greys.white}),F=O.zo.div(v||(v=(0,C.Z)(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 80px;\n  top: 0;\n"]))),_=O.zo.div(g||(g=(0,C.Z)(["\n  max-width: 1400px;\n  width: 100%;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: ",";\n  align-items: flex-start;\n  height: 100%;\n"])),function(e){var t,n;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)&&void 0!==t&&t.justifyContent?null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)||void 0===n?void 0:n.justifyContent:"center"}),q=O.zo.div(h||(h=(0,C.Z)(["\n  padding: 12px;\n  max-width: ",";\n  text-align: ","; ;\n"])),function(e){var t,n;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)&&void 0!==t&&t.width?null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)||void 0===n?void 0:n.width:"100%"},function(e){var t,n;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)&&void 0!==t&&t.align?null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.overlayContent)||void 0===n?void 0:n.align:"left"}),Y=O.zo.h2(b||(b=(0,C.Z)(["\n  ",";\n  color: ",";\n  color: ",";\n"])),(0,z.xv)("xlarge1","alternate"),function(e){return e.theme.colors.palette.greys.white},function(e){return e.theme.colors.palette.greys.white}),J=O.zo.h3(p||(p=(0,C.Z)(["\n  ",";\n  margin: "," 0 ",";\n  color: ",";\n"])),(0,z.xv)("medium1","default"),(0,O.W0)(2),(0,O.W0)(4),function(e){return e.theme.colors.palette.greys.white}),K=O.zo.div(m||(m=(0,C.Z)(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: ",";\n"])),function(e){var t,n;return null!==(t=e.theme.widget.GlobalVideoHeroBannerWidget.CTAContainer)&&void 0!==t&&t.align?null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.CTAContainer)||void 0===n?void 0:n.align:"flex-start"}),Q=(0,O.zo)(L.zx)(f||(f=(0,C.Z)(["\n  width: fit-content;\n  border: ",";\n  background-color: ",";\n\n  & > a {\n    background-color: ",";\n    color: ",";\n  }\n"])),function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.border)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.border},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.backgroundColor)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.backgroundColor},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.backgroundColor)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.backgroundColor},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.color)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.color}),X=(0,O.zo)(L.zx)(x||(x=(0,C.Z)(["\n  margin-left: ",";\n  border: ",";\n  background-color: ",";\n\n  & > a {\n    background-color: ",";\n    color: ",";\n  }\n"])),(0,O.W0)(2),function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.border)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.border},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.backgroundColor)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.backgroundColor},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.backgroundColor)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.backgroundColor},function(e){var t,n,i;return null!==(t=null===(n=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===n?void 0:n.color)&&void 0!==t?t:null===(i=e.theme.widget.GlobalVideoHeroBannerWidget.cta)||void 0===i?void 0:i.color}),$=n(36937),ee=n(50556),et=n(52322),en=O.zo.h1(w||(w=(0,C.Z)(["\n  ","\n  margin-bottom: ",";\n"])),(0,z.xv)("medium1","alternate"),(0,O.W0)(2)),ei=(0,O.zo)(ee.T)(V||(V=(0,C.Z)(["\n  margin-bottom: ",";\n  display: block;\n  width: 100%;\n  overflow-x: scroll;\n"])),(0,O.W0)(2)),eo=function(e){return(0,et.jsx)($.ModalRenderer,{closeI18nText:e.i18nText.closeI18nText,gridColSpan:[12,12,10,6],stickyHeader:!0,showHeader:!0,onClose:e.onClose,verticalAlignment:"center","data-testid":"video-transcript-modal",renderContent:function(){return(0,et.jsxs)(T.Fragment,{children:[(0,et.jsx)(en,{children:e.i18nText.title}),(0,et.jsx)(ei,{content:e.content})]})}})},er=G()(function(){return Promise.resolve().then(n.bind(n,27399))},{loadableGenerated:{webpack:function(){return[27399]}}}),ea=G()(function(){return n.e(7511).then(n.bind(n,77511))},{loadableGenerated:{webpack:function(){return[77511]}}}),el=G()(function(){return n.e(5391).then(n.bind(n,95391))},{loadableGenerated:{webpack:function(){return[95391]}}}),ed=function(e){return(0,et.jsx)(D,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":"Transcript",onClick:function(t){e.onClick(t)},"data-testid":"transcript-trigger",children:(0,et.jsx)(ea,{})})},eu=function(e){return(0,et.jsx)(N,{sizing:"regular",emphasis:"low",isVisible:!0,"aria-label":e.isVisible?"Caption Off":"Caption On",onClick:function(t){e.onClick(t)},"data-testid":"caption-trigger",children:(0,et.jsx)(el,{})})},es=function(e,t){var n=T.useState(!1),i=(0,j.Z)(n,2),o=i[0],r=i[1],a=T.useState(!1),l=(0,j.Z)(a,2),d=l[0],u=l[1];return T.useEffect(function(){var n,i=e.current,o=t.current;if(i&&o){var a=/Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent)?300:2700,l=function(){r(!0),u(!0)},d=function(){clearTimeout(n),n=setTimeout(function(){r(!1),u(!1)},a)},s=function(){l(),d()},c=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),u(!1)},200)},v=function(){r(!0),u(!0)},g=function(){l()},h=function(){clearTimeout(n),i.paused||setTimeout(function(){r(!1),u(!1)},3e3)},b=function(){l(),d()};return o.addEventListener("mousemove",s),o.addEventListener("mousemove",s),o.addEventListener("mouseleave",c),o.addEventListener("touchstart",g),o.addEventListener("touchend",h),i.addEventListener("play",b),i.addEventListener("ended",v),function(){o.removeEventListener("mousemove",s),o.removeEventListener("mouseleave",c),o.removeEventListener("touchstart",g),o.removeEventListener("touchend",h),i.removeEventListener("play",b),i.removeEventListener("ended",v),clearTimeout(n)}}},[e,t]),{transcriptTriggerVisible:o,captionTriggerVisible:d}},ec=function(e){var t=e.previewImage,n=e.playVideo,i=e.playVideoI18nText;return e.displayVideo||!t?null:(0,et.jsx)(M,{isVisible:!0,"data-testid":"preview-image-and-play-button",children:(0,et.jsxs)(R,{children:[(0,et.jsx)(P.E,{src:[{url:t.urls.small,breakpoint:"xs"},{url:t.urls.medium,breakpoint:"sm"},{url:t.urls.large,breakpoint:"md"}],width:"100%",height:"100%",alt:t.alt||"",isAmp:!1}),(0,et.jsx)(I,{onClick:n,"aria-label":i,"data-testid":"play-video-button",children:(0,et.jsx)(er,{})})]})})},ev=function(e){var t,n=e.videoRef,i=e.displayVideo,o=e.props,r=e.videoTabIndex,a=e.captionVisible;return(0,et.jsxs)(S,{ref:n,width:"100%",autoPlay:o.autoplayVideo||!1,muted:o.muteVideo||!1,controls:!o.hideVideoControl,loop:!0,isVisible:i,tabIndex:r,"aria-label":null===(t=o.videoTitle)||void 0===t?void 0:t.text,playsInline:!0,crossOrigin:"anonymous",children:[o.videoAssetPathMp4&&(0,et.jsx)("source",{src:o.videoAssetPathMp4,type:"video/mp4"}),o.videoAssetPathWebm&&(0,et.jsx)("source",{src:o.videoAssetPathWebm,type:"video/webm"}),a&&(0,et.jsx)("track",{kind:"captions",src:o.videoCaptionPathVTT,srclang:"en",label:"English",default:!0}),"Your browser does not support HTML video."]})};function eg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}var eh=(0,O.zo)(function(e){var t,n,i,o,r,a,l,d,u,s=T.useState(!!e.autoplayVideo),c=(0,j.Z)(s,2),v=c[0],g=c[1],h=T.useState(-1),b=(0,j.Z)(h,2),p=b[0],m=b[1],f=T.useState(!1),x=(0,j.Z)(f,2),w=x[0],V=x[1],y=T.useState(!1),H=(0,j.Z)(y,2),C=H[0],W=H[1],k=T.createRef(),G=T.createRef(),P=es(k,G),L=P.transcriptTriggerVisible,O=P.captionTriggerVisible,z=(0,B.ag)("general.play.video.button.text");return(0,et.jsxs)("div",{className:e.className,children:[e.videoTitle.text&&(0,et.jsx)(E,{"data-testid":"video-title",alignment:e.videoTitle.alignment,children:e.videoTitle.text}),(0,et.jsxs)(Z,{ref:G,children:[(0,et.jsx)(ec,{previewImage:e.previewImage,playVideo:function(){var e;g(!0),m(0),null===(e=k.current)||void 0===e||e.play()},playVideoI18nText:z,displayVideo:v}),(0,et.jsx)(ev,{videoRef:k,displayVideo:v,props:e,videoTabIndex:p,captionVisible:w}),(0,et.jsx)(F,{children:(0,et.jsx)(_,{children:(0,et.jsxs)(q,{children:[e.videoHeroHeadline&&function(e){if(!e)return null;var t=e.match(/[^,.?!]+[,.?!]+/g)||[],n=t.join(""),i=e.slice(n.length).trim();return i&&t.push(i),t.map(function(e,t){return(0,et.jsx)(Y,{children:e.trim()},t)})}(e.videoHeroHeadline),e.videoHeroSubtitle&&(0,et.jsx)(J,{children:e.videoHeroSubtitle}),(0,et.jsxs)(K,{children:[e.videoHeroCtaOneAriaLabel&&(0,et.jsx)(Q,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaOneURL||"",children:e.videoHeroCtaOneAriaLabel}),e.videoHeroCtaTwoAriaLabel&&(0,et.jsx)(X,{sizing:"regular",emphasis:"medium",renderedAs:"a",href:e.videoHeroCtaTwoURL||"",children:e.videoHeroCtaTwoAriaLabel})]})]})})}),(n=(t={transcriptTriggerVisible:L,captionTriggerVisible:O,setVideoTranscriptModalOpen:W,setVideoCaptionOpen:V,captionVisible:w,transcript:e.transcript,videoCaptionPathVTT:e.videoCaptionPathVTT,hideVideoControl:e.hideVideoControl}).transcript,i=t.transcriptTriggerVisible,o=t.videoCaptionPathVTT,r=t.captionTriggerVisible,a=t.hideVideoControl,l=t.setVideoTranscriptModalOpen,d=t.setVideoCaptionOpen,u=t.captionVisible,a?null:(0,et.jsxs)(et.Fragment,{children:[n&&i&&(0,et.jsx)(ed,{onClick:function(){return l(!0)}}),o&&r&&(0,et.jsx)(eu,{onClick:function(){return d(function(e){return!e})},isVisible:u})]}))]}),C&&(0,et.jsx)(eo,{i18nText:{closeI18nText:{closeAriaLabel:(0,B.ag)("general.modal.close.button.arialabel"),closeLabel:(0,B.ag)("general.modal.close.button.label")},title:(0,B.ag)("general.videoherobanner.transcript.title")},content:e.transcript,onClose:function(){return W(!1)}})]})})(y||(y=(0,C.Z)(["\n  margin: 0 auto ","\n  max-width: 1920px;\n  \n    "," {\n    margin-bottom: ",";\n  }\n"])),(0,O.W0)(4),function(e){return(0,A.mq)(e.theme.breakpointUtils.map,"sm")},(0,O.W0)(10)),eb=function(e){var t,n,i,o,r=(0,W.ND)().hideVideoControl;if(!(e.videoAssetPathMp4||e.videoAssetPathWebm))return null;var a=(t=null!=r&&r,i=function(e){return null!=e?e:void 0},o=function(e){return"true"===e},{hideVideoControl:t,videoTitle:{text:i(e.videoTitle)},videoAssetPathMp4:i(e.videoAssetPathMp4),videoAssetPathWebm:i(e.videoAssetPathWebm),previewImage:{urls:{small:e.videoPreviewImageMobile,medium:e.VideoPreviewImageTablet,large:e.videoPreviewImage}},muteVideo:o(i(e.muteVideo)),autoplayVideo:o(i(e.autoplayVideo)),transcript:i(null===(n=e.transcript)||void 0===n||null===(n=n.content)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.content),videoCaptionPathVTT:i(e.videoCaptionPathVTT),videoHeroHeadline:i(e.videoHeroHeadline),videoHeroSubtitle:i(e.videoHeroSubtitle),videoHeroCtaOneAriaLabel:i(e.videoHeroCtaOneAriaLabel),videoHeroCtaTwoAriaLabel:i(e.videoHeroCtaTwoAriaLabel),videoHeroCtaOneURL:i(e.videoHeroCtaOneURL),videoHeroCtaTwoURL:i(e.videoHeroCtaTwoURL)});return(0,et.jsx)(eh,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eg(Object(n),!0).forEach(function(t){(0,H.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eg(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},a))}}}]);
//# sourceMappingURL=6954.a6d9097ae7517694.js.map