https://www.bang-olufsen.com/_next/static/chunks/pages/[language]/[country]/compare-73956da495e41528.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1903],{29264:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return we}});var n=r(55732),o=r(11246),a=r(43350),i=r(80040),c=r(59307),l=r(48415),s=r(73667),u=r(3117),d=r(90849),m=r(34707),p=r.n(m),f=r(27378),g=r(86677),h=r.n(g),y=r(34051),v="COMPARE_PAGE_DATA_SUCCESS",x="GET_COMPARE_PAGE_DATA",b="GET_COMPARE_PRODUCT",C="GET_COMPARE_PRODUCT_SUCCESS";function P(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<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){(0,d.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=function(e,t){return e.set("comparePageData",(0,y.fromJS)(t.data))},I=function(e,t){var r=t.data,n=r.comparisonItems,o=r.tags,a={};o&&o.map((function(e){e.key&&(a[e.key]=[])})),n.forEach((function(e){var t=e.tags;t&&t.forEach((function(t){a&&a[t.key]&&a[t.key].push(e)}))})),a.viewAll=n;var i=w(w({},e.get("filteredProductData")?e.get("filteredProductData").toJS():{}),{},(0,d.Z)({},r.slug,w(w({},r),{},{filteredProducts:a})));return e.set("filteredProductData",(0,y.fromJS)(i))},S=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,y.fromJS)({}),t=arguments.length>1?arguments[1]:void 0;switch(t.type){case v:return k(e,t);case C:return I(e,t);default:return e}},Z=r(22278),j=function(e){return{type:v,data:e}},O=[function(e){return{type:x,data:e}}],L=r(14334),D=r(65508),N=r(90888),_=p().mark(z),T=p().mark(A),E=p().mark(R);function z(e){var t;return p().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,(0,Z.RE)(L.Z.fetch,"".concat(D.Y.productComparison,"/categories"),e);case 3:if(!(t=r.sent)){r.next=7;break}return r.next=7,(0,Z.gz)(j(t));case 7:r.next=13;break;case 9:return r.prev=9,r.t0=r.catch(0),r.next=13,(0,Z.gz)((0,N.PU)(r.t0));case 13:case"end":return r.stop()}}),_,null,[[0,9]])}function A(e){var t,r,n,o;return p().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t=e&&e.data,r=t.slug,a.prev=1,a.next=4,(0,Z.RE)(L.Z.fetch,"".concat(D.Y.productComparison,"/category/").concat(r),e);case 4:return o=a.sent,a.next=7,(0,Z.gz)((i=null===o||void 0===o||null===(n=o.categories)||void 0===n?void 0:n[0],{type:C,data:i}));case 7:a.next=13;break;case 9:return a.prev=9,a.t0=a.catch(1),a.next=13,(0,Z.gz)((0,N.PU)(a.t0));case 13:case"end":return a.stop()}var i}),T,null,[[1,9]])}function R(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,Z.Fm)(x,z);case 3:return e.next=5,(0,Z.Fm)(b,A);case 5:e.next=11;break;case 7:return e.prev=7,e.t0=e.catch(0),e.next=11,(0,Z.gz)((0,N.PU)(e.t0));case 11:case"end":return e.stop()}}),E,null,[[0,7]])}var Q=r(86107),B=r(62557),M=r(41408),G=r(83030),H=M.ZP.div.withConfig({componentId:"jokdkj-0"})([".comparePageTitle{.m-categoryTitle__wrapper{padding-top:0;padding-bottom:30px;@media ","{padding-bottom:18px;}}.container-fluid{padding-left:0;padding-right:0;}}.o-productListing{margin-bottom:30px;@media ","{margin-bottom:60px;}&.a-container{padding:0;}}.filterContainer{padding:0;}.filterwrap{@media ","{border-top:",";border-bottom:",";margin:30px 0;}&.sticky{position:fixed;width:100%;top:0;left:0;background:white;z-index:1;padding:0 16px;@media ","{margin-top:",";}}}.comparePageFilter_wrapper{justify-content:space-between;max-width:",";margin:0 auto;button{color:",";text-transform:uppercase;font-size:",";font-weight:",";letter-spacing:2px;}@media ","{min-height:40px;display:flex;}&.sticky{@media ","{padding:0 16px;}}}.comparePage_filterTabs{overflow:hidden;margin:0;transition:max-height "," ",";@media ","{display:-webkit-box;overflow:visible;ul{z-index:1;margin-top:30px;}}@media ","{padding:8px 0;border-bottom:",";ul{position:relative;background:",";border:none;z-index:1;}li{border-top:1px solid ",";}}&.category{display:flex;flex-direction:column;}}.a-filterTab__anchor{position:relative;display:block;height:100%;width:100%;padding:13px 0 12px;margin:0;letter-spacing:2px;text-align:left;text-decoration:none;border-top:1px solid ",";cursor:pointer;font-size:",";color:",";@media ","{border:none;word-break:break-word;width:auto;display:flex;align-items:center;padding-left:0.5em;padding-right:0.5em;}&::before,&::after{content:'';display:none;height:2px;width:100%;

