https://www.puratos.com/etc.clientlibs/settings/wcm/designs/purato…/resources/static/js/8830.2021c5a2.chunk.js

1"use strict";(self.webpackChunkpuratos_react=self.webpackChunkpuratos_react||[]).push([[8830],{34782(e,t,r){r.d(t,{x:()=>g});var a=r(96540),i=r(19115),n=r(60188),o=r(54585),l=r(41953),s=r(74848);const c=(0,l.OY)(),d=e=>{let{className:t,children:r}=e;return c?(0,s.jsx)(a.Fragment,{children:r}):(0,s.jsx)("picture",{className:t,children:r})};var u=r(77450);const p="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",m=(0,l.OY)(),h=e=>{let{image:t,altText:r,hasAltImage:a,position:i="card-image-middle-aligned",className:l,width:c,height:u}=e;if(!t)return null;const h=["lazyload",i,t.cssClass,l,a?"thumbnail__with-packshot":null].filter(e=>e).join(" ");if("string"===typeof t)return(0,s.jsx)(d,{children:(0,s.jsx)("img",{src:(0,o.hZ)(t)||p,alt:r,className:h,width:c,height:u,loading:"lazy",decoding:"async"})});if(m)return(0,s.jsx)("img",{src:(0,o.hZ)((0,n.L6)(t)),alt:r,className:"".concat(h," withFallback"),width:c,height:u});let g=n.iu.filter(e=>t[(e<=n.Ob?"thumbnail":"rendition")+e+"Path"]).map(e=>t[(e<=n.Ob?"thumbnail":"rendition")+e+"Path"]+" "+e+"w");return g.length||(g=Array(1).fill(t.renditionOriginalPath)),(0,s.jsx)("img",{className:h,alt:r,width:c,height:u,src:(0,o.hZ)((0,n.aC)(t)),srcSet:p,"data-sizes":"auto","data-srcset":g,loading:"lazy",decoding:"async"})},g=e=>{let{link:t,image:r,altImage:a,position:l,altText:c,children:m,useAltImage:g,showReferenceImageFirst:b,materialNumbers:f,hideOverlay:v=!1,addEvent:y,productClickData:j,width:w,height:x,listPosition:O=1}=e;const P=(0,n.L6)(r,128),N=(0,n.L6)(a,128),S=(0,i.useSelector)(e=>(0,o.G9)(e));return(0,s.jsxs)("figure",{className:"thumbnail__figure",children:[m,(0,s.jsxs)("a",{href:t,onClick:()=>y(j,O),onMouseDown:e=>1===e.button&&y(j,O),children:[!v&&f&&!N&&(0,s.jsx)(u.W,{id:f,fading:!0}),P&&(0,s.jsx)("div",{className:"thumbnail__packshot bg-lazyload lazyload withFallback".concat(g&&N?"":" no-opacity"," ").concat(b?"thumbnail__reference-image-first":""),style:{backgroundImage:"url('"+(0,o.hZ)(P)+"')"},children:!v&&f&&N&&(0,s.jsx)(u.W,{id:f,fading:!0})}),g&&N&&(0,s.jsx)(h,{image:a,altText:c,hasRendition:!!N,hasAltImage:!!P,position:l,width:w,height:x}),!P&&!N&&(0,s.jsx)(d,{className:"fallback-image",children:(0,s.jsx)("img",{src:(0,o.hZ)(S)||p,alt:c,width:w,height:x,loading:"lazy",decoding:"async"})})]})]})}},4611(e,t,r){r.d(t,{BE:()=>i,Wd:()=>a,cR:()=>n,eG:()=>s,kU:()=>l,uI:()=>o});const a={width:418,height:150},i={width:508,height:200},n={width:245,height:164},o={width:245,height:164},l={width:482,height:219},s={width:508,height:200}},58830(e,t,r){r.r(t),r.d(t,{CartRecommendations:()=>U,default:()=>M});var a=r(96540),i=r(19115),n=r(54585),o=r(66797),l=r(66977),s=r(34782),c=r(4611),d=r(74848);const u=e=>{let{product:t,fallbackImage:r,translate:i,addEvent:n,position:o}=e;return(0,d.jsxs)(a.Fragment,{children:[(0,d.jsx)(s.x,{image:t.skuImage||t.skuImageUrl||(t.image||t.imageUrl?null:r),altImage:t.image||t.imageUrl,useAltImage:!0,showReferenceImageFirst:!1,position:t.fileReferencePosition,link:t.link||t.productUrl,altText:t.referenceTitle||t.title||t.materialName,materialNumbers:t.materialNumber,listPosition:o,productClickData:t,addEvent:n,width:c.Wd.width,height:c.Wd.height}),(0,d.jsxs)("div",{className:"p-minicart-product-name",children:[(0,d.jsx)("div",{className:"p-minicart-product-checkbox-name-wrapper",children:t.productUrl?(0,d.jsx)("a",{href:t.productUrl,onClick:()=>n(t,o),onMouseDown:e=>1===e.button&&n(t,o),children:t.aemProdName}):(0,d.jsx)("p",{children:t.aemProdName})}),t.hasPrice?(0,d.jsx)("div",{className:"p-minicart-product-price",children:t.promotionUnitPriceDouble>0?(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-lt",children:t.totalUnitPrice}),(0,d.jsxs)("p",{className:"promoted-value",children:[t.promotionTotalPrice,(0,d.jsxs)("span",{children:[" ",i("each")]})]})]}):(0,d.jsx)("div",{children:(0,d.jsxs)("p",{children:[t.totalUnitPrice," ",(0,d.jsxs)("span",{children:[" ",i("each")]})]})})}):null]},"name"),(0,d.jsx)("div",{className:"p-margin-top-xs p-margin-bottom-sm",children:(0,d.jsx)(l.h,{product:t})})]})};var p=r(22178),m=r(64030),h=r(29413),g=r(95786),b=r(60040),f=r(51044),v=r(83943),y=r(69727),j=r(52306),w=r(67597),x=r(6664),O=r(51701),P=r(99792),N=r(5864),S=r(7790),_=r(31977),k=r(94290),A=r(90251),I=r

1(18022);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach(function(t){C(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const D=e=>!(null===e||void 0===e||!e.hasPrice)&&!(null===e||void 0===e||!e.totalUnitPrice),U=e=>{var t,r;const l=(0,o.GO)(),s=(0,i.useSelector)(e=>(0,p.zv)(e).fallbackImage),c=(0,i.useSelector)(b.B$),E=(0,i.useSelector)(x.D9),C=(0,i.useSelector)(b.u6),U=(0,i.useDispatch)(),[M,L]=(0,a.useState)([]),[R,G]=(0,a.useState)(!1),B=(0,a.useRef)(new Map),F=(0,a.useCallback)(e=>e.map(e=>{if(D(e))return e;const t=B.current.get(e.materialNumber);return void 0!==t?(0,A._6)(e,t):e}),[]),z=(0,a.useCallback)(async(e,t)=>{G(!0);try{await Promise.all(e.map(e=>(0,k.S)(String(e.materialNumber)).then(t=>B.current.set(e.materialNumber,t)).catch(()=>B.current.set(e.materialNumber,null)))),L(F(t))}catch(r){console.error("Error fetching cart recommendation prices:",r)}finally{G(!1)}},[F]);(0,a.useEffect)(()=>{var t;const r=null===e||void 0===e||null===(t=e.resource)||void 0===t?void 0:t.products;if(null===r||void 0===r||!r.length)return void L([]);const a=r.map(e=>T(T({},e),{},{productUrl:(0,I.lD)(e.productUrl)}));if(a.every(D)||!(0,P.M3)())return void L(a);const i=a.filter(e=>!D(e)&&e.materialNumber&&!B.current.has(e.materialNumber));0!==i.length?z(i,a):L(F(a))},[null===e||void 0===e||null===(t=e.resource)||void 0===t?void 0:t.products,F,z]);const H=(e,t)=>{U((0,y.EG)(T(T({},e),{},{type:j.IJ.CART_RECOMMENDATIONS}))),(0,g.V)(e,w.v.cartInterestedProducts,!0,c,E,t),O.v.selectItem({user_id:c,page_language:(0,n.wq)(),email_address:(0,P.M3)()?C:"",login_status:c?N.y.LOGGED_IN:N.y.GUEST,website_section:S.k.myProducts,items:(0,_.L_)(e,E,w.v.cartInterestedProducts)})};return(0,a.useEffect)(()=>{M.length>0&&U((0,v.u4)({products:M,list:j.IJ.CART_RECOMMENDATIONS,type:w.v.cartInterestedProducts}))},[M,U]),(0,a.useEffect)(()=>{const e=B.current;return()=>{e.clear()}},[]),(0,d.jsx)(a.Fragment,{children:(0,d.jsx)("div",{className:"row",children:(0,d.jsxs)("div",{className:"col-xs-12 p-cart-recommendations",children:[(0,d.jsx)("h5",{className:"p-cart-recommendations__title",children:l(null===e||void 0===e||null===(r=e.resource)||void 0===r?void 0:r.title)}),(0,d.jsx)("div",{className:"p-bundle-selector p-cart-recommendations__products",children:(0,d.jsx)("div",{className:"p-bundle-selector__body",children:(0,d.jsx)("div",{className:"p-bundle-row p-cell-orientation-vertical p-justify-center",children:(0,d.jsx)(h.x,{loading:(null===e||void 0===e?void 0:e.loading)||R,children:(0,d.jsx)(f.N8,{type:w.v.cartInterestedProducts,children:(0,d.jsx)(m.b,{children:M.map((e,t)=>(0,d.jsx)("div",{className:"p-bundle-row__cell p-minicart__product",children:(0,d.jsx)(u,{product:e,translate:l,fallbackImage:s,addEvent:H,position:t+1})},e.materialNumber||e.aemProdId))})})})})})})]})})})},M=(0,i.connect)((e,t)=>({resource:(0,n.W_)(e,t.model)||{}}),{})(U)},64030(e,t,r){r.d(t,{b:()=>c});r(96540);var a=r(4589),i=r(17477),n=r(74848);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?o(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function s(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=e=>{let{children:t}=e;const r=(0,i.a)("1200px"),o=null===t||void 0===t?void 0:t.toString().split(",").length,s={dots:!1,infinite:!0,speed:500,slidesToShow:o>2?3:2,slidesToScroll:1,responsive:[{breakpoint:1200,settings:{slidesToScroll:1,slidesToShow:o>2?3:2}},{breakpoint:980,settings:{slidesToScroll:1,slidesToShow:2}},{breakpoint:760,settings:{slidesToShow:1,slidesToScroll:1}}]};return(0,n.jsx)("div",{className:"card-container-slick-wrapper",children:r?(0,n.jsx)(a.A,l(l({},s),{},{className:"card-container-slider",children:t})):t})}},66977(e,t,r){r.d(t,{h:()=>F});var a=r(96540),i=r(5556),n=r.n(i),o=r(99792),l=r(19115),s=r(45037),c=r(2458),d=r(60040),u=r(96267),p=r(20666),m=r(62274),h=r(74692),g=r(51044),b=r(95786),f=r(69727),v=r(87055),y=r(76948),j=r(6664),w=r(51701),x=r(54585),O=r(5864),P=r(7790),N=r(31977),S=r(48931),_=r(74848);function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach(function(t){I(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function I(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const E="product-ordering";m.P.modals[E]=function(e){const[t,r]=(0,a.useState)(null),[i,n]=(0,a.useState)(!1),s=(0,l.useSelector)(d.B$),c=(0,l.useSelector)(j.D9),m=(0,l.useSelector)(d.u6),k=(0,l.useDispatch)();return(0,a.useEffect)(()=>{(0,o.hf)(o.gg.valid)&&(n(!0),(0,S.P)(e.payload.productId).then(e=>r(e)).catch(e=>{console.error("Failed to fetch product SKU data:",e),r([])}).finally(()=>n(!1)),k((0,v.w$)([e.payload.productId])))},[e.payload.productId]),(0,a.useEffect)(()=>{const e=h("body");return e.addClass("modal-open"),()=>e.removeClass("modal-open")}),(0,_.jsx)(u.P,{skus:t,loading:i,title:"Select package",children:(0,_.jsx)(g.N8,{type:e.payload.type,children:t&&(0,_.jsx)(p.A,{sku:t,addEvent:t=>{k((0,f.EG)(A(A({},t),{},{type:(0,y.GU)(e.payload.type)}))),(0,b.V)(t,e.payload.type,!0,s,c,1),w.v.selectItem({user_id:s,page_language:(0,x.wq)(),email_address:(0,o.M3)()?m:"",login_status:s?O.y.LOGGED_IN:O.y.GUEST,website_section:P.k.allProducts,items:(0,N.L_)(t,c,e.payload.type)})},showBundles:!0,hideCartAmountAlert:e.payload.hideCartAmountAlert,productCategoryTag:e.payload.productCategoryTag})})})};var T=r(94671),C=r(8576),D=r(52819),U=r(5047),M=r(94290),L=r(90251);function R(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class G extends a.Component{constructor(e){super(e),R(this,"fetchMaterials",async(e,t)=>(await Promise.all(e.map(async e=>{const[r,a]=await Promise.allSettled([(0,M.Q)(e,(0,x.ay)()),(0,M.S)(e)]),i="fulfilled"===r.status?r.value:null,n="fulfilled"===a.status?a.value:null;if(!i)return null;const o=(0,L.PQ)(i,n,t);return o&&"rejected"===a.status&&(o.hasPrice=!1),o}

1))).filter(Boolean)),R(this,"handleMouseHover",()=>{this.props.label&&this.setState(this.toggleHoverState)}),R(this,"toggleHoverState",e=>({showLabel:!e.showLabel})),R(this,"onClick",e=>{e&&e.preventDefault(),this.props.openModal(E,{productId:this.props.product.id||this.props.product.aemId||this.props.product.productId,hideCartAmountAlert:!0,type:this.context,productCategoryTag:this.props.product.productCategoryTag||""})}),this.state={showLabel:!1,materials:null}}async componentDidMount(){var e;const{product:t,isNewPdp:r}=this.props,a=t.id||t.aemId||t.productId,i=(null===t||void 0===t||null===(e=t.packagings)||void 0===e?void 0:e.map(e=>e.code).filter(Boolean))||[];if(r&&t&&a&&(0,o.M3)()&&i.length>0)try{const e=await this.fetchMaterials(i,a);this.setState({materials:e})}catch(n){console.error("Error fetching materials:",n)}}render(){var e,t;const r=this.state.materials,a=r&&r.some(e=>e.hasPrice),i=r&&r.every(e=>e.isObsolete),{loginUrl:n,product:l,isFinder:s=!1,small:d,inverted:u,label:p,padding:m,absolute:h,homepage:g,useHasPrice:b=!0,isBlocksale:f=!1}=this.props,{showLabel:v}=this.state;if(!l)return null;const{materials:y,packagings:j}=l,w=l.hasPrice||a,x=l.isObsolete||i,O=!!(y&&y[0]&&y[0].materialNumber)||!!(j&&j[0]&&j[0].code),P=x||b&&!w||s&&!O||f,N=b&&!w&&!x,S=(null===l||void 0===l?void 0:l.materialNumber)||(null===l||void 0===l?void 0:l.variationsList)&&(null===l||void 0===l||null===(e=l.variationsList[0])||void 0===e?void 0:e.materialNumber)||(null===l||void 0===l?void 0:l.packagings)&&(null===(t=l.packagings[0])||void 0===t?void 0:t.code),k=g?(0,_.jsxs)("div",{className:"p-padding-sm text-center",children:[g.accompanyingButtonText&&(0,_.jsx)("p",{dangerouslySetInnerHTML:{__html:N?g.accompanyingButtonText:g.obsoleteProduct},className:N?"":"p-margin-none"}),N&&(0,_.jsx)(U.p,{productId:S})]}):null;return(0,_.jsx)(c.A,{requireEcom:!0,children:(0,_.jsxs)(C.a,{children:[(0,_.jsx)(C.a.Fragment,{roles:o.gg.connected,children:(0,_.jsxs)(D.A,{placement:"auto",trigger:"hover",tooltip:k,delayHide:125,triggerClassName:"btn-add-to-cart__wrapper",disabled:!p||!b&&!x||b&&!x&&w||s||!k,children:[(0,_.jsx)("a",{className:"btn-add-to-cart ".concat(P?"disabled":""," ").concat(m?"p-margin-left-sm":""," ").concat(d?"small":""),href:"#!",onClick:()=>this.onClick(),children:(0,_.jsx)("span",{className:"btn-add-to-cart__holder btn-add-to-cart__icon ".concat(d?"small":"")})}),v&&!P&&(0,_.jsx)("span",{className:"btn-label ".concat(h?"btn-label-absolute":null),children:p})]})}),(0,_.jsx)(C.a.Fragment,{roles:o.gg.loggedOut,children:(0,_.jsx)("a",{className:"btn-add-to-cart ".concat(P?"disabled":""," ").concat(m?"p-margin-left-sm":""," ").concat(d?"small":""),href:n,children:(0,_.jsx)("span",{className:"btn-add-to-cart__holder btn-add-to-cart__icon ".concat(d?"small":"")})})})]})})}}R(G,"contextType",g.qe),R(G,"propTypes",{product:n().shape(T.ch).isRequired,loginUrl:n().string,openModal:n().func.isRequired,redirectToLogin:n().func,useHasPrice:n().bool,isDisabled:n().bool});const B={openModal:s.qf},F=(0,l.connect)(e=>({loggedIn:(0,d.x3)(e),loginUrl:(0,d.DA)(e),homepage:(0,x.VX)(e)}),B)(G)}}]);
2//# sourceMappingURL=8830.2021c5a2.chunk.js.map