@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/TreasuryOverviewPage-lmaT3YkG-DTrJbZN8.js

@@ -1,725 +0,0 @@
-import{_ as te,V as t,fA as Xe,K as L,y as R,h as qe,fB as Qe,fD as Ze,bA as et,a5 as _,bi as he,a_ as tt,w as de,P as F,L as it,fM as ot,o as i,x as w,f as T,O as M,c as b,b6 as nt,eE as oe,N,u as p,ao as me,ba as He,ab as Ke,fe as at,aM as rt,a as st,cK as lt,l as B,aj as dt,iw as ct,fO as pt,aB as ht,e5 as mt,cs as xt,fb as gt,bQ as ut,jn as yt,eF as ge,j as U,bg as ft,bV as ue,i7 as wt,bY as $t}from"./index-onESlw0k.js";import{a as y,b as bt}from"./sentry-CZ5rBRIL.js";import{n as o,c as ye}from"./mui-B0LS8eOU.js";import{bG as X,bp as jt}from"./zeni-epic-state-Cr-rO4HZ.js";import{s as vt}from"./commonDimensions-Bno19oYe-CEAcpM9E.js";import{a as St,M as Ye,S as Fe,L as Ct,_ as kt}from"./common-Dx_KVthm-CevE2N5L.js";import{g as fe}from"./BoxItem-Yk1jfFWZ-bm0K3UqJ.js";import{o as zt}from"./transaction-placeholder-CpOwZAMG-COfSIfub.js";import{y as Tt}from"./MoreMenuButton-BCREj5dQ-BCylVRTR.js";import{o as Pt}from"./money-2cg1MuG4-Dkp2kPMU.js";import{o as Dt}from"./shield-DOlUxcFf-DzA5SBv7.js";import{R as we,N as $e,X as be,Y as je,O as ve,F as Lt}from"./recharts-C5uMntUw.js";import"./pdf-DEiLcZtJ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.js";import"./calculateSize-B4Atw2cK-BK5U-vIk.js";import"./bank-letter-BOcVjN6J-Cei8xClC.js";import"./spend-limit-D6SyboD4-DcVPGNzj.js";import"./dollar-round-D18u7nlm-DzhQnUAS.js";import"./page-summary-D7_VQHwN-B_SO8YR9.js";import"./unlock-BPWn2I5L-dCTUzMJK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="96a64ada-772d-4e0b-b05d-ec4dcb380663",e._sentryDebugIdIdentifier="sentry-dbid-96a64ada-772d-4e0b-b05d-ec4dcb380663")}catch{}})();const xe=M.getLocalizedStrings().spendManagement.treasury.overviewPage.header,It={key:"description",value:xe.trasnactionTitle,sortOrder:"ascending",width:new w(120,250,400,400,500)},Mt={key:"date",value:xe.paymentDate,sortOrder:"ascending",width:new w(100,120,200,250,300)},Ot={key:"amount",value:xe.amount,sortOrder:"ascending",width:new w(80,100,150,180,200)},ce=()=>[It,Mt,Ot],z={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new w(p[0],p[4]),headerLastColumnRightPadding:new w(p[3],p[11]),headerLastColumnBottomPadding:new w(p[0],p[4]),headerLastColumnLeftPadding:new w(p[3],p[11]),headerHeight:new w(Ye,Fe),sortIconSize:new w(p[2],p[2]),headerPaddingTop:new w(p[0],2)},At=bt.memo(function({companyNameSticky:e,sortConfig:n,onColumnSortConfigChanged:a}){const s=R(),l=L(),[r,u]=y.useState(ce());y.useEffect(()=>{const d=[...r];for(const h of d)h.key===n.sortKey?h.sortOrder=n.sortOrder:h.sortOrder="ascending";u(d)},[n.sortKey,n.sortOrder]);const m=(d,h)=>{let c=h;n.sortKey===d&&(c=h==="ascending"?"descending":"ascending"),a(d,c)},x=r.find(d=>d.key===n.sortKey)??r[0],g=r.map(d=>d.key),f=M.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(Nt,{windowSize:l,children:[t.jsxs(Kt,{children:[t.jsx(Ft,{children:t.jsx(Yt,{})}),t.jsx(ft,{title:f.sortBy,placeholder:f.sortBy,pickerValues:g,valueToLabel:d=>r.find(h=>h.key===d)?.value??"",selectedValue:n.sortKey,onPickerSelectionChanged:d=>{m(d,"ascending")},optionTextStyle:de.extraSmallRegular,titleTextStyle:de.extraSmallRegular,titleColor:s.colors.primary,selectedOptionColor:s.colors.hero,optionBackgroundColor:s.colors.grey5,downChevronVisible:!1,backgroundColor:s.colors.grey4})]}),t.jsxs(Gt,{onClick:()=>m(x.key,x.sortOrder),"data-testid":F("mobile-cards-list-sort-clicked",n.sortKey),children:[t.jsx(U,{children:x.value}),t.jsx(Se,{windowSize:l,sortDataValue:n.sortKey,headerdata:x,children:t.jsx(Ce,{windowSize:l,isSelected:n.sortKey===x.key,children:t.jsx(ue,{})})})]})]}):t.jsx(Rt,{windowSize:l,children:t.jsx(Bt,{children:r.map(d=>d.width.value(l)!==0&&t.jsxs(Et,{companyNameSticky:e,sortDataValue:n.sortKey,actualDataValue:d.key,wrapperWidth:d.width,windowSize:l,children:[t.jsxs(Wt,{onClick:()=>m(d.key,d.sortOrder),"data-testid":F("cards-list-sort-clicked",n.sortKey),children:[t.jsx(U,{children:d.value}),t.jsx(Se,{windowSize:l,sortDataValue:n.sortKey,headerdata:d,children:t.jsx(Ce,{windowSize:l,isSelected:n.sortKey===d.key,children:t.jsx(ue,{})})})]}),t.jsx(Vt,{sortDataValue:n.sortKey,windowSize:l,isVisible:n.sortKey===d.key&&d.key!=="date",children:t.jsx(Ht,{onClick:()=>m("date","ascending"),"data-testid":F("cards-list-sort-cancel",n.sortKey)})})]},d.key))})})}),Rt=o.div`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-  margin-left: ${i.sp8};
-  margin-right: ${i.sp8};
-`,Bt=o.div`
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${z.containerPaddingTop} ${z.containerPaddingRight}
-    ${z.containerPaddingBottom} ${z.containerPaddingLeft};
-  justify-content: space-between;
-`,Nt=o(T)`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  min-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>z.headerHeight.valuePx(e.windowSize)};
-  width: auto;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${e=>`${z.headerLastColumnTopPadding.valuePx(e.windowSize)} ${z.headerLastColumnRightPadding.valuePx(e.windowSize)} ${z.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${z.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,Et=o.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.hero};
-  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  min-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
-  padding-left: ${e=>e.companyNameSticky?i.sp4:i.sp0};
-  padding-right: ${i.sp0};
-  display: flex;
-  align-items: center;
-  left: ${i.sp0};
-  justify-content: ${e=>e.actualDataValue==="amount"?"flex-end":"flex-start"};
-  ${e=>e.companyNameSticky?ye`
-          position: sticky;
-          z-index: 1;
-        `:ye`
-          position: static;
-          z-index: 0;
-        `};
-
-  padding-left: ${i.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-`,Ht=o($t)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,Se=o.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.headerdata.sortOrder==="ascending"?`padding-top: ${z.headerPaddingTop.valuePx(e.windowSize)}`:"padding-bottom: 2px"}
-`,Ce=o.div`
-  width: ${({windowSize:e})=>z.sortIconSize.valuePx(e)};
-  height: ${({windowSize:e})=>z.sortIconSize.valuePx(e)};
-  cursor: pointer;
-  color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Kt=o.div`
-  gap: ${i.sp1};
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,Yt=o(wt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: inherit;
-`,Ft=o.div`
-  margin-right: ${i.sp1};
-  display: flex;
-  align-items: center;
-`,Vt=o.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-`,Wt=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Gt=o.div`
-  display: flex;
-  cursor: pointer;
-  gap: 5px;
-  color: ${e=>e.theme.colors.primary};
-`,q={containerPaddingLeft:new w(p[3],p[4]),containerPaddingRight:new w(p[2],p[3]),containerPaddingTop:new w(p[2],p[3]),containerPaddingBottom:new w(p[2],p[3])},{common:{strings:{empty:Q}}}=M.getLocalizedStrings();function _t({data:e,boxType:n,index:a,isTreasuryCommentingEnabled:s=!1}){const{description:l,amount:r,status:u,date:m}=e,x=_("0,0.00",r),g=L(),{dateFormat:f}=M.getLocalizedStrings(),d=ce(),h=d[0].width,c=d[1].width,$=d[2].width,v=yt(u),j=te(),k=`dashboard_${j.currentTenant?.companyId}`,P=`list.${e.id}`,O={application:"dashboard",companyId:j.currentTenant?.companyId,tab:"treasury",entityType:`treasury.${P}`,entityId:e.id,isGlobalComment:!1};if(g==="small"){const S=t.jsx(ii,{children:t.jsxs(oi,{children:[t.jsxs(ni,{children:[t.jsxs(ri,{children:[t.jsx(ke,{}),t.jsx(si,{children:t.jsx(li,{children:t.jsxs(di,{children:[l,u!=null&&u.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(ci,{}),t.jsx(pi,{color:v?.color,children:v?.value})]}):null]})})})]}),t.jsx(hi,{children:t.jsx(mi,{children:m!=null?`${ce()[1].value}: `+m.format(f.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(ai,{children:t.jsx(xi,{children:t.jsx(Te,{children:x})})})]})}),D=t.jsx(fe,{content:S,boxType:n,isDisabled:!0,isNotClickable:!0});return s?t.jsx(ge,{isThreadAllowed:!0,entityId:e.id,dashboardTabKey:P,roomId:k,companyId:j.currentTenant?.companyId??Q,companyName:j.currentTenant?.companyName??Q,dashboardOptionType:"treasury",preferredRenderDirection:a===0?"down":void 0,filterMetaData:O,children:D}):D}const ie=t.jsxs(Ut,{windowSize:g,children:[t.jsxs(Jt,{windowSize:g,width:h,children:[t.jsx(ke,{}),t.jsxs(Qt,{windowSize:g,children:[t.jsx(ze,{children:l}),u!=null&&u.code!=="completed"?t.jsxs(Zt,{windowSize:g,children:[t.jsx(ti,{}),t.jsx(ei,{color:v?.color,children:v?.value})]}):null]})]}),t.jsx(Xt,{windowSize:g,width:c,children:t.jsx(ze,{children:m!=null?m.format(f.visual.MMMDCommaYYYYformat):null})}),t.jsx(qt,{windowSize:g,width:$,children:t.jsx(Te,{children:x})})]}),J=t.jsx(fe,{content:ie,boxType:n,isDisabled:!0,isNotClickable:!0});return s?t.jsx(ge,{isThreadAllowed:!0,entityId:e.id,dashboardTabKey:P,roomId:k,companyId:j.currentTenant?.companyId??Q,companyName:j.currentTenant?.companyName??Q,dashboardOptionType:"treasury",preferredRenderDirection:a===0?"down":void 0,filterMetaData:O,children:J}):J}const Ut=o.div`
-  width: 100%;
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>q.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>q.containerPaddingRight.valuePx(e.windowSize)};
-  padding-top: ${e=>q.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>q.containerPaddingBottom.valuePx(e.windowSize)};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${b.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${b.dropShadowNormalLight}`};
-  border-radius: ${i.sp2};
-  justify-content: space-between;
-  align-items: center;
-`,Jt=o.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  max-width: ${e=>e.width.valuePx(e.windowSize)};
-  min-width: ${e=>e.width.valuePx(e.windowSize)};
-  padding-left: ${i.sp0};
-  box-sizing: border-box;
-`,Xt=o.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  max-width: ${e=>e.width.valuePx(e.windowSize)};
-  min-width: ${e=>e.width.valuePx(e.windowSize)};
-  box-sizing: border-box;
-`,qt=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  width: ${e=>e.width.valuePx(e.windowSize)};
-  max-width: ${e=>e.width.valuePx(e.windowSize)};
-  min-width: ${e=>e.width.valuePx(e.windowSize)};
-  padding-right: ${i.sp2};
-  box-sizing: border-box;
-`,ke=o(zt)`
-  width: ${i.sp4};
-  height: ${i.sp4};
-`,ze=o(B)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${i.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,Qt=o.div`
-  display: flex;
-  align-items: center;
-  text-align: left;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  margin-left: ${i.sp3};
-  max-height: ${i.sp11};
-  word-break: break-word;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`,Zt=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-`,ei=o(U)`
-  color: ${e=>e.color};
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  display: -webkit-box;
-`,ti=o.div`
-  display: block;
-  width: ${i.sp1};
-  height: ${i.sp1};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey1};
-  margin-left: ${i.sp2};
-  margin-right: ${i.sp2};
-`,Te=o(B)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  text-align: right;
-  width: 100%;
-`,ii=o.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${i.sp3};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${b.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${b.dropShadowNormalLight}`};
-  border-radius: ${i.sp2};
-  gap: ${i.sp1};
-`,oi=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: flex-start;
-`,ni=o.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-  max-width: 60%;
-`,ai=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-left: ${i.sp4};
-`,ri=o.div`
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: ${i.sp1};
-`,si=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  margin-left: ${i.sp3};
-  flex: 1;
-  min-width: 0;
-`,li=o.div`
-  width: 100%;
-`,di=o(B)`
-  display: block;
-  color: ${e=>e.theme.colors.hero};
-  line-height: 1.4;
-  text-align: left;
-  word-break: break-word;
-  overflow-wrap: break-word;
-`,ci=o.span`
-  display: inline-block;
-  width: ${i.sp1};
-  height: ${i.sp1};
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.grey1};
-  margin-left: ${i.sp2};
-  margin-right: ${i.sp2};
-  vertical-align: middle;
-`,pi=o(U)`
-  display: inline;
-  color: ${e=>e.color};
-  white-space: nowrap;
-`,hi=o.div`
-  display: flex;
-  align-items: center;
-  margin-top: ${i.sp1};
-  margin-left: ${i.sp6};
-`,mi=o(U)`
-  color: ${e=>e.theme.colors.grey1};
-  text-align: left;
-`,xi=o.div`
-  display: flex;
-  align-items: flex-start;
-`,pe={lastListItemHeight:new w(200,128),rowWrapperMarginLeftRight:new w(p[3],p[8])},{spendManagement:{chargeCard:gi},common:ui}=M.getLocalizedStrings(),yi=({transactionList:e,uiState:n,fetchState:a,isTreasuryCommentingEnabled:s=!1,onReloadCards:l,onColumnSortConfigChanged:r})=>{const u=L(),m=y.useRef(null),x=y.useMemo(()=>u!=="small"?St:vt+40,[u]),g=()=>x,f=u==="small"?Ye:Fe,d=y.useMemo(()=>e.length*x+f,[e.length,x,f]);return y.useEffect(()=>{m.current?.resetAfterIndex(0)},[u]),t.jsx(ji,{fetchState:a,children:a==="Error"?t.jsxs(vi,{children:[t.jsx(Si,{onClick:l,"data-testid":F("treasury-list-reload"),children:t.jsx(Ci,{})}),t.jsx(ki,{children:ui.reloadPage.label})]}):a==="Completed"&&e.length===0?null:t.jsx(We,{children:t.jsx(zi,{windowSize:u,children:t.jsx(ut,{ref:m,height:d,itemCount:e.length,innerElementType:h=>fi(h,r,n,a),itemSize:g,estimatedItemSize:kt,itemKey:h=>e[h].id,width:"100%",overscanCount:Ct,initialScrollOffset:0,style:{overflow:"hidden"},children:h=>t.jsx($i,{...h,transactionList:e,isTreasuryCommentingEnabled:s})})})})})},fi=(e,n,a,s)=>t.jsx(Ve,{...e,onColumnSortConfigChanged:n,uiState:{sortKey:a.sortKey,sortOrder:a.sortOrder},fetchState:s}),Ve=y.forwardRef((e,n)=>{const{children:a,style:s,uiState:l,onColumnSortConfigChanged:r,...u}=e;return t.jsxs(We,{ref:n,style:{...s,width:"auto"},...u,children:[t.jsx(At,{companyNameSticky:!1,onColumnSortConfigChanged:r,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(Pi,{children:a})]})});Ve.displayName=gi.cardList.headerElementDisplayName;const wi=({transactionList:e,fetchState:n,uiState:a,isTreasuryCommentingEnabled:s=!1,onReloadCards:l,onColumnSortConfigChanged:r})=>t.jsx(yi,{transactionList:e,fetchState:n,onReloadCards:l,uiState:a,isTreasuryCommentingEnabled:s,onColumnSortConfigChanged:r}),$i=({index:e,style:n,transactionList:a,isTreasuryCommentingEnabled:s})=>{const l=L();return t.jsx(Ti,{style:{...n,width:"100%",paddingLeft:pe.rowWrapperMarginLeftRight.valuePx(l),paddingRight:pe.rowWrapperMarginLeftRight.valuePx(l)},className:"spend-management-list-item",children:t.jsx(bi,{transaction:a[e],index:e,isTreasuryCommentingEnabled:s})},"listItem"+a[e].id)},bi=({transaction:e,index:n,isTreasuryCommentingEnabled:a})=>t.jsx(_t,{data:e,boxType:"roundedBox",index:n,isTreasuryCommentingEnabled:a},e.id),ji=o.div`
-  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
-  display: block;
-  height: 100%;
-`,vi=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Si=o.div`
-  height: 96px;
-  width: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-`,Ci=o(He)`
-  height: ${i.sp5};
-  width: ${i.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ki=o(Ke)`
-  margin-top: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,zi=o.div`
-  width: 100%;
-  max-width: 100%;
-  overflow-x: auto;
-  .spend-management-list-item:last-of-type {
-    height: ${e=>pe.lastListItemHeight.valuePx(e.windowSize)} !important;
-    padding-bottom: ${i.sp9};
-  }
-`,Ti=o.div`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  padding-bottom: ${i.sp3};
-  box-sizing: border-box;
-`,Pi=o.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,We=o.div``,Di=["editPortfolio","taxLetter","statements","settings"],Z=M.getLocalizedStrings().spendManagement.treasury.overviewPage,Pe=[{value:"editPortfolio",label:Z.editPortfolio},{value:"taxLetter",label:Z.taxLetter},{value:"statements",label:Z.statements},{value:"settings",label:Z.settings}],Li=({onOptionSelection:e,onTransferClick:n,isTreasuryCommentingEnabled:a=!1,isThreadsLoading:s=!1,threadsCount:l=0,onCommentIconClick:r})=>{const u=te(),m=L(),x=M.getLocalizedStrings().spendManagement.treasury.overviewPage,g=u.loggedInUserRoleMap.treasury_user===!0||at(u),f=Pe.filter(h=>h.value==="statements"||h.value==="taxLetter"),d=R();return t.jsxs(Ii,{isTopAlign:!1,children:[a?t.jsxs(Oi,{isDisabled:s,"data-testid":F("treasury-comment-button"),onClick:s?()=>null:h=>{h.preventDefault(),h.stopPropagation(),r?.()},children:[t.jsx(rt,{count:s?void 0:l,isLoading:s,style:{left:"12px"}}),t.jsx(Ai,{})]}):null,t.jsx(Tt,{entity:"zeni_treasury",onOptionSelection:h=>{const c=($=>jt($??"",Di))(h);c!=null&&e(c)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:g?f:Pe,customStyleConfig:{container:h=>({...h,marginLeft:0})}}),!g&&(m==="small"?t.jsx(Mi,{onClick:n}):t.jsx(st,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:n,label:x.transferFunds}))]})},Ii=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-  gap: ${i.sp3};
-`,Mi=o(Pt)`
-  min-width: ${i.sp4};
-  width: ${i.sp4};
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,Oi=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-  color: ${e=>e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ai=o(pt)`
-  display: flex;
-  width: ${i.sp4};
-  height: ${i.sp4};
-  align-items: center;
-  justify-content: center;
-`,Ri=o.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,I={tickLabelText:new N("extraSmallRegular","smallRegular"),balanceIntegerStyles:new N("h5Regular","h3Regular"),integerStyles:new N("largeRegular","h6Regular"),decimalStyles:new N("standardRegular","standardRegular"),fundSummaryStyles:new N("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new N("standardMedium","largeMedium")},A={accountDetailHeaderPaddingRight:new w(p[3],p[8]),accountDetailHeaderPaddingBottom:new w(p[3],p[6]),accountDetailHeaderPaddingLeft:new w(p[3],p[8]),accountDetailHeaderPaddingTop:new w(p[3],p[6]),accountDetailContentMarginTop:new w(p[4],p[4]),areaChartHeight:new w(114,209),accountDetailHeaderGap:new w(18,100,184)},{spendManagement:{zeniAccounts:De,treasury:{overviewPage:C}},dateFormat:ne,common:Bi}=M.getLocalizedStrings(),Ge=y.memo(({accountHistory:e})=>{const n=L(),a=R(),[s,l]=y.useState(),r=y.useMemo(()=>{const c=X(new Date().toISOString()),$=c.clone().subtract(84,"day");return Array.from({length:7}).map((v,j)=>{const k=j/6;let P;return P=k<.5?0:k<.6?(k-.5)/.09999999999999998*.9:.9,{date:(j===6?c:$.clone().add(Math.round(14*j),"day")).toISOString(),value:P}})},[]),u=y.useMemo(()=>(r.length,0),[r.length]),m=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(c=>c.balance?.available.amount===0)),x=y.useMemo(()=>e.accountHistoryWithBalance.map(c=>({...c,date:c.date.toISOString()})),[e.accountHistoryWithBalance]),g=y.useCallback(c=>{const $=Array.isArray(c)?c:[];let v="",j="";if(Array.isArray($)&&$.length>0){const k=$[0].payload?.balance?.available;j=_("0,0[.]00",k),v=X($[0].payload?.date??"").format(ne.visual.DMMMYYYYFormat)}return t.jsxs(go,{children:[t.jsx(Re,{children:v}),t.jsx(Re,{isSublabel:!0,children:j})]})},[]),f=y.useCallback(c=>{const $=c,{x:v,y:j}=$,{value:k}=$.payload;let P=!1;e.accountHistoryWithBalance.length>360&&(P=!0);const O=P?X(k).format(ne.visual.MMMformat):X(k).format(ne.visual.MMMDFormat);return t.jsx(ao,{translateX:v,translateY:j,children:t.jsx(po,{windowSize:n,dy:20,dx:-25,children:O})})},[e.accountHistoryWithBalance.length,n]),d=y.useCallback(({cx:c,cy:$,dataKey:v})=>(v==="balance.available.amount"&&(s?.x!==c||s?.y!==$)&&l({x:c,y:$}),t.jsx(uo,{cx:c,cy:$,strokeWidth:1,r:p[1]})),[s]),h=y.useMemo(()=>{const c=e.accountHistoryWithBalance.length;return c<=0?0:c>360?Math.floor(c/12):Math.floor(c/7)},[e.accountHistoryWithBalance.length]);return t.jsx(ho,{children:m?t.jsxs(So,{children:[t.jsx(we,{height:A.areaChartHeight.value(n),width:"99%",children:t.jsxs($e,{data:r,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Ie,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Me,{offset:"0%",stopColor:a.colors.grey2,stopOpacity:1}),t.jsx(Oe,{offset:"100%",stopColor:a.colors.grey2,stopOpacity:.02})]})}),t.jsx(be,{dataKey:"date",stroke:a.colors.grey3,tickSize:0,tick:c=>f(c),interval:u,padding:{right:p[4]}}),t.jsx(je,{tick:!1,axisLine:!1,domain:[0,1]}),t.jsx(ve,{activeDot:void 0,fillOpacity:1,dot:!1,type:"monotone",dataKey:"value",stroke:a.colors.grey2,strokeDasharray:"4 4",fill:"url(#colorUv)"})]})}),t.jsx(Co,{children:t.jsx(vo,{children:C.noData})})]}):t.jsx(we,{height:A.areaChartHeight.value(n),width:"99%",children:t.jsxs($e,{data:x,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Ie,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Me,{offset:"0%",stopColor:b.brandColorJade,stopOpacity:1}),t.jsx(Oe,{offset:"100%",stopColor:b.brandColorJade,stopOpacity:.03})]})}),t.jsx(be,{dataKey:"date",stroke:a.colors.grey3,tickSize:0,reversed:!0,tick:c=>f(c),padding:{right:p[4]},interval:h}),t.jsx(je,{tick:!1,axisLine:!1}),t.jsx(Lt,{position:s,content:({payload:c})=>g(c),cursor:{strokeDasharray:"3",stroke:b.brandColorJade}}),t.jsx(ve,{activeDot:d,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:b.brandColorJade,fill:"url(#colorUv)"})]})})})});Ge.displayName="AccountBalanceGraph";const Ni=M.getLocalizedStrings(),{common:{texts:{comments:Ei},strings:{empty:Hi}},collaboration:{threads:{placeholder:{addANewComment:Ki,replyAComment:Yi},tooltip:{resolveComment:Fi,unResolveComment:Vi}}}}=Ni,Wi={drawerSectionPaddingLeftRight:new w(p[4],p[5])},Le=({treasuryDetail:e,treasurySetupView:n,isTreasuryCommentingEnabled:a=!1,onColumnSortConfigChanged:s,onBackClick:l,onReloadTreasuryTransactions:r,handleTreasuryOptionSelection:u,onTransferClick:m})=>{const x=L(),g=R(),f=qe().analytics,d=te(),[h,c]=y.useState(!1),{setOpenThread:$}=y.useContext(Qe),{threads:v,isLoading:j}=Ze(),k=y.useMemo(()=>v.filter(S=>S.resolved===!1),[v]).length,P=y.useCallback((S,D)=>{$(D),c(!1)},[$]);et({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const O=e.accountSummary,ie=y.useCallback(S=>{let D,V=null;switch(S){case"insuredFunds":V=t.jsx(Be,{children:C.insuredFundsTooltip}),D="280px";break;case"totalBalance":V=t.jsxs(jo,{children:[t.jsx(bo,{children:C.balanceTooltip.base}),t.jsxs(re,{children:[t.jsx(se,{children:C.balanceTooltip.balance}),t.jsx(le,{children:_("0,0[.]00",O?.totalBalance)})]}),t.jsxs(re,{children:[t.jsx(se,{children:C.balanceTooltip.processing}),t.jsx(le,{children:_("0,0[.]00",O?.processingBalance)})]}),t.jsxs(re,{children:[t.jsx(se,{children:C.balanceTooltip.available}),t.jsx(le,{children:_("0,0[.]00",O?.availableBalance)})]})]}),D="312px";break;case"sevenDayYield":V=t.jsx(Be,{children:C.fundTile.sevenDayYieldTooltip}),D="464px";break;default:V=t.jsx(t.Fragment,{})}return t.jsx(Ue,{children:t.jsx(he,{display:"flex",placement:x==="small"?"bottom":"top",title:V,style:{textAlign:"left"},maxWidth:D,children:S==="insuredFunds"?t.jsx(Ho,{}):t.jsx(Je,{})})})},[O,x]),J=t.jsx(Li,{onOptionSelection:S=>{f.trackTreasuryDashboardInteraction((()=>{switch(S){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),u(S)},onTransferClick:()=>{f.trackTreasuryDashboardInteraction("Transfer Funds"),m()},isTreasuryCommentingEnabled:a,isThreadsLoading:j,threadsCount:k,onCommentIconClick:()=>{c(!0),f.trackCommentActivity("treasury","clicked",d.currentTenant?.companyName??Hi,d.controllersList.controllers.map(S=>lt(S)),void 0,void 0,"page icon")}});return t.jsxs(Zi,{children:[t.jsx(tt,{title:C.title,onBackClick:l,showMenuIcon:!1,backgroundColor:g.colors.grey5,style:{zIndex:3,...de.largeSemiBold.cssObject},rightSideComponent:J,source:"treasury"}),t.jsxs(eo,{windowSize:x,children:[t.jsxs(to,{windowSize:x,children:[t.jsx(Gi,{fundAllocation:n.currentAllocation,fundsData:n.fundsData,getToolTipContent:ie,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(no,{windowSize:x,children:t.jsx(Ge,{accountHistory:e.accountHistory})})]}),t.jsx(_i,{analytics:f,fundsData:n.fundsData,fundAllocation:n.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(_e,{treasuryDetail:e,isTreasuryCommentingEnabled:a,onColumnSortConfigChanged:s}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(ro,{children:[t.jsx(so,{onClick:r,"data-testid":F("account-detail-reload"),children:t.jsx(co,{})}),t.jsx(lo,{children:Bi.reloadPage.label})]}):t.jsx(Ri,{children:t.jsx(it,{size:"ExtraLarge",start:!0})}),a?t.jsx(ot,{isDrawerOpen:h,allowComposer:!1,drawerTitle:Ei,threads:v,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:d.currentTenant?.companyId,isGlobalComment:!1,tab:"treasury"},isLoading:j,textOverrides:{composerPlaceholder:Ki,replyComposerPlaceholder:Yi,threadResolve:Fi,threadUnResolve:Vi},onThreadClick:(S,D)=>P(S,D),onCloseAllThreadsDrawer:()=>c(!1),drawerSectionStyle:{width:x==="small"?"100%":"400px",boxSizing:x==="small"?"border-box":"content-box",padding:`${i.sp0} ${Wi.drawerSectionPaddingLeftRight.valuePx(x)}`,backgroundColor:g.colors.background},collapsibleThreadStyle:{width:x==="small"?"100%":"360px"}}):null]})},Sn=e=>{const n=te().currentTenant?.companyId;if(e.isTreasuryCommentingEnabled!==!0||n==null)return t.jsx(Le,{...e});const a=`dashboard_${n}`;return t.jsx(Xe,{roomId:a,filter:{application:"dashboard",companyId:n,tab:"treasury",isGlobalComment:!1},children:t.jsx(Le,{...e})})},_e=y.memo(({treasuryDetail:e,isTreasuryCommentingEnabled:n=!1,onColumnSortConfigChanged:a})=>{const s=L();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(Qi,{windowSize:s,children:t.jsx(wi,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,isTreasuryCommentingEnabled:n,onReloadCards:()=>{},onColumnSortConfigChanged:a})}):t.jsx(qi,{})})});_e.displayName="TransactionListScreen";const Gi=({treasuryDetail:e,hasAccountActivity:n,getToolTipContent:a,fundAllocation:s,fundsData:l})=>{const r=L(),[u,m]=y.useState(!1);return y.useEffect(()=>{u===!0&&setTimeout(()=>{m(!1)},800)},[u]),t.jsxs(io,{children:[t.jsxs(ee,{children:[t.jsx(mo,{children:t.jsxs(G,{children:[W(De.zeniAccountList.totalAvailableBalance),a("totalBalance")]})}),t.jsx($o,{windowSize:r,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(oe,{amount:e.accountSummary?.availableBalance,integerStyles:I.balanceIntegerStyles.styleObject(r),decimalStyles:I.balanceIntegerStyles.styleObject(r)})}):null})]}),t.jsxs(ee,{children:[t.jsxs(G,{children:[W(C.insuredFunds),a("insuredFunds")]}),t.jsx(ae,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(oe,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:I.integerStyles.styleObject(r),decimalStyles:I.decimalStyles.styleObject(r)})}),t.jsx(G,{children:W(C.insuredFundsAmount)})]}),n&&t.jsxs(oo,{children:[t.jsxs(Ae,{children:[t.jsx(G,{children:W(De.common.totalYieldEarned)}),t.jsx(ae,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(oe,{amount:e.accountSummary?.totalYield,integerStyles:I.integerStyles.styleObject(r),decimalStyles:I.decimalStyles.styleObject(r)})})]}),t.jsxs(Ae,{children:[t.jsxs(G,{children:[W(C.sevenDayYield)," ",a("sevenDayYield")]}),t.jsx(ae,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(xo,{windowSize:r,children:[Xi(s??{},l),"%"]})})]})]})]})},_i=({analytics:e,fundsData:n,fundAllocation:a,hasAccountActivity:s})=>{const[l,r]=y.useState(!1),u=L(),m=R(),x=()=>{r(g=>!g)};return t.jsx(ko,{windowSize:u,allTilesExpanded:l,children:n.map((g,f)=>{const d=l,h=me(f,m);return t.jsxs(zo,{expanded:d,windowSize:u,children:[t.jsx(Bo,{bgColor:h.headerBackground}),t.jsx(Ui,{fund:g,fundIndex:f,fundAllocation:a!=null?a[g.fundCode]:0,hasAccountActivity:s}),!l&&t.jsx(To,{children:t.jsxs(Do,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+g.fundCompanyName+" "+g.fundName),x()},children:[C.fundTile.viewDetails,t.jsx(fo,{})]})}),d&&t.jsxs(t.Fragment,{children:[t.jsx(Xo,{}),t.jsx(Ji,{analytics:e,fund:g,fundIndex:f,onHide:x})]})]},g.fundCode)})})},Ui=({fund:e,fundIndex:n,fundAllocation:a})=>{const s=R(),l=me(n,s),r=L();return t.jsxs(Po,{windowSize:r,children:[t.jsxs(Ne,{style:{width:r==="small"?"100%":"50%"},children:[t.jsx(Io,{children:t.jsxs(Mo,{children:[t.jsx(Ee,{windowSize:r,children:e.fundCode}),t.jsxs(Ee,{windowSize:r,children:[a,"%"]})]})}),t.jsxs(Oo,{color:l.fundNameColor,children:[t.jsx(ee,{children:e.fundCompanyName}),t.jsx(ee,{children:e.fundName})]})]}),t.jsx(Lo,{windowSize:r,children:t.jsxs(Ne,{style:{alignItems:r==="small"?"flex-start":"flex-end"},children:[t.jsxs(Ro,{children:[C.sevenDayYield,t.jsx(Ue,{style:{marginRight:"-20px",marginTop:"2px"},children:t.jsx(he,{placement:r==="small"?"bottom":"bottom-end",data:C.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:t.jsx(Je,{})})})]}),t.jsxs(Ao,{windowSize:r,children:[e.yield,"%"]})]})})]})},Ji=({analytics:e,fund:n,fundIndex:a,onHide:s})=>{const l=R(),{common:r,spendManagement:u}=M.getLocalizedStrings(),m=u.treasury.promoPage,x=me(a,l);return t.jsxs(t.Fragment,{children:[t.jsx(Ko,{children:n.description}),t.jsxs(Yo,{children:[t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," Liquidity"]}),t.jsx(K,{children:n.liquidityTimeline})]}),t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",m.fundSize]}),t.jsx(K,{color:x.fundNameColor,children:ct(n.fundSize,n.currencyCode)})]}),t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",m.maturity]}),t.jsxs(K,{children:[n.maturity," ",r.timeStrings.days]})]}),t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",m.expenseRatio]}),t.jsxs(K,{children:[n.expenseRatio,m.expenseRatioSuffix]})]}),t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",m.riskRating]}),t.jsx(K,{children:n.riskRating})]}),t.jsxs(E,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",m.composition]}),t.jsx(K,{children:t.jsxs(Fo,{children:[n.compositions[0].investedIn," ",n.compositions[0].percentage,Array.isArray(n.compositions)&&n.compositions.length>0&&t.jsx(he,{style:{textAlign:"left",display:"inline"},title:t.jsx(Vo,{children:n.compositions.map((g,f)=>t.jsxs(Wo,{children:[t.jsx(Go,{}),t.jsx(T,{children:g.investedIn}),t.jsx(T,{style:{marginLeft:"auto",textAlign:"right"},children:g.percentage})]},f))}),children:t.jsxs(_o,{children:["+",n.compositions.length]})})]})})]})]}),t.jsxs(No,{children:[t.jsxs(Uo,{onClick:()=>e.trackTreasuryProspectusClick(n.fundCompanyName+" "+n.fundName,n.fundCode,"Treasury Overview Page"),href:n.url,target:"_blank",rel:"noopener noreferrer",children:[m.asOf," ",n.asOfDate.format("MMM D, YYYY"),t.jsx(Jo,{})]}),t.jsxs(Eo,{onClick:s,children:[m.hide,t.jsx(wo,{})]})]})]})};function Xi(e,n){let a=0;for(const s of n){const l=e[s.fundCode]??0;l>0&&s.yield!=null&&(a+=s.yield*l)}return Number((a/100).toFixed(2))}const W=e=>t.jsx(yo,{children:e}),qi=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,Qi=o.div`
-  margin-top: ${e=>A.accountDetailContentMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${i.sp0};
-`,Zi=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,eo=o.div`
-  display: flex;
-  flex-direction: column;
-  background: ${e=>e.theme.colors.grey5};
-  padding-top: ${e=>A.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
-  padding-right: ${e=>A.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
-  padding-bottom: ${e=>A.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>A.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
-  justify-content: space-between;
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,to=o.div`
-  display: flex;
-  width: 100%;
-  gap: ${e=>`${A.accountDetailHeaderGap.valuePx(e.windowSize)}`};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: space-between;
-`,io=o.div`
-  display: flex;
-  gap: ${i.sp4};
-  flex-direction: column;
-  justify-content: space-between;
-`,ee=o.div``,oo=o.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${i.sp6};
-`,no=o.div`
-  display: flex;
-  gap: ${i.sp3};
-  flex: 1;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding: ${e=>e.windowSize==="small"?i.sp3:i.sp0};
-`,ao=o.g`
-  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
-`,ro=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,so=o.div`
-  height: ${i.sp12};
-  width: ${i.sp12};
-  background: ${e=>e.theme.colors.background};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${i.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,lo=o(Ke)`
-  margin-top: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,co=o(He)`
-  height: ${i.sp5};
-  width: ${i.sp5};
-  margin: ${i.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,po=o.text`
-  fill: ${e=>e.theme.colors.hero};
-  ${e=>`${I.tickLabelText.style(e.windowSize)}`};
-`,Ie=o.linearGradient``,Me=o.stop``,Oe=o.stop``,ho=o.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-left: -${i.sp8};
-  .recharts-cartesian-grid {
-    .recharts-cartesian-grid-horizontal {
-      line:last-child {
-        display: none;
-      }
-    }
-  }
-`,ae=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-`,Ae=o.div`
-  display: flex;
-  flex: 1;
-  min-width: 140px;
-  flex-direction: column;
-`,mo=o(T)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,xo=o.div`
-  color: ${e=>e.theme.colors.success};
-  ${e=>I.integerStyles.style(e.windowSize)};
-`,go=o.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  position: relative;
-  top: -22px;
-  right: 103px;
-  min-height: ${i.sp6};
-  min-width: 66px;
-  border-radius: ${i.sp1};
-  padding: ${i.sp0} ${i.sp2};
-  background-color: ${b.blackColor};
-`,uo=o.circle`
-  stroke: ${e=>e.theme.colors.brandColorJade};
-  fill: ${e=>e.theme.colors.grey5};
-`,Re=o(T)`
-  color: ${e=>e.isSublabel===!0?b.neutralGrey1Light:b.brandColorPearl};
-`,G=o.div`
-  display: flex;
-  gap: ${i.sp1};
-`,yo=o(T)`
-  color: ${e=>e.theme.colors.hero};
-`,fo=o(dt)`
-  height: 12px;
-  width: 12px;
-  margin-left: ${i.sp1};
-  margin-right: ${i.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,wo=o(gt)`
-  height: 12px;
-  width: 12px;
-  margin-left: ${i.sp1};
-  margin-right: ${i.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,$o=o.div`
-  display: flex;
-  align-items: baseline;
-  color: ${e=>e.theme.colors.primary};
-`,Ue=o.div`
-  display: flex;
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,bo=o(T)`
-  margin-bottom: ${i.sp2};
-  display: flex;
-  text-align: left;
-`,jo=o(T)`
-  padding: ${i.sp2} ${i.sp2};
-  color: ${e=>e.theme.colors.hero};
-  background: ${e=>e.theme.colors.black};
-  border-radius: ${i.sp1};
-`,re=o(T)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-  display: flex;
-  justify-content: space-between;
-`,se=o.div`
-  color: ${e=>e.theme.colors.hero};
-`,le=o.div`
-  color: ${b.primaryDark};
-`,Je=o(nt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Be=o(T)`
-  padding: ${i.sp2};
-  background: ${e=>e.theme.colors.black};
-  border-radius: ${i.sp1};
-`,vo=o(B)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: pre-line;
-  text-align: center;
-`,So=o.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-`,Co=o.div`
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-`,ko=o.div`
-  display: flex;
-  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  gap: ${e=>e.windowSize==="small"?i.sp3:i.sp6};
-  margin-top: ${i.sp6};
-  align-items: ${e=>e.allTilesExpanded===!0?"stretch":"flex-start"};
-  width: 100%;
-`,zo=o.div`
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${i.sp2};
-  flex: 1;
-  width: ${e=>e.windowSize==="small"?"100%":`calc((100% - ${i.sp6}) / 2)`};
-  box-shadow: ${`0px 1px 2px 0px ${b.boxShadowElevation}`};
-  transition: box-shadow 0.2s;
-  display: flex;
-  flex-direction: column;
-`,To=o.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: ${i.sp2} ${i.sp3};
-  justify-content: space-between;
-`,Po=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: ${i.sp3} ${i.sp6} 0 ${i.sp4};
-  gap: ${i.sp3};
-`,Do=o(T)`
-  margin-top: ${i.sp2};
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: flex-end;
-  cursor: pointer;
-  align-items: center;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ne=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,Lo=o.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${e=>e.windowSize==="small"?i.sp4:i.sp3};
-  align-items: flex-start;
-`,Io=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${i.sp1};
-`,Mo=o(ht)`
-  display: flex;
-  gap: ${i.sp2};
-`,Ee=o.div`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>I.fundSummaryStyles.style(e.windowSize)};
-`,Oo=o(mt)`
-  color: ${e=>e.color??b.brandColorGoldDark};
-  display: flex;
-  flex-direction: column;
-`,Ao=o.div`
-  color: ${b.success};
-  text-align: ${e=>e.windowSize==="small"?"left":"right"};
-  ${e=>I.yieldValueStyles.style(e.windowSize)};
-`,Ro=o(T)`
-  display: flex;
-  gap: ${i.sp1};
-  color: ${b.heroLight};
-  text-align: right;
-`,Bo=o.div`
-  width: 100%;
-  height: ${i.sp2};
-  background: ${e=>e.bgColor??b.neutralGrey2Light};
-  border-radius: ${i.sp1} ${i.sp1} 0 0;
-`,No=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 0 ${i.sp4} ${i.sp3} ${i.sp4};
-  box-sizing: border-box;
-`,Eo=o.button`
-  display: flex;
-  align-items: center;
-  background: none;
-  border: none;
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ho=o(Dt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${b.success};
-`,Ko=o(B)`
-  padding: ${i.sp3} ${i.sp4} 0 ${i.sp4};
-  color: ${b.heroLight};
-`,Yo=o.div`
-  display: flex;
-  flex-direction: column;
-  padding: ${i.sp2} ${i.sp5};
-`,E=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  padding-bottom: ${i.sp1};
-`,H=o(B)`
-  color: ${e=>e.theme.colors.hero};
-  width: 140px;
-  display: flex;
-  align-items: center;
-`,K=o(B)`
-  color: ${e=>e.color??e.theme.colors.primary};
-  flex: 1;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-  padding-bottom: 4px;
-`,Y=o.div`
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: ${e=>e.theme.colors.hero};
-  display: inline-block;
-  margin-right: ${i.sp2};
-  vertical-align: middle;
-`,Fo=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp1};
-`,Vo=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${i.sp1};
-  padding: ${i.sp2};
-`,Wo=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-`,Go=o.div`
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: ${b.neutralGrey1Light};
-`,_o=o(T)`
-  color: ${e=>e.theme.colors.hero};
-  border: 1px solid ${e=>e.theme.colors.grey2};
-  border-radius: ${i.sp1};
-  padding: 0 6px;
-  height: 20px;
-  display: inline-flex;
-  align-items: center;
-`,Uo=o.a`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  font-size: 14px;
-  line-height: 21px;
-  font-weight: 400;
-  width: fit-content;
-  text-decoration: none;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    cursor: pointer;
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Jo=o(xt)`
-  width: 12px;
-  height: 12px;
-`,Xo=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-  margin-top: ${i.sp4};
-`;export{Sn as default};