https://www.puratos.co.id/etc.clientlibs/settings/wcm/designs/pura…/resources/static/js/6104.d13039dd.chunk.js

1"use strict";(self.webpackChunkpuratos_react=self.webpackChunkpuratos_react||[]).push([[6104],{7689(e,t,s){s.d(t,{c:()=>n});s(96540);var r=s(74848);const n=()=>(0,r.jsx)("hr",{className:"p-divider p-margin-none p-padding-none"})},77857(e,t,s){s.d(t,{Y:()=>i});s(96540);var r=s(5556),n=s.n(r),o=s(74848);const i=e=>{let{style:t,direction:s,wrap:r,children:n,className:i,margin:a,onClick:l}=e;return(0,o.jsx)("div",{onClick:l,className:"p-flex"+(r?" p-flex-wrap":"")+(t?" "+t:"")+(s?" p-flex-"+s:"")+(a?" p-margin-"+a:"")+(i?" "+i:""),children:n})};i.styles={spaceBetween:"p-justify-space-between",center:"p-flex-justify-content-center"},i.directions={column:"column",row:"row"},i.margin={sm:"sm"},i.propTypes={style:n().oneOf(Object.values(i.styles)),direction:n().oneOf(Object.values(i.directions)),wrap:n().bool,children:n().any.isRequired}},26258(e,t,s){s.d(t,{$:()=>n});s(96540);var r=s(74848);const n=e=>{let{children:t,sizes:s={},className:n}=e;return(0,r.jsx)("div",{className:"table-group-cell ".concat(Object.entries(s).map(e=>"col-".concat(e[0],"-").concat(e[1])).join(" ")).concat(n?" "+n:""),children:t})}},96267(e,t,s){s.d(t,{P:()=>P});var r=s(96540),n=s(89029),o=s(69105),i=s(74848);function a(){return(0,i.jsx)(n.a.Body,{className:"text-center",children:(0,i.jsx)(o.A,{})})}var l=s(26493),c=s(77857),d=s(96236);function p(e){let{homepage:t}=e;return(0,i.jsx)(n.a.Body,{className:"ordering-modal__body",children:(0,i.jsx)(l.A,{className:"ordering-modal__product-row",style:c.Y.styles.center,children:(0,i.jsx)(l.A,{className:"row p-flex p-flex-wrap ",children:(0,i.jsx)(d.Ay,{text:t.obsoleteProduct})})})})}const u=e=>{let{translate:t,addAll:s}=e;return(0,i.jsx)(l.A,{className:"ordering-modal__header-row hide-mobile",style:c.Y.styles.center,children:(0,i.jsxs)(l.A,{className:"row p-flex p-flex-wrap",children:[(0,i.jsx)(l.A,{className:"p-flex col-xs-12 col-sm-5",children:(0,i.jsx)(l.A,{className:"row p-flex p-flex-align-center p-flex-justify",children:(0,i.jsx)(d.Ay,{text:t("Product"),fontSans:!0})})}),(0,i.jsx)(l.A,{className:"p-flex col-xs-12 col-sm-7",children:(0,i.jsxs)(l.A,{className:"row p-flex p-flex-wrap p-flex-justify",children:[(0,i.jsx)(l.A,{className:"p-flex col-xs-6 ".concat(s?"col-sm-4":"col-sm-3"),children:(0,i.jsx)(l.A,{className:"row p-flex p-flex-align-center p-flex-justify",children:(0,i.jsx)(d.Ay,{text:t("Unit"),fontSans:!0,className:"p-flex-justify-content-end-desktop-important"})})}),(0,i.jsx)(l.A,{className:"p-flex col-xs-6 ".concat(s?"col-sm-4":"col-sm-3"),children:(0,i.jsx)(l.A,{className:"row p-flex p-flex-align-center p-flex-justify",children:(0,i.jsx)(d.Ay,{text:t("Unit price"),fontSans:!0,className:"p-flex-justify-content-end-desktop-important"})})}),(0,i.jsx)(l.A,{className:"p-flex col-xs-6 ".concat(s?"col-sm-4":"col-sm-3"),children:(0,i.jsx)(l.A,{className:"row p-flex p-flex-align-center p-flex-justify",children:(0,i.jsx)(d.Ay,{text:t("Quantity"),fontSans:!0,className:"p-flex-justify-content-end-desktop-important"})})})]})})]})})};var m=s(7689),x=s(66797);function h(e){let{isPricingVatIncluded:t,children:s,addAll:r}=e;const o=(0,x.GO)();return(0,i.jsxs)(n.a.Body,{className:"ordering-modal__body",children:[(0,i.jsx)(u,{translate:o,addAll:r}),(0,i.jsx)(m.c,{}),s,t&&(0,i.jsx)("div",{className:"p-padding-left-md p-padding-right-md p-padding-bottom-xs",children:(0,i.jsx)("span",{className:"p-vat-text",children:o("Prices are incl. VAT")})})]})}var f=s(99792);function g(e){let{roleBased:t,closeModal:s}=e;return(0,i.jsx)(n.a,{title:t.relatedProductsOverlayTitle,closeModal:s,children:(0,i.jsx)(n.a.Body,{className:"text-center",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsx)(d.Ay,{text:t.relatedProductsOverlayText,btnLabel:t.relatedProductsOverlayBtnText,btnAction:t.relatedProductsOverlayBtnLink})})})})}var b=s(19115),y=s(83765),j=s(45037),v=s(54585);function P(e){let{skus:t,loading:s,title:o,children:l,addAll:c}=e;const d=(0,x.GO)(),u=(0,b.useSelector)(e=>(0,y.Yp)(e)),m=(0,b.useSelector)(e=>(0,v.IF)(e)),P=(0,b.useSelector)(e=>(0,v.W_)(e,(0,v.kJ)())),N=(0,b.useDispatch)(),O=r.useCallback(()=>N((0,j.Oo)()),[N,j.Oo]);return(0,f.hf)(f.gg.valid)?s?(0,i.jsx)(n.a,{size:n.a.sizes.XL,title:d(o),closeModal:O,children:(0,i.jsx)(a,{})}):t&&0!==t.length?(0,i.jsx)(n.a,{size:n.a.sizes.XL,title:d(o),closeModal:O,children:(0,i.jsx)(h,{isPricingVatIncluded:u,addAll:c,children:l})}):(0,i.jsx)(n.a,{size:n.a.sizes.XL,title:d(o),closeModal:O,children:(0,i.jsx)(p,{homepage:P})}):(0,i.jsx)(g,{roleBased:m,closeModal:O})}},79909(e,t,s){s.d(t,{z:()=>c});var r=s(96540),n=s(15434),o=s(67009),i=s(39047),a=s(46222),l=s(74848);const c=e=>{let{skus:t,variations:s,selected:c,onChange:d}=e;const p=(0,r.useRef)();return(0,r.useEffect)(()=>{void 0!==c&&-1!==c||d(0)},[s]),(0,l.jsxs)("div",{style:{position:"relative"},children:[(0,l.jsxs)(i.Ay,{className:"p-select form-control p-select--custom",value:c,onChange:d,getPopupContainer:()=>p.current,dropdownClassName:"p-select--custom__dropdown",children:[null===s||void 0===s?void 0:s.map(e=>(0,l.jsxs)(i.c$,{value:parseInt(e.materialNumber),children:[e.packaging," ",(0,l.jsx)("span",{className:"p-select--custom__badge pull-right",children:t&&(0,n.hJ)((0,a.zB)(t,e.materialNumber),null)?(0,l.jsx)(o.u,{code:(0,n.hJ)((0,a.zB)(t,e.materialNumber),{}).promoCode}):null})]},e.materialNumber)),!s&&(null===t||void 0===t?void 0:t.map(e=>(0,l.jsxs)(i.c$,{value:e.materialNumber,children:[e.packaging,(0,l.jsx)("span",{className:"p-select--custom__badge pull-right",children:(0,n.hJ)((0,a.zB)(t,e.materialNumber),null)?(0,l.jsx)(o.u,{code:(0,n.hJ)((0,a.zB)(t,e.materialNumber),{}).promoCode}):null})]},e.materialNumber)))]}),(0,l.jsx)("div",{ref:p})]})}},96236(e,t,s){s.d(t,{Ay:()=>f});var r=s(96540),n=s(5556),o=s.n(n),i=s(26258),a=s(51341),l=s(13956),c=s(34815),d=s(74848);function p(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function u(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};

1t%2?p(Object(s),!0).forEach(function(t){m(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):p(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}function m(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}const x={xxs:5,xs:5,sm:8};function h(e){const{text:t,btnLabel:s,btnAction:n,textSizes:o,btnSizes:p,fontSans:m,textCenter:h,className:f}=e,g=s&&n||x!==o?o:{xxs:12,xs:12,sm:12};return(0,d.jsxs)(r.Fragment,{children:[t&&(0,d.jsx)(i.$,{sizes:u({},g),className:"table-group-cell--text ".concat(f," ").concat(h?"p-flex-justify-content-center":""),children:(0,d.jsx)(a.w,{className:"text-muted ".concat(m?"p-sans":"p-serif-nr"," "),text:t})}),s&&n&&(0,d.jsx)(i.$,{sizes:u({},p),className:"table-group-cell--btn ".concat(f),children:(0,d.jsx)(l.$,{color:l.$.colors.SECONDARY,onClick:()=>(0,c.oo)(n),children:s})})]})}h.propTypes={text:o().string,btnLabel:o().string,btnAction:o().string},h.defaultProps={className:"",textSizes:x,btnSizes:{xxs:7,xs:7,sm:4},fontSans:!1,textCenter:!1};const f=h},67009(e,t,s){s.d(t,{u:()=>d});s(96540);var r=s(5556),n=s.n(r),o=s(94671),i=s(57107),a=s(93387),l=s(49408),c=s(74848);function d(e){let{promotion:t,small:s,code:r}=e;const{promoCode:n,promoLabel:o,shortPromoText:d,longPromoText:p,shortPromotionText:u,longPromotionText:m}=t||{promoCode:r},x="promo-label "+(u&&d||m&&p?"":" badge-empty ")+(s?" badge-promo--small":""),h=(0,c.jsxs)(l.A,{id:"popover-promo",children:[(0,c.jsx)(l.A.Header,{as:"h3",children:u||d}),(0,c.jsx)(l.A.Body,{children:m||p})]});return(0,c.jsx)(a.A,{trigger:"click",placement:"top",overlay:h,rootClose:!0,children:(0,c.jsx)(i.A,{className:x,children:n||o})})}d.propTypes={promotion:n().shape(o.Qw),small:n().bool},d.defaultProps={small:!1}},20666(e,t,s){s.d(t,{A:()=>Ce});var r=s(96540),n=s(19115),o=s(79393),i=s(5556),a=s.n(i);const l="OPTIONAL_BUNDLE",c={id:a().string,type:a().string,promoCode:a().string,shortPromoText:a().string,longPromoText:a().string,reduction:a().string,reductionDouble:a().number,threshold:a().number,activated:a().bool,thresholdNotReachedText:a().string},d={aemProdLongDescription:a().string,aemProdName:a().string,aemProdShortDescription:a().string,baseUnit:a().string,contractNumber:a().string,currency:a().string,hasContract:a().bool,hasPrice:a().bool,imageUrl:a().string,isObsolete:a().bool,longPromoText:a().string,materialDescription:a().string,materialNumber:a().oneOfType([a().number,a().string]),materialSalesText:a().string,minimumOrderableQuantity:a().number,packaging:a().string,promotion:a().shape(c),promoCode:a().string,promoText:a().string,promotionTotalPrice:a().string,promotionTotalPriceDouble:a().number,promotionUnitPrice:a().string,promotionUnitPriceDouble:a().number,promotionWeightPrice:a().string,promotionWeightPriceDouble:a().number,weightPrice:a().string,salesUnit:a().string,shortPromoText:a().string,skuImageUrl:a().string,stockType:a().string,totalUnitPrice:a().string,unitPrice:a().string,withContract:a().bool};var p=s(60188),u=s(66797),m=s(77450),x=s(83555),h=s(1934),f=s(93390),g=s(74848);function b(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}const y="RELATED_PRODUCTS";class j extends r.Component{constructor(){super(...arguments),b(this,"renderTitle",(e,t,s,r)=>e===y?(0,g.jsx)(x.e,{condition:t.productUrl,wrapper:e=>(0,g.jsx)("a",{href:t.productUrl,onClick:()=>s(t,r),onMouseDown:e=>1===e.button&&s(t,r),children:e}),children:(0,g.jsx)("h6",{className:"block bold p-sans p-small p-margin-none",children:t.aemProdName})}):(0,g.jsx)("div",{children:(0,g.jsx)(x.e,{condition:t.productUrl,wrapper:e=>(0,g.jsx)("a",{href:t.productUrl,onClick:()=>s(t,r),onMouseDown:e=>1===e.button&&s(t,r),children:e}),children:(0,g.jsx)("h6",{className:"p-sans p-margin-none p-margin-right-xs",children:t.aemProdName})})}))}render(){const{product:e,fallbackImage:t,context:s,translate:n,addEvent:o,position:i,showStock:a=!1}=this.props;return(0,g.jsxs)(r.Fragment,{children:[(0,g.jsx)("div",{className:"full-height table-group-cell col-md-3 ie-align-center",children:(0,g.jsxs)(x.e,{condition:e.productUrl,wrapper:t=>(0,g.jsx)("a",{href:e.productUrl,onClick:()=>o(e,i),onMouseDown:t=>1===t.button&&o(e,i),children:t}),children:[e.materialNumber&&(0,g.jsx)(m.W,{id:e.materialNumber,rounded:"sm",fading:!0,small:!0}),(e.skuImageUrl||e.imageUrl||t)&&(0,g.jsx)("img",{className:"my-puratos__packshot-image",src:e.skuImageUrl||e.imageUrl||(0,p.L6)(t),alt:e.referenceTitle||e.title||e.aemProdName})]})}),(0,g.jsxs)("div",{className:"full-height table-group-cell p-flex p-flex-column p-flex-justify-content-space-evenly col-sm-12 col-md-9",children:[this.renderTitle(s,e,o,i),(0,g.jsx)("span",{className:"text-muted p-xsmall block p-serif-nr",children:e.materialDescription}),(0,g.jsxs)("span",{className:"text-muted p-xsmall block p-serif-nr",children:[n("Material n\xb0"),": ",e.materialNumber]}),a&&e.hasPrice&&(0,g.jsx)(f.jD,{size:"760px",children:(0,g.jsx)(h.l,{type:e.stockType,showTooltip:!1})})]})]})}}

1b(j,"propTypes",{product:a().shape(d),fallbackImage:a().shape(p.yj),showStock:a().bool});const v=(0,u.lI)(j);var P=s(77857),N=s(54585),O=s(15195),w=s(26493);const k=/(\d+((,|.)\d+)?)/;var T=s(26258),C=s(17477);function A(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function S(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?A(Object(s),!0).forEach(function(t){D(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}function D(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}const z=e=>{let{label:t,value:s,altValue:r,width:n,sizes:o,isLast:i,className:a,hideDesktop:l=!0}=e;const c=r&&function(e){if("number"===typeof e)return 0!==e;let t=e&&(k.exec(e)[1]||"0");return t=t.replace(",","."),!isNaN(parseFloat(t))&&0!==parseFloat(t)}(r)&&r!==s,d=(0,C.a)("1000px");return(0,g.jsxs)(T.$,{sizes:S(S({},o),{},{sm:n||o.sm}),className:"table-group-cell__value ".concat(i?"is-last":""," ").concat(a?" "+a:""),children:[t&&(0,g.jsx)("label",{className:"".concat(l?"hide-desktop":""),children:t}),(0,g.jsx)("span",{className:"p-serif-nr"}),(0,g.jsx)("span",{className:"".concat(d?"p-heavy":""," ").concat(c?"text-lt":""),children:s}),c&&(0,g.jsx)("span",{className:"p-text-promotion ".concat(d?"p-heavy":""),children:r})]})};z.propTypes={value:a().oneOfType([a().string,a().object]),label:a().string,altValue:a().string},z.defaultProps={sizes:{xxs:6,xs:6,sm:3}};const _=z;var q=s(79909),E=s(46222);function B(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function L(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?B(Object(s),!0).forEach(function(t){U(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):B(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}function U(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}const Q=e=>{var t;let{current:s,label:r,options:n,setOption:o,sizes:i,className:a,isLast:l,hideDesktop:c=!0}=e;return(0,g.jsxs)(T.$,{sizes:L({},i),className:"table-group-cell__value ".concat(l?"is-last":""," ").concat(a),children:[r&&(0,g.jsx)("label",{className:"text-muted p-tiny ".concat(c?"hide-desktop":""),children:r}),(0,g.jsx)("span",{className:"p-serif-nr"}),(0,g.jsx)("div",{children:(0,g.jsx)(q.z,{selected:null===(t=(0,E.zB)(n,s.materialNumber))||void 0===t?void 0:t.materialNumber,skus:n,onChange:o})})]})};Q.propTypes={label:a().string,options:a().array,setOption:a().func},Q.defaultProps={className:"",sizes:{xxs:6,xs:6,sm:3}};const I=Q;var M=s(72540),$=s(13956);const F={xxs:6,xs:6,sm:4},V={xxs:6,xs:6,sm:3};function G(e){let{sku:t,addToCart:s,quantity:n,updateQuantity:o,isLoading:i,response:a,cartQuantity:l=0,packagingOptions:c,setSkuPackaging:d,addAll:p,hideCartAmountAlert:m,showStock:x}=e;const b=(0,u.GO)();return(0,g.jsxs)(r.Fragment,{children:[c&&c.length>1?(0,g.jsx)(I,{label:b("Unit"),current:t,options:c,setOption:d,sizes:p?F:V,className:"p-flex-align-en

1d-desktop-important"}):(0,g.jsx)(_,{label:b("Unit"),value:t.packaging,sizes:p?F:V,className:"p-flex-align-end-desktop-important"}),(0,g.jsx)(_,{label:b("Unit price"),value:t.totalUnitPrice,altValue:t.promotionTotalPrice?t.promotionTotalPrice:void 0,sizes:p?F:V,className:"p-flex-align-end-desktop-important"}),x&&(0,g.jsx)(f.hM,{size:"760px",children:(0,g.jsx)(h.l,{type:t.stockType,showTooltip:!1,className:"mobile-row p-margin-bottom-sm"})}),(0,g.jsx)(T.$,{className:(p?"col-xxs-12 col-xs-12 col-sm-4":"col-xxs-6 col-xs-6 col-sm-3")+" is-last table-group-cell__input p-flex-justify-content-end-desktop-important",children:(0,g.jsx)(M.M,{min:Math.max(1,t.minimumOrderableQuantity-l),disabled:i||"BLOCKSALE"===t.stockType,updateValue:o,value:n})}),!p&&s&&(0,g.jsx)(T.$,{className:"col-xxs-6 col-xs-6 col-sm-3 is-last p-flex p-align-self-center-sm p-flex-justify-content-end-desktop-important",children:(0,g.jsx)($.h,{loading:i,disabled:!n||i||"BLOCKSALE"===t.stockType,onClick:s,response:a,small:!0})}),!m&&l>0&&t.materialNumber&&(0,g.jsx)(T.$,{className:"col-xxs-12 p-align-self-center-sm",children:(0,g.jsx)("div",{className:"product-detail-cart-quantity",children:(0,g.jsx)("span",{className:"p-sans p-tiny",children:b("You currently have {0} in your cart").replace("{0}",l)})})})]})}G.propTypes={sku:i.shape(d),quantity:i.number,addToCart:i.func},G.defaultProps={quantity:0};var Y=s(6664),R=s(96236),J=s(82960),K=s(51044),H=s(5047),W=s(15434),X=s(51701),Z=s(60040),ee=s(99792),te=s(5864),se=s(31977),re=s(76948),ne=s(69727);const oe=["hasPrice","isObsolete"];function ie(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,r)}return s}function ae(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(s),!0).forEach(function(t){le(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):ie(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}function le(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class ce extends r.Component{constructor(){super(...arguments),le(this,"state",{quantity:Math.max(1,this.props.product.minimumOrderableQuantity-(this.props.cartQuantity||0))||1,response:!1,skuPackaging:void 0}),le(this,"setSkuPackaging",e=>{this.setState({skuPackaging:e})}),le(this,"updateQuantity",e=>{this.props.isLoading||this.setState({quantity:e},()=>{this.props.onQuantityChange&&"function"===typeof this.props.onQuantityChange&&this.props.onQuantityChange(e)})}),le(this,"addToCartCallBack",()=>{const{product:e,userId:t,userEmail:s,currency:r,subTotalPrice:n,setProductCrossSell:o}=this.props||{},i=e[0].promotions[0],a={promotion_id:i?i.id:"",promotion_name:i?i.longPromoText:""};o(ae(ae({},e),{},{type:(0,re.GU)(this.context)})),X.v.addToCart({user_id:t,page_language:(0,N.wq)(),email_address:(0,ee.M3)()?s:"",login_status:t?te.y.LOGGED_IN:te.y.GUEST,website_section:(0,re.dI)(this.context),subTotalPrice:n,currency:r,items:(0,se.QK)(e,r,(0,re.dI)(this.context),this.state.quantity,a)}),this.setState({quantity:1,response:!0})}),le(this,"dispatchAddToCart",()=>{const{isLoading:e,addProductToCart:t,product:s}=this.props;this.setState({response:!1}),e||t((0,E.zB)(s,this.state.skuPackaging),this.state.quantity,this.context,this.addToCartCallBack)}),le(this,"renderValues",(e,t,s,r)=>{const{homepage:n,isLoading:o,addAll:i,cartQuantity:a,hideCartAmountAlert:l,translate:c,productCategoryTag:d}=this.props,p=(0,E.zB)(e,t),{hasPrice:u=!0,isObsolete:m=!1}=p,x=function(e,t){if(null==e)return{};var s,r,n=function(e,t){if(null==e)return{};var s={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;s[r]=e[r]}return s}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)s=o[r],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(n[s]=e[s])}return n}(p,oe);if(m)return(0,g.jsxs)(g.Fragment,{children:[(null===e||void 0===e?void 0:e.length)>1&&(0,g.jsx)(I,{label:c("Unit"),current:x,sizes:{xxs:12,xs:6,sm:4,md:3},options:e,setOption:s}),(0,g.jsx)(R.Ay,{text:n.obsoleteSku,textSizes:{xxs:12,xs:6,sm:8,md:9},textCenter:!0})]});if(u){const n=a.filter(e=>e[0]===t)[0][1]||0;return(0,g.jsx)(G,{sku:x,updateQuantity:this.updateQuantity,quantity:this.state.quantity,addToCart:this.dispatchAddToCart,cartQuantity:n,isLoading:o,addAll:i,response:this.state.response,hideCartAmountAlert:l,packagingOptions:e,setSkuPackaging:s,showStock:r})}{const t=(null===e||void 0===e?void 0:e.length)>1;return(0,g.jsxs)(g.Fragment,{children:[t&&(0,g.jsx)(I,{label:c("Unit"),current:x,sizes:{xxs:12,xs:12,sm:5,md:3},options:e,setOption:s}),(0,g.jsx)(R.Ay,{text:n.accompanyingButtonText,textSizes:{xxs:12,xs:12,sm:t?7:12,md:t?5:8},textCenter:!0}),(0,g.jsx)(T.$,{sizes:{xxs:12,xs:12,sm:12,md:4},className:"table-group-cell--btn",children:(0,g.jsx)(H.p,{productRowData:x,productCategoryTag:d,productId:x.materialNumber})})]})}})}componentDidMount(){var e;void 0!==this.props.selected&&this.setState({skuPackaging:null===(e=(0,E.zB)(this.props.product,this.props.selected))||void 0===e?void 0:e.materialNumber})}

1componentDidUpdate(e,t,s){var r;void 0!==this.props.selected&&e.selected!==this.props.selected&&this.setState({skuPackaging:null===(r=(0,E.zB)(this.props.product,this.props.selected))||void 0===r?void 0:r.materialNumber});void 0!==this.props.quantity&&e.quantity!==this.props.quantity&&this.setState({quantity:this.props.quantity})}render(){const{product:e,hideDetails:t,skuChangeHandler:s,addEvent:r,showStock:n,position:o}=this.props,{skuPackaging:i}=this.state;if(!i)return null;const a=(0,E.zB)(e,i),l=(0,W.hJ)(a);return(0,g.jsxs)(w.A,{className:"ordering-modal__product-row ".concat(l.id?"promo-row":""),style:P.Y.styles.center,children:[l&&(l.promoCode||l.id)&&(0,g.jsx)("p",{className:"promo-label",children:l.promoCode||l.id}),(0,g.jsxs)(w.A,{className:"row p-flex p-flex-wrap ",children:[!t&&(0,g.jsx)(w.A,{className:"p-flex col-xs-12 col-sm-5",children:(0,g.jsx)(w.A,{className:"row p-flex p-flex-align-center p-flex-justify",children:(0,g.jsx)(v,{product:(0,E.zB)(e,i),addEvent:r,position:o,showStock:n})})}),(0,g.jsx)(w.A,{className:"p-flex p-flex-align-center col-xs-12"+(t?"":" col-sm-7"),children:(0,g.jsx)(w.A,{className:"row p-flex p-flex-wrap p-flex-justify p-flex-justify-content-end",children:this.renderValues(e,i,s||this.setSkuPackaging,n)})})]})]})}}le(ce,"defaultCellSizes",{xs:6,sm:3}),le(ce,"contextType",K.qe),le(ce,"propTypes",{product:a().arrayOf(a().shape(d)).isRequired,homepage:a().shape(p.IY),addProductToCart:a().func,isLoading:a().bool,hideDetails:a().bool,cartQuantity:a().arrayOf(a().arrayOf(a().number)),columns:a().arrayOf(a().arrayOf(a().string)),showStock:a().bool}),le(ce,"defaultProps",{isLoading:!1,showStock:!1});const de={addProductToCart:O.SO,setProductCrossSell:ne.EG},pe=(0,J.Zz)((0,n.connect)((e,t)=>{var s;return{homepage:(0,N.VX)(e),cartQuantity:t.product.map(t=>[t.materialNumber,(0,Y.jO)(e,t.materialNumber)]),isLoading:t.addAll?(0,o.KT)(e,(0,o.FK)()):(0,o._m)(e,t.product.map(e=>(0,o.FK)(e.materialNumber))),userId:(0,Z.B$)(e),currency:(0,Y.D9)(e),userEmail:(0,Z.u6)(e),subTotalPrice:null===e||void 0===e||null===(s=e.myPuratos_cart)||void 0===s||null===(s=s.data)||void 0===s?void 0:s.subTotalDouble}},de),u.lI)(ce);var ue=s(53607),me=s(7689);const xe={sm:3,xxs:6,xs:6},he={xxs:12,sm:3};function fe(e){let{bundle:t,addToCart:s,quantity:n,updateQuantity:o,isLoading:i,response:a,addedQuantity:l=0}=e;const c=(0,u.GO)();if(!t)return null;const d=(t.remainingQuantity||0)-l;return(0,g.jsxs)(r.Fragment,{children:[(0,g.jsx)(_,{sizes:xe,label:c("Unit price"),value:t.unitPrice,altValue:t.promotionUnitPrice}),(0,g.jsx)(T.$,{sizes:xe,className:"table-group-cell__input",children:(0,g.jsx)(M.M,{min:1,max:d,disabled:i||0===d,updateValue:o,value:n})}),s&&(0,g.jsx)(T.$,{sizes:he,className:"is-last p-align-self-center-sm",children:(0,g.jsx)($.h,{loading:i,disabled:!d||i,block:!0,onClick:s,response:a})})]})}fe.propTypes={price:i.string,altPrice:i.string,quantity:i.number,addToCart:i.func,columns:i.arrayOf(i.arrayOf(i.string))},fe.defaultProps={quantity:0};var ge=s(27451);const be={sm:3,xxs:6,xs:6},ye={sm:3,xxs:4,xs:4};const je=(0,u.lI)(function(e){let{product:t,translate:s,quantity:r,updateQuantity:n,modal:o=!1,addEvent:i,position:a}=e;const l=(0,C.a)("1000px");return(0,g.jsxs)(w.A,{className:"row p-flex p-flex-wrap",style:P.Y.styles.center,children:[(0,g.jsx)(w.A,{className:"p-flex col-xs-12 col-sm-5",children:(0,g.jsx)(w.A,{className:"".concat(o&&!l?"":"row"," p-flex p-flex-justify"),children:(0,g.jsx)(v,{product:t,context:y,addEvent:i,position:a})})}),(0,g.jsxs)(w.A,{className:"row p-flex p-flex-wrap p-flex-justify-content-end col-xs-12 col-sm-7 p-margin-none p-padding-none",children:[(0,g.jsx)(_,{label:s("Package"),sizes:n?be:ye,isLast:!0,value:(0,g.jsx)(ge.A,{sku:t})}),(0,g.jsx)(_,{label:s("Unit price"),sizes:n?be:ye,value:t.isFreeGood?s("Free"):t.unitPrice,altValue:t.isFreeGood?null:t.promotionUnitPrice,isLast:!0}),n?(0,g.jsx)(T.$,{className:"col-sm-6 is-last p-align-self-center-sm",children:(0,g.jsx)(M.M,{min:0,updateValue:n,value:r})}):(0,g.jsx)(_,{sizes:ye,label:s("Amount"),value:""+r,isLast:!0}),(0,g.jsx)(_,{className:"hide-mobile"})]})]})});var ve=s(98069);function Pe(e,t,s){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var s=e[Symbol.toPrimitive];if(void 0!==s){var r=s.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:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class Ne extends r.Component{constructor(){super(...arguments),Pe(this,"state",{quantity:1,response:!1,showDetail

1s:!0}),Pe(this,"updateQuantity",e=>this.setState({quantity:e})),Pe(this,"orderProduct",()=>{this.setState({response:!1}),this.props.addBundleToCart({bundle:this.props.bundle,quantity:this.state.quantity,type:this.context,callback:()=>{this.setState({quantity:1,response:!0})}})}),Pe(this,"toggleBundleDetails",()=>this.setState({showDetails:!this.state.showDetails}))}componentDidMount(){this.props.sku&&this.setState({quantity:1})}componentDidUpdate(e,t,s){e.sku!==this.props.sku&&this.setState({quantity:1})}render(){const{promotion:e,bundle:t,isBundleLoading:s,translate:r,addEvent:n,position:o}=this.props,{showDetails:i}=this.state;return(0,g.jsxs)("div",{className:"ordering-modal__product-row promoted"+((null===e||void 0===e?void 0:e.type)===l?" p-padding-top-md":""),children:[(0,g.jsxs)(w.A,{className:"row p-flex p-flex-wrap ordering-modal__product-row",style:P.Y.styles.center,children:[(0,g.jsxs)("div",{className:"p-flex p-flex-column col-sm-5 col-xs-12",children:[(0,g.jsxs)("h6",{className:"p-sans p-margin-top-none p-margin-bottom-xs",children:[r("Bundle"),": ",null===t||void 0===t?void 0:t.bundleName]}),(0,g.jsxs)("a",{className:"p-bundle-row__show-hide p-margin-bottom-xs",onClick:this.toggleBundleDetails,children:[r(i?"Collapse details":"Expand details"),(0,g.jsx)("span",{className:i?"open":"closed"})]})]}),(0,g.jsx)("div",{className:"row p-flex p-flex-wrap p-flex-align-center p-flex-justify-content-end col-xs-12 col-sm-7 p-padding-none p-margin-none",children:(0,g.jsx)(fe,{bundle:t,isLoading:s,response:this.state.response,updateQuantity:this.updateQuantity,quantity:this.state.quantity,addToCart:this.orderProduct})})]}),i&&(0,g.jsx)("div",{className:"p-margin-top-sm",children:null===t||void 0===t?void 0:t.items.map(e=>(0,g.jsx)(je,{product:e,quantity:e.quantity,addEvent:n,position:o,modal:!0},e.materialNumber))})]})}}Pe(Ne,"contextType",K.qe);const Oe={addBundleToCart:ve.bg},we=(0,u.lI)((0,n.connect)(void 0,Oe)(Ne));var ke=s(12048);class Te extends r.Component{render(){var e,t;const{sku:s,bundles:n,bundleLoading:o,skuChangeHandler:i,addAll:a,showBundles:l,selected:c,onQuantityChange:d,hideCartAmountAlert:p,quantity:u,addEvent:m,position:x,productCategoryTag:h}=this.props,f=l&&(null===n||void 0===n?void 0:n.length)>0;return(0,g.jsxs)(r.Fragment,{children:[(0,g.jsx)(pe,{productCategoryTag:h,product:s,skuChangeHandler:i,position:x,onQuantityChange:d,addAll:a,selected:c||(null===(t=s[0])||void 0===t?void 0:t.materialNumber),hideCartAmountAlert:p,quantity:u,addEvent:m,showStock:!0},null===(e=s[0])||void 0===e?void 0:e.materialNumber),f&&(0,g.jsx)(me.c,{}),(0,g.jsx)(ue.C,{show:f,children:null===n||void 0===n?void 0:n.map((e,t)=>(0,g.jsx)(we,{promotion:e,bundle:null===e||void 0===e?void 0:e.option,position:x,isBundleLoading:o[t],addEvent:m},null===e||void 0===e?void 0:e.bundleId))})]})}}const Ce=(0,n.connect)((e,t)=>{const s=t.sku.map(t=>(0,ke.ti)(e,t.materialNumber)).filter(Boolean).flat();return{bundles:s,bundleLoading:null===s||void 0===s?void 0:s.map(t=>(0,o.DG)(e,(0,o.v7)(null===t||void 0===t?void 0:t.bundleId)))}})(Te)},94671(e,t,s){s.d(t,{Qw:()=>l,b3:()=>i,ch:()=>a});var r=s(5556),n=s.n(r),o=s(60188);const i=Object.assign({id:n().string,title:n().string,referenceTitle:n().string,image:n().shape(o.yj),link:n().string}),a=Object.assign({skuImage:n().shape(o.yj),isObsolete:n().bool,hasPrice:n().bool},i),l={longPromotionText:n().string,promoCode:n().string,shortPromotionText:n().string}},12048(e,t,s){s.d(t,{Hf:()=>r,ti:()=>n});const r=e=>{var t;return null===(t=e.myPuratos_promotions)||void 0===t||null===(t=t.bundles)||void 0===t?void 0:t.map(e=>e.products)},n=(e,t)=>{var s;return null===(s=(e=>{var t;return null===(t=e.myPuratos_promotions)||void 0===t?void 0:t.bundles})(e))||void 0===s?void 0:s.filter(e=>{var s;return 0!==(null===(s=e.products)||void 0===s||null===(s=s.option)||void 0===s||null===(s=s.items)||void 0===s?void 0:s.filter(e=>e.materialNumber==t).length)}).map(e=>e.products)}}}]);
2//# sourceMappingURL=6104.d13039dd.chunk.js.map