https://tapeservice.be/static/js/3091.3a56f04f.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3091],{72246:(e,t,i)=>{e.exports=i(12922).wrapCssModule(e.id,i(20673))},83091:(e,t,i)=>{"use strict";i.d(t,{V:()=>C,C:()=>L});var o=i(12922),r=i(72246),l=i.n(r),c=i(25498),s=i(70358),d=i(48598),a=i(76809),u=i(10170),n=i(2272),p=i(24147),m=i(39706),h=i(18913),g=i(15166),_=i(97328),P=i(16911),x=i(72740),T=i(45107),b=i(34814),v=i(51834),f=i(21010);const w=(0,o.withStyles)(l())((e=>{let{product:t,blockId:i,onUomUpdate:o}=e;const{id:r,uoms:u,isOrderable:p,title:m}=t,w=(0,v.Ph)(),j=(0,s.useDispatch)(),{basketModifiedDate:y,basketUpdatedById:S,allowUOMSelection:I,preselectedAgreementLine:N}=(0,s.useSelector)((e=>{var t;const i='salesAgreement'in e.page?null==(t=e.page.salesAgreement)?void 0:t.preSelectedLine:void 0;return{basketModifiedDate:e.basket.modifiedDate,basketUpdatedById:e.basket.updated.updaterId,allowUOMSelection:e.settings.product.allowUOMSelection,preselectedAgreementLine:i}}),s.shallowEqual),k=(0,d.g4)(),B=(0,g.useCultureName)(),U=(0,c.useContext)(n.qM),[A]=(0,c.useState)(P.r),[C,O]=(0,c.useState)(!1),[z,D]=(0,c.useState)(t.uom&&t.uom.id),L=k&&!(!z||null==u||!u.length)&&(p||!p&&I&&u.length>1),[G,M]=(0,h.KR)(['Aria_AddToBasket_Label',L&&'Aria_QuantityReset']).texts,q=(0,c.useMemo)((()=>(0,d.Hj)(null==u?void 0:u.find((e=>e.id===z)),!0)),[z]),[V,E]=(0,c.useState)({value:q.initial,isValid:!0});(0,x.yA)((()=>{E({value:q.initial,isValid:!0})}),[q]);const $=(0,_.$q)(r,i,'qty'),K=()=>{if(w||C||!V.value)return;var e;if(!V.isValid)return void(null==(e=document.getElementById($))||e.focus());const t=null==U?void 0:U.trackingSource;O(!0),j((0,T.kD)([{productId:r,uomId:z,quantity:V.value,salesAgreementLine:N}],t,A))};(0,c.useEffect)((()=>{S===A&&O(!1)}),[S,y]);const R=(0,g.getNumberDecimalsSeparator)(B),H=(0,f.jsx)(a.O,{className:"placeholder"});return(0,f.jsxs)(f.Fragment,{children:[!1===p&&(0,f.jsx)("span",{className:`${l().notAvailable} msg-not-available`,children:(0,f.jsx)(h.gJ,{textKey:"Product_NotAvailable",placeholder:H})}),(0,f.jsxs)("div",{className:l().qtyBox,children:[p&&(0,f.jsx)(d.Kc,{id:$,quantity:q,value:V.value,onChange:E,onKeyDown:e=>{'Enter'===e.key&&K()},separator:R,allowResetOnStepDecrease:!0}),L&&(0,f.jsx)(d.hu,{productId:r,allowUOMSelection:I,uomId:z,uoms:u,onUomChange:e=>{D(e),null==o||o(r,e)},ariaChangeStatus:M,className:l().uomSelector})]}),p&&(0,f.jsx)("div",{className:l().orderBox,children:(0,f.jsx)(b.Oi,{theme:"action",size:"sm",textKey:"AddToBasket","aria-label":m?(0,h.g_)(G,[m]):null,onClick:K,placeholder:H})})]})})),j=(0,o.withStyles)(l())((e=>{var t,i,o;let{product:r,noImage:s,tilesPerView:h,isB2B:g,blockId:_,onUomUpdate:P,tooltipOptions:x}=e;const T=(0,v.Ph)(),b=(0,c.useRef)(null),{id:j,url:y,title:S,image:I,customerSpecificId:N,uom:k}=r,B=u.OR.forProduct.bind(null,j);(0,c.useEffect)((()=>{if(!h)return;const e=b.current;return e.style.width=100/h+'%',()=>{e.style.width=''}}),[h]);const{trackingSource:U}=(0,c.useContext)(n.qM),A=(0,m.wW)(p.Ul.OrderProducts)[0],C=(0,f.jsx)(a.O,{className:l().namePlaceholder}),O=(0,f.jsx)("span",{className:l().value,children:j}),z=(0,f.jsx)("span",{className:l().value,children:N}

