https://www.oralb.co.uk/_next/static/chunks/4875.9d5c17b114cd6cec.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4875],{84875:function(t,i,s){s.r(i);var e=s(23322),a=s.n(e),n=s(16089),o=s.n(n),r=s(55667),l=s.n(r),p=s(81961),h=s.n(p),u=s(67731),c=s.n(u),g=s(5152),d=s.n(g),m=s(67294),f=s(67411),x=s(99094),C=s(12038),A=s(7872),X=s(25511),v=s(85893),M=d()(function(){return s.e(8184).then(s.bind(s,59901))},{loadableGenerated:{webpack:function(){return[59901]}}}),L=d()(function(){return Promise.resolve().then(s.bind(s,50831))},{loadableGenerated:{webpack:function(){return[50831]}}}),b=d()(function(){return s.e(4641).then(s.bind(s,4641))},{loadableGenerated:{webpack:function(){return[4641]}}}),S=d()(function(){return Promise.resolve().then(s.bind(s,23226))},{loadableGenerated:{webpack:function(){return[23226]}}}),k=function(t){l()(e,t);var i,s=(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(t){return!1}}(),function(){var t,s=c()(e);return t=i?Reflect.construct(s,arguments,c()(this).constructor):s.apply(this,arguments),h()(this,t)});function e(t){var i;return a()(this,e),(i=s.call(this,t)).pressLogo=void 0,i.quote=void 0,i.starRating=void 0,i.animationGifAsset=void 0,i.textContainerBackgroundColor=void 0,i.textContainerHasPadding=void 0,i.isWhiteText=void 0,i.ariaLabel=void 0,i.availableConfigurations=void 0,i.isBlueBorder=void 0,i.pressLogo=i.valueOf(x.CR.pressLogo),i.quote=i.valueOf(x.CR.quote),i.starRating=parseFloat(i.valueOf(x.CR.starRating))||0,i.animationGifAsset=i.valueOf(x.CR.animationGifAsset),i.textContainerBackgroundColor=null,i.textContainerHasPadding=i.valueOf(x.Kd.textContainerHasPadding),i.isWhiteText=!1,i.ariaLabel=i.valueOf(x.CR.ariaLabel),i.availableConfigurations=i.valueOf(x.Kd.deviceConfigurations).map(function(t){return t.fields.deviceType}),i.state={currentIndex:0,show:""},i}return o()(e,[{key:"valueOf",value:function(t){var i=void 0;return t&&this.props.quote&&this.props.quote.fields&&void 0!==this.props.quote.fields[t]&&(i=this.props.quote.fields[t]),i}},{key:"generateContentblockState",value:function(){return{availableConfigurations:this.valueOf(x.Kd.deviceConfigurations).map(function(t){return t.fields.deviceType}),blockMinHeight:this.configurationValue(x.Kd.blockMinHeight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),blockMarginTop:this.configurationValue(x.Kd.blockMarginTop,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),blockMarginBottom:this.configurationValue(x.Kd.blockMarginBottom,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),blockMarginRight:this.configurationValue(x.Kd.blockMarginRight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),blockMarginLeft:this.configurationValue(x.Kd.blockMarginLeft,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textAlign:this.configurationValue(x.Kd.textAlign,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerWidth:this.configurationValue(x.Kd.textContainerWidth,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),titleWidth:this.configurationValue(x.Kd.titleWidth,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),descriptionWidth:this.configurationValue(x.Kd.descriptionWidth,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerHorizontalAlignment:this.configurationValue(x.Kd.textContainerHorizontalAlignment,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerVerticalAlignment:this.configurationValue(x.Kd.textContainerVerticalAlignment,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerOffset:this.configurationValue(x.Kd.textContainerOffset,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerMarginRight:this.configurationValue(x.Kd.textContainerMarginRight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerMarginLeft:this.configurationValue(x.Kd.textContainerMarginLeft,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textContainerMarginBottom:this.configurationValue(x.Kd.textContainerMarginBottom,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAsset:this.configurationValue(x.Kd.mainAsset,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),mainAssetMaxWidth:this.configurationValue(x.Kd.mainAssetMaxWidth,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetMaxHeight:this.configurationValue(x.Kd.mainAssetMaxHeight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetHeight:this.configurationValue(x.Kd.mainAssetHeight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetOffsetTop:this.configurationValue(x.Kd.mainAssetMarginTop,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetOffsetRight:this.configurationValue(x.Kd.mainAssetMarginRight,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetOffsetBottom:this.configurationValue(x.Kd.mainAssetOffsetBottom,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetOffsetLeft:this.configurationValue(x.Kd.mainAssetOffsetLeft,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetScale:this.configurationValue(x.Kd.mainAssetScale,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),backgroundAsset:this.configurationValue(x.Kd.backgroundAsset,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),mainAssetHorizontalAlignment:this.configurationValue(x.Kd.mainAssetHorizontalAlignment,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),mainAssetVerticalAlignment:this.configurationValue(x.Kd.mainAssetVerticalAlignment,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),backgroundPosition:this.configurationValue(x.Kd.backgroundPosition,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),sectionOffsetTop:this.configurationValue(x.Kd.sectionOffsetTop,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetParallax:this.configurationValue(x.Kd.mainAssetParallax,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),mainAssetParallaxSetting:this.configurationValue(x.Kd.mainAssetParallaxSetting,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textParallax:this.configurationValue(x.Kd.textParallax,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textParallaxSetting:this.configurationValue(x.Kd.textParallaxSetting,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textParallaxConfiguration:this.configurationValue(x.Kd.textParallaxConfiguration,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),assetParallaxConfiguration:this.configurationValue(x.Kd.assetParallaxConfiguration,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textShowAnimation:this.configurationValue(x.Kd.textShowAnimation,this.props.isMedium,this.props.isXSmall,this.props.isXLarge,""),textFadeIn:this.configurationBooleanValue(x.Kd.textFadeIn,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),textColor:this.configurationBooleanValue(x.Kd.textColor,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),respectImageAspectRatio:this.configurationBooleanValue(x.Kd.respectImageAspectRatio,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),textContainerBackgroun

