"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1613],{32886:(e,n,t)=>{t.d(n,{gR:()=>k,Nk:()=>J,hv:()=>C,P3:()=>N,Bt:()=>j,g:()=>x});var i=t(28888);t(37876);var r=t(82897);function a(){let e=(0,i._)(["\n fragment SharedListMember on SharedListMember {\n id\n name\n email\n}\n "]);return a=function(){return e},e}function s(){let e=(0,i._)(["\n fragment SharedList on SharedList {\n listId\n ownerName\n ownerId\n name\n description\n lastUpdatedDate\n createdDate\n members\n invitations\n deadline\n coOwners\n}\n "]);return s=function(){return e},e}let l=(0,r.J1)(a()),d=(0,r.J1)(s());var o=t(94825),u=t(92885);t(14232);var c=t(54431),m=t(78248);function h(){let e=(0,i._)(["\n fragment SharedListItem on SharedListItem {\n listItemId\n lastUpdatedBy\n lastUpdatedDate\n createdBy\n createdByName\n createdDate\n material {\n ...MaterialDetail\n }\n quantity\n itemNote\n availabilityMessages {\n ...Availabilities\n }\n currency\n listPrice\n netPrice\n price\n hidePriceMessageKey\n type\n configurationId\n configurationDetail {\n configuration {\n name\n value\n }\n confType\n productType\n }\n productConfiguration\n}\n ","\n",""]);return h=function(){return e},e}function I(){let e=(0,i._)(["\n fragment SharedListDetail on SharedListDetail {\n listId\n ownerId\n ownerDetail {\n ...SharedListMember\n }\n name\n description\n lastUpdatedDate\n createdDate\n membersDetail {\n ...SharedListMember\n }\n invitations\n currency\n sharedListItems {\n ...SharedListItem\n }\n displaySubmitQuoteButton\n membersDone\n deadline\n reminderFrequencyDays\n coOwners\n}\n ","\n",""]);return I=function(){return e},e}function p(){let e=(0,i._)(["\n fragment MultiSharedList on SharedListItem {\n listItemId\n lastUpdatedBy\n lastUpdatedDate\n createdBy\n createdByName\n createdDate\n material {\n ...MaterialDetail\n }\n}\n ",""]);return p=function(){return e},e}function f(){let e=(0,i._)(["\n fragment MultiSharedDetail on SharedListDetail {\n listId\n name\n description\n lastUpdatedDate\n createdDate\n currency\n deadline\n sharedListItems {\n ...MultiSharedList\n }\n}\n ",""]);return f=function(){return e},e}function S(){let e=(0,i._)(["\n query GetSharedLists($input: GetSharedListsInput) {\n getSharedLists(input: $input) {\n count\n sharedLists {\n ...SharedList\n }\n }\n}\n ",""]);return S=function(){return e},e}function L(){let e=(0,i._)(["\n query GetSharedListInvitations {\n getSharedListInvitations {\n count\n sharedLists {\n ...SharedList\n }\n }\n}\n ",""]);return L=function(){return e},e}function g(){let e=(0,i._)(["\n query GetSharedList($listId: ID!, $showPricing: Boolean) {\n getSharedList(listId: $listId, showPricing: $showPricing) {\n ...SharedListDetail\n }\n}\n ",""]);return g=function(){return e},e}function D(){let e=(0,i._)(["\n query GetSharedListInfo($listId: ID!) {\n getSharedList(listId: $listId) {\n ownerDetail {\n ...SharedListMember\n }\n membersDetail {\n ...SharedListMember\n }\n invitations\n coOwners\n sharedListItems {\n brand\n materialNumber\n materialDescription\n materialName\n quantity\n type\n configurationId\n configurationDetail {\n configuration {\n name\n value\n }\n confType\n productType\n }\n productConfiguration\n }\n }\n}\n ",""]);return D=function(){return e},e}function A(){let e=(0,i._)(["\n query getMultiSharedList($input: GetSharedListsInput) {\n getMultiSharedList(input: $input) {\n ...MultiSharedDetail\n }\n}\n ",""]);return A=function(){return e},e}let _={},v=(0,r.J1)(h(),o.hY,u.Sg),y=(0,r.J1)(I(),l,v),T=(0,r.J1)(p(),o.hY),b=(0,r.J1)(f(),T),E=(0,r.J1)(S(),d);function x(e){let n={..._,...e};return c.IT(E,n)}let M=(0,r.J1)(L(),d);function N(e){let n={..._,...e};return c.IT(M,n)}let $=(0,r.J1)(g(),y);function j(e){let n={..._,...e};return c.IT($,n)}let w=(0,r.J1)(D(),l);function C(e){let n={..._,...e};return c.IT(w,n)}function J(e){let n={..._,...e};return m._(w,n)}let R=(0,r.J1)(A(),b);function k(e){let n={..._,...e};return c.IT(R,n)}},42669:(e,n,t)=>{t.d(n,{E:()=>r,L:()=>a});var i=t(54753);let r=e=>n=>"SYSTEM_CREATED_LIST"===n.name?e(i.A.LIST_NUM_ONE):n.name,a=(e,n,t,r)=>{let a=t(e).find(e=>{var t;return n.ownerDetail.email===e||(null===(t=n.membersDetail)||void 0===t?void 0:t.some(n=>n.email===e))});return a?r(i.A.ALREADY_A_MEMBER_ERROR,{email:a}):void 0}},54736:(e,n,t)=>{t.d(n,{A:()=>b});var i=t(37876),r=t(12197),a=t(5411),s=t(90079),l=t(99220),d=t(78206),o=t(14232),u=t(77742),c=t(8733),m=t(94304),h=t(54753),I=t(37643),p=t(37290),f=t(28975),S=t(67792),L=t(30376),g=t(38582),D=t(77274),A=t(88700),_=t(71007),v=t(42669),y=t(32430);let T=(0,l.n9)()(e=>({modalForm:{flexGrow:1,display:"flex",flexDirection:"column",overflow:"auto"},modalScrollSection:{flexGrow:1,overflow:"auto",marginTop:e.spacing(4)},modalMainContent:{paddingTop:0,paddingBottom:e.spacing(2)},modalFooter:{paddingTop:0},addNewListContainer:{position:"relative"},newListFields:{display:"flex",marginTop:e.spacing(1),"& div":{flex:"1 1 auto"},"& label":{marginRight:0},"& .MuiCheckbox-root":{minWidth:36}},createListButtonContainer:{position:"absolute",top:e.spacing(1)},invisible:{visibility:"hidden"},noListsHeader:{marginTop:e.spacing(9),marginBottom:e.spacing(2),[e.breakpoints.up("md")]:{marginTop:e.spacing(3)}},noListsDescription:{marginBottom:e.spacing(4)}})),b=e=>{let{open:n,onClose:t,materialNumber:l,materialId:b,productName:E,productId:x,brand:M,type:N,lists:$,quantity:j,refetchLists:w,userId:C,sendAddToListEvent:J}=e,{classes:R,cx:k}=T(),U=(0,u.A)(),{required:B}=(0,D.dz)(),[F,Y]=(0,o.useState)(!1),[O]=(0,m._D)(),[q]=(0,m.YD)(),{setSnackbar:P,setGlobalSnackbarState:G}=(0,g.W)(),z=$.filter(e=>{let n=e.ownerId===C;return!(e.deadline&&(0,y.R)(e.deadline))||n}),H=z.length>0,V=async e=>{try{return await q({variables:{listIds:e,listItems:[{materialNumber:l,materialId:b,quantity:Number(j),type:N}]}}),!0}catch(e){return!1}},W=async e=>{try{return await O({variables:{input:{name:e,invitations:[],sharedListItems:[{materialNumber:l,materialId:b,quantity:Number(j),type:N}]}}}),!0}catch(e){return!1}},K=async e=>{let n,r;let a={action:"add to list",section:"select list",component:"modal",elementType:"button",elementText:"add to list",coreEvent:"no",productId:x,productBrand:M,productVariant:l,productName:E};F&&e.isAddNewListItemSelected?(r=W(e.newSharedListItem),J&&J(A.gY.CreateList,C||""),(0,_.il)({...a,detail:"newly create list"})):(J&&J(A.gY.AddToList,l),(0,_.il)({...a}));let s=e.lists.filter(e=>e.checked).map(e=>e.listId);s.length>0&&(n=V(s));let[d,o]=await Promise.all([n,r]);if(!o&&!d){P(g.iZ.GenericError);return}if(!1===d&&o){G({open:!0,message:(0,i.jsx)(c.A,{...h.A.ADD_ITEMS_TO_LIST_FAILED}),variant:g.m$.ErrorAlert}),w(),t();return}if(!1===o&&d){G({open:!0,message:(0,i.jsx)(c.A,{...h.A.CREATE_SHARED_LIST_FAILED}),variant:g.m$.ErrorAlert}),t();return}w(),G({open:!0,message:(0,i.jsx)(c.A,{...h.A.SHARED_LIST_ITEM_ADDED}),variant:g.m$.Success}),t()};return(0,o.useEffect)(()=>{n||Y(!1)},[n]),(0,i.jsx)(f.Ay,{open:n,onClose:()=>t(),renderTitle:()=>(0,i.jsx)(r.A,{variant:"h2",children:(0,i.jsx)(c.A,{...h.A.SELECT_LIST})}),children:(0,i.jsx)(d.l1,{initialValues:{isAddNewListItemSelected:!1,newSharedListItem:"",lists:z.map(e=>{let{listId:n}=e;return{listId:n,checked:!1}})},validate:e=>{let n={},t=e.isAddNewListItemSelected&&B(e.newSharedListItem);return t&&(n.newSharedListItem=t),n},onSubmit:K,children:e=>{let{isSubmitting:n,values:l}=e,o=l.lists.some(e=>e.checked);return(0,i.jsxs)(d.lV,{className:R.modalForm,children:[(0,i.jsx)("div",{className:R.modalScrollSection,children:(0,i.jsxs)(f.Uh,{className:R.modalMainContent,children:[H?(0,i.jsx)(d.ED,{name:"lists",children:()=>z.map((e,n)=>(0,i.jsx)("div",{"data-testid":"lists_name-".concat((0,v.E)(U.formatMessage)(e)),children:(0,i.jsx)(d.D0,{name:"lists[".concat(n,"].checked"),component:I.A,label:(0,v.E)(U.formatMessage)(e)})},n))}):(0,i.jsxs)("div",{children:[(0,i.jsx)(r.A,{variant:"h3",className:R.noListsHeader,children:(0,i.jsx)(c.A,{...h.A.NO_LISTS_YET_HEADER})}),(0,i.jsx)(r.A,{variant:"body2",className:R.noListsDescription,children:(0,i.jsx)(c.A,{...h.A.NO_LISTS_YET_DESCRIPTION})})]}),(0,i.jsxs)("div",{className:R.addNewListContainer,children:[(0,i.jsxs)("div",{className:k(R.newListFields,{[R.invisible]:!F}),children:[H&&(0,i.jsx)(d.D0,{name:"isAddNewListItemSelected",component:I.A}),(0,i.jsx)(d.D0,{autoFocus:F,filled:!0,name:"newSharedListItem",component:p.A,placeholder:U.formatMessage(h.A.ENTER_NEW_LIST_NAME)},String(F))]}),(0,i.jsx)("div",{className:k(R.createListButtonContainer,{[R.invisible]:F}),children:(0,i.jsxs)(S.A,{size:H?S.e.Medium:S.e.Large,onClick:()=>{e.setFieldValue("isAddNewListItemSelected",!0),Y(!0)},children:[(0,i.jsx)(L.default,{}),(0,i.jsx)(c.A,{...h.A.CREATE_LIST})]})})]})]})}),(0,i.jsx)(f.Uh,{className:R.modalFooter,children:(0,i.jsxs)(f.fW,{children:[(0,i.jsx)(a.A,{size:"large",color:"primary",variant:"outlined",onClick:()=>t(),children:(0,i.jsx)(c.A,{...h.A.CANCEL})}),(0,i.jsx)(a.A,{type:"submit",size:"large",color:"primary",variant:"contained",disabled:n||!o&&!l.isAddNewListItemSelected,startIcon:n&&(0,i.jsx)(s.A,{color:"inherit",size:20,thickness:5}),"data-testid":"lists_confirm-add-to-list-modal-button",children:(0,i.jsx)(c.A,{...h.A.ADD_TO_LIST})})]})})]})}})})}},83707:(e,n,t)=>{t.d(n,{A:()=>m});var i=t(37876);t(14232);var r=t(7645),a=t(34415),s=t(8733),l=t(56557),d=t.n(l),o=t(11148),u=t(52413),c=t(11788);let m=e=>{let{expirationDate:n,displayColon:t,displayInline:l,outerClassName:m,labelClassName:h}=e,{userIsLoggedIn:I}=(0,c.iZ)();return n&&I?(0,i.jsxs)(r.A,{className:m,children:[(0,i.jsxs)("span",{className:h,children:[(0,i.jsx)(s.A,{id:"EXPIRY_DATE",defaultMessage:"Expiry Date"}),t?": ":""]}),(0,i.jsx)(r.A,{display:l?"inline":"block",children:"NA"===n?(0,i.jsx)(u.N,{href:o.mA.customerSupport(),passHref:!0,children:(0,i.jsx)(a.A,{color:"primary",target:"_blank",children:(0,i.jsx)(s.A,{id:"CONTACT_CUSTOMER_SERVICE_FIRST_UPPERCASE",defaultMessage:"Contact Customer Service"})})}):d()(n).format("MMMM DD, YYYY")})]}):null}},94304:(e,n,t)=>{t.d(n,{Fu:()=>j,Gv:()=>R,M0:()=>y,Vg:()=>_,XL:()=>b,Xi:()=>C,YD:()=>x,_D:()=>L,nA:()=>D,q4:()=>N});var i=t(28888);t(37876);var r=t(82897),a=t(64177);function s(){let e=(0,i._)(["\n mutation CreateSharedList($input: CreateSharedListInput!) {\n createSharedList(input: $input) {\n listId\n }\n}\n "]);return s=function(){return e},e}function l(){let e=(0,i._)(["\n mutation UpdateSharedList($input: UpdateSharedListInput!) {\n updateSharedList(input: $input)\n}\n "]);return l=function(){return e},e}function d(){let e=(0,i._)(["\n mutation DeleteSharedList($listId: ID!) {\n deleteSharedList(listId: $listId)\n}\n "]);return d=function(){return e},e}function o(){let e=(0,i._)(["\n mutation DeleteSharedListMembers($listId: ID!, $members: [ID!]!) {\n deleteSharedListMembers(listId: $listId, members: $members)\n}\n "]);return o=function(){return e},e}function u(){let e=(0,i._)(["\n mutation DeleteSharedListInvitations($listId: ID!, $invitations: [String!]!) {\n deleteSharedListInvitations(listId: $listId, invitations: $invitations)\n}\n "]);return u=function(){return e},e}function c(){let e=(0,i._)(["\n mutation CreateSharedListItems($listIds: [ID!]!, $listItems: [SharedListItemInput!]!) {\n createSharedListItems(listIds: $listIds, listItems: $listItems)\n}\n "]);return c=function(){return e},e}function m(){let e=(0,i._)(["\n mutation UpdateSharedListItem($input: UpdateSharedListItemInput!) {\n updateSharedListItem(input: $input)\n}\n "]);return m=function(){return e},e}function h(){let e=(0,i._)(["\n mutation RemoveSharedListItem($listId: ID!, $itemId: ID!) {\n removeSharedListItem(listId: $listId, itemId: $itemId)\n}\n "]);return h=function(){return e},e}function I(){let e=(0,i._)(["\n mutation ClearSharedListItems($listId: ID!) {\n clearSharedListItems(listId: $listId)\n}\n "]);return I=function(){return e},e}function p(){let e=(0,i._)(["\n mutation UpdateMembersDoneAddingToSharedList($listId: ID!) {\n updateMembersDoneAddingToSharedList(listId: $listId)\n}\n "]);return p=function(){return e},e}t(14232);let f={},S=(0,r.J1)(s());function L(e){let n={...f,...e};return a.n(S,n)}let g=(0,r.J1)(l());function D(e){let n={...f,...e};return a.n(g,n)}let A=(0,r.J1)(d());function _(e){let n={...f,...e};return a.n(A,n)}let v=(0,r.J1)(o());function y(e){let n={...f,...e};return a.n(v,n)}let T=(0,r.J1)(u());function b(e){let n={...f,...e};return a.n(T,n)}let E=(0,r.J1)(c());function x(e){let n={...f,...e};return a.n(E,n)}let M=(0,r.J1)(m());function N(e){let n={...f,...e};return a.n(M,n)}let $=(0,r.J1)(h());function j(e){let n={...f,...e};return a.n($,n)}let w=(0,r.J1)(I());function C(e){let n={...f,...e};return a.n(w,n)}let J=(0,r.J1)(p());function R(e){let n={...f,...e};return a.n(J,n)}},94825:(e,n,t)=>{t.d(n,{EW:()=>c,hY:()=>o});var i=t(28888);t(37876);var r=t(82897);t(14232);var a=t(78248);function s(){let e=(0,i._)(["\n fragment MaterialDetail on Material {\n id\n number\n name\n isMarketplace\n displaySellerName\n marketplaceOfferId\n marketplaceSellerId\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 linearFormula\n empiricalFormula\n casNumber\n molecularWeight\n erpType\n substanceKey\n}\n "]);return s=function(){return e},e}function l(){let e=(0,i._)(["\n query MaterialDetail($materialNumber: String!, $catalogType: CatalogType, $filter: String) {\n getMaterialDetail(\n input: {materialNumber: $materialNumber, catalogType: $catalogType, filter: $filter}\n ) {\n ...MaterialDetail\n }\n}\n ",""]);return l=function(){return e},e}let d={},o=(0,r.J1)(s()),u=(0,r.J1)(l(),o);function c(e){let n={...d,...e};return a._(u,n)}}}]); //# sourceMappingURL=1613-1b944c98fe5726f3.js.map