@zeniai/web-app-ui 4.14.28-prod → 4.14.29-dev

package/dist/assets/EditPeoplePage-BWjOJqch-DMjcjWgK.js

@@ -0,0 +1,55 @@
+import{e as ae,fl as de,y as pe,T as ce,a7 as ue,V as s,bR as me,s as ge,bS as he,bT as ye,gd as fe,o,bn as be,P as E,A as xe,a9 as ve,x as T,O as we,c0 as $e,fo as Re,fp as Ce,fq as Ie,at as Oe,d as G,cp as Pe,k as p}from"./index-ByxsQZNo.js";import{a as x}from"./sentry-COYnhuxW.js";import{n as r}from"./mui-40xepic5.js";import{G0 as _e,bt as ke}from"./zeni-epic-state-DCforPdM.js";import{d as Te}from"./ZeniAvatar-C2LxBTZ4-YOmVMm4j.js";import{f as je}from"./AllUserItems-CjeF5SWi-CeRsiH4z.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./avatar-Dz7aEm3d-BdKWS97a.js";import"./LabeledEmailInputField-Cd9p7Kj0-DZf49c8n.js";import"./LabeledZeniRolesDropDownField-CbJ3OtWK-CN-nwhu5.js";import"./RoleWithToolTip-Bqdsc31P-CNmkPW05.js";import"./LabeledUserSingleSelectWithSubtitlesField-XD6D3r0Y-Ce4jb_BF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c664a086-9787-4d15-803b-d703b41a749c",e._sentryDebugIdIdentifier="sentry-dbid-c664a086-9787-4d15-803b-d703b41a749c")}catch{}})();const C={containerPaddingTop:new T(p[3],p[3]),containerPaddingLeft:new T(p[3],p[6],p[6]),containerPaddingRight:new T(p[3],p[6],p[8]),buttonWidth:new T(85,85)},J="editPeoplePage",v="userItems",i=we.getLocalizedStrings().peoplePage,as=({peopleDetails:e,managersList:n,classList:m,controllersList:I,mode:a,isZeniTenant:j,onCloseClick:O,onResetClick:P,onSaveClick:c,onDeleteUser:H,onPeopleLocalDataUpdated:X,analytics:N,isReimbursementDisabled:Z,isZeniAccountsDisabled:q,isChargeCardDisabled:A,isTreasuryDisabled:V,isBankingOnlyTenant:g,isCardsOnlyTenant:h,isLiteRoleDisabled:W})=>{const w=ae(),[ee,S]=x.useState(!1),[se,te]=x.useState(-1),oe=a==="zeni_only"?i.invitePage.editZeniTitle:i.invitePage.editTitle,ne=x.useRef(null),D=x.useMemo(()=>de(Z,q,A,g,h,W,V),[Z,q,A,g,h,W,V]),F=pe(),l=ce({mode:"onBlur",reValidateMode:"onChange",defaultValues:Y(e.people,n,m,a,D,g,h),values:Y(e.people,n,m,a,D,g,h)}),re=l.handleSubmit(()=>{M()&&c()},()=>{M(),console.warn("Edit Profile form error")}),M=()=>{const y=l.getValues();let d=!0;return y.userItems.forEach((z,$)=>{const{role:L,department:k,nonZeniRole:R,manager:B}=z;if(a==="zeni_only"){const t=L.selectedOptions;(!t?.length||t?.length===1&&t?.includes("company_officer"))&&(l.setError(`${v}.${$}.role`,{type:"required"}),d=!1)}else{const t=R?.userRole.selectedRole;(t!=null&&R!=null?R.productsByUserRole[t].map(u=>u.selectedOption).filter(u=>u!=null):[]).length<1&&(l.setError(`${v}.${$}.nonZeniRole.userRole.selectedRole`,{type:"required"}),d=!1),t!=="investor_or_banker"&&k?.selectedOption==null&&(g||h||(l.setError(`${v}.${$}.department`,{type:"required"}),d=!1)),B?.selectedUser==null&&t!=="investor_or_banker"&&(l.setError(`${v}.${$}.manager`,{type:"required"}),d=!1)}}),d};x.useEffect(()=>{const y=l.watch((d,{name:z})=>{z!=null&&d!=null&&(async($,L)=>{const k=[],{userItems:R}=L,B=e.person?.userRole?.userRoleId;R.forEach(t=>{let u={};if(B!=null){if(a==="zeni_only")u={email:t.email,role:t.role.selectedOptions};else{const f=t.nonZeniRole?.userRole.selectedRole;let b=[];f==="admin"||f==="investor_or_banker"?b.push(f):b=f!=null?(t.nonZeniRole?.productsByUserRole[f]??[]).map(U=>_e(U.selectedOption?.value)).filter(U=>U!=null):[],f==="employee"&&b.length===0&&b.push("reimbursements_user");const K=ke(b);u={email:t.email,role:b,departmentId:K?void 0:t.department?.selectedOption?.value,managerId:K?void 0:t.manager?.selectedUser}}k.push(u)}}),X(k)})(0,d)});return()=>{y.unsubscribe()}});const le={onOkClick:()=>{const y=e.person;N?.trackRemoveUserAccess(y.userRole.userRoles,y.userRole.userEmail),H?.(e.person)},onCancelClick:()=>{S(!1)}},Q=ue(e.person?.update),_=e.person?.update,ie=i.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return x.useEffect(()=>{_==null&&Q==="removeUsers"&&(S(!1),P?.())},[_,Q]),s.jsxs(s.Fragment,{children:[ee===!0?s.jsx(me,{titleComponent:s.jsx(ye,{children:i.deleteOverlay.title}),descriptionComponent:s.jsx(he,{children:ie}),primaryButtonText:i.deleteOverlay.remove,secondaryButtonText:i.deleteOverlay.cancel,action:le,proceedButtonVariant:"danger",isLoading:_==="removeUsers",isDisabled:_==="removeUsers",style:{background:F.colors.overlayColor},children:e.person?.user!=null?s.jsxs(s.Fragment,{children:[s.jsx(Ne,{}),s.jsx(Ue,{children:s.jsx(Ee,{src:e.person?.user.photo?.toString()??ge,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,s.jsx(fe,{title:oe,backgroundColor:F.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:w==="small"}),s.jsxs(Se,{"data-testid":E("edit-people-page-container"),windowSize:w,ref:ne,children:[s.jsxs(Be,{children:[s.jsx(Te,{personBasic:e.person?.user,styles:{height:o.sp6,width:o.sp6}}),s.jsxs(De,{children:[s.jsx(ze,{children:e.person?.user?.firstName?s.jsxs(Le,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),s.jsx(qe,{className:"delete-icon-wrapper","data-testid":E("edit-people-page-delete-icon-wrapper"),onClick:()=>{S(!0)},children:s.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:i.deleteOverlay.title,placement:"top",children:s.jsx(Ze,{windowsize:w})})})]})]}),s.jsx(xe,{...l,children:s.jsx("form",{id:`${J}_form`,onSubmit:re,children:s.jsx(je,{control:l.control,sectionId:v,deleteConfirmationIndex:se,updateDeleteConfirmationIndex:te,mode:a,isZeniTenant:j,classList:m,managersList:n,controllersList:I,customerRoleOptions:D,isBankingOnlyTenant:g,isCardsOnlyTenant:h,isEdit:!0,person:e.person,analytics:N})})})]}),s.jsx(ve,{formId:`${J}_form`,"data-testid":E("edit-people-page-footer"),primaryBtn:{label:i.invitePage.update,style:{width:C.buttonWidth.value(w)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:i.invitePage.cancel,style:{width:C.buttonWidth.value(w)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:o.sp4}})]})},Y=(e,n,m,I,a,j,O)=>{const P=m.map(c=>({label:c.fullyQualifiedAccountingClassName??"",value:c.classId,hoverText:c.accountingClassNumber}));return{[v]:[{userIndex:0,email:e[0].email,role:I==="zeni_only"?{allOptions:$e.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:I!=="zeni_only"?{userRole:{selectedRole:Ie(e[0]?.role),allRootRole:Ce(j,O)},productsByUserRole:Re(e[0]?.role,a)}:void 0,manager:{allUsers:n,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:P,selectedOption:P.find(c=>c.value===e[0]?.departmentId)}}]}},ds=(e,n)=>`${e}.${n}`,Se=r.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: ${o.sp2};
+`,De=r.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,ze=r.div``,Le=r(Oe)`
+  color: ${e=>e.theme.colors.primary};
+`,Be=r.div`
+  display: flex;
+  gap: ${o.sp2};
+  align-items: center;
+  margin: ${o.sp0} ${o.sp1};
+`,Ue=r.div`
+  position: absolute;
+  top: -26px;
+`,Ee=r.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,Ne=r.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};
+`,Ze=r(Pe)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?G.important:e.theme.colors.hero};
+  &:hover {
+    color: ${G.important};
+  }
+`,qe=r.div`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{as as default,ds as uniqueName};