https://www.wd40.com/component---src-templates-new-products-js-4cc4d5f341d7f560370d.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{"1LK5":function(e,t,n){n("zGcK"),e.exports=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}},"2ajD":function(e,t){e.exports=function(e){return e!=e}},"3WF5":function(e,t,n){var r=n("eUgh"),o=n("ut/Y"),a=n("l9OW"),i=n("Z0cm");e.exports=function(e,t){return(i(e)?r:a)(e,o(t,3))}},"88Gu":function(e,t,n){n("1dPr");var r=800,o=16,a=Date.now;e.exports=function(e){var t=0,n=0;return function(){var i=a(),l=o-(i-n);if(n=i,l>0){if(++t>=r)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}},BiGR:function(e,t,n){var r=n("nmnc"),o=n("03A+"),a=n("Z0cm"),i=r?r.isConcatSpreadable:void 0;e.exports=function(e){return a(e)||o(e)||!!(i&&e&&e[i])}},CV7k:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));n("pJf4");var r=n("q1tI"),o=n.n(r),a=n("McE4"),i=n("TQds"),l=n.n(i),s=n("TSYQ"),c=n.n(s);var u=function(e){var t,n;function r(t){var n;return(n=e.call(this,t)||this).state={stateValue:!!n.props.value},n}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.handleClick=function(e){var t=this,n=this.props.onClick,r=this.state.stateValue;this.setState({stateValue:!r},(function(){n&&n(t.state.stateValue)}))},i.UNSAFE_componentWillReceiveProps=function(e){this.setState({stateValue:!!e.value})},i.render=function(){var e=this,t=this.props,n=(t.name,t.text),r=t.style,i=t.className,s=t["aria-label"],u=this.state.stateValue;return o.a.createElement("div",{className:c()(l.a.container,i),style:r,tabIndex:0,role:"checkbox","aria-checked":u,"aria-label":s,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||e.handleClick(t)},onClick:this.handleClick.bind(this)},o.a.createElement("div",{className:c()(l.a.box)},u&&o.a.createElement("div",{className:c()(l.a.active)},o.a.createElement("i",{className:"fa fa-check","aria-hidden":"true"}))),n&&o.a.createElement(a.a,{value:n,className:l.a.title}))},r}(r.Component)},CZoQ:function(e,t){e.exports=function(e,t,n){for(var r=n-1,o=e.length;++r<o;)if(e[r]===t)return r;return-1}},EA7m:function(e,t,n){var r=n("zZ0H"),o=n("Ioao"),a=n("wclG");e.exports=function(e,t){return a(o(e,t,r),e+"")}},GgLZ:function(e,t,n){"use strict";n("n7j8"),n("YBKJ"),n("Ll4R"),n("1dPr"),n("E5k/"),n("pS08"),n("LagC");var r=n("q1tI"),o=n.n(r),a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};var i=function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var l={Pixel:"Pixel",Percent:"Percent"},s={unit:l.Percent,value:.8};function c(e){return"number"==typeof e?{unit:l.Percent,value:100*e}:"string"==typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:l.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:l.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),s):(console.warn("scrollThreshold should be string or number"),s)}var u=function(e){function t(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:"string"==typeof n.props.scrollableTarget?document.getElementById(n.props.scrollableTarget):(null===n.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n        happen because the element may not have been added to DOM yet.\n        See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n      "),null)},n.onStart=function(e){n.lastScrollTop||(n.dragging=!0,e instanceof MouseEvent?n.startY=e.pageY:e instanceof TouchEvent&&(n.startY=e.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(e){n.dragging&&(e instanceof MouseEvent?n.currentY=e.pageY:e instanceof TouchEvent&&(n.currentY=e.touches[0].pageY),n.currentY<n.startY||(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),n.currentY-n.startY>

