@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/PeoplePage-Dzl5Uh33-C_9NQRDZ.js

@@ -0,0 +1,675 @@
+import{i as be,u as I,a as y,j as t,bm as a,cf as le,cz as De,b as o,d9 as Oe,da as _e,A as F,bq as Y,db as Le,bB as Be,dc as Ae,al as Ve,dd as Me,de as We,bG as Ue,b3 as W,df as xe,B as Fe,t as Se,R as $,a8 as Ee,aa as Ze,dg as Ke,dh as He,bj as qe,af as D,di as Ge,dj as Je,dk as je,s as b,dl as Qe,dm as ee,d5 as N,dn as Xe,dp as ge,dq as Ye,ah as O,ai as te,C as V,d6 as ke,bM as ie,cx as et}from"./index-2CdI-B2B.js";import{o as de,a as v}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";import{fd as Ie,bh as Q}from"./zeni-epic-state-Bo1aGezX.js";import{h as Re}from"./Menu-pyYbFxsT-C1MdlXRT.js";import{y as Ce}from"./RoleWithToolTip-CWH-iJqI-DmzPBpda.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],U=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],tt=de.memo(function({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:p}){const m=I(),[u,x]=v.useState(qe(p==="off"?S:U));v.useEffect(()=>{const s=[...u];for(const n of s)n.key===r.sortKey?n.sortOrder=r.sortOrder:n.sortOrder="ascending";x(s)},[r.sortKey,r.sortOrder]);const h=(s,n)=>{let d=n;r.sortKey===s&&(d=n==="ascending"?"descending":"ascending"),l?.(s,d)};return t.jsx(ot,{height:58,"data-testid":a("people-list-header-row"),children:u.map(s=>t.jsxs(st,{userNameSticky:!!e&&s.key==="name",sortDataValue:r.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:m,children:[t.jsxs(nt,{"data-testid":a("people-list-header",s.key),onClick:()=>h(s.key,s.sortOrder),children:[t.jsx(D,{children:s.value}),t.jsx(it,{sortDataValue:r.sortKey,headerdata:s,children:t.jsx(Ge,{width:12,height:12})})]}),t.jsx(lt,{isVisible:r.sortKey===s.key&&s.key!=="name",children:t.jsx(rt,{"data-testid":a("people-list-header-sort-cancel",s.key),onClick:()=>h("name","ascending")})})]},s.key))})}),it=i.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,ot=i(D)`
+  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: ${o.sp5} ${o.sp11} ${o.sp3} ${o.sp11};
+  color: ${e=>e.theme.colors.grey1};
+  background-color: ${e=>e.theme.colors.grey4};
+`,st=i.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+  left: ${o.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: ${o.sp0}; flex: 1 1 auto`:`padding-left: ${o.sp0};`}
+`,rt=i(Ye)`
+  cursor: pointer;
+  color: inherit;
+  width: 12px;
+  height: 12px;
+`,lt=i.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,nt=i(D)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,at=de.memo(function({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const p=y.getLocalizedStrings().peoplePage,m=Ee({mode:"all"}),u=v.useMemo(()=>l==="zeni_only"?U:S,[l]),x=v.useMemo(()=>u.map(s=>({label:s.value,value:s.key})),[u]),h=u.find(s=>s.key===e.sortKey);return h!=null&&(h.sortOrder=e.sortOrder),v.useEffect(()=>{const s=m.watch((n,{name:d})=>{if(d!=null&&n!=null){const{people_sort_by:w}=n;r?.(w.selectedOption.value,"ascending")}});return()=>{s.unsubscribe()}}),t.jsxs(ct,{height:58,"data-testid":a("people-list-header-row-small"),children:[t.jsx(pt,{children:t.jsx(Ze,{...m,children:t.jsx("form",{children:t.jsx(Ke,{defaultValue:{allOptions:x,selectedOption:x.find(s=>s.value===e.sortKey)},placeholder:`${p.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${p.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(ht,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>((s,n)=>{let d=n;e.sortKey===s&&(d=n==="ascending"?"descending":"ascending"),r?.(s,d)})(e.sortKey,e.sortOrder),children:[t.jsx(ut,{children:h?.value}),t.jsx(dt,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(He,{width:o.sp3,height:o.sp3})})]})]})}),dt=i.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  color: ${e=>e.theme.colors.primary};
+
+  ${e=>e.headerdata.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"}
+`,ct=i(D)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${o.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: ${o.sp4};
+    border: 1px solid ${e=>e.theme.colors.grey3};
+    padding-left: 20px;
+  }
+`,pt=i.div`
+  display: flex;
+  gap: ${o.sp1};
+`,ht=i(D)`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ut=i(D)`
+  color: ${e=>e.theme.colors.hero};
+`,{peoplePage:T}=y.getLocalizedStrings(),mt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:p,onResendInvite:m,onDeleteUser:u,onRowClick:x})=>{const[h,s]=v.useState(!1),n=I(),d=function(g,f,_){const C=_.find(L=>g.userRole.accountingClassIDs[0]===L.classId),z=f.find(L=>L.userId===g.userRole.managerUserId);return{name:`${g.user?.firstName??""} ${g.user?.lastName??""}`,role:{selectedOptions:g.userRole.userRoles,allOptions:Xe},manager:z?.user?`${z?.user?.firstName} ${z?.user?.lastName}`:void 0,department:C?C?.className:void 0,lastSeen:g?.userRole?.userLastCheckInTimeIntoTenant?N(g.userRole.userLastCheckInTimeIntoTenant):"-"}}(e,p,l),w=e.userRole.userRoles.filter(g=>!Ie(g)),j=()=>{x?.(e.userId)};return t.jsxs(xt,{windowSize:n,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(gt,{wrapperWidth:S[0].width,windowSize:n,userNameSticky:r,children:t.jsxs(vt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:o.sp6,width:o.sp6}}),t.jsxs(ft,{children:[e.user?.firstName?t.jsxs(yt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(bt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx($t,{wrapperWidth:S[1].width,windowSize:n,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[Q(e.userRole.userRoles)?t.jsx(H,{wrapperWidth:S[2].width,windowSize:n,children:t.jsx(A,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:d.manager?t.jsx(we,{wrapperWidth:S[2].width,windowSize:n,children:t.jsx(A,{children:d.manager})}):t.jsx(H,{wrapperWidth:S[2].width,windowSize:n,children:t.jsx(A,{children:T.noManager})})}),Q(e.userRole.userRoles)?t.jsx(H,{wrapperWidth:S[3].width,windowSize:n,children:t.jsx(A,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:d.department?t.jsx(we,{wrapperWidth:S[3].width,windowSize:n,children:t.jsx(A,{children:d.department})}):t.jsx(H,{wrapperWidth:S[3].width,windowSize:n,children:t.jsx(A,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(St,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:n,children:[e.userRole.invitationStatus==="accepted"?t.jsx(wt,{children:d.lastSeen}):t.jsx(kt,{children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(It,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Rt,{children:t.jsx(Ct,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(jt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Re,{menuItems:t.jsxs(zt,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(ve,{"data-testid":a("edit-people-list-row"),onClick:()=>{s(!1),j()},children:T.invitePage.editTitle}),t.jsx(ve,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),s(!1),u?.(e)},children:T.deleteOverlay.title})]}),setIsMenuOpen:s,isMenuOpen:h})})]})]})},xt=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  display: flex;
+  padding: 9px ${o.sp4} 9px ${o.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.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=>`${o.sp0} 2px ${o.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;
+`,gt=i(ke)`
+  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: ${o.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,we=i(O)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`,wt=i(O)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,H=i(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;
+`,A=i.div`
+  width: 96%;
+`,vt=i.div`
+  display: flex;
+  align-items: center;
+`,ft=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${o.sp2};
+  word-break: break-word;
+`,yt=i(ie)`
+  padding-top: ${o.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;
+`,$t=i(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;
+`,bt=i(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,St=i.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,jt=i.div`
+  position: absolute;
+  right: ${`-${o.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,kt=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,It=i(ie)`
+  color: ${V.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Rt=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Ct=i(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,zt=i.div`
+  margin: 5px ${o.sp0};
+`,ve=i(D)`
+  height: ${o.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${o.sp0} ${o.sp3};
+  color: ${e=>e.isDelete===!0?V.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Tt={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Pt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:p,onResendInvite:m})=>{const u=I(),x=e.userRole.userRoles.filter(n=>!Ie(n)),h=Xt(l,e.userRole.managerUserId),s=Yt(r,e.userRole.accountingClassIDs);return t.jsxs(Nt,{windowSize:u,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{p?.(e.userId)},children:[t.jsxs(Dt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:o.sp6,width:o.sp6}}),t.jsx(_t,{children:t.jsxs(Lt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(At,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Vt,{className:"lastSeen",children:[t.jsx(Mt,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Wt,{children:k.header.lastSeen})]}):t.jsx(Ut,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Ft,{"data-testid":a("resend-invite-text",e.userId),onClick:n=>{n.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(Et,{children:t.jsx(Zt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ot,{children:t.jsxs(oe,{className:"personDetails",children:[t.jsxs(ce,{children:[t.jsxs(pe,{children:[k.header.role,":"]}),t.jsx(se,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Kt,{children:[t.jsxs(qt,{children:[k.header.manager,":"]}),Q(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(Jt,{children:h}):t.jsx(q,{children:k.noManager})})]}),t.jsxs(Ht,{children:[t.jsxs(Gt,{children:[k.header.department,":"]}),Q(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:s?t.jsx(Qt,{children:s}):t.jsx(q,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},Nt=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  display: flex;
+  padding: ${o.sp3};
+  width: ${e=>Tt.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.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=>`${o.sp0} 2px ${o.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: ${o.sp1};
+  flex-direction: column;
+`,Dt=i.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${o.sp2};
+`,Ot=i.div`
+  padding-left: ${o.sp7};
+`,_t=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,Lt=i.div``,Bt=i(O)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,At=i(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,oe=i(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,Vt=i(oe)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Mt=i.div`
+  color: ${e=>e.theme.colors.hero};
+`,Wt=i.div``,Ut=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Ft=i(oe)`
+  color: ${V.info};
+  cursor: pointer;
+`,Et=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Zt=i(oe)`
+  color: ${e=>e.theme.colors.grey1};
+`,ce=i.div`
+  display: flex;
+`,Kt=i(ce)``,Ht=i(ce)``,pe=i.div`
+  width: 30%;
+`,qt=i(pe)``,Gt=i(pe)``,se=i.div`
+  width: 70%;
+`,Jt=i(se)``,Qt=i(se)``,q=i(se)`
+  color: ${e=>e.theme.colors.grey1};
+`,Xt=(e,r)=>{const l=e.find(p=>p.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},Yt=(e,r)=>{const l=e.find(p=>r[0]===p.classId);return l?l.className:void 0},ei=e=>I()==="small"?t.jsx(Pt,{...e}):t.jsx(mt,{...e}),G=y.getLocalizedStrings().peoplePage,ti=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:p,onRowClick:m})=>{const[u,x]=v.useState(!1),h=I(),s=function(d){return{name:`${d.user?.firstName??""} ${d.user?.lastName??""}`,role:{selectedOptions:d.userRole.userRoles,allOptions:ge.roles},lastSeen:d?.userRole?.userLastCheckInTimeIntoTenant?N(d.userRole.userLastCheckInTimeIntoTenant):"-"}}(e),n=()=>{m?.(e.userId)};return t.jsxs(ii,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:n,children:[t.jsx(oi,{wrapperWidth:U[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ri,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:o.sp6,width:o.sp6}}),t.jsxs(li,{children:[e.user?.firstName?t.jsxs(ni,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(di,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(ai,{widthNumber:U[1].width,windowSize:h,children:t.jsx(si,{wrapperWidth:new $(100,100),windowSize:h,children:(d=>{const w=[];return d.map(j=>{const g=ge.roles.find(f=>f.value===j);return g!=null&&w.push(g?.label??""),w}),w.length>0?w.join(", "):"-"})(e.userRole.userRoles)})}),t.jsxs(mi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:U[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(xi,{children:s.lastSeen}):t.jsx(ci,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(pi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:d=>{d.stopPropagation(),l?.(e.userId)},children:G.resendInvite.label}),t.jsx(hi,{children:t.jsx(ui,{children:`${G.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(gi,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Re,{menuItems:t.jsxs(wi,{children:[t.jsx(fe,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),n()},children:G.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:d=>{d.stopPropagation(),x(!1),p?.(e)},children:G.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:u})})]})]})},ii=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  display: flex;
+  padding: 9px ${o.sp4} 9px ${o.sp4};
+  align-items: center;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.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=>`${o.sp0} 2px ${o.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;
+`,oi=i(ke)`
+  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: ${o.sp3};
+  box-sizing: border-box;
+  z-index: 2;
+`,si=i(O)`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ri=i.div`
+  display: flex;
+  align-items: center;
+`,li=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: left;
+  align-items: flex-start;
+  margin-left: ${o.sp2};
+  word-break: break-word;
+`,ni=i(ie)`
+  padding-top: ${o.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;
+`,ai=i.div`
+  width: ${e=>e.widthNumber.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+`,di=i(Y)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,ci=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,pi=i(ie)`
+  color: ${V.info};
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,hi=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,ui=i(et)`
+  color: ${e=>e.theme.colors.grey1};
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,mi=i.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  position: relative;
+`,xi=i(O)`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+`,gi=i.div`
+  position: absolute;
+  right: ${`-${o.sp2}`};
+  top: ${e=>e.isInviteAccepted?"6%":"30%"};
+`,wi=i.div`
+  margin: 5px ${o.sp0};
+`,fe=i(D)`
+  height: ${o.sp6};
+  display: flex;
+  align-items: center;
+  padding: ${o.sp0} ${o.sp3};
+  color: ${e=>e.isDelete===!0?V.important:e.theme.colors.hero};
+  cursor: pointer;
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,vi={width:new $(343,580,726)},J=y.getLocalizedStrings().peoplePage,fi=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const p=I();return t.jsxs(yi,{windowSize:p,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs($i,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:o.sp6,width:o.sp6}}),t.jsx(Si,{children:t.jsxs(ji,{children:[t.jsxs(ki,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ii,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Ti,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(Pi,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ni,{children:J.header.lastSeen})]}):t.jsx(Di,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Oi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:J.resendInvite.label}),t.jsx(_i,{children:t.jsx(Li,{children:`${J.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(bi,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ri,{style:{display:"flex"},children:[t.jsxs(Ci,{style:{},children:[J.header.role,":"]}),t.jsx(zi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},yi=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  display: flex;
+  padding: ${o.sp3};
+  width: ${e=>vi.width.valuePx(e.windowSize)};
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.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=>`${o.sp0} 2px ${o.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: ${o.sp2};
+  flex-direction: column;
+`,$i=i.div`
+  display: flex;
+  min-width: 100%;
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  gap: ${o.sp2};
+`,bi=i.div`
+  padding-left: ${o.sp7};
+`,Si=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+`,ji=i.div``,ki=i(O)`
+  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
+`,Ii=i(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,re=i(te)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ri=i.div`
+  display: flex;
+  gap: 6px;
+`,Ci=i.div``,zi=i.div``,Ti=i(re)`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Pi=i.div`
+  color: ${e=>e.theme.colors.hero};
+`,Ni=i.div``,Di=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`,Oi=i(re)`
+  color: ${V.info};
+  cursor: pointer;
+`,_i=i.div`
+  display: flex;
+  flex-direction: row;
+  -webkit-box-pack: end;
+  justify-content: flex-end;
+`,Li=i(re)`
+  color: ${e=>e.theme.colors.grey1};
+`,Bi=e=>I()==="small"?t.jsx(fi,{...e}):t.jsx(ti,{...e}),Ai=1,ye=55,$e=88,Vi=138,Mi=106,Wi=130,X={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},M=y.getLocalizedStrings().peoplePage,Ui=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Fi=i.div`
+  /** Subtract top so list can occupy remaining available height */
+  min-height: ${`calc(100vh - ${o.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: ${o.sp9};
+  }
+`,Ei=i.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  padding: ${e=>`${o.sp0} ${X.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?o.sp5:o.sp3} ${X.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  box-sizing: border-box;
+`,Zi=i.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Ki=i.div`
+  position: absolute;
+  top: -26px;
+`,Hi=i.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,qi=i.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${o.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,Gi=i.div`
+  padding-top: ${o.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Ji=i(Je)``,Qi=(e,r)=>{const{user:l,userId:p,userRole:m,update:u}=e,{user:x,userId:h,userRole:s,update:n}=r;return W(l,x)&&W(p,h)&&W(m,s)&&W(u,n)},Xi=v.memo(({peopleView:e,allManagers:r,allClasses:l,analytics:p,onColumnSortConfigChanged:m,onDeleteClick:u,onResendInvite:x,onRowClick:h,isZeniTenant:s})=>{const n=I(),d=v.useRef(null),w=n!=="small"&&n!=="medium-compact",[j,g]=v.useState(!1),[f,_]=v.useState(),C=be(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),L=c=>{g(!0),_(c)},he=v.memo(({index:c,style:R})=>t.jsx(t.Fragment,{children:t.jsxs(Ei,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...R,width:"fit-content",minWidth:"100%"},windowSize:n,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Gi,{}):null,e.uiState.mode==="off"?t.jsx(ei,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:L,onResendInvite:x,onRowClick:h,isZeniTenant:s}):t.jsx(Bi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:L,onResendInvite:x,onRowClick:h,isZeniTenant:s})]})}),Le);he.displayName="ListItem";const ue=v.forwardRef((c,R)=>{const{children:B,style:Z,...K}=c;return t.jsxs("div",{ref:R,style:{...Z,width:"auto"},...K,children:[n==="small"?t.jsx(at,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(tt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:B})]})});ue.displayName="People list view inner element type";const ze=c=>{const R=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,B=z===c;return R>ye?$e+b[5]+(B?b[3]:b[0]):$e+(B?b[3]:b[0])},Te=c=>{const R=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,B=je(e.people[c].userRole.userRoles,e.uiState.mode).length,Z=z===c,K=e.uiState.mode==="zeni_only"?B>33?Wi:Mi:Vi;return R>ye?K+b[5]+(Z?b[3]:b[0]):K+(Z?b[3]:b[0])},Pe={onOkClick:()=>{const c=f;p?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),u?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{g(!1),_(void 0)}},me=Be(e.people.find(c=>c.userId===f?.userId)?.update),E=e.people.find(c=>c.userId===f?.userId)?.update,Ne=f!=null?M.deleteOverlay.description.replace("‘_user-name_’",`"${Ui(f)}"`):M.deleteOverlay.description;return v.useEffect(()=>{d.current&&d.current.resetAfterIndex(0)},[e,n]),v.useEffect(()=>{E==null&&me==="removeUsers"&&(g(!1),_(void 0))},[E,me]),t.jsxs(Fi,{"data-testid":a("people-list-view-container"),windowSize:n,mode:e.uiState.mode,children:[j===!0?t.jsx(Ae,{titleComponent:t.jsx(We,{children:M.deleteOverlay.title}),descriptionComponent:t.jsx(Me,{children:Ne}),primaryButtonText:M.deleteOverlay.remove,secondaryButtonText:M.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:C.colors.overlayColor},children:f?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(qi,{}),t.jsx(Ki,{children:t.jsx(Hi,{src:f?.user.photo?.toString()??Ve,alt:f?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ue,{children:({height:c,width:R})=>t.jsx(Ji,{height:c,innerElementType:ue,itemCount:e.people.length,itemSize:n==="small"?Te:ze,width:R,ref:d,overscanCount:Ai,children:he})})]})},(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let p=0;p<e.peopleView.people.length;++p){const m=e.peopleView.people[p],u=r.peopleView.people[p];if(l=Qi(m,u),!l)break}return l=l&&W(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l});function Yi({peopleInviteSectionProps:e}){const r=I();return t.jsx(eo,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(xe,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Fe,{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})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(to,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(xe,{style:{position:"absolute",left:"5px",right:r!=="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 eo=i.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
+`,to=i(Qe)`
+  height: 20px;
+  width: 20px;
+  color: ${e=>e.theme.colors.hero};
+`,ne=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,io=i.div`
+  min-height: ${`calc(100vh - ${o.sp9})`};
+`,oo=i.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,so=i.div`
+  display: flex;
+  width: 100%;
+  min-height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,ro=i.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,lo=i(Y)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,no=()=>t.jsx(oo,{children:t.jsx(F,{size:"ExtraLarge",start:!0})});function ao(e){const r=be(),l=I(),{mode:p,searchText:m}=e.peopleView.uiState,{fetchState:u}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[s,n]=v.useState(!1),d={isSearchOpen:s,onSearchOpen:C=>{n(C)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,j=()=>{const C=p==="off"?"zeni_only":"off";e.personAction.onModeChange?.(C)},g=u==="Completed"?`(${e.peopleView.people.length})`:"",f=`${p==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${g}`,_=v.useMemo(()=>u==="In-Progress"||u==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[u,x,e.shouldFetchClasses,h]);return t.jsx("div",{children:_?t.jsxs(ne,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:j,showZeniLogo:w,zeniLogoVisiblity:p==="zeni_only"?"visible":"hidden",isSearchOpen:s,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsx(no,{})]}):u==="Error"||h==="Error"||x==="Error"?t.jsxs(ne,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:j,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsxs(so,{children:[t.jsx(ro,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(De,{width:o.sp6,height:o.sp6})}),t.jsx(lo,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ne,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:f,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(ae,{...d}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:j,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:r.colors.grey4}),t.jsx(io,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(Xi,{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}):m!==""?t.jsx(Oe,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(_e,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})})}const ae=e=>t.jsx(Yi,{peopleInviteSectionProps:e}),yo=de.memo(ao);export{yo as MemoPeople,ao as default};