@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/TreasuryOverviewPage-D7OhHT_I-DWU8OjtE.js

@@ -0,0 +1,708 @@
+import{u as C,i as A,a7 as Fe,d4 as Ke,j as t,a as L,bn as K,cH as ae,cf as Ve,t as te,bm as V,A as We,b as i,af as k,C as $,cq as Ee,R as u,gC as J,d as M,s as p,iS as se,bS as le,bR as de,cv as Ge,bD as re,cz as De,bq as Le,a$ as Ue,hd as qe,ij as Je,B as Xe,ah as B,bz as _e,kL as Ze,ll as Qe,bV as et,g0 as tt,dX as it,ha as ot,mg as at,kj as Re,kk as Ae,dj as rt,ka as nt,kb as st,cF as lt,ai as W,di as ce,mh as dt,kh as ct,dq as ht}from"./index-2CdI-B2B.js";import{a as f,o as pt}from"./core-tlHkQPPu.js";import{n as o,c as he}from"./mui-kiGMfX4-.js";import{bO as E,c4 as xt}from"./zeni-epic-state-Bo1aGezX.js";import{a as mt}from"./commonDimensions-B2oTTz3C-DxkHqcKn.js";import{b as pe}from"./BoxItem-B6Qj2tSj-aLWYhGMW.js";import{r as gt}from"./transaction-placeholder-BDef7K0p-Dqvh6We2.js";import{t as ut}from"./shield-E_rJ2OWj-kTEIYW8Q.js";import{o as xe}from"./AreaChart-2AgE74bB-juQGB2-h.js";import{_ as me}from"./Area-Sl30rGq6-WMXLxt2t.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const ne=L.getLocalizedStrings().spendManagement.treasury.overviewPage.header,yt={key:"description",value:ne.trasnactionTitle,sortOrder:"ascending",width:new u(120,250,400,400,500)},ft={key:"date",value:ne.paymentDate,sortOrder:"ascending",width:new u(100,120,200,250,300)},wt={key:"amount",value:ne.amount,sortOrder:"ascending",width:new u(80,100,150,180,200)},ie=()=>[yt,ft,wt],b={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new u(p[0],p[4]),headerLastColumnRightPadding:new u(p[3],p[11]),headerLastColumnBottomPadding:new u(p[0],p[4]),headerLastColumnLeftPadding:new u(p[3],p[11]),headerHeight:new u(Re,Ae),sortIconSize:new u(p[2],p[2]),headerPaddingTop:new u(p[0],2)},$t=pt.memo(function({companyNameSticky:e,sortConfig:a,onColumnSortConfigChanged:n}){const h=A(),s=C(),[r,g]=f.useState(ie());f.useEffect(()=>{const d=[...r];for(const j of d)j.key===a.sortKey?j.sortOrder=a.sortOrder:j.sortOrder="ascending";g(d)},[a.sortKey,a.sortOrder]);const c=(d,j)=>{let l=j;a.sortKey===d&&(l=j==="ascending"?"descending":"ascending"),n(d,l)},m=r.find(d=>d.key===a.sortKey)??r[0],x=r.map(d=>d.key),y=L.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(St,{windowSize:s,children:[t.jsxs(Ct,{children:[t.jsx(Pt,{children:t.jsx(zt,{})}),t.jsx(lt,{title:y.sortBy,placeholder:y.sortBy,pickerValues:x,valueToLabel:d=>r.find(j=>j.key===d)?.value??"",selectedValue:a.sortKey,onPickerSelectionChanged:d=>{c(d,"ascending")},optionTextStyle:te.extraSmallRegular,titleTextStyle:te.extraSmallRegular,titleColor:h.colors.primary,selectedOptionColor:h.colors.hero,optionBackgroundColor:h.colors.grey5,downChevronVisible:!1,backgroundColor:h.colors.grey4})]}),t.jsxs(Lt,{onClick:()=>c(m.key,m.sortOrder),"data-testid":V("mobile-cards-list-sort-clicked",a.sortKey),children:[t.jsx(W,{children:m.value}),t.jsx(ge,{windowSize:s,sortDataValue:a.sortKey,headerdata:m,children:t.jsx(ue,{windowSize:s,isSelected:a.sortKey===m.key,children:t.jsx(ce,{})})})]})]}):t.jsx(jt,{windowSize:s,children:t.jsx(vt,{children:r.map(d=>d.width.value(s)!==0&&t.jsxs(bt,{companyNameSticky:e,sortDataValue:a.sortKey,actualDataValue:d.key,wrapperWidth:d.width,windowSize:s,children:[t.jsxs(Dt,{onClick:()=>c(d.key,d.sortOrder),"data-testid":V("cards-list-sort-clicked",a.sortKey),children:[t.jsx(W,{children:d.value}),t.jsx(ge,{windowSize:s,sortDataValue:a.sortKey,headerdata:d,children:t.jsx(ue,{windowSize:s,isSelected:a.sortKey===d.key,children:t.jsx(ce,{})})})]}),t.jsx(Tt,{sortDataValue:a.sortKey,windowSize:s,isVisible:a.sortKey===d.key&&d.key!=="date",children:t.jsx(kt,{onClick:()=>c("date","ascending"),"data-testid":V("cards-list-sort-cancel",a.sortKey)})})]},d.key))})})}),jt=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};
+`,vt=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${b.containerPaddingTop} ${b.containerPaddingRight}
+    ${b.containerPaddingBottom} ${b.containerPaddingLeft};
+  justify-content: space-between;
+`,St=o(k)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>b.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${b.headerLastColumnTopPadding.valuePx(e.windowSize)} ${b.headerLastColumnRightPadding.valuePx(e.windowSize)} ${b.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${b.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+`,bt=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?he`
+          position: sticky;
+          z-index: 1;
+        `:he`
+          position: static;
+          z-index: 0;
+        `};
+
+  padding-left: ${i.sp0};
+  box-sizing: border-box;
+  overflow: hidden;
+`,kt=o(ht)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,ge=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: ${b.headerPaddingTop.valuePx(e.windowSize)}`:"padding-bottom: 2px"}
+`,ue=o.div`
+  width: ${({windowSize:e})=>b.sortIconSize.valuePx(e)};
+  height: ${({windowSize:e})=>b.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;
+`,Ct=o.div`
+  gap: ${i.sp1};
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,zt=o(ct)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: inherit;
+`,Pt=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Tt=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Dt=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Lt=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  color: ${e=>e.theme.colors.primary};
+`,G={containerPaddingLeft:new u(p[3],p[4]),containerPaddingRight:new u(p[2],p[3]),containerPaddingTop:new u(p[2],p[3]),containerPaddingBottom:new u(p[2],p[3])};function Rt({data:e,boxType:a}){const{description:n,amount:h,status:s,date:r}=e,g=K("0,0.00",h),c=C(),{dateFormat:m}=L.getLocalizedStrings(),x=ie(),y=x[0].width,d=x[1].width,j=x[2].width,l=dt(s);if(c==="small"){const v=t.jsx(Ft,{children:t.jsxs(Kt,{children:[t.jsxs(Vt,{children:[t.jsxs(Et,{children:[t.jsx(ye,{}),t.jsx(Gt,{children:t.jsx(Ut,{children:t.jsxs(qt,{children:[n,s!=null&&s.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(Jt,{}),t.jsx(Xt,{color:l?.color,children:l?.value})]}):null]})})})]}),t.jsx(_t,{children:t.jsx(Zt,{children:r!=null?`${ie()[1].value}: `+r.format(m.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Wt,{children:t.jsx(Qt,{children:t.jsx(we,{children:g})})})]})});return t.jsx(pe,{content:v,boxType:a,isDisabled:!0,isNotClickable:!0})}const w=t.jsxs(At,{windowSize:c,children:[t.jsxs(Bt,{windowSize:c,width:y,children:[t.jsx(ye,{}),t.jsxs(It,{windowSize:c,children:[t.jsx(fe,{children:n}),s!=null&&s.code!=="completed"?t.jsxs(Ht,{windowSize:c,children:[t.jsx(Yt,{}),t.jsx(Nt,{color:l?.color,children:l?.value})]}):null]})]}),t.jsx(Mt,{windowSize:c,width:d,children:t.jsx(fe,{children:r!=null?r.format(m.visual.MMMDCommaYYYYformat):null})}),t.jsx(Ot,{windowSize:c,width:j,children:t.jsx(we,{children:g})})]});return t.jsx(pe,{content:w,boxType:a,isDisabled:!0,isNotClickable:!0})}const At=o.div`
+  width: 100%;
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>G.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>G.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>G.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>G.containerPaddingBottom.valuePx(e.windowSize)};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${$.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${$.dropShadowNormalLight}`};
+  border-radius: ${i.sp2};
+  justify-content: space-between;
+  align-items: center;
+`,Bt=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;
+`,Mt=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;
+`,Ot=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;
+`,ye=o(gt)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+`,fe=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;
+`,It=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;
+`,Ht=o.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+`,Nt=o(W)`
+  color: ${e=>e.color};
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  display: -webkit-box;
+`,Yt=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};
+`,we=o(B)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  text-align: right;
+  width: 100%;
+`,Ft=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"?`${$.dropShadowNormalDark} ${i.sp0} 2px ${i.sp1}`:`${i.sp0} 2px ${i.sp1} ${$.dropShadowNormalLight}`};
+  border-radius: ${i.sp2};
+  gap: ${i.sp1};
+`,Kt=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: flex-start;
+`,Vt=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  max-width: 60%;
+`,Wt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  margin-left: ${i.sp4};
+`,Et=o.div`
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: ${i.sp1};
+`,Gt=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-left: ${i.sp3};
+  flex: 1;
+  min-width: 0;
+`,Ut=o.div`
+  width: 100%;
+`,qt=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;
+`,Jt=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;
+`,Xt=o(W)`
+  display: inline;
+  color: ${e=>e.color};
+  white-space: nowrap;
+`,_t=o.div`
+  display: flex;
+  align-items: center;
+  margin-top: ${i.sp1};
+  margin-left: ${i.sp6};
+`,Zt=o(W)`
+  color: ${e=>e.theme.colors.grey1};
+  text-align: left;
+`,Qt=o.div`
+  display: flex;
+  align-items: flex-start;
+`,oe={lastListItemHeight:new u(200,128),rowWrapperMarginLeftRight:new u(p[3],p[8])},{spendManagement:{chargeCard:ei},common:ti}=L.getLocalizedStrings(),ii=({transactionList:e,uiState:a,fetchState:n,onReloadCards:h,onColumnSortConfigChanged:s})=>{const r=C(),g=f.useRef(null),c=f.useMemo(()=>r!=="small"?at:mt+40,[r]),m=()=>c,x=r==="small"?Re:Ae,y=f.useMemo(()=>e.length*c+x,[e.length,c,x]);return f.useEffect(()=>{g.current?.resetAfterIndex(0)},[r]),t.jsx(si,{fetchState:n,children:n==="Error"?t.jsxs(li,{children:[t.jsx(di,{onClick:h,"data-testid":V("treasury-list-reload"),children:t.jsx(ci,{})}),t.jsx(hi,{children:ti.reloadPage.label})]}):n==="Completed"&&e.length===0?null:t.jsx(Me,{children:t.jsx(pi,{windowSize:r,children:t.jsx(rt,{ref:g,height:y,itemCount:e.length,innerElementType:d=>oi(d,s,a,n),itemSize:m,estimatedItemSize:st,itemKey:d=>e[d].id,width:"100%",overscanCount:nt,initialScrollOffset:0,style:{overflow:"hidden"},children:d=>t.jsx(ri,{...d,transactionList:e})})})})})},oi=(e,a,n,h)=>t.jsx(Be,{...e,onColumnSortConfigChanged:a,uiState:{sortKey:n.sortKey,sortOrder:n.sortOrder},fetchState:h}),Be=f.forwardRef((e,a)=>{const{children:n,style:h,uiState:s,onColumnSortConfigChanged:r,...g}=e;return t.jsxs(Me,{ref:a,style:{...h,width:"auto"},...g,children:[t.jsx($t,{companyNameSticky:!1,onColumnSortConfigChanged:r,sortConfig:{sortKey:s.sortKey,sortOrder:s.sortOrder}}),t.jsx(mi,{children:n})]})});Be.displayName=ei.cardList.headerElementDisplayName;const ai=({transactionList:e,fetchState:a,uiState:n,onReloadCards:h,onColumnSortConfigChanged:s})=>t.jsx(ii,{transactionList:e,fetchState:a,onReloadCards:h,uiState:n,onColumnSortConfigChanged:s}),ri=({index:e,style:a,transactionList:n})=>{const h=C();return t.jsx(xi,{style:{...a,width:"100%",paddingLeft:oe.rowWrapperMarginLeftRight.valuePx(h),paddingRight:oe.rowWrapperMarginLeftRight.valuePx(h)},className:"spend-management-list-item",children:t.jsx(ni,{transaction:n[e]})},"listItem"+n[e].id)},ni=({transaction:e})=>t.jsx(Rt,{data:e,boxType:"roundedBox"},e.id),si=o.div`
+  margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
+  display: block;
+  height: 100%;
+`,li=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,di=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(De)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,hi=o(Le)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,pi=o.div`
+  width: 100%;
+  max-width: 100%;
+  overflow-x: auto;
+  .spend-management-list-item:last-of-type {
+    height: ${e=>oe.lastListItemHeight.valuePx(e.windowSize)} !important;
+    padding-bottom: ${i.sp9};
+  }
+`,xi=o.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding-bottom: ${i.sp3};
+  box-sizing: border-box;
+`,mi=o.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,Me=o.div``,gi=["editPortfolio","taxLetter","statements","settings"],U=L.getLocalizedStrings().spendManagement.treasury.overviewPage,$e=[{value:"editPortfolio",label:U.editPortfolio},{value:"taxLetter",label:U.taxLetter},{value:"statements",label:U.statements},{value:"settings",label:U.settings}],ui=({onOptionSelection:e,onTransferClick:a})=>{const n=Ue(),h=C(),s=L.getLocalizedStrings().spendManagement.treasury.overviewPage,r=n.loggedInUserRoleMap.treasury_user===!0||qe(n),g=$e.filter(m=>m.value==="statements"||m.value==="taxLetter"),c=A();return t.jsxs(yi,{isTopAlign:!1,children:[t.jsx(Je,{entity:"zeni_treasury",onOptionSelection:m=>{const x=(y=>xt(y??"",gi))(m);x!=null&&e(x)},isMoreOption:!0,backgroundColor:c.colors.grey5,options:r?g:$e}),!r&&(h==="small"?t.jsx(fi,{onClick:a}):t.jsx(Xe,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:a,label:s.transferFunds}))]})},yi=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
+  gap: ${i.sp3};
+`,fi=o(Qe)`
+  min-width: ${i.sp4};
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,wi=o.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,z={tickLabelText:new M("extraSmallRegular","smallRegular"),balanceIntegerStyles:new M("h5Regular","h3Regular"),integerStyles:new M("largeRegular","h6Regular"),decimalStyles:new M("standardRegular","standardRegular"),fundSummaryStyles:new M("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new M("standardMedium","largeMedium")},D={accountDetailHeaderPaddingRight:new u(p[3],p[8]),accountDetailHeaderPaddingBottom:new u(p[3],p[6]),accountDetailHeaderPaddingLeft:new u(p[3],p[8]),accountDetailHeaderPaddingTop:new u(p[3],p[6]),accountDetailContentMarginTop:new u(p[4],p[4]),areaChartHeight:new u(114,209),accountDetailHeaderGap:new u(18,100,184)},{spendManagement:{zeniAccounts:je,treasury:{overviewPage:S}},dateFormat:X,common:$i}=L.getLocalizedStrings(),Oe=f.memo(({accountHistory:e})=>{const a=C(),n=A(),[h,s]=f.useState(),r=f.useMemo(()=>{const l=E(new Date().toISOString()),w=l.clone().subtract(84,"day");return Array.from({length:7}).map((v,P)=>{const T=P/6;let R;return T<.5?R=0:T<.6?R=.9*((T-.5)/(.6-.5)):R=.9,{date:(P===6?l:w.clone().add(Math.round(14*P),"day")).toISOString(),value:R}})},[]),g=f.useMemo(()=>(r.length,0),[r.length]),c=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(l=>l.balance?.available.amount===0)),m=f.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=f.useCallback(l=>{const w=Array.isArray(l)?l:[];let v="",P="";if(Array.isArray(w)&&w.length>0){const T=w[0].payload?.balance?.available;P=K("0,0[.]00",T),v=E(w[0].payload?.date??"").format(X.visual.DMMMYYYYFormat)}return t.jsxs(Vi,{children:[t.jsx(Ce,{children:v}),t.jsx(Ce,{isSublabel:!0,children:P})]})},[]),y=f.useCallback(l=>{const w=l,{x:v,y:P}=w,{value:T}=w.payload;let R=!1;e.accountHistoryWithBalance.length>360&&(R=!0);const Ye=R?E(T).format(X.visual.MMMformat):E(T).format(X.visual.MMMDFormat);return t.jsx(Bi,{translateX:v,translateY:P,children:t.jsx(Ni,{windowSize:a,dy:20,dx:-25,children:Ye})})},[e.accountHistoryWithBalance.length,a]),d=f.useCallback(({cx:l,cy:w,dataKey:v})=>(v==="balance.available.amount"&&(h?.x===l&&h?.y===w||s({x:l,y:w})),t.jsx(Wi,{cx:l,cy:w,strokeWidth:1,r:p[1]})),[h]),j=f.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return t.jsx(Yi,{children:c?t.jsxs(Zi,{children:[t.jsx(se,{height:D.areaChartHeight.value(a),width:"99%",children:t.jsxs(xe,{data:r,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(ve,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Se,{offset:"0%",stopColor:n.colors.grey2,stopOpacity:1}),t.jsx(be,{offset:"100%",stopColor:n.colors.grey2,stopOpacity:.02})]})}),t.jsx(le,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,tick:l=>y(l),interval:g,padding:{right:p[4]}}),t.jsx(de,{tick:!1,axisLine:!1,domain:[0,1]}),t.jsx(me,{activeDot:void 0,fillOpacity:1,dot:!1,type:"monotone",dataKey:"value",stroke:n.colors.grey2,strokeDasharray:"4 4",fill:"url(#colorUv)"})]})}),t.jsx(Qi,{children:t.jsx(_i,{children:S.noData})})]}):t.jsx(se,{height:D.areaChartHeight.value(a),width:"99%",children:t.jsxs(xe,{data:m,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(ve,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Se,{offset:"0%",stopColor:$.brandColorJade,stopOpacity:1}),t.jsx(be,{offset:"100%",stopColor:$.brandColorJade,stopOpacity:.03})]})}),t.jsx(le,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>y(l),padding:{right:p[4]},interval:j}),t.jsx(de,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:h,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:$.brandColorJade}}),t.jsx(me,{activeDot:d,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:$.brandColorJade,fill:"url(#colorUv)"})]})})})});Oe.displayName="AccountBalanceGraph";const Yo=({treasuryDetail:e,treasurySetupView:a,onColumnSortConfigChanged:n,onBackClick:h,onReloadTreasuryTransactions:s,handleTreasuryOptionSelection:r,onTransferClick:g})=>{const c=C(),m=A(),x=Fe().analytics;Ke({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const y=e.accountSummary,d=f.useCallback(l=>{let w,v=null;switch(l){case"insuredFunds":v=t.jsx(ze,{children:S.insuredFundsTooltip}),w="280px";break;case"totalBalance":v=t.jsxs(Xi,{children:[t.jsx(Ji,{children:S.balanceTooltip.base}),t.jsxs(Z,{children:[t.jsx(Q,{children:S.balanceTooltip.balance}),t.jsx(ee,{children:K("0,0[.]00",y?.totalBalance)})]}),t.jsxs(Z,{children:[t.jsx(Q,{children:S.balanceTooltip.processing}),t.jsx(ee,{children:K("0,0[.]00",y?.processingBalance)})]}),t.jsxs(Z,{children:[t.jsx(Q,{children:S.balanceTooltip.available}),t.jsx(ee,{children:K("0,0[.]00",y?.availableBalance)})]})]}),w="312px";break;case"sevenDayYield":v=t.jsx(ze,{children:S.fundTile.sevenDayYieldTooltip}),w="464px";break;default:v=t.jsx(t.Fragment,{})}return t.jsx(He,{children:t.jsx(ae,{display:"flex",placement:c==="small"?"bottom":"top",title:v,style:{textAlign:"left"},maxWidth:w,children:l==="insuredFunds"?t.jsx(go,{}):t.jsx(Ne,{})})})},[y,c]),j=t.jsx(ui,{onOptionSelection:l=>{x.trackTreasuryDashboardInteraction((()=>{switch(l){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),r(l)},onTransferClick:()=>{x.trackTreasuryDashboardInteraction("Transfer Funds"),g()}});return t.jsxs(Pi,{children:[t.jsx(Ve,{title:S.title,onBackClick:h,showMenuIcon:!1,backgroundColor:m.colors.grey5,style:{zIndex:3,...te.largeSemiBold.cssObject},rightSideComponent:j,source:"treasury"}),t.jsxs(Ti,{windowSize:c,children:[t.jsxs(Di,{windowSize:c,children:[t.jsx(ji,{fundAllocation:a.currentAllocation,fundsData:a.fundsData,getToolTipContent:d,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Ai,{windowSize:c,children:t.jsx(Oe,{accountHistory:e.accountHistory})})]}),t.jsx(vi,{analytics:x,fundsData:a.fundsData,fundAllocation:a.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(Ie,{treasuryDetail:e,onColumnSortConfigChanged:n}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(Mi,{children:[t.jsx(Oi,{onClick:s,"data-testid":V("account-detail-reload"),children:t.jsx(Hi,{})}),t.jsx(Ii,{children:$i.reloadPage.label})]}):t.jsx(wi,{children:t.jsx(We,{size:"ExtraLarge",start:!0})})]})},Ie=f.memo(({treasuryDetail:e,onColumnSortConfigChanged:a})=>{const n=C();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(zi,{windowSize:n,children:t.jsx(ai,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:a})}):t.jsx(Ci,{})})});Ie.displayName="TransactionListScreen";const ji=({treasuryDetail:e,hasAccountActivity:a,getToolTipContent:n,fundAllocation:h,fundsData:s})=>{const r=C(),[g,c]=f.useState(!1);return f.useEffect(()=>{g===!0&&setTimeout(()=>{c(!1)},800)},[g]),t.jsxs(Li,{children:[t.jsxs(q,{children:[t.jsx(Fi,{children:t.jsxs(F,{children:[Y(je.zeniAccountList.totalAvailableBalance),n("totalBalance")]})}),t.jsx(qi,{windowSize:r,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(J,{amount:e.accountSummary?.availableBalance,integerStyles:z.balanceIntegerStyles.styleObject(r),decimalStyles:z.balanceIntegerStyles.styleObject(r)})}):null})]}),t.jsxs(q,{children:[t.jsxs(F,{children:[Y(S.insuredFunds),n("insuredFunds")]}),t.jsx(_,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(J,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:z.integerStyles.styleObject(r),decimalStyles:z.decimalStyles.styleObject(r)})}),t.jsx(F,{children:Y(S.insuredFundsAmount)})]}),a&&t.jsxs(Ri,{children:[t.jsxs(ke,{children:[t.jsx(F,{children:Y(je.common.totalYieldEarned)}),t.jsx(_,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(J,{amount:e.accountSummary?.totalYield,integerStyles:z.integerStyles.styleObject(r),decimalStyles:z.decimalStyles.styleObject(r)})})]}),t.jsxs(ke,{children:[t.jsxs(F,{children:[Y(S.sevenDayYield)," ",n("sevenDayYield")]}),t.jsx(_,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(Ki,{windowSize:r,children:[ki(h??{},s),"%"]})})]})]})]})},vi=({analytics:e,fundsData:a,fundAllocation:n,hasAccountActivity:h})=>{const[s,r]=f.useState(!1),g=C(),c=A(),m=()=>{r(x=>!x)};return t.jsx(eo,{windowSize:g,allTilesExpanded:s,children:a.map((x,y)=>{const d=s,j=re(y,c);return t.jsxs(to,{expanded:d,windowSize:g,children:[t.jsx(po,{bgColor:j.headerBackground}),t.jsx(Si,{fund:x,fundIndex:y,fundAllocation:n!=null?n[x.fundCode]:0,hasAccountActivity:h}),!s&&t.jsx(io,{children:t.jsxs(ao,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),m()},children:[S.fundTile.viewDetails,t.jsx(Gi,{})]})}),d&&t.jsxs(t.Fragment,{children:[t.jsx(ko,{}),t.jsx(bi,{analytics:e,fund:x,fundIndex:y,onHide:m})]})]},x.fundCode)})})},Si=({fund:e,fundIndex:a,fundAllocation:n})=>{const h=A(),s=re(a,h),r=C();return t.jsxs(oo,{windowSize:r,children:[t.jsxs(Pe,{style:{width:r==="small"?"100%":"50%"},children:[t.jsx(no,{children:t.jsxs(so,{children:[t.jsx(Te,{windowSize:r,children:e.fundCode}),t.jsxs(Te,{windowSize:r,children:[n,"%"]})]})}),t.jsxs(lo,{color:s.fundNameColor,children:[t.jsx(q,{children:e.fundCompanyName}),t.jsx(q,{children:e.fundName})]})]}),t.jsx(ro,{windowSize:r,children:t.jsxs(Pe,{style:{alignItems:r==="small"?"flex-start":"flex-end"},children:[t.jsxs(ho,{children:[S.sevenDayYield,t.jsx(He,{style:{marginRight:"-20px",marginTop:"2px"},children:t.jsx(ae,{placement:r==="small"?"bottom":"bottom-end",data:S.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:t.jsx(Ne,{})})})]}),t.jsxs(co,{windowSize:r,children:[e.yield,"%"]})]})})]})},bi=({analytics:e,fund:a,fundIndex:n,onHide:h})=>{const s=A(),{common:r,spendManagement:g}=L.getLocalizedStrings(),c=g.treasury.promoPage,m=re(n,s);return t.jsxs(t.Fragment,{children:[t.jsx(uo,{children:a.description}),t.jsxs(yo,{children:[t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," Liquidity"]}),t.jsx(H,{children:a.liquidityTimeline})]}),t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," ",c.fundSize]}),t.jsx(H,{color:m.fundNameColor,children:Ze(a.fundSize,a.currencyCode)})]}),t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," ",c.maturity]}),t.jsxs(H,{children:[a.maturity," ",r.timeStrings.days]})]}),t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," ",c.expenseRatio]}),t.jsxs(H,{children:[a.expenseRatio,c.expenseRatioSuffix]})]}),t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," ",c.riskRating]}),t.jsx(H,{children:a.riskRating})]}),t.jsxs(O,{children:[t.jsxs(I,{children:[t.jsx(N,{})," ",c.composition]}),t.jsx(H,{children:t.jsxs(fo,{children:[a.compositions[0].investedIn," ",a.compositions[0].percentage,Array.isArray(a.compositions)&&a.compositions.length>0&&t.jsx(ae,{style:{textAlign:"left",display:"inline"},title:t.jsx(wo,{children:a.compositions.map((x,y)=>t.jsxs($o,{children:[t.jsx(jo,{}),t.jsx(k,{children:x.investedIn}),t.jsx(k,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},y))}),children:t.jsxs(vo,{children:["+",a.compositions.length]})})]})})]})]}),t.jsxs(xo,{children:[t.jsxs(So,{onClick:()=>e.trackTreasuryProspectusClick(a.fundCompanyName+" "+a.fundName,a.fundCode,"Treasury Overview Page"),href:a.url,target:"_blank",rel:"noopener noreferrer",children:[c.asOf," ",a.asOfDate.format("MMM D, YYYY"),t.jsx(bo,{})]}),t.jsxs(mo,{onClick:h,children:[c.hide,t.jsx(Ui,{})]})]})]})};function ki(e,a){let n=0;for(const h of a){const s=e[h.fundCode]??0;s>0&&h.yield!=null&&(n+=h.yield*s)}return Number((n/100).toFixed(2))}const Y=e=>t.jsx(Ei,{children:e}),Ci=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,zi=o.div`
+  margin-top: ${e=>D.accountDetailContentMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp0};
+`,Pi=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Ti=o.div`
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey5};
+  padding-top: ${e=>D.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>D.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>D.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>D.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Di=o.div`
+  display: flex;
+  width: 100%;
+  gap: ${e=>`${D.accountDetailHeaderGap.valuePx(e.windowSize)}`};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+`,Li=o.div`
+  display: flex;
+  gap: ${i.sp4};
+  flex-direction: column;
+  justify-content: space-between;
+`,q=o.div``,Ri=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp6};
+`,Ai=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};
+`,Bi=o.g`
+  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
+`,Mi=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Oi=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};
+    }
+  }
+`,Ii=o(Le)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Hi=o(De)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  margin: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ni=o.text`
+  fill: ${e=>e.theme.colors.hero};
+  ${e=>`${z.tickLabelText.style(e.windowSize)}`};
+`,ve=o.linearGradient``,Se=o.stop``,be=o.stop``,Yi=o.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-left: -${i.sp8};
+  .recharts-cartesian-grid {
+    .recharts-cartesian-grid-horizontal {
+      line:last-child {
+        display: none;
+      }
+    }
+  }
+`,_=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,ke=o.div`
+  display: flex;
+  flex: 1;
+  min-width: 140px;
+  flex-direction: column;
+`,Fi=o(k)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,Ki=o.div`
+  color: ${e=>e.theme.colors.success};
+  ${e=>z.integerStyles.style(e.windowSize)};
+`,Vi=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: ${$.blackColor};
+`,Wi=o.circle`
+  stroke: ${e=>e.theme.colors.brandColorJade};
+  fill: ${e=>e.theme.colors.grey5};
+`,Ce=o(k)`
+  color: ${e=>e.isSublabel===!0?$.neutralGrey1Light:$.brandColorPearl};
+`,F=o.div`
+  display: flex;
+  gap: ${i.sp1};
+`,Ei=o(k)`
+  color: ${e=>e.theme.colors.hero};
+`,Gi=o(_e)`
+  height: 12px;
+  width: 12px;
+  margin-left: ${i.sp1};
+  margin-right: ${i.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,Ui=o(ot)`
+  height: 12px;
+  width: 12px;
+  margin-left: ${i.sp1};
+  margin-right: ${i.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,qi=o.div`
+  display: flex;
+  align-items: baseline;
+  color: ${e=>e.theme.colors.primary};
+`,He=o.div`
+  display: flex;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ji=o(k)`
+  margin-bottom: ${i.sp2};
+  display: flex;
+  text-align: left;
+`,Xi=o(k)`
+  padding: ${i.sp2} ${i.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.black};
+  border-radius: ${i.sp1};
+`,Z=o(k)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  display: flex;
+  justify-content: space-between;
+`,Q=o.div`
+  color: ${e=>e.theme.colors.hero};
+`,ee=o.div`
+  color: ${$.primaryDark};
+`,Ne=o(Ee)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ze=o(k)`
+  padding: ${i.sp2};
+  background: ${e=>e.theme.colors.black};
+  border-radius: ${i.sp1};
+`,_i=o(B)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-line;
+  text-align: center;
+`,Zi=o.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+`,Qi=o.div`
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+`,eo=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%;
+`,to=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 ${$.boxShadowElevation}`};
+  transition: box-shadow 0.2s;
+  display: flex;
+  flex-direction: column;
+`,io=o.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: ${i.sp2} ${i.sp3};
+  justify-content: space-between;
+`,oo=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};
+`,ao=o(k)`
+  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};
+    }
+  }
+`,Pe=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,ro=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${e=>e.windowSize==="small"?i.sp4:i.sp3};
+  align-items: flex-start;
+`,no=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${i.sp1};
+`,so=o(et)`
+  display: flex;
+  gap: ${i.sp2};
+`,Te=o.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>z.fundSummaryStyles.style(e.windowSize)};
+`,lo=o(tt)`
+  color: ${e=>e.color??$.brandColorGoldDark};
+  display: flex;
+  flex-direction: column;
+`,co=o.div`
+  color: ${$.success};
+  text-align: ${e=>e.windowSize==="small"?"left":"right"};
+  ${e=>z.yieldValueStyles.style(e.windowSize)};
+`,ho=o(k)`
+  display: flex;
+  gap: ${i.sp1};
+  color: ${$.heroLight};
+  text-align: right;
+`,po=o.div`
+  width: 100%;
+  height: ${i.sp2};
+  background: ${e=>e.bgColor??$.neutralGrey2Light};
+  border-radius: ${i.sp1} ${i.sp1} 0 0;
+`,xo=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;
+`,mo=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};
+    }
+  }
+`,go=o(ut)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${$.success};
+`,uo=o(B)`
+  padding: ${i.sp3} ${i.sp4} 0 ${i.sp4};
+  color: ${$.heroLight};
+`,yo=o.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp2} ${i.sp5};
+`,O=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding-bottom: ${i.sp1};
+`,I=o(B)`
+  color: ${e=>e.theme.colors.hero};
+  width: 140px;
+  display: flex;
+  align-items: center;
+`,H=o(B)`
+  color: ${e=>e.color??e.theme.colors.primary};
+  flex: 1;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  padding-bottom: 4px;
+`,N=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};
+`,wo=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp1};
+  padding: ${i.sp2};
+`,$o=o.div`
+  display: flex;
+  align-items: center;
+  gap: ${i.sp2};
+`,jo=o.div`
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: ${$.neutralGrey1Light};
+`,vo=o(k)`
+  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;
+`,So=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};
+    }
+  }
+`,bo=o(it)`
+  width: 12px;
+  height: 12px;
+`,ko=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+  margin-top: ${i.sp4};
+`;export{Yo as default};