https://thermonoord.nl/_ui/responsive/common/custom/js/chunks/ProductAlternatives.ef4ac5edecb4c0efb4b6.js

1"use strict";(self.webpackChunkpliegerstorefront=self.webpackChunkpliegerstorefront||[]).push([[8732],{2739:(e,t,n)=>{n.d(t,{AU:()=>o,Bd:()=>a,on:()=>r});function r(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.addEventListener&&e.addEventListener.apply(e,t)}function o(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)}var a="undefined"!=typeof window},10585:(e,t,n)=>{n.d(t,{Ay:()=>E,P8:()=>m,aG:()=>v});var r=n(96540),o=n(61019),a=n(46942),i=n.n(a),l=n(23489),c=n(49045),s=n(79330),u=n(29135),d=n(36819),f=n(51850),v=function(e){return e.SEARCH_SUGGESTIONS="SEARCH_SUGGESTIONS",e.PRICE_TOGGLE="PRICE_TOGGLE",e.NAVIGATION_MY_ACCOUNT="NAVIGATION_MY_ACCOUNT",e.MAIN_NAV="MAIN_NAV",e.MAIN_NAV_MOBILE="MAIN_NAV_MOBILE",e.SEARCH_FACETS="SEARCH_FACETS",e.MANAGE_PRODUCT_OVERLAY="MANAGE_PRODUCT_OVERLAY",e.EXPRESS_OVERLAY="EXPRESS_OVERLAY",e.FILTER_INVOICES_OVERLAY="FILTER_INVOICES_OVERLAY",e.FILTER_OVERLAY="FILTER_OVERLAY",e.ALTERNATIVE_PRODUCTS="ALTERNATIVE_PRODUCTS",e.SPARE_PARTS="SPARE_PARTS",e.MANAGE_NEW_ADDRESS="MANAGE_NEW_ADDRESS",e.INSIDE_SALES="INSIDE_SALES",e}({}),m=function(e){return e.FROM_LEFT="FROM_LEFT",e.FROM_RIGHT="FROM_RIGHT",e.FROM_BOTTOM="FROM_BOTTOM",e.CENTER="CENTER",e}({}),p={[m.FROM_LEFT]:"c-overlay--from-left",[m.FROM_RIGHT]:"c-overlay--from-right",[m.FROM_BOTTOM]:"c-overlay--from-bottom",[m.CENTER]:"c-overlay--center"};function E(e){var t=e.children,n=e.id,a=e.onClose,E=e.onAfterClose,h=e.className,b=void 0===h?"":h,y=e.hasBackdrop,O=void 0===y||y,g=e.type,A=e.render,_=(0,s.N)(),S=_.activeOverlay,w=_.setActiveOverlay,T=_.closeAnimatedOverlay,N=_.setCloseAnimatedOverlay,R=(0,f.h)().activeModal,I=(0,r.useRef)(null),L=(0,r.useRef)(null),M=(0,c.A)(l.$.lg.min),C=g||m.CENTER,k=!(null==R||!R.id);(0,r.useEffect)((function(){var e=document.getElementById("header"),t=M?64:56,r=(null==e?void 0:e.classList.contains("c-header--sticky"))&&(null==e?void 0:e.classList.contains("c-header--show-header"));null!=L&&L.current&&(null==S?void 0:S.id)===n&&window.pageYOffset>1&&r&&S.id===v.NAVIGATION_MY_ACCOUNT&&(L.current.style.top="".concat(t,"px"))}),[L.current,null==S?void 0:S.id]),(0,r.useEffect)((function(){var e;return(null==S?void 0:S.id)===n&&(null===(e=I.current)||void 0===e||e.classList.add("c-overlay--show")),(null==S?void 0:S.id)===n&&(0,d.dx)(),function(){var e;null===(e=I.current)||void 0===e||e.classList.remove("c-overlay--show"),u.Hz&&document.body.classList.remove(u.Hz)}}),[S]);var x=i()({"c-overlay__close-button":!0,"c-overlay__close-button--fixed":!0,"c-overlay__close-button--disabled":k}),B=i()({"c-overlay":!0,"c-content":!0,"c-copy--body":!0,"c-overlay__content-without-padding":!0,["".concat(b)]:Boolean(b)}),P=i()({["".concat(p[C])]:!0}),j=function(){var e;(null==S?void 0:S.id)===n&&(null===(e=I.current)||void 0===e||e.classList.add("overlay--close")),setTimeout((function(){N(!1),w({id:null})}),200)};return(0,r.useEffect)((function(){T&&j()}),[T]),(null==S?void 0:S.id)===n?r.createElement("div",{ref:I,className:B},O&&r.createElement(o.A,{disabled:k,ref:L,onClick:function(){null==a||a(),g===m.FROM_LEFT||g===m.FROM_RIGHT?j():w({id:null}),null==E||E()},className:x}),r.createElement("div",{className:P},A&&S&&n===S.id?A(S?S.overlayData:{}):t)):null}},14811:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(96540);const o=r.forwardRef((function(e,t){var n=e.href,o=e.rel,a=e.trackProductClick,i=void 0!==a&&a,l=e.onClick,c=e.onMouseOver,s=e.onMouseOut,u=e.className,d=void 0===u?"":u,f=e.children,v=e.target,m=e.title,p=e.aria,E=t||r.createRef();return(0,r.useEffect)((function(){i&&E.current&&E.current.setAttribute("data-track-product-click","")}),[i]),r.createElement("a",{ref:E,onClick:l,onMouseOver:c,onMouseOut:s,href:n,rel:o,target:v,title:m,className:"c-link ".concat(d),"aria-label":p},f)}))},23489:(e,t,n)=>{n.d(t,{$:()=>m});n(52675),n(89463),n(45700),n(28706),n(2008),n(23792),n(34782),n(89572),n(81278),n(26099),n(27495),n(38781),n(23500),n(62953);var r=["370px","470px","720px","960px","1272px","1650px"];r.xs=r[0],r.sm=r[1],r.md=r[2],r.lg=r[3],r.xl=r[4],r.xxl=r[5];function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var l,c,s=(c=6,function(e){if(Array.isArray(e))return e}(l=r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}

1finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(l,c)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(l,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u={xs:s[0],sm:s[1],md:s[2],lg:s[3],xl:s[4],xxl:s[5]},d=function(e){return u[e]?u[e]:parseInt(e,void 0)?e:(console.error("No valid breakpoint or size specified for media."),"0")},f=function(e){return"(max-width: ".concat(d(e),")")},v=function(e){return"(min-width: ".concat(d(e),")")},m=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({min:function(e){return"@media ".concat(v(e))},max:function(e){return"@media ".concat(f(e))},between:function(e,t){return"@media ".concat(v(e)," and ").concat(f(t))}},Object.keys(u).reduce((function(e,t){var n=t;return e[n]={min:v(n),max:f(n)},e}),{}))},32419:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});n(28706);var r=n(96540),o=n(10585),a=n(96995),i=n(14811),l=n(55494);const c=function(e){var t=e.product,n=e.totalRemoteStocks,o=e.onClickHandler,c=e.title;return r.createElement("div",{className:"c-product-alternative-block",onClick:o},r.createElement(a.default,{onlyUseThumbnail:!0,className:"product-alternative-block__image",sources:null==t?void 0:t.images}),r.createElement("div",{className:"product-alternative-block__product"},r.createElement("p",null,c),r.createElement("div",{className:"product-alternative-block__product-availability"},r.createElement(i.A,{href:"/p/".concat(t.code),className:"stocks--label"},r.createElement(l.A,{className:"stocks--icon",src:'<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 524 425">\n  <path d="M426 67l-101-1 1-66H0v360h18.81c7.63-46.23 47.79-81.5 96.19-81.5s88.55 35.27 96.19 81.5h68.63c7.63-46.23 47.79-81.5 96.19-81.5s88.55 35.27 96.19 81.5H524V210.5L426 67zm1 131h-99v-68h62l37 50v18z"/>\n  <circle cx="114" cy="376" r="49"/>\n  <circle cx="377.5" cy="376" r="49"/>\n</svg>'}),n))),r.createElement("div",{className:"product-alternative-block__icon-container"},r.createElement(l.A,{className:"product-alternative-block__icon",src:'<svg width="9" height="13" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t<path d="M1.5 1.5L6.5 6.5L1.5 11.5" stroke="#0037FF" stroke-width="3"/>\n</svg>\n'})))};var s=n(79330),u=n(16340),d=n(22022);const f=function(e){var t=e.product,n=(0,u.A)(),a=n.stockInfo,i=n.fetchStockInfo,l=(0,d.Bd)().t,f=(0,s.N)().setActiveOverlay;(0,r.useEffect)((function(){i([t.code],!0)}),[]);return null!=a&&a.totalRemoteStocksBasic?r.createElement("div",{className:"c-product-alternatives"},r.createElement("h2",{className:"product-alternatives__title"},l("product.alternatives.title")),r.createElement(c,{product:t,totalRemoteStocks:null==a?void 0:a.totalRemoteStocksBasic,key:t.code,onClickHandler:function(){f({id:o.aG.ALTERNATIVE_PRODUCTS,overlayData:{product:t,stockInfo:a}})},title:null!=a&&a.additionalStockData&&(null==a?void 0:a.additionalStockData.length)>

11?"".concat(null==a?void 0:a.additionalStockData.length,"  ").concat(l("product.alternatives.tile.title.plural")):"1  ".concat(l("product.alternatives.tile.title"))})):null}},49045:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(96540),o=n(2739);const a=function(e,t){var n=(0,r.useState)(function(e,t){return void 0!==t?t:!!o.Bd&&window.matchMedia(e).matches}(e,t)),a=n[0],i=n[1];return(0,r.useEffect)((function(){var t=!0,n=window.matchMedia(e),r=function(){t&&i(!!n.matches)};return n.addEventListener("change",r),i(n.matches),function(){t=!1,n.removeEventListener("change",r)}}),[e]),a}},61019:(e,t,n)=>{n.d(t,{A:()=>a});n(28706);var r=n(96540),o=n(51400);const a=r.forwardRef((function(e,t){var n=e.onClick,a=e.onMouseOut,i=e.onMouseOver,l=e.onBlur,c=e.onFocus,s=e.stopPropagation,u=void 0!==s&&s,d=e.preventDefault,f=void 0!==d&&d,v=e.ariaRequired,m=void 0!==v&&v,p=e.ariaLabel,E=e.className,h=void 0===E?"":E,b=e.gtmTrackEvent,y=void 0===b?"":b,O=e.gtmEventdata,g=void 0===O?{}:O,A=e.tabIndex,_=e.children,S=e.disabled,w=void 0!==S&&S,T=e.testHook,N=void 0===T?null:T,R=e.type,I=void 0===R?"button":R,L=e.id,M=e.dataTag,C=e.dataTestId;return r.createElement("button",{"data-testid":C,id:L,type:I,tabIndex:A,disabled:w,ref:t,"aria-label":p,"aria-required":m?"true":void 0,"data-testing-hook":N,onFocus:c,onMouseOver:i,onMouseOut:a,onBlur:l,onClick:function(e){y&&(0,o.Ig)(y,g),function(e,t,n,r){e&&n.stopPropagation(),t&&n.preventDefault(),r&&r(n)}(u,f,e,n)},className:"c-button ".concat(h).concat(w?" c-button--disabled":""),"data-tag":M},_)}))},76128:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(96540),o=Object.defineProperty,a=(e,t,n)=>(((e,t,n)=>{t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);const i=(e,t)=>typeof getComputedStyle<"u"?getComputedStyle(e,null).getPropertyValue(t):e.style.getPropertyValue(t),l=e=>i(e,"overflow")+i(e,"overflow-y")+i(e,"overflow-x");class c extends r.Component{constructor(e){super(e),a(this,"elementObserver"),a(this,"wrapper"),a(this,"lazyLoadHandler",(e=>{var t,n;const{onContentVisible:r}=this.props,[o]=e,{isIntersecting:a}=o;if(a){this.setState({visible:!0},(()=>{r&&r()}));const e=null==(t=this.wrapper)?void 0:t.current;e&&e instanceof HTMLElement&&(null==(n=this.elementObserver)||n.unobserve(e))}})),this.elementObserver=null,this.wrapper=r.createRef(),this.state={visible:!1}}componentDidMount(){var e;this.getEventNode();const{offset:t,threshold:n}=this.props,r={rootMargin:"number"==typeof t?`${t}px`:t||"0px",threshold:n||0};this.elementObserver=new IntersectionObserver(this.lazyLoadHandler,r);const o=null==(e=this.wrapper)?void 0:e.current;o instanceof HTMLElement&&this.elementObserver.observe(o)}shouldComponentUpdate(e,t){return t.visible}componentWillUnmount(){var e,t;const n=null==(e=this.wrapper)?void 0:e.current;n&&n instanceof HTMLElement&&(null==(t=this.elementObserver)||t.unobserve(n))}getEventNode(){var e;return(e=>{if(!(e instanceof HTMLElement))return window;let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(l(t)))return t;t=t.parentNode}return window})(null==(e=this.wrapper)?void 0:e.current)}render(){const{children:e,className:t,height:n,width:o,elementType:a}=this.props,{visible:i}=this.state,l={height:n,width:o},c=`LazyLoad${i?" is-visible":""}${t?` ${t}`:""}`;return(0,r.createElement)(a||"div",{className:c,style:l,ref:this.wrapper},i&&r.Children.only(e))}}a(c,"defaultProps",{elementType:"div",className:"",offset:0,threshold:0,width:null,onContentVisible:null,height:null})},96995:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v,imageFormat:()=>d});n(52675),n(89463),n(28706),n(23792),n(34782),n(26099),n(27495),n(38781),n(23500),n(62953);var r=n(96540),o=n(92409),a=n(76128),i=n(46942),l=n.n(i),c=n(22022);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}

1finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d={WEBSITE_XS:"websiteXS",WEBSITE_S:"websiteS",WEBSITE_M:"websiteM",WEBSITE_L:"websiteL",WEBSITE_XL:"websiteXL",PRODUCT:"product",THUMBNAIL:"thumbnail"},f={thumbnail:"80w",websiteXS:"512w",websiteS:"768w",websiteM:"1024w",websiteL:"1366w",websiteXL:"1920w"};const v=function(e){var t=s((0,r.useState)(!1),2),n=t[0],i=t[1],u=s((0,r.useState)(),2),v=u[0],m=u[1],p=s((0,r.useState)(),2),E=p[0],h=p[1],b=s((0,r.useState)(),2),y=b[0],O=b[1],g=(0,c.Bd)().t,A=l()({"c-image-container":!0,"c-image-container--loaded":n,["".concat(e.className)]:Boolean(e.className)}),_=l()({"u-object-fit--contain c-image-container__image":!0,["".concat(e.imageClassName)]:Boolean(e.imageClassName)}),S={thumbnail:"80w",product:"512w"};return(0,r.useEffect)((function(){var t=[];if(Boolean(e.sources)){var n,r;if(Object.keys(f).forEach((function(n){e.sources.forEach((function(e){e.format===n&&e.url&&t.push("".concat(e.url," ").concat(f[n]))}))})),t.length<=1&&(t=[],Object.keys(S).forEach((function(n){e.sources.forEach((function(e){e.format===n&&e.url&&t.push("".concat(e.url," ").concat(S[n]))}))}))),e.onlyUseThumbnail){t=[];var o=e.sources.find((function(e){return e.format===d.THUMBNAIL}));o?t.push("".concat(o.url," ").concat(S[d.THUMBNAIL])):t.push("/_ui/responsive/common/images/plieger-no-product.png ".concat(S[d.THUMBNAIL]))}m(t.join(", ")),h(e.sources.length>0?null===(n=e.sources.find((function(e){return e.format===d.PRODUCT||e.format===d.WEBSITE_XL||e.format===d.WEBSITE_L||e.format===d.WEBSITE_M||e.format===d.WEBSITE_S||e.format===d.WEBSITE_XS})))||void 0===n?void 0:n.url:"/_ui/responsive/common/images/plieger-no-product.png"),O(e.sources.length>0?null===(r=e.sources[0])||void 0===r?void 0:r.altText:g("image.not.found.label"))}else h("/_ui/responsive/common/images/plieger-no-product.png"),O(g("image.not.found.label"))}),[e.sources]),r.createElement("div",{className:A},e.lazyLoad?r.createElement(a.A,{height:"100%"},r.createElement(o.A,{onLoad:function(){i(!0)},src:E,alt:y,srcSet:v,className:_})):r.createElement(o.A,{onLoad:function(){i(!0)},src:E,alt:y,srcSet:v,className:_}))}}}]);