https://eu.shadow.tech/account/_next/static/chunks/pages/user-manager-f6a0d9cc10131048.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[965],{45968:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user-manager",function(){return t(51476)}])},51476:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return Ze},default:function(){return Ce}});var r=t(24246),a=t(88038),i=t.n(a),s=t(5591),o=t(29901),u=t(27378),l=t(19989),c=t(22215),d=t(7938),m=t(39843),g=t(80465),f=t(24664),p=t(80660),b=t(23842),v=t(85556),h=t(92773),x=t(85034),S=t(70169),y=t(3204),j=t(21828),M=t(16152);function I(){var e=(0,l.Z)(["\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n  flex-wrap: wrap;\n"]);return I=function(){return e},e}var Z=c.Z.div(I()),C=function(e){var n=e.availableTagsList,t=e.unusedAvailableTags,a=e.setUnusedAvailableTags,i=e.setUsedTags,s=e.usedTags,o=(0,r.jsx)(d.JO,{name:m.PJ.CROSS_CIRCLE_FILLED,width:20,color:d.rS.palette.primary.main});return(0,r.jsx)(Z,{children:s.map((function(e,u){return(0,r.jsx)(d.Af,{onClick:function(){return function(e){i(s.filter((function(n){return n.id!==e.id})));var r=n.find((function(n){return n.id===e.id}));r&&a(t.concat(r))}(e)},variant:"body-sm-regular",color:d.rS.palette.black.main,backgroundColor:d.rS.palette.primary.main10,rightAddon:o,children:e.name},u)}))})},T=t(51215),w=t(5371),E=t(26057);function L(){var e=(0,l.Z)(["\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n"]);return L=function(){return e},e}function _(){var e=(0,l.Z)(["\n  flex: 1;\n  align-items: center;\n  legend {\n    display: none;\n  }\n  fieldset.MuiOutlinedInput-root:not(\n      .Mui-disabled\n    ).MuiOutlinedInput-notchedOutline {\n    background: white;\n    border-right-color: transparent;\n    transition: none;\n  }\n  & .MuiInputBase-adornedStart {\n    padding-left: 16px;\n    padding-right: 16px;\n    & > .MuiSvgIcon-root {\n      margin-right: 16px;\n    }\n  }\n  fieldset.MuiOutlinedInput-notchedOutline {\n    background: white;\n    border-radius: 8px 0 0 8px;\n    top: 0;\n  }\n  .MuiOutlinedInput-root:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline {\n    background: transparent;\n  }\n"]);return _=function(){return e},e}function A(){var e=(0,l.Z)(["\n  display: none;\n  &:has(ul) {\n    display: block;\n  }\n  background: ",";\n  border: 2px solid ",";\n  &[data-popper-placement='bottom-start'] {\n    border-top: 0;\n    border-radius: 0 0 8px 8px;\n    top: -11px !important;\n    padding-top: 11px;\n  }\n"]);return A=function(){return e},e}function O(){var e=(0,l.Z)(["\n  ul {\n    padding: 0;\n    .MuiAutocomplete-option {\n      padding: 12px 16px;\n    }\n    .Mui-focused {\n      background: ",";\n    }\n  }\n"]);return O=function(){return e},e}function k(){var e=(0,l.Z)(["\n  height: 56px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n"]);return k=function(){return e},e}var P=c.Z.div(L()),D=(0,c.Z)(M.Z)(_()),N=(0,c.Z)(j.Z)(A(),d.rS.palette.white.main,d.rS.palette.primary.main),J=c.Z.div(O(),d.rS.palette.primary.main10),U=(0,c.Z)(d.zx)(k()),G=function(e){var n=e.availableTagsList,t=e.usedTags,a=e.setUsedTags,i=(0,s.$G)("common").t,o=(0,d.qY)().isSM,l=(0,E.bp)(),c=(0,u.useState)(n.filter((function(e){return!t.find((function(n){return n.id===e.id}))}))),f=c[0],p=c[1],h=(0,u.useState)(!1),j=h[0],M=h[1],I=(0,u.useState)(!1),Z=I[0],L=I[1],_=(0,u.useState)(""),A=_[0],O=_[1],k=(0,u.useState)(""),G=k[0],R=k[1],z=(0,w.Z)((function(e){return V(e.tag)})),F=z.onSubmit,H=z.control,$=z.isSubmitting;(0,u.useEffect)((function(){L($)}),[$]);var B=function(e){a((0,y.Z)(t).concat([e])),p(f.filter((function(n){return n.id!==e.id}))),O(""),R(""),M(!1)},V=function(){var e=(0,b.Z)((function(e){var n,t;return(0,v.__generator)(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,l.mutateAsync(e)];case 1:return(n=r.sent())&&n.length&&B(n[0]),[3,3];case 2:return t=r.sent(),(0,g.Hai)("addNewTag",t),[3,3];case 3:return[2]}}