1transform:scaleX(0);position:absolute;bottom:-1px;left:0;background-color:",";@media ","{display:block;}}&::before{transition:transform "," ",";transform-origin:left;}&::after{transition:transform "," ",";transform-origin:right;}&:hover,&:active,&:focus{color:",";&::before{transform:scaleX(1);}}&.-active{color:",";&::after{transition:transform 0s;transform:scaleX(1);}}}.filterTab{display:block;&.desktop{display:none;@media ","{padding:0;}@media ","{display:flex;flex:0 0 auto;justify-content:center;height:100%;width:auto;align-items:center;transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1) 0s;&:first-child{justify-content:flex-start;.a-filterTab__anchor{padding-left:0;}}}}@media ","{padding:0;}@media ","{display:flex;flex:0 0 auto;justify-content:center;height:100%;width:auto;align-items:center;padding-left:17px;transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1) 0s;&:first-child{justify-content:flex-start;padding-left:0;.a-filterTab__anchor{padding-left:0;}}}}"],(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.borders.tertiary}),(function(e){return e.theme.borders.tertiary}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return"calc(100px + ".concat(function(e){return e.totBannerHeight||0}(e),"px)")}),(function(e){return e.theme.sizes.gridMaxWidth}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.quinary)}),(function(e){return e.theme.fonts.fontWeight.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.duration.normal}),(function(e){return e.theme.easing.easeOutQuart}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.borders.tertiary}),(function(e){return e.theme.colors.WHITE}),(function(e){return e.theme.colors.GREY2}),(function(e){return e.theme.colors.GREY2}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.quaternary)}),(function(e){return e.theme.colors.GREY5}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.duration.normal}),(function(e){return e.theme.easing.easeOutQuart}),(function(e){return e.theme.duration.normal}),(function(e){return e.theme.easing.easeOutQuart}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium})),F=r(71377),W=r(71250),q=r(21318),Y=r(74118),K=r(5047),J=r(44285),U=r(60042),X=r.n(U),V=(0,M.iv)([".m-filteredCategories{@media ","{margin-top:30px;}}.o-productListing{&.-use-margin{margin-top:0;}@media ","{padding:30px 0;}.o-productListing__list{> li{opacity:1;@media ","{min-width:50%;padding:6px;}@media ","{padding:12px;}}}.m-productCard{display:block;position:relative;height:100%;& > div{height:100%;}.-categoryIcon{position:absolute;top:25px;right:-20px;width:100%;height:30px;fill:none;stroke:",";stroke-width:1.6;@media ","{top:0;right:-8px;width:100%;height:20px;}}}}.stickyTop{position:fixed;}.m-productCard__link{position:relative;display:block;padding-top:10px;align-items:center;justify-content:center;width:100%;height:100%;background:",";flex-direction:column;@media ","{&::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;transition:opacity "," ease-in-out;}&:hover,&:active,&:focus{&::before{opacity:1;}}}.checkbox-tick{background-color:",";position:absolute;height:20px;width:20px;margin:0 0 0 12px;}.checkbox{font-size:"," !important;}.label-field{color:",";margin-left:32px;padding-left:8px;font-size:",";}}.m-productCardImages{position:relative;width:100%;margin-bottom:10px;transition:opacity "," ease-in-out;padding-top:4px;@media ","{margin-bottom:20px;}img{display:block;width:100%;max-width:166px;margin:0 auto;@media ","{width:80%;max-width:190px;}}}.checkbox-tick{background-color:",";padding:0 18px 0 0;margin:0;margin-left:12px;}.checkbox{font-size:"," !important;}.label-field{color:",";margin-left:2px;font-size:",";@media ","{margin-left:5px;}}.m-productCardContent{padding:0 8px 20px;text-align:center;.h5{text-transform:uppercase;font-size:",";}@media ","{padding:0 20px 20px;}}.m-productListItem{@media ","{min-height:240px;}@media ","{min-height:300px;}@media ","{min-height:300px;}}

