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

package/dist/assets/TreasuryOverviewPage-D4LuhPMd-FpA9c7P5.js

@@ -0,0 +1,708 @@
+import{J as C,y as M,c as Ke,bz as Fe,V as t,a4 as F,bg as ae,a_ as We,j as te,a6 as W,f as Ve,o as i,x as k,O as T,e as $,b6 as Ee,b as u,eC as U,H as R,u as p,ao as re,ba as Le,ab as Te,t as Ge,fc as _e,i as Je,s as O,aj as Ue,io as qe,aB as Xe,e3 as Qe,cq as Ze,f9 as et,bO as tt,jc as it,W as V,be as ot,bT as se,h$ as at,bW as rt}from"./index-DorX0WX8.js";import{a as f,b as nt}from"./sentry-tRTnR5ia.js";import{n as o,c as le}from"./mui-gZ2J-2YO.js";import{bG as E,bp as st}from"./zeni-epic-state-DiMW9axO.js";import{s as lt}from"./commonDimensions-RZ10geET-CQLnP9WR.js";import{a as dt,M as Me,S as Oe,L as ct,_ as ht}from"./common-DspMM85g-eqBRfeMW.js";import{g as de}from"./BoxItem-CTEOx6Nh-BbDYdqVh.js";import{o as pt}from"./transaction-placeholder-CpOwZAMG-B1W5bE7h.js";import{w as xt}from"./MoreMenuButton-BWNCapgP-CobtazoG.js";import{o as mt}from"./money-2cg1MuG4-DajJjl7a.js";import{o as gt}from"./shield-DOlUxcFf-c8MRbcLE.js";import{R as ce,N as he,X as pe,Y as xe,O as me,F as ut}from"./recharts-BKvR8EI0.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./calculateSize-DtEgyuiA-BJxqaIDz.js";import"./spend-limit-D6SyboD4-B-j1Sn9h.js";import"./dollar-round-D18u7nlm-DpqHsegv.js";import"./page-summary-D7_VQHwN-DhjZazqO.js";import"./unlock-BPWn2I5L-DofDRoYu.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="fddfaa10-7fe8-4bf0-9b6c-1321b6c29552",e._sentryDebugIdIdentifier="sentry-dbid-fddfaa10-7fe8-4bf0-9b6c-1321b6c29552")}catch{}})();const ne=T.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],S={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(Me,Oe),sortIconSize:new u(p[2],p[2]),headerPaddingTop:new u(p[0],2)},$t=nt.memo(function({companyNameSticky:e,sortConfig:a,onColumnSortConfigChanged:n}){const h=M(),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=T.getLocalizedStrings().spendManagement.chargeCard.cardList;return s==="small"?t.jsxs(vt,{windowSize:s,children:[t.jsxs(Ct,{children:[t.jsx(Pt,{children:t.jsx(zt,{})}),t.jsx(ot,{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(Tt,{onClick:()=>c(m.key,m.sortOrder),"data-testid":W("mobile-cards-list-sort-clicked",a.sortKey),children:[t.jsx(V,{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(se,{})})})]})]}):t.jsx(jt,{windowSize:s,children:t.jsx(bt,{children:r.map(d=>d.width.value(s)!==0&&t.jsxs(St,{companyNameSticky:e,sortDataValue:a.sortKey,actualDataValue:d.key,wrapperWidth:d.width,windowSize:s,children:[t.jsxs(Lt,{onClick:()=>c(d.key,d.sortOrder),"data-testid":W("cards-list-sort-clicked",a.sortKey),children:[t.jsx(V,{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(se,{})})})]}),t.jsx(Dt,{sortDataValue:a.sortKey,windowSize:s,isVisible:a.sortKey===d.key&&d.key!=="date",children:t.jsx(kt,{onClick:()=>c("date","ascending"),"data-testid":W("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};
+`,bt=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${S.containerPaddingTop} ${S.containerPaddingRight}
+    ${S.containerPaddingBottom} ${S.containerPaddingLeft};
+  justify-content: space-between;
+`,vt=o(k)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${e=>S.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>S.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${S.headerLastColumnTopPadding.valuePx(e.windowSize)} ${S.headerLastColumnRightPadding.valuePx(e.windowSize)} ${S.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${S.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+`,St=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?le`
+          position: sticky;
+          z-index: 1;
+        `:le`
+          position: static;
+          z-index: 0;
+        `};
+
+  padding-left: ${i.sp0};
+  box-sizing: border-box;
+  overflow: hidden;
+`,kt=o(rt)`
+  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: ${S.headerPaddingTop.valuePx(e.windowSize)}`:"padding-bottom: 2px"}
+`,ue=o.div`
+  width: ${({windowSize:e})=>S.sortIconSize.valuePx(e)};
+  height: ${({windowSize:e})=>S.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(at)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: inherit;
+`,Pt=o.div`
+  margin-right: ${i.sp1};
+  display: flex;
+  align-items: center;
+`,Dt=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,Lt=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Tt=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 Mt({data:e,boxType:a}){const{description:n,amount:h,status:s,date:r}=e,g=F("0,0.00",h),c=C(),{dateFormat:m}=T.getLocalizedStrings(),x=ie(),y=x[0].width,d=x[1].width,j=x[2].width,l=it(s);if(c==="small"){const b=t.jsx(Kt,{children:t.jsxs(Ft,{children:[t.jsxs(Wt,{children:[t.jsxs(Et,{children:[t.jsx(ye,{}),t.jsx(Gt,{children:t.jsx(_t,{children:t.jsxs(Jt,{children:[n,s!=null&&s.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(Ut,{}),t.jsx(qt,{color:l?.color,children:l?.value})]}):null]})})})]}),t.jsx(Xt,{children:t.jsx(Qt,{children:r!=null?`${ie()[1].value}: `+r.format(m.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Vt,{children:t.jsx(Zt,{children:t.jsx(we,{children:g})})})]})});return t.jsx(de,{content:b,boxType:a,isDisabled:!0,isNotClickable:!0})}const w=t.jsxs(Ot,{windowSize:c,children:[t.jsxs(Rt,{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(At,{windowSize:c,width:d,children:t.jsx(fe,{children:r!=null?r.format(m.visual.MMMDCommaYYYYformat):null})}),t.jsx(Bt,{windowSize:c,width:j,children:t.jsx(we,{children:g})})]});return t.jsx(de,{content:w,boxType:a,isDisabled:!0,isNotClickable:!0})}const Ot=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;
+`,Rt=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;
+`,At=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;
+`,Bt=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(pt)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+`,fe=o(O)`
+  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(V)`
+  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(O)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  text-align: right;
+  width: 100%;
+`,Kt=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};
+`,Ft=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: flex-start;
+`,Wt=o.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  max-width: 60%;
+`,Vt=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;
+`,_t=o.div`
+  width: 100%;
+`,Jt=o(O)`
+  display: block;
+  color: ${e=>e.theme.colors.hero};
+  line-height: 1.4;
+  text-align: left;
+  word-break: break-word;
+  overflow-wrap: break-word;
+`,Ut=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;
+`,qt=o(V)`
+  display: inline;
+  color: ${e=>e.color};
+  white-space: nowrap;
+`,Xt=o.div`
+  display: flex;
+  align-items: center;
+  margin-top: ${i.sp1};
+  margin-left: ${i.sp6};
+`,Qt=o(V)`
+  color: ${e=>e.theme.colors.grey1};
+  text-align: left;
+`,Zt=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}=T.getLocalizedStrings(),ii=({transactionList:e,uiState:a,fetchState:n,onReloadCards:h,onColumnSortConfigChanged:s})=>{const r=C(),g=f.useRef(null),c=f.useMemo(()=>r!=="small"?dt:lt+40,[r]),m=()=>c,x=r==="small"?Me:Oe,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":W("treasury-list-reload"),children:t.jsx(ci,{})}),t.jsx(hi,{children:ti.reloadPage.label})]}):n==="Completed"&&e.length===0?null:t.jsx(Ae,{children:t.jsx(pi,{windowSize:r,children:t.jsx(tt,{ref:g,height:y,itemCount:e.length,innerElementType:d=>oi(d,s,a,n),itemSize:m,estimatedItemSize:ht,itemKey:d=>e[d].id,width:"100%",overscanCount:ct,initialScrollOffset:0,style:{overflow:"hidden"},children:d=>t.jsx(ri,{...d,transactionList:e})})})})})},oi=(e,a,n,h)=>t.jsx(Re,{...e,onColumnSortConfigChanged:a,uiState:{sortKey:n.sortKey,sortOrder:n.sortOrder},fetchState:h}),Re=f.forwardRef((e,a)=>{const{children:n,style:h,uiState:s,onColumnSortConfigChanged:r,...g}=e;return t.jsxs(Ae,{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})]})});Re.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(Mt,{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(Le)`
+  height: ${i.sp5};
+  width: ${i.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,hi=o(Te)`
+  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%;
+`,Ae=o.div``,gi=["editPortfolio","taxLetter","statements","settings"],_=T.getLocalizedStrings().spendManagement.treasury.overviewPage,$e=[{value:"editPortfolio",label:_.editPortfolio},{value:"taxLetter",label:_.taxLetter},{value:"statements",label:_.statements},{value:"settings",label:_.settings}],ui=({onOptionSelection:e,onTransferClick:a})=>{const n=Ge(),h=C(),s=T.getLocalizedStrings().spendManagement.treasury.overviewPage,r=n.loggedInUserRoleMap.treasury_user===!0||_e(n),g=$e.filter(m=>m.value==="statements"||m.value==="taxLetter"),c=M();return t.jsxs(yi,{isTopAlign:!1,children:[t.jsx(xt,{entity:"zeni_treasury",onOptionSelection:m=>{const x=(y=>st(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(Je,{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(mt)`
+  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 R("extraSmallRegular","smallRegular"),balanceIntegerStyles:new R("h5Regular","h3Regular"),integerStyles:new R("largeRegular","h6Regular"),decimalStyles:new R("standardRegular","standardRegular"),fundSummaryStyles:new R("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new R("standardMedium","largeMedium")},L={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:v}},dateFormat:q,common:$i}=T.getLocalizedStrings(),Be=f.memo(({accountHistory:e})=>{const a=C(),n=M(),[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((b,P)=>{const D=P/6;let N;return N=D<.5?0:D<.6?(D-.5)/.09999999999999998*.9:.9,{date:(P===6?l:w.clone().add(Math.round(14*P),"day")).toISOString(),value:N}})},[]),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 b="",P="";if(Array.isArray(w)&&w.length>0){const D=w[0].payload?.balance?.available;P=F("0,0[.]00",D),b=E(w[0].payload?.date??"").format(q.visual.DMMMYYYYFormat)}return t.jsxs(Wi,{children:[t.jsx(Ce,{children:b}),t.jsx(Ce,{isSublabel:!0,children:P})]})},[]),y=f.useCallback(l=>{const w=l,{x:b,y:P}=w,{value:D}=w.payload;let N=!1;e.accountHistoryWithBalance.length>360&&(N=!0);const Ye=N?E(D).format(q.visual.MMMformat):E(D).format(q.visual.MMMDFormat);return t.jsx(Ri,{translateX:b,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:b})=>(b==="balance.available.amount"&&(h?.x!==l||h?.y!==w)&&s({x:l,y:w}),t.jsx(Vi,{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(Qi,{children:[t.jsx(ce,{height:L.areaChartHeight.value(a),width:"99%",children:t.jsxs(he,{data:r,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(be,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(ve,{offset:"0%",stopColor:n.colors.grey2,stopOpacity:1}),t.jsx(Se,{offset:"100%",stopColor:n.colors.grey2,stopOpacity:.02})]})}),t.jsx(pe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,tick:l=>y(l),interval:g,padding:{right:p[4]}}),t.jsx(xe,{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(Zi,{children:t.jsx(Xi,{children:v.noData})})]}):t.jsx(ce,{height:L.areaChartHeight.value(a),width:"99%",children:t.jsxs(he,{data:m,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(be,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(ve,{offset:"0%",stopColor:$.brandColorJade,stopOpacity:1}),t.jsx(Se,{offset:"100%",stopColor:$.brandColorJade,stopOpacity:.03})]})}),t.jsx(pe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>y(l),padding:{right:p[4]},interval:j}),t.jsx(xe,{tick:!1,axisLine:!1}),t.jsx(ut,{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)"})]})})})});Be.displayName="AccountBalanceGraph";const Xo=({treasuryDetail:e,treasurySetupView:a,onColumnSortConfigChanged:n,onBackClick:h,onReloadTreasuryTransactions:s,handleTreasuryOptionSelection:r,onTransferClick:g})=>{const c=C(),m=M(),x=Ke().analytics;Fe({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const y=e.accountSummary,d=f.useCallback(l=>{let w,b=null;switch(l){case"insuredFunds":b=t.jsx(ze,{children:v.insuredFundsTooltip}),w="280px";break;case"totalBalance":b=t.jsxs(qi,{children:[t.jsx(Ui,{children:v.balanceTooltip.base}),t.jsxs(Q,{children:[t.jsx(Z,{children:v.balanceTooltip.balance}),t.jsx(ee,{children:F("0,0[.]00",y?.totalBalance)})]}),t.jsxs(Q,{children:[t.jsx(Z,{children:v.balanceTooltip.processing}),t.jsx(ee,{children:F("0,0[.]00",y?.processingBalance)})]}),t.jsxs(Q,{children:[t.jsx(Z,{children:v.balanceTooltip.available}),t.jsx(ee,{children:F("0,0[.]00",y?.availableBalance)})]})]}),w="312px";break;case"sevenDayYield":b=t.jsx(ze,{children:v.fundTile.sevenDayYieldTooltip}),w="464px";break;default:b=t.jsx(t.Fragment,{})}return t.jsx(He,{children:t.jsx(ae,{display:"flex",placement:c==="small"?"bottom":"top",title:b,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(We,{title:v.title,onBackClick:h,showMenuIcon:!1,backgroundColor:m.colors.grey5,style:{zIndex:3,...te.largeSemiBold.cssObject},rightSideComponent:j,source:"treasury"}),t.jsxs(Di,{windowSize:c,children:[t.jsxs(Li,{windowSize:c,children:[t.jsx(ji,{fundAllocation:a.currentAllocation,fundsData:a.fundsData,getToolTipContent:d,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Oi,{windowSize:c,children:t.jsx(Be,{accountHistory:e.accountHistory})})]}),t.jsx(bi,{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(Ai,{children:[t.jsx(Bi,{onClick:s,"data-testid":W("account-detail-reload"),children:t.jsx(Hi,{})}),t.jsx(Ii,{children:$i.reloadPage.label})]}):t.jsx(wi,{children:t.jsx(Ve,{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(Ti,{children:[t.jsxs(J,{children:[t.jsx(Ki,{children:t.jsxs(K,{children:[Y(je.zeniAccountList.totalAvailableBalance),n("totalBalance")]})}),t.jsx(Ji,{windowSize:r,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(U,{amount:e.accountSummary?.availableBalance,integerStyles:z.balanceIntegerStyles.styleObject(r),decimalStyles:z.balanceIntegerStyles.styleObject(r)})}):null})]}),t.jsxs(J,{children:[t.jsxs(K,{children:[Y(v.insuredFunds),n("insuredFunds")]}),t.jsx(X,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(U,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:z.integerStyles.styleObject(r),decimalStyles:z.decimalStyles.styleObject(r)})}),t.jsx(K,{children:Y(v.insuredFundsAmount)})]}),a&&t.jsxs(Mi,{children:[t.jsxs(ke,{children:[t.jsx(K,{children:Y(je.common.totalYieldEarned)}),t.jsx(X,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(U,{amount:e.accountSummary?.totalYield,integerStyles:z.integerStyles.styleObject(r),decimalStyles:z.decimalStyles.styleObject(r)})})]}),t.jsxs(ke,{children:[t.jsxs(K,{children:[Y(v.sevenDayYield)," ",n("sevenDayYield")]}),t.jsx(X,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(Fi,{windowSize:r,children:[ki(h??{},s),"%"]})})]})]})]})},bi=({analytics:e,fundsData:a,fundAllocation:n,hasAccountActivity:h})=>{const[s,r]=f.useState(!1),g=C(),c=M(),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(vi,{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:[v.fundTile.viewDetails,t.jsx(Gi,{})]})}),d&&t.jsxs(t.Fragment,{children:[t.jsx(ko,{}),t.jsx(Si,{analytics:e,fund:x,fundIndex:y,onHide:m})]})]},x.fundCode)})})},vi=({fund:e,fundIndex:a,fundAllocation:n})=>{const h=M(),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(De,{windowSize:r,children:e.fundCode}),t.jsxs(De,{windowSize:r,children:[n,"%"]})]})}),t.jsxs(lo,{color:s.fundNameColor,children:[t.jsx(J,{children:e.fundCompanyName}),t.jsx(J,{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:[v.sevenDayYield,t.jsx(He,{style:{marginRight:"-20px",marginTop:"2px"},children:t.jsx(ae,{placement:r==="small"?"bottom":"bottom-end",data:v.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:t.jsx(Ne,{})})})]}),t.jsxs(co,{windowSize:r,children:[e.yield,"%"]})]})})]})},Si=({analytics:e,fund:a,fundIndex:n,onHide:h})=>{const s=M(),{common:r,spendManagement:g}=T.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(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," Liquidity"]}),t.jsx(I,{children:a.liquidityTimeline})]}),t.jsxs(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," ",c.fundSize]}),t.jsx(I,{color:m.fundNameColor,children:qe(a.fundSize,a.currencyCode)})]}),t.jsxs(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," ",c.maturity]}),t.jsxs(I,{children:[a.maturity," ",r.timeStrings.days]})]}),t.jsxs(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," ",c.expenseRatio]}),t.jsxs(I,{children:[a.expenseRatio,c.expenseRatioSuffix]})]}),t.jsxs(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," ",c.riskRating]}),t.jsx(I,{children:a.riskRating})]}),t.jsxs(A,{children:[t.jsxs(B,{children:[t.jsx(H,{})," ",c.composition]}),t.jsx(I,{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(bo,{children:["+",a.compositions.length]})})]})})]})]}),t.jsxs(xo,{children:[t.jsxs(vo,{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(So,{})]}),t.jsxs(mo,{onClick:h,children:[c.hide,t.jsx(_i,{})]})]})]})};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=>L.accountDetailContentMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp0};
+`,Pi=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Di=o.div`
+  display: flex;
+  flex-direction: column;
+  background: ${e=>e.theme.colors.grey5};
+  padding-top: ${e=>L.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>L.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>L.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>L.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Li=o.div`
+  display: flex;
+  width: 100%;
+  gap: ${e=>`${L.accountDetailHeaderGap.valuePx(e.windowSize)}`};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+`,Ti=o.div`
+  display: flex;
+  gap: ${i.sp4};
+  flex-direction: column;
+  justify-content: space-between;
+`,J=o.div``,Mi=o.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${i.sp6};
+`,Oi=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};
+`,Ri=o.g`
+  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
+`,Ai=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Bi=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(Te)`
+  margin-top: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Hi=o(Le)`
+  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)}`};
+`,be=o.linearGradient``,ve=o.stop``,Se=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;
+      }
+    }
+  }
+`,X=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,ke=o.div`
+  display: flex;
+  flex: 1;
+  min-width: 140px;
+  flex-direction: column;
+`,Ki=o(k)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,Fi=o.div`
+  color: ${e=>e.theme.colors.success};
+  ${e=>z.integerStyles.style(e.windowSize)};
+`,Wi=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};
+`,Vi=o.circle`
+  stroke: ${e=>e.theme.colors.brandColorJade};
+  fill: ${e=>e.theme.colors.grey5};
+`,Ce=o(k)`
+  color: ${e=>e.isSublabel===!0?$.neutralGrey1Light:$.brandColorPearl};
+`,K=o.div`
+  display: flex;
+  gap: ${i.sp1};
+`,Ei=o(k)`
+  color: ${e=>e.theme.colors.hero};
+`,Gi=o(Ue)`
+  height: 12px;
+  width: 12px;
+  margin-left: ${i.sp1};
+  margin-right: ${i.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,_i=o(et)`
+  height: 12px;
+  width: 12px;
+  margin-left: ${i.sp1};
+  margin-right: ${i.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,Ji=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};
+    }
+  }
+`,Ui=o(k)`
+  margin-bottom: ${i.sp2};
+  display: flex;
+  text-align: left;
+`,qi=o(k)`
+  padding: ${i.sp2} ${i.sp2};
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.black};
+  border-radius: ${i.sp1};
+`,Q=o(k)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  display: flex;
+  justify-content: space-between;
+`,Z=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};
+`,Xi=o(O)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-line;
+  text-align: center;
+`,Qi=o.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+`,Zi=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(Xe)`
+  display: flex;
+  gap: ${i.sp2};
+`,De=o.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>z.fundSummaryStyles.style(e.windowSize)};
+`,lo=o(Qe)`
+  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(gt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${$.success};
+`,uo=o(O)`
+  padding: ${i.sp3} ${i.sp4} 0 ${i.sp4};
+  color: ${$.heroLight};
+`,yo=o.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp2} ${i.sp5};
+`,A=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding-bottom: ${i.sp1};
+`,B=o(O)`
+  color: ${e=>e.theme.colors.hero};
+  width: 140px;
+  display: flex;
+  align-items: center;
+`,I=o(O)`
+  color: ${e=>e.color??e.theme.colors.primary};
+  flex: 1;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  padding-bottom: 4px;
+`,H=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};
+`,bo=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;
+`,vo=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};
+    }
+  }
+`,So=o(Ze)`
+  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{Xo as default};