@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/EditPeoplePage-lZcM4Zfw-CzhpHcfF.js

@@ -0,0 +1,55 @@
+import{Q as ie,F as ae,fN as de,e as pe,a8 as ce,aN as ue,V as t,cm as me,ao as ge,cn as he,co as fe,gH as ye,aK as z,cs as ve,o,bQ as xe,ab as $e,aO as be,y as S,fQ as we,fR as Re,fS as Ce,cx as Oe,b7 as je,p as F,cV as ke,u as c}from"./index-XNBiWrYj.js";import{a as b}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{fC as Ie,bh as Pe}from"./zeni-epic-state-LPACxnXP.js";import{f as Se}from"./AllUserItems-S2DAZpO6-Zcx2jN6k.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./LabeledUserSingleSelectWithSubtitlesField-B0D7IWfA-CLizobZu.js";import"./RoleWithToolTip-GUYLjJwW-DVSFtUus.js";import"./LabeledZeniRolesDropDownField-BO8f1yqV-POb2k_D_.js";const O={containerPaddingTop:new S(c[3],c[3]),containerPaddingLeft:new S(c[3],c[6],c[6]),containerPaddingRight:new S(c[3],c[6],c[8]),buttonWidth:new S(85,85)},W="editPeoplePage",w="userItems",a=ae.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:u,classList:R,controllersList:j,mode:d,isZeniTenant:T,onCloseClick:k,onResetClick:I,onSaveClick:m,onDeleteUser:J,onPeopleLocalDataUpdated:M,analytics:B,isReimbursementDisabled:D,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:q,isBankingOnlyTenant:y,isCardsOnlyTenant:v,isLiteRoleDisabled:V})=>{const C=ie(),[H,_]=b.useState(!1),[K,X]=b.useState(-1),ee=d==="zeni_only"?a.invitePage.editZeniTitle:a.invitePage.editTitle,te=b.useRef(null),L=b.useMemo(()=>de(D,N,Z,y,v,V,q),[D,N,Z,y,v,V,q]),A=pe(),l=ce({mode:"onBlur",reValidateMode:"onChange",defaultValues:Y(e.people,u,R,d,L,y,v),values:Y(e.people,u,R,d,L,y,v)}),se=l.handleSubmit(()=>{G()&&m()},()=>{G(),console.warn("Edit Profile form error")}),G=()=>{const g=l.getValues();let r=!0;return g.userItems.forEach((h,x)=>{const{role:E,department:i,nonZeniRole:f,manager:p}=h;if(d==="zeni_only"){const s=E.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(l.setError(`${w}.${x}.role`,{type:"required"}),r=!1)}else{const s=f?.userRole.selectedRole;(s!=null&&f!=null?f.productsByUserRole[s].map($=>$.selectedOption).filter($=>$!=null):[]).length<1&&(l.setError(`${w}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),r=!1),s!=="investor_or_banker"&&i?.selectedOption==null&&(y||v||(l.setError(`${w}.${x}.department`,{type:"required"}),r=!1)),p?.selectedUser==null&&s!=="investor_or_banker"&&(l.setError(`${w}.${x}.manager`,{type:"required"}),r=!1)}}),r},oe=async(g,r)=>{const h=[],{userItems:x}=r,E=e.person?.userRole?.userRoleId;x.forEach(i=>{let f={};if(E!=null){if(d==="zeni_only")f={email:i.email,role:i.role.selectedOptions};else{const p=i.nonZeniRole?.userRole.selectedRole;let s=[];p==="admin"||p==="investor_or_banker"?s.push(p):s=p!=null?(i.nonZeniRole?.productsByUserRole[p]??[]).map(U=>Ie(U.selectedOption?.value)).filter(U=>U!=null):[],p==="employee"&&s.length===0&&s.push("reimbursements_user");const $=Pe(s);f={email:i.email,role:s,departmentId:$?void 0:i.department?.selectedOption?.value,managerId:$?void 0:i.manager?.selectedUser}}h.push(f)}}),M(h)};b.useEffect(()=>{const g=l.watch((r,{name:h})=>{h!=null&&r!=null&&oe(h,r)});return()=>{g.unsubscribe()}});const re=()=>{_(!0)},ne={onOkClick:()=>{const g=e.person;B?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),J?.(e.person)},onCancelClick:()=>{_(!1)}},Q=ue(e.person?.update),P=e.person?.update,le=a.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return b.useEffect(()=>{P==null&&Q==="removeUsers"&&(_(!1),I?.())},[P,Q]),t.jsxs(t.Fragment,{children:[H===!0?t.jsx(me,{titleComponent:t.jsx(fe,{children:a.deleteOverlay.title}),descriptionComponent:t.jsx(he,{children:le}),primaryButtonText:a.deleteOverlay.remove,secondaryButtonText:a.deleteOverlay.cancel,action:ne,proceedButtonVariant:"danger",isLoading:P==="removeUsers",isDisabled:P==="removeUsers",style:{background:A.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(De,{}),t.jsx(ze,{children:t.jsx(Be,{src:e.person?.user.photo?.toString()??ge,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(ye,{title:ee,backgroundColor:A.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:C==="small"}),t.jsxs(Te,{"data-testid":z("edit-people-page-container"),windowSize:C,ref:te,children:[t.jsxs(Ue,{children:[t.jsx(ve,{personBasic:e.person?.user,styles:{height:o.sp6,width:o.sp6}}),t.jsxs(_e,{children:[t.jsx(Le,{children:e.person?.user?.firstName?t.jsxs(Ee,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ze,{className:"delete-icon-wrapper","data-testid":z("edit-people-page-delete-icon-wrapper"),onClick:re,children:t.jsx(xe,{style:{padding:"2px 5px"},enterDelay:600,title:a.deleteOverlay.title,placement:"top",children:t.jsx(Ne,{windowsize:C})})})]})]}),t.jsx($e,{...l,children:t.jsx("form",{id:`${W}_form`,onSubmit:se,children:t.jsx(Se,{control:l.control,sectionId:w,deleteConfirmationIndex:K,updateDeleteConfirmationIndex:X,mode:d,isZeniTenant:T,classList:R,managersList:u,controllersList:j,customerRoleOptions:L,isBankingOnlyTenant:y,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:B})})})]}),t.jsx(be,{formId:`${W}_form`,"data-testid":z("edit-people-page-footer"),primaryBtn:{label:a.invitePage.update,style:{width:O.buttonWidth.value(C)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:a.invitePage.cancel,style:{width:O.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:o.sp4}})]})},Y=(e,u,R,j,d,T,k)=>{const I=R.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[w]:[{userIndex:0,email:e[0].email,role:j==="zeni_only"?{allOptions:Oe.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:j!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:Re(T,k)},productsByUserRole:we(e[0]?.role,d)}:void 0,manager:{allUsers:u,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:I,selectedOption:I.find(m=>m.value===e[0]?.departmentId)}}]}},ot=(e,u)=>`${e}.${u}`,Te=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${e=>`${O.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${O.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+  padding-top: ${e=>`${O.containerPaddingTop.valuePx(e.windowSize)}`};
+  gap: ${o.sp2};
+`,_e=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,Le=n.div``,Ee=n(je)`
+  color: ${e=>e.theme.colors.primary};
+`,Ue=n.div`
+  display: flex;
+  gap: ${o.sp2};
+  align-items: center;
+  margin: ${o.sp0} ${o.sp1};
+`,ze=n.div`
+  position: absolute;
+  top: -26px;
+`,Be=n.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,De=n.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${o.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,Ne=n(ke)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?F.important:e.theme.colors.hero};
+  &:hover {
+    color: ${F.important};
+  }
+`,Ze=n.div`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{st as default,ot as uniqueName};