@zeniai/web-cockpit-ui 1.15.28-qa → 1.15.29-dev

package/dist/assets/PeoplePage-BgP7kTw9-BidMjSgk.js

@@ -1,675 +0,0 @@
-import{e as be,J as I,F as y,V as t,bD as le,aQ as a,bP as De,o as s,cm as Oe,cn as _e,T as U,aU as G,co as we,i as Le,b as $e,cp as Ae,aR as Ve,cq as Me,ap as We,cr as He,cs as Ke,b4 as Ue,aE as H,ct as Be,y as b,cu as Ee,cv as je,u as $,cw as ee,cf as N,cx as Se,a9 as Fe,ac as Ze,cy as qe,cz as Je,aK as Ye,ai as D,cA as Qe,al as O,am as te,p as A,cB as Xe,cj as ke,bb as ie,cC as Ie,bN as Ge,cD as et}from"./index-C35YWwTr.js";import{P as ce,a as v}from"./sentry-DI6LfXHO.js";import{n as i}from"./mui-COCSnD7r.js";import{oV as Ce,bg as Q}from"./zeni-epic-state-5EJXUnYj.js";import{T as Re}from"./RoleWithToolTip-BCeMfqCC-D3Eu5pj-.js";import"./liveblocks-C4z_hTA8.js";import"./core-CYUkP-6E.js";import"./recharts-CvCWgW5g.js";import"./lottie-BbrvkSIN.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="a98d776c-13fd-40cf-bbc9-63527dfbe5a3",e._sentryDebugIdIdentifier="sentry-dbid-a98d776c-13fd-40cf-bbc9-63527dfbe5a3")}catch{}})();const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new b(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new b(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new b(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new b(10,17,17,11,9)}],tt=58;function it({userNameSticky:e,sortConfig:o,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Ye(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const r of n)r.key===o.sortKey?r.sortOrder=o.sortOrder:r.sortOrder="ascending";x(n)},[o.sortKey,o.sortOrder]);const h=(n,r)=>{let u=r;o.sortKey===n&&(u=r==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(rt,{height:tt,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(lt,{userNameSticky:!!e&&n.key==="name",sortDataValue:o.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(dt,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(ot,{sortDataValue:o.sortKey,headerdata:n,children:t.jsx(Qe,{width:12,height:12})})]}),t.jsx(at,{isVisible:o.sortKey===n.key&&n.key!=="name",children:t.jsx(nt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const st=ce.memo(it),ot=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"}
-`,rt=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: ${s.sp5} ${s.sp11} ${s.sp3} ${s.sp11};
-  color: ${e=>e.theme.colors.grey1};
-  background-color: ${e=>e.theme.colors.grey4};
-`,lt=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: ${s.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: ${s.sp0}; flex: 1 1 auto`:`padding-left: ${s.sp0};`}
-`,nt=i(et)`
-  cursor: pointer;
-  color: inherit;
-  width: 12px;
-  height: 12px;
-`,at=i.div`
-  visibility: ${e=>e.isVisible?"visible":"hidden"};
-  display: flex;
-  align-items: center;
-  padding-top: 2px;
-`,dt=i(D)`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ct=58;function pt({sortConfig:e,onColumnSortConfigChanged:o,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Fe({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?K:S,[l]),x=v.useMemo(()=>p.map(r=>({label:r.value,value:r.key})),[p]),h=p.find(r=>r.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(r,u)=>{let w=u;e.sortKey===r&&(w=u==="ascending"?"descending":"ascending"),o?.(r,w)};return v.useEffect(()=>{const r=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;o?.(f.selectedOption.value,"ascending")}});return()=>{r.unsubscribe()}}),t.jsxs(ut,{height:ct,"data-testid":a("people-list-header-row-small"),children:[t.jsx(xt,{children:t.jsx(Ze,{...m,children:t.jsx("form",{children:t.jsx(qe,{defaultValue:{allOptions:x,selectedOption:x.find(r=>r.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(gt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(wt,{children:h?.value}),t.jsx(mt,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(Je,{width:s.sp3,height:s.sp3})})]})]})}const ht=ce.memo(pt),mt=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"}
-`,ut=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: ${s.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};
-      ${$e.smallRegular.css};
-    }
-  }
-
-  .single-select-field__menu {
-    left: -19px;
-    top: ${s.sp4};
-    border: 1px solid ${e=>e.theme.colors.grey3};
-    padding-left: 20px;
-  }
-`,xt=i.div`
-  display: flex;
-  gap: ${s.sp1};
-`,gt=i(D)`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,wt=i(D)`
-  color: ${e=>e.theme.colors.hero};
-`,{peoplePage:T}=y.getLocalizedStrings(),vt=({peopleData:e,userNameSticky:o,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),r=I(),u=ft(e,d,l),w=e.userRole.userRoles.filter(g=>!Ce(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(yt,{windowSize:r,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(bt,{wrapperWidth:S[0].width,windowSize:r,userNameSticky:o,children:t.jsxs(jt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(St,{children:[e.user?.firstName?t.jsxs(kt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(Ct,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(It,{wrapperWidth:S[1].width,windowSize:r,children:t.jsx(Re,{roles:w})}),t.jsxs(t.Fragment,{children:[Q(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:u.manager})}):t.jsx(Z,{wrapperWidth:S[2].width,windowSize:r,children:t.jsx(L,{children:T.noManager})})}),Q(e.userRole.userRoles)?t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:u.department})}):t.jsx(Z,{wrapperWidth:S[3].width,windowSize:r,children:t.jsx(L,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Rt,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:r,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(Tt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Pt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Nt,{children:t.jsx(Dt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(zt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(Ot,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function ft(e,o,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=o.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Xe},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const yt=i.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${s.sp2};
-  display: flex;
-  padding: 9px ${s.sp4} 9px ${s.sp4};
-  align-items: center;
-  width: fit-content;
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.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=>`${s.sp0} 2px ${s.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;
-`,bt=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: ${s.sp3};
-  box-sizing: border-box;
-  z-index: 2;
-`,ve=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;
-`,$t=i(O)`
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  text-overflow: ellipsis;
-`,Z=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;
-`,L=i.div`
-  width: 96%;
-`,jt=i.div`
-  display: flex;
-  align-items: center;
-`,St=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: left;
-  align-items: flex-start;
-  margin-left: ${s.sp2};
-  word-break: break-word;
-`,kt=i(ie)`
-  padding-top: ${s.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;
-`,It=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;
-`,Ct=i(G)`
-  color: ${e=>e.theme.colors.grey1};
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Rt=i.div`
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  position: relative;
-`,zt=i.div`
-  position: absolute;
-  right: ${`-${s.sp2}`};
-  top: ${e=>e.isInviteAccepted?"6%":"30%"};
-`,Tt=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,Pt=i(ie)`
-  color: ${A.info};
-  cursor: pointer;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Nt=i.div`
-  display: flex;
-  flex-direction: row;
-  -webkit-box-pack: end;
-  justify-content: flex-end;
-`,Dt=i(G)`
-  color: ${e=>e.theme.colors.grey1};
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ot=i.div`
-  margin: 5px ${s.sp0};
-`,fe=i(D)`
-  height: ${s.sp6};
-  display: flex;
-  align-items: center;
-  padding: ${s.sp0} ${s.sp3};
-  color: ${e=>e.isDelete===!0?A.important:e.theme.colors.hero};
-  cursor: pointer;
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_t={width:new b(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:o,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(r=>!Ce(r)),h=si(l,e.userRole.managerUserId),n=oi(o,e.userRole.accountingClassIDs);return t.jsxs(At,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(Vt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Wt,{children:t.jsxs(Ht,{children:[t.jsxs(Kt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ut,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Bt,{className:"lastSeen",children:[t.jsx(Et,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ft,{children:k.header.lastSeen})]}):t.jsx(Zt,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(qt,{"data-testid":a("resend-invite-text",e.userId),onClick:r=>{r.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(Jt,{children:t.jsx(Yt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Mt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Re,{roles:x})})]}),t.jsxs(Qt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),Q(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ti,{children:h}):t.jsx(q,{children:k.noManager})})]}),t.jsxs(Xt,{children:[t.jsxs(ei,{children:[k.header.department,":"]}),Q(e.userRole.userRoles)?t.jsx(q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ii,{children:n}):t.jsx(q,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},At=i.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${s.sp2};
-  display: flex;
-  padding: ${s.sp3};
-  width: ${e=>_t.width.valuePx(e.windowSize)};
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.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=>`${s.sp0} 2px ${s.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: ${s.sp1};
-  flex-direction: column;
-`,Vt=i.div`
-  display: flex;
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  gap: ${s.sp2};
-`,Mt=i.div`
-  padding-left: ${s.sp7};
-`,Wt=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  flex: 1;
-`,Ht=i.div``,Kt=i(O)`
-  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
-`,Ut=i(te)`
-  color: ${e=>e.theme.colors.grey1};
-`,se=i(te)`
-  color: ${e=>e.theme.colors.grey1};
-`,Bt=i(se)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,Et=i.div`
-  color: ${e=>e.theme.colors.hero};
-`,Ft=i.div``,Zt=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,qt=i(se)`
-  color: ${A.info};
-  cursor: pointer;
-`,Jt=i.div`
-  display: flex;
-  flex-direction: row;
-  -webkit-box-pack: end;
-  justify-content: flex-end;
-`,Yt=i(se)`
-  color: ${e=>e.theme.colors.grey1};
-`,pe=i.div`
-  display: flex;
-`,Qt=i(pe)``,Xt=i(pe)``,he=i.div`
-  width: 30%;
-`,Gt=i(he)``,ei=i(he)``,oe=i.div`
-  width: 70%;
-`,ti=i(oe)``,ii=i(oe)``,q=i(oe)`
-  color: ${e=>e.theme.colors.grey1};
-`,si=(e,o)=>{const l=e.find(d=>d.userId===o);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},oi=(e,o)=>{const l=e.find(d=>o[0]===d.classId);return l?l.className:void 0},ri=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(vt,{...e}),J=y.getLocalizedStrings().peoplePage,li=({peopleData:e,userNameSticky:o,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=ni(e),r=f=>{const j=[];return f.map(g=>{const R=Ie.roles.find(V=>V.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ai,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(di,{wrapperWidth:K[0].width,windowSize:h,userNameSticky:o,children:t.jsxs(pi,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(hi,{children:[e.user?.firstName?t.jsxs(mi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(xi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(ui,{widthNumber:K[1].width,windowSize:h,children:t.jsx(ci,{wrapperWidth:new b(100,100),windowSize:h,children:r(e.userRole.userRoles)})}),t.jsxs(yi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:K[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(bi,{children:n.lastSeen}):t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(wi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:J.resendInvite.label}),t.jsx(vi,{children:t.jsx(fi,{children:`${J.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx($i,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Se,{menuItems:t.jsxs(ji,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:J.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:J.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function ni(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ie.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ai=i.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${s.sp2};
-  display: flex;
-  padding: 9px ${s.sp4} 9px ${s.sp4};
-  align-items: center;
-  width: fit-content;
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.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=>`${s.sp0} 2px ${s.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;
-`,di=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: ${s.sp3};
-  box-sizing: border-box;
-  z-index: 2;
-`,ci=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;
-`,pi=i.div`
-  display: flex;
-  align-items: center;
-`,hi=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: left;
-  align-items: flex-start;
-  margin-left: ${s.sp2};
-  word-break: break-word;
-`,mi=i(ie)`
-  padding-top: ${s.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;
-`,ui=i.div`
-  width: ${e=>e.widthNumber.valuePercentage(e.windowSize)};
-  display: flex;
-  align-items: flex-start;
-  box-sizing: border-box;
-`,xi=i(G)`
-  color: ${e=>e.theme.colors.grey1};
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,gi=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,wi=i(ie)`
-  color: ${A.info};
-  cursor: pointer;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,vi=i.div`
-  display: flex;
-  flex-direction: row;
-  -webkit-box-pack: end;
-  justify-content: flex-end;
-`,fi=i(Ge)`
-  color: ${e=>e.theme.colors.grey1};
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,yi=i.div`
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  position: relative;
-`,bi=i(O)`
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  text-overflow: ellipsis;
-`,$i=i.div`
-  position: absolute;
-  right: ${`-${s.sp2}`};
-  top: ${e=>e.isInviteAccepted?"6%":"30%"};
-`,ji=i.div`
-  margin: 5px ${s.sp0};
-`,ye=i(D)`
-  height: ${s.sp6};
-  display: flex;
-  align-items: center;
-  padding: ${s.sp0} ${s.sp3};
-  color: ${e=>e.isDelete===!0?A.important:e.theme.colors.hero};
-  cursor: pointer;
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Si={width:new b(343,580,726)},Y=y.getLocalizedStrings().peoplePage,ki=({peopleData:e,onRowClick:o,onResendInvite:l})=>{const d=I();return t.jsxs(Ii,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{o?.(e.userId)},children:[t.jsxs(Ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(zi,{children:t.jsxs(Ti,{children:[t.jsxs(Pi,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ni,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(Ai,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Vi,{children:Y.header.lastSeen})]}):t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Wi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Y.resendInvite.label}),t.jsx(Hi,{children:t.jsx(Ki,{children:`${Y.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ri,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Di,{style:{display:"flex"},children:[t.jsxs(Oi,{style:{},children:[Y.header.role,":"]}),t.jsx(_i,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},Ii=i.div`
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${s.sp2};
-  display: flex;
-  padding: ${s.sp3};
-  width: ${e=>Si.width.valuePx(e.windowSize)};
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.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=>`${s.sp0} 2px ${s.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: ${s.sp2};
-  flex-direction: column;
-`,Ci=i.div`
-  display: flex;
-  min-width: 100%;
-  box-sizing: border-box;
-  color: ${e=>e.theme.colors.hero};
-  gap: ${s.sp2};
-`,Ri=i.div`
-  padding-left: ${s.sp7};
-`,zi=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  flex: 1;
-`,Ti=i.div``,Pi=i(O)`
-  color: ${e=>e.isInviteAccepted?e.theme.colors.hero:e.theme.colors.grey1};
-`,Ni=i(te)`
-  color: ${e=>e.theme.colors.grey1};
-`,re=i(te)`
-  color: ${e=>e.theme.colors.grey1};
-`,Di=i.div`
-  display: flex;
-  gap: 6px;
-`,Oi=i.div``,_i=i.div``,Li=i(re)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,Ai=i.div`
-  color: ${e=>e.theme.colors.hero};
-`,Vi=i.div``,Mi=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,Wi=i(re)`
-  color: ${A.info};
-  cursor: pointer;
-`,Hi=i.div`
-  display: flex;
-  flex-direction: row;
-  -webkit-box-pack: end;
-  justify-content: flex-end;
-`,Ki=i(re)`
-  color: ${e=>e.theme.colors.grey1};
-`,Ui=e=>I()==="small"?t.jsx(ki,{...e}):t.jsx(li,{...e}),M={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight: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,Bi=({peopleView:e,allManagers:o,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const r=I(),u=v.useRef(null),w=!(r==="small"||r==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),V=be(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Zi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:r,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Xi,{}):null,e.uiState.mode==="off"?t.jsx(ri,{allManagers:o,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Ui,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),Ae);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:_,style:E,...F}=c;return t.jsxs("div",{ref:C,style:{...E,width:"auto"},...F,children:[r==="small"?t.jsx(ht,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(st,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(qi,{children:_})]})});xe.displayName="People list view inner element type";const ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=z===c;return C>M.rowNameLimit?M.listItemHeight+$[5]+(_?$[3]:$[0]):M.listItemHeight+(_?$[3]:$[0])},Te=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=je(e.people[c].userRole.userRoles,e.uiState.mode).length,E=z===c,F=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>M.rowNameLimit?F+$[5]+(E?$[3]:$[0]):F+(E?$[3]:$[0])},Pe={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ve(e.people.find(c=>c.userId===g?.userId)?.update),B=e.people.find(c=>c.userId===g?.userId)?.update,Ne=g!=null?W.deleteOverlay.description.replace("‘_user-name_’",`"${Ei(g)}"`):W.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,r]),v.useEffect(()=>{B==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[B,ge]),t.jsxs(Fi,{"data-testid":a("people-list-view-container"),windowSize:r,mode:e.uiState.mode,children:[f===!0?t.jsx(Me,{titleComponent:t.jsx(Ke,{children:W.deleteOverlay.title}),descriptionComponent:t.jsx(He,{children:Ne}),primaryButtonText:W.deleteOverlay.remove,secondaryButtonText:W.deleteOverlay.cancel,action:Pe,proceedButtonVariant:"danger",isLoading:B==="removeUsers",isDisabled:B==="removeUsers",style:{background:V.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Qi,{}),t.jsx(Ji,{children:t.jsx(Yi,{src:g?.user.photo?.toString()??We,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(Ue,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:r==="small"?Te:ze,width:C,ref:u,overscanCount:M.overscanCount,children:ue})})]})},Ei=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 - ${s.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: ${s.sp9};
-  }
-`,Zi=i.div`
-  top: ${s.sp0};
-  left: ${s.sp0};
-  padding: ${e=>`${s.sp0} ${X.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${X.listItemPaddingLeft.valuePx(e.windowSize)} `};
-  box-sizing: border-box;
-`,qi=i.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,Ji=i.div`
-  position: absolute;
-  top: -26px;
-`,Yi=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: ${s.sp9};
-  border-radius: 50% 50% 0 0;
-  background-color: ${e=>e.theme.colors.grey5};
-`,Xi=i.div`
-  padding-top: ${s.sp3};
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Gi=i(Ee)``,es=(e,o)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:r}=o;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,r)},ts=(e,o)=>{if(e.peopleView.people.length!=o.peopleView.people.length||e.allManagers.length!=o.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=o.peopleView.people[d];if(l=es(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,o.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===o.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===o.peopleView.uiState.sortOrder,l},is=v.memo(Bi,ts);function ss({peopleInviteSectionProps:e}){const o=I();return t.jsx(os,{isSearchOpen:e.isSearchOpen&&o==="small",windowsize:o,children:o!=="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:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...$e.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(rs,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:o!=="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 os=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
-`,rs=i(Be)`
-  height: 20px;
-  width: 20px;
-  color: ${e=>e.theme.colors.hero};
-`,ae=i.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ls=i.div`
-  min-height: ${`calc(100vh - ${s.sp9})`};
-`,ns=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};
-`,as=i.div`
-  display: flex;
-  width: 100%;
-  min-height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,ds=i.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${s.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,cs=i(G)`
-  margin-top: ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,ps=()=>t.jsx(ns,{children:t.jsx(U,{size:"ExtraLarge",start:!0})});function hs(e){const o=be(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,r]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{r(z)},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,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function V(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsx(ps,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:o.colors.grey4,source:"PeoplePage"}),t.jsxs(as,{children:[t.jsx(ds,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(De,{width:s.sp6,height:s.sp6})}),t.jsx(cs,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:o.colors.grey4}),t.jsx(ls,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(is,{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})})]})}return t.jsx("div",{children:V()})}const de=e=>t.jsx(ss,{peopleInviteSectionProps:e}),ks=ce.memo(hs);export{ks as MemoPeople,hs as default};