1dColor:this.configurationValue(x.Kd.textContainerBackgroundColor,this.props.isMedium,this.props.isXSmall,this.props.isXLarge),textContainerBackgroundOpacity:this.configurationValue(x.Kd.textContainerBackgroundOpacity,this.props.isMedium,this.props.isXSmall,this.props.isXLarge)}}},{key:"configurationValue",value:function(t,i,s,e){var a=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return(0,C.M)(this.availableConfigurations,this.valueOf(x.Kd.deviceConfigurations),t,i||!1,s||!1,e||!1,a)}},{key:"configurationBooleanValue",value:function(t,i,s,e){var a=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return(0,C.l)(this.availableConfigurations,this.valueOf(x.Kd.deviceConfigurations),t,i||!1,s||!1,e||!1,a)}},{key:"_handleWaypointEnter",value:function(){this.showContentElement()}},{key:"showContentElement",value:function(){this.setState({show:"show"})}},{key:"render",value:function(){var t=this.generateContentblockState();this.isWhiteText=t.textColor===x.Kd.White;var i=1;if(t.textContainerBackgroundOpacity&&(i=t.textContainerBackgroundOpacity),t.textContainerBackgroundColor){var s=(0,A.DG)(t.textContainerBackgroundColor);this.textContainerBackgroundColor="rgba(".concat(s.red,", ").concat(s.green,", ").concat(s.blue,", ").concat(i,")")}var e=this.valueOf(x.Kd.ctaBackgroundColor);return(0,v.jsx)("section",{className:"ob-pressQuoteItem content ".concat(t.textShowAnimation," ").concat(t.backgroundAsset?"":"no-background"),"data-respectimageaspectratio":t.respectImageAspectRatio,children:(0,v.jsx)(b,{backgroundAsset:t.backgroundAsset,sectionOffsetTop:t.sectionOffsetTop,backgroundPosition:t.backgroundPosition,children:(0,v.jsxs)("div",{className:"ob-pressQuoteItem-wrapper ".concat(this.state.show),children:[!1!==t.textFadeIn&&(0,v.jsx)(f.h,{onEnter:this._handleWaypointEnter.bind(this)}),(0,v.jsx)("div",{className:"ob-pressQuoteItem-textContent ".concat(t.textContainerHorizontalAlignment&&"horizontal-".concat(t.textContainerHorizontalAlignment)," ").concat(t.textContainerVerticalAlignment&&"vertical-".concat(t.textContainerVerticalAlignment)," "),children:(0,v.jsxs)("div",{className:"ob-pressQuoteItem-textContent-inner".concat(this.textContainerHasPadding?"hasPadding":""," "),style:{marginTop:t.textContainerOffset?t.textContainerOffset:null,marginBottom:t.textContainerMarginBottom?t.textContainerMarginBottom:null,marginLeft:t.textContainerMarginLeft?t.textContainerMarginLeft:null,marginRight:t.textContainerMarginRight?t.textContainerMarginRight:null,backgroundColor:this.textContainerBackgroundColor?this.textContainerBackgroundColor:void 0,textAlign:t.textAlign?t.textAlign:null,width:t.textContainerWidth?t.textContainerWidth:null},children:[(0,v.jsx)("div",{className:"ob-pressQuoteItem-text-image",children:(0,v.jsx)(S,{image:this.pressLogo})}),this.starRating&&this.starRating>0?(0,v.jsx)("div",{className:"ob-pressQuoteItem-reviewStars ".concat(this.starRating),children:(0,v.jsx)(X.default,{ratingNumber:this.starRating,smallSize:2,mediumSize:2,largeSize:2})}):null,(0,v.jsx)(M,{whiteText:this.isWhiteText,styles:{width:t.descriptionWidth?t.descriptionWidth:null},children:this.quote}),(0,v.jsx)("div",{className:"ob-pressQuoteItem-textContent-obLink-container",children:(0,v.jsx)(L,{whiteTheme:!this.isWhiteText||e===x.Kd.white||e===x.Kd.White,borderTheme:!this.isWhiteText&&this.isBlueBorder||e===x.CR.transparentWithBorders,borderThemeBlue:!this.isWhiteText&&this.isBlueBorder&&e===x.CR.transparentWithBorders,invertedTheme:this.isWhiteText&&e===x.CR.transparentWithBorders,tag:"a",className:"event_external_link",dataActionDetail:this.valueOf(x.CR.callToActionLink),"aria-label":this.ariaLabel?"".concat(this.ariaLabel):"".concat(this.valueOf(x.CR.callToActionLabel)),title:this.ariaLabel?"".concat(this.ariaLabel):"".concat(this.valueOf(x.CR.callToActionLabel)),href:this.valueOf(x.CR.callToActionLink),children:this.valueOf(x.CR.callToActionLabel)})})]})}),t.mainAsset&&(0,v.jsx)("div",{className:"ob-pressQuoteItem-mainAsset-container",style:{width:t.mainAssetMaxWidth?t.mainAssetMaxWidth:null,height:t.mainAssetHeight?t.mainAssetHeight:null,maxHeight:t.mainAssetMaxHeight?t.mainAssetMaxHeight:null,marginRight:t.mainAssetOffsetRight?t.mainAssetOffsetRight:null,marginLeft:t.mainAssetOffsetLeft?t.mainAssetOffsetLeft:null,marginTop:t.mainAssetOffsetTop?t.mainAssetOffsetTop:null,marginBottom:t.mainAssetOffsetBottom?t.mainAssetOffsetBottom:null},children:(0,v.jsxs)("div",{style:{position:"relative",height:"100%"},children:[(0,v.jsx)(S,{scale:t.mainAssetScale,image:t.mainAsset,className:" ".concat(t.mainAssetHorizontalAlignment&&"horizontal-".concat(t.mainAssetHorizontalAlignment)," ").concat(t.mainAssetVerticalAlignment&&"vertical-".concat(t.mainAssetVerticalAlignment)," ")}),this.animationGifAsset&&(0,v.jsx)("div",{className:"ob-pressQuoteItem-gifAnimation",children:(0,v.jsx)(S,{image:this.animationGifAsset})})]})})]})})})}}]),e}(m.Component);i.default=k}}]);