@zeniai/web-cockpit-ui 1.13.93-prod → 1.13.94-dev

package/dist/assets/{PeoplePage-CDQl7HVr-Js2M-ikq.js → PeoplePage-mrXiZ4VG-Cp2NcBr2.js}

@@ -1,4 +1,4 @@
-import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL as Oe,e as U,a9 as J,bM as we,K as Le,r as be,bN as _e,a5 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ao as He,D as H,bS as Ke,C as $,bT as Ue,bU as je,q as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,P as Xe,v as D,bY as Qe,t as O,m as te,g as V,bZ as Ye,ah as Se,av as ie,b_ as ke,bd as Ge,b$ as Je}from"./index-g0nOWR6_.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{A as Ie}from"./Menu-LDwLOgxI-BAC6-j6U.js";import{T as Ce}from"./RoleWithToolTip-VlYG_GPv-HwJfmM_J.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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)}],K=[{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(Xe(d==="off"?S:K));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(Qe,{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,X as I,M as y,j as t,Y as a,aW as le,be as Ne,o as s,bK as De,bL as Oe,d as U,a5 as J,bM as we,K as Le,v as be,bN as _e,a1 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ai as He,H,bS as Ke,C as $,bT as Ue,bU as je,n as b,l as A,bV as ee,bC as N,a as Ee,F as Fe,bW as Ze,bX as qe,S as Xe,w as D,bY as Ge,q as O,f as te,g as V,bZ as Qe,bG as Se,ao as ie,b_ as ke,bc as Ye,b$ as Je}from"./index-ji6aa7AC.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-DNn9-W-C-DaYpba-h.js";import{T as Ce}from"./RoleWithToolTip-k62RaqAZ-Bav1TewG.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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)}],K=[{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(Xe(d==="off"?S:K));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(Ge,{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)"};
@@ -103,7 +103,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   }
 `,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(_,{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(U,{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`
+`,{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(U,{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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -272,7 +272,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,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(Kt,{className:"lastSeen",children:[t.jsx(Ut,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Ft,{"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(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(Xt,{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(Qt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=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(Kt,{className:"lastSeen",children:[t.jsx(Ut,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Ft,{"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(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(Xt,{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(Gt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Qt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -352,13 +352,13 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Qt=i(pe)``,Yt=i(pe)``,he=i.div`
+`,Gt=i(pe)``,Qt=i(pe)``,he=i.div`
   width: 30%;
-`,Gt=i(he)``,Jt=i(he)``,oe=i.div`
+`,Yt=i(he)``,Jt=i(he)``,oe=i.div`
   width: 70%;
 `,ei=i(oe)``,ti=i(oe)``,X=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(Lt,{...e}):t.jsx(wt,{...e}),Q=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:K[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:K[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:K[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(U,{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:Q.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${Q.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:Q.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:Q.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}),G=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:K[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:K[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:K[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(U,{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:G.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${G.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:G.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:G.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;
@@ -477,7 +477,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,vi=i(Ge)`
+`,vi=i(Ye)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -509,7 +509,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,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(U,{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`
+`,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(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:Q.header.lastSeen})]}):t.jsx(Vi,{"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(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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,18 +587,18 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   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,Ki=({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(Fi,{"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:F,...Z}=c;return t.jsxs("div",{ref:C,style:{...F,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,F=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(F?b[3]:b[0]):Z+(F?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_’",`"${Ui(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(Qi,{}),t.jsx(qi,{children:t.jsx(Xi,{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})})]})},Ui=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},Y={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ki=({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(Fi,{"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})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:F,...Z}=c;return t.jsxs("div",{ref:C,style:{...F,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,F=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(F?b[3]:b[0]):Z+(F?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_’",`"${Ui(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(Gi,{}),t.jsx(qi,{children:t.jsx(Xi,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Yi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Ui=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%;
   .people-list-item:last-of-type {
-    height: ${e=>e.mode==="zeni_only"?G.zeniLastRowHeight.valuePx(e.windowSize):G.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>e.mode==="zeni_only"?Y.zeniLastRowHeight.valuePx(e.windowSize):Y.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
 `,Fi=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)} `};
+  padding: ${e=>`${s.sp0} ${Y.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${Y.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
 `,Zi=i.div`
   position: relative;
@@ -612,7 +612,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   width: 60px;
   border-radius: 50%;
   color: ${e=>e.theme.colors.hero};
-`,Qi=i.div`
+`,Gi=i.div`
   position: absolute;
   top: 1%;
   left: 50%;
@@ -621,10 +621,10 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Yi=i.div`
+`,Qi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Gi=i(Ue)``,Ji=(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=Ji(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(Ki,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`
+`,Yi=i(Ue)``,Ji=(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=Ji(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(Ki,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"};

package/dist/assets/PortfolioAllocationFormPage-DAFisXnQ-DjoPfEuL.js

@@ -0,0 +1,207 @@
+import{X as q,H as S,j as i,bs as H,M as Q,Y as U,C as u,a3 as K,o as t,a2 as V,Q as X,h as J,q as Z,n as l,v as _,al as ee,f as T,g as v,w as ie,bG as ne}from"./index-ji6aa7AC.js";import{b as k,n}from"./vendor-CnQcJ2Lu.js";import{E as te}from"./PortfolioDetails-BBOVIetI-BvRwtbCV.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-CDRG_Dxk-BbsHEkM1.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=Q.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 X("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:W,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=q(),[D,M]=k.useState(!1),{fundsData:G,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:N}=W;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(Y=>Y.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},F=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&F(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(H,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":U("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(te,{isInReview:!1,isSetup:!0,fundDetails:G,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(E,{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(E,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{style:{zIndex:4,paddingTop:t.sp2,paddingBottom:t.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&N.fetchState==="In-Progress",isDisabled:p&&!D}})]})};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=n.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=n.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=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+`,ce=n(V)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pe=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${t.sp3};
+  flex: 1;
+  overflow-y: auto;
+  ${e=>e.windowSize==="small"&&`
+    margin-bottom: ${t.sp5};
+  `}
+`,xe=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+`,he=n(J)`
+  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,ue=n.div`
+  display: flex;
+  align-items: center;
+`,me=n.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.sp3};
+`,ge=n.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp2};
+`,we=n.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,fe=n(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=n.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=n.div`
+  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+`,ve=n.div`
+  display: flex;
+  flex-direction: column;
+`,be=n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  ${e=>e.windowSize==="small"&&`
+    flex-direction: column;
+    gap: ${t.sp3};
+    align-items: stretch;
+  `}
+`,je=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 245px;
+`,Se=n.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: ${t.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=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
+  position: relative;
+  width: 240px;
+`,z=n.div`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  width: ${t.sp7};
+
+  ${e=>e.windowSize==="small"&&`
+      width: auto;
+    `}
+`,P=n(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,O=n(T)`
+  color: ${e=>e.theme.colors.primary};
+`,C=n(T)`
+  color: ${e=>e.theme.colors.primary};
+`,L=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+`,B=n.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?t.sp0:t.sp3};
+    height: ${e=>e.isReadOnly===!0?t.sp0:t.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?t.sp0:t.sp3};
+    height: ${e=>e.isReadOnly===!0?t.sp0:t.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=n.div`
+  position: absolute;
+  height: 2px;
+  background-color: ${v.success};
+`,ke=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${t.sp3};
+`,Re=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: auto;
+  padding-right: ${t.sp0};
+  box-sizing: border-box;
+`,ze=n.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=n(ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`,E=n(ne)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`;export{Me as default};

package/dist/assets/{PortfolioDetails-Dk_IIRuG-DYkySZiF.js → PortfolioDetails-BBOVIetI-BvRwtbCV.js}

@@ -1,23 +1,23 @@
-import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,bt as f,g as k,ah as U,v as A,dq as V,ak as Z,aq as ee,b5 as ie,bd as se,m as ne,d5 as re,q as le}from"./index-g0nOWR6_.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-DjASf5JB-Cl6HBn0O.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=H.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:h,page:v})=>{const g=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),g.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===g.length-1,amount:h,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:J(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:h,isSetup:v,isLast:g,amount:a,page:x})=>{const _=X().analytics,L=K(),t=Q(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,G]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),G(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(ge,{windowSize:t,children:[e.jsxs(he,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:h,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:h?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(q,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}):h?e.jsxs(ke,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(q,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...g?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(D,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(C,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(C,{children:o.strings.dividerDot}),e.jsx(C,{style:{minWidth:"140px"},children:c.label}),e.jsxs(C,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(Ce,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(De,{})]})]}),(!g||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
+import{j as e,M as H,o as n,iB as J,q as U,d2 as K,u as X,X as Q,_ as N,C as W,bs as f,g as k,bG as q,w as A,dp as V,ae as Z,al as ee,b4 as ie,bc as se,f as ne,d4 as re,n as le}from"./index-ji6aa7AC.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-CDRG_Dxk-BbsHEkM1.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=H.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:J(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=K().analytics,L=X(),t=Q(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,G]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),G(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(B,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(E,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(F,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(D,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(D,{children:o.strings.dividerDot}),e.jsx(D,{style:{minWidth:"140px"},children:c.label}),e.jsxs(D,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(De,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(Ce,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
   display: flex;
   flex-direction: row;
   gap: ${n.sp2};
   width: 100%;
-`,xe=s(F)`
+`,xe=s(U)`
   color: ${i=>i.theme.colors.hero};
 `,me=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
-`,he=s.div`
+`,ge=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   align-items: flex-start;
-`,ge=s.div`
+`,he=s.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   width: 100%;
@@ -27,7 +27,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   flex-direction: column;
   align-items: flex-start;
   width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,fe=s(U)`
+`,fe=s(q)`
   color: ${k.graphColor34Dark};
   max-width: 280px;
 `,we=s.span`
@@ -44,7 +44,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   color: ${i=>i.theme.colors.primary};
   min-width: ${n.sp7};
   text-align: left;
-`,b=s(U)`
+`,b=s(q)`
   color: ${k.success};
   margin-top: ${i=>y.portfolioYieldMarginTop.valuePx(i.windowSize)};
 `,S=s(A)`
@@ -58,7 +58,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   flex-direction: row;
   align-items: flex-start;
   gap: ${n.sp1};
-`,q=s(A)`
+`,B=s(A)`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -106,7 +106,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   align-items: center;
   gap: ${n.sp1};
   cursor: pointer;
-`,D=s(Z)`
+`,C=s(Z)`
   width: 12px;
   height: 12px;
   color: ${i=>i.theme.colors.hero};
@@ -117,7 +117,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   justify-self: flex-start;
   gap: ${n.sp2};
   margin-bottom: ${n.sp3};
-`,C=s(F)`
+`,D=s(U)`
   color: ${i=>i.theme.colors.hero};
 `,Se=s.div`
   display: flex;
@@ -129,10 +129,10 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   padding: 1px 6px;
   border: 1px solid ${i=>i.theme.colors.grey2};
   border-radius: ${n.sp1};
-`,De=s(re)`
+`,Ce=s(re)`
   width: 12px;
   height: 12px;
-`,Ce=s.div`
+`,De=s.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -191,7 +191,7 @@ import{j as e,M as H,o as n,iD as J,t as F,d3 as X,u as K,X as Q,_ as N,C as W,b
   flex-direction: column;
   align-items: flex-start;
   flex: 1;
-`,B=s.div`
+`,F=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;

package/dist/assets/{ProductsCarousel-0-ksFQos-BVU1DIhA.js → ProductsCarousel-DpevGHyq-M7sMCRPA.js}

@@ -1,4 +1,4 @@
-import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,t as L,d5 as R,g as v}from"./index-g0nOWR6_.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},U={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=U.large,B=i.div`
+import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,q as L,d4 as R,g as v}from"./index-ji6aa7AC.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},U={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=U.large,B=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   overflow: hidden;
@@ -33,7 +33,7 @@ import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,t as L,d5 as
   text-align: left;
 `,N=i(y.large.seeMoreLink)`
   color: ${e=>e.theme.colors.brandColorJadeDark};
-`,A=i.div`
+`,q=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   padding: ${e=>e.scale*e.padding}px;
@@ -43,10 +43,10 @@ import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,t as L,d5 as
   flex-direction: column;
   box-sizing: border-box;
   z-index: 20;
-`,H=i.a`
+`,A=i.a`
   text-decoration: none;
   display: inline-block;
-`,q=i.div`
+`,H=i.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -76,7 +76,7 @@ import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,t as L,d5 as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(A,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(q,{children:[t.jsxs(K,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(Q,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(V,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(B,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(H,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
+`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(q,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(H,{children:[t.jsxs(K,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(Q,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(V,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(B,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(A,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
   width: 100%;
   height: 100%;
   position: relative;
@@ -135,4 +135,4 @@ import{M as X,j as t,d3 as I,o as l,bp as O,ak as P,d4 as D,Z as F,t as L,d5 as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(1.02)
     }
   `}
-`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,j]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(j(!0),m(p=>(p+r+b)%b),setTimeout(()=>j(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],k=g===x;return t.jsx(se,{isForeFront:k,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>k&&c(!0),onMouseLeave:()=>k&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ce=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};
+`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,k]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(k(!0),m(p=>(p+r+b)%b),setTimeout(()=>k(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],j=g===x;return t.jsx(se,{isForeFront:j,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>j&&c(!0),onMouseLeave:()=>j&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ce=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};