@zeniai/web-components 3.16.92 → 3.16.94

package/dist/PeoplePage-WlPKN4CF.cjs

@@ -0,0 +1,675 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),h=require("react"),i=require("@emotion/styled"),t=require("./index-DbeDc75y.cjs"),xe=require("./EmptySearchResults-Ds5y5v2x.cjs"),C=require("@zeniai/client-epic-state"),oe=require("./Menu-DfZQTi6g.cjs"),F=require("./ZeniAvatar-BD61QXx5.cjs"),ne=require("./RoleWithToolTip-B3HwWNuP.cjs"),pe=require("./add-CL33zLUN.cjs"),b=t.appLocale.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:b.name,sortOrder:"ascending",width:new t.ResponsiveSized(32,26,26,30,32)},{key:"role",value:b.role,sortOrder:"ascending",width:new t.ResponsiveSized(18,17,17,21,19)},{key:"manager",value:b.manager,sortOrder:"ascending",width:new t.ResponsiveSized(20,20,20,19,20)},{key:"department",value:b.department,sortOrder:"ascending",width:new t.ResponsiveSized(20,20,20,19,20)},{key:"lastSeen",value:b.lastSeen,sortOrder:"ascending",width:new t.ResponsiveSized(10,17,17,11,9)}],N=[{key:"name",value:b.name,sortOrder:"ascending",width:new t.ResponsiveSized(32,26,26,32,33)},{key:"role",value:b.role,sortOrder:"ascending",width:new t.ResponsiveSized(58,57,57,57,58)},{key:"lastSeen",value:b.lastSeen,sortOrder:"ascending",width:new t.ResponsiveSized(10,17,17,11,9)}],ue=58;function me({userNameSticky:e,sortConfig:o,onColumnSortConfigChanged:r,mode:a}){const p=t.useWindowSizeContext(),[d,u]=h.useState(s.cloneDeep(a==="off"?S:N));h.useEffect(()=>{const l=[...d];for(const n of l)n.key===o.sortKey?n.sortOrder=o.sortOrder:n.sortOrder="ascending";u(l)},[o.sortKey,o.sortOrder]);const x=(l,n)=>{let m=n;o.sortKey===l&&(m=n==="ascending"?"descending":"ascending"),r?.(l,m)};return s.jsxRuntimeExports.jsx(Re,{height:ue,"data-testid":t.generateDataTestId("people-list-header-row"),children:d.map(l=>s.jsxRuntimeExports.jsxs(je,{userNameSticky:!!e&&l.key==="name",sortDataValue:o.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:p,children:[s.jsxRuntimeExports.jsxs(ve,{"data-testid":t.generateDataTestId("people-list-header",l.key),onClick:()=>x(l.key,l.sortOrder),children:[s.jsxRuntimeExports.jsx(t.SmallRegular,{children:l.value}),s.jsxRuntimeExports.jsx(ge,{sortDataValue:o.sortKey,headerdata:l,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailTop,{width:12,height:12})})]}),s.jsxRuntimeExports.jsx(Se,{isVisible:o.sortKey===l.key&&l.key!=="name",children:s.jsxRuntimeExports.jsx(we,{"data-testid":t.generateDataTestId("people-list-header-sort-cancel",l.key),onClick:()=>x("name","ascending")})})]},l.key))})}const he=h.memo(me),ge=i.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,Re=i(t.SmallRegular)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  position: sticky;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${t.Space.sp5} ${t.Space.sp11} ${t.Space.sp3} ${t.Space.sp11};
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,je=i.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+  left: ${t.Space.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  box-sizing: border-box;
+  ${e=>e.userNameSticky?"position: sticky; z-index: 1;":"position: static; z-index: 0;"};
+  ${e=>e.actualDataValue==="name"||e.actualDataValue==="role"?`padding-left: ${t.Space.sp0}; flex: 1 1 auto`:`padding-left: ${t.Space.sp0};`}
+`,we=i(t.SvgCloseRound)`
+  cursor: pointer;
+  color: inherit;
+  width: 12px;
+  height: 12px;
+`,Se=i.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,ve=i(t.SmallRegular)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fe=58;function ye({sortConfig:e,onColumnSortConfigChanged:o,mode:r}){const a=t.appLocale.getLocalizedStrings().peoplePage,p=s.useForm({mode:"all"}),d=h.useMemo(()=>r==="zeni_only"?N:S,[r]),u=h.useMemo(()=>d.map(n=>({label:n.value,value:n.key})),[d]),x=d.find(n=>n.key===e.sortKey);x!=null&&(x.sortOrder=e.sortOrder);const l=(n,m)=>{let g=m;e.sortKey===n&&(g=m==="ascending"?"descending":"ascending"),o?.(n,g)};return h.useEffect(()=>{const n=p.watch((m,{name:g})=>{if(g!=null&&m!=null){const{people_sort_by:j}=m;o?.(j.selectedOption.value,"ascending")}});return()=>{n.unsubscribe()}}),s.jsxRuntimeExports.jsxs(Ee,{height:fe,"data-testid":t.generateDataTestId("people-list-header-row-small"),children:[s.jsxRuntimeExports.jsx(Ie,{children:s.jsxRuntimeExports.jsx(s.FormProvider,{...p,children:s.jsxRuntimeExports.jsx("form",{children:s.jsxRuntimeExports.jsx(t.SingleSelectWithoutClearableField,{defaultValue:{allOptions:u,selectedOption:u.find(n=>n.value===e.sortKey)},placeholder:`${a.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${a.sortBy}:`,name:"people_sort_by"})})})}),s.jsxRuntimeExports.jsxs(ke,{"data-testid":t.generateDataTestId("people-list-header",e.sortKey),onClick:()=>l(e.sortKey,e.sortOrder),children:[s.jsxRuntimeExports.jsx(Te,{children:x?.value}),s.jsxRuntimeExports.jsx(be,{sortDataValue:e.sortKey,headerdata:x,children:s.jsxRuntimeExports.jsx(t.SvgArrowTailBottom,{width:t.Space.sp3,height:t.Space.sp3})})]})]})}const $e=h.memo(ye),be=i.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  color: ${e=>e.theme.colors.primary};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,Ee=i(t.SmallRegular)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${t.Space.sp3};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+
+  .select-control.single-select-field__control {
+    background-color: ${e=>e.theme.colors.grey4};
+    height: 17px;
+    &:hover {
+      background-color: ${e=>e.theme.colors.grey4};
+    }
+  }
+
+  .select-value-container.single-select-field__value-container {
+    margin: 0;
+    justify-content: flex-start;
+    .single-select-field__single-value {
+      color: ${e=>e.theme.colors.hero};
+      ${t.textStyles.smallRegular.css};
+    }
+  }
+
+  .single-select-field__menu {
+    left: -19px;
+    top: ${t.Space.sp4};
+    border: 1px solid ${e=>e.theme.colors.grey3};
+    padding-left: 20px;
+  }
+`,Ie=i.div`
+  display: flex;
+  gap: ${t.Space.sp1};
+`,ke=i(t.SmallRegular)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Te=i(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,{peoplePage:$}=t.appLocale.getLocalizedStrings(),Ce=({peopleData:e,userNameSticky:o,allClasses:r,allManagers:a,onResendInvite:p,onDeleteUser:d,onRowClick:u})=>{const[x,l]=h.useState(!1),n=t.useWindowSizeContext(),m=ze(e,a,r),g=e.userRole.userRoles.filter(R=>!C.hasZeniRoleOrCompanyOfficerAccess(R)),j=()=>{d?.(e)},w=()=>{u?.(e.userId)};return s.jsxRuntimeExports.jsxs(Pe,{windowSize:n,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,"data-testid":t.generateDataTestId("people-list-row",e.userId),children:[s.jsxRuntimeExports.jsx(Le,{wrapperWidth:S[0].width,windowSize:n,userNameSticky:o,children:s.jsxRuntimeExports.jsxs(We,{children:[s.jsxRuntimeExports.jsx(F.ZeniAvatar,{personBasic:e.user,styles:{height:t.Space.sp6,width:t.Space.sp6}}),s.jsxRuntimeExports.jsxs(Ae,{children:[e.user?.firstName?s.jsxRuntimeExports.jsxs(Oe,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,s.jsxRuntimeExports.jsx(Be,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),s.jsxRuntimeExports.jsx(_e,{wrapperWidth:S[1].width,windowSize:n,children:s.jsxRuntimeExports.jsx(ne.RoleWithToolTip,{roles:g})}),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[C.hasInvestorBankerLevelAccess(e.userRole.userRoles)?s.jsxRuntimeExports.jsx(_,{wrapperWidth:S[2].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:$.notApplicable})}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:m.manager?s.jsxRuntimeExports.jsx(te,{wrapperWidth:S[2].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:m.manager})}):s.jsxRuntimeExports.jsx(_,{wrapperWidth:S[2].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:$.noManager})})}),C.hasInvestorBankerLevelAccess(e.userRole.userRoles)?s.jsxRuntimeExports.jsx(_,{wrapperWidth:S[3].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:$.notApplicable})}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:m.department?s.jsxRuntimeExports.jsx(te,{wrapperWidth:S[3].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:m.department})}):s.jsxRuntimeExports.jsx(_,{wrapperWidth:S[3].width,windowSize:n,children:s.jsxRuntimeExports.jsx(T,{children:$.emptyDepartmentPlaceholderText})})})]}),s.jsxRuntimeExports.jsxs(He,{"data-testid":t.generateDataTestId("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:n,children:[e.userRole.invitationStatus==="accepted"?s.jsxRuntimeExports.jsx(Ne,{children:m.lastSeen}):s.jsxRuntimeExports.jsx(Ue,{children:e.update==="resendInvite"?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Fe,{"data-testid":t.generateDataTestId("resend-invite-text",e.userId),onClick:R=>{R.stopPropagation(),p?.(e.userId)},children:$.resendInvite.label}),s.jsxRuntimeExports.jsx(De,{children:s.jsxRuntimeExports.jsx(Ze,{children:`${$.sentText} ${t.getTimeDifferenceText(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),s.jsxRuntimeExports.jsx(Me,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:s.jsxRuntimeExports.jsx(oe.Menu,{menuItems:s.jsxRuntimeExports.jsxs(Ve,{"data-testid":t.generateDataTestId("menu-items-container",e.userId),children:[s.jsxRuntimeExports.jsx(se,{"data-testid":t.generateDataTestId("edit-people-list-row"),onClick:()=>{l(!1),w()},children:$.invitePage.editTitle}),s.jsxRuntimeExports.jsx(se,{"data-testid":t.generateDataTestId("delete-people-list-row",e.userId),isDelete:!0,onClick:R=>{R.stopPropagation(),l(!1),j()},children:$.deleteOverlay.title})]}),setIsMenuOpen:l,isMenuOpen:x})})]})]})};function ze(e,o,r){const a=r.find(d=>e.userRole.accountingClassIDs[0]===d.classId),p=o.find(d=>d.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:t.financeRoles},manager:p?.user?`${p?.user?.firstName} ${p?.user?.lastName}`:void 0,department:a?a?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?t.getTimeDifferenceText(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const Pe=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  display: flex;
+  padding: 9px ${t.Space.sp4} 9px ${t.Space.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  height: 100%;
+  .select-control .select-value-container {
+    .zeniRolesDropDown__single-value,
+    .single-select-field__single-value {
+      color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+    }
+  }
+  /* Temp fix TBD - this should shift to Custom Select Picker Style for ZeniRoleDropDown.
+  customSelectStyle?: StylesConfig<OptionType, true>; */
+  .zeniRolesDropDown__menu {
+    width: 230px;
+    z-index: 3;
+  }
+  .menu-icon {
+    visibility: hidden;
+  }
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .roles-count-wrapper {
+      border-color: inherit;
+    }
+    box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+    .placeholder {
+      color: ${e=>e.theme.colors.primary};
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .personNameTxt,
+    .emailTxt {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .select-control .select-value-container {
+      .zeniRolesDropDown__single-value,
+      .single-select-field__single-value {
+        color: ${e=>e.theme.colors.primary};
+      }
+    }
+    .menu-icon {
+      visibility: visible;
+    }
+  }
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: pointer;
+`,Le=i(t.StandardMedium)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  height: 100%;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  left: 0;
+  flex: 1 1 auto;
+  justify-content: space-between;
+  gap: ${t.Space.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,te=i(t.StandardRegular)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,Ne=i(t.StandardRegular)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,_=i(t.StandardRegular)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,T=i.div`
+  width: 96%;
+`,We=i.div`
+  display: flex;
+  align-items: center;
+`,Ae=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${t.Space.sp2};
+  word-break: break-word;
+`,Oe=i(t.StandardRegularSp)`
+  padding-top: ${t.Space.sp1};
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,_e=i(t.StandardRegular)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,Be=i(t.SmallRegularSp)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,He=i.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,Me=i.div`
+  position: absolute;
+  right: ${`-${t.Space.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Ue=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,Fe=i(t.StandardRegularSp)`
+  color: ${t.Colors.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,De=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Ze=i(t.SmallRegularSp)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ve=i.div`
+  margin: 5px ${t.Space.sp0};
+`,se=i(t.SmallRegular)`
+  height: ${t.Space.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.isDelete===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qe={width:new t.ResponsiveSized(343,580,726)},{peoplePage:f}=t.appLocale.getLocalizedStrings(),Ke=({peopleData:e,allClasses:o,allManagers:r,onRowClick:a,onResendInvite:p})=>{const d=t.useWindowSizeContext(),u=e.userRole.userRoles.filter(n=>!C.hasZeniRoleOrCompanyOfficerAccess(n)),x=ht(r,e.userRole.managerUserId),l=gt(o,e.userRole.accountingClassIDs);return s.jsxRuntimeExports.jsxs(Ge,{windowSize:d,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":t.generateDataTestId("people-list-row-small",e.userId),onClick:()=>{a?.(e.userId)},children:[s.jsxRuntimeExports.jsxs(Je,{children:[s.jsxRuntimeExports.jsx(F.ZeniAvatar,{personBasic:e.user,styles:{height:t.Space.sp6,width:t.Space.sp6}}),s.jsxRuntimeExports.jsx(Xe,{children:s.jsxRuntimeExports.jsxs(Ye,{children:[s.jsxRuntimeExports.jsxs(et,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),s.jsxRuntimeExports.jsx(tt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?s.jsxRuntimeExports.jsxs(st,{className:"lastSeen",children:[s.jsxRuntimeExports.jsx(it,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?t.getTimeDifferenceText(e.userRole.userLastCheckInTimeIntoTenant):"-"}),s.jsxRuntimeExports.jsx(ot,{children:f.header.lastSeen})]}):s.jsxRuntimeExports.jsx(nt,{"data-testid":t.generateDataTestId("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(rt,{"data-testid":t.generateDataTestId("resend-invite-text",e.userId),onClick:n=>{n.stopPropagation(),p?.(e.userId)},children:f.resendInvite.label}),s.jsxRuntimeExports.jsx(lt,{children:s.jsxRuntimeExports.jsx(at,{children:`${f.sentText} ${t.getTimeDifferenceText(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),s.jsxRuntimeExports.jsx(Qe,{children:s.jsxRuntimeExports.jsxs(D,{className:"personDetails",children:[s.jsxRuntimeExports.jsxs(J,{children:[s.jsxRuntimeExports.jsxs(Q,{children:[f.header.role,":"]}),s.jsxRuntimeExports.jsx(Z,{children:s.jsxRuntimeExports.jsx(ne.RoleWithToolTip,{roles:u})})]}),s.jsxRuntimeExports.jsxs(ct,{children:[s.jsxRuntimeExports.jsxs(xt,{children:[f.header.manager,":"]}),C.hasInvestorBankerLevelAccess(e.userRole.userRoles)?s.jsxRuntimeExports.jsx(B,{children:f.notApplicable}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x?s.jsxRuntimeExports.jsx(ut,{children:x}):s.jsxRuntimeExports.jsx(B,{children:f.noManager})})]}),s.jsxRuntimeExports.jsxs(dt,{children:[s.jsxRuntimeExports.jsxs(pt,{children:[f.header.department,":"]}),C.hasInvestorBankerLevelAccess(e.userRole.userRoles)?s.jsxRuntimeExports.jsx(B,{children:f.notApplicable}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:l?s.jsxRuntimeExports.jsx(mt,{children:l}):s.jsxRuntimeExports.jsx(B,{children:f.emptyDepartmentPlaceholderText})})]})]})})]})},Ge=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  display: flex;
+  padding: ${t.Space.sp3};
+  width: ${e=>qe.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  height: 100%;
+  .zeniRolesDropDown__single-value,
+  .select-value-container .single-select-field__single-value {
+    color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+  }
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+    .roles-count-wrapper {
+      border-color: inherit;
+    }
+    .placeholder {
+      color: ${e=>e.theme.colors.primary};
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .personNameTxt,
+    .emailTxt,
+    .personDetails,
+    .lastSeen,
+    .lastSeenDateTxt,
+    .zeniRolesDropDown__single-value,
+    .single-select-field__single-value {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${t.Space.sp1};
+  flex-direction: column;
+`,Je=i.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.Space.sp2};
+`,Qe=i.div`
+  padding-left: ${t.Space.sp7};
+`,Xe=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Ye=i.div``,et=i(t.StandardRegular)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,tt=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,D=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,st=i(D)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,it=i.div`
+  color: ${e=>e.theme.colors.hero};
+`,ot=i.div``,nt=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,rt=i(D)`
+  color: ${t.Colors.info};
+  cursor: pointer;
+`,lt=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,at=i(D)`
+  color: ${e=>e.theme.colors.grey1};
+`,J=i.div`
+  display: flex;
+`,ct=i(J)``,dt=i(J)``,Q=i.div`
+  width: 30%;
+`,xt=i(Q)``,pt=i(Q)``,Z=i.div`
+  width: 70%;
+`,ut=i(Z)``,mt=i(Z)``,B=i(Z)`
+  color: ${e=>e.theme.colors.grey1};
+`,ht=(e,o)=>{const r=e.find(a=>a.userId===o);return r?.user?`${r?.user?.firstName} ${r?.user?.lastName}`:void 0},gt=(e,o)=>{const r=e.find(a=>o[0]===a.classId);return r?r.className:void 0},Rt=e=>t.useWindowSizeContext()==="small"?s.jsxRuntimeExports.jsx(Ke,{...e}):s.jsxRuntimeExports.jsx(Ce,{...e}),H=t.appLocale.getLocalizedStrings().peoplePage,jt=({peopleData:e,userNameSticky:o,onResendInvite:r,onDeleteUser:a,onRowClick:p})=>{const[d,u]=h.useState(!1),x=t.useWindowSizeContext(),l=wt(e),n=j=>{const w=[];return j.map(R=>{const v=t.ZeniRolesConstants.roles.find(z=>z.value===R);return v!=null&&w.push(v?.label??""),w}),w.length>0?w.join(", "):"-"},m=()=>{a?.(e)},g=()=>{p?.(e.userId)};return s.jsxRuntimeExports.jsxs(St,{"data-testid":t.generateDataTestId("zeni-people-list-row-medium",e.userId),windowSize:x,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:g,children:[s.jsxRuntimeExports.jsx(vt,{wrapperWidth:N[0].width,windowSize:x,userNameSticky:o,children:s.jsxRuntimeExports.jsxs(yt,{children:[s.jsxRuntimeExports.jsx(F.ZeniAvatar,{personBasic:e.user,styles:{height:t.Space.sp6,width:t.Space.sp6}}),s.jsxRuntimeExports.jsxs($t,{children:[e.user?.firstName?s.jsxRuntimeExports.jsxs(bt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,s.jsxRuntimeExports.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),s.jsxRuntimeExports.jsx(Et,{widthNumber:N[1].width,windowSize:x,children:s.jsxRuntimeExports.jsx(ft,{wrapperWidth:new t.ResponsiveSized(100,100),windowSize:x,children:n(e.userRole.userRoles)})}),s.jsxRuntimeExports.jsxs(Pt,{"data-testid":t.generateDataTestId("people-list-row-medium-last-seen",e.userId),wrapperWidth:N[2].width,windowSize:x,children:[e.userRole.invitationStatus==="accepted"?s.jsxRuntimeExports.jsx(Lt,{children:l.lastSeen}):s.jsxRuntimeExports.jsx(kt,{"data-testid":t.generateDataTestId("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Tt,{"data-testid":t.generateDataTestId("people-list-row-medium-resend-invite-text",e.userId),onClick:j=>{j.stopPropagation(),r?.(e.userId)},children:H.resendInvite.label}),s.jsxRuntimeExports.jsx(Ct,{children:s.jsxRuntimeExports.jsx(zt,{children:`${H.sentText} ${t.getTimeDifferenceText(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),s.jsxRuntimeExports.jsx(Nt,{"data-testid":t.generateDataTestId("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:s.jsxRuntimeExports.jsx(oe.Menu,{menuItems:s.jsxRuntimeExports.jsxs(Wt,{children:[s.jsxRuntimeExports.jsx(ie,{"data-testid":t.generateDataTestId("people-list-row-medium-menu-edit",e.userId),onClick:()=>{u(!1),g()},children:H.invitePage.editTitle}),s.jsxRuntimeExports.jsx(ie,{"data-testid":t.generateDataTestId("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:j=>{j.stopPropagation(),u(!1),m()},children:H.deleteOverlay.title})]}),setIsMenuOpen:u,isMenuOpen:d})})]})]})};function wt(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:t.ZeniRolesConstants.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?t.getTimeDifferenceText(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const St=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  display: flex;
+  padding: 9px ${t.Space.sp4} 9px ${t.Space.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  height: 100%;
+  .zeniRolesDropDown__multi-value,
+  .select-value-container {
+    .single-select-field__single-value {
+      color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+    }
+    .zeniRolesDropDown__input-container {
+      position: unset !important;
+    }
+  }
+  /* Temp fix TBD - this should shift to Custom Select Picker Style for ZeniRoleDropDown.
+  customSelectStyle?: StylesConfig<OptionType, true>; */
+  .zeniRolesDropDown__menu {
+    width: 230px;
+    z-index: 3;
+  }
+  .menu-icon {
+    visibility: hidden;
+  }
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+    .placeholder {
+      color: ${e=>e.theme.colors.primary};
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .zeniRolesDropDown__multi-value,
+    .personNameTxt,
+    .emailTxt,
+    .zeniRolesDropDown__single-value,
+    .single-select-field__single-value {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .menu-icon {
+      visibility: visible;
+    }
+  }
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: pointer;
+`,vt=i(t.StandardMedium)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  height: 100%;
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  left: 0;
+  flex: 1 1 auto;
+  justify-content: space-between;
+  gap: ${t.Space.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,ft=i(t.StandardRegular)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,yt=i.div`
+  display: flex;
+  align-items: center;
+`,$t=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${t.Space.sp2};
+  word-break: break-word;
+`,bt=i(t.StandardRegularSp)`
+  padding-top: ${t.Space.sp1};
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Et=i.div`
+  width: ${e=>e.widthNumber.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+`,It=i(t.SmallRegularSp)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,kt=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,Tt=i(t.StandardRegularSp)`
+  color: ${t.Colors.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ct=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,zt=i(t.ExtraSmallRegularSp)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Pt=i.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,Lt=i(t.StandardRegular)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,Nt=i.div`
+  position: absolute;
+  right: ${`-${t.Space.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Wt=i.div`
+  margin: 5px ${t.Space.sp0};
+`,ie=i(t.SmallRegular)`
+  height: ${t.Space.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.Space.sp0} ${t.Space.sp3};
+  color: ${e=>e.isDelete===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,At={width:new t.ResponsiveSized(343,580,726)},M=t.appLocale.getLocalizedStrings().peoplePage,Ot=({peopleData:e,onRowClick:o,onResendInvite:r})=>{const a=t.useWindowSizeContext();return s.jsxRuntimeExports.jsxs(_t,{windowSize:a,"data-testid":t.generateDataTestId("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{o?.(e.userId)},children:[s.jsxRuntimeExports.jsxs(Bt,{children:[s.jsxRuntimeExports.jsx(F.ZeniAvatar,{personBasic:e.user,styles:{height:t.Space.sp6,width:t.Space.sp6}}),s.jsxRuntimeExports.jsx(Mt,{children:s.jsxRuntimeExports.jsxs(Ut,{children:[s.jsxRuntimeExports.jsxs(Ft,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),s.jsxRuntimeExports.jsx(Dt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?s.jsxRuntimeExports.jsxs(Kt,{className:"lastSeen","data-testid":t.generateDataTestId("people-list-row-small-last-seen",e.userId),children:[s.jsxRuntimeExports.jsx(Gt,{className:"lastSeenDateTxt","data-testid":t.generateDataTestId("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?t.getTimeDifferenceText(e.userRole.userLastCheckInTimeIntoTenant):"-"}),s.jsxRuntimeExports.jsx(Jt,{children:M.header.lastSeen})]}):s.jsxRuntimeExports.jsx(Qt,{"data-testid":t.generateDataTestId("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Xt,{"data-testid":t.generateDataTestId("people-list-row-small-resend-invite-text",e.userId),onClick:p=>{p.stopPropagation(),r?.(e.userId)},children:M.resendInvite.label}),s.jsxRuntimeExports.jsx(Yt,{children:s.jsxRuntimeExports.jsx(es,{children:`${M.sentText} ${t.getTimeDifferenceText(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),s.jsxRuntimeExports.jsx(Ht,{children:s.jsxRuntimeExports.jsx(V,{className:"personDetails",children:s.jsxRuntimeExports.jsxs(Zt,{style:{display:"flex"},children:[s.jsxRuntimeExports.jsxs(Vt,{style:{},children:[M.header.role,":"]}),s.jsxRuntimeExports.jsx(qt,{children:t.getSelectedRolesLabel(e.userRole.userRoles,"zeni_only")})]})})})]})},_t=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  display: flex;
+  padding: ${t.Space.sp3};
+  width: ${e=>At.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  height: 100%;
+  .zeniRolesDropDown__single-value,
+  .select-value-container .single-select-field__single-value {
+    color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+  }
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+    .placeholder {
+      color: ${e=>e.theme.colors.primary};
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .personNameTxt,
+    .emailTxt,
+    .personDetails,
+    .lastSeen,
+    .lastSeenDateTxt,
+    .zeniRolesDropDown__single-value,
+    .single-select-field__single-value {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${t.Space.sp2};
+  flex-direction: column;
+`,Bt=i.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.Space.sp2};
+`,Ht=i.div`
+  padding-left: ${t.Space.sp7};
+`,Mt=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Ut=i.div``,Ft=i(t.StandardRegular)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Dt=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,V=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.grey1};
+`,Zt=i.div`
+  display: flex;
+  gap: 6px;
+`,Vt=i.div``,qt=i.div``,Kt=i(V)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Gt=i.div`
+  color: ${e=>e.theme.colors.hero};
+`,Jt=i.div``,Qt=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Xt=i(V)`
+  color: ${t.Colors.info};
+  cursor: pointer;
+`,Yt=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,es=i(V)`
+  color: ${e=>e.theme.colors.grey1};
+`,ts=e=>t.useWindowSizeContext()==="small"?s.jsxRuntimeExports.jsx(Ot,{...e}):s.jsxRuntimeExports.jsx(jt,{...e}),P={overscanCount:1,rowNameLimit:55,listItemHeight:88},q={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},U={containerMarginRight:new t.ResponsiveSized(t.sp[0],t.sp[0]),containerMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[8]),listItemPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),listItemPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[8]),zeniLastRowHeight:new t.ResponsiveSized(154,136),nonZeniLastRowHeight:new t.ResponsiveSized(200,136)},L=t.appLocale.getLocalizedStrings().peoplePage,ss=({peopleView:e,allManagers:o,allClasses:r,analytics:a,onColumnSortConfigChanged:p,onDeleteClick:d,onResendInvite:u,onRowClick:x,isZeniTenant:l})=>{const n=t.useWindowSizeContext(),m=h.useRef(null),g=!(n==="small"||n==="medium-compact"),[j,w]=h.useState(!1),[R,v]=h.useState(),z=s.useTheme(),E=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),I=c=>{w(!0),v(c)},X=h.memo(({index:c,style:y})=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(ns,{"data-testid":t.generateDataTestId("people-list-item",e.people[c].user?.userId),style:{...y,width:"fit-content",minWidth:"100%"},windowSize:n,isFirstResendInviteUser:E===c,className:"people-list-item",children:[E===c?s.jsxRuntimeExports.jsx(ds,{}):null,e.uiState.mode==="off"?s.jsxRuntimeExports.jsx(Rt,{allManagers:o,allClasses:r,userNameSticky:g,peopleData:e.people[c],onDeleteUser:I,onResendInvite:u,onRowClick:x,isZeniTenant:l}):s.jsxRuntimeExports.jsx(ts,{userNameSticky:g,peopleData:e.people[c],onDeleteUser:I,onResendInvite:u,onRowClick:x,isZeniTenant:l})]})}),s.areEqual);X.displayName="ListItem";const Y=h.forwardRef((c,y)=>{const{children:k,style:A,...O}=c;return s.jsxRuntimeExports.jsxs("div",{ref:y,style:{...A,width:"auto"},...O,children:[n==="small"?s.jsxRuntimeExports.jsx($e,{userNameSticky:g,onColumnSortConfigChanged:p,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):s.jsxRuntimeExports.jsx(he,{userNameSticky:g,onColumnSortConfigChanged:p,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),s.jsxRuntimeExports.jsx(rs,{children:k})]})});Y.displayName="People list view inner element type";const le=c=>{const y=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,k=E===c;return y>P.rowNameLimit?P.listItemHeight+t.sp[5]+(k?t.sp[3]:t.sp[0]):P.listItemHeight+(k?t.sp[3]:t.sp[0])},ae=c=>{const y=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,k=t.getSelectedRolesLabel(e.people[c].userRole.userRoles,e.uiState.mode).length,A=E===c,O=e.uiState.mode==="zeni_only"?k>33?q.zeniPeopleExtendedListItemHeight:q.zeniPeopleListItemHeight:q.peopleListItemHeight;return y>P.rowNameLimit?O+t.sp[5]+(A?t.sp[3]:t.sp[0]):O+(A?t.sp[3]:t.sp[0])},ce={onOkClick:()=>{const c=R;a?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),d?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{w(!1),v(void 0)}},ee=t.usePrevious(e.people.find(c=>c.userId===R?.userId)?.update),W=e.people.find(c=>c.userId===R?.userId)?.update,de=R!=null?L.deleteOverlay.description.replace("‘_user-name_’",`"${is(R)}"`):L.deleteOverlay.description;return h.useEffect(()=>{m.current&&m.current.resetAfterIndex(0)},[e,n]),h.useEffect(()=>{W==null&&ee==="removeUsers"&&(w(!1),v(void 0))},[W,ee]),s.jsxRuntimeExports.jsxs(os,{"data-testid":t.generateDataTestId("people-list-view-container"),windowSize:n,mode:e.uiState.mode,children:[j===!0?s.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:s.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:L.deleteOverlay.title}),descriptionComponent:s.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:de}),primaryButtonText:L.deleteOverlay.remove,secondaryButtonText:L.deleteOverlay.cancel,action:ce,proceedButtonVariant:"danger",isLoading:W==="removeUsers",isDisabled:W==="removeUsers",style:{background:z.colors.overlayColor},children:R?.user!=null?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(cs,{}),s.jsxRuntimeExports.jsx(ls,{children:s.jsxRuntimeExports.jsx(as,{src:R?.user.photo?.toString()??t.AvatarSVG,alt:R?.user.userId,loading:"lazy"})})]}):null}):null,s.jsxRuntimeExports.jsx(s.AutoSizer,{children:({height:c,width:y})=>s.jsxRuntimeExports.jsx(xs,{height:c,innerElementType:Y,itemCount:e.people.length,itemSize:n==="small"?ae:le,width:y,ref:m,overscanCount:P.overscanCount,children:X})})]})},is=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",os=i.div`
+  /** Subtract top so list can occupy remaining available height */
+  min-height: ${`calc(100vh - ${t.Space.sp9})`};
+  max-width: 99.9%;
+  .people-list-item:last-of-type {
+    height: ${e=>e.mode==="zeni_only"?U.zeniLastRowHeight.valuePx(e.windowSize):U.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${t.Space.sp9};
+  }
+`,ns=i.div`
+  top: ${t.Space.sp0};
+  left: ${t.Space.sp0};
+  padding: ${e=>`${t.Space.sp0} ${U.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?t.Space.sp5:t.Space.sp3} ${U.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  box-sizing: border-box;
+`,rs=i.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,ls=i.div`
+  position: absolute;
+  top: -26px;
+`,as=i.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,cs=i.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${t.Space.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,ds=i.div`
+  padding-top: ${t.Space.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,xs=i(s.VariableSizeList)``,ps=(e,o)=>{const{user:r,userId:a,userRole:p,update:d}=e,{user:u,userId:x,userRole:l,update:n}=o;return s.isEqual(r,u)&&s.isEqual(a,x)&&s.isEqual(p,l)&&s.isEqual(d,n)},us=(e,o)=>{if(e.peopleView.people.length!=o.peopleView.people.length||e.allManagers.length!=o.allManagers.length)return!1;let r=!0;for(let a=0;a<e.peopleView.people.length;++a){const p=e.peopleView.people[a],d=o.peopleView.people[a];if(r=ps(p,d),!r)break}return r=r&&s.isEqual(e.peopleView.invitePeopleState,o.peopleView.invitePeopleState),r=r&&e.peopleView.uiState.sortKey===o.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===o.peopleView.uiState.sortOrder,r},ms=h.memo(ss,us);function hs({peopleInviteSectionProps:e}){const o=t.useWindowSizeContext();return s.jsxRuntimeExports.jsx(gs,{isSearchOpen:e.isSearchOpen&&o==="small",windowsize:o,children:o!=="small"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e.hideSearchBtn?null:s.jsxRuntimeExports.jsx(t.ListPageSearchInputBox,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:r=>{e.onSearchTextChanged?.(r)},onSearchOpen:e.onSearchOpen}),s.jsxRuntimeExports.jsx(t.Button,{variant:"primary",size:"small","data-testid":t.generateDataTestId("invite-people-button"),style:{height:"29px",...t.textStyles.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e.hideInviteBtn?null:s.jsxRuntimeExports.jsx(Rs,{"data-testid":t.generateDataTestId("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:s.jsxRuntimeExports.jsx(t.ListPageSearchInputBox,{style:{position:"absolute",left:"5px",right:o!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":t.generateDataTestId("people-invite-search"),onSearchTextChanged:r=>{e.onSearchTextChanged?.(r)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const gs=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
+`,Rs=i(pe.SvgAdd)`
+  height: 20px;
+  width: 20px;
+  color: ${e=>e.theme.colors.hero};
+`,K=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,js=i.div`
+  min-height: ${`calc(100vh - ${t.Space.sp9})`};
+`,ws=i.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ss=i.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,vs=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,fs=i(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ys=()=>s.jsxRuntimeExports.jsx(ws,{children:s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"ExtraLarge",start:!0})});function re(e){const o=s.useTheme(),r=t.useWindowSizeContext(),{mode:a,searchText:p}=e.peopleView.uiState,{fetchState:d}=e.peopleView,{fetchState:u}=e.managersView,{fetchState:x}=e.classList,[l,n]=h.useState(!1),g={isSearchOpen:l,onSearchOpen:I=>{n(I)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:t.appLocale.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:p,invitePeopleLabel:t.appLocale.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},j=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,w=()=>{const I=a==="off"?"zeni_only":"off";e.personAction.onModeChange?.(I)},R=d==="Completed"?`(${e.peopleView.people.length})`:"",v=`${a==="off"?t.appLocale.getLocalizedStrings().peoplePage.peopleTitle:t.appLocale.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${R}`,z=h.useMemo(()=>d==="In-Progress"||d==="Not-Started"||u==="In-Progress"||u==="Not-Started"||e.shouldFetchClasses&&(x==="In-Progress"||x==="Not-Started"),[d,u,e.shouldFetchClasses,x]);function E(){return z?s.jsxRuntimeExports.jsxs(K,{"data-testid":t.generateDataTestId("people-page-loading"),children:[s.jsxRuntimeExports.jsx(t.NavBar,{title:v,onBackClick:e.personAction.onBackClick,rightSideComponent:s.jsxRuntimeExports.jsx(G,{...g}),showMenuIcon:r==="medium-compact"||r==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:w,showZeniLogo:j,zeniLogoVisiblity:a==="zeni_only"?"visible":"hidden",isSearchOpen:l,backgroundColor:o.colors.grey4,source:"PeoplePage"}),s.jsxRuntimeExports.jsx(ys,{})]}):d==="Error"||x==="Error"||u==="Error"?s.jsxRuntimeExports.jsxs(K,{"data-testid":t.generateDataTestId("people-page-error"),children:[s.jsxRuntimeExports.jsx(t.NavBar,{title:v,onBackClick:e.personAction.onBackClick,rightSideComponent:s.jsxRuntimeExports.jsx(G,{...g}),showMenuIcon:r==="medium-compact"||r==="small",onZeniLogoClick:w,showZeniLogo:j,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:o.colors.grey4,source:"PeoplePage"}),s.jsxRuntimeExports.jsxs(Ss,{children:[s.jsxRuntimeExports.jsx(vs,{"data-testid":t.generateDataTestId("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:s.jsxRuntimeExports.jsx(t.SvgReload,{width:t.Space.sp6,height:t.Space.sp6})}),s.jsxRuntimeExports.jsx(fs,{children:t.appLocale.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):s.jsxRuntimeExports.jsxs(K,{"data-testid":t.generateDataTestId("people-page-content-container"),children:[s.jsxRuntimeExports.jsx(t.NavBar,{title:v,onBackClick:e.personAction.onBackClick,rightSideComponent:s.jsxRuntimeExports.jsx(G,{...g}),showMenuIcon:r==="medium-compact"||r==="small",onZeniLogoClick:w,showZeniLogo:j,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:o.colors.grey4}),s.jsxRuntimeExports.jsx(js,{"data-testid":t.generateDataTestId("people-page-content"),windowSize:r,children:e.peopleView.people.length>0?s.jsxRuntimeExports.jsx(ms,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):p!==""?s.jsxRuntimeExports.jsx(xe.EmptySearchResults,{emptySearchTextFirstLine:t.appLocale.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:t.appLocale.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):s.jsxRuntimeExports.jsx(t.NoListDataPage,{message:t.appLocale.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return s.jsxRuntimeExports.jsx("div",{children:E()})}const G=e=>s.jsxRuntimeExports.jsx(hs,{peopleInviteSectionProps:e}),$s=h.memo(re);exports.MemoPeople=$s;exports.default=re;