1"],(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.colors.GREY1}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.duration.fast}),(function(e){return e.theme.colors.WHITE}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.large.primary)}),(function(e){return e.theme.colors.GREY1}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.tertiary)}),(function(e){return e.theme.duration.fast}),(function(e){return e.theme.mediaQuery.large}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.colors.WHITE}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.large.primary)}),(function(e){return e.theme.colors.GREY5}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.tertiary)}),(function(e){return e.theme.mediaQuery.small}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.quaternary)}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.large})),$=r(34869),ee=r(31357),te=r(78962),re=r(18307),ne=r(24246);function oe(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(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}}();return function(){var r,n=(0,u.Z)(e);if(t){var o=(0,u.Z)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,s.Z)(this,r)}}var ae=function(e){(0,l.Z)(r,e);var t=oe(r);function r(){var e;(0,a.Z)(this,r);for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return e=t.call.apply(t,[this].concat(o)),(0,d.Z)((0,c.Z)(e),"onCheckboxSelect",(function(t,r){var n=e.props,o=n.addToComparison,a=n.selectedItems;if(t.target.checked)o([].concat((0,J.Z)(a),[r]),r);else{var i=a.filter((function(e){return e.get("slug")!==r.get("slug")}));o((0,J.Z)(i),r)}})),(0,d.Z)((0,c.Z)(e),"renderProductListItem",(function(t){var r=e.props,n=r.cmsLabelsGlobal,o=r.selectedItems,a=r.compareLabels,i=r.hidePriceForCountries,c=r.homeCountryCookie,l=r.fromPriceLabelOnRightEnabled,s=t&&t.get("name"),u=t&&t.getIn(["comparisonItemMediaItem","media"]),d=t&&t.get("productPrice"),m=t&&t.get("showFromPrice"),p=n&&n.get("startingFromLabel"),f=a&&a.get("selectLabel"),g=a&&a.get("selectedLabel"),h=o&&o.find((function(e){return e.get("name")===t.get("name")})),y=(0,W.CQ)(c,i);return(0,ne.jsx)("div",{className:"productCard m-productCard__link -categoryIcon",children:(0,ne.jsxs)(te.Z,{name:s,onChecked:function(r){return e.onCheckboxSelect(r,t)},className:"checkbox-section productCard m-productCard__link",id:"".concat(t.get("slug"),"_checkbox"),isChecked:h,tabIndex:"0",label:h?g:f,isInsideLabel:!0,children:[(0,ne.jsx)("div",{className:"m-productCardImages",children:(0,ne.jsx)("figure",{className:"o-productListing__mainImage",children:(0,ne.jsx)(ee.Z,{itemProp:"image",media:u,ratio:[1,1],size:ee.Z.SIZES.XSMALL,transparent:!0})})}),(0,ne.jsxs)("div",{className:"m-productCardContent",children:[s&&(0,ne.jsx)("h2",{className:"h5 productName",itemProp:"name","data-sln-id":"".concat(s,"_sld_id"),children:s}),d&&!y&&(0,ne.jsxs)("p",{className:"-tertiary -dark ",children:[m&&!l&&"".concat(p," "),(0,ne.jsx)(re.Z,{price:d,slnId:"c

1omparePage_productPrice"}),m&&l&&"".concat(p," ")]})]})]},"".concat(t.get("slug"),"_checkbox"))})})),e}return(0,i.Z)(r,[{key:"render",value:function(){var e=this,t=this.props,r=t.className,n=t.items,o=t.headerSticky,a=X()(r,"m-filteredCategories category-items"),i=X()("".concat("o-productListing","__list"),"-noBullets","row");return(0,ne.jsx)("div",{className:"".concat(a," ").concat(o?"stickyTop":""),children:(0,ne.jsx)(F.Z,{disablePadding:!0,className:"o-productListing",children:(0,ne.jsx)("ul",{className:i,ref:this.list,children:n&&n.map((function(t){return(0,ne.jsx)("li",{className:"m-productListItem -product col-xs-6 col-sm-4",children:e.renderProductListItem(t)},t.get("slug"))}))})})})}}]),r}(f.PureComponent);ae.displayName="CompareCards";var ie=(0,$.Z)(ae,V),ce=r(49366),le=M.ZP.div.withConfig({componentId:"sc-1mx3a2-0"})(["&.container-fluid{padding-left:0;padding-right:0;}.itemImage{height:70px;width:70px;@media ","{height:40px;width:40px;}}.comparePanelSticky{position:fixed;flex-direction:column;bottom:0;left:0;z-index:",";width:100%;background:",";box-shadow:0 0 10px 2px ",";min-height:50px;@media ","{padding:0 10px;left:0;}&.open{padding:10px 16px 20px;@media ","{padding:10px 30px;}}&.footer{padding:0 0 20px;}.panelClose{display:none;}.icn-chevron{font-size:",";padding-right:12px;&::before{transform:rotate(180deg);display:inline-block;}&.iconHide{display:none;}}}.panelWrapper{display:block;@media ","{display:flex;justify-content:space-between;}}.o-productListing__list{padding-top:20px;}.o-productListing{padding-top:0;}.comparisionItem{background-color:",";border:1px solid ",";flex-direction:row;align-items:center;display:flex;margin:10px 0;padding:5px;min-height:65px;@media ","{max-height:70px;padding:10px;margin:0;}&.product{justify-content:space-between;background-color:",";}&.noItem{min-height:70px;@media ","{display:none;}}}.footer{position:relative;width:100%;z-index:0;box-shadow:none;left:0;padding:0;}.panelWrapperrow{position:relative;z-index:1;align-items:center;color:",";font-weight:",";font-size:",";min-height:60px;max-width:1440px;margin:auto;&.open{&::before{content:none;}}&::before{content:'';background-color:",";color:",";position:absolute;top:0;left:-100vw;right:-100vw;height:100%;z-index:-1;}}.panelText{color:",";font-weight:500;&.open{color:",";.icn-chevron{&::before{transform:rotate(0deg);}}}}.alignItem{display:inline-block;&.clearAllAlign{float:right;}@media ","{padding:10px 0;}&.footerReach{pointer-events:none;padding-left:0;}&:focus{","}}.clearAllBtn{opacity:0;pointer-events:none;&.open{background:transparent;padding-bottom:10px;opacity:1;pointer-events:auto;}}.categoryCountMessage{display:none;&.error{color:"," !important;}&.open{display:block;color:",";font-size:",";padding-top:5px;margin-left:26px;@media ","{display:inline-block;}}&.iconHide{margin:0;@media ","{margin-left:30px;}}}.clearAll{display:inline-block;color:",";font-size:",";text-decoration:underline;float:right;}.close-button{.remove-button{font-size:",";background:transparent;}}.compareProductSection{height:0;overflow:hidden;transform:translate(0,100%);transition:transform "," 0ms;max-width:1440px;margin:auto;@media ","{display:block;padding:0;}&.open{height:auto;max-height:220px;margin-top:15px;overflow:initial;transform:translate(0,0%);transition:all 0.3s ease;}.compareProductItem{&:first-child{padding-left:0;}&:last-child{padding-right:0;}@media ","{padding:0;}}}.item-image{max-width:40px;max-height:40px;@media ","{max-width:70px;max-height:70px;}}.item-name{text-align:left;}.compareBtn{@media ","{display:inline-block;margin-left:30px;}}.no-item{font-size:",";color:",";}"],(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.zIndex.zDefault}),(function(e){return e.theme.colors.WHITE}),(function(e){return(0,G.DZ)(.9,e.theme.colors.BEO_BLACK)}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.icon.tertiary)}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.colors.WHITE}),(function(e){return e.theme.colors.GREY1}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.colors.GREY1}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.colors.WHITE}),(function(e){return e.theme.fonts.fontWeight.large}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.primary)}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.colors.WHITE}),(function(e){return e.theme.colors.WHITE}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.smallMax}),(0,ce.Z)({revert:!0}),(function(e){return e.theme.colors.RED}),(function(e){return e.theme.colors.GREY5}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.quinary)}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.colors.GREY5}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.quinary)}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.octonary)}),(function(e){return e.theme.duration.slow}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return(0,G.hO)(e.theme.fonts.fontSize.body.small.tert

