@zeniai/web-cockpit-ui 1.14.22-qa → 1.14.23-dev

package/dist/assets/{PeoplePage-B7s3mjRX-C_HkK47k.js → PeoplePage-DZr3Lusf-M76DhnJE.js}

@@ -1,4 +1,4 @@
-import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR as Oe,m as F,a5 as Y,bS as we,J as _e,v as be,bT as Le,a1 as Ae,bU as Ve,bV as Me,bW as We,bX as Be,ai as He,K as H,bY as Ue,C as $,bZ as Fe,b_ as je,q as b,l as A,b$ as ee,bJ as N,a as Ee,F as Ze,c0 as Ke,c1 as qe,V as Je,i as D,c2 as Xe,n as O,B as te,g as V,c3 as Qe,bN as Se,ao as ie,c4 as ke,bd as Ge,c5 as Ye}from"./index-NilHeiJu.js";import{f as ce,b as v,n as i}from"./vendor-rkTZJa59.js";import{R as Ie}from"./Menu-DOJJ_REW-BCRwc2vM.js";import{T as Ce}from"./RoleWithToolTip-DHdLJcWR-BIiBiCaf.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Je(d==="off"?S:U));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Xe,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
+import{u as $e,e as I,M as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS as Oe,n as F,a6 as Q,bT as we,J as Le,v as be,bU as _e,a2 as Ae,bV as Ve,bW as Me,bX as We,bY as Be,aj as He,N as H,bZ as Ue,C as $,b_ as Fe,b$ as je,s as b,m as A,c0 as ee,bK as N,a as Ee,F as Ke,c1 as Ze,c2 as qe,W as Je,i as D,c3 as Xe,p as O,B as te,g as V,c4 as Ye,bO as Se,ap as ie,c5 as ke,be as Ge,c6 as Qe}from"./index-B8OsEhOZ.js";import{f as ce,b as v,n as i}from"./vendor-rkTZJa59.js";import{R as Ie}from"./Menu-D_vf2LDo-39KwK8wM.js";import{T as Ce}from"./RoleWithToolTip-BpMhPbAJ-D4xuhbtR.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.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)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Je(d==="off"?S:U));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Xe,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -29,7 +29,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   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};`}
-`,lt=i(Ye)`
+`,lt=i(Qe)`
   cursor: pointer;
   color: inherit;
   width: 12px;