1))}));return function(n){return e.apply(this,arguments)}}(),q=f.sort((function(e,n){return-n.name.localeCompare(e.name)})).map((function(e){return e.name})),Q=(0,u.useCallback)(function(){var e=(0,b.Z)((function(e){return(0,v.__generator)(this,(function(n){switch(n.label){case 0:return e.preventDefault(),[4,F()];case 1:return n.sent(),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),[F]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("form",{onSubmit:Q,children:(0,r.jsxs)(P,{children:[(0,r.jsx)(D,{id:"tag",autoHighlight:!0,freeSolo:!0,value:A,inputValue:G,options:q,ListboxProps:{style:{maxHeight:150}},disableClearable:!0,popupIcon:!1,onChange:function(e,r){O(r),r&&!t.find((function(e){return e.name===r}))&&(f.find((function(e){return e.name===r}))?function(e){var t=n.find((function(n){return n.name===e}));B(t)}(r):V(r))},onInputChange:function(e,n){R(n),t.find((function(e){return e.name===n}))||f.find((function(e){return e.name===n}))?M(!1):M(!0)},PopperComponent:function(e){return(0,r.jsx)(N,(0,S.Z)((0,x.Z)({},e),{placeholder:null,placement:"bottom-start"}))},PaperComponent:J,renderInput:function(e){return(0,r.jsx)(T.Z,(0,S.Z)((0,x.Z)({},e),{name:"tag",control:H,placeholder:i("form.tags.label","Add a tag"),InputProps:(0,S.Z)((0,x.Z)({},e.InputProps),{startAdornment:(0,r.jsx)(d.JO,{name:m.PJ.MAGNIFIER,color:d.rS.palette.black.main75,width:24,height:24})})}))},renderOption:function(e,n){return(0,r.jsx)("li",(0,S.Z)((0,x.Z)({},e),{children:(0,r.jsx)(d.ZT,{variant:"body-md",children:n})}))}}),(0,r.jsx)(U,{size:o?"small":"medium",disabled:!j,color:"black",type:"submit",loading:Z,children:i("form.tags.addButtonLabel","Create")})]})}),(0,r.jsx)(C,{availableTagsList:n,unusedAvailableTags:f,setUnusedAvailableTags:p,setUsedTags:a,usedTags:t})]})};function R(){var e=(0,l.Z)(["\n  margin-top: 24px;\n\n  "," {\n    margin-top: 40px;\n  }\n"]);return R=function(){return e},e}var z=(0,c.Z)(d.zx)(R(),d.rS.breakpoints.up("md")),F=function(e){var n,t=e.isB2b,a=void 0!==t&&t,i=e.defaultTags,o=e.onUpdateTags,l=e.isSubmittingTags,c=(0,s.$G)("common").t,m=(0,E.iC)(),g=(0,u.useState)(i),f=g[0],p=g[1];if(m.isLoading)return(0,r.jsx)(d.Qw,{});var b=null===(n=m.data)||void 0===n?void 0:n.available_tags;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(G,{availableTagsList:b,usedTags:f,setUsedTags:p}),(0,r.jsx)(z,{color:a?"black":"primary",onClick:function(){return o(f)},loading:l,fullWidth:!0,children:c("global.confirm")})]})},H=function(e){var n,t,a=e.isOpen,i=e.handleClose,o=e.onUpdateMemberTags,u=e.userTags,l=e.isSubmittingTags,c=(0,s.$G)().t,m=null===(n=(0,E.iC)().data)||void 0===n||null===(t=n.user)||void 0===t?void 0:t.b2b;return(0,r.jsxs)(d.u_,{scroll:"body",open:a,onClose:function(e){"backdropClick"===e&&l||i()},disableEscapeKeyDown:l,"aria-labelledby":"tags-member-title","aria-describedby":"tags-member-description",title:c("subscription.memberTags.title","User's tags"),children:[(0,r.jsx)(F,{onUpdateTags:o,isB2b:m,defaultTags:u,isSubmittingTags:l}),(0,r.jsx)(d.sC,{onClick:i,children:c("global.cancel","Cancel",{ns:"common"})})]})},$=t(36896),B=function(e){var n=e.userTags,t=e.setIsActionsPopoverOpen,a=e.memberId,i=(0,s.$G)().t,o=(0,h.zn)(),l=o.notifyError,c=o.notifySuccess,f=(0,E.sS)(),p=(0,u.useState)(!1),x=p[0],S=p[1],y=function(){var e=(0,b.Z)((function(e){var n,r;return(0,v.__generator)(this,(function(s){switch(s.label){case 0:t(!1),s.label=1;case 1:return s.trys.push([1,3,,4]),n={},[4,f.mutateAsync((n.memberId=a,n.tags=e,n))];case 2:return s.sent(),c("".concat(i("businessManager.managerList.user.actions.updateTags.notification.success","Successfully updating user's tags"))),S(!1),[3,4];case 3:return r=s.sent(),o=(0,g.dfz)(r),l("".concat(i("businessManager.managerList.user.actions.updateTags.notification.error","Error updating user's tags : {{error}}",{error:o}))),(0,g.Hai)("handleUpdateMemberTags",r),[3,4];case 4:return[2]}var o}))}));return function(n){return e.apply(this,arguments)}}();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.Z,{component:"button",variant:"label-sm-regular",color:d.rS.palette.black.main,onClick:function(){S(!0)},startIcon:(0,r.jsx)(d.JO,{name:m.PJ.LABEL_OUTLINED,width:16,height:16}),children:i("businessManager.vmDetails.vm.vmTags","Manage tags")}),(0,r.jsx)(H,{isOpen:x,handleClose:function(){return S(!1)},onUpdateMemberTags:y,userTags:n,isSubmittingTags:f.isPending})]})},V=t(46667),q=function(e){var n=e.inviteEmail,t=e.memberId,a=e.setIsActionsPop

1overOpen,i=(0,s.$G)().t,o=(0,h.zn)(),u=o.notifyError,l=o.notifySuccess,c=(0,E.bc)(),f=function(){var e=(0,b.Z)((function(){var e;return(0,v.__generator)(this,(function(r){switch(r.label){case 0:a(!1),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,c.mutateAsync(t)];case 2:return r.sent(),l("".concat(i("businessManager.managerList.user.actions.activateMember.notification.success",{email:n}))),[3,4];case 3:return function(e){var t=(0,g.dfz)(e);u("".concat(i("businessManager.managerList.user.actions.activateMember.notification.error",{email:n,errorMessage:t})))}(e=r.sent()),(0,g.Hai)("handleActivateMember",e),[3,4];case 4:return[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,r.jsxs)($.Z,{component:"button",variant:"label-sm-regular",color:d.rS.palette.primary.main,onClick:f,children:[(0,r.jsx)(d.JO,{name:m.PJ.USER_CHECK,width:16,height:16}),i("businessManager.managerList.user.actions.activateMember.buttonLabel","Activate this account")]})},Q=function(e){var n=e.inviteEmail,t=e.memberId,a=e.setIsActionsPopoverOpen,i=(0,s.$G)().t,o=(0,h.zn)(),u=o.notifyError,l=o.notifySuccess,c=(0,E.G)(),f=function(){var e=(0,b.Z)((function(){return(0,v.__generator)(this,(function(e){switch(e.label){case 0:a(!1),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,c.mutateAsync(t)];case 2:return e.sent(),l("".concat(i("businessManager.managerList.user.actions.deactivateMember.notification.success",{email:n}))),[3,4];case 3:return function(e){var t=(0,g.dfz)(e);u("".concat(i("businessManager.managerList.user.actions.deactivateMember.notification.error",{email:n,errorMessage:t}))),(0,g.Hai)("handleDeactivateMember",e)}(e.sent()),[3,4];case 4:return[2]}}

1))}));return function(){return e.apply(this,arguments)}}();return(0,r.jsxs)($.Z,{component:"button",variant:"label-sm-regular",color:d.rS.palette.error.main,onClick:f,children:[(0,r.jsx)(d.JO,{name:m.PJ.BLOCK,width:16,height:16}),i("businessManager.managerList.user.actions.deactivateMember.buttonLabel","Disable user")]})},W=t(79758),X=function(e){var n=e.inviteEmail,t=e.memberId,a=e.setIsActionsPopoverOpen,i=e.status,o=(0,s.$G)().t,l=(0,h.zn)(),c=l.notifyError,f=l.notifySuccess,p=l.notifyWarning,x=(0,E.HJ)(),S=(0,u.useState)(!1),y=S[0],j=S[1],M=function(){j(!y)},I=function(){var e=(0,b.Z)((function(){var e,r,s;return(0,v.__generator)(this,(function(u){switch(u.label){case 0:a(!1),u.label=1;case 1:return u.trys.push([1,3,,4]),e={},[4,x.mutateAsync((e.member_id=i===W.J0.PENDING?null:t,e.invite_email=n,e))];case 2:return u.sent(),f("".concat(o("businessManager.managerList.user.actions.deleteMember.notification.success",{email:n}))),[3,4];case 3:return r=u.sent(),400===(null===(s=r)||void 0===s?void 0:s.code)?(d=o("businessManager.managerList.user.actions.deleteMember.notification.alreadyAssigned","Cannot delete, member is currently assigned to a PC."),p(d)):(l=(0,g.dfz)(r),c("".concat(o("businessManager.managerList.user.actions.deleteMember.notification.error",{email:n,error:l}))),(0,g.Hai)("handleDeleteMember",r)),[3,4];case 4:return[2]}var l,d}))}));return function(){return e.apply(this,arguments)}}();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)($.Z,{component:"button",variant:"label-sm-regular",color:d.rS.palette.error.main,onClick:M,children:[(0,r.jsx)(d.JO,{name:m.PJ.USER_MINUS,width:16,height:16}),o("businessManager.managerList.user.actions.deleteMember.buttonLabel","Delete user")]}),(0,r.jsxs)(d.u_,{open:y,onClose:M,"aria-labelledby":"Delete-member-dialog-title","aria-describedby":"Delete-member-dialog-description",title:o("businessManager.managerList.user.actions.deleteMember.modal.title","Delete user"),children:[(0,r.jsx)(d.ZT,{align:"center",variant:"body-sm",children:o("businessManager.managerList.user.actions.deleteMember.modal.content","This operation cannot be undone.")}),(0,r.jsx)(d.mH,{onClick:I,color:"error",children:o("businessManager.managerList.user.actions.deleteMember.buttonLabel","Delete user")}),(0,r.jsx)(d.sC,{onClick:M,children:o("global.cancel","Cancel",{ns:"common"})})]})]})},K=function(e){var n=e.inviteEmail,t=e.setIsActionsPopoverOpen,a=(0,s.$G)().t,i=(0,h.zn)(),o=i.notifyError,u=i.notifySuccess,l=(0,E.hd)(),c=function(){var e=(0,b.Z)((function(){var e,r;return(0,v.__generator)(this,(function(i){switch(i.label){case 0:t(!1),i.label=1;case 1:return i.trys.push([1,3,,4]),e=encodeURIComponent(n),[4,l.mutateAsync(e)];case 2:return i.sent(),u("".concat(a("businessManager.managerList.user.actions.resendInvitation.notification.success",{email:n}))),[3,4];case 3:return r=i.sent(),s=(0,g.dfz)(r),o("".concat(a("businessManager.managerList.user.actions.resendInvitation.notification.error",{email:n,error:s}))),(0,g.Hai)("handleResentInvitation",r),[3,4];case 4:return[2]}var s}))}));return function(){return e.apply(this,arguments)}}();return(0,r.jsxs)($.Z,{component:"button",variant:"label-sm-regular",color:d.rS.palette.black.main,onClick:c,children:[(0,r.jsx)(d.JO,{name:m.PJ.EMAIL,width:16,height:16}),a("businessManager.managerList.user.actions.resendInvitation.buttonLabel","Resend email confirmation")]})},Y=function(e){var n=e.userTags,t=void 0===n?[]:n,a=e.memberId,i=e.status,s=e.inviteEmail,o=(0,u.useState)(!1),l=o[0],c=o[1],g=i===W.J0.ACTIVE,f=i===W.J0.PENDING,p=i===W.J0.DISABLED,b=i===W.J0.ACTIVE;return(0,r.jsxs)(V.Z,{dataTestId:"user-manager-edit",icon:(0,r.jsx)(d.JO,{name:m.PJ.MENU_DOTS_VERTICAL,width:16,height:16}),name:"user-manager-action",isOpen:l,setIsOpen:c,children:[g&&(0,r.jsx)(B,{setIsActionsPopoverOpen:c,memberId:a,userTags:t}),f&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(K,{inviteEmail:s,setIsActionsPopoverOpen:c}),(0,r.jsx)(X,{inviteEmail:s,memberId:a,setIsActionsPopoverOpen:c,status:i})]}),p&&(0,r.jsx)(q,{inviteEmail:s,memberId:a,setIsActionsPopoverOpen:c}),b&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Q,{inviteEmail:s,memberId:a,setIsActionsPop

1overOpen:c}),(0,r.jsx)(X,{inviteEmail:s,memberId:a,setIsActionsPopoverOpen:c,status:i})]})]})},ee=t(52193);function ne(){var e=(0,l.Z)(["\n  "," {\n    .MuiDataGrid-root .MuiDataGrid-row,\n    .MuiDataGrid-root .MuiDataGrid-columnHeaders {\n      padding: 0;\n    }\n  }\n"]);return ne=function(){return e},e}function te(){var e=(0,l.Z)(["\n  position: absolute;\n  z-index: 2;\n"]);return te=function(){return e},e}var re=c.Z.div(ne(),d.rS.breakpoints.down("md")),ae=(0,c.Z)(p.Z)(te()),ie=function(e){var n=e.selectedTags,t=(0,s.$G)().t,a=(0,E.LR)(void 0,n),i=(0,E.iC)(),o=(0,ee.Z)().market,l=(0,u.useState)([]),c=l[0],p=l[1],b=(0,d.qY)().isMD;(0,u.useEffect)((function(){a.isSuccess&&a.data&&Array.isArray(a.data)&&p(a.data.map((function(e){var n=e.status,t=e.role,r=e.user,a=e.invite_email,i=e.invite_created_on;return{status:n,role:t,id:(null===r||void 0===r?void 0:r.id)||a,email:(null===r||void 0===r?void 0:r.email)||a,firstName:(null===r||void 0===r?void 0:r.first_name)||"",lastName:(null===r||void 0===r?void 0:r.last_name)||"",createdAt:i||(null===r||void 0===r?void 0:r.created_at),hasUser:!!r,tags:(null===r||void 0===r?void 0:r.tags)||[]}})))}),[a.data,a.isSuccess]);var v=[{field:"createdAt",type:"date",headerName:t("businessManager.managerList.user.heading.created","Created"),flex:b?.2:.15,headerAlign:"center",align:"center",renderCell:function(e){return(0,g.p6d)(1e3*e.row.createdAt,g.nQz[o])}},{field:"user",headerName:t("businessManager.managerList.user.heading.user","User"),width:96,headerAlign:"left",align:"left",valueGetter:function(e){return e.row.email},renderCell:function(e){var n=e.row,t={email:n.email,firstName:n.firstName,lastName:n.lastName};return(0,r.jsx)(ae,{onlyThumbnailDisplay:!0,data:t})}},{field:"role",headerName:t("businessManager.managerList.user.heading.role","Role"),flex:b?.2:.15,renderCell:function(e){var n,a=e.row,i=a.status,s=a.role,o=d.rS.palette.black.main75,u=!1;switch(i){case W.J0.PENDING:n=d.rS.palette.info.light,u=!0;break;case W.J0.EXPIRED:n=d.rS.palette.warning.light,u=!0;break;case W.J0.DISABLED:o=d.rS.palette.error.main,n=d.rS.palette.error.light,u=!0}return u?(0,r.jsx)(d.Af,{variant:"body-sm",color:o,backgroundColor:n,children:t("businessManager.user.status.".concat(i))}):(0,r.jsx)(d.ZT,{color:o,variant:"body-xs",children:t("businessManager.user.role.".concat(s))})},headerAlign:"left",align:"left",sortable:!1},{field:"tags",headerName:t("businessManager.managerList.vm.heading.tags","Tags"),flex:.15,headerAlign:"left",align:"left",sortable:!1,renderCell:function(e){return(0,r.jsx)(d.ZT,{variant:"body-xs",noWrap:!0,children:e.row.tags.map((function(n,t){return"".concat(n.name).concat(t<e.row.tags.length-1?", ":"")}))})}},{field:"manage",headerName:"",flex:.15,align:"center",sortable:!1,renderCell:function(e){var n,t,a,s=e.row;return[m.i4.ADMIN,m.i4.OWNER].includes(null===(n=i.data)||void 0===n?void 0:n.role)&&(null===i||void 0===i||null===(t=i.data)||void 0===t||null===(a=t.user)||void 0===a?void 0:a.id)!==s.id?(0,r.jsx)(Y,{userTags:s.tags,memberId:s.id,status:s.status,inviteEmail:s.email}):(0,r.jsx)(r.Fragment,{})}}];return i.isLoading?(0,r.jsx)(d.Qw,{}):(0,r.jsx)(re,{children:(0,r.jsx)(f.Z,{disableSelectionOnClick:!0,columns:v,rows:c,rowCount:c.length,type:W.Mh.USERS,paginationMode:"client",loading:a.isLoading})})},se=t(61449),oe=t(88039),ue=t(85094),le=t(43647),ce=t(68301);var de=function(e,n,t){var r=(0,s.$G)("common").t,a=(0,E.vE)(),i=(0,u.useMemo)((function(){return ce.Ry().shape({invite_email:ce.Z_().email(r("form.email.error.email","Field must be a valid email")).required(r("form.email.error.required","Email is required"))})}),[]),o=(0,oe.cI)({mode:"onSubmit",defaultValues:t,resolver:(0,le.X)(i)}),l=o.control,c=o.formState,d=c.errors,m=c.isDirty,f=c.isSubmitting,p=o.reset,h=o.getValues,x=o.handleSubmit,S=function(){var t=(0,b.Z)((function(t){var r,i,s;return(0,v.__generator)(this,(function(o){switch(o.label){case 0:r=encodeURIComponent(t.invite_email),o.label=1;case 1:return o.trys.push([1,3,,4]),i={},[4,a.mutateAsync(r,(i.onSuccess=function(){e&&e()},i.onError=function(e){throw e.message},i))];case 2:return o.sent(),[3,4];case 3:return s=o.sent(),(0,g.cM7)("Error on api request:","error",s),n&&n(s),[3,4];case 4:return[2]}}

1))}));return function(e){return t.apply(this,arguments)}}();return{inviteControl:l,inviteErrors:d,inviteIsDirty:m,inviteIsSubmitting:f,getInviteValues:h,inviteReset:p,onInviteSubmit:x(S)}};function me(){var e=(0,l.Z)(["\n  margin: 24px 0;\n"]);return me=function(){return e},e}function ge(){var e=(0,l.Z)(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 24px;\n"]);return ge=function(){return e},e}function fe(){var e=(0,l.Z)(["\n  display: flex;\n  justify-content: end;\n  flex: 1;\n"]);return fe=function(){return e},e}function pe(){var e=(0,l.Z)(["\n  padding-inline: 24px;\n"]);return pe=function(){return e},e}function be(){var e=(0,l.Z)(["\n  display: flex;\n  width: 100%;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 24px;\n  justify-content: center;\n\n  "," {\n    width: auto;\n    justify-content: start;\n  }\n"]);return be=function(){return e},e}var ve=c.Z.div(me()),he=c.Z.div(ge()),xe=c.Z.div(fe()),Se=(0,c.Z)(d.zx)(pe()),ye=c.Z.div(be(),d.rS.breakpoints.up("md")),je={invite_email:""},Me=function(e){var n=e.isB2b,t=e.availableTagsList,a=e.selectedTagsOptions,i=e.setSelectedTagsOptions,o=(0,s.$G)().t,l=(0,u.useState)(!1),c=l[0],g=l[1],f=(0,u.useState)(!1),p=f[0],b=f[1],v=(0,u.useState)({type:m.mG.SUCCESS,title:"",description:""}),h=v[0],y=v[1],j=function(e){y(e),b(!0)},M=de((function(){j({type:m.mG.SUCCESS,title:o("businessManager.managerList.user.invite.success.title","Invitation sent"),description:o("businessManager.managerList.user.invite.success.message","{{ email }} will receive an email shortly inviting him to create an account in your team and get access to his Shadow PC Pro.",{email:w("invite_email")})}),E()}),(function(){j({type:m.mG.ERROR,title:o("businessManager.managerList.user.invite.error.title","An error has occured when sending an invitation"),description:o("businessManager.managerList.user.invite.error.message","You have already sent an invitation to {{ email }}",{email:w("invite_email")})})}),je),I=M.onInviteSubmit,Z=M.inviteControl,C=M.inviteIsDirty,T=M.inviteIsSubmitting,w=M.getInviteValues,E=M.inviteReset;return(0,r.jsxs)(ve,{children:[(0,r.jsx)(se.Z,{in:p,children:(0,r.jsx)(d.bZ,{type:h.type,title:h.title,children:h.description})}),(0,r.jsxs)(he,{children:[(0,r.jsx)(ye,{children:(0,r.jsx)(ue.Z,{filterName:"tags",options:t,selectedOptions:a,setSelectedOptions:i})}),(0,r.jsx)(xe,{children:c?(0,r.jsx)("form",{onSubmit:function(e){e.preventDefault(),b(!1),I()},children:(0,r.jsx)(oe.Qr,{name:"invite_email",control:Z,render:function(e){var n=e.field,t=e.fieldState.error;return(0,r.jsx)(d.II,(0,S.Z)((0,x.Z)({},n),{id:"invite-email-input","data-test-id":"invite-email-input",placeholder:o("global.email","Email",{ns:"common"}),error:null===t||void 0===t?void 0:t.message,leftAddon:(0,r.jsx)(d.JO,{name:m.PJ.EMAIL,color:d.rS.palette.black.main75,width:24,height:24}),rightAddon:(0,r.jsx)(Se,{"data-test-id":"invite-email-form-button",disabled:!C||T,loading:T,children:o("global.invite","Invite",{ns:"common"})})}))}})}):(0,r.jsx)(d.zx,{"data-test-id":"createUserButton",onClick:function(){return g(!0)},color:n?"black":"primary",size:"medium",startIcon:(0,r.jsx)(d.JO,{name:m.PJ.PLUS,width:16,height:16}),children:o("businessManager.managerList.user.options.createUser","Add new user")})})]})]})},Ie=function(){var e,n,t,a=(0,E.iC)(),i=!!(null===(e=a.data)||void 0===e||null===(n=e.user)||void 0===n?void 0:n.b2b),s=null===(t=a.data)||void 0===t?void 0:t.available_tags,o=(0,u.useState)([]),l=o[0],c=o[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Me,{isB2b:i,availableTagsList:s,selectedTagsOptions:l,setSelectedTagsOptions:c}),(0,r.jsx)(ie,{selectedTags:l})]})},Ze=!0,Ce=function(){var e=(0,s.$G)().t;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i(),{children:(0,r.jsx)("title",{children:e("seo.businessManager.user.title","Shadow - User Manager")})}),(0,r.jsx)(o.Z,{children:(0,r.jsx)(Ie,{})})]})}}},function(e){e.O(0,[131,715,528,444,958,901,113,774,888,179],(function(){return n=45968,e(e.s=n);var n}));var n=e.O();_N_E=n}]);