1iary)}),(function(e){return e.theme.colors.GREY5})),se=r(81365),ue=r(36371),de=r(50813);function me(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(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}}();return function(){var r,n=(0,u.Z)(e);if(t){var o=(0,u.Z)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,s.Z)(this,r)}}var pe=function(e){(0,l.Z)(r,e);var t=me(r);function r(){var e;(0,a.Z)(this,r);for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return e=t.call.apply(t,[this].concat(o)),(0,d.Z)((0,c.Z)(e),"renderSelectedProduct",(function(t){var r=e.props.selectedItems,n=r&&r[t]&&r[t].get("name"),o=r&&r[t]&&r[t].get("slug"),a=r&&r[t]&&r[t].getIn(["comparisonItemMediaItem","media"]);return(0,ne.jsx)("div",{className:"col-md-4 compareProductItem ",children:(0,ne.jsxs)("div",{className:"center-xs comparisionItem product",children:[(0,ne.jsx)("div",{className:"itemImage",children:(0,ne.jsx)(ee.Z,{alt:"name",className:"item-image left",ratio:[1,1],media:a,title:"name",size:ee.Z.SIZES.XSMALL})}),(0,ne.jsx)("div",{className:"col-xs-8 b1 item-name",children:n}),(0,ne.jsx)("div",{className:"close-button",children:(0,ne.jsx)(ue.Z,{secondary:!0,className:"remove-button icn-close",onClick:function(){return e.props.removeCompareProduct(o)}})})]},"".concat(o,"_product"))})})),(0,d.Z)((0,c.Z)(e),"onClickAnalytics",(function(){var t=e.props.selectedItems,r=[];t.forEach((function(e){r.push(e&&e.get("slug"))}));var n={section:de.oJz,subSection:de.Hao.COMPARE,selection:r};(0,q.Cm)(n)})),(0,d.Z)((0,c.Z)(e),"renderSelectedItems",(function(){var t=[],r=e.props,n=r.selectedItems,o=r.compareLabels,a=r.categoryName,i=o.get("noCategorySelected");i=i&&i.replace("%%category%%",a);for(var c=0;c<3;c++)t.push(n[c]?e.renderSelectedProduct(c):(0,ne.jsx)("div",{className:"col-md-4 compareProductItem ",children:(0,ne.jsx)("div",{className:"center-xs comparisionItem noItem",children:(0,ne.jsx)("div",{className:"no-item",children:i})})}));return t})),e}return(0,i.Z)(r,[{key:"renderCompareButton",value:function(){var e=this,t=this.props,r=t.locale,n=t.compareLabels,o=t.isPanelOpen,a=t.selectedCategory,i=t.selectedItems,c=t.footerReach,l=t.country,s=n.get("compareLabel"),u=i&&i.length<2,d=null===l||void 0===l?void 0:l.toLowerCase(),m=[];return i.forEach((function(e){m.push(e&&e.get("slug"))})),(0,ne.jsx)("div",{className:"compareBtn",children:(0,ne.jsx)(se.Z,{cta:null,href:{pathname:"/[language]/[country]/comparison/products",query:{language:r,country:d,slug:a,p1:m[0]||null,p2:m[1]||null,p3:m[2]||null}},forwardedAs:"/".concat(r,"/").concat(d,"/comparison/products/").concat(a,"/").concat(m.join("/")),className:!(o||c)&&"panelClose",labelText:s,variant:"primary",disabled:u,onClick:function(){return e.onClickAnalytics()},forceClick:!0})})}},{key:"render",value:function(){var e=this.props,t=e.selectedItems,r=e.footerReach,n=e.isPanelOpen,o=e.togglePanel,a=e.selectedCategoryLabel,i=e.compareLabels,c=e.clearAll,l=e.isSmallScreen,s=e.checkBoxDisable,u=i.get("compareLabel"),d=i.get("clearAll"),m=i.get("categoryCountMessage");m=m&&m.replace("%%category%%",a);var p=i.get("productCountMessage"),f=n||r?"open":"",g=t&&t.length<2,h=n&&!g||r?"open":"";return(0,ne.jsx)(le,{children:(0,ne.jsx)(F.Z,{className:"".concat(r&&"footer"),disablePadding:!0,children:(0,ne.jsxs)("div",{className:"comparePanelSticky ".concat(n&&"open"," ").concat(r&&"footer"),children:[(0,ne.jsxs)("div",{className:"panelWrapper row panelWrapperrow ".concat(n||r?"open":""),children:[(0,ne.jsxs)("div",{onClick:function(){return o()},onKeyPress:function(){return o()},tabIndex:"0",role:"button","aria-expanded":n||r,"aria-controls":"compare-panel-section",className:"col-xs alignItem ".concat(r&&"footerReach"),children:[(0,ne.jsxs)("span",{className:n||r?"panelText open":"panelText",children:[(0,ne.jsx)("em",{className:"icn-chevron ".concat(r&&"iconHide")}),u," ",a]}),(0,ne.jsx)("span",{className:"categoryCountMessage ".concat(r&&"iconHide"," ").concat(s&&"error"," ").concat(f),children:s?m:p})]}),(0,ne.jsxs)("div",{className:"alignItem clearAllAlign",children:[(0,ne.jsx)(ue.Z,{className:"clearAllBtn ".concat(h),onClick:function(){return c()},children:(0,ne.jsx)("span",{className:"clearAll",children:d})}),!l&&this.renderCompareButton()]})]}),(0,ne.jsx)("div",{className:"panelWrapper compareProductSection ".concat(f),children:this.renderSelectedItems()}),l&&this.renderCompareButton()]})})})}}]),r}(f.PureComponent);pe.displayName="ComparePanel";var fe=pe,ge=r(37260),he=r(3514),ye=r(41605),ve=r(72641);function xe(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 be(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?xe(Object(r),!0).forEach((function(t){(0,d.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Ce(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(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}}();return function(){var r,n=(0,u.Z)(e);if(t){var o=(0,u.Z)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,s.Z)(this,r)}}var Pe=function(e){(0,l.Z)(r,e);var t=Ce(r);function r(e){var i;(0,a.Z)(this,r),i=t.call(this,e),(0,d.Z)((0,c.Z)(i),"renderSeoTags",(function(){var e,t,r,n=i.props,a=n.comparePageData,c=n.router.query.slug,l=n.router,s=n.filteredProductData,u=n.locale,d=n.country,m=n.globalData,p=i.state,f=p.selectedFilter,g=p.selectedCategory,h=null,y=null===a||void 0===a?void 0:a.get("categories"),v=c?y&&y.filter((function(e){return e.get("slug")===c})).get("0"):y.get("0"),x=v.get("comparisonSeo"),b=v.getIn([c,"localizedSlugs"]);if(f){var C=s&&g&&s.getIn([g.value,"tags"]);if(h=C&&C.filter((function(e){return e.get("key")===f})),C&&h.size>0){var P=h.getIn(["0","seo"]);P&&P.get("title")&&(x=P)}}var w="".concat(null===(e=i.getComparePageTitle())||void 0===e?void 0:e.value," | B&O"),k=null===d||void 0===d?void 0:d.toLowerCase(),I=(0,W.Kc)(x,l),S=((null===(t=x)||void 0===t?void 0:t.toJS())||{}).includeNoIndexMetaTag,Z=c?"".concat(ye.zDf,"/").concat(u,"/").concat(k,"/compare/").concat(c):"".concat(ye.zDf,"/").concat(u,"/").concat(k,"/compare"),j=null===(r=h)||void 0===r?void 0:r.getIn(["0","localizedKeys"]),O={canonical:Z,alternate:(0,W.L5)({localizedSlugs:b,localizedKeys:j,currentPath:l.asPath,globalData:m})};if(I){var L=(0,o.Z)(I,2),D=L[0],N=L[1];return(0,ne.jsx)(he.Z,be(be(be({},D),O),{},{schemas:N.schemaInfo,title:w,includeNoIndexMetaTag:S}))}return null})),(0,d.Z)((0,c.Z)(i),"addScrollListener",(function(){window.addEventListener("scroll",i.onScroll,{capture:!1,passive:!0})})),(0,d.Z)((0,c.Z)(i),"removeScrollListener",(function(){window.removeEventListener("scroll",i.onScroll,{capture:!1,passive:!0})})),(0,d.Z)((0,c.Z)(i),"onScroll",(function(){var e=i.props.viewportInfo,t=document.querySelector(".category-items"),r=document.querySelector(".o-footer"),n=t&&t.getBoundingClientRect(),o=window.scrollY||window.pageYOffset,a=r.getBoundingClientRect().top+o,c=o,l=o+window.innerHeight,s=a,u=a+r.clientHeight;e&&e.getIn(["isSmallerThan","medium"])?n&&n.top<0?i.setState({headerSticky:!0}):i.setState({headerSticky:!1}):n&&n.top<180?i.setState({headerSticky:!0}):i.setState({headerSticky:!1}),u>=c&&u<=l||s<=l&&s>=c?i.setState({footerReach:!0}):i.setState({footerReach:!1})})),(0,d.Z)((0,c.Z)(i),"getSelectedCategory",(function(){var e=i.props,t=e.comparePageData,r=e.router.query.slug,n=null===t||void 0===t?void 0:t.get("categories"),o=r?n.filter((function(e){return e.get("slug")===r})).get("0"):n.get("0");return{value:o.get("slug"),label:o.get("title")}})),(0,d.Z)((0,c.Z)(i),"getAllCategoryFilters",(function(){var e=i.props.comparePageData,t=i.state.selectedCategory.value,r=null===e||void 0===e?void 0:e.get("

1categories");return(r&&r.filter((function(e){return e.get("slug")===t}))).get("0")})),(0,d.Z)((0,c.Z)(i),"navigateTo",(function(e){var t=e.slug,r=e.filter,n=e.selected,o=i.props,a=o.locale,c=o.country,l=null===c||void 0===c?void 0:c.toLowerCase(),s="/".concat(a,"/").concat(l,"/compare/").concat(t),u={language:a,country:l,slug:t};r&&"viewAll"!==r&&(s+="/".concat(r),u.filter=r),n&&(s+="?selected=".concat(n),u.selected=n),h().push({pathname:"/[language]/[country]/compare",query:u},s,{shallow:!0})})),(0,d.Z)((0,c.Z)(i),"handleButtonClick",(function(e){var t=i.state.selectedCategory.value,r=i.props.router.query,n=r&&r.selected;i.setState({selectedFilter:e}),i.navigateTo({slug:t,filter:e,selected:n})})),(0,d.Z)((0,c.Z)(i),"togglePanel",(function(e){i.setState((function(t){return e?{isPanelOpen:!1}:{isPanelOpen:!t.isPanelOpen}}))})),(0,d.Z)((0,c.Z)(i),"addToComparison",(function(e,t){var r=i.state.selectedItems,n=r.length>2&&r.filter((function(e){return e.get("slug")===t.get("slug")})).length<1;i.setState({isDisabled:n}),n||i.setState({selectedItems:e})})),(0,d.Z)((0,c.Z)(i),"onDropdownChange",function(){var e=(0,n.Z)(p().mark((function e(t){var r,n,o,a,c;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=i.props,n=r.callCompareProdcuts,o=r.filteredProductData,a=i.state.selectedCategory.value,c=t.value,i.setState({selectedCategory:t,selectedFilter:"viewAll"}),o&&!o.getIn([c,"filteredProducts"])&&n(c),c!==a&&(i.setState({selectedItems:[]}),i.navigateTo({slug:c}));case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()),(0,d.Z)((0,c.Z)(i),"removeCompareProduct",(function(e){i.setState((function(t){return{selectedItems:t.selectedItems.filter((function(t){return t.get("slug")!==e}))}}))})),(0,d.Z)((0,c.Z)(i),"clearAll",(function(){i.setState({selectedItems:[]})})),(0,d.Z)((0,c.Z)(i),"updateLangDropdown",(function(e){var t=i.props.country,r=null===t||void 0===t?void 0:t.toLowerCase();window.location.href="/".concat(e.value,"/").concat(r,"/compare")})),(0,d.Z)((0,c.Z)(i),"getComparePageTitle",(function(){var e,t,r,n,o=i.props,a=o.compareLabels,c=o.filteredProductData,l=o.comparePageData,s=i.state,u=s.selectedCategory.label,d=void 0===u?"":u,m=s.selectedFilter,p=s.selectedCategory,f=a&&a.get("compareLabel"),g="".concat(f," ").concat(d.toLowerCase()),h=a&&a.get("findRightCategory"),y=p&&c&&(c.getIn([p.value,"singularCategoryName"])||c.getIn([p.value,"title"])),v=h=h&&h.replace("%%category%%",y),x=c&&p&&c.getIn([p.value,"tags"]),b=x&&x.filter((function(e){return e.get("key")===m})),C=null!==(e=null===l||void 0===l?void 0:l.get("pageTitle"))&&void 0!==e?e:"";return x&&b.size>0&&(g="".concat(g," - ").concat(b.getIn(["0","value"])),v=b.getIn(["0","description"]),t=null===b||void 0===b?void 0:b.getIn(["0","title"]),r=null===b||void 0===b?void 0:b.getIn(["0","titleComparePage"]),n=null===b||void 0===b?void 0:b.getIn(["0","descriptionComparePage"])),{title:g,subtitle:n||v,value:r||t||g,comparePageTitle:C}})),(0,d.Z)((0,c.Z)(i),"list",(0,f.createRef)());var l=i.props,s=l.comparePageData,u=l.router.query.filter;i.state={selectedItems:[],selectedFilter:u||"viewAll",selectedCategory:i.getSelectedCategory(),isPanelOpen:!0,footerReach:!1,headerSticky:!1,isDisabled:!1};var m=null===s||void 0===s?void 0:s.get("categories");return i.allCategories=m&&m.map((function(e){return{value:e.get("slug"),label:e.get("title")}})),i}return(0,i.Z)(r,[{key:"renderSelectedItems",value:function(e,t){var r=this.state.selectedCategory,n=r&&e&&e.getIn([r.value,"filteredProducts","viewAll"]);if(t&&n&&n.size>0){var o=t&&t.split(","),a=t&&n&&o.map((function(e){return n.find((function(t){return t.get("slug")===e}))}));this.setState({selectedItems:a.filter((function(e){return e}))})}}},{key:"componentDidMount",value:function(){var e=this.props,t=e.userInfo,r=e.cartData,n=e.currencyCode,o=this.state.selectedCategory,a=this.props,i=a.filteredProductData,c=a.callCompareProdcuts,l=a.router.query;if(i&&i.getIn([o.value,"filteredProducts"])||c(o.value),i){var s=l&&l.selected;this.renderSelectedItems(i,s)}this.addScrollListener(),(0,q.v8)({userInfo:t,pageType:"compare",cartData:r,pageName:"compare",currencyCode:n,addToDL:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props,r=t.filteredProductData,n=t.router.query,o=e.filteredProductData,a=e.router.query;if(r!==o||(null===n||void 0===n?void 0:n.selected)!==(null===a||void 0===a?void 0:a.selected)){var i=null===n||void 0===n?void 0:n.selected;this.renderSelectedItems(r,i)}}},{key:"componentWillUnmount",value:function(){this.removeScrollListener()}},{key:"render",value:function(){var e,t,r,n=this,o=this.props,a=o.className,i=o.filteredProductData,c=o.compareLabels,l=o.cmsLabelsGlobal,s=o.viewportInfo,u=o.locale,d=o.readMoreLabel,m=o.hidePriceForCountries,p=o.homeCountryCookie,f=o.featureConfigs,g=this.state,h=g.selectedFilter,v=g.isPanelOpen,x=g.selectedCategory,b=g.

1selectedItems,C=g.footerReach,P=g.headerSticky,w=g.isDisabled,k=this.state.selectedCategory,I=k.value,S=k.label,Z=void 0===S?"":S,j=null===f||void 0===f||null===(e=f.toJS())||void 0===e?void 0:e.find((function(e){return"fromPriceLabelOnRight"===(null===e||void 0===e?void 0:e.key)})),O=null===j||void 0===j?void 0:j.enabled,L=x&&i&&i.getIn([x.value,"filteredProducts"]),D=this.getAllCategoryFilters(),N=x&&i&&(i.getIn([x.value,"singularCategoryName"])||i.getIn([x.value,"title"])),_=null===i||void 0===i?void 0:i.getIn([x.value,"localizedSlugs"]),T=l&&l.get("viewAllLabel"),E="".concat(T," ").concat(x.value),z=s&&s.getIn(["isSmallerThan","medium"]),A=D&&D.get("tags"),R=A&&A.map((function(e){return{value:e.get("key"),label:e.get("value")}})),B=A&&A.map((function(e){return(0,y.fromJS)({key:e.get("key"),value:e.get("value")})}));(null===(t=B)||void 0===t?void 0:t.find((function(e){return"viewAll"===e.get("key")})))||(R=R&&R.size>1?R.unshift({value:"viewAll",label:E}):[],B=B&&B.count()&&B.count()>1?B.unshift((0,y.fromJS)({key:"viewAll",value:E})):[]);var M=this.props.country,G=null===(r=this.getComparePageTitle())||void 0===r?void 0:r.value,W=ve.Z.Consumer;return(0,ne.jsx)(Q.Z,{showSupportingNav:!1,showHeader:!z||!P,updateLanguage:this.updateLangDropdown,hasParallax:!0,localizedSlugs:_,pageType:de.Hao.COMPARE,children:(0,ne.jsx)(W,{children:function(e){var t,r,o=(e.bannerHeights||0)+(e.countryNotificationHeight||0)+(e.expressNotificationBannerHeight||0)+(e.unsupportedBrowserBannerHeight||0);return(0,ne.jsx)(H,{totBannerHeight:o,children:(0,ne.jsxs)(F.Z,{children:[(0,ne.jsx)(Y.Z,{comparePageTitle:null!==(t=null===(r=n.getComparePageTitle())||void 0===r?void 0:r.comparePageTitle)&&void 0!==t?t:"",title:n.getComparePageTitle().title,subtitle:n.getComparePageTitle().subtitle,slnId:"comparePage_title",className:"comparePageTitle",readMoreLabel:d,viewportInfo:s,isComparePage:!0,categoryTitleValue:G}),n.renderSeoTags(),(0,ne.jsx)(F.Z,{className:"filterContainer",disablePadding:!0,children:(0,ne.jsx)("div",{className:"filterwrap ".concat(P?"sticky":""),children:(0,ne.jsxs)("div",{className:"comparePageFilter_wrapper row ".concat(P?"sticky":""),children:[(0,ne.jsx)("div",{className:"col-xs-12 col-md-2",children:(0,ne.jsxs)("div",{className:"row filterTab",children:[(0,ne.jsx)(ge.Z,{className:"comparePage_filterTabs category",optionArray:n.allCategories,isDropDownOpen:!0,selectedOption:x,onSelect:function(e){return n.onDropdownChange(e)}}),z&&B&&0!==B.length&&(0,ne.jsx)(ge.Z,{className:"comparePage_filterTabs category",optionArray:R,isDropDownOpen:!1,selectedOption:{value:"viewAll",label:T},onSelect:function(e){return n.handleButtonClick(e.value)}})]})}),(0,ne.jsx)("div",{className:"col-xs-12 filterTab desktop col-md-8",children:(0,ne.jsx)("div",{children:(0,ne.jsx)("ul",{className:"comparePage_filterTabs row -noBullets ",children:B&&B.map((function(e){var t=e.get("key"),r=e.get("value");return(0,ne.jsx)("li",{role:"tab","aria-selected":t===h,className:"filterTab",children:(0,ne.jsx)(K.Z,{cta:null,className:"a-filterTab__anchor h5 focus-styling ".concat(t===h?"-active":""),forceClick:!0,scroll:!1,shallow:!0,tabIndex:"0",handleLinkClick:function(){return n.handleButtonClick(t)},noLink:!0,children:r})},t)}))})})})]})})}),L&&(0,ne.jsx)(ie,{selectedItems:b,addToComparison:n.addToComparison,className:a,items:L.get(h)||L.get("viewAll"),compareLabels:c,cmsLabelsGlobal:l,headerSticky:P,hidePriceForCountries:m,homeCountryCookie:p,fromPriceLabelOnRightEnabled:O}),b&&b.length>0&&(0,ne.jsx)(fe,{togglePanel:n.togglePanel,isPanelOpen:v,footerReach:C,selectedItems:b,selectedCategoryLabel:Z.toLowerCase(),selectedCategory:I,removeCompareProduct:n.removeCompareProduct,compareLabels:c,cmsLabelsGlobal:l,clearAll:n.clearAll,isSmallScreen:z,locale:u,checkBoxDisable:w,categoryName:N,country:M})]})})}})})}}]),r}(f.PureComponent);Pe.displayName="ComparePage";var we=(0,B.Z)((0,g.withRouter)(Pe),{mapStateToProps:function(e){return{comparePageData:e.getIn(["ComparePage","comparePageData"]),filteredProductData:e.getIn(["ComparePage","filteredProductData"]),locale:e.getIn(["global","globalData","userlanguage"]),cmsLabelsGlobal:e.getIn(["global","cmsData","Global"]),compareLabels:e.getIn(["global","cmsData","Comparison"]),viewportInfo:e.getIn(["global","globalData","viewportInfo"]),readMoreLabel:e.getIn(["global","cmsData","Global","readMoreLabel"]),globalData:e.getIn(["global","globalData"]),currencyCode:e.getIn(["global","globalData","siteSettings","country","currency","code"]),userInfo:e.getIn(["global","userData","userInfo"]),cartData:e.getIn(["global","cart","cartData"]),hidePriceForCountries:e.getIn(["global","globalData","siteSettings","hidePriceForCountries"]),homeCountryCookie:e.getIn(["global","globalData","homeCountryCookie"]),featureConfigs:e.getIn(["global","globalData","siteSettings","featureConfigs"])}},mapDispatchToProps:function(e){return{callCompareProdcuts:function(t){return e({type:b,data:{slug:t}})}}},key:"ComparePage",reducer:S,saga:R,initialActions:O,useQuery:!0,critical

1State:[["ComparePage","comparePageData"]]})},73426:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[language]/[country]/compare",function(){return r(29264)}])}},function(e){e.O(0,[4118,9774,2888,179],(function(){return t=73426,e(e.s=t);var t}));var t=e.O();_N_E=t}]);