1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2184],{62184:function(e,i,t){t.r(i),t.d(i,{ContentVideoTest:function(){return ee},default:function(){return $}});var n=t(20968),o=t.n(n),l=t(23322),a=t.n(l),s=t(16089),r=t.n(s),d=t(66948),u=t.n(d),c=t(55667),h=t.n(c),m=t(81961),v=t.n(m),f=t(67731),g=t.n(f),p=t(29238),b=t.n(p),x=t(5152),y=t.n(x),C=t(67294),k=t(25043),M=t(83253),A=t.n(M),O=t(67411),V=t(3933),j=t(99094),L=t(42196),_=t(12038),R=t(61806),P=t(7872),S=t(85345),X=t(5170),w=t(48416),K=t.n(w),T=t(158),B=t(71772),N=t(85893);function F(e){var i=e.idValue,t=e.audioSrc,n=e.audioFileType;return(0,N.jsx)("audio",{id:i,preload:"auto",children:(0,N.jsx)("source",{src:j.K1.domainHttp+t,type:n})})}var I=t(14934),H=y()(function(){return Promise.all([t.e(8650),t.e(8966),t.e(3903),t.e(9724),t.e(2919),t.e(5244)]).then(t.bind(t,25244))},{loadableGenerated:{webpack:function(){return[25244]}}}),z=function(e){h()(o,e);var i,n=(i=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,t=g()(o);return e=i?Reflect.construct(t,arguments,g()(this).constructor):t.apply(this,arguments),v()(this,e)});function o(e){var i;return a()(this,o),(i=n.call(this,e)).videoRef=void 0,i.videoPlayer=void 0,i.video=void 0,i.videoRef=C.createRef(),i.videoPlayer=null,i.video=e.video,i.state={video:null},i}return r()(o,[{key:"onVideoLoaded",value:function(){}},{key:"onVideoPlay",value:function(){}},{key:"onVideoPause",value:function(){}},{key:"onVideoMuted",value:function(){}},{key:"onVideoUnMuted",value:function(){}},{key:"onVideoFullScreen",value:function(){}},{key:"loadVideoPlayerCSS",value:function(){if(!document.querySelector('link[href*="cld-video-player.light.min.css"]')){var e=document.createElement("link");e.rel="stylesheet",e.href="/static/styles/vendor/cld-video-player.light.min.css",e.type="text/css",document.head.appendChild(e)}}},{key:"componentDidMount",value:function(){this.loadVideoPlayerCSS(),t(14060);var e=!1;if(this.videoIsDefined()){var i=new B.Z(this.videoRef,this.video);this.createVideoPlayer(i)}var n=new I.Cloudinary({cloud_name:"OralB"}).videoPlayer("player",{muted:!1,controls:!0});function o(){(0,T.q)(j.K1.firstAudio),(0,T.q)(j.K1.secondAudio)}var l=n.videojs,a=j.K1.videoRatioVolume,s=(0,P.HJ)(j.K1.firstAudioFileId),r=(0,P.HJ)(j.K1.secondAudioFileId),d=(0,P.FP)(j.K1.audioDescriptionClassName);o();var u=new Audio;function c(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";u.src=e,u.id=i,u.currentTime=l.currentTime(),u.play()}function h(){return u.id===j.K1.firstAudioFileId}if(u.autoplay=!0,u.src="",u.volume=Math.min(l.volume()+a,1),s){var m,v,f=null==n?void 0:null==(m=n.videojs)?void 0:null==(v=m.controlBar)?void 0:v.addChild("button");f.el_.classList.add(j.K1.audioDescriptionClassName),d&&d.length>0&&(d[0].style.opacity=j.K1.descriptionButtonLowOpacity.toString()),s.volume=a;var g=function(){var e,i,t,n;!l.paused()&&(h()?(r.volume=Math.min(l.volume()+a,1),d&&d.length>0&&(d[0].style.opacity=j.K1.descriptionButtonHighOpacity.toString()),c((null==r?void 0:null==(e=r.children)?void 0:null==(i=e[0])?void 0:i.getAttribute("src"))||"",null==r?void 0:r.id)):(s.volume=Math.min(l.volume()+a,1),c((null==s?void 0:null==(t=s.children)?void 0:null==(n=t[0])?void 0:n.getAttribute("src"))||"",null==s?void 0:s.id),d&&d.length>0&&(d[0].style.opacity=j.K1.descriptionButtonLowOpacity.toString())))};f.on("click",function(e){g()}),f.on("touchstart",function(e){g()}),f.on("touchend",function(e){e.preventDefault()}),l.on("playing",function(){var i,t;if((0,T.GQ)(j.K1.firstAudio)===j.Kd.pause||(0,T.GQ)(j.K1.secondAudio)==j.Kd.pause){(0,T.GQ)(j.K1.firstAudio)===j.Kd.pause?c(s.children[0].getAttribute("src")||"",s.id):c(r.children[0].getAttribute("src")||"",r.id),o();return}e||(e=!0,c((null==s?void 0:null==(i=s.children)?void 0:null==(t=i[0])?void 0:t.getAttribute("src"))||"",null==s?void 0:s.id))}),l.on("pause",function(){var e;e=h(),u.pause(),(0,T.A6)(e?j.K1.firstAudio:j.K1.secondAudio,j.Kd.pause),(0,T.q)(e?j.K1.secondAudio:j.K1.firstAudio)}),l.on("ended",function(){l.pause(),e=!1,u.src="",u.pause()}),l.on("volumechange",function(){u.volume=l.volume(),u.muted=!1,l.muted()&&(u.muted=!0)}),l.on("seeking",function(){u.readyState>=4&&Math.ceil(u.currentTime)!=Math.ceil(this.currentTime())&&(u.currentTime=this.currentTime())})}}},{key:"createVideoPlayer",value:function(e){var i,t,n,o,l,a,s,r,d,u,c,h,m,v,f,g=this,p=null==(i=this.props.video)?void 0:null==(t=i.subTitles)?void 0:t.map(function(e){var i,t,n;return{label:null==e?void 0:null==(i=e.fields)?void 0:i.label,language:null==e?void 0:null==(t=e.fields)?void 0:t.language,url:null==e?void 0:null==(n=e.fields)?void 0:n.url}}),b={captions:{label:null==(n=this.props.video)?void 0:null==(o=n.captions)?void 0:null==(l=o.fields)?void 0:l.label,default:null==(a=this.props.video)?void 0:null==(s=a.captions)?void 0:null==(r=s.fields)?void 0:r.default,language:null==(d=this.props.video)?void 0:null==(u=d.captions)?void 0:null==(c=u.fields)?void 0:c.language,url:null==(h=this.props.video)?void 0:null==(m=h.captions)?void 0:null==(v=m.fields)?void 0:v.url},subtitles:p&&K()(p)},x=(b=p&&(null==(f=this.props.video)?void 0:f.captions)?b:void 0)?{sourceTypes:["webm","mp4","hls","ogg"],textTracks:b}:{sourceTypes:["webm","mp4","hls","ogg"]};e.create().then(function(e){var i,t,n,o,l=e.videoPlayer,a=e.transformation,s=l.Cloudinary.new({secure:!0}).videoPlayer(g.videoRef.current,{loop:g.video.loop,fontFace:"inherit",fluid:!0,preload:g.video.preload?"auto":"none",controls:g.video.controls,autoplayMode:g.video.autoplay,playsinline:g.video.playsInl
1ine}).transformation(a).source(null==(i=g.video)?void 0:null==(t=i.asset)?void 0:null==(n=t.fields)?void 0:null==(o=n.file)?void 0:o.url,x);g.setState({video:s}),g.videoPlayer=s,g.videoPlayer.on("canplay",g.onVideoLoaded.bind(g)),g.videoPlayer.on("play",g.onVideoPlay.bind(g)),g.videoPlayer.on("pause",g.onVideoPause.bind(g)),g.videoPlayer.on("mute",g.onVideoMuted.bind(g)),g.videoPlayer.on("unmute",g.onVideoUnMuted.bind(g)),g.videoPlayer.on("fullscreenchange",g.onVideoFullScreen.bind(g))}).catch(function(e){console.error(e)})}},{key:"videoIsDefined",value:function(){var e,i,t,n;return!!(this.video&&(null==(e=this.video)?void 0:null==(i=e.asset)?void 0:null==(t=i.fields)?void 0:null==(n=t.file)?void 0:n.url))}},{key:"renderTranscript",value:function(){var e;return(0,N.jsx)("div",{className:"video-player-transcript visuallyhidden",children:null==(e=this.video)?void 0:e.transcript})}},{key:"render",value:function(){var e,i,t,n,o,l,a,s,r,d,u,c,h,m,v,f,g,p,b,x,y,C,k,M,A,O,V,L,_,R,S,X,w,K,T,B,I,z,W,E,D,G,q,U,Z,J,Q,Y,$,ee,ei,et,en,eo=null==(e=this.props.video)?void 0:null==(i=e.captions)?void 0:i.fields,el=null==(t=this.props.video)?void 0:t.subTitles,ea=(null==el?void 0:null==(n=el[0])?void 0:n.fields)||null,es=null==(o=this.props.video)?void 0:null==(l=o.keyframe)?void 0:null==(a=l.fields)?void 0:null==(s=a.asset)?void 0:null==(r=s.fields)?void 0:r.title,er=null==(d=this.props.video)?void 0:null==(u=d.keyframe)?void 0:null==(c=u.fields)?void 0:null==(h=c.asset)?void 0:null==(m=h.fields)?void 0:m.description,ed=null==(v=this.props.video)?void 0:null==(f=v.keyframe)?void 0:null==(g=f.fields)?void 0:null==(p=g.asset)?void 0:null==(b=p.fields)?void 0:null==(x=b.file)?void 0:x.url,eu=null==(y=this.props.video)?void 0:y.uploadDate,ec=null==(C=this.props.video)?void 0:C.duration,eh=null==(k=this.props.video)?void 0:null==(M=k.videoSettings)?void 0:null==(A=M.fields)?void 0:A.width,em=null==(O=this.props.video)?void 0:null==(V=O.videoSettings)?void 0:null==(L=V.fields)?void 0:L.height,ev=null==(_=this.props.video)?void 0:null==(R=_.asset)?void 0:null==(S=R.fields)?void 0:null==(X=S.file)?void 0:X.url,ef=null==(w=this.props.video)?void 0:w.ariaLabel;return(0,N.jsxs)("div",{className:"ob-video-player videoAudioDescription",children:[(0,N.jsxs)("video",{muted:!0,playsInline:!0,ref:this.videoRef,id:"player","aria-label":ef,crossOrigin:"anonymous",fetchpriority:"high",children:[(0,N.jsx)("source",{src:"https:"+(null==(K=this.video)?void 0:null==(T=K.asset)?void 0:null==(B=T.fields)?void 0:null==(I=B.file)?void 0:I.url),type:"video/mp4"}),eo&&(0,N.jsx)("track",{label:null==eo?void 0:eo.label,kind:"captions",srcLang:null==eo?void 0:eo.language,src:null==eo?void 0:eo.url,default:null==eo?void 0:eo.default}),ea&&(0,N.jsx)("track",{label:null==ea?void 0:ea.label,kind:"subtitles",srcLang:null==ea?void 0:ea.language,src:null==ea?void 0:ea.url,default:null==ea?void 0:ea.default})]}),(0,N.jsx)(F,{idValue:j.K1.firstAudioFileId,audioSrc:null==(z=this.video)?void 0:null==(W=z.videoAudio)?void 0:null==(E=W.fields)?void 0:null==(D=E.file)?void 0:D.url,audioFileType:j.ZJ[(0,P.Tq)(null==(G=this.video)?void 0:null==(q=G.videoAudio)?void 0:null==(U=q.fields)?void 0:null==(Z=U.file)?void 0:Z.url)||""]||"audio/mp4"}),(0,N.jsx)(F,{idValue:j.K1.secondAudioFileId,audioSrc:null==(J=this.video)?void 0:null==(Q=J.videoAudioDescription)?void 0:null==(Y=Q.fields)?void 0:null==($=Y.file)?void 0:$.url,audioFileType:j.ZJ[(0,P.Tq)(null==(ee=this.video)?void 0:null==(ei=ee.videoAudioDescription)?void 0:null==(et=ei.fields)?void 0:null==(en=et.file)?void 0:en.url)||""]||"audio/mp4"}),(0,N.jsx)(H,{document:{},metadata:{},article:[],pagePath:"",brandLogoUrl:"",bannerURL:"",name:es||"",description:er||"",thumbnailurl:ed||"",UploadDate:eu||"",duration:ec||"",width:(null==eh?void 0:eh.toString())||"",height:(null==em?void 0:em.toString())||"",contenturl:ev||""}),this.renderTranscript()]})}}]),o}(C.Component);function W(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);i&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),t.push.apply(t,n)}return t}var E=y()(function(){return Promise.resolve().then(t.bind(t,23226))},{loadableGenerated:{webpack:function(){return[23226]}}}),D=y()(function(){return Promise.resolve().then(t.bind(t,66273))},{loadableGenerated:{webpack:function(){return[66273]}}}),G=y()(function(){return Promise.resolve().then(t.bind(t,34096))},{loadableGenerated:{webpack:function(){return[34096]}}}),q=y()(function(){return t.e(8184).then(t.bind(t,59901))},{loadableGenerated:{webpack:function(){return[59901]}}}),U=y()(function(){return Promise.all([t.e(9561),t.e(8770),t.e(6725),t.e(3705),t.e(6045),t.e(7520),t.e(5302),t.e(2080),t.e(4945),t.e(5822),t.e(323),t.e(8247),t.e(9480),t.e(2681)]).then(t.bind(t,48940))},{loadableGenerated:{webpack:function(){return[48940]}}}),Z=y()(function(){return Promise.all([t.e(9561),t.e(8770),t.e(6725),t.e(3705),t.e(6045),t.e(7520),t.e(5302),t.e(2080),t.e(4945),t.e(5822),t.e(323),t.e(8247),t.e(9480),t.e(2681)]).then(t.bind(t,51451))},{loadableGenerated:{webpack:function(){return[51451]}}}),J={overlay:{position:"fixed",top:"0px",left:"0px",right:"0px",bottom:"0px",backgroundColor:"rgba(0, 0, 0, 0.5)"},content:{border:"none",top:"50%",left:"50%",right:"auto",bottom:"auto",padding:"0",marginRight:"-50%",transform:"translate(-50%, -50%)",maxWidth:"100rem",width:"90%"}},Q={overlay:{position:"fixed",top:"0px",left:"0px",right:"0px",bottom:"0px",backgroundColor:"rgba(0, 0, 0, 0.5)"},content:{border:"none",top:"50%",left:"50%",right:"auto",bottom:"auto",padding:"45px 20px 20px",fontSize:"1.4rem",lineHeight:"2.1rem",marginRight:"-50%",transform:"translate(-50%, -50%)",maxWidth:"123.6rem",width:"90%"}},Y=function(e){h()(n,e);var i,t=(i=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,t=g()(n);return e=i?Reflect.construct(t,arguments,g()(this).constructor):t.apply(this,arguments),v()(this,e)});function n(e){var i,o;return a()(this,n),(o=t.call(this,e)).block=void 0,o.videoBlockRef=void 0,o.videoPlayerRef
1=void 0,o.modalRef=void 0,o.modalOverlayRef=null,o.availableConfigurations=void 0,o.isXSmall=void 0,o.isMedium=void 0,o.isXLarge=void 0,o._handleWaypointEnter=function(){var e=o.videoBlockRef.current;e&&e.classList.add("show")},o.renderVideo=function(e){return e?(null==e?void 0:e.videoId)?(0,N.jsx)(Z,{document:e}):(null==e?void 0:e.isAudioDescriptionVideoEnabled)?(0,N.jsx)(z,{video:e}):(0,N.jsx)(X.default,{video:e}):""},o.block=new V.Z(e),o.videoBlockRef=C.createRef(),o.videoPlayerRef=C.createRef(),o.modalRef=C.createRef(),o.modalOverlayRef=null,o.state={modalIsOpen:!1,isPlaying:!1,selectedVideo:null},o.openModal=o.openModal.bind(u()(o)),o.handlePlayClick=o.handlePlayClick.bind(u()(o)),o.handleResetClick=o.handleResetClick.bind(u()(o)),o.closeModal=o.closeModal.bind(u()(o)),o.handleVideoEvent=o.handleVideoEvent.bind(u()(o)),o.trapFocusInModal=o.trapFocusInModal.bind(u()(o)),o.availableConfigurations=null==(i=o.valueOf(j.Kd.devicesConfigurations))?void 0:i.map(function(e){return e.fields.deviceType}),o}return r()(n,[{key:"handlePlayClick",value:function(){var e,i,t,n=null==(e=this.videoPlayerRef.current)?void 0:e.getVideoRef(),o=null==(i=this.videoPlayerRef)?void 0:null==(t=i.current)?void 0:t.getVideoPlayerRef();o&&n&&n instanceof HTMLVideoElement&&(this.state.isPlaying?o.pause():o.play())}},{key:"handleVideoEvent",value:function(e){this.setState({isPlaying:e})}},{key:"handleResetClick",value:function(){var e,i,t=null==(e=this.videoPlayerRef)?void 0:null==(i=e.current)?void 0:i.getVideoPlayerRef();t&&(t.currentTime(0),t.play())}},{key:"openModal",value:function(){this.setState({modalIsOpen:!0})}},{key:"openVideoModal",value:function(e){e&&this.setState({selectedVideo:function(e){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?W(Object(t),!0).forEach(function(i){o()(e,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))})}return e}({},null==e?void 0:e.fields)}),this.setState({modalIsOpen:!0})}},{key:"afterOpenModal",value:function(){this.modalOverlayRef&&null==this.modalOverlayRef.getAttribute("data-action-detail")&&this.modalOverlayRef.setAttribute("data-action-detail",L.k.contentVideoOverlayText)}},{key:"closeModal",value:function(){this.setState({modalIsOpen:!1})}},{key:"trapFocusInModal",value:function(e){if(this.state.modalIsOpen){var i=e.currentTarget.querySelectorAll(".vjs-control-bar button:not([disabled]), .vjs-control-bar a[href]:not([disabled]), .ob-modal-close"),t=i[0],n=i[i.length-1];(e.key===j.m_.Tab||9===e.keyCode)&&(e.shiftKey?document.activeElement===t&&(n.focus(),e.preventDefault()):document.activeElement===n&&(t.focus(),e.preventDefault()))}}},{key:"valueOf",value:function(e){return this.block.getFieldValue(e)}},{key:"generateContentblockState",value:function(){var e;return{availableConfigurations:null==(e=this.valueOf(j.Kd.devicesConfigurations))?void 0:e.map(function(e){return e.fields.deviceType}),blockMinHeight:this.configurationValue(j.Kd.blockMinHeight,this.isMedium,this.isXSmall,this.isXLarge,""),blockMarginTop:this.configurationValue(j.Kd.blockMarginTop,this.isMedium,this.isXSmall,this.isXLarge,""),blockMarginBottom:this.configurationValue(j.Kd.blockMarginBottom,this.isMedium,this.isXSmall,this.isXLarge,""),blockMarginRight:this.configurationValue(j.Kd.blockMarginRight,this.isMedium,this.isXSmall,this.isXLarge,""),blockMarginLeft:this.configurationValue(j.Kd.blockMarginLeft,this.isMedium,this.isXSmall,this.isXLarge,""),blockPadding:this.configurationValue(j.Kd.blockPadding,this.isMedium,this.isXSmall,this.isXLarge,""),textAlign:this.configurationValue(j.Kd.textAlign,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerWidth:this.configurationValue(j.Kd.textContainerWidth,this.isMedium,this.isXSmall,this.isXLarge,""),titleWidth:this.configurationValue(j.Kd.titleWidth,this.isMedium,this.isXSmall,this.isXLarge,""),descriptionWidth:this.configurationValue(j.Kd.descriptionWidth,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerHorizontalAlignment:this.configurationValue(j.Kd.textContainerHorizontalAlignment,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerVerticalAlignment:this.configurationValue(j.Kd.textContainerVerticalAlignment,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerOffset:this.configurationValue(j.Kd.textContainerOffset,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerMarginRight:this.configurationValue(j.Kd.textContainerMarginRight,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerMarginLeft:this.configurationValue(j.Kd.textContainerMarginLeft,this.isMedium,this.isXSmall,this.isXLarge,""),textContainerMarginBottom:this.configurationValue(j.Kd.textContainerMarginBottom,this.isMedium,this.isXSmall,this.isXLarge,""),mainAsset:this.configurationValue(j.Kd.mainAsset,this.isMedium,this.isXSmall,this.isXLarge),mainAssetBelowOrAboveText:this.configurationValue(j.Kd.mainAssetBelowOrAboveText,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetMaxWidth:this.configurationValue(j.Kd.mainAssetMaxWidth,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetMaxHeight:this.configurationValue(j.Kd.mainAssetMaxHeight,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetHeight:this.configurationValue(j.Kd.mainAssetHeight,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetOffsetTop:this.configurationValue(j.Kd.mainAssetMarginTop,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetOffsetRight:this.configurationValue(j.Kd.mainAssetMarginRight,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetOffsetBottom:this.configurationValue(j.Kd.mainAssetOffsetBottom,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetOffsetLeft:this.configurationValue(j.Kd.mainAssetOffsetLeft,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetScale:this.configurationValue(j.Kd.mainAssetScale,this.isMedium,this.isXSmall,this.isXLarge,""),backgroundAsset:this.configurationValue(j.Kd.backgroundAsset,this.isMedium,this.isXSmall,this.isXLarge),mainAssetHorizontalAlignment:this.configurationValue(j.Kd.mainAssetHorizontalAlignment,this.isMedium,this.isXSmall,this.isXLarge),mainAssetVerticalAlignment:this.configurationValue(j.Kd.mainAssetVerticalAlignment,this.isMedium,this.isXSmall,this.isXLarge),backgroundPosition:this.configurationValue(j.Kd.backgroundPosition,this.isMedium,this.isXSmall,this.isXLarge,""),sectionOffsetTop:this.configurationValue(j.Kd.sectionOffsetTop,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetParallax:this.configurationValue(j.Kd.mainAssetParallax,this.isMedium,this.isXSmall,this.isXLarge,""),mainAssetParallaxSetting:this.configurationValue(j.Kd.mainAssetParallaxSetting,this.isMedium,this.isXSmall,this.isXLarge,""),textParallax:this.configurationValue(j.Kd.textParallax,this.isMedium,this.isXSmall,this.isXLarge,""),textParallaxSetting:this.configurationValue(j.Kd.textParallaxSetting,this.isMedium,this.isXSmall,this.isXLarge,""),textParallaxConfiguration:this.configurationValue(j.Kd.textParallaxConfiguration,this.isMedium,this.isXSmall,this.isXLarge,""),assetParallaxConfiguration:this.configurationValue(j.Kd.assetParallaxConfiguration,this.isMedium,this.isXSmall,this.isXLarge,""),textShowAnimation:this.configurationValue(j.Kd.textShowAnimation,this.isMedium,this.isXSmall,this.isXLarge,""),textFadeIn:this.configurationBooleanValue(j.Kd.textFadeIn,this.isMedium,this.isXSmall,this.isXLarge),textColor:this.configurationBooleanValue(j.Kd.textColor,this.isMedium,this.isXSmall,this.isXLarge),respectImageAspectRatio:this.configurationBooleanValue(j.Kd.respectImageAspectRatio,this.isMedium,this.isXSmall,this.isXLarge),textContainerBackgroun
1dColor:this.configurationValue(j.Kd.textContainerBackgroundColor,this.isMedium,this.isXSmall,this.isXLarge),textContainerBackgroundOpacity:this.configurationValue(j.Kd.textContainerBackgroundOpacity,this.isMedium,this.isXSmall,this.isXLarge)}}},{key:"configurationValue",value:function(e,i,t,n){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.availableConfigurations?(0,_.M)(this.availableConfigurations,this.valueOf(j.Kd.devicesConfigurations),e,i||!1,t||!1,n||!1,o):null}},{key:"configurationBooleanValue",value:function(e,i,t,n){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.availableConfigurations?(0,_.l)(this.availableConfigurations,this.valueOf(j.Kd.devicesConfigurations),e,i||!1,t||!1,n||!1,o):o}},{key:"componentDidMount",value:function(){A().setAppElement(".js-modal-container"),this.modalRef&&this.modalRef.current&&this.modalRef.current.node&&this.modalRef.current.node.addEventListener(j.m_.keydown,this.trapFocusInModal)}},{key:"componentWillUnmount",value:function(){this.modalRef&&this.modalRef.current&&this.modalRef.current.node&&this.modalRef.current.node.removeEventListener(j.m_.keydown,this.trapFocusInModal)}},{key:"render",value:function(){var e,i,t,n=this;this.isXSmall=this.props.isXSmall,this.isMedium=this.props.isMedium,this.isXLarge=this.props.isXLarge;var o=this.valueOf(j.m_.mobileLayout),l=this.valueOf(j.m_.desktopLayout),a="ob-contentBlock ob-videoBlock js-modal-container ",s=!1,r=(0,N.jsx)("h1",{children:j.m_.SuspenseVariable});this.valueOf(j.m_.classNames)&&(a+=this.valueOf(j.m_.classNames)),this.props.isMedium?(a+=" layout-"+o,s=!1):(a+=" layout-"+l,s="image-left"==l||"image-right"==l);var d=this.generateContentblockState(),u=null==(i=a)?void 0:i.includes(j.m_.whiteText),c=null==o?void 0:o.includes(j.m_.backgroundImage),h=null==l?void 0:l.includes(j.m_.backgroundImage),m=this.props.isMedium&&c||!this.props.isMedium&&h,v=this.valueOf(j.m_.title),f=this.valueOf(j.m_.mainHeading),g=this.valueOf(j.m_.titleLevel),p=this.block.getAnchorId(),x=null==(t=this.block.getFields().video)?void 0:t.fields,y=this.props.isMedium&&(null==x?void 0:x.mobileKeyframe)?null==x?void 0:x.mobileKeyframe:null==x?void 0:x.keyframe,M=(null==x?void 0:x.autoplay)=="on-scroll",V=this.valueOf(j.m_.textContainerMarginBottom),_=this.valueOf(j.m_.textContainerMarginTop),R=this.valueOf(j.m_.playIconColor),w=this.valueOf(j.m_.backgroundColor),K=this.valueOf(j.m_.disclaimer),T=this.valueOf(j.m_.surtitle),B=this.valueOf(j.m_.blueEyebrow),F=(0,S.Label)({label:this.block.getFieldValue(j.m_.playLabel)}),I=(0,S.Label)({label:this.block.getFieldValue(j.m_.closeLabel)}),H=(0,S.Label)({label:this.block.getFieldValue(j.m_.pauseLabel)}),z=(0,S.Label)({label:this.block.getFieldValue(j.m_.resetLabel)}),W=(0,S.Label)({label:this.block.getFieldValue(j.m_.openTranscriptLabel)}),Z=(0,S.Label)({label:this.block.getFieldValue(j.m_.closeTranscriptLabel)}),Y=R===j.m_.whiteHexThreeChars||R===j.m_.whiteHexFull||R===j.m_.white,$=this.valueOf(j.m_.contentOptions),ee=this.valueOf(j.m_.playIcon),ei=this.valueOf(j.m_.textImage),et=this.valueOf(j.m_.gaEventLabel),en=(null==d?void 0:d.textContainerBackgroundColor)?null==d?void 0:d.textContainerBackgroundColor:null,eo=1;if((null==d?void 0:d.textContainerBackgroundOpacity)&&(eo=null==d?void 0:d.textContainerBackgroundOpacity),en){var el=(0,P.DG)(en);e="rgba(".concat(el.red,", ").concat(el.green,", ").concat(el.blue,", ").concat(eo,")")}var ea=function(){var e="6";return n.props.isMedium||(e="10"),e},es=this.state.selectedVideo;return(0,N.jsxs)("section",{className:a,id:(0,P.Yt)(p),style:{backgroundColor:w,marginTop:d.blockMarginTop?d.blockMarginTop:null,marginBottom:d.blockMarginBottom?d.blockMarginBottom:null,marginRight:d.blockMarginRight?d.blockMarginRight:null,marginLeft:d.blockMarginLeft?d.blockMarginLeft:null},children:[f&&(0,N.jsx)(G,{whiteText:u,tag:"h".concat(g),className:"ob-display-2-xl",styles:{width:d.titleWidth||null},children:f}),m?(0,N.jsx)(k.Z,{offset:200,children:(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)(E,{image:y,children:[(0,N.jsx)(O.h,{onEnter:this._handleWaypointEnter}),(0,N.jsxs)("div",{className:"ob-videoContent-wrapper ".concat(d.textContainerHorizontalAlignment&&"horizontal-".concat(d.textContainerHorizontalAlignment)," ").concat(d.textContainerVerticalAlignment&&"vertical-".concat(d.textContainerVerticalAlignment)," "),style:{padding:d.blockPadding?d.blockPadding:null},children:[d.mainAsset&&(0,N.jsx)("div",{className:"ob-videoContent-mainAsset-container ".concat(d.mainAssetHorizontalAlignment&&"horizontal-".concat(d.mainAssetHorizontalAlignment)," ").concat(d.mainAssetVerticalAlignment&&"vertical-".concat(d.mainAssetVerticalAlignment)),children:(0,N.jsx)(E,{scale:d.mainAssetScale,image:d.mainAsset,offsetBottom:d.mainAssetOffsetBottom?d.mainAssetOffsetBottom:null,offsetTop:d.mainAssetOffsetTop?d.mainAssetOffsetTop:null,offsetLeft:d.mainAssetOffsetLeft?d.mainAssetOffsetLeft:null,offsetRight:d.mainAssetOffsetRight?d.mainAssetOffsetRight:null})}),(0,N.jsxs)("div",{className:"ob-videoContent-textContainer",ref:this.videoBlockRef,style:{marginTop:d.textContainerOffset?d.textContainerOffset:_,marginBottom:
1d.textContainerMarginBottom?d.textContainerMarginBottom:V,marginLeft:d.textContainerMarginLeft?d.textContainerMarginLeft:null,marginRight:d.textContainerMarginRight?d.textContainerMarginRight:null,backgroundColor:e||null,textAlign:d.textAlign?d.textAlign:null,width:d.textContainerWidth?d.textContainerWidth:null},children:[(0,N.jsxs)("div",{className:"ob-videoContent-text",children:[T&&(0,N.jsx)("p",{className:"ob-eyebrow","data-white-text":u,"data-blue-text":B,dangerouslySetInnerHTML:{__html:b().sanitize(this.valueOf(j.m_.surtitle))}}),(0,N.jsx)(G,{whiteText:u,tag:"h".concat(g),className:"ob-display-2-xl",styles:{width:d.titleWidth?d.titleWidth:null},children:v}),(0,N.jsx)(q,{whiteText:u,styles:{width:d.descriptionWidth?d.descriptionWidth:null},children:this.valueOf(j.m_.description)})]}),(0,N.jsx)("div",{className:"ob-videoContent-button-container",children:(0,N.jsx)("button",{onClick:this.openModal,className:"event_button_click ob-videoContent-button ".concat(Y?"ob-videoContent-button--whitePlayIcon":""),"data-action-detail":L.k.openVideoText,"aria-label":"".concat(F," ").concat(v),children:(0,N.jsx)(D,{name:j.m_.play,color:R,viewBox:31.4,size:ea()})})})]}),K&&(0,N.jsx)("div",{className:"ob-videoContent-disclaimer",style:{width:d.textContainerWidth?d.textContainerWidth:null,textAlign:d.textAlign?d.textAlign:null},children:(0,N.jsx)(U,{whiteText:u,document:K})})]})]})})}):(0,N.jsx)(C.Suspense,{fallback:r,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.h,{onEnter:this._handleWaypointEnter}),(0,N.jsxs)("div",{className:"ob-videoContent-wrapper ".concat(d.textContainerHorizontalAlignment&&"horizontal-".concat(d.textContainerHorizontalAlignment)," ").concat(d.textContainerVerticalAlignment&&"vertical-".concat(d.textContainerVerticalAlignment)," "),style:{padding:d.blockPadding?d.blockPadding:null},children:[(0,N.jsx)("div",{className:"ob-videoContent-textContainer",ref:this.videoBlockRef,style:{marginTop:d.textContainerOffset?d.textContainerOffset:_,marginBottom:d.textContainerMarginBottom?d.textContainerMarginBottom:V,marginLeft:d.textContainerMarginLeft?d.textContainerMarginLeft:null,marginRight:d.textContainerMarginRight?d.textContainerMarginRight:null,backgroundColor:e||null,textAlign:d.textAlign?d.textAlign:null,width:d.textContainerWidth?d.textContainerWidth:null},children:(0,N.jsxs)("div",{className:"ob-videoContent-text",children:[ei&&(0,N.jsx)("div",{className:"ob-videoContent__text-image",children:(0,N.jsx)(E,{image:ei})}),T&&(0,N.jsx)("p",{className:"ob-eyebrow","data-white-text":u,"data-blue-text":B,dangerouslySetInnerHTML:{__html:b().sanitize(this.valueOf(j.m_.surtitle))}}),(0,N.jsx)(G,{whiteText:u,tag:"h".concat(g),className:"ob-display-2-xl",styles:{width:d.titleWidth?d.titleWidth:null},children:v}),(0,N.jsx)(q,{whiteText:u,styles:{width:d.descriptionWidth?d.descriptionWidth:null},children:this.valueOf(j.m_.description)}),$&&(0,N.jsx)("div",{className:"post-purchase-video-section__options",children:$.map(function(e){var i=null==e?void 0:e.fields;return(0,N.jsxs)("div",{className:"post-purchase-video-section__option",children:[(null==i?void 0:i.displayPlayIcon)&&(null==i?void 0:i.icon)?(0,N.jsx)(E,{className:"post-purchase-video-section__icon",image:null==i?void 0:i.icon,children:ee&&(0,N.jsx)("button",{onClick:function(e){e.preventDefault(),n.openVideoModal(null==i?void 0:i.video)},className:"event_button_click post-purchase-video-section__play-icon","data-action-detail":L.k.openVideoText,"aria-label":F,children:(0,N.jsx)(E,{image:ee})})}):(0,N.jsx)("a",{href:null==i?void 0:i.ctaUrl,children:(0,N.jsx)(E,{className:"post-purchase-video-section__icon img_section",image:null==i?void 0:i.icon})}),(null==i?void 0:i.title)&&(0,N.jsx)("p",{className:"post-purchase-video-section__title",style:{width:"".concat(null==i?void 0:i.titleWidthMobile,"%")},children:null==i?void 0:i.title}),(null==i?void 0:i.description)&&(0,N.jsx)("p",{className:"post-purchase-video-section__description",children:null==i?void 0:i.description})]},null==i?void 0:i.name)})})]})}),s&&(0,N.jsxs)("div",{className:"ob-videoContent-image",style:{width:d.mainAssetMaxWidth?d.mainAssetMaxWidth:null,height:d.mainAssetHeight?d.mainAssetHeight:null,maxHeight:d.mainAssetMaxHeight?d.mainAssetMaxHeight:null,marginRight:d.mainAssetOffsetRight?d.mainAssetOffsetRight:null,marginLeft:d.mainAssetOffsetLeft?d.mainAssetOffsetLeft:null,marginTop:d.mainAssetOffsetTop?d.mainAssetOffsetTop:null,marginBottom:
1d.mainAssetOffsetBottom?d.mainAssetOffsetBottom:null},children:[M?(0,N.jsxs)("div",{className:"ob-autoplay-video",children:[(0,N.jsx)(X.default,{ref:this.videoPlayerRef,video:x,onVideoPlaying:this.handleVideoEvent}),(0,N.jsxs)("div",{className:"ob-autoplay-video-controls",children:[(0,N.jsx)("button",{onClick:this.handlePlayClick,"aria-label":this.state.isPlaying?H:F,style:{color:[R],outlineColor:[R],height:"2.3rem",position:"absolute",bottom:"0.5rem",left:"2.3rem",zIndex:"10"},className:"event_video_play ob-video-player-button","data-action-detail":this.state.isPlaying?j.sF.paused:j.sF.played,children:this.state.isPlaying?(0,N.jsx)(D,{name:j.sF.spotlightPause,color:R,size:"1.4"}):(0,N.jsx)(D,{name:j.sF.spotlightPlay,color:R,size:"1.6"})}),(0,N.jsx)("button",{onClick:this.handleResetClick,"aria-label":z,className:"ob-video-player-button ob-video-reset-button",style:{color:[R],outlineColor:[R],position:"absolute",height:"2.3rem",bottom:"0.5rem",left:"4.8rem",zIndex:"10"},children:(0,N.jsx)(D,{name:j.sF.spotlightReplay,color:R,size:"1.7"})}),x&&x.transcript&&(0,N.jsx)("button",{onClick:this.openModal,"aria-label":this.state.isPlaying?I:W,className:"ob-video-player-button ob-video-show-transcript",style:{color:[R],outlineColor:[R],position:"absolute",height:"2.3rem",bottom:"0.4rem",left:"7.8rem",zIndex:"10"},children:(0,N.jsx)(D,{name:j.sF.spotlightTranscript,color:R,size:"1.3"})})]})]}):(0,N.jsx)(E,{image:y}),!M&&(0,N.jsx)("button",{onClick:this.openModal,className:"event_video_play ob-videoContent-button ".concat(Y?"ob-videoContent-button--whitePlayIcon":""),"data-action-detail":et||L.k.openVideoText,"aria-label":"".concat(F," ").concat(v),children:(0,N.jsx)(D,{name:j.m_.play,viewBox:31.4,color:R,size:ea()})})]}),K&&(0,N.jsx)("div",{className:"ob-videoContent-disclaimer",style:{width:d.textContainerWidth?d.textContainerWidth:null,textAlign:d.textAlign?d.textAlign:null},children:(0,N.jsx)(U,{whiteText:u,document:K})})]}),!s&&(0,N.jsxs)("div",{className:"ob-videoContent-image",style:{width:d.mainAssetMaxWidth?d.mainAssetMaxWidth:null,height:d.mainAssetHeight?d.mainAssetHeight:null,maxHeight:d.mainAssetMaxHeight?d.mainAssetMaxHeight:null,marginRight:d.mainAssetOffsetRight?d.mainAssetOffsetRight:null,marginLeft:d.mainAssetOffsetLeft?d.mainAssetOffsetLeft:null,marginTop:d.mainAssetOffsetTop?d.mainAssetOffsetTop:null,marginBottom:d.mainAssetOffsetBottom?d.mainAssetOffsetBottom:null},children:[M?(0,N.jsxs)("div",{className:"ob-autoplay-video",children:[(0,N.jsx)(X.default,{ref:this.videoPlayerRef,video:x,onVideoPlaying:this.handleVideoEvent}),(0,N.jsxs)("div",{className:"ob-autoplay-video-controls",children:[(0,N.jsx)("button",{onClick:this.handlePlayClick,"aria-label":this.state.isPlaying?H:F,style:{color:[R],outlineColor:[R],height:"2.3rem",position:"absolute",bottom:"0.5rem",left:"2.3rem",zIndex:"10"},className:"event_video_play ob-video-player-button","data-action-detail":this.state.isPlaying?j.sF.paused:j.sF.played,children:this.state.isPlaying?(0,N.jsx)(D,{name:j.sF.spotlightPause,color:R,size:"1.4"}):(0,N.jsx)(D,{name:j.sF.spotlightPlay,color:R,size:"1.6"})}),(0,N.jsx)("button",{onClick:this.handleResetClick,"aria-label":z,className:"ob-video-player-button ob-video-reset-button",style:{color:[R],outlineColor:[R],position:"absolute",height:"2.3rem",bottom:"0.5rem",left:"4.8rem",zIndex:"10"},children:(0,N.jsx)(D,{name:j.sF.spotlightReplay,color:R,size:"1.7"})}),x&&x.transcript&&(0,N.jsx)("button",{onClick:this.openModal,"aria-label":W,className:"ob-video-player-button ob-video-show-transcript",style:{color:[R],outlineColor:[R],position:"absolute",height:"2.3rem",bottom:"0.4rem",left:"7.8rem",zIndex:"10"},children:(0,N.jsx)(D,{name:j.sF.spotlightTranscript,color:R,size:"1.3"})})]})]}):(0,N.jsx)(E,{image:y}),!$&&!M&&(0,N.jsx)("button",{onClick:this.openModal,className:"event_video_play ob-videoContent-button ".concat(Y?"ob-videoContent-button--whitePlayIcon":""),"data-action-detail":et||L.k.openVideoText,"aria-label":"".concat(F," ").concat(v),children:ee?(0,N.jsx)(E,{image:ee}):(0,N.jsx)(D,{name:j.m_.play,viewBox:31.4,color:R,size:ea()})})]})]})}),!M&&$&&es&&(0,N.jsxs)(A(),{isOpen:this.state.modalIsOpen,onAfterOpen:this.afterOpenModal.bind(this),onRequestClose:this.closeModal.bind(this),closeTimeoutMS:250,style:J,overlayClassName:"event_button_click",contentLabel:(null==es?void 0:es.transcript)?null==es?void 0:es.transcript:(0,P.Vt)(this.valueOf(j.m_.title)),overlayRef:function(e){return n.modalOverlayRef=e},ref:this.modalRef,portalClassName:"ob-video-modal-portal",children:[this.renderVideo(es),(0,N.jsx)("button",{className:"event_close_window ob-modal-close post-purchase-video-close",onClick:this.closeModal,"aria-label":Z,children:(0,N.jsx)(D,{name:j.m_.close,size:"2.4",color:"#FFFFFF"})})]}),!M&&!$&&(0,N.jsxs)(A(),{isOpen:this.state.modalIsOpen,onAfterOpen:this.afterOpenModal.bind(this),onRequestClose:this.closeModal.bind(this),closeTimeoutMS:250,style:J,overlayClassName:"event_button_click",contentLabel:(null==x?void 0:x.transcript)?null==x?void 0:x.transcript:(0,P.Vt)(this.valueOf(j.m_.title)),overlayRef:function(e){return n.modalOverlayRef=e},ref:this.modalRef,portalClassName:"ob-video-modal-portal",children:[x&&this.renderVideo(x),(0,N.jsx)("button",{className:"event_close_window ob-modal-close",onClick:this.closeModal,"aria-label":Z,children:(0,N.jsx)(D,{name:j.m_.close,size:"2.4",color:"#FFFFFF"})})]}),M&&!$&&x&&x.transcript&&(0,N.jsxs)(A(),{isOpen:this.state.modalIsOpen,onAfterOpen:this.afterOpenModal.bind(this),onRequestClose:this.closeModal.bind(this),closeTimeoutMS:250,style:Q,overlayClassName:"event_button_click",contentLabel:(null==x?void 0:x.transcript)?null==x?void 0:x.transcript:(0,P.Vt)(this.valueOf(j.m_.title)),overlayRef:function(e){return n.modalOverlayRef=e},ref:this.modalRef,portalClassName:"ob-video-modal-portal",children:[(0,N.jsx)("button",{className:"event_close_window ob-modal-close no-shadow",onClick:this.closeModal,"aria-label":I,children:(0,N.jsx)(D,{name:j.m_.close,size:"2",color:"#0057B8"})}),null==x?void 0:x.transcript]})]})}}]),n}(C.Component),$=(0,R.Ui)(Y),ee=Y}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.