11.5*n.maxPullDownDistance||n._infScroll&&(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)")))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame((function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")}))},n.onScrollListener=function(e){"function"==typeof n.props.onScroll&&setTimeout((function(){return n.props.onScroll&&n.props.onScroll(e)}),0);var t=n.props.height||n._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;n.actionTriggered||((n.props.inverse?n.isElementAtTop(t,n.props.scrollThreshold):n.isElementAtBottom(t,n.props.scrollThreshold))&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=t.scrollTop)},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=function(e,t,n,r){var o,a=!1,i=0;function l(){o&&clearTimeout(o)}function s(){var s=this,c=Date.now()-i,u=arguments;function p(){i=Date.now(),n.apply(s,u)}a||(r&&!o&&p(),l(),void 0===r&&c>e?p():!0!==t&&(o=setTimeout(r?function(){o=void 0}:p,void 0===r?e-c:e)))}return"boolean"!=typeof t&&(r=n,n=t,t=void 0),s.cancel=function(){l(),a=!0},s}(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return function(e,t){function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){if(void 0===this.props.dataLength)throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"==typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!=typeof this.props.refreshFunction))throw new Error('Mandatory prop "refreshFunction" missing.\n          Pull Down To Refresh functionality will not work\n          as expected. Check README.md for usage\'')},t.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},t.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},t.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?i(i({},t),{prevDataLength:e.dataLength}):null},t.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=c(t);return r.unit===l.Pixel?e.scrollTop<=r.value+n-e.scrollHeight+1:e.scrollTop<=r.value/100+n-e.scrollHeight+1},t.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=c(t);return r.unit===l.Pixel?e.scrollTop+n>=e.scrollHeight-r.value:e.scrollTop+n>=r.value/100*e.scrollHeight},t.prototype.render=function(){var e=this,t=i({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),n=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),r=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return o.a.createElement("div",{style:r,className:"infinite-scroll-component__outerdiv"},o.a.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&o.a.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},o.a.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!n&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},t}(r.Component);t.a=u},IWTy:function(e,t,n){var r=n("yue5");e.exports=function(e,t,n){for(var o=-1,a=e.criteria,i=t.criteria,l=a.length,s=n.length;++o<l;){var c=r(a[o],i[o]);if(c)return o>=s?c:c*("desc"==n[o]?-1:1)}return e.index-t.index}},Ioao:function(e,t,n){var r=n("heNW"),o=Math.max;e.exports=function(e,t,n){return t=o(void 0===t?e.length-1:t,0),function(){for(var a=arguments,i=-1,l=o(a.length-t,0),s=Array(l);++i<l;)s[i]=a[t+i];i=-1;for(var c=Array(t+1);++i<t;)c[i]=a[i];return c[t]=n(s),r(e,this,c)}}},J2m7:function(e,t,n){var r=n("XKAG")(n("UfWW"));e.exports=r},Kssv:function(e,t,n){var r=n("KxBF"),o=n("mv/X"),a=n("Sxd8");e.exports=function(e,t,n){var i=null==e?0:e.length;return i?(n&&"number"!=typeof n&&o(e,t,n)?(t=0,n=i):(t=null==t?0:a(t),n=void 0===n?i:a(n)),r(e,t,n)):[]}},KwMD:function(e,t){e.exports=function(e,t,n,r){for(var o=e.length,a=n+(r?1:-1);r?a--:++a<o;)if(t(e[a],a,e))return a;return-1}},KxBF:function(e,t){e.exports=function(e,t,n){var r=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(n=n>o?o:n)<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var a=Array(o);++r<o;)a[r]=e[r+t];return a}},LGYb:function(e,t,n){var r=n("1hJj"),o=n("jbM+"),a=n("Xt/L"),i=n("xYSL"),l=n("dQpi"),s=n("rEGp"),c=200;e.exports=function(e,t,n){var u=-1,p=o,f=e.length,h=!0,d=[],v=d;if(n)h=!1,p=a;else if(f>=c){var m=t?null:l(e);if(m)return s(m);h=!1,p=i,v=new r}else v=t?[]:d;e:for(;++u<f;){var g=e[u],y=t?t(g):g;if(g=n||0!==g?g:0,h&&y==y){for(var E=v.length;E--;)if(v[E]===y)continue e;t&&v.push(y),d.push(g)}else p(v,y,n)||(v!==d&&v.push(y),d.push(g))}return d}},"R/W3":function(e,t,n){var r=n("KwMD"),o=n("2ajD"),a=n("CZoQ");e.exports=function(e,t,n){return t==t?a(e,t,n):r(e,o,n)}},R5VX:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));n("YbXK"),n("cFtU"),n("q8oJ"),n("m210"),n("4DPX"),n("E5k/"),n("pJf4"),n("rzGZ"),n("Dq+y"),n("8npG"),n("gu/5"),n("eoYm");var r=n("q1tI"),o=n.n(r),a=n("CV7k"),i=n("wBNj"),l=n("iOrv"),s=n.n(l);function c(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var u=function(e){var t,n;function r(t){var n;return(n=e.call(this,t)||this).onClickOption=function(e){var t=e.value,r=n.props,o=r.onChange,a=r.selected;o(a=a.includes(t)?a.filter((function(e){return e!==t})):[].concat(c(a),[t]))},n.nodeRef=o.a.createRef(),n.onClickOption=n.onClickOption.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(n)),n}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var l=r.prototype;return l.handleClick=function(e){this.nodeRef||null==this.nodeRef.current||this.nodeRef.current.contains(e.target)||this.setState({show:!1})},l.render=function(){var e=this,t=this.props,n=t.values,r=t.name,l=t.selected,c=t.quantity;return o.a.createElement(i.Container,{style:{margin:0}},o.a.createElement(i.Row,{ref:this.nodeRef,className:s.a.rowStyle},n?n.map((function(t,n){return o.a.createElement(i.Col,{key:n,xs:6,sm:6,md:4,lg:4,xl:e.props.xl,xxl:e.props.xxl,className:s.a.checkboxItem},o.a.createElement(a.a,{name:r,text:c?t.text+" ("+c[n].length+")":t.text,value:l.includes(t.value),onClick:function(){return e.onClickOption(Object.assign({id:n},t))}}))})):o.a.createElement("p",null,"No Values")))},r}(r.Component)},Sxd8:function(e,t,n){var r=n("ZCgT");e.exports=function(e){var t=r(e),n=t%1;return t==t?n?t-n:t:0}},UfWW:function(e,t,n){var r=n("KwMD"),o=n("ut/Y"),a=n("Sxd8"),i=Math.max;e.exports=function(e,t,n){var l=null==e?0:e.length;if(!l)return-1;var s=null==n?0:a(n);return s<0&&(s=i(l+s,0)),r(e,o(t,3),s)}},XGnz:function(e,t,n){var r=n("CH3K"),o=n("BiGR");e.exports=function e(t,n,a,i,l){var s=-1,c=t.length;for(a||(a=o),l||(l=[]);++s<c;){var u=t[s];n>0&&a(u)?n>1?e(u,n-1,a,i,l):r(l,u):i||(l[l.length]=u)}return l}},XKAG:function(e,t,n){var r=n("ut/Y"),o=n("MMmD"),a=n("7GkX");e.exports=function(e){return function(t,n,i){var l=Object(t);if(!o(t)){var s=r(n,3);t=a(t),n=function(e){return s(l[e],e,l)}}var c=e(t,n,i);return c>-1?l[s?t[c]:c]:void 0}}},"Xt/L":function(e,t){e.exports=function(e,t,n){for(var r=-1,o=null==e?0:e.length;++r<o;)if(n(t,e[r]))return!0;return!1}},ZCgT:function(e,t,n){var r=n("tLB3"),o=1/0,a=17976931348623157e292;e.exports=function(e){return e?(e=r(e))===o||e===-o?(e<0?-1:1)*a:e==e?e:0:0===e?e:0}},alwl:function(e,t,n){var r=n("eUgh"),o=n("ut/Y"),a=n("l9OW"),i=n("1LK5"),l=n("sEf8"),s=n("IWTy"),c=n("zZ0H");e.exports=function(e,t,n){var u=-1;t=r(t.length?t:[c],l(o));var p=a(e,(function(e,n,o){return{criteria:r(t,(function(t){return t(e)})),index:++u,value:e}}));return i(p,(function(e,t){return s(e,t,n)}))}},cjBI:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n("q1tI"),o=n.n(r),a=n("WORS"),i=n("ZZVK"),l=n.n(i),s=n("TSYQ"),

1c=n.n(s);var u=function(e){var t,n;function r(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={show:!1},t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.handleClick=function(){var e=this.props.onClick,t=this.state.show;e&&e(),this.setState({show:!t})},i.render=function(){var e=this.props,t=e.children,n=e.title,r=e.className,i=this.state.show;return o.a.createElement("div",{className:i?c()(l.a.openContainer,l.a[r]):c()(l.a.container,l.a[r])},o.a.createElement("div",{className:l.a.header,onClick:this.handleClick.bind(this),role:"none",onKeyDown:this.handleClick.bind(this)},o.a.createElement(a.a,{value:n,className:l.a.dropdownTitle}),o.a.createElement("div",null,o.a.createElement("img",{className:i?l.a.button:"",src:i?"/img/closeButton.svg":"/img/plusButton.svg",alt:i?"close":"show"}))),t&&o.a.createElement("div",{id:"collapse",className:!0===i?l.a.active:l.a.notActive},t))},r}(r.Component)},cvCv:function(e,t){e.exports=function(e){return function(){return e}}},dQpi:function(e,t,n){var r=n("yGk4"),o=n("vN+2"),a=n("rEGp"),i=r&&1/a(new r([,-0]))[1]==1/0?function(e){return new r(e)}:o;e.exports=i},heNW:function(e,t){e.exports=function(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}},jTWl:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n("q1tI"),o=n.n(r),a=n("ZXdF"),i=n("anoY"),l=n.n(i);var s=function(e){var t,n;function r(){return e.apply(this,arguments)||this}return n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,r.prototype.render=function(){var e=this.props,t=e.text,n=e.buttonText,r=e.buttonUrl,i=e.onClick;return o.a.createElement("div",{className:l.a.downloadBanner},o.a.createElement("div",{className:l.a.downloadBannerContent},o.a.createElement("p",{className:l.a.downloadBannerTitle},t),o.a.createElement(a.a,{text:n,url:r,className:l.a.downloadButton,target:"_blank",newBlue:!0,pdf:!0,rel:"noopener noreferrer",onClick:i})))},r}(r.Component)},"jbM+":function(e,t,n){var r=n("R/W3");e.exports=function(e,t){return!!(null==e?0:e.length)&&r(e,t,0)>-1}},l9OW:function(e,t,n){var r=n("SKAX"),o=n("MMmD");e.exports=function(e,t){var n=-1,a=o(e)?Array(e.length):[];return r(e,(function(e,r,o){a[++n]=t(e,r,o)})),a}},"mv/X":function(e,t,n){var r=n("ljhN"),o=n("MMmD"),a=n("wJg7"),i=n("GoyQ");e.exports=function(e,t,n){if(!i(n))return!1;var l=typeof t;return!!("number"==l?o(n)&&a(t,n.length):"string"==l&&t in n)&&r(n[t],e)}},p3BT:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n("q1tI"),o=n.n(r),a=n("D6AR"),i=n("wBNj"),l=n("TSYQ"),s=n.n(l),c=n("UEy4"),u=n.n(c);var p=function(e){var t,n;function l(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={openVideo:!1},t}return n=e,(t=l).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,l.prototype.render=function(){var e,t,n,l,c=this,p=this.props,f=p.event,h=p.text,d=p.noMargin,v=p.video,m=p.condensed;return o.a.createElement(i.Container,{style:{margin:0,padding:0},className:u.a.container},v?o.a.createElement(r.Fragment,null,o.a.createElement(a.a,{openVideo:this.state.openVideo,setOpenVideo:function(){return c.setState({openVideo:!1})},youtubeVideoId:v.video.providerUid}),o.a.createElement("button",{className:s()((e={},e[u.a.condensed]=m,e),u.a.clickableLabel,(t={},t[u.a.noMargin]=d,t)),onClick:function(){return c.setState({openVideo:!0})}},h," >>")):o.a.createElement("button",{className:s()(u.a.clickableLabel,(n={},n[u.a.noMargin]=d,n),(l={},l[u.a.condensed]=m,l)),onClick:f},h))},l}(r.Component)},pFRH:function(e,t,n){var r=n("cvCv"),o=n("O0oS"),a=n("zZ0H"),i=o?function(e,t){return o(e,"toString",{configurable:!0,enumerable:!1,value:r(t),writable:!0})}:a;e.exports=i},qPyV:function(e,t,n){var r=n("ut/Y"),o=n("LGYb");e.exports=function(e,t){return e&&e.length?o(e,r(t,2)):[]}},rQFl:function(e,t,n){"use strict";n.r(t);n("YbXK"),n("cFtU"),n("q8oJ"),n("8npG"),n("m210"),n("4DPX"),n("rzGZ"),n("pJf4"),n("E5k/"),n("v9g0"),n("sC2a"),n("gu/5"),n("eoYm");var r=n("Kssv"),o=n.n(r),a=n("J2m7"),i=n.n(a),l=n("xweI"),s=n.n(l),c=n("qPyV"),u=n.n(c),p=n("3WF5"),f=n.n(p),h=n("q1tI"),d=n.n(h),v=n("GgLZ"),m=n("wBNj"),g=n("TZi5"),y=n("QyL7"),E=n("R5VX"),b=n("vrFN"),w=n("p3BT"),x=n("WORS"),T=n("jTWl"),S=n("JMMV"),C=n("cjBI"),N=n("hSdx"),L=n("FFMF"),O=n.n(L);function _(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var k=function(e,t,n){return e.filter((function(e){var r=!0,o=!0;return t.length&&(r=void 0!==i()(e.productFunctions,(function(e){return t.includes(e.slug)}))),n&&n.length&&(o=n.includes(e.productCategory.slug)),r&&o}))},M={encode:function(e){return Object(g.c)(e,",")},decode:function(e){return Object(g.b)(e,",")}};t.default=d.a.memo((function(e){var t=e.pageContext,n=Object(g.d)("functionality",Object(g.e)(M,[])),r=n[0],a=n[1],i=Object(g.d)("category",Object(g.e)(M,[])),l=i[0],c=i[1],p=d.a.useState(0),h=p[0],L=p[1],D=d.a.useState((function(){var e=(t||[]).products.filter((function(e){return!!e.showOnIndex}));return t.reviews&&t.reviews.length>

10&&e.forEach((function(n,r){if(n&&n.bazaarVoiceId){var o=t.reviews.find((function(e){return e.id===n.bazaarVoiceId}));Object.assign(e[r],{reviewStats:o})}})),e}))[0],j=d.a.useState(!1),R=j[0],Y=j[1],P=d.a.useState(null),A=P[0],B=P[1];d.a.useEffect((function(){Object(N.k)()})),d.a.useEffect((function(){Y(!0)}),[]),d.a.useEffect((function(){Object(N.j)()}),[]),d.a.useEffect((function(){B(function(e,t){var n=e.map((function(e){return e.replace(/-/g," ").toUpperCase()})),r=t.map((function(e){return e.replace(/-/g," ").toUpperCase()})),o=[];return n.length>0&&o.push(n.join(", ")),r.length>0&&o.push(r.join(", ")),o.join(", ")}(r,l))}),[r,l]);var I=d.a.useCallback((function(){L(0),a([]),c([])}),[]),G=d.a.useCallback((function(e){L(0),a(e)}),[]),F=(d.a.useCallback((function(e){L(0),c(e)}),[]),d.a.useCallback((function(){L((function(e){return e+1}))}),[])),V=d.a.useMemo((function(){var e={pagedProducts:[],pages:0,totalProducts:[]};if(D&&D.length){var t=k(D,r,l),n=12*h,a=12*h+12,i=o()(t,n,a),s=o()(t,0,n);e.pagedProducts=0===h?i:[].concat(_(s),_(i)),e.totalProducts=t.length,e.pages=Math.ceil(t.length/12)}return e}),[h,D,r,l,R]),W=V.pagedProducts,K=V.pages,H=V.totalProducts,U=d.a.useMemo((function(){var e={functionalities:[],categories:[]};return e.functionalities=f()(s()(u()([].concat.apply([],f()(D,"productFunctions")),(function(e){return e.id})),(function(e){return e.order})),(function(e){return{value:e.slug,text:e.name}})),e.categories=f()(s()(u()([].concat.apply([],f()(D,"productCategory")),(function(e){return e.id})),(function(e){return e.order})),(function(e){return{value:e.slug,text:e.name}})),e}),[D]),X=U.functionalities,Z=(U.categories,d.a.useMemo((function(){var e=t.page.content[0],n=e.subtitle,r=e.body;return{pageSubtitle:n?Object(N.n)(n):null,pageBody:r?Object(N.n)(r):null}}),[t])),q=Z.pageSubtitle,J=Z.pageBody;if("undefined"==typeof window)return null;var Q=X.map((function(e){return k(D,e.value)}));return d.a.createElement(y.a,null,d.a.createElement(b.a,{page:t.page}),d.a.createElement("div",null,d.a.createElement("div",{className:O.a.container},d.a.createElement("div",{className:O.a.topContent},q&&d.a.createElement(x.a,{className:O.a.sitetitleNewLayout,value:q+" : "+A}),J&&d.a.createElement("div",{className:O.a.bodyNewLayout,dangerouslySetInnerHTML:{__html:J}})),d.a.createElement("div",{className:O.a.selectOptionsNew},d.a.createElement(C.a,{title:"Filter by"},d.a.createElement(E.a,{name:"Functionality",values:X,selected:r,onChange:G,quantity:Q,xl:2.4,xxl:2.2}),d.a.createElement(w.a,{text:"Clear all filters >>",event:I}))),d.a.createElement("div",{key:R?1:2,tabIndex:0,role:"region","aria-label":"Product list"},d.a.createElement(v.a,{className:O.a.infiniteContainer,dataLength:W.length,hasMore:h<=K-1,loader:function(){return d.a.createElement("h4",null,"Loa

1ding...")},endMessage:d.a.createElement("p",{className:O.a.endMessage},"There are no more products")},d.a.createElement("div",{className:O.a.showingProducts},d.a.createElement(x.a,{value:"SHOWING "+H+" PRODUCTS",alignLeft:!0})),d.a.createElement(m.Container,{className:O.a.containerGridProducts},d.a.createElement(m.Row,{gridcolumns:2,className:O.a.rowGridColumns},W.length>0&&W.map((function(e,t){return d.a.createElement(m.Col,{key:e.id+":"+t,className:O.a.productCards,xs:12,lg:6},d.a.createElement("div",null,d.a.createElement(S.a,{type:"ratedProduct",product:e,title:e.title,image:e.image,slug:e.slug})))}))),h<K-1&&d.a.createElement(m.Row,null,d.a.createElement(m.Col,{className:O.a.seeMoreAnchor,xs:12,lg:6},d.a.createElement(w.a,{text:"See more Products >>",event:F,condensed:!0})))))))),d.a.createElement(T.a,{text:"WANT TO GET MORE TIPS AND TRICKS?",buttonText:"SUBSCRIBE TO THE NEWSLETTER",buttonUrl:"/signup/"}))}))},tLB3:function(e,t,n){n("sC2a");var r=n("GoyQ"),o=n("/9aa"),a=NaN,i=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,c=/^0o[0-7]+$/i,u=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(o(e))return a;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(i,"");var n=s.test(e);return n||c.test(e)?u(e.slice(2),n?2:8):l.test(e)?a:+e}},"vN+2":function(e,t){e.exports=function(){}},wclG:function(e,t,n){var r=n("pFRH"),o=n("88Gu")(r);e.exports=o},xweI:function(e,t,n){var r=n("XGnz"),o=n("alwl"),a=n("EA7m"),i=n("mv/X"),l=a((function(e,t){if(null==e)return[];var n=t.length;return n>1&&i(e,t[0],t[1])?t=[]:n>2&&i(t[0],t[1],t[2])&&(t=[t[0]]),o(e,r(t,1),[])}));e.exports=l},yue5:function(e,t,n){var r=n("/9aa");e.exports=function(e,t){if(e!==t){var n=void 0!==e,o=null===e,a=e==e,i=r(e),l=void 0!==t,s=null===t,c=t==t,u=r(t);if(!s&&!u&&!i&&e>t||i&&l&&c&&!s&&!u||o&&l&&c||!n&&c||!a)return 1;if(!o&&!i&&!u&&e<t||u&&n&&a&&!o&&!i||s&&n&&a||!l&&a||!c)return-1}return 0}}}]);
2//# sourceMappingURL=component---src-templates-new-products-js-4cc4d5f341d7f560370d.js.map