"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[585],{11137:(e,t,a)=>{a.d(t,{A:()=>r.A});var r=a(19409)},13023:(e,t,a)=>{a.d(t,{A:()=>d});var r=a(37876),n=a(77742),i=a(16928),l=a(57927),s=a(5213),o=a(39069);let c=(0,a(61261).A)(e=>({tablist:{"& .MuiTabs-indicator":{backgroundColor:e.palette.text.primary,height:"4px"}},tab:{color:e.palette.primary.main,fontSize:e.typography.pxToRem(12),fontWeight:e.typography.fontWeightMedium,padding:e.spacing(2.5,4),minWidth:"auto",opacity:1,textTransform:"capitalize","&:hover":{color:e.palette.primary.dark},"&.Mui-selected":{color:e.palette.text.primary},[e.breakpoints.up("md")]:{fontSize:e.typography.pxToRem(18),fontWeight:e.typography.fontWeightBold,padding:e.spacing(4)}},vr6:{marginBottom:e.spacing(6)}})),d=e=>{let{tabValue:t,setTabValue:a,manualEntryForm:d,bulkUploadForm:u,bulkUploadTabLabel:p,onTabClick:m}=e,g=c(),{formatMessage:A}=(0,n.A)(),[h]=(0,i.A)(["_ga"]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(l.A,{value:t,onChange:(e,t)=>{a(t)},className:g.tablist,children:[(0,r.jsx)(s.A,{className:g.tab,label:A({id:"MANUAL_ENTRY",defaultMessage:"Manual Entry"}),onClick:()=>{m&&m("manual entry",h._ga)}}),(0,r.jsx)(s.A,{className:g.tab,textColor:"primary",label:p||A({id:"BULK_UPLOAD",defaultMessage:"Bulk Upload"}),onClick:()=>{m&&m("bulk upload",h._ga)}})]}),(0,r.jsx)(o.A,{className:g.vr6}),0===t&&d,1===t&&u]})}},21304:(e,t,a)=>{a.d(t,{A:()=>n});var r=a(18847);let n=a.n(r)()(()=>a.e(9698).then(a.bind(a,79698)),{loadableGenerated:{webpack:()=>[79698]},loadableGenerated:{webpack:()=>[79698]},ssr:!1})},37523:(e,t,a)=>{a.d(t,{A:()=>T});var r=a(37876),n=a(71541),i=a(12197),l=a(36503),s=a(34415),o=a(15329),c=a(99220),d=a(35877),u=a(37290),p=a(21304),m=a(15093),g=a(54753),A=a(78206),h=a(14232),x=a(77742),N=a(8733),b=a(75020);let _=(0,c.n9)()(e=>({validationError:{color:e.palette.error.main,fontSize:e.typography.pxToRem(12)},validationErrorsList:{marginTop:e.spacing(2),marginBottom:0},truncationButton:{paddingLeft:e.spacing(10)}})),y=e=>{let{errors:t,truncate:a=5}=e,{classes:n}=_(),[i,l]=(0,h.useState)(!1);if((0,h.useEffect)(()=>{l(!1)},[t]),!t||0===t.length)return null;let o=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N.A,{...g.A.MULTI_PRODUCT_INVALID_INPUT}),t.length<=a||i?(0,r.jsx)("ul",{className:n.validationErrorsList,children:t.map(e=>(0,r.jsx)("li",{children:e},e))}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("ul",{className:n.validationErrorsList,children:t.slice(0,a).map(e=>(0,r.jsx)("li",{children:e},e))}),(0,r.jsx)(s.A,{className:n.truncationButton,component:"button",onClick:()=>l(!0),children:(0,r.jsx)(N.A,{...g.A.INVALID_INPUT_VIEW_MORE,values:{remaining:t.length-a}})})]})]});return(0,r.jsx)("div",{className:n.validationError,children:o})};var f=a(69485),j=a(52710),E=a(71007),v=a(17685),I=a(11148);let C=(0,c.n9)()(e=>({materialInputLabel:{marginBottom:e.spacing(2)},bulkUploadInput:{"& > textarea":{resize:"vertical",margin:e.spacing(1,1.5,0,3),padding:e.spacing(0,1.5,1.5,0),fontSize:e.typography.pxToRem(16)}},bulkUploadTemplateButton:{fontSize:e.typography.pxToRem(14),padding:0,borderRadius:0,color:e.palette.secondary.light,marginTop:e.spacing(2),"&:hover":{background:"none",textDecoration:"none",borderBottom:"none"}},bulkUploadTemplateIcon:{display:"flex",height:e.typography.pxToRem(14),width:e.typography.pxToRem(14),color:e.palette.primary.main},bulkUploadTemplateText:{marginLeft:e.spacing(1),color:e.palette.primary.main},validationError:{color:e.palette.error.main,fontSize:e.typography.pxToRem(12)},modalLink:{marginLeft:e.spacing(2),cursor:"pointer"},fieldset:{border:0,padding:"0.01em 0 0 0",margin:0,minWidth:0},legend:{padding:0,display:"table"},vr2:{marginBottom:e.spacing(2)}})),T=e=>{let{formikBag:t,validationErrors:a,setValidationErrors:c,pricingErrors:_,pricing:T,setModalOpen:L,formInstructions:R,helperText:P,parseSpreadsheet:S,validate:k,dlType:O,fileName:U,formatEntry:M,onBlur:D}=e,B=(0,d.A)(),{classes:V,cx:w}=C(),{formatMessage:F}=(0,x.A)(),q=(0,n.A)(B.breakpoints.down("sm")),{userSession:{country:K}}=(0,v.j)();h.useEffect(()=>{(0,b.CC)(_)},[_]);let{setFieldTouched:W,setFieldValue:Y}=t;return(0,r.jsxs)("fieldset",{className:V.fieldset,children:[(0,r.jsx)("legend",{className:w(V.legend,V.vr2),children:(0,r.jsx)(i.A,{variant:"body1",component:"span",children:R||(0,r.jsx)(N.A,{id:"QUICK_ORDER_BULK_UPLOAD_INSTRUCTIONS",defaultMessage:"Type or paste product SKU (product number and pack size), quantity, promo code and reference number separated by commas*. Enter separate products on new lines."})})}),(0,r.jsxs)(l.A,{container:!0,justifyContent:q?"center":"flex-end",spacing:5,children:[(0,r.jsxs)(l.A,{item:!0,xs:12,sm:8,children:[(0,r.jsx)(A.D0,{name:"bulkUploadMaterials",className:V.bulkUploadInput,component:u.A,size:"large",filled:!0,fullWidth:!0,placeholder:F(g.A.BULK_UPLOAD_ENTRY_EXAMPLE),multiline:!0,minRows:6,maxRows:10,onChange:e=>{let t=e.target;W("bulkUploadMaterials"),Y("bulkUploadMaterials",t.value),k(t.value,c)},onBlur:D,inputProps:{"data-testid":"material-numbers-input","aria-describedby":"bulk-upload-helper-text"}}),P&&(0,r.jsx)("span",{id:"bulk-upload-helper-text",children:P}),(0,r.jsx)(l.A,{item:!0,xs:12,className:V.validationError,children:(0,r.jsx)("ul",{children:Object.entries(_||{}).map(e=>{var t;let[a,n]=e,i=n.errorMsg,l={productNumber:a};"CUSTOMER_NUMBER_BLOCKED"===i&&Object.assign(l,{customerNumber:n.paramList?n.paramList[0]:""}),"EMD_MILLIPORE_PRICING_AND_INVENTORY_UNAVAILABLE"===i&&Object.assign(l,{link:(0,r.jsx)("a",{href:"http://www.emdmillipore.com",target:"_blank",rel:"noreferrer",children:"Millipore"})}),"MERCK_MILLIPORE_PRICING_AND_INVENTORY_UNAVAILABLE"===i&&Object.assign(l,{link:(0,r.jsx)("a",{href:"http://merckmillipore.com",target:"_blank",rel:"noreferrer",children:"Merck Millipore"})}),("MM_PRICING_AND_INVENTORY_UNAVAILABLE_HAS_STOCK"===i||"MM_PRICING_AND_INVENTORY_UNAVAILABLE"===i)&&Object.assign(l,{link:(0,r.jsx)("a",{href:"http://hg.y866.cn/germ/",target:"_blank",rel:"noreferrer",children:"Sigma-Aldrich"})}),"PRODUCT_ONLY_SOLD_VIA_OFFLINE_CHANNELS"===i&&Object.assign(l,{link:(0,r.jsx)("a",{href:I.Vc.customerSupport(),children:(0,r.jsx)(N.A,{id:"PLEASE_CONTACT_CUSTOMER_SERVICE",defaultMessage:"Please Contact Customer Service"})})});let o=!(!(null===(t=n.replacementProducts)||void 0===t?void 0:t.length)||n.hideReplacementProductLink);return"EMD_MILLIPORE_PRICING_AND_INVENTORY_UNAVAILABLE"===i?(0,r.jsxs)(r.Fragment,{children:["US"===K&&(0,r.jsx)("li",{children:(0,r.jsx)(N.A,{id:"PRODUCT_SOLD_EXCLUSIVELY_BY_MILLIPORE_VIA_OFFLINE_CHANNELS",defaultMessage:"This product is sold exclusively by Millipore via offline channels. {link}",values:{link:(0,r.jsx)("a",{href:I.Vc.customerSupport(),children:(0,r.jsx)(N.A,{id:"CONTACT_CUSTOMER_SERVICE_FIRST_UPPERCASE",defaultMessage:"Contact Customer Service"})})}})},a),"CA"===K&&(0,r.jsx)("li",{children:(0,r.jsx)(N.A,{id:"PRODUCT_ONLY_SOLD_VIA_OFFLINE_CHANNELS",defaultMessage:"This product is only sold via offline channels. {link}",values:{link:(0,r.jsx)("a",{href:I.Vc.customerSupport(),children:(0,r.jsx)(N.A,{id:"PLEASE_CONTACT_CUSTOMER_SERVICE",defaultMessage:"Please Contact Customer Service"})})}})},a)]}):"UNABLE_TO_GET_RESPONSE_FROM_PI"===i?(0,r.jsx)("li",{children:(0,r.jsx)(N.A,{...g.A.PRICING_AND_AVAILABILITY_UNAVAILABLE})},a):"PRICING_AND_AVAILABILITY_UNAVAILABLE"===i?(0,r.jsx)("li",{children:(0,r.jsx)(N.A,{...g.A.IS_NOT_A_VALID_PRODUCT_NUMBER,values:l})},a):"THIS_PRODUCT_HAS_BEEN_DISCONTINUED"===i?(0,r.jsx)("li",{children:(0,r.jsxs)(j.M,{source:"bulk upload",item:a,replacementProducts:o?n.replacementProducts:null,children:[(0,r.jsx)(f.J,{...g.A[i],values:l}),o&&(0,r.jsx)(s.A,{className:V.modalLink,onClick:()=>{var e;L((null===(e=T[a])||void 0===e?void 0:e.data)||null)},children:F(g.A[n.displaySimilarProductLabel?"VIEW_SIMILAR_PRODUCTS":"VIEW_REPLACEMENT_PRODUCTS"])})]})},a):(0,r.jsx)("li",{children:(0,r.jsx)(N.A,{...g.A[i],values:l})},a)})})}),a.length>0&&(0,r.jsx)(l.A,{item:!0,xs:12,children:(0,r.jsx)(y,{errors:a})})]}),(0,r.jsxs)(l.A,{container:!0,item:!0,xs:12,sm:4,alignItems:q?"center":"flex-end",direction:"column",children:[(0,r.jsx)(p.A,{onChange:async e=>{let[t]=e;if(t){let e=M(await S(t));k(e,c),W("bulkUploadMaterials"),Y("bulkUploadMaterials",e)}},dropText:F(g.A.DROP_CSV_XLS_FILE_OR),accept:".csv,.xls,.xlsx, text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",clearInput:!0,browseText:F(g.A.CHOOSE_FILE)}),(0,r.jsxs)(o.A,{className:V.bulkUploadTemplateButton,href:"/static/".concat(U),download:U,"data-dlname":U,"data-event":"download","data-dltype":O,onClick:()=>(0,E.xH)({action:"bulk upload template"},{fileExtension:"csv",fileCategory:"template",component:"body",elementType:"link",linkText:"download template",linkUrl:"/static/".concat(U)}),children:[(0,r.jsx)("div",{className:V.bulkUploadTemplateIcon,children:(0,r.jsx)(m.A,{})}),(0,r.jsx)("div",{className:V.bulkUploadTemplateText,children:F(g.A.DOWNLOAD_TEMPLATE)})]})]})]})]})}},54727:(e,t,a)=>{a.d(t,{Z:()=>r});function r(e,t,a){let r={};return e.forEach(e=>{var n;let{materialNumber:i}=e,l=t.current[i];if((null==l?void 0:l.loading)||(null===(n=a[i])||void 0===n?void 0:n.loading))return;let s=null==l?void 0:l.data;s?s.discontinuedPricingInfo?r[s.productNumber]=s.discontinuedPricingInfo:0!==s.materialPricing.length&&s.materialPricing.find(e=>e.materialNumber===i)||(r[s.productNumber]={errorMsg:"PRICING_AND_AVAILABILITY_UNAVAILABLE"}):r[i]={errorMsg:"UNABLE_TO_GET_RESPONSE_FROM_PI"}}),r}},61968:(e,t,a)=>{a.d(t,{$X:()=>p,Ac:()=>l,Gb:()=>g,MA:()=>c,OV:()=>N,co:()=>A,h_:()=>u,kt:()=>o,qF:()=>m,rH:()=>h}),a(14232);var r=a(77742),n=a(54753),i=a(11788),l=function(e){return e.Order="order",e.Quote="quote",e.SavedCart="saved_cart",e.List="list",e}({});let s=(e,t,a)=>e.replaceAll(/[\uff0c]/g,",").split(/[\r\n]/g).filter(e=>e.trim()).filter(a).map(e=>{let a=e.split(/[\t,]/g);return t.reduce((e,r,n)=>(n===t.length-1?e[r]=a.slice(n).join(",").trim():e[r]=(a[n]||"").trim(),e),{})}),o=e=>s(e,["materialNumber","quantity","itemNote"],e=>!e.match(/^SKU\s*[,\t]\s*Quantity\s*[,\t]\s*Product\sNote*$/)).map(e=>({...e,materialNumber:e.materialNumber.toUpperCase(),quantity:parseInt(e.quantity)||1})),c=e=>s(e,["materialNumber","quantity","promoCode","yourReference"],e=>!e.match(/^SKU\s*[,\t]\s*Quantity\s*[,\t]Promo\sCode*[,\t]\s*Reference\sNumber*[,\t]$/)).map(e=>({...e,materialNumber:e.materialNumber.toUpperCase(),quantity:parseInt(e.quantity)||1})),d=async(e,t)=>new Promise((r,n)=>{if(!e)return r([]);let i=new FileReader;i.onload=async e=>{try{let n=await Promise.all([a.e(9509),a.e(8436)]).then(a.bind(a,12770)),i=new Uint8Array(e.target.result),l=n.read(i,{type:"array",raw:!0}),s=l.SheetNames[0],o=l.Sheets[s],c=("SKU"===o.A1.v||"Product Number"===o.A1.v)&&"Quantity"===o.B1.v,d=Array.from(t),u=n.utils.sheet_to_json(o,{header:d});c&&u.splice(0,1),r(u)}catch(e){n(e)}},i.readAsArrayBuffer(e)}),u=e=>d(e,["materialNumber","quantity","promoCode","yourReference"]).then(e=>e.map(e=>{let{materialNumber:t,quantity:a="1",promoCode:r,yourReference:n}=e;return{materialNumber:(null==t?void 0:t.toString())||"",quantity:parseInt(a)||1,promoCode:r,yourReference:n}})),p=e=>d(e,["materialNumber","quantity","itemNote"]).then(e=>e.map(e=>{let{materialNumber:t,quantity:a="1",itemNote:r}=e;return{materialNumber:(null==t?void 0:t.toString())||"",quantity:parseInt(a)||1,itemNote:r}})),m=e=>d(e,["materialNumber","quantity"]).then(e=>e.map(e=>{let{materialNumber:t,quantity:a="1"}=e;return{materialNumber:(null==t?void 0:t.toString())||"",quantity:parseInt(a)||1}})),g=e=>e.map(e=>{let{materialNumber:t,quantity:a,promoCode:r,yourReference:n}=e;t=t?t.toUpperCase():"";let i="";return(r||n)&&(r=r||"",n=n||"",i=",".concat(r,",").concat(n)),"".concat(t,",").concat(a).concat(i)}).join("\n"),A=e=>e.map(e=>{let{materialNumber:t,quantity:a,itemNote:r}=e;t=t?t.toUpperCase():"";let n="";return r&&(r=r||"",n=",".concat(r)),"".concat(t,",").concat(a).concat(n)}).join("\n"),h=e=>e.map(e=>{let{materialNumber:t,quantity:a}=e;return t=t?t.toUpperCase():"","".concat(t,",").concat(a)}).join("\n"),x={QuickOrder:/^SKU\s*[,\t]\s*Promo\sCode*[,\t]\s*Quantity\s$/,List:/^SKU\s*[,\t]\s*Quantity\s*[,\t]\s*Product\sNote*$/,CreateQuote:/^SKU\s*[,\t]\s*Quantity\s*/},N=e=>{let{formatMessage:t}=(0,r.A)(),{isDarmstadtUser:a}=(0,i.iZ)();return{validateBulkUpload:(r,i)=>{let l=[],s=r.split(/[\r\n]/g).filter(e=>!!e.trim()).filter(t=>!t.match(x[e]));if(s){let e=a?500:50;s.length>e&&l.push(t(n.A.BULK_UPLOAD_ERROR_MAX_PRODUCTS,{maxProducts:e})),s.forEach(e=>{let a=(e.split(",")[1]||"").trim();a&&(isNaN(parseInt(a))||parseInt(a)>9999)&&l.push(t(n.A.BULK_UPLOAD_ERROR_BAD_QTY,{row:e}))})}return i(l),{hasValidationErrors:!!l.length}}}}},80203:(e,t,a)=>{a.d(t,{s:()=>u});var r=a(28888);function n(){let e=(0,r._)(["\n query MaterialsDetail(\n $materialNumbers: [String!]!\n $catalogType: CatalogType\n $filter: String\n ) {\n getMaterialsDetail(\n input: {\n materialNumbers: $materialNumbers\n catalogType: $catalogType\n filter: $filter\n }\n ) {\n ...MaterialsDetail\n }\n }\n\n fragment MaterialsDetail on Material {\n id\n number\n name\n isMarketplace\n marketplaceOfferId\n description\n brand {\n key\n erpKey\n name\n color\n }\n product\n image {\n altText\n smallUrl\n mediumUrl\n largeUrl\n }\n packageSize\n shipsToday\n freeFreight\n erpType\n }\n"]);return n=function(){return e},e}let i=(0,a(82897).J1)(n());var l=a(14232),s=a(95497),o=a(67994),c=a(21328),d=a(97963);let u=()=>{let e=(0,o.m)(),{catalogType:t,filter:a}=(0,c.O)(),[r,n]=(0,l.useState)({}),u=(0,d.A)(r);return{loadMaterialsData:async l=>{let o;let c=l.filter(e=>{let{materialNumber:t}=e;return!r[t]});if(c.length){n(e=>({...e,...(0,s.A)(c.map(t=>{let{materialNumber:a}=t;return[a,{...e[a]||{data:null},loading:!0}]}))}));let r=await e.query({query:i,variables:{materialNumbers:c.map(e=>e.materialNumber),catalogType:t,filter:a},errorPolicy:"all",fetchPolicy:"no-cache"});return n(o={...u.current,...(0,s.A)(c.map(e=>{var t;let{materialNumber:a}=e;return[a,{loading:!1,data:null===(t=r.data)||void 0===t?void 0:t.getMaterialsDetail.find(e=>(null==e?void 0:e.number)===a)}]}))}),{materialsDetailResult:r,updatedMaterialsCache:o}}return{}},materialsCache:r,latestMaterialsCache:u}}},82883:(e,t,a)=>{a.d(t,{A:()=>U});var r=a(37876),n=a(14232),i=a(8733),l=a(8335),s=a(99549),o=a(70813),c=a(91496),d=a(5411),u=a(39069),p=a(57869),m=a(36503),g=a(12197),A=a(7645),h=a(61261),x=a(59587),N=a(61206),b=a(11148),_=a(80491),y=a(54753),f=a(34415),j=a(30877),E=a(52413),v=a(15093),I=a(2760),C=a(30256),T=a(26925),L=a(80863),R=a(49995);let P=(0,h.A)(e=>({root:{alignItems:"center",borderBottom:"1px solid ".concat(e.palette.grey[400]),"& > .MuiGrid-item":{padding:e.spacing(1)}},productPriceAvailability:{"& table":{"& thead th":{padding:e.spacing(1),fontSize:e.typography.pxToRem(12),fontWeight:e.typography.fontWeightBold},"& tbody td":{padding:e.spacing(1),verticalAlign:"middle","&:nth-child(1) strong":{fontWeight:e.typography.fontWeightRegular}}}},alignRight:{textAlign:"right","& svg":{position:"relative",top:5}},container:{backgroundColor:e.palette.background.grey}})),S=e=>{let{replacementProduct:t,alternateMaterials:a,showCompare:l,selectedForCompare:s,setSelectedForCompare:o,addToList:d}=e,u=P(),[p,g]=n.useState(!1);return(0,r.jsxs)(m.A,{container:!0,className:(0,R.A)(u.root,s&&u.container),children:[l&&(0,r.jsx)(m.A,{item:!0,xs:1,children:(0,r.jsx)(c.A,{checked:s,onChange:e=>o(e.target.checked)})}),(0,r.jsx)(m.A,{item:!0,xs:2,children:(0,r.jsx)(E.N,{...b.aR.index(t.brand.key,t.productNumber),passHref:!0,children:(0,r.jsx)(f.A,{children:t.productNumber})})}),(0,r.jsx)(m.A,{item:!0,xs:l?6:7,children:(0,r.jsx)(N.A,{value:t.description})}),(0,r.jsx)(m.A,{item:!0,xs:1,children:(0,r.jsx)(L.A,{sdsLanguages:t.sdsLanguages,productNumber:t.productNumber,brandKey:t.brand.key,trigger:(0,r.jsx)(v.A,{})})}),(0,r.jsx)(m.A,{item:!0,xs:2,className:u.alignRight,children:p?(0,r.jsxs)("a",{href:"#",onClick:()=>{g(!1)},children:[(0,r.jsx)(i.A,{...y.A.HIDE}),(0,r.jsx)(C.default,{})]}):(0,r.jsxs)("a",{href:"#",onClick:()=>{g(!0)},children:[(0,r.jsx)(i.A,{...y.A.EXPAND}),(0,r.jsx)(I.default,{})]})}),p&&(0,r.jsx)(m.A,{item:!0,xs:12,className:u.productPriceAvailability,children:(0,r.jsx)(j.A,{in:p,children:(0,r.jsx)(T.A,{productNumber:t.productNumber,materialIds:a.map(e=>e.number),brandKey:t.brand.key,addToList:d})})})]})};var k=a(56584);let O=(0,h.A)(e=>({closeIcon:{position:"absolute",right:e.spacing(4),top:e.spacing(4),color:e.palette.grey[100],cursor:"pointer"},compare:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:e.spacing(5),"& > div":{flex:"0 0 auto"}},divider:{margin:e.spacing(4,0)},replacementProducts:{maxHeight:450,overflowY:"auto"},productHead:{borderBottom:"1px solid ".concat(e.palette.grey[400]),"& > .MuiGrid-item":{padding:e.spacing(1),fontSize:e.typography.pxToRem(12),fontWeight:e.typography.fontWeightBold}},alignRight:{textAlign:"right"}})),U=e=>{let{open:t,setOpen:a,productNumber:h,images:f,brandKey:j,materialNumber:E,materialName:v,discontinuedPricingInfo:I,hideCompare:C=!1,addToList:T}=e,L=O(),{addCompareProduct:R,removeCompareProduct:P,clearAllCompareProducts:U,compareProducts:M,sendToProductCompareDetail:D}=(0,_.Zn)(),B=(0,b.rd)(),[V]=(0,k.useSearchQuery)();n.useEffect(()=>{j&&t&&U([{productKey:h,images:f,brandKey:j}])},[t,U,h,j]);let{replacementProducts:w,alternateMaterials:F}=I,q=n.useCallback((e,t)=>!!M.find(a=>a.productKey===e&&a.brandKey===t),[M]),K=n.useMemo(()=>q(h,j),[q,h,j]),W=n.useCallback((e,t,a,r)=>{r?R({productKey:e,brandKey:a,images:t}):P({productKey:e,brandKey:a})},[R,P]),Y=n.useMemo(()=>q(h,j)&&M.length>1&&M.length<=4,[q,h,j,M]);return(0,r.jsxs)(l.A,{open:t,onClose:()=>a(!1),maxWidth:"md",fullWidth:!0,children:[(0,r.jsxs)(s.A,{children:[(0,r.jsx)(i.A,{...y.A.REPLACEMENT_PRODUCTS_TITLE,values:{materialNumber:E||h,materialName:(0,r.jsx)(N.A,{value:v})}}),(0,r.jsx)(x.default,{className:L.closeIcon,fontSize:"large",onClick:()=>a(!1)}),!C&&(0,r.jsxs)("div",{className:L.compare,children:[(0,r.jsx)("div",{children:(0,r.jsx)(o.A,{control:(0,r.jsx)(c.A,{checked:q(h,j),onChange:e=>{U(e.target.checked&&j?[{productKey:h,brandKey:j,images:f}]:[])}}),label:(0,r.jsx)(i.A,{...y.A.COMPARE_SELECTED_WITH,values:{productNumber:(0,r.jsx)("b",{children:h})}})})}),(0,r.jsx)("div",{children:(0,r.jsxs)(d.A,{variant:"contained",color:"secondary",onClick:()=>D(V,B),disabled:!Y,children:[(0,r.jsx)(i.A,{...y.A.COMPARE}),M.length>0&&" (".concat(M.length,")")]})})]}),(0,r.jsx)(u.A,{className:L.divider})]}),(0,r.jsx)(p.A,{style:{maxHeight:600},children:(0,r.jsxs)(m.A,{container:!0,spacing:4,className:L.replacementProducts,children:[(0,r.jsx)(m.A,{item:!0,xs:12,children:(0,r.jsx)(i.A,{...y.A.REPLACEMENT_PRODUCTS_FOR,values:{materialNumber:E||h},children:e=>(0,r.jsx)(g.A,{variant:"h3",children:e})})}),w&&F&&(0,r.jsxs)(m.A,{item:!0,xs:12,children:[(0,r.jsxs)(m.A,{container:!0,className:L.productHead,children:[!C&&(0,r.jsx)(m.A,{item:!0,xs:1,children:(0,r.jsx)(i.A,{...y.A.COMPARE})}),(0,r.jsx)(m.A,{item:!0,xs:2,children:(0,r.jsx)(i.A,{...y.A.PRODUCT_NO})}),(0,r.jsx)(m.A,{item:!0,xs:C?7:6,children:(0,r.jsx)(i.A,{...y.A.DESCRIPTION})}),(0,r.jsx)(m.A,{item:!0,xs:1,children:(0,r.jsx)(i.A,{...y.A.SDS})}),(0,r.jsx)(m.A,{item:!0,xs:2,className:L.alignRight,children:(0,r.jsx)(i.A,{...y.A.PRICING})})]}),(0,r.jsx)(A.A,{mb:4,children:w.map(e=>(0,r.jsx)(S,{replacementProduct:e,alternateMaterials:F,addToList:T,showCompare:K&&!C,selectedForCompare:q(e.productNumber,e.brand.key),setSelectedForCompare:t=>W(e.productNumber,e.images,e.brand.key,t)},e.productNumber))})]})]})})]})}},90220:(e,t,a)=>{a.d(t,{b:()=>c});var r=a(14232),n=a(67994),i=a(94477),l=a(77660),s=a(62078);let o=(e,t)=>[e,t],c=()=>{let e=(0,n.m)(),t=(0,r.useRef)({}),[a,c]=(0,r.useState)();return o((0,r.useCallback)(async(a,r)=>{let n=a.filter(e=>!t.current[e.materialNumber]);if(n.length){let a,s;n.forEach(e=>{let{materialNumber:a}=e;t.current[a]={...t.current[a]||{data:null},loading:!0}});try{a=await e.query({query:i.Yd,variables:{productDetails:n.map(e=>{var t,a;return{productNumber:e.materialNumber,quantity:e.quantity,catalogType:(null===(a=r[e.materialNumber])||void 0===a?void 0:null===(t=a.data)||void 0===t?void 0:t.isMarketplace)?l.Mh.Marketplace:void 0}})},fetchPolicy:"network-only"})}catch(e){s=e}n.forEach(e=>{let{materialNumber:r}=e;t.current[r]={loading:!1,data:a.data.getPricingForMultipleProducts.find(e=>e.productNumber===r),error:s}})}c({getPricingForMultipleProducts:a.map(e=>{var a;let{materialNumber:r,quantity:n}=e,i=null===(a=t.current[r])||void 0===a?void 0:a.data,l=null==i?void 0:i.materialPricing[0];return i&&l?{...i,materialPricing:[{...l,quantity:n}]}:null}).filter(s.O)})},[e]),{data:a,isLoading:(0,r.useCallback)(()=>Object.values(t.current).some(e=>null==e?void 0:e.loading),[]),pricingCache:t})}},94477:(e,t,a)=>{a.d(t,{Yd:()=>c,wc:()=>d});var r=a(28888);a(37876);var n=a(82897),i=a(92885);a(14232);var l=a(78248);function s(){let e=(0,r._)(["\n query MultiplePricingAndAvailability($productDetails: [GetPricingForProductInput!]!, $displaySDS: Boolean = false) {\n getPricingForMultipleProducts(input: {productDetails: $productDetails}) {\n ...ProductPricingDetail\n }\n}\n ",""]);return s=function(){return e},e}let o={},c=(0,n.J1)(s(),i.$m);function d(e){let t={...o,...e};return l._(c,t)}}}]); //# sourceMappingURL=585-7c206a5d0f309a9a.js.map