@@ -46,7 +46,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Ee({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?U:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Ze,{...m,children:t.jsx("form",{children:t.jsx(Ke,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=i.div`
+`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Ee({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?U:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Ke,{...m,children:t.jsx("form",{children:t.jsx(Ze,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -103,7 +103,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   }
 `,gt=i(D)`
   color: ${e=>e.theme.colors.hero};
-`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs(bt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(L,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(L,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"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 vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Qe},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 ft=i.div`
+`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs(bt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(F,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"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 vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ye},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 ft=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -191,7 +191,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,L=i.div`
+`,_=i.div`
   width: 96%;
 `,bt=i.div`
   display: flex;
@@ -222,7 +222,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
-`,It=i(Y)`
+`,It=i(Q)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -253,7 +253,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Nt=i(Y)`
+`,Nt=i(Q)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -272,7 +272,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ot={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),_t=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(Lt,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Ut,{className:"lastSeen",children:[t.jsx(Ft,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Zt,{"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(Kt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Jt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(J,{children:k.noManager})})]}),t.jsxs(Qt,{children:[t.jsxs(Yt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(J,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},Lt=i.div`
+`,Ot={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(_t,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Ut,{className:"lastSeen",children:[t.jsx(Ft,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Kt,{"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(Zt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Jt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(J,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(Qt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(J,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(J,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -336,11 +336,11 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   align-items: flex-end;
 `,Ft=i.div`
   color: ${e=>e.theme.colors.hero};
-`,Et=i.div``,Zt=i.div`
+`,Et=i.div``,Kt=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Kt=i(se)`
+`,Zt=i(se)`
   color: ${V.info};
   cursor: pointer;
 `,qt=i.div`
@@ -352,13 +352,13 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Xt=i(pe)``,Qt=i(pe)``,he=i.div`
+`,Xt=i(pe)``,Yt=i(pe)``,he=i.div`
   width: 30%;
-`,Gt=i(he)``,Yt=i(he)``,oe=i.div`
+`,Gt=i(he)``,Qt=i(he)``,oe=i.div`
   width: 70%;
 `,ei=i(oe)``,ti=i(oe)``,J=i(oe)`
   color: ${e=>e.theme.colors.grey1};
-`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(_t,{...e}):t.jsx(wt,{...e}),X=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.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(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:U[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:U[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new $(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:U[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"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(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:X.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${X.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(Ie,{menuItems:t.jsxs(bi,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:X.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:X.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
+`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(wt,{...e}),X=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.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(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:U[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:U[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new $(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:U[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"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(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:X.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${X.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(Ie,{menuItems:t.jsxs(bi,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:X.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:X.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -453,7 +453,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
-`,ui=i(Y)`
+`,ui=i(Q)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -509,7 +509,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ji={width:new $(343,580,726)},Q=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(_i,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(Li,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Q.header.lastSeen})]}):t.jsx(Vi,{"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(Mi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(Wi,{children:t.jsx(Bi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Q.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
+`,ji={width:new $(343,580,726)},Y=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{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(_i,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Y.header.lastSeen})]}):t.jsx(Vi,{"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(Mi,{"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(Wi,{children:t.jsx(Bi,{children:`${Y.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Y.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -567,11 +567,11 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
 `,Ni=i.div`
   display: flex;
   gap: 6px;
-`,Di=i.div``,Oi=i.div``,_i=i(re)`
+`,Di=i.div``,Oi=i.div``,Li=i(re)`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Li=i.div`
+`,_i=i.div`
   color: ${e=>e.theme.colors.hero};
 `,Ai=i.div``,Vi=i.div`
   display: flex;
@@ -587,7 +587,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   justify-content: flex-end;
 `,Bi=i(re)`
   color: ${e=>e.theme.colors.grey1};
-`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},G={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ui=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=$e(),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:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Qi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),Le);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:_,style:Z,...K}=c;return t.jsxs("div",{ref:C,style:{...Z,width:"auto"},...K,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Ki,{children:_})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=z===c;return C>W.rowNameLimit?W.listItemHeight+b[5]+(_?b[3]:b[0]):W.listItemHeight+(_?b[3]:b[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,_=je(e.people[c].userRole.userRoles,e.uiState.mode).length,Z=z===c,K=e.uiState.mode==="zeni_only"?_>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?K+b[5]+(Z?b[3]:b[0]):K+(Z?b[3]:b[0])},Te={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=Ae(e.people.find(c=>c.userId===g?.userId)?.update),E=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Fi(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ei,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xi,{}),t.jsx(qi,{children:t.jsx(Ji,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Fi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ei=i.div`
+`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},G={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ui=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=$e(),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(Ki,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Yi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:K,...Z}=c;return t.jsxs("div",{ref:C,style:{...K,width:"auto"},...Z,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:L})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=z===c;return C>W.rowNameLimit?W.listItemHeight+b[5]+(L?b[3]:b[0]):W.listItemHeight+(L?b[3]:b[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=je(e.people[c].userRole.userRoles,e.uiState.mode).length,K=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(K?b[3]:b[0]):Z+(K?b[3]:b[0])},Te={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=Ae(e.people.find(c=>c.userId===g?.userId)?.update),E=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Fi(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ei,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xi,{}),t.jsx(qi,{children:t.jsx(Ji,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Fi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ei=i.div`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
@@ -595,12 +595,12 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
     height: ${e=>e.mode==="zeni_only"?G.zeniLastRowHeight.valuePx(e.windowSize):G.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
-`,Zi=i.div`
+`,Ki=i.div`
   top: ${s.sp0};
   left: ${s.sp0};
   padding: ${e=>`${s.sp0} ${G.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${G.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
-`,Ki=i.div`
+`,Zi=i.div`
   position: relative;
   width: auto;
   height: 100%;
@@ -621,10 +621,10 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Qi=i.div`
+`,Yi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Gi=i(Fe)``,Yi=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Yi(m,p),!l)break}return l=l&&H(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},ts=v.memo(Ui,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="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(_e,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{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 ss=i.div`
+`,Gi=i(Fe)``,Qi=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Qi(m,p),!l)break}return l=l&&H(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},ts=v.memo(Ui,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="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",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{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 ss=i.div`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
@@ -669,7 +669,7 @@ import{u as $e,e as I,M as y,j as t,_ as a,aW as le,bf as Ne,o as s,bQ as De,bR
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,ds=i(Y)`
+`,ds=i(Q)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
 `,cs=()=>t.jsx(ls,{children:t.jsx(F,{size:"ExtraLarge",start:!0})});function ps(e){const r=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(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 M(){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:r.colors.grey4,source:"PeoplePage"}),t.jsx(cs,{})]}):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:r.colors.grey4,source:"PeoplePage"}),t.jsxs(ns,{children:[t.jsx(as,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Ne,{width:s.sp6,height:s.sp6})}),t.jsx(ds,{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:r.colors.grey4}),t.jsx(rs,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(ts,{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(De,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Oe,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:M()})}const de=e=>t.jsx(is,{peopleInviteSectionProps:e}),js=ce.memo(ps);export{js as MemoPeople,ps as default};

package/dist/assets/PortfolioAllocationFormPage-Byu_8Js7-CWAHnet9.js

@@ -0,0 +1,207 @@
+import{e as U,N as S,j as i,bB as X,M as Y,$ as q,C as u,a4 as H,o as n,a3 as J,X as K,h as Q,p as Z,s as l,v as _,am as ee,B as W,g as v,i as ie,bO as te}from"./index-B8OsEhOZ.js";import{b as k,n as t}from"./vendor-rkTZJa59.js";import{V as ne}from"./PortfolioDetails-BH-sfG9j-CdKUfZw3.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./treasuryColorHelper-D4iDeX95-DVOhzALi.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=Y.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new K("h6Regular","h5Regular")},De=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:E,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=U(),[M,D]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:F}=E;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);D(o)}},[p,w,d]);const y=o=>{const f=s.find(V=>V.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},G=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&G(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(X,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":q("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(ne,{isInReview:!1,isSetup:!0,fundDetails:N,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(H,{style:{zIndex:4,paddingTop:n.sp2,paddingBottom:n.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&F.fetchState==="In-Progress",isDisabled:p&&!M}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=t.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=t.div`
+  height: auto;
+  padding-left: ${e=>`${a.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${a.containerPaddingRight.valuePx(e.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+`,ae=t.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${n.sp0};
+  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${n.sp0}`};
+  z-index: 2;
+`,ce=t(J)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${n.sp4};
+  height: ${n.sp4};
+  min-height: ${n.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pe=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp3};
+  flex: 1;
+  overflow-y: auto;
+  ${e=>e.windowSize==="small"&&`
+    margin-bottom: ${n.sp5};
+  `}
+`,xe=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp3};
+  width: 100%;
+`,he=t(Q)`
+  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,ue=t.div`
+  display: flex;
+  align-items: center;
+`,me=t.div`
+  display: flex;
+  width: 100%;
+  gap: ${n.sp3};
+`,ge=t.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${n.sp2};
+`,we=t.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${n.sp2};
+`,fe=t(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: left;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  width: 100%;
+  margin-top: ${e=>e.isReadOnly===!0?"-8px":"0"};
+`,$e=t.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.cardBorderRadius}px;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  width: 100%;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  display: flex;
+  flex-direction: column;
+`,ye=t.div`
+  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+`,ve=t.div`
+  display: flex;
+  flex-direction: column;
+`,be=t.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  ${e=>e.windowSize==="small"&&`
+    flex-direction: column;
+    gap: ${n.sp3};
+    align-items: stretch;
+  `}
+`,je=t.div`
+  display: flex;
+  flex-direction: column;
+  width: 245px;
+`,Se=t.button`
+  background: none;
+  border: none;
+  cursor: ${e=>e.isRecommended?"default":"pointer"};
+  color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.hero};
+  ${_.smallRegular.css};
+  text-align: left;
+  padding: ${n.sp0};
+  text-decoration: underline;
+  pointer-events: ${e=>e.isRecommended?"none":"auto"};
+
+  &:hover {
+    color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,R=t.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
+  position: relative;
+  width: 240px;
+`,z=t.div`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  width: ${n.sp7};
+
+  ${e=>e.windowSize==="small"&&`
+      width: auto;
+    `}
+`,P=t(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,O=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,C=t(W)`
+  color: ${e=>e.theme.colors.primary};
+`,L=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+`,B=t.input`
+  width: ${({windowSize:e})=>a.sliderWidth.valuePx(e)};
+  &[type="range"]::-webkit-slider-runnable-track {
+    height: 2px;
+    background-color: ${e=>e.theme.colors.grey3};
+  }
+
+  &[type="range"] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  &[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+
+  &::-moz-range-thumb {
+    width: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    height: ${e=>e.isReadOnly===!0?n.sp0:n.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+`,I=t.div`
+  position: absolute;
+  height: 2px;
+  background-color: ${v.success};
+`,ke=t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${n.sp3};
+`,Re=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: auto;
+  padding-right: ${n.sp0};
+  box-sizing: border-box;
+`,ze=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
+  width: 129px;
+  padding-right: ${e=>a.riskLevelInfoPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+`,A=t(ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`,T=t(te)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`;export{De as default};

package/dist/assets/{PortfolioDetails-BFqRNjFs-B16IZ_Hj.js → PortfolioDetails-BH-sfG9j-CdKUfZw3.js}

@@ -1,9 +1,9 @@
-import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,bA as f,g as Y,bN as J,i as N,ds as Z,ae as ee,al as ie,b5 as se,bd as le,B as ne,d7 as oe,q as te}from"./index-NilHeiJu.js";import{n as s,b as re}from"./vendor-rkTZJa59.js";import{l as ae}from"./treasuryColorHelper-CkjbPhqI-DTu39-tM.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=G.getLocalizedStrings(),w={portfolioYieldMarginTop:new O(-4,te[0]),sliderWidth:new O(143,177)},Oe=({isInReview:i,isSetup:n,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!n&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${l.sp2} ${l.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const I=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:n,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(n=>[{label:o.promoPage.liquidity,value:n.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:H(n.fundSize,n.currencyCode)},{label:o.promoPage.maturity,value:`${n.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${n.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:n.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(n.compositions)&&n.compositions.length>0?`${n.compositions[0].investedIn} ${n.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(n.compositions)&&n.compositions.length>1?`+${n.compositions.length-1}`:void 0,compositions:n.compositions??[]}]),pe=({portfolio:i,fund:n,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const I=K().analytics,h=Q(),t=X(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,V]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(n.fundName,n.fundCode,x),V(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:n.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${n.fundCompanyName} ${n.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(U,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(U,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(A,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:l.sp3},children:[n.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(ke,{children:v?e.jsxs(Ie,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(A,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:l.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ae,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(q,{children:b!=null?L("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${l.sp2} ${l.sp0}`,...j?{marginBottom:l.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(E,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(A,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}):e.jsxs(Ye,{children:[e.jsxs(F,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(E,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(A,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(T,{children:n.description}),e.jsx(be,{style:{marginLeft:l.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(T,{children:r.strings.dividerDot}),e.jsx(T,{style:{minWidth:"140px"},children:c.label}),e.jsxs(T,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${l.sp1} ${l.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:l.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(B=>({text:`${r.strings.dividerDot}  ${B.investedIn}`,amount:`${B.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${l.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(n.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${n.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(Te,{style:{width:"100%",marginBottom:l.sp3}})]})},xe=s.div`
+import{j as e,M as X,o as l,iA as _,p as E,x as G,u as J,e as K,a0 as N,C as O,bB as f,g as A,bO as H,i as B,ds as Z,af as ee,am as ie,b6 as se,be as le,B as ne,d7 as oe,s as te}from"./index-B8OsEhOZ.js";import{n as s,b as re}from"./vendor-rkTZJa59.js";import{l as ae}from"./treasuryColorHelper-D4iDeX95-DVOhzALi.js";const{common:r,spendManagement:{treasury:o},dateFormat:de}=X.getLocalizedStrings(),w={portfolioYieldMarginTop:new O(-4,te[0]),sliderWidth:new O(143,177)},Oe=({isInReview:i,isSetup:n,fundDetails:m,allocation:d,amount:g,fundAllocations:v,page:j})=>{const a=ce(m);return e.jsxs(ge,{children:[!n&&e.jsx(me,{style:{alignSelf:"flex-start",padding:`${l.sp2} ${l.sp0}`},children:`${o.portfolioAllocation.title}`}),a.map(($,x)=>{const I=v?.find(h=>h.fundCode===m[x].fundCode)?.amount;return e.jsx(pe,{portfolio:$,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:n,isLast:x===a.length-1,amount:g,currentAllocationAmount:I,page:j},m[x]?.fundCode||x)})]})},ce=i=>i.map(n=>[{label:o.promoPage.liquidity,value:n.liquidityTimeline||r.strings.hyphen},{label:o.promoPage.fundSize,value:_(n.fundSize,n.currencyCode)},{label:o.promoPage.maturity,value:`${n.maturity} ${r.timeStrings.days}`},{label:o.promoPage.expenseRatio,value:`${n.expenseRatio}${o.promoPage.expenseRatioSuffix}`},{label:o.promoPage.riskRating,value:n.riskRating||r.strings.hyphen},{label:o.promoPage.composition,value:Array.isArray(n.compositions)&&n.compositions.length>0?`${n.compositions[0].investedIn} ${n.compositions[0].percentage}${r.strings.percentage}`:r.strings.hyphen,tag:Array.isArray(n.compositions)&&n.compositions.length>1?`+${n.compositions.length-1}`:void 0,compositions:n.compositions??[]}]),pe=({portfolio:i,fund:n,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:j,amount:a,currentAllocationAmount:$,page:x})=>{const I=G().analytics,h=J(),t=K(),b=$?$.amount:a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,Q]=re.useState(!1),u=ae(m,h),S=()=>{p||I.trackTreasuryProspectusClick(n.fundName,n.fundCode,x),Q(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{children:e.jsxs(ue,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(fe,{windowSize:t,children:[e.jsxs(ye,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:n.fundCode}),e.jsx(ve,{color:u.fundNameColor,children:`${n.fundCompanyName} ${n.fundName}`})]}),t!=="small"&&e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(q,{style:{alignItems:"flex-start"},children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(F,{children:b!=null?N("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty})]}):e.jsxs($e,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(q,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,style:{marginRight:l.sp3},children:[n.yield,r.strings.percentage]})]})]}),t==="small"&&e.jsx(ke,{children:v?e.jsxs(Ie,{children:[e.jsxs(Re,{children:[e.jsxs(We,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}),e.jsxs(z,{onClick:S,style:{marginBottom:l.sp2},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}):g?e.jsxs(Ye,{children:[e.jsxs(U,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsx(F,{children:b!=null?N("0,0.[00]",{amount:b,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):r.strings.empty}),e.jsxs(z,{onClick:S,style:{margin:`${l.sp2} ${l.sp0}`,...j?{marginBottom:l.sp0}:{}},children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(V,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]}):e.jsxs(Ae,{children:[e.jsxs(U,{children:[e.jsxs(y,{windowSize:t,children:[d,r.strings.percentage]}),e.jsxs(R,{children:[e.jsx(M,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(W,{color:u.fundNameColor,style:{width:`calc(${w.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(z,{onClick:S,children:[p?o.transferDrawer.calculator.footerText.hide:o.overviewPage.fundTile.viewDetails,p?e.jsx(k,{}):e.jsx(P,{})]})]}),e.jsxs(V,{children:[e.jsxs(D,{children:[o.overviewPage.sevenDayYield,e.jsx(f,{data:o.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${l.sp3}`},enterDelay:300,children:e.jsx(Y,{})})]}),e.jsxs(C,{windowSize:t,children:[n.yield,r.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(Se,{children:[e.jsx(T,{children:n.description}),e.jsx(be,{style:{marginLeft:l.sp3},children:i.map(c=>e.jsxs(Ce,{windowSize:t,children:[e.jsx(T,{children:r.strings.dividerDot}),e.jsx(T,{style:{minWidth:"140px"},children:c.label}),e.jsxs(T,{style:{color:c.label===o.promoPage.fundSize?u.fundNameColor:h.colors.primary,borderBottom:`1px solid ${h.colors.grey3}`,width:"100%",padding:`${l.sp1} ${l.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:l.sp2},children:[c.value,!!c.tag&&c.label===o.promoPage.composition&&e.jsx(f,{variant:"list-description",data:{title:r.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(L=>({text:`${r.strings.dividerDot}  ${L.investedIn}`,amount:`${L.percentage}${r.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${l.sp3}`},children:e.jsx(De,{children:c.tag})})]})]},c.label))}),e.jsxs(Pe,{onClick:()=>window.open(n.url,"_blank"),children:[e.jsx(je,{children:`${o.promoPage.asOf} ${n.asOfDate.format(de.visual.MMMDCommaYYYYformat)}`}),e.jsx(ze,{})]})]}),(!j||v)&&e.jsx(Te,{style:{width:"100%",marginBottom:l.sp3}})]})},xe=s.div`
   display: flex;
   flex-direction: row;
   gap: ${l.sp2};
   width: 100%;
-`,me=s(_)`
+`,me=s(E)`
   color: ${i=>i.theme.colors.hero};
 `,ge=s.div`
   display: flex;
@@ -27,15 +27,15 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   flex-direction: column;
   align-items: flex-start;
   width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,ye=s(J)`
-  color: ${Y.graphColor34Dark};
+`,ye=s(H)`
+  color: ${A.graphColor34Dark};
   max-width: 280px;
 `,we=s.span`
   color: ${i=>i.theme.colors.primary};
   margin-right: ${l.sp1};
 `,ve=s.span`
-  color: ${i=>i.color??Y.graphColor34Dark};
-`,U=s.div`
+  color: ${i=>i.color??A.graphColor34Dark};
+`,q=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -44,10 +44,10 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   color: ${i=>i.theme.colors.primary};
   min-width: ${l.sp7};
   text-align: left;
-`,C=s(J)`
-  color: ${Y.success};
+`,C=s(H)`
+  color: ${A.success};
   margin-top: ${i=>w.portfolioYieldMarginTop.valuePx(i.windowSize)};
-`,D=s(N)`
+`,D=s(B)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -58,7 +58,7 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   flex-direction: row;
   align-items: flex-start;
   gap: ${l.sp1};
-`,q=s(N)`
+`,F=s(B)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -97,8 +97,8 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
 `,W=s.div`
   position: absolute;
   height: 2px;
-  background-color: ${i=>i.color??Y.graphColor34Dark};
-`,z=s(N)`
+  background-color: ${i=>i.color??A.graphColor34Dark};
+`,z=s(B)`
   color: ${i=>i.theme.colors.hero};
   align-self: flex-start;
   display: flex;
@@ -117,7 +117,7 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   justify-self: flex-start;
   gap: ${l.sp2};
   margin-bottom: ${l.sp3};
-`,T=s(_)`
+`,T=s(E)`
   color: ${i=>i.theme.colors.hero};
 `,Ce=s.div`
   display: flex;
@@ -158,7 +158,7 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   background-color: ${i=>i.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,A=s(se)`
+`,Y=s(se)`
   width: ${l.sp3};
   height: ${l.sp3};
   color: ${i=>i.theme.colors.hero};
@@ -174,24 +174,24 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   align-items: flex-start;
   width: 100%;
   margin-top: ${l.sp2};
-`,Ae=s.div`
+`,Ye=s.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
-`,Ye=s.div`
+`,Ae=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,F=s.div`
+`,U=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   flex: 1;
-`,E=s.div`
+`,V=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -215,4 +215,4 @@ import{j as e,M as G,o as l,iA as H,n as _,d5 as K,u as Q,e as X,$ as L,C as O,b
   flex-direction: row;
   align-items: center;
   gap: ${l.sp3};
-`;export{Oe as U};
+`;export{Oe as V};