1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~10.1.0, @magento/upward-security-headers: ~1.0.13, @magento/pwa-theme-venia: ~1.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~13.0.1, @magento/pagebuilder: ~8.1.0, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.2, @apollo/client: ~3.5.0 */ 2(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{"5WQF":function(e,n,t){"use strict" 3t.r(n),t.d(n,"default",function(){return L}) 4var a,r,s=t("q1tI"),l=t.n(s),o=t("kriW"),i=t("8UhI"),c=t("lcLu"),m=t("X5qW"),p=t("Nbgj"),d=t("LboF"),u=t.n(d),b=t("p1tM"),g={injectType:"singletonStyleTag",insert:"head",singleton:!0},y=(u()(b.a,g),b.a.locals||{}),w=t("lblS"),v=t("xYv5"),h=t("nvpB"),f=t("9f6o"),U=t("qQMA"),T=t("apR6"),E={injectType:"singletonStyleTag",insert:"head",singleton:!0},x=(u()(T.a,E),T.a.locals||{}),W=function UserRow(e){var n,t=e.user,a=e.index,r=e.editPermission,s=e.setModalUserState,o=e.toggleDrawer,i=e.setIsPermanent,c=e.setDeleteUser,m=e.data,p=Object(U.b)().innerWidth<=1365 5return l.a.createElement("div",{className:x.singleRowContent},l.a.createElement("div",{className:x.tableRow,key:null==t?void 0:t.uid},l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"ID"),l.a.createElement("p",{className:x.tableCell},a)),l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"NAME"),l.a.createElement("p",{className:x.tableCell},null==t?void 0:t.firstname," ",null==t?void 0:t.lastname)),l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"EMAIL"),l.a.createElement("p",{className:x.tableCell},null==t?void 0:t.email)),l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"ROLE"),l.a.createElement("p",{className:x.tableCell},(null==t?void 0:null===(n=t.role)||void 0===n?void 0:n.name)||"Company Administrator")),l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"STATUS"),l.a.createElement("p",{className:x.tableCell},null==t?void 0:t.status)),r&&l.a.createElement("div",{className:x.singleRowWrapper},p&&l.a.createElement("p",{className:x.headerTitle},"ACTION"),l.a.createElement("div",{className:x.tableCell},l.a.createElement("button",{onClick:function onClick(){var e,n 6s({companyRoles:null==m?void 0:null===(e=m.company)||void 0===e?void 0:e.roles,companyId:null==m?void 0:null===(n=m.company)||void 0===n?void 0:n.id,usersData:t}),o("addEditUser")},className:x.buttonText,"aria-label":"Edit User"},l.a.createElement("p",null,"Edit")),"ACTIVE"===(null==t?void 0:t.status)&&l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{className:"".concat(x.divider," mx-[15px]")}),l.a.createElement("button",{className:x.buttonText,onClick:function onClick(){i(!1),c(t),o("deleteUser")},"aria-label":"Delete User"},l.a.createElement("p",null,"Delete")))))))},N=function UsersTable(e){var n,t=e.data,a=e.loading,r=e.editPermission,s=e.setDeleteUser,o=e.toggleDrawer,i=e.setModalUserState,c=e.setIsPermanent,m=Object(U.b)(),p=m.innerWidth>768&&m.innerWidth<1366,d=m.innerWidth>=1366,u=(null==t?void 0:null===(n=t.company)||void 0===n?void 0:n.users.items)||[],b=function renderUserRows(){return u.map(function(e,n){var a 7return(null==e?void 0:null===(a=e.role)||void 0===a?void 0:a.name)&&l.a.createElement(l.a.Fragment,{key:null==e?void 0:e.uid},l.a.createElement(W,{user:e,index:n,editPermission:r,setModalUserState:i,toggleDrawer:o,setIsPermanent:c,setDeleteUser:s,data:t}),p&&(n+1)%2==0&&l.a.createElement("div",{className:x.divider}))})} 8return p?l.a.createElement(l.a.Fragment,null,a?l.a.createElement(f.a,null):u.length?b():l.a.createElement("div",{className:x.noDataWrapper},l.a.createElement("p",null,"We couldn't find any records."))):l.a.createElement("div",{className:x.userTableContainer},a?l.a.createElement(f.a,null):l.a.createElement("div",{className:x.userTableWrapper},d&&l.a.createElement("div",{className:x.userTableHeader},l.a.createElement("p",null,"ID"),l.a.createElement("p",null,"NAME"),l.a.createElement("p",null,"EMAIL"),l.a.createElement("p",null,"ROLE"),l.a.createElement("p",null,"STATUS"),r&&l.a.createElement("p",null,"ACTION")),l.a.createElement("div",{className:x.userTableBody}
8,u.length?b():l.a.createElement("div",{className:x.noDataWrapper},l.a.createElement("p",null,"We couldn't find any records.")))))},S=t("tSsD"),C=t("lSNA"),R=t.n(C),P=t("J4zp"),k=t.n(P),D=t("+TN3"),O=t("iWx5"),A=t("VkAN"),I=t.n(A),j=t("UYTu"),B=Object(j.a)(a||(a=I()(["\n query COMPANY_USERS($pageSize: Int, $currentPage: Int) {\n company {\n id\n roles {\n items {\n name\n id\n permissions {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n }\n }\n }\n }\n }\n }\n }\n }\n users(pageSize: $pageSize, currentPage: $currentPage) {\n total_count\n page_info {\n current_page\n page_size\n total_pages\n }\n items {\n uid\n job_title\n telephone\n email\n firstname\n lastname\n status\n uid\n role {\n name\n id\n }\n team {\n name\n id\n }\n }\n }\n }\n }\n"]))),z=Object(j.a)(r||(r=I()(["\n query COMPANY_USERS_FILTERED($status: CompanyUserStatusEnum!, $pageSize: Int, $currentPage: Int) {\n company {\n id\n roles {\n items {\n name\n id\n permissions {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n children {\n key: id\n title: text\n }\n }\n }\n }\n }\n }\n }\n }\n users(filter: { status: $status }, currentPage: $currentPage, pageSize: $pageSize) {\n total_count\n page_info {\n current_page\n page_size\n total_pages\n }\n items {\n uid\n job_title\n telephone\n email\n firstname\n lastname\n status\n role {\n name\n id\n }\n team {\n name\n id\n }\n uid\n }\n }\n }\n }\n"]))),M=t("NZ4J"),_=function useCompanyUsers(){var e,n,t,a,r,l=Object(s.useState)(!1),o=k()(l,2),i=o[0],c=o[1],m=Object(s.useState)(!0),p=k()(m,2),d=p[
80],u=p[1],b=Object(M.a)().editCompanyUsersAndRoles,g=Object(s.useState)(1),y=k()(g,2),w=y[0],v=y[1],h=Object(s.useState)(12),f=k()(h,2),T=f[0],E=f[1],x=Object(s.useState)(),W=k()(x,2),N=W[0],S=W[1],C=Object(s.useState)(),P=k()(C,2),A=P[0],I=P[1],j=Object(s.useState)(!1),_=k()(j,2),L=_[0],$=_[1],F=Object(U.b)().innerWidth<=1365,Y=Object(s.useMemo)(function(){return d?null:i?"INACTIVE":"ACTIVE"},[d,i]),H=Object(D.a)(d?B:z,{fetchPolicy:"no-cache",variables:{status:Y,pageSize:T,currentPage:w}}),J=H.data,q=H.loading,V=H.refetch,K=R()({currentPage:w,setPage:v,totalPages:null==J?void 0:null===(e=J.company)||void 0===e?void 0:null===(n=e.users)||void 0===n?void 0:null===(t=n.page_info)||void 0===t?void 0:t.total_pages,totalItemsCount:{totalItems:null==J?void 0:null===(a=J.company)||void 0===a?void 0:null===(r=a.users)||void 0===r?void 0:r.total_count}},"currentPage",w),Q=Object(O.b)(),X=k()(Q,2),Z=X[0].drawer,G=X[1],ee=G.closeDrawer,ne=G.toggleDrawer 9return{setDeleteUser:I,setShowInactiveUsers:c,showInactiveUsers:i,setIsPermanent:$,setPageSize:E,setShowAllUsers:u,showAllUsers:d,modalUserState:N,setModalUserState:S,deleteUser:A,isDeleteOpen:"deleteUser"===Z,isMobile:F,isOpen:"addEditUser"===Z,isPermanent:L,closeDrawer:ee,toggleDrawer:ne,pageControl:K,data:J,loading:q,refetch:V,editPermission:b,onDeleteSuccess:function onDeleteSuccess(){I(null),$(!1),V()}}},L=function CompanyUsers(){var e=_(),n=e.setDeleteUser,t=e.setShowInactiveUsers,a=e.showInactiveUsers,r=e.setShowAllUsers,d=e.showAllUsers,u=e.setIsPermanent,b=e.modalUserState,g=e.setModalUserState,f=e.deleteUser,U=e.isDeleteOpen,T=e.isOpen,E=e.isPermanent,x=e.closeDrawer,W=e.toggleDrawer,C=e.data,R=e.loading,P=e.onDeleteSuccess,k=e.editPermission,D=e.refetch,O=Object(v.e)(y,h.a) 10return l.a.useEffect(function(){d||a||r(!0)},[d,a,r,t]),l.a.createElement(S.a,null,l.a.createElement(c.b,null,"Company Users"),l.a.createElement("div",{className:"col-span-12"},l.a.createElement("h1",{className:O.title},"Company Users"),l.a.createElement(l.a.Fragment,null,l.a.createElement(i.c,{className:"col-span-12"},l.a.createElement("fieldset",null,l.a.createElement("legend",{className:"sr-only"},"Choose active or inactive users"),l.a.createElement(s.Fragment,null,l.a.createElement("div",{className:O.companyUsersBtnWrapper},l.a.createElement("button",{type:"button",className:d?O.unactiveBtn:O.activeBtn,onClick:function onClick(){t(!1),r(!0)}},"Show all users"),l.a.createElement("button",{type:"button",onClick:function onClick(){r(!1),t(!0)},className:a?O.unactiveBtn:O.activeBtn},"Show inactive Users")))))),l.a.createElement("div",{className:O.mobileTableWrapper},l.a.createElement(N,{data:C,loading:R,editPermission:k,setDeleteUser:n,toggleDrawer:W,setModalUserState:g,setIsPermanent:u})),l.a.createElement("div",{className:O.buttonWrapper},k&&l.a.createElement("div",{className:O.addUserWrapper},l.a.createElement(m.a,{onClick:function onClick(){g([]),W("addEditUser")},priority:"normal","aria-label":"Add New User"},l.a.createElement(o.a,{id:"companyUser.addNewUser",defaultMessage:"Add New User"}))))),T&&l.a.createElement(p.a,{usersData:b,refetch:D,isOpen:T}),U?l.a.createElement(w.a,{user:f,isOpen:U,closeModal:x,refetch:P,isPermanent:E}):null)}},apR6:function(e,n,t){"use strict" 11var a=t("JPst"),r=t.n(a)()(function(e){return e[1]})
12r.push([e.i,".usersTable-userTableContainer-1fU {\n}\n\n.usersTable-userTableWrapper-wkK {\n}\n\n.usersTable-userTableHeader-Sw- {\n grid-template-columns: 1fr repeat(2, 3fr) 1fr repeat(2, 1fr);\n}\n\n.usersTable-userTableHeader-Sw- > p {\n /* Body/14px/Bold */\n font-family: azo-sans-web, sans-serif;\n font-weight: 600;\n font-style: normal;\n line-height: 1.8rem; /* 128.571% */\n color: #000;\n text-transform: uppercase;\n border-bottom-width: 1px;\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n padding-bottom: 2rem;\n font-size: 1.6rem;\n }\n\n.usersTable-userTableBody-50N {\n}\n\n.usersTable-tableRow-y8o {\n grid-template-columns: 1fr repeat(2, 3fr) 1fr repeat(2, 1fr);\n}\n\n.usersTable-singleRowContent-12v {\n border-bottom-width: 1px;\n --tw-border-opacity: 1;\n border-color: rgb(211 211 211 / var(--tw-border-opacity));\n}\n\n.usersTable-singleRowWrapper--hb {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.usersTable-singleRowWrapper--hb > p {\n /* Body/14px/Regular */\n font-family: azo-sans-web, sans-serif;\n font-size: 1.4rem;\n font-style: normal;\n line-height: 1.8rem; /* 128.571% */\n color: #595959;\n }\n\n@media (max-width: 1366px) {\n\n .usersTable-singleRowWrapper--hb > p {\n /* Body/14px/Regular */\n font-family: azo-sans-web, sans-serif;\n font-size: 1.4rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.8rem; /* 128.571% */\n color: #595959;\n }\n\n @supports (-webkit-touch-callout: none) {\n }\n }\n\n.usersTable-singleRowWrapper--hb > p {\n font-size: 1.6rem;\n}\n\n.usersTable-buttonText-pML {\n text-decoration: underline;\n cursor: pointer;\n}\n\n.usersTable-buttonText-pML:hover {\n background: transparent;\n}\n\n.usersTable-divider-v2- {\n margin-top: 1.25rem;\n height: 19rem;\n width: 0.01rem;\n border-width: 1px;\n --tw-border-opacity: 1;\n border-color: rgb(211 211 211 / var(--tw-border-opacity));\n}\n\n.usersTable-noDataWrapper-80- {\n display: flex;\n justify-content: center;\n border-bottom-width: 1px;\n --tw-border-opacity: 1;\n border-color: rgb(211 211 211 / var(--tw-border-opacity));\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n@media (max-width: 1560px) {\n .usersTable-userTableHeader-Sw- > p {\n font-size: 1.4rem;\n }\n\n .usersTable-singleRowWrapper--hb > p {\n font-size: 1.4rem;\n }\n}\n\n@media (max-width: 1365px) {\n .usersTable-singleRowWrapper--hb {\n display: flex;\n justify-content: space-between;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-bottom: 1.5rem;\n }\n\n .usersTable-singleRowWrapper--hb:first-of-type {\n padding-top: 1.5rem;\n }\n\n .usersTable-singleRowContent-12v:nth-child(3n + 1) {\n padding-right: 3rem;\n }\n\n .usersTable-singleRowContent-12v:nth-child(3n) {\n padding-left: 3rem;\n }\n\n .usersTable-tableRow-y8o {\n display: grid;\n width: 100%;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .usersTable-headerTitle-D0M {\n /* Body/14px/Bold */\n font-family: azo-sans-web, sans-serif !important;\n font-size: 1.4rem !important;\n font-weight: 600 !important;\n font-style: normal !important;\n line-height: 1.8rem !important; /* 128.571% */\n color: #000 !important;\n text-transform: uppercase !important;\n --tw-text-opacity: 1 !important;\n color: rgb(0 0 0 / var(--tw-text-opacity)) !important;\n }\n}\n\n@media (max-width: 768px) {\n .usersTable-singleRowContent-12v:nth-child(3n + 1) {\n padding-right: 0px;\n }\n\n .usersTable-singleRowContent-12v:nth-child(3n) {\n padding-left: 0px;\n }\n}\n",""]),r.locals={userTableContainer:"usersTable-userTableContainer-1fU",userTableWrapper:"usersTable-userTableWrapper-wkK grid grid-cols-1",userTableHeader:"usersTable-userTableHeader-Sw- grid",userTableBody:"usersTable-userTableBody-50N",tableRow:"usersTable-tableRow-y8o grid",singleRowContent:"usersTable-singleRowContent-12v",singleRowWrapper:"usersTable-singleRowWrapper--hb",buttonText:"usersTable-buttonText-pML",divider:"usersTable-divider-v2-",noDataWrapper:"usersTable-noDataWrapper-80-",headerTitle:"usersTable-headerTitle-D0M"},n.a=r},p1tM:function(e,n,t){"use strict" 13var a=t("JPst"),r=t.n(a)()(function(e){return e[1]})
14r.push([e.i,".companyUsers-accountTitle-uNg {\n margin-bottom: 0;\n}\n\n.companyUsers-companyUsersBtnWrapper-eLh {\n}\n\n.companyUsers-buttonWrapper-i-3 {\n display: flex;\n min-width: 20rem;\n justify-content: flex-end;\n}\n\n.companyUsers-addUserWrapper-AWm {\n min-width: 20rem;\n padding-top: 5rem;\n}\n\n.companyUsers-addUserWrapper-AWm button {\n display: flex;\n max-width: 23rem;\n justify-content: space-between;\n gap: 2rem;\n}\n\n.companyUsers-addUserWrapper-AWm button span {\n position: unset !important;\n}\n\n.companyUsers-addUserWrapper-AWm button::before {\n position: unset !important;\n}\n\n.companyUsers-addUserWrapper-AWm button:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(72 124 132 / var(--tw-bg-opacity));\n}\n\n.companyUsers-title-PnY {\n}\n\n.companyUsers-btnSelect-OcU {\n min-width: 18rem;\n cursor: pointer;\n border-radius: 3rem;\n border-width: 1px;\n border-style: solid;\n --tw-border-opacity: 1;\n border-color: rgb(211 211 211 / var(--tw-border-opacity));\n padding: 1rem;\n font-size: 1.6rem;\n}\n\n.companyUsers-activeBtn-mrw {\n background-color: white;\n color: #000;\n}\n\n.companyUsers-activeBtn-mrw:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(72 124 132 / var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.companyUsers-unactiveBtn-sPr {\n background-color: black;\n color: #fff;\n}\n\n@media (max-width: 1365px) {\n .companyUsers-mobileTableWrapper-Lu3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n grid-template-columns: 1fr 0 1fr;\n }\n\n .companyUsers-title-PnY {\n padding-bottom: 4rem;\n }\n\n .companyUsers-buttonWrapper-i-3 {\n padding-bottom: 4rem;\n }\n}\n\n@media (max-width: 768px) {\n .companyUsers-mobileTableWrapper-Lu3 {\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n\n .companyUsers-buttonWrapper-i-3 {\n min-width: 18.5rem;\n padding-bottom: 4rem;\n }\n\n .companyUsers-addUserWrapper-AWm {\n min-width: 18.5rem;\n padding-top: 3rem;\n }\n\n .companyUsers-activeBtn-mrw,\n .companyUsers-unactiveBtn-sPr {\n min-width: 16rem;\n font-size: 1.4rem;\n }\n\n .companyUsers-title-PnY {\n padding-top: 4rem;\n padding-bottom: 4rem;\n }\n}\n",""]),r.locals={accountTitle:"companyUsers-accountTitle-uNg",companyUsersBtnWrapper:"companyUsers-companyUsersBtnWrapper-eLh flex justify-start gap-8 pb-16",buttonWrapper:"companyUsers-buttonWrapper-i-3",addUserWrapper:"companyUsers-addUserWrapper-AWm",title:"companyUsers-title-PnY flex justify-start pb-20",btnSelect:"companyUsers-btnSelect-OcU",activeBtn:"companyUsers-activeBtn-mrw companyUsers-btnSelect-OcU",unactiveBtn:"companyUsers-unactiveBtn-sPr companyUsers-btnSelect-OcU",mobileTableWrapper:"companyUsers-mobileTableWrapper-Lu3"},n.a=r}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.