@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/TreasuryOverviewPage-CKSanlUG-CXaeORdV.js

@@ -0,0 +1,725 @@
+import{v as te,V as t,di as Xe,X as L,y as A,m as qe,ba as Qe,dl as Ze,bF as et,a5 as _,bo as he,a_ as tt,w as de,E as F,L as it,be as ot,o as i,x as w,C as T,O as M,e as b,b6 as nt,eY as oe,N,j as p,ao as me,bd as He,ab as Ke,fw as at,aM as rt,a as st,cU as lt,l as B,aj as dt,iC as ct,bf as pt,aB as ht,ep as mt,cz as xt,ft as gt,bV as ut,js as yt,d2 as ge,H as U,bm as ft,b_ as ue,id as wt,c1 as $t}from"./index-BocbTmE1.js";import{a as y,b as bt}from"./sentry-DINNQYpi.js";import{n as o,c as ye}from"./mui-C_CXevf3.js";import{bG as X,bp as jt}from"./zeni-epic-state-a7Sj5mjO.js";import{s as vt}from"./commonDimensions-CGHIQ2To-BVJ-7SGP.js";import{a as St,M as Ye,S as Fe,L as Ct,_ as kt}from"./common-kiEGPQ33-BvLj55nP.js";import{g as fe}from"./BoxItem-B06DK4G--C4opawya.js";import{o as zt}from"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import{y as Tt}from"./MoreMenuButton-Ct8k8Oax-C0IXgNiJ.js";import{o as Pt}from"./money-2cg1MuG4-C1UnGCa2.js";import{o as Dt}from"./shield-DOlUxcFf-DFaW8QSC.js";import{R as we,J as $e,X as be,Y as je,K as ve,B as Lt}from"./recharts-CTWfsY-L.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./utils-DmE88LS_.js";import"./calculateSize-zPet_z9g-UKcDxIjM.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./unlock-BPWn2I5L-fA9hPtxv.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]="2de4e61d-7fff-49dc-a567-fd39bda2db82",e._sentryDebugIdIdentifier="sentry-dbid-2de4e61d-7fff-49dc-a567-fd39bda2db82")}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)},Rt=bt.memo(function({companyNameSticky:e,sortConfig:n,onColumnSortConfigChanged:a}){const s=A(),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(At,{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))})})}),At=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(Rt,{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=A();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(Ri,{})]}):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};
+  }
+`,Ri=o(pt)`
+  display: flex;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  align-items: center;
+  justify-content: center;
+`,Ai=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")},R={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=A(),[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(Ae,{children:v}),t.jsx(Ae,{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:R.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:R.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=A(),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(Ai,{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(Re,{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(Re,{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=A(),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=A(),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(Ao,{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(Ro,{windowSize:r,children:[e.yield,"%"]})]})})]})},Ji=({analytics:e,fund:n,fundIndex:a,onHide:s})=>{const l=A(),{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=>R.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=>R.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>R.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>R.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>R.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=>`${R.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;
+`,Re=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};
+`,Ae=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;
+`,Ro=o.div`
+  color: ${b.success};
+  text-align: ${e=>e.windowSize==="small"?"left":"right"};
+  ${e=>I.yieldValueStyles.style(e.windowSize)};
+`,Ao=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};