1),D='productConfiguratorInfo'in r&&(null==(t=r.productConfiguratorInfo)?void 0:t.isProductConfigurable),L='hasVariants'in r&&r.hasVariants,G=g&&!D&&!L,M='price'in r?r.price:r.priceInfo,q='listPrice'in r?r.listPrice:r.listPriceInfo;return(0,f.jsx)(n.qM.Provider,{value:{product:r,trackingSource:U},children:(0,f.jsxs)("article",{className:l().productTile,ref:b,"aria-label":`${S} (${j})`,children:[(0,f.jsxs)("div",{className:l().tileTop,children:[(0,f.jsx)("div",{className:l().productImg,children:(0,f.jsx)(n.XB,{children:e=>(0,f.jsx)(u.N_,{onClick:e,draggable:"false",url:y,to:B,tabIndex:-1,"aria-hidden":!0,children:(0,f.jsx)(d.s5,{draggable:"false",src:I&&I.small,noImageSrc:s,title:S})})})}),(0,f.jsxs)("div",{className:l().productDescription,children:[(0,f.jsx)(n.XB,{children:e=>(0,f.jsx)(u.N_,{onClick:e,url:y,to:B,draggable:"false",className:l().productTitle,children:(0,f.jsx)("h3",{children:S})})}),(0,f.jsx)("div",{className:l().productId,children:(0,f.jsx)(d.vv,{productId:O,placeholder:C})}),N&&(0,f.jsx)("div",{className:l().customerSpecificId,children:(0,f.jsx)(d.rF,{customerSpecificId:z,placeholder:C})}),(0,f.jsx)("div",{className:l().salesAgreementIndicator,children:T?(0,f.jsx)(d.Id,{}):(0,f.jsx)(d.Tn,{productId:j,uomId:(null==k?void 0:k.id)??null,productHasVariants:L??!1,tooltipStrategy:"fixed",tooltipOptions:x,tooltipInPortal:!0})})]})]}),(0,f.jsxs)("div",{className:l().tileBottom,children:[(0,f.jsxs)("div",{className:l().productAction,children:[(0,f.jsx)(d.NM,{salesPrice:M,basePrice:q}),r.pricePerBaseUom&&(null==(i=r.baseUom)?void 0:i.description)&&(0,f.jsx)(d.AT,{pricePerBaseUom:r.pricePerBaseUom,baseUomDescription:null==(o=r.baseUom)?void 0:o.description,className:l().pricePerBaseUom})]}),A&&(G?(0,f.jsx)(w,{product:r,blockId:_,onUomUpdate:P}):(0,f.jsx)(d.yi,{product:r,className:l().orderBox,withoutBackTo:!0}))]})]})})}));var y=i(65300);const S=(0,o.withStyles)(l())((e=>{let{priceInfo:t,listPriceInfo:i}=e;const o=(0,s.useSelector)((e=>e.settings.product.productGrouping.isLowerBoundPricingEnabled)),{texts:[r],loaded:c}=(0,h.KR)(['From']);if(!o)return null;return!c||void 0===t?(0,f.jsx)(a.O,{className:l().priceBlockPlaceholder}):null===t?null:(0,f.jsxs)("div",{className:l().productGroupPriceContainer,children:[(0,f.jsx)("span",{className:l().productGroupPriceLabel,children:r}),(0,f.jsx)("div",{className:l().productGroupPrice,children:(0,f.jsx)(d.NM,{salesPrice:t,basePrice:i})})]})})),I=(0,o.withStyles)(l())((e=>{let{productGroup:t,noImage:i,tilesPerView:o}=e;const r=(0,c.useRef)(null),{id:s,url:n,title:g,defaultImage:_,products:{count:P}}=t,x=u.OR.forProductGroup(s),[T,b]=(0,h.LW)(['ProductGroup_Count','Aria_SelectProducts_Label']).texts,v=(0,m.wW)(p.Ul.OrderProducts)[0];(0,c.useEffect)((()=>{if(!o)return;const e=r.current;return e.style.width=100/o+'%',()=>{e.style.width=''}}),[o]);const w=t.lowestPriceProduct,j=(0,f.jsx)(a.O,{className:"placeholder"});return(0,f.jsxs)("article",{className:l().productTile,ref:r,"aria-label":`${g} (${s})`,children:[(0,f.jsxs)("div",{className:l().tileTop,children:[(0,f.jsx)("div",{className:l().productImg,children:(0,f.jsx)(u.N_,{draggable:"false",url:n,to:x,tabIndex:-1,"aria-hidden":!0,children:(0,f.jsx)(d.s5,{draggable:"false",src:_&&_.small,noImageSrc:i,title:g})})}),(0,f.jsxs)("div",{className:l().productDescription,children:[(0,f.jsx)(u.N_,{url:n,to:x,draggable:"false",className:l().productTitle,children:(0,f.jsx)("h3",{children:g})}),(0,f.jsx)("div",{className:l().productGroupCountText,children:(0,h.g_)(T,[P])})]})]}),(0,f.jsxs)("div",{className:l().tileBottom,children:[(0,f.jsx)("div",{className:l().productAction,children:(0,f.jsx)(S,{priceInfo:null==w?void 0:w.priceInfo,listPriceInfo:null==w?void 0:w.listPriceInfo})}),v&&(0,f.jsx)("div",{className:l().orderBox,children:(0,f.jsx)(y.E$,{size:"sm",className:l().btnProductGroup,"aria-label":(0,h.g_)(b,[g||s]),url:n,to:x,textKey:"SelectProducts",placeholder:j})})]})]})}));var N=i(70731),k=i(71816),B=i(79913);function U(){const e=(0,s.useSelector)((e=>{let{page:t,settings:i,visualDesigner:o}=e;const r='layout'in t&&t.layout;return o.viewData&&'layoutMode'in o.viewData?o.viewData.layoutMode:r&&r in k.G?r:i.productList.layout}));return!!e&&(e===N.X1.ListB2B||e===N._y.SearchB2B||e===B.V.B2B)}const A=e=>{let{products:t,id:i,onUomUpdate:o}=e;

1const r=(0,s.useSelector)((e=>e.settings.product.noImage.small)),c=U();return(0,f.jsx)("div",{id:`ps_${i}`,className:l().productTilesGrid,children:t.map((e=>e.productGroup?(0,f.jsx)(I,{productGroup:e.productGroup,noImage:r},e.id):(0,f.jsx)(j,{product:e,noImage:r,isB2B:c,blockId:i,onUomUpdate:o},e.id)))})},C=(0,o.withStyles)(l())((0,c.memo)(A));var O=i(93206),z=i(56301);const D=e=>{let{products:t,tilesPerView:i=4,blockId:o,onUomUpdate:r}=e;const d=(0,s.useSelector)((e=>e.settings.product.noImage.small)),a=U(),u=(0,c.useRef)(),n=t.length>i;(0,x.T7)((()=>{u.current=n?{scroll$:new O.B7}:void 0}),[n]);const p=(0,c.useMemo)((()=>n?()=>u.current.scroll$.next():void 0),[n]),m=(0,c.useMemo)((()=>t.map((e=>(0,f.jsx)(j,{product:e,noImage:d,tilesPerView:n?null:i,isB2B:a,blockId:o,onUomUpdate:r,tooltipOptions:u.current},e.id)))),[t,i,a,n]);return null!=m&&m.length?(0,f.jsx)("div",{className:l().productTiles,onDragStart:G,children:n?(0,f.jsx)(z.A,{items:m,tilesPerView:i,showArrows:!1,onSwipeStart:p}):(0,f.jsx)("div",{className:l().withoutSlider,children:m})}):null},L=(0,o.withStyles)(l())((0,c.memo)(D));function G(e){e.preventDefault()}},20673:(e,t,i)=>{var o=i(68723),r=i(95756)(o);r.push([e.id,".ProductTiles_product-tiles-grid{display:grid;font-size:var(--theme-text_BiggerSize,14px);grid-template-columns:1fr}.ProductTiles_product-tiles-grid .ProductTiles_product-tile{height:auto;margin:20px 0;padding:0}.ProductTiles_product-tiles{position:relative}.ProductTiles_product-tiles .ProductTiles_no-transition{transition:none}.ProductTiles_product-tiles .ProductTiles_without-slider,.ProductTiles_product-tiles .swipe-wrapper{border-bottom:1px solid var(--theme-borderColor,#e6e6e6);border-top:1px solid var(--theme-borderColor,#e6e6e6);padding:20px 0}.ProductTiles_product-tiles ul.dots{margin-top:10px;position:static}.ProductTiles_product-title{display:inline-block;font-size:var(--theme-text_BiggerSize,14px);line-height:1.2em;max-width:100%;outline-offset:-1px;position:relative}@supports(-webkit-hyphens:none){.ProductTiles_product-title{outline-offset:-5px}}html.pointer-mouse .ProductTiles_product-title:hover{color:var(--theme-regularTitle_Color,#333)}@supports(not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:\"*\"){@media(pointer:coarse){html:not(.pointer-mouse) .ProductTiles_product-title:active{color:var(--theme-regularTitle_Color,#333)}}}.ProductTiles_product-title h3{color:var(--theme-regularTitle_Color,#333);font-family:var(--theme-text_FontFamily,\"Open Sans\"),sans-serif;font-size:inherit;font-weight:700;line-height:inherit;margin:0;text-transform:inherit}.ProductTiles_customer-specific-id,.ProductTiles_product-group-count-text,.ProductTiles_product-id{align-items:center;color:var(--theme-lighterText_Color,#999);display:flex;flex-wrap:wrap;font-size:var(--theme-text_Size,13px);gap:.3em}.ProductTiles_product-group-count-text,.ProductTiles_product-id,.ProductTiles_sales-agreement-indicator{margin-top:.5em}.ProductTiles_sales-agreement-indicator:empty{display:none}.ProductTiles_without-slider{display:flex}.ProductTiles_without-slider .ProductTiles_product-tile{height:auto}.ProductTiles_product-tile{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.3em 10px;word-break:break-word}.ProductTiles_product-tile .msg-not-available{display:inline-block;margin:auto 0;text-align:left;width:100%}.ProductTiles_product-tile .msg-not-available.ProductTiles_not-available{margin-bottom:0;margin-top:.8em}.ProductTiles_not-available{color:var(--theme-stockAmount_OutOfStock_Color,#c00);font-weight:700;line-height:1.6em}.ProductTiles_tile-bottom{display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:flex-end;padding-left:calc(64px + .65em);width:100%}.ProductTiles_product-action .price-list{color:var(--theme-listPrice_Color,#b2b2b2);font-size:var(--theme-listPrice_Size,11px);line-height:normal;margin-bottom:.4em}.ProductTiles_product-action .price-block{padding:0}.ProductTiles_product-action .product-price-placeholder{font-size:var(--theme-button_Normal_Size,1.4em);height:1.15em;max-width:100%;width:7.9em}.ProductTiles_product-action .actual-price{font-weight:700}.ProductTiles_price-per-base-uom{margin-top:.4em}.ProductTiles_order-box{display:flex;font-size:var(--theme-text_Size,13px);margin-top:.8em;min-height:2.61em;width:100%}.ProductTiles_order-box .msg-not-available{display:inline-block;margin:auto 0;text-align:left;width:100%}.ProductTiles_order-box .placeholder{font-size:var(--theme-button_Normal_Size,1.4em);height:1.85em;width:7.9em}.ProductTiles_qty-box{align-items:center;display:flex;gap:.5em;margin-top:.8em}.ProductTiles_uom-selector{max-width:50%}.ProductTiles_tile-top{display:flex;margin-bottom:1em}.ProductTiles_product-img{height:64px;margin-right:.65em;width:64px}.ProductTiles_product-img a{background-color:transparent;cursor:pointer;display:inline-block;height:100%;position:relative;vertical-align:bottom;width:100%}

1.ProductTiles_product-description{display:flex;flex-direction:column;height:100%;line-height:var(--theme-text_LineHeight,2);width:calc(100% - 64px - .65em)}.ProductTiles_name-placeholder{display:inline-block;height:1.4em;width:4em}.ProductTiles_value{max-width:100%}.ProductTiles_product-img span{height:100%;position:relative;vertical-align:bottom;width:100%}.ProductTiles_product-img span img{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0;-ms-interpolation-mode:bicubic}.ProductTiles_btn-product-group{vertical-align:bottom}.ProductTiles_price-block-placeholder-wrapper{align-items:center;display:flex;height:calc(var(--theme-text_BiggerSize, 14px)*var(--theme-text_LineHeight, 2))}.ProductTiles_price-block-placeholder{font-size:var(--theme-button_Normal_Size,1.4em);height:1.15em;max-width:100%;width:7.9em}.ProductTiles_product-group-price-container{align-items:flex-end;display:inline-flex}.ProductTiles_product-group-price-label{font-size:var(--theme-text_Size,13px);line-height:calc(var(--theme-bulkPrice_Size, 16px)*var(--theme-text_LineHeight, 2));margin-right:.5em}.ProductTiles_product-group-price{display:flex;flex-direction:column}@media (min-width:env(--theme-breakpoints_Small,600)px),print{.ProductTiles_product-tiles .swipe-wrapper{border-bottom:0}.ProductTiles_product-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(19em,1fr))}.ProductTiles_product-tiles-grid .ProductTiles_product-tile{padding:0 10px}}@media (min-width:env(--theme-breakpoints_Medium,960)px),print{.ProductTiles_uom-selector{max-width:60%}}@media print{.ProductTiles_order-box{display:none}.ProductTiles_product-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(14.25em,1fr))}.ProductTiles_product-tiles-grid .ProductTiles_product-tile{padding:0 10px!important}}",""]),r.locals={"product-tiles-grid":"ProductTiles_product-tiles-grid",productTilesGrid:"ProductTiles_product-tiles-grid","product-tile":"ProductTiles_product-tile",productTile:"ProductTiles_product-tile","product-tiles":"ProductTiles_product-tiles",productTiles:"ProductTiles_product-tiles","no-transition":"ProductTiles_no-transition",noTransition:"ProductTiles_no-transition","without-slider":"ProductTiles_without-slider",withoutSlider:"ProductTiles_without-slider","product-title":"ProductTiles_product-title",productTitle:"ProductTiles_product-title","customer-specific-id":"ProductTiles_customer-specific-id",customerSpecificId:"ProductTiles_customer-specific-id","product-group-count-text":"ProductTiles_product-group-count-text",productGroupCountText:"ProductTiles_product-group-count-text","product-id":"ProductTiles_product-id",productId:"ProductTiles_product-id","sales-agreement-indicator":"ProductTiles_sales-agreement-indicator",salesAgreementIndicator:"ProductTiles_sales-agreement-indicator","not-available":"ProductTiles_not-available",notAvailable:"ProductTiles_not-available","tile-bottom":"ProductTiles_tile-bottom",tileBottom:"ProductTiles_tile-bottom","product-action":"ProductTiles_product-action",productAction:"ProductTiles_product-action","price-per-base-uom":"ProductTiles_price-per-base-uom",pricePerBaseUom:"ProductTiles_price-per-base-uom","order-box":"ProductTiles_order-box",orderBox:"ProductTiles_order-box","qty-box":"ProductTiles_qty-box",qtyBox:"ProductTiles_qty-box","uom-selector":"ProductTiles_uom-selector",uomSelector:"ProductTiles_uom-selector","tile-top":"ProductTiles_tile-top",tileTop:"ProductTiles_tile-top","product-img":"ProductTiles_product-img",productImg:"ProductTiles_product-img","product-description":"ProductTiles_product-description",productDescription:"ProductTiles_product-description","name-placeholder":"ProductTiles_name-placeholder",namePlaceholder:"ProductTiles_name-placeholder",value:"ProductTiles_value","btn-product-group":"ProductTiles_btn-product-group",btnProductGroup:"ProductTiles_btn-product-group","price-block-placeholder-wrapper":"ProductTiles_price-block-placeholder-wrapper",priceBlockPlaceholderWrapper:"ProductTiles_price-block-placeholder-wrapper","price-block-placeholder":"ProductTiles_price-block-placeholder",priceBlockPlaceholder:"ProductTiles_price-block-placeholder","product-group-price-container":"ProductTiles_product-group-price-container",productGroupPriceContainer:"ProductTiles_product-group-price-container","product-group-price-label":"ProductTiles_product-group-price-label",productGroupPriceLabel:"ProductTiles_product-group-price-label","product-group-price":"ProductTiles_product-group-price",productGroupPrice:"ProductTiles_product-group-price"},e.exports=r}}]);
2//# sourceMappingURL=3091.3a56f04f.chunk.js.map