@zeniai/web-cockpit-ui 1.15.64-qa → 1.15.65-dev

package/dist/assets/EditPeoplePage-8DalSMWH-BO--FbCf.js

@@ -0,0 +1,55 @@
+import{X as ie,gf as ae,y as de,aa as pe,aS as ce,V as t,cy as ue,ar as me,cz as ge,cA as fe,h6 as he,cE as ye,o as n,c1 as be,ac as L,ae as ve,aT as xe,x as _,O as $e,cK as we,gi as Re,gj as Ce,gk as Ie,bb as je,p as X,d9 as ke,u}from"./index-nssLOVFu.js";import{a as w}from"./sentry-Fca4mdIl.js";import{n as l}from"./mui-BVCBQYdL.js";import{GD as Oe,bg as Pe}from"./zeni-epic-state-BZv12Eez.js";import{f as _e}from"./AllUserItems-Dq7NcP-o-bQnq3Yy5.js";import"./liveblocks-offUbtxr.js";import"./core-DTlL91ob.js";import"./lottie-Cqel28AC.js";import"./recharts-DAsNs3BU.js";import"./analytics-B3XlZNQ8.js";import"./lexical-CoKvBbaA.js";import"./utils-Cgs4R-d4.js";import"./LabeledUserSingleSelectWithSubtitlesField-DI07Eicg-DgE4V-VP.js";import"./RoleWithToolTip-x2rnvWn9-BzchKu5T.js";import"./LabeledZeniRolesDropDownField-jIrTovp--Bw9Copum.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="bef5d367-9a7a-47b6-8b65-2e7d259f2e61",e._sentryDebugIdIdentifier="sentry-dbid-bef5d367-9a7a-47b6-8b65-2e7d259f2e61")}catch{}})();const I={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)},J="editPeoplePage",R="userItems",d=$e.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:o,classList:y,controllersList:j,mode:p,isZeniTenant:T,onCloseClick:k,onResetClick:O,onSaveClick:m,onDeleteUser:W,onPeopleLocalDataUpdated:Q,analytics:U,isReimbursementDisabled:B,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:A,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isLiteRoleDisabled:V})=>{const C=ie(),[Y,E]=w.useState(!1),[G,H]=w.useState(-1),ee=p==="zeni_only"?d.invitePage.editZeniTitle:d.invitePage.editTitle,te=w.useRef(null),D=w.useMemo(()=>ae(B,N,Z,b,v,V,A),[B,N,Z,b,v,V,A]),q=de(),i=pe({mode:"onBlur",reValidateMode:"onChange",defaultValues:M(e.people,o,y,p,D,b,v),values:M(e.people,o,y,p,D,b,v)}),se=i.handleSubmit(()=>{F()&&m()},()=>{F(),console.warn("Edit Profile form error")}),F=()=>{const g=i.getValues();let r=!0;return g.userItems.forEach((f,x)=>{const{role:S,department:a,nonZeniRole:h,manager:c}=f;if(p==="zeni_only"){const s=S.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(i.setError(`${R}.${x}.role`,{type:"required"}),r=!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"}),r=!1),s!=="investor_or_banker"&&a?.selectedOption==null&&(b||v||(i.setError(`${R}.${x}.department`,{type:"required"}),r=!1)),c?.selectedUser==null&&s!=="investor_or_banker"&&(i.setError(`${R}.${x}.manager`,{type:"required"}),r=!1)}}),r},ne=async(g,r)=>{const f=[],{userItems:x}=r,S=e.person?.userRole?.userRoleId;x.forEach(a=>{let h={};if(S!=null){if(p==="zeni_only")h={email:a.email,role:a.role.selectedOptions};else{const c=a.nonZeniRole?.userRole.selectedRole;let s=[];c==="admin"||c==="investor_or_banker"?s.push(c):s=c!=null?(a.nonZeniRole?.productsByUserRole[c]??[]).map(z=>Oe(z.selectedOption?.value)).filter(z=>z!=null):[],c==="employee"&&s.length===0&&s.push("reimbursements_user");const $=Pe(s);h={email:a.email,role:s,departmentId:$?void 0:a.department?.selectedOption?.value,managerId:$?void 0:a.manager?.selectedUser}}f.push(h)}}),Q(f)};w.useEffect(()=>{const g=i.watch((r,{name:f})=>{f!=null&&r!=null&&ne(f,r)});return()=>{g.unsubscribe()}});const oe=()=>{E(!0)},re={onOkClick:()=>{const g=e.person;U?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),W?.(e.person)},onCancelClick:()=>{E(!1)}},K=ce(e.person?.update),P=e.person?.update,le=d.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return w.useEffect(()=>{P==null&&K==="removeUsers"&&(E(!1),O?.())},[P,K]),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:re,proceedButtonVariant:"danger",isLoading:P==="removeUsers",isDisabled:P==="removeUsers",style:{background:q.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Be,{}),t.jsx(Le,{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:q.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:C==="small"}),t.jsxs(Te,{"data-testid":L("edit-people-page-container"),windowSize:C,ref:te,children:[t.jsxs(ze,{children:[t.jsx(ye,{personBasic:e.person?.user,styles:{height:n.sp6,width:n.sp6}}),t.jsxs(Ee,{children:[t.jsx(De,{children:e.person?.user?.firstName?t.jsxs(Se,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ze,{className:"delete-icon-wrapper","data-testid":L("edit-people-page-delete-icon-wrapper"),onClick:oe,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:d.deleteOverlay.title,placement:"top",children:t.jsx(Ne,{windowsize:C})})})]})]}),t.jsx(ve,{...i,children:t.jsx("form",{id:`${J}_form`,onSubmit:se,children:t.jsx(_e,{control:i.control,sectionId:R,deleteConfirmationIndex:G,updateDeleteConfirmationIndex:H,mode:p,isZeniTenant:T,classList:y,managersList:o,controllersList:j,customerRoleOptions:D,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:U})})})]}),t.jsx(xe,{formId:`${J}_form`,"data-testid":L("edit-people-page-footer"),primaryBtn:{label:d.invitePage.update,style:{width:I.buttonWidth.value(C)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:d.invitePage.cancel,style:{width:I.buttonWidth.value(C)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:n.sp4}})]})},M=(e,o,y,j,p,T,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:Ie(e[0]?.role),allRootRole:Ce(T,k)},productsByUserRole:Re(e[0]?.role,p)}:void 0,manager:{allUsers:o,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:O,selectedOption:O.find(m=>m.value===e[0]?.departmentId)}}]}},nt=(e,o)=>`${e}.${o}`,Te=l.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${e=>`${I.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${I.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+  padding-top: ${e=>`${I.containerPaddingTop.valuePx(e.windowSize)}`};
+  gap: ${n.sp2};
+`,Ee=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,De=l.div``,Se=l(je)`
+  color: ${e=>e.theme.colors.primary};
+`,ze=l.div`
+  display: flex;
+  gap: ${n.sp2};
+  align-items: center;
+  margin: ${n.sp0} ${n.sp1};
+`,Le=l.div`
+  position: absolute;
+  top: -26px;
+`,Ue=l.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,Be=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"?X.important:e.theme.colors.hero};
+  &:hover {
+    color: ${X.important};
+  }
+`,Ze=l.div`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{st as default,nt as uniqueName};