@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/EditPeoplePage-BcsdEp_d-CHb4ex1x.js

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