@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/PeoplePage-D2N1XP-O-DKs_D4Fh.js

@@ -0,0 +1,720 @@
+import{V as i,bo as _e,bG as Oe,O as y,o as t,e as D,x as R,y as ke,J as C,a_ as le,a6 as a,ba as Ae,bH as Ve,f as F,ab as Y,bI as xe,i as Me,j as Se,bJ as We,a7 as Be,bK as Ee,n as Fe,bL as Ue,bM as Ke,an as Ze,Q as B,bN as He,b,bO as Je,bP as Ce,u as $,bA as L,bQ as Ie,T as Qe,A as Ge,bR as qe,bS as Xe,a0 as Ye,bT as ei,s as _,W as ee,bU as ii,bB as Re,au as ie,bV as ge,b8 as oi,bW as ti}from"./index-DorX0WX8.js";import{a as u,b as de}from"./sentry-tRTnR5ia.js";import{n as o}from"./mui-gZ2J-2YO.js";import{pg as ze,bt as q}from"./zeni-epic-state-DiMW9axO.js";import{d as oe}from"./ZeniAvatar-CHmpyZc4-xmYCp34T.js";import{T as Te}from"./RoleWithToolTip-D9DCHaph-Ct3ZRTHm.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./avatar-Dz7aEm3d-C2PjdQVT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="b2ef6625-413c-4439-902f-2e292a9a443a",e._sentryDebugIdIdentifier="sentry-dbid-b2ef6625-413c-4439-902f-2e292a9a443a")}catch{}})();const si=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${t.sp6};
+  color: ${e=>e.theme.colors.grey2};
+`,ri=o(R)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,li=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${t.sp5};
+  color: ${e=>e.theme.colors.hero};
+  p {
+    margin: 0;
+  }
+`,ni=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp3};
+`,ai=o.button`
+  background: none;
+  box-shadow: none;
+  border-radius: ${t.sp1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  color: ${D.info};
+  &:hover {
+    border: ${`1px solid ${D.info}`};
+  }
+`,we=o.div``,ve=o(e=>u.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},u.createElement("path",{d:"M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M10.9261 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{d:"M13.6039 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${t.sp7};
+  height: ${t.sp7};
+  color: ${e=>e.theme.colors.grey2};
+`,di=({emptySearchTextFirstLine:e,emptySearchTextSecondLine:s,filtersApplied:l=!1,onClearFilter:c})=>l?i.jsxs(li,{children:[i.jsx(ve,{}),i.jsxs(ni,{children:[i.jsx(_e,{children:e}),i.jsx(ai,{onClick:c,children:i.jsx(Oe,{children:y.getLocalizedStrings().cockpit.filters.clearFilterBtnText})})]})]}):i.jsxs(si,{children:[i.jsx(ve,{}),i.jsxs(ri,{children:[i.jsx(we,{children:e}),i.jsx(we,{children:s})]})]}),N=y.getLocalizedStrings().peoplePage.header,j=[{key:"name",value:N.name,sortOrder:"ascending",width:new b(32,26,26,30,32)},{key:"role",value:N.role,sortOrder:"ascending",width:new b(18,17,17,21,19)},{key:"manager",value:N.manager,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"department",value:N.department,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"lastSeen",value:N.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],E=[{key:"name",value:N.name,sortOrder:"ascending",width:new b(32,26,26,32,33)},{key:"role",value:N.role,sortOrder:"ascending",width:new b(58,57,57,57,58)},{key:"lastSeen",value:N.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],ci=de.memo(function({userNameSticky:e,sortConfig:s,onColumnSortConfigChanged:l,mode:c}){const x=C(),[m,g]=u.useState(Ye(c==="off"?j:E));u.useEffect(()=>{const r=[...m];for(const n of r)n.key===s.sortKey?n.sortOrder=s.sortOrder:n.sortOrder="ascending";g(r)},[s.sortKey,s.sortOrder]);const h=(r,n)=>{let d=n;s.sortKey===r&&(d=n==="ascending"?"descending":"ascending"),l?.(r,d)};return i.jsx(hi,{height:58,"data-testid":a("people-list-header-row"),children:m.map(r=>i.jsxs(ui,{userNameSticky:!!e&&r.key==="name",sortDataValue:s.sortKey,actualDataValue:r.key,wrapperWidth:r.width,windowSize:x,children:[i.jsxs(gi,{"data-testid":a("people-list-header",r.key),onClick:()=>h(r.key,r.sortOrder),children:[i.jsx(R,{children:r.value}),i.jsx(pi,{sortDataValue:s.sortKey,headerdata:r,children:i.jsx(ei,{width:12,height:12})})]}),i.jsx(xi,{isVisible:s.sortKey===r.key&&r.key!=="name",children:i.jsx(mi,{"data-testid":a("people-list-header-sort-cancel",r.key),onClick:()=>h("name","ascending")})})]},r.key))})}),pi=o.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"}
+`,hi=o(R)`
+  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.sp5} ${t.sp11} ${t.sp3} ${t.sp11};
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,ui=o.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.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.sp0}; flex: 1 1 auto`:`padding-left: ${t.sp0};`}
+`,mi=o(ti)`
+  cursor: pointer;
+  color: inherit;
+  width: 12px;
+  height: 12px;
+`,xi=o.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,gi=o(R)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wi=de.memo(function({sortConfig:e,onColumnSortConfigChanged:s,mode:l}){const c=y.getLocalizedStrings().peoplePage,x=Qe({mode:"all"}),m=u.useMemo(()=>l==="zeni_only"?E:j,[l]),g=u.useMemo(()=>m.map(r=>({label:r.value,value:r.key})),[m]),h=m.find(r=>r.key===e.sortKey);return h!=null&&(h.sortOrder=e.sortOrder),u.useEffect(()=>{const r=x.watch((n,{name:d})=>{if(d!=null&&n!=null){const{people_sort_by:v}=n;s?.(v.selectedOption.value,"ascending")}});return()=>{r.unsubscribe()}}),i.jsxs(fi,{height:58,"data-testid":a("people-list-header-row-small"),children:[i.jsx(yi,{children:i.jsx(Ge,{...x,children:i.jsx("form",{children:i.jsx(qe,{defaultValue:{allOptions:g,selectedOption:g.find(r=>r.value===e.sortKey)},placeholder:`${c.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${c.sortBy}:`,name:"people_sort_by"})})})}),i.jsxs(bi,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>((r,n)=>{let d=n;e.sortKey===r&&(d=n==="ascending"?"descending":"ascending"),s?.(r,d)})(e.sortKey,e.sortOrder),children:[i.jsx($i,{children:h?.value}),i.jsx(vi,{sortDataValue:e.sortKey,headerdata:h,children:i.jsx(Xe,{width:t.sp3,height:t.sp3})})]})]})}),vi=o.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"}
+`,fi=o(R)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${t.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};
+      ${Se.smallRegular.css};
+    }
+  }
+
+  .single-select-field__menu {
+    left: -19px;
+    top: ${t.sp4};
+    border: 1px solid ${e=>e.theme.colors.grey3};
+    padding-left: 20px;
+  }
+`,yi=o.div`
+  display: flex;
+  gap: ${t.sp1};
+`,bi=o(R)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,$i=o(R)`
+  color: ${e=>e.theme.colors.hero};
+`,{peoplePage:P}=y.getLocalizedStrings(),ji=({peopleData:e,userNameSticky:s,allClasses:l,allManagers:c,onResendInvite:x,onDeleteUser:m,onRowClick:g})=>{const[h,r]=u.useState(!1),n=C(),d=function(w,f,O){const z=O.find(A=>w.userRole.accountingClassIDs[0]===A.classId),T=f.find(A=>A.userId===w.userRole.managerUserId);return{name:`${w.user?.firstName??""} ${w.user?.lastName??""}`,role:{selectedOptions:w.userRole.userRoles,allOptions:ii},manager:T?.user?`${T?.user?.firstName} ${T?.user?.lastName}`:void 0,department:z?z?.className:void 0,lastSeen:w?.userRole?.userLastCheckInTimeIntoTenant?L(w.userRole.userLastCheckInTimeIntoTenant):"-"}}(e,c,l),v=e.userRole.userRoles.filter(w=>!ze(w)),k=()=>{g?.(e.userId)};return i.jsxs(ki,{windowSize:n,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:k,"data-testid":a("people-list-row",e.userId),children:[i.jsx(Si,{wrapperWidth:j[0].width,windowSize:n,userNameSticky:s,children:i.jsxs(Ii,{children:[i.jsx(oe,{personBasic:e.user,styles:{height:t.sp6,width:t.sp6}}),i.jsxs(Ri,{children:[e.user?.firstName?i.jsxs(zi,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,i.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),i.jsx(Ti,{wrapperWidth:j[1].width,windowSize:n,children:i.jsx(Te,{roles:v})}),i.jsxs(i.Fragment,{children:[q(e.userRole.userRoles)?i.jsx(H,{wrapperWidth:j[2].width,windowSize:n,children:i.jsx(M,{children:P.notApplicable})}):i.jsx(i.Fragment,{children:d.manager?i.jsx(fe,{wrapperWidth:j[2].width,windowSize:n,children:i.jsx(M,{children:d.manager})}):i.jsx(H,{wrapperWidth:j[2].width,windowSize:n,children:i.jsx(M,{children:P.noManager})})}),q(e.userRole.userRoles)?i.jsx(H,{wrapperWidth:j[3].width,windowSize:n,children:i.jsx(M,{children:P.notApplicable})}):i.jsx(i.Fragment,{children:d.department?i.jsx(fe,{wrapperWidth:j[3].width,windowSize:n,children:i.jsx(M,{children:d.department})}):i.jsx(H,{wrapperWidth:j[3].width,windowSize:n,children:i.jsx(M,{children:P.emptyDepartmentPlaceholderText})})})]}),i.jsxs(Ni,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:j[4].width,windowSize:n,children:[e.userRole.invitationStatus==="accepted"?i.jsx(Ci,{children:d.lastSeen}):i.jsx(Li,{children:e.update==="resendInvite"?i.jsx(F,{size:"Small",start:!0}):i.jsxs(i.Fragment,{children:[i.jsx(_i,{"data-testid":a("resend-invite-text",e.userId),onClick:w=>{w.stopPropagation(),x?.(e.userId)},children:P.resendInvite.label}),i.jsx(Oi,{children:i.jsx(Ai,{children:`${P.sentText} ${L(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),i.jsx(Di,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:i.jsx(Ie,{menuItems:i.jsxs(Vi,{"data-testid":a("menu-items-container",e.userId),children:[i.jsx(ye,{"data-testid":a("edit-people-list-row"),onClick:()=>{r(!1),k()},children:P.invitePage.editTitle}),i.jsx(ye,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:w=>{w.stopPropagation(),r(!1),m?.(e)},children:P.deleteOverlay.title})]}),setIsMenuOpen:r,isMenuOpen:h})})]})]})},ki=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  display: flex;
+  padding: 9px ${t.sp4} 9px ${t.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.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.sp0} 2px ${t.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;
+`,Si=o(Re)`
+  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.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,fe=o(_)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,Ci=o(_)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,H=o(_)`
+  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;
+`,M=o.div`
+  width: 96%;
+`,Ii=o.div`
+  display: flex;
+  align-items: center;
+`,Ri=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${t.sp2};
+  word-break: break-word;
+`,zi=o(ie)`
+  padding-top: ${t.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;
+`,Ti=o(_)`
+  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;
+`,Pi=o(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ni=o.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,Di=o.div`
+  position: absolute;
+  right: ${`-${t.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Li=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,_i=o(ie)`
+  color: ${D.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Oi=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Ai=o(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Vi=o.div`
+  margin: 5px ${t.sp0};
+`,ye=o(R)`
+  height: ${t.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.sp0} ${t.sp3};
+  color: ${e=>e.isDelete===!0?D.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Mi={width:new b(343,580,726)},{peoplePage:S}=y.getLocalizedStrings(),Wi=({peopleData:e,allClasses:s,allManagers:l,onRowClick:c,onResendInvite:x})=>{const m=C(),g=e.userRole.userRoles.filter(n=>!ze(n)),h=no(l,e.userRole.managerUserId),r=ao(s,e.userRole.accountingClassIDs);return i.jsxs(Bi,{windowSize:m,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{c?.(e.userId)},children:[i.jsxs(Ei,{children:[i.jsx(oe,{personBasic:e.user,styles:{height:t.sp6,width:t.sp6}}),i.jsx(Ui,{children:i.jsxs(Ki,{children:[i.jsxs(Zi,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),i.jsx(Hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?i.jsxs(Ji,{className:"lastSeen",children:[i.jsx(Qi,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?L(e.userRole.userLastCheckInTimeIntoTenant):"-"}),i.jsx(Gi,{children:S.header.lastSeen})]}):i.jsx(qi,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?i.jsx(F,{size:"Small",start:!0}):i.jsxs(i.Fragment,{children:[i.jsx(Xi,{"data-testid":a("resend-invite-text",e.userId),onClick:n=>{n.stopPropagation(),x?.(e.userId)},children:S.resendInvite.label}),i.jsx(Yi,{children:i.jsx(eo,{children:`${S.sentText} ${L(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),i.jsx(Fi,{children:i.jsxs(te,{className:"personDetails",children:[i.jsxs(ce,{children:[i.jsxs(pe,{children:[S.header.role,":"]}),i.jsx(se,{children:i.jsx(Te,{roles:g})})]}),i.jsxs(io,{children:[i.jsxs(to,{children:[S.header.manager,":"]}),q(e.userRole.userRoles)?i.jsx(J,{children:S.notApplicable}):i.jsx(i.Fragment,{children:h?i.jsx(ro,{children:h}):i.jsx(J,{children:S.noManager})})]}),i.jsxs(oo,{children:[i.jsxs(so,{children:[S.header.department,":"]}),q(e.userRole.userRoles)?i.jsx(J,{children:S.notApplicable}):i.jsx(i.Fragment,{children:r?i.jsx(lo,{children:r}):i.jsx(J,{children:S.emptyDepartmentPlaceholderText})})]})]})})]})},Bi=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  display: flex;
+  padding: ${t.sp3};
+  width: ${e=>Mi.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.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.sp0} 2px ${t.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.sp1};
+  flex-direction: column;
+`,Ei=o.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.sp2};
+`,Fi=o.div`
+  padding-left: ${t.sp7};
+`,Ui=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Ki=o.div``,Zi=o(_)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Hi=o(ee)`
+  color: ${e=>e.theme.colors.grey1};
+`,te=o(ee)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ji=o(te)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Qi=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,Gi=o.div``,qi=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Xi=o(te)`
+  color: ${D.info};
+  cursor: pointer;
+`,Yi=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,eo=o(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,ce=o.div`
+  display: flex;
+`,io=o(ce)``,oo=o(ce)``,pe=o.div`
+  width: 30%;
+`,to=o(pe)``,so=o(pe)``,se=o.div`
+  width: 70%;
+`,ro=o(se)``,lo=o(se)``,J=o(se)`
+  color: ${e=>e.theme.colors.grey1};
+`,no=(e,s)=>{const l=e.find(c=>c.userId===s);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},ao=(e,s)=>{const l=e.find(c=>s[0]===c.classId);return l?l.className:void 0},co=e=>C()==="small"?i.jsx(Wi,{...e}):i.jsx(ji,{...e}),Q=y.getLocalizedStrings().peoplePage,po=({peopleData:e,userNameSticky:s,onResendInvite:l,onDeleteUser:c,onRowClick:x})=>{const[m,g]=u.useState(!1),h=C(),r=function(d){return{name:`${d.user?.firstName??""} ${d.user?.lastName??""}`,role:{selectedOptions:d.userRole.userRoles,allOptions:ge.roles},lastSeen:d?.userRole?.userLastCheckInTimeIntoTenant?L(d.userRole.userLastCheckInTimeIntoTenant):"-"}}(e),n=()=>{x?.(e.userId)};return i.jsxs(ho,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:n,children:[i.jsx(uo,{wrapperWidth:E[0].width,windowSize:h,userNameSticky:s,children:i.jsxs(xo,{children:[i.jsx(oe,{personBasic:e.user,styles:{height:t.sp6,width:t.sp6}}),i.jsxs(go,{children:[e.user?.firstName?i.jsxs(wo,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,i.jsx(fo,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),i.jsx(vo,{widthNumber:E[1].width,windowSize:h,children:i.jsx(mo,{wrapperWidth:new b(100,100),windowSize:h,children:(d=>{const v=[];return d.map(k=>{const w=ge.roles.find(f=>f.value===k);return w!=null&&v.push(w?.label??""),v}),v.length>0?v.join(", "):"-"})(e.userRole.userRoles)})}),i.jsxs(ko,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:E[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?i.jsx(So,{children:r.lastSeen}):i.jsx(yo,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?i.jsx(F,{size:"Small",start:!0}):i.jsxs(i.Fragment,{children:[i.jsx(bo,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:d=>{d.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),i.jsx($o,{children:i.jsx(jo,{children:`${Q.sentText} ${L(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),i.jsx(Co,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:i.jsx(Ie,{menuItems:i.jsxs(Io,{children:[i.jsx(be,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{g(!1),n()},children:Q.invitePage.editTitle}),i.jsx(be,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:d=>{d.stopPropagation(),g(!1),c?.(e)},children:Q.deleteOverlay.title})]}),setIsMenuOpen:g,isMenuOpen:m})})]})]})},ho=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  display: flex;
+  padding: 9px ${t.sp4} 9px ${t.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.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.sp0} 2px ${t.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;
+`,uo=o(Re)`
+  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.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,mo=o(_)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,xo=o.div`
+  display: flex;
+  align-items: center;
+`,go=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${t.sp2};
+  word-break: break-word;
+`,wo=o(ie)`
+  padding-top: ${t.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;
+`,vo=o.div`
+  width: ${e=>e.widthNumber.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+`,fo=o(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,yo=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,bo=o(ie)`
+  color: ${D.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,$o=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,jo=o(oi)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ko=o.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,So=o(_)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,Co=o.div`
+  position: absolute;
+  right: ${`-${t.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Io=o.div`
+  margin: 5px ${t.sp0};
+`,be=o(R)`
+  height: ${t.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${t.sp0} ${t.sp3};
+  color: ${e=>e.isDelete===!0?D.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ro={width:new b(343,580,726)},G=y.getLocalizedStrings().peoplePage,zo=({peopleData:e,onRowClick:s,onResendInvite:l})=>{const c=C();return i.jsxs(To,{windowSize:c,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{s?.(e.userId)},children:[i.jsxs(Po,{children:[i.jsx(oe,{personBasic:e.user,styles:{height:t.sp6,width:t.sp6}}),i.jsx(Do,{children:i.jsxs(Lo,{children:[i.jsxs(_o,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),i.jsx(Oo,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?i.jsxs(Wo,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[i.jsx(Bo,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?L(e.userRole.userLastCheckInTimeIntoTenant):"-"}),i.jsx(Eo,{children:G.header.lastSeen})]}):i.jsx(Fo,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?i.jsx(F,{size:"Small",start:!0}):i.jsxs(i.Fragment,{children:[i.jsx(Uo,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:x=>{x.stopPropagation(),l?.(e.userId)},children:G.resendInvite.label}),i.jsx(Ko,{children:i.jsx(Zo,{children:`${G.sentText} ${L(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),i.jsx(No,{children:i.jsx(re,{className:"personDetails",children:i.jsxs(Ao,{style:{display:"flex"},children:[i.jsxs(Vo,{style:{},children:[G.header.role,":"]}),i.jsx(Mo,{children:Ce(e.userRole.userRoles,"zeni_only")})]})})})]})},To=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  display: flex;
+  padding: ${t.sp3};
+  width: ${e=>Ro.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.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.sp0} 2px ${t.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.sp2};
+  flex-direction: column;
+`,Po=o.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${t.sp2};
+`,No=o.div`
+  padding-left: ${t.sp7};
+`,Do=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Lo=o.div``,_o=o(_)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Oo=o(ee)`
+  color: ${e=>e.theme.colors.grey1};
+`,re=o(ee)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ao=o.div`
+  display: flex;
+  gap: 6px;
+`,Vo=o.div``,Mo=o.div``,Wo=o(re)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Bo=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,Eo=o.div``,Fo=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Uo=o(re)`
+  color: ${D.info};
+  cursor: pointer;
+`,Ko=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Zo=o(re)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ho=e=>C()==="small"?i.jsx(zo,{...e}):i.jsx(po,{...e}),Jo=1,$e=55,je=88,Qo=138,Go=106,qo=130,X={listItemPaddingRight:new b($[3],$[8]),listItemPaddingLeft:new b($[3],$[8]),zeniLastRowHeight:new b(154,136),nonZeniLastRowHeight:new b(200,136)},W=y.getLocalizedStrings().peoplePage,Xo=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Yo=o.div`
+  /** Subtract top so list can occupy remaining available height */
+  min-height: ${`calc(100vh - ${t.sp9})`};
+  max-width: 99.9%;
+  .people-list-item:last-of-type {
+    height: ${e=>e.mode==="zeni_only"?X.zeniLastRowHeight.valuePx(e.windowSize):X.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${t.sp9};
+  }
+`,et=o.div`
+  top: ${t.sp0};
+  left: ${t.sp0};
+  padding: ${e=>`${t.sp0} ${X.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?t.sp5:t.sp3} ${X.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  box-sizing: border-box;
+`,it=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,ot=o.div`
+  position: absolute;
+  top: -26px;
+`,tt=o.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,st=o.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${t.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,rt=o.div`
+  padding-top: ${t.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,lt=o(Je)``,nt=(e,s)=>{const{user:l,userId:c,userRole:x,update:m}=e,{user:g,userId:h,userRole:r,update:n}=s;return B(l,g)&&B(c,h)&&B(x,r)&&B(m,n)},at=u.memo(({peopleView:e,allManagers:s,allClasses:l,analytics:c,onColumnSortConfigChanged:x,onDeleteClick:m,onResendInvite:g,onRowClick:h,isZeniTenant:r})=>{const n=C(),d=u.useRef(null),v=!(n==="small"||n==="medium-compact"),[k,w]=u.useState(!1),[f,O]=u.useState(),z=ke(),T=e.people.findIndex(p=>p.userRole.invitationStatus==="invited"),A=p=>{w(!0),O(p)},he=u.memo(({index:p,style:I})=>i.jsx(i.Fragment,{children:i.jsxs(et,{"data-testid":a("people-list-item",e.people[p].user?.userId),style:{...I,width:"fit-content",minWidth:"100%"},windowSize:n,isFirstResendInviteUser:T===p,className:"people-list-item",children:[T===p?i.jsx(rt,{}):null,e.uiState.mode==="off"?i.jsx(co,{allManagers:s,allClasses:l,userNameSticky:v,peopleData:e.people[p],onDeleteUser:A,onResendInvite:g,onRowClick:h,isZeniTenant:r}):i.jsx(Ho,{userNameSticky:v,peopleData:e.people[p],onDeleteUser:A,onResendInvite:g,onRowClick:h,isZeniTenant:r})]})}),We);he.displayName="ListItem";const ue=u.forwardRef((p,I)=>{const{children:V,style:K,...Z}=p;return i.jsxs("div",{ref:I,style:{...K,width:"auto"},...Z,children:[n==="small"?i.jsx(wi,{userNameSticky:v,onColumnSortConfigChanged:x,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):i.jsx(ci,{userNameSticky:v,onColumnSortConfigChanged:x,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),i.jsx(it,{children:V})]})});ue.displayName="People list view inner element type";const Pe=p=>{const I=`${e.people[p].user?.firstName} ${e.people[p].user?.lastName}`.length,V=T===p;return I>$e?je+$[5]+(V?$[3]:$[0]):je+(V?$[3]:$[0])},Ne=p=>{const I=`${e.people[p].user?.firstName} ${e.people[p].user?.lastName}`.length,V=Ce(e.people[p].userRole.userRoles,e.uiState.mode).length,K=T===p,Z=e.uiState.mode==="zeni_only"?V>33?qo:Go:Qo;return I>$e?Z+$[5]+(K?$[3]:$[0]):Z+(K?$[3]:$[0])},De={onOkClick:()=>{const p=f;c?.trackRemoveUserAccess(p.userRole.userRoles,p.userRole.userEmail),m?.(p.userId,p.userRole.userRoleId)},onCancelClick:()=>{w(!1),O(void 0)}},me=Be(e.people.find(p=>p.userId===f?.userId)?.update),U=e.people.find(p=>p.userId===f?.userId)?.update,Le=f!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Xo(f)}"`):W.deleteOverlay.description;return u.useEffect(()=>{d.current&&d.current.resetAfterIndex(0)},[e,n]),u.useEffect(()=>{U==null&&me==="removeUsers"&&(w(!1),O(void 0))},[U,me]),i.jsxs(Yo,{"data-testid":a("people-list-view-container"),windowSize:n,mode:e.uiState.mode,children:[k===!0?i.jsx(Ee,{titleComponent:i.jsx(Ke,{children:W.deleteOverlay.title}),descriptionComponent:i.jsx(Ue,{children:Le}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:De,proceedButtonVariant:"danger",isLoading:U==="removeUsers",isDisabled:U==="removeUsers",style:{background:z.colors.overlayColor},children:f?.user!=null?i.jsxs(i.Fragment,{children:[i.jsx(st,{}),i.jsx(ot,{children:i.jsx(tt,{src:f?.user.photo?.toString()??Fe,alt:f?.user.userId,loading:"lazy"})})]}):null}):null,i.jsx(Ze,{children:({height:p,width:I})=>i.jsx(lt,{height:p,innerElementType:ue,itemCount:e.people.length,itemSize:n==="small"?Ne:Pe,width:I,ref:d,overscanCount:Jo,children:he})})]})},(e,s)=>{if(e.peopleView.people.length!=s.peopleView.people.length||e.allManagers.length!=s.allManagers.length)return!1;let l=!0;for(let c=0;c<e.peopleView.people.length;++c){const x=e.peopleView.people[c],m=s.peopleView.people[c];if(l=nt(x,m),!l)break}return l=l&&B(e.peopleView.invitePeopleState,s.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===s.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===s.peopleView.uiState.sortOrder,l});function dt({peopleInviteSectionProps:e}){const s=C();return i.jsx(ct,{isSearchOpen:e.isSearchOpen&&s==="small",windowsize:s,children:s!=="small"?i.jsxs(i.Fragment,{children:[e.hideSearchBtn?null:i.jsx(xe,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),i.jsx(Me,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...Se.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):i.jsxs(i.Fragment,{children:[e.hideInviteBtn?null:i.jsx(pt,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:i.jsx(xe,{style:{position:"absolute",left:"5px",right:s!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ct=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
+`,pt=o(He)`
+  height: 20px;
+  width: 20px;
+  color: ${e=>e.theme.colors.hero};
+`,ne=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ht=o.div`
+  min-height: ${`calc(100vh - ${t.sp9})`};
+`,ut=o.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,mt=o.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,xt=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,gt=o(Y)`
+  margin-top: ${t.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,wt=()=>i.jsx(ut,{children:i.jsx(F,{size:"ExtraLarge",start:!0})});function vt(e){const s=ke(),l=C(),{mode:c,searchText:x}=e.peopleView.uiState,{fetchState:m}=e.peopleView,{fetchState:g}=e.managersView,{fetchState:h}=e.classList,[r,n]=u.useState(!1),d={isSearchOpen:r,onSearchOpen:z=>{n(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:x,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},v=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,k=()=>{const z=c==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},w=m==="Completed"?`(${e.peopleView.people.length})`:"",f=`${c==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${w}`,O=u.useMemo(()=>m==="In-Progress"||m==="Not-Started"||g==="In-Progress"||g==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[m,g,e.shouldFetchClasses,h]);return i.jsx("div",{children:O?i.jsxs(ne,{"data-testid":a("people-page-loading"),children:[i.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:i.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:k,showZeniLogo:v,zeniLogoVisiblity:c==="zeni_only"?"visible":"hidden",isSearchOpen:r,backgroundColor:s.colors.grey4,source:"PeoplePage"}),i.jsx(wt,{})]}):m==="Error"||h==="Error"||g==="Error"?i.jsxs(ne,{"data-testid":a("people-page-error"),children:[i.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:i.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:k,showZeniLogo:v,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:s.colors.grey4,source:"PeoplePage"}),i.jsxs(mt,{children:[i.jsx(xt,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:i.jsx(Ae,{width:t.sp6,height:t.sp6})}),i.jsx(gt,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):i.jsxs(ne,{"data-testid":a("people-page-content-container"),children:[i.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:i.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:k,showZeniLogo:v,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:s.colors.grey4}),i.jsx(ht,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?i.jsx(at,{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}):x!==""?i.jsx(di,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):i.jsx(Ve,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})})}const ae=e=>i.jsx(dt,{peopleInviteSectionProps:e}),_t=de.memo(vt);export{_t as MemoPeople,vt as default};