@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/TreasuryOverviewPage-CUbZn5Ys-DIa06mwp.js

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