@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/PeoplePage-DcGqWtAP-kL10xLdE.js

@@ -0,0 +1,772 @@
+import{V as t,bw as We,bM as Me,O as $,o as i,e as L,C as z,y as Re,X as k,a_ as ne,E as d,bd as Be,bN as Ee,bO as ge,j as m,bg as R,ab as J,bP as we,a as Fe,w as ze,bQ as Ue,a7 as Ze,bR as Ke,s as He,bS as Xe,bT as qe,an as Ge,S as E,bU as Qe,x as b,bV as Ye,bW as Te,bG as _,L as ee,bX as Pe,P as Je,M as et,bY as tt,bZ as ot,a1 as it,b_ as st,l as O,H as te,b$ as rt,bH as Ne,au as oe,c0 as ve,b8 as lt,c1 as nt}from"./index-BocbTmE1.js";import{a as u,b as ce}from"./sentry-DINNQYpi.js";import{n as o}from"./mui-C_CXevf3.js";import{q6 as De,bt as Q}from"./zeni-epic-state-a7Sj5mjO.js";import{d as ie}from"./ZeniAvatar-pjdoqfWE-DmYSRpHD.js";import{T as Le}from"./RoleWithToolTip-x2rnvWn9-CndfBCzZ.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./avatar-Dz7aEm3d-tC3a4UX-.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]="416490a2-49cc-4ad0-a82c-a858d0628e8c",e._sentryDebugIdIdentifier="sentry-dbid-416490a2-49cc-4ad0-a82c-a858d0628e8c")}catch{}})();const at=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${i.sp6};
+  color: ${e=>e.theme.colors.grey2};
+`,dt=o(z)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,ct=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${i.sp5};
+  color: ${e=>e.theme.colors.hero};
+  p {
+    margin: 0;
+  }
+`,pt=o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${i.sp3};
+`,ht=o.button`
+  background: none;
+  box-shadow: none;
+  border-radius: ${i.sp1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  color: ${L.info};
+  &:hover {
+    border: ${`1px solid ${L.info}`};
+  }
+`,fe=o.div``,ye=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: ${i.sp7};
+  height: ${i.sp7};
+  color: ${e=>e.theme.colors.grey2};
+`,mt=({emptySearchTextFirstLine:e,emptySearchTextSecondLine:s,filtersApplied:r=!1,onClearFilter:a})=>r?t.jsxs(ct,{children:[t.jsx(ye,{}),t.jsxs(pt,{children:[t.jsx(We,{children:e}),t.jsx(ht,{onClick:a,children:t.jsx(Me,{children:$.getLocalizedStrings().cockpit.filters.clearFilterBtnText})})]})]}):t.jsxs(at,{children:[t.jsx(ye,{}),t.jsxs(dt,{children:[t.jsx(fe,{children:e}),t.jsx(fe,{children:s})]})]}),D=$.getLocalizedStrings().peoplePage.header,j=[{key:"name",value:D.name,sortOrder:"ascending",width:new b(32,26,26,30,32)},{key:"role",value:D.role,sortOrder:"ascending",width:new b(18,17,17,21,19)},{key:"manager",value:D.manager,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"department",value:D.department,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"lastSeen",value:D.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],F=[{key:"name",value:D.name,sortOrder:"ascending",width:new b(32,26,26,32,33)},{key:"role",value:D.role,sortOrder:"ascending",width:new b(58,57,57,57,58)},{key:"lastSeen",value:D.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],ut=ce.memo(function({userNameSticky:e,sortConfig:s,onColumnSortConfigChanged:r,mode:a}){const g=k(),[x,w]=u.useState(it(a==="off"?j:F));u.useEffect(()=>{const l=[...x];for(const n of l)n.key===s.sortKey?n.sortOrder=s.sortOrder:n.sortOrder="ascending";w(l)},[s.sortKey,s.sortOrder]);const h=(l,n)=>{let c=n;s.sortKey===l&&(c=n==="ascending"?"descending":"ascending"),r?.(l,c)};return t.jsx(gt,{height:58,"data-testid":d("people-list-header-row"),children:x.map(l=>t.jsxs(wt,{userNameSticky:!!e&&l.key==="name",sortDataValue:s.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:g,children:[t.jsxs(yt,{"data-testid":d("people-list-header",l.key),onClick:()=>h(l.key,l.sortOrder),children:[t.jsx(z,{children:l.value}),t.jsx(xt,{sortDataValue:s.sortKey,headerdata:l,children:t.jsx(st,{width:12,height:12})})]}),t.jsx(ft,{isVisible:s.sortKey===l.key&&l.key!=="name",children:t.jsx(vt,{"data-testid":d("people-list-header-sort-cancel",l.key),onClick:()=>h("name","ascending")})})]},l.key))})}),xt=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"}
+`,gt=o(z)`
+  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: ${i.sp5} ${i.sp11} ${i.sp3} ${i.sp11};
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,wt=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: ${i.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: ${i.sp0}; flex: 1 1 auto`:`padding-left: ${i.sp0};`}
+`,vt=o(nt)`
+  cursor: pointer;
+  color: inherit;
+  width: 12px;
+  height: 12px;
+`,ft=o.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,yt=o(z)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,$t=ce.memo(function({sortConfig:e,onColumnSortConfigChanged:s,mode:r}){const a=$.getLocalizedStrings().peoplePage,g=Je({mode:"all"}),x=u.useMemo(()=>r==="zeni_only"?F:j,[r]),w=u.useMemo(()=>x.map(l=>({label:l.value,value:l.key})),[x]),h=x.find(l=>l.key===e.sortKey);return h!=null&&(h.sortOrder=e.sortOrder),u.useEffect(()=>{const l=g.watch((n,{name:c})=>{if(c!=null&&n!=null){const{people_sort_by:f}=n;s?.(f.selectedOption.value,"ascending")}});return()=>{l.unsubscribe()}}),t.jsxs(jt,{height:58,"data-testid":d("people-list-header-row-small"),children:[t.jsx(kt,{children:t.jsx(et,{...g,children:t.jsx("form",{children:t.jsx(tt,{defaultValue:{allOptions:w,selectedOption:w.find(l=>l.value===e.sortKey)},placeholder:`${a.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${a.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(St,{"data-testid":d("people-list-header",e.sortKey),onClick:()=>((l,n)=>{let c=n;e.sortKey===l&&(c=n==="ascending"?"descending":"ascending"),s?.(l,c)})(e.sortKey,e.sortOrder),children:[t.jsx(Ct,{children:h?.value}),t.jsx(bt,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(ot,{width:i.sp3,height:i.sp3})})]})]})}),bt=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"}
+`,jt=o(z)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${i.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};
+      ${ze.smallRegular.css};
+    }
+  }
+
+  .single-select-field__menu {
+    left: -19px;
+    top: ${i.sp4};
+    border: 1px solid ${e=>e.theme.colors.grey3};
+    padding-left: 20px;
+  }
+`,kt=o.div`
+  display: flex;
+  gap: ${i.sp1};
+`,St=o(z)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ct=o(z)`
+  color: ${e=>e.theme.colors.hero};
+`,{peoplePage:N}=$.getLocalizedStrings(),It=({peopleData:e,userNameSticky:s,allClasses:r,allManagers:a,onResendInvite:g,onDeleteUser:x,onRowClick:w})=>{const[h,l]=u.useState(!1),n=k(),c=function(v,y,A){const T=A.find(V=>v.userRole.accountingClassIDs[0]===V.classId),P=y.find(V=>V.userId===v.userRole.managerUserId);return{name:`${v.user?.firstName??""} ${v.user?.lastName??""}`,role:{selectedOptions:v.userRole.userRoles,allOptions:rt},manager:P?.user?`${P?.user?.firstName} ${P?.user?.lastName}`:void 0,department:T?T?.className:void 0,lastSeen:v?.userRole?.userLastCheckInTimeIntoTenant?_(v.userRole.userLastCheckInTimeIntoTenant):"-"}}(e,a,r),f=e.userRole.userRoles.filter(v=>!De(v)),S=()=>{w?.(e.userId)};return t.jsxs(Rt,{windowSize:n,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:S,"data-testid":d("people-list-row",e.userId),children:[t.jsx(zt,{wrapperWidth:j[0].width,windowSize:n,userNameSticky:s,children:t.jsxs(Pt,{children:[t.jsx(ie,{personBasic:e.user,styles:{height:i.sp6,width:i.sp6}}),t.jsxs(Nt,{children:[e.user?.firstName?t.jsxs(Dt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(_t,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(Lt,{wrapperWidth:j[1].width,windowSize:n,children:t.jsx(Le,{roles:f})}),t.jsxs(t.Fragment,{children:[Q(e.userRole.userRoles)?t.jsx(H,{wrapperWidth:j[2].width,windowSize:n,children:t.jsx(M,{children:N.notApplicable})}):t.jsx(t.Fragment,{children:c.manager?t.jsx($e,{wrapperWidth:j[2].width,windowSize:n,children:t.jsx(M,{children:c.manager})}):t.jsx(H,{wrapperWidth:j[2].width,windowSize:n,children:t.jsx(M,{children:N.noManager})})}),Q(e.userRole.userRoles)?t.jsx(H,{wrapperWidth:j[3].width,windowSize:n,children:t.jsx(M,{children:N.notApplicable})}):t.jsx(t.Fragment,{children:c.department?t.jsx($e,{wrapperWidth:j[3].width,windowSize:n,children:t.jsx(M,{children:c.department})}):t.jsx(H,{wrapperWidth:j[3].width,windowSize:n,children:t.jsx(M,{children:N.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ot,{"data-testid":d("last-seen-container",e.userId),wrapperWidth:j[4].width,windowSize:n,children:[e.userRole.invitationStatus==="accepted"?t.jsx(Tt,{children:c.lastSeen}):t.jsx(Vt,{children:e.update==="resendInvite"?t.jsx(ee,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Wt,{"data-testid":d("resend-invite-text",e.userId),onClick:v=>{v.stopPropagation(),g?.(e.userId)},children:N.resendInvite.label}),t.jsx(Mt,{children:t.jsx(Bt,{children:`${N.sentText} ${_(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(At,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Pe,{menuItems:t.jsxs(Et,{"data-testid":d("menu-items-container",e.userId),children:[t.jsx(be,{"data-testid":d("edit-people-list-row"),onClick:()=>{l(!1),S()},children:N.invitePage.editTitle}),t.jsx(be,{"data-testid":d("delete-people-list-row",e.userId),isDelete:!0,onClick:v=>{v.stopPropagation(),l(!1),x?.(e)},children:N.deleteOverlay.title})]}),setIsMenuOpen:l,isMenuOpen:h})})]})]})},Rt=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  display: flex;
+  padding: 9px ${i.sp4} 9px ${i.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.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=>`${i.sp0} 2px ${i.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;
+`,zt=o(Ne)`
+  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: ${i.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,$e=o(O)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,Tt=o(O)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,H=o(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%;
+`,Pt=o.div`
+  display: flex;
+  align-items: center;
+`,Nt=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${i.sp2};
+  word-break: break-word;
+`,Dt=o(oe)`
+  padding-top: ${i.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;
+`,Lt=o(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;
+`,_t=o(J)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ot=o.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,At=o.div`
+  position: absolute;
+  right: ${`-${i.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Vt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,Wt=o(oe)`
+  color: ${L.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Mt=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Bt=o(J)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Et=o.div`
+  margin: 5px ${i.sp0};
+`,be=o(z)`
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${i.sp0} ${i.sp3};
+  color: ${e=>e.isDelete===!0?L.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ft={width:new b(343,580,726)},{peoplePage:C}=$.getLocalizedStrings(),Ut=({peopleData:e,allClasses:s,allManagers:r,onRowClick:a,onResendInvite:g})=>{const x=k(),w=e.userRole.userRoles.filter(n=>!De(n)),h=ho(r,e.userRole.managerUserId),l=mo(s,e.userRole.accountingClassIDs);return t.jsxs(Zt,{windowSize:x,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":d("people-list-row-small",e.userId),onClick:()=>{a?.(e.userId)},children:[t.jsxs(Kt,{children:[t.jsx(ie,{personBasic:e.user,styles:{height:i.sp6,width:i.sp6}}),t.jsx(Xt,{children:t.jsxs(qt,{children:[t.jsxs(Gt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Qt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Yt,{className:"lastSeen",children:[t.jsx(Jt,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?_(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(eo,{children:C.header.lastSeen})]}):t.jsx(to,{"data-testid":d("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(ee,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(oo,{"data-testid":d("resend-invite-text",e.userId),onClick:n=>{n.stopPropagation(),g?.(e.userId)},children:C.resendInvite.label}),t.jsx(io,{children:t.jsx(so,{children:`${C.sentText} ${_(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ht,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[C.header.role,":"]}),t.jsx(re,{children:t.jsx(Le,{roles:w})})]}),t.jsxs(ro,{children:[t.jsxs(no,{children:[C.header.manager,":"]}),Q(e.userRole.userRoles)?t.jsx(X,{children:C.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(co,{children:h}):t.jsx(X,{children:C.noManager})})]}),t.jsxs(lo,{children:[t.jsxs(ao,{children:[C.header.department,":"]}),Q(e.userRole.userRoles)?t.jsx(X,{children:C.notApplicable}):t.jsx(t.Fragment,{children:l?t.jsx(po,{children:l}):t.jsx(X,{children:C.emptyDepartmentPlaceholderText})})]})]})})]})},Zt=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  display: flex;
+  padding: ${i.sp3};
+  width: ${e=>Ft.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.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=>`${i.sp0} 2px ${i.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: ${i.sp1};
+  flex-direction: column;
+`,Kt=o.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${i.sp2};
+`,Ht=o.div`
+  padding-left: ${i.sp7};
+`,Xt=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,qt=o.div``,Gt=o(O)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Qt=o(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,se=o(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,Yt=o(se)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Jt=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,eo=o.div``,to=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,oo=o(se)`
+  color: ${L.info};
+  cursor: pointer;
+`,io=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,so=o(se)`
+  color: ${e=>e.theme.colors.grey1};
+`,pe=o.div`
+  display: flex;
+`,ro=o(pe)``,lo=o(pe)``,he=o.div`
+  width: 30%;
+`,no=o(he)``,ao=o(he)``,re=o.div`
+  width: 70%;
+`,co=o(re)``,po=o(re)``,X=o(re)`
+  color: ${e=>e.theme.colors.grey1};
+`,ho=(e,s)=>{const r=e.find(a=>a.userId===s);return r?.user?`${r?.user?.firstName} ${r?.user?.lastName}`:void 0},mo=(e,s)=>{const r=e.find(a=>s[0]===a.classId);return r?r.className:void 0},uo=e=>k()==="small"?t.jsx(Ut,{...e}):t.jsx(It,{...e}),q=$.getLocalizedStrings().peoplePage,xo=({peopleData:e,userNameSticky:s,onResendInvite:r,onDeleteUser:a,onRowClick:g})=>{const[x,w]=u.useState(!1),h=k(),l=function(c){return{name:`${c.user?.firstName??""} ${c.user?.lastName??""}`,role:{selectedOptions:c.userRole.userRoles,allOptions:ve.roles},lastSeen:c?.userRole?.userLastCheckInTimeIntoTenant?_(c.userRole.userLastCheckInTimeIntoTenant):"-"}}(e),n=()=>{g?.(e.userId)};return t.jsxs(go,{"data-testid":d("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:n,children:[t.jsx(wo,{wrapperWidth:F[0].width,windowSize:h,userNameSticky:s,children:t.jsxs(fo,{children:[t.jsx(ie,{personBasic:e.user,styles:{height:i.sp6,width:i.sp6}}),t.jsxs(yo,{children:[e.user?.firstName?t.jsxs($o,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(jo,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(bo,{widthNumber:F[1].width,windowSize:h,children:t.jsx(vo,{wrapperWidth:new b(100,100),windowSize:h,children:(c=>{const f=[];return c.map(S=>{const v=ve.roles.find(y=>y.value===S);return v!=null&&f.push(v?.label??""),f}),f.length>0?f.join(", "):"-"})(e.userRole.userRoles)})}),t.jsxs(Ro,{"data-testid":d("people-list-row-medium-last-seen",e.userId),wrapperWidth:F[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(zo,{children:l.lastSeen}):t.jsx(ko,{"data-testid":d("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(ee,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(So,{"data-testid":d("people-list-row-medium-resend-invite-text",e.userId),onClick:c=>{c.stopPropagation(),r?.(e.userId)},children:q.resendInvite.label}),t.jsx(Co,{children:t.jsx(Io,{children:`${q.sentText} ${_(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(To,{"data-testid":d("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Pe,{menuItems:t.jsxs(Po,{children:[t.jsx(je,{"data-testid":d("people-list-row-medium-menu-edit",e.userId),onClick:()=>{w(!1),n()},children:q.invitePage.editTitle}),t.jsx(je,{"data-testid":d("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:c=>{c.stopPropagation(),w(!1),a?.(e)},children:q.deleteOverlay.title})]}),setIsMenuOpen:w,isMenuOpen:x})})]})]})},go=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  display: flex;
+  padding: 9px ${i.sp4} 9px ${i.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.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=>`${i.sp0} 2px ${i.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;
+`,wo=o(Ne)`
+  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: ${i.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,vo=o(O)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,fo=o.div`
+  display: flex;
+  align-items: center;
+`,yo=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${i.sp2};
+  word-break: break-word;
+`,$o=o(oe)`
+  padding-top: ${i.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;
+`,bo=o.div`
+  width: ${e=>e.widthNumber.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+`,jo=o(J)`
+  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`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,So=o(oe)`
+  color: ${L.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Co=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Io=o(lt)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ro=o.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,zo=o(O)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,To=o.div`
+  position: absolute;
+  right: ${`-${i.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,Po=o.div`
+  margin: 5px ${i.sp0};
+`,je=o(z)`
+  height: ${i.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${i.sp0} ${i.sp3};
+  color: ${e=>e.isDelete===!0?L.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,No={width:new b(343,580,726)},G=$.getLocalizedStrings().peoplePage,Do=({peopleData:e,onRowClick:s,onResendInvite:r})=>{const a=k();return t.jsxs(Lo,{windowSize:a,"data-testid":d("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{s?.(e.userId)},children:[t.jsxs(_o,{children:[t.jsx(ie,{personBasic:e.user,styles:{height:i.sp6,width:i.sp6}}),t.jsx(Ao,{children:t.jsxs(Vo,{children:[t.jsxs(Wo,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Mo,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Uo,{className:"lastSeen","data-testid":d("people-list-row-small-last-seen",e.userId),children:[t.jsx(Zo,{className:"lastSeenDateTxt","data-testid":d("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?_(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ko,{children:G.header.lastSeen})]}):t.jsx(Ho,{"data-testid":d("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(ee,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Xo,{"data-testid":d("people-list-row-small-resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),r?.(e.userId)},children:G.resendInvite.label}),t.jsx(qo,{children:t.jsx(Go,{children:`${G.sentText} ${_(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Oo,{children:t.jsx(le,{className:"personDetails",children:t.jsxs(Bo,{style:{display:"flex"},children:[t.jsxs(Eo,{style:{},children:[G.header.role,":"]}),t.jsx(Fo,{children:Te(e.userRole.userRoles,"zeni_only")})]})})})]})},Lo=o.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  display: flex;
+  padding: ${i.sp3};
+  width: ${e=>No.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.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=>`${i.sp0} 2px ${i.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: ${i.sp2};
+  flex-direction: column;
+`,_o=o.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${i.sp2};
+`,Oo=o.div`
+  padding-left: ${i.sp7};
+`,Ao=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Vo=o.div``,Wo=o(O)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Mo=o(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,le=o(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,Bo=o.div`
+  display: flex;
+  gap: 6px;
+`,Eo=o.div``,Fo=o.div``,Uo=o(le)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Zo=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,Ko=o.div``,Ho=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Xo=o(le)`
+  color: ${L.info};
+  cursor: pointer;
+`,qo=o.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Go=o(le)`
+  color: ${e=>e.theme.colors.grey1};
+`,Qo=e=>k()==="small"?t.jsx(Do,{...e}):t.jsx(xo,{...e}),Yo=1,ke=55,Se=88,Jo=138,ei=106,ti=130,Y={listItemPaddingRight:new b(m[3],m[8]),listItemPaddingLeft:new b(m[3],m[8]),zeniLastRowHeight:new b(154,136),nonZeniLastRowHeight:new b(200,136)},B=$.getLocalizedStrings().peoplePage,oi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",ii=o.div`
+  /** Subtract top so list can occupy remaining available height */
+  min-height: ${`calc(100vh - ${i.sp9})`};
+  max-width: 99.9%;
+  .people-list-item:last-of-type {
+    height: ${e=>e.mode==="zeni_only"?Y.zeniLastRowHeight.valuePx(e.windowSize):Y.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${i.sp9};
+  }
+`,si=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding: ${e=>`${i.sp0} ${Y.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?i.sp5:i.sp3} ${Y.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  box-sizing: border-box;
+`,ri=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,li=o.div`
+  position: absolute;
+  top: -26px;
+`,ni=o.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,ai=o.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${i.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,di=o.div`
+  padding-top: ${i.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,ci=o(Ye)``,pi=(e,s)=>{const{user:r,userId:a,userRole:g,update:x}=e,{user:w,userId:h,userRole:l,update:n}=s;return E(r,w)&&E(a,h)&&E(g,l)&&E(x,n)},hi=u.memo(({peopleView:e,allManagers:s,allClasses:r,analytics:a,onColumnSortConfigChanged:g,onDeleteClick:x,onResendInvite:w,onRowClick:h,isZeniTenant:l})=>{const n=k(),c=u.useRef(null),f=!(n==="small"||n==="medium-compact"),[S,v]=u.useState(!1),[y,A]=u.useState(),T=Re(),P=e.people.findIndex(p=>p.userRole.invitationStatus==="invited"),V=p=>{v(!0),A(p)},me=u.memo(({index:p,style:I})=>t.jsx(t.Fragment,{children:t.jsxs(si,{"data-testid":d("people-list-item",e.people[p].user?.userId),style:{...I,width:"fit-content",minWidth:"100%"},windowSize:n,isFirstResendInviteUser:P===p,className:"people-list-item",children:[P===p?t.jsx(di,{}):null,e.uiState.mode==="off"?t.jsx(uo,{allManagers:s,allClasses:r,userNameSticky:f,peopleData:e.people[p],onDeleteUser:V,onResendInvite:w,onRowClick:h,isZeniTenant:l}):t.jsx(Qo,{userNameSticky:f,peopleData:e.people[p],onDeleteUser:V,onResendInvite:w,onRowClick:h,isZeniTenant:l})]})}),Ue);me.displayName="ListItem";const ue=u.forwardRef((p,I)=>{const{children:W,style:Z,...K}=p;return t.jsxs("div",{ref:I,style:{...Z,width:"auto"},...K,children:[n==="small"?t.jsx($t,{userNameSticky:f,onColumnSortConfigChanged:g,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(ut,{userNameSticky:f,onColumnSortConfigChanged:g,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(ri,{children:W})]})});ue.displayName="People list view inner element type";const _e=p=>{const I=`${e.people[p].user?.firstName} ${e.people[p].user?.lastName}`.length,W=P===p;return I>ke?Se+m[5]+(W?m[3]:m[0]):Se+(W?m[3]:m[0])},Oe=p=>{const I=`${e.people[p].user?.firstName} ${e.people[p].user?.lastName}`.length,W=Te(e.people[p].userRole.userRoles,e.uiState.mode).length,Z=P===p,K=e.uiState.mode==="zeni_only"?W>33?ti:ei:Jo;return I>ke?K+m[5]+(Z?m[3]:m[0]):K+(Z?m[3]:m[0])},Ae={onOkClick:()=>{const p=y;a?.trackRemoveUserAccess(p.userRole.userRoles,p.userRole.userEmail),x?.(p.userId,p.userRole.userRoleId)},onCancelClick:()=>{v(!1),A(void 0)}},xe=Ze(e.people.find(p=>p.userId===y?.userId)?.update),U=e.people.find(p=>p.userId===y?.userId)?.update,Ve=y!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${oi(y)}"`):B.deleteOverlay.description;return u.useEffect(()=>{c.current&&c.current.resetAfterIndex(0)},[e,n]),u.useEffect(()=>{U==null&&xe==="removeUsers"&&(v(!1),A(void 0))},[U,xe]),t.jsxs(ii,{"data-testid":d("people-list-view-container"),windowSize:n,mode:e.uiState.mode,children:[S===!0?t.jsx(Ke,{titleComponent:t.jsx(qe,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(Xe,{children:Ve}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Ae,proceedButtonVariant:"danger",isLoading:U==="removeUsers",isDisabled:U==="removeUsers",style:{background:T.colors.overlayColor},children:y?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(ai,{}),t.jsx(li,{children:t.jsx(ni,{src:y?.user.photo?.toString()??He,alt:y?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ge,{children:({height:p,width:I})=>t.jsx(ci,{height:p,innerElementType:ue,itemCount:e.people.length,itemSize:n==="small"?Oe:_e,width:I,ref:c,overscanCount:Yo,children:me})})]})},(e,s)=>{if(e.peopleView.people.length!=s.peopleView.people.length||e.allManagers.length!=s.allManagers.length)return!1;let r=!0;for(let a=0;a<e.peopleView.people.length;++a){const g=e.peopleView.people[a],x=s.peopleView.people[a];if(r=pi(g,x),!r)break}return r=r&&E(e.peopleView.invitePeopleState,s.peopleView.invitePeopleState),r=r&&e.peopleView.uiState.sortKey===s.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===s.peopleView.uiState.sortOrder,r});function mi({peopleInviteSectionProps:e}){const s=k();return t.jsx(ui,{isSearchOpen:e.isSearchOpen&&s==="small",windowsize:s,children:s!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:r=>{e.onSearchTextChanged?.(r)},onSearchOpen:e.onSearchOpen}),t.jsx(Fe,{variant:"primary",size:"small","data-testid":d("invite-people-button"),style:{height:"29px",...ze.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(xi,{"data-testid":d("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:s!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":d("people-invite-search"),onSearchTextChanged:r=>{e.onSearchTextChanged?.(r)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ui=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
+`,xi=o(Qe)`
+  height: 20px;
+  width: 20px;
+  color: ${e=>e.theme.colors.hero};
+`,Ce=[{width:"30%",loaderWidth:50},{width:"18%",loaderWidth:30},{width:"20%",loaderWidth:60},{width:"20%",loaderWidth:70},{width:"12%",loaderWidth:55}],gi=[80,100,100,60],wi=[[40,80],[55,90],[70,100]],vi=()=>k()==="small"?t.jsx(Ie,{children:Array.from({length:8}).map((e,s)=>t.jsxs(Si,{children:[t.jsxs(Ci,{children:[t.jsx(ge,{width:m[6],height:m[6]}),t.jsxs(Ii,{children:[t.jsx(R,{width:120,height:m[3]}),t.jsx(R,{width:160,height:m[2]})]}),t.jsx(R,{width:50,height:m[2]})]}),t.jsx(Ri,{children:wi.map((r,a)=>t.jsxs(zi,{children:[t.jsx(R,{width:r[0],height:m[2]}),t.jsx(R,{width:r[1],height:m[2]})]},`sm-detail-row-${a}`))})]},`sm-row-${s}`))}):t.jsxs(Ie,{children:[t.jsx(fi,{children:Ce.map((e,s)=>t.jsx(yi,{style:{width:e.width},children:t.jsx(R,{width:e.loaderWidth,height:m[2]})},`hdr-${s}`))}),Array.from({length:8}).map((e,s)=>t.jsxs($i,{children:[t.jsxs(bi,{children:[t.jsx(ge,{width:m[6],height:m[6]}),t.jsxs(ji,{children:[t.jsx(R,{width:120,height:m[3]}),t.jsx(R,{width:160,height:m[2]})]})]}),Ce.slice(1).map((r,a)=>t.jsx(ki,{style:{width:r.width},children:t.jsx(R,{width:gi[a],height:m[3]})},`col-${a}`))]},`row-${s}`))]}),Ie=o.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp0} ${i.sp11};
+  gap: ${i.sp2};
+`,fi=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${i.sp5} ${i.sp0} ${i.sp3};
+`,yi=o.div`
+  display: flex;
+  align-items: center;
+`,$i=o.div`
+  display: flex;
+  align-items: center;
+  padding: 9px ${i.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,bi=o.div`
+  width: 30%;
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+  flex: 1 1 auto;
+`,ji=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+`,ki=o.div`
+  display: flex;
+  align-items: center;
+`,Si=o.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${i.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  gap: ${i.sp2};
+`,Ci=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+`,Ii=o.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+`,Ri=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+  padding-left: ${i.sp7};
+`,zi=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp3};
+`,ae=o.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ti=o.div`
+  min-height: ${`calc(100vh - ${i.sp9})`};
+`,Pi=o.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Ni=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${i.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Di=o(J)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;function Li(e){const s=Re(),r=k(),{mode:a,searchText:g}=e.peopleView.uiState,{fetchState:x}=e.peopleView,{fetchState:w}=e.managersView,{fetchState:h}=e.classList,[l,n]=u.useState(!1),c={isSearchOpen:l,onSearchOpen:T=>{n(T)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:$.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:g,invitePeopleLabel:$.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},f=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,S=()=>{const T=a==="off"?"zeni_only":"off";e.personAction.onModeChange?.(T)},v=x==="Completed"?`(${e.peopleView.people.length})`:"",y=`${a==="off"?$.getLocalizedStrings().peoplePage.peopleTitle:$.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${v}`,A=u.useMemo(()=>x==="In-Progress"||x==="Not-Started"||w==="In-Progress"||w==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[x,w,e.shouldFetchClasses,h]);return t.jsx("div",{children:A?t.jsxs(ae,{"data-testid":d("people-page-loading"),children:[t.jsx(ne,{title:y,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...c}),showMenuIcon:r==="medium-compact"||r==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:S,showZeniLogo:f,zeniLogoVisiblity:a==="zeni_only"?"visible":"hidden",isSearchOpen:l,backgroundColor:s.colors.grey4,source:"PeoplePage"}),t.jsx(vi,{})]}):x==="Error"||h==="Error"||w==="Error"?t.jsxs(ae,{"data-testid":d("people-page-error"),children:[t.jsx(ne,{title:y,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...c}),showMenuIcon:r==="medium-compact"||r==="small",onZeniLogoClick:S,showZeniLogo:f,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:s.colors.grey4,source:"PeoplePage"}),t.jsxs(Pi,{children:[t.jsx(Ni,{"data-testid":d("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Be,{width:i.sp6,height:i.sp6})}),t.jsx(Di,{children:$.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":d("people-page-content-container"),children:[t.jsx(ne,{title:y,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...c}),showMenuIcon:r==="medium-compact"||r==="small",onZeniLogoClick:S,showZeniLogo:f,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:s.colors.grey4}),t.jsx(Ti,{"data-testid":d("people-page-content"),windowSize:r,children:e.peopleView.people.length>0?t.jsx(hi,{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}):g!==""?t.jsx(mt,{emptySearchTextFirstLine:$.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:$.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Ee,{message:$.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})})}const de=e=>t.jsx(mi,{peopleInviteSectionProps:e}),Qi=ce.memo(Li);export{Qi as MemoPeople,Li as default};