@zeniai/web-cockpit-ui 1.15.22-qa → 1.15.23-dev

package/dist/assets/{TreasuryOverviewPage-j8Dtk2Q8-CYEQwDNB.js → TreasuryOverviewPage-BoBn_gtF-1-z_98qx.js}

@@ -1,4 +1,4 @@
-import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,aP as W,T as We,o as i,ai as k,F as L,p as w,bK as Ee,y,fh as X,R as B,u as p,b4 as ne,bO as Le,aT as Me,aw as _e,fU as Ue,h1 as Ge,r as Je,al as R,a$ as Xe,jq as qe,k2 as Ze,bg as Qe,eO as et,d9 as tt,fR as it,kZ as ot,i$ as Re,j0 as Oe,ct as rt,iS as at,iT as nt,k_ as st,kd as lt,am as E,bR as dt,cz as le,i_ as ct,cC as ht}from"./index-BDOnIbbU.js";import{a as f,P as pt}from"./sentry-7iaVxNzj.js";import{n as o,c as de}from"./mui-Dn-FysqD.js";import{bL as _,c4 as xt}from"./zeni-epic-state-CMxzji9D.js";import{s as gt}from"./commonDimensions-Upfg-PB1-BJB9saec.js";import{g as ce}from"./BoxItem-CgrlwejJ-SY_ufI2M.js";import{o as mt}from"./shield-DOlUxcFf-D1oOjbdU.js";import{U as he,F as pe,X as xe,Y as ge,G as me,J as ut}from"./recharts-CprInlbt.js";import"./liveblocks-DXXqIP7n.js";import"./core-B5JTMc-Y.js";import"./lottie-DruO0Lf9.js";import"./analytics-BgoqoHps.js";import"./lexical-C4hGDQy7.js";import"./utils-BV_yqPM7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="040c908d-5810-4d2a-b940-a929db68d7e3",e._sentryDebugIdIdentifier="sentry-dbid-040c908d-5810-4d2a-b940-a929db68d7e3")}catch{}})();const se=L.getLocalizedStrings().spendManagement.treasury.overviewPage.header,yt={key:"description",value:se.trasnactionTitle,sortOrder:"ascending",width:new y(120,250,400,400,500)},ft={key:"date",value:se.paymentDate,sortOrder:"ascending",width:new y(100,120,200,250,300)},wt={key:"amount",value:se.amount,sortOrder:"ascending",width:new y(80,100,150,180,200)},oe=()=>[yt,ft,wt],S={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new y(p[0],p[4]),headerLastColumnRightPadding:new y(p[3],p[11]),headerLastColumnBottomPadding:new y(p[0],p[4]),headerLastColumnLeftPadding:new y(p[3],p[11]),headerHeight:new y(Re,Oe),sortIconSize:new y(p[2],p[2]),headerPaddingTop:new y(p[0],2)};function $t({companyNameSticky:e,sortConfig:r,onColumnSortConfigChanged:n}){const h=M(),l=C(),[a,u]=f.useState(oe());f.useEffect(()=>{const c=[...a];for(const s of c)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";u(c)},[r.sortKey,r.sortOrder]);const d=(c,s)=>{let m=s;r.sortKey===c&&(m=s==="ascending"?"descending":"ascending"),n(c,m)},g=a.find(c=>c.key===r.sortKey)??a[0],x=c=>a.find(s=>s.key===c)?.value??"",$=a.map(c=>c.key),j=L.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(St,{windowSize:l,children:[t.jsxs(zt,{children:[t.jsx(Dt,{children:t.jsx(Pt,{})}),t.jsx(dt,{title:j.sortBy,placeholder:j.sortBy,pickerValues:$,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:c=>{d(c,"ascending")},optionTextStyle:ie.extraSmallRegular,titleTextStyle:ie.extraSmallRegular,titleColor:h.colors.primary,selectedOptionColor:h.colors.hero,optionBackgroundColor:h.colors.grey5,downChevronVisible:!1,backgroundColor:h.colors.grey4})]}),t.jsxs(Mt,{onClick:()=>d(g.key,g.sortOrder),"data-testid":W("mobile-cards-list-sort-clicked",r.sortKey),children:[t.jsx(E,{children:g.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:g,children:t.jsx(ye,{windowSize:l,isSelected:r.sortKey===g.key,children:t.jsx(le,{})})})]})]}):t.jsx(bt,{windowSize:l,children:t.jsx(vt,{children:a.map(c=>c.width.value(l)!==0&&t.jsxs(kt,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:l,children:[t.jsxs(Lt,{onClick:()=>d(c.key,c.sortOrder),"data-testid":W("cards-list-sort-clicked",r.sortKey),children:[t.jsx(E,{children:c.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:c,children:t.jsx(ye,{windowSize:l,isSelected:r.sortKey===c.key,children:t.jsx(le,{})})})]}),t.jsx(Tt,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===c.key&&c.key!=="date",children:t.jsx(Ct,{onClick:()=>d("date","ascending"),"data-testid":W("cards-list-sort-cancel",r.sortKey)})})]},c.key))})})}const jt=pt.memo($t),bt=o.div`
+import{J as C,d as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,aP as W,T as We,o as i,ai as k,F as L,p as w,bK as Ee,y as f,fj as X,O as B,u as p,b4 as ne,bO as Le,aT as Me,aw as Ge,fW as Ue,h4 as _e,r as Je,al as O,a$ as Xe,jt as Ze,k5 as qe,bg as Qe,eP as et,d8 as tt,fT as it,k_ as ot,j2 as Oe,j3 as Ae,ct as rt,iV as at,iW as nt,k$ as st,kg as lt,am as E,bR as dt,cz as le,j1 as ct,cC as ht}from"./index-CNJQ6T57.js";import{a as y,P as pt}from"./sentry-9b1mvxJ5.js";import{n as o,c as de}from"./mui-DsjrNjDe.js";import{bL as G,c4 as xt}from"./zeni-epic-state-DJX8u9R8.js";import{s as gt}from"./commonDimensions-BpYNnQtf-BVrF2eSg.js";import{g as ce}from"./BoxItem-C0M4PSXY-D0kSlmNN.js";import{o as mt}from"./shield-DOlUxcFf-B8zzGKQS.js";import{U as he,F as pe,X as xe,Y as ge,G as me,J as ut}from"./recharts-CmZa-egc.js";import"./liveblocks-CUDrE-0X.js";import"./core-Be77t6wT.js";import"./lottie-C5G-hUN3.js";import"./analytics-DH2FWXQR.js";import"./lexical-4qH-Yr6_.js";import"./utils-VcZ1Xqjg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="758b300b-30c7-4dbf-9fdd-8df6f6167f19",e._sentryDebugIdIdentifier="sentry-dbid-758b300b-30c7-4dbf-9fdd-8df6f6167f19")}catch{}})();const se=L.getLocalizedStrings().spendManagement.treasury.overviewPage.header,ft={key:"description",value:se.trasnactionTitle,sortOrder:"ascending",width:new f(120,250,400,400,500)},yt={key:"date",value:se.paymentDate,sortOrder:"ascending",width:new f(100,120,200,250,300)},wt={key:"amount",value:se.amount,sortOrder:"ascending",width:new f(80,100,150,180,200)},oe=()=>[ft,yt,wt],S={containerPaddingLeft:i.sp4,containerPaddingRight:i.sp4,containerPaddingTop:i.sp3,containerPaddingBottom:i.sp3,headerLastColumnTopPadding:new f(p[0],p[4]),headerLastColumnRightPadding:new f(p[3],p[11]),headerLastColumnBottomPadding:new f(p[0],p[4]),headerLastColumnLeftPadding:new f(p[3],p[11]),headerHeight:new f(Oe,Ae),sortIconSize:new f(p[2],p[2]),headerPaddingTop:new f(p[0],2)};function $t({companyNameSticky:e,sortConfig:r,onColumnSortConfigChanged:n}){const h=M(),l=C(),[a,u]=y.useState(oe());y.useEffect(()=>{const c=[...a];for(const s of c)s.key===r.sortKey?s.sortOrder=r.sortOrder:s.sortOrder="ascending";u(c)},[r.sortKey,r.sortOrder]);const d=(c,s)=>{let m=s;r.sortKey===c&&(m=s==="ascending"?"descending":"ascending"),n(c,m)},g=a.find(c=>c.key===r.sortKey)??a[0],x=c=>a.find(s=>s.key===c)?.value??"",$=a.map(c=>c.key),j=L.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?t.jsxs(St,{windowSize:l,children:[t.jsxs(zt,{children:[t.jsx(Tt,{children:t.jsx(Pt,{})}),t.jsx(dt,{title:j.sortBy,placeholder:j.sortBy,pickerValues:$,valueToLabel:x,selectedValue:r.sortKey,onPickerSelectionChanged:c=>{d(c,"ascending")},optionTextStyle:ie.extraSmallRegular,titleTextStyle:ie.extraSmallRegular,titleColor:h.colors.primary,selectedOptionColor:h.colors.hero,optionBackgroundColor:h.colors.grey5,downChevronVisible:!1,backgroundColor:h.colors.grey4})]}),t.jsxs(Mt,{onClick:()=>d(g.key,g.sortOrder),"data-testid":W("mobile-cards-list-sort-clicked",r.sortKey),children:[t.jsx(E,{children:g.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:g,children:t.jsx(fe,{windowSize:l,isSelected:r.sortKey===g.key,children:t.jsx(le,{})})})]})]}):t.jsx(bt,{windowSize:l,children:t.jsx(vt,{children:a.map(c=>c.width.value(l)!==0&&t.jsxs(kt,{companyNameSticky:e,sortDataValue:r.sortKey,actualDataValue:c.key,wrapperWidth:c.width,windowSize:l,children:[t.jsxs(Lt,{onClick:()=>d(c.key,c.sortOrder),"data-testid":W("cards-list-sort-clicked",r.sortKey),children:[t.jsx(E,{children:c.value}),t.jsx(ue,{windowSize:l,sortDataValue:r.sortKey,headerdata:c,children:t.jsx(fe,{windowSize:l,isSelected:r.sortKey===c.key,children:t.jsx(le,{})})})]}),t.jsx(Dt,{sortDataValue:r.sortKey,windowSize:l,isVisible:r.sortKey===c.key&&c.key!=="date",children:t.jsx(Ct,{onClick:()=>d("date","ascending"),"data-testid":W("cards-list-sort-cancel",r.sortKey)})})]},c.key))})})}const jt=pt.memo($t),bt=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   z-index: 2;
@@ -59,7 +59,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   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"}
-`,ye=o.div`
+`,fe=o.div`
   width: ${({windowSize:e})=>S.sortIconSize.valuePx(e)};
   height: ${({windowSize:e})=>S.sortIconSize.valuePx(e)};
   cursor: pointer;
@@ -75,11 +75,11 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
-`,Dt=o.div`
+`,Tt=o.div`
   margin-right: ${i.sp1};
   display: flex;
   align-items: center;
-`,Tt=o.div`
+`,Dt=o.div`
   display: ${e=>e.isVisible?"flex":"none"};
   align-items: center;
   padding-top: 2px;
@@ -95,7 +95,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,U={containerPaddingLeft:new y(p[3],p[4]),containerPaddingRight:new y(p[2],p[3]),containerPaddingTop:new y(p[2],p[3]),containerPaddingBottom:new y(p[2],p[3])};function Rt({data:e,boxType:r}){const{description:n,amount:h,status:l,date:a}=e,u=V("0,0.00",h),d=C(),{dateFormat:g}=L.getLocalizedStrings(),x=oe(),$=x[0].width,j=x[1].width,c=x[2].width,s=st(l);if(d==="small"){const b=t.jsx(Kt,{children:t.jsxs(Vt,{children:[t.jsxs(Wt,{children:[t.jsxs(_t,{children:[t.jsx(fe,{}),t.jsx(Ut,{children:t.jsx(Gt,{children:t.jsxs(Jt,{children:[n,l!=null&&l.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(Xt,{}),t.jsx(qt,{color:s?.color,children:s?.value})]}):null]})})})]}),t.jsx(Zt,{children:t.jsx(Qt,{children:a!=null?`${oe()[1].value}: `+a.format(g.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Et,{children:t.jsx(ei,{children:t.jsx($e,{children:u})})})]})});return t.jsx(ce,{content:b,boxType:r,isDisabled:!0,isNotClickable:!0})}const m=t.jsxs(Ot,{windowSize:d,children:[t.jsxs(At,{windowSize:d,width:$,children:[t.jsx(fe,{}),t.jsxs(Ht,{windowSize:d,children:[t.jsx(we,{children:n}),l!=null&&l.code!=="completed"?t.jsxs(Nt,{windowSize:d,children:[t.jsx(Ft,{}),t.jsx(Yt,{color:s?.color,children:s?.value})]}):null]})]}),t.jsx(Bt,{windowSize:d,width:j,children:t.jsx(we,{children:a!=null?a.format(g.visual.MMMDCommaYYYYformat):null})}),t.jsx(It,{windowSize:d,width:c,children:t.jsx($e,{children:u})})]});return t.jsx(ce,{content:m,boxType:r,isDisabled:!0,isNotClickable:!0})}const Ot=o.div`
+`,U={containerPaddingLeft:new f(p[3],p[4]),containerPaddingRight:new f(p[2],p[3]),containerPaddingTop:new f(p[2],p[3]),containerPaddingBottom:new f(p[2],p[3])};function Ot({data:e,boxType:r}){const{description:n,amount:h,status:l,date:a}=e,u=V("0,0.00",h),d=C(),{dateFormat:g}=L.getLocalizedStrings(),x=oe(),$=x[0].width,j=x[1].width,c=x[2].width,s=st(l);if(d==="small"){const b=t.jsx(Kt,{children:t.jsxs(Vt,{children:[t.jsxs(Wt,{children:[t.jsxs(Gt,{children:[t.jsx(ye,{}),t.jsx(Ut,{children:t.jsx(_t,{children:t.jsxs(Jt,{children:[n,l!=null&&l.code!=="completed"?t.jsxs(t.Fragment,{children:[t.jsx(Xt,{}),t.jsx(Zt,{color:s?.color,children:s?.value})]}):null]})})})]}),t.jsx(qt,{children:t.jsx(Qt,{children:a!=null?`${oe()[1].value}: `+a.format(g.visual.MMMDCommaYYYYformat):null})})]}),t.jsx(Et,{children:t.jsx(ei,{children:t.jsx($e,{children:u})})})]})});return t.jsx(ce,{content:b,boxType:r,isDisabled:!0,isNotClickable:!0})}const m=t.jsxs(At,{windowSize:d,children:[t.jsxs(Rt,{windowSize:d,width:$,children:[t.jsx(ye,{}),t.jsxs(Ht,{windowSize:d,children:[t.jsx(we,{children:n}),l!=null&&l.code!=="completed"?t.jsxs(Yt,{windowSize:d,children:[t.jsx(Ft,{}),t.jsx(Nt,{color:s?.color,children:s?.value})]}):null]})]}),t.jsx(Bt,{windowSize:d,width:j,children:t.jsx(we,{children:a!=null?a.format(g.visual.MMMDCommaYYYYformat):null})}),t.jsx(It,{windowSize:d,width:c,children:t.jsx($e,{children:u})})]});return t.jsx(ce,{content:m,boxType:r,isDisabled:!0,isNotClickable:!0})}const At=o.div`
   width: 100%;
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -107,7 +107,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   border-radius: ${i.sp2};
   justify-content: space-between;
   align-items: center;
-`,At=o.div`
+`,Rt=o.div`
   display: flex;
   align-items: center;
   width: ${e=>e.width.valuePx(e.windowSize)};
@@ -131,10 +131,10 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   min-width: ${e=>e.width.valuePx(e.windowSize)};
   padding-right: ${i.sp2};
   box-sizing: border-box;
-`,fe=o(lt)`
+`,ye=o(lt)`
   width: ${i.sp4};
   height: ${i.sp4};
-`,we=o(R)`
+`,we=o(O)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -154,11 +154,11 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   word-break: break-word;
   text-overflow: ellipsis;
   overflow: hidden;
-`,Nt=o.div`
+`,Yt=o.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
-`,Yt=o(E)`
+`,Nt=o(E)`
   color: ${e=>e.color};
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -171,7 +171,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   background-color: ${e=>e.theme.colors.grey1};
   margin-left: ${i.sp2};
   margin-right: ${i.sp2};
-`,$e=o(R)`
+`,$e=o(O)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -202,7 +202,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   flex-direction: column;
   align-items: flex-end;
   margin-left: ${i.sp4};
-`,_t=o.div`
+`,Gt=o.div`
   display: flex;
   align-items: flex-start;
   margin-bottom: ${i.sp1};
@@ -213,9 +213,9 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   margin-left: ${i.sp3};
   flex: 1;
   min-width: 0;
-`,Gt=o.div`
+`,_t=o.div`
   width: 100%;
-`,Jt=o(R)`
+`,Jt=o(O)`
   display: block;
   color: ${e=>e.theme.colors.hero};
   line-height: 1.4;
@@ -231,11 +231,11 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   margin-left: ${i.sp2};
   margin-right: ${i.sp2};
   vertical-align: middle;
-`,qt=o(E)`
+`,Zt=o(E)`
   display: inline;
   color: ${e=>e.color};
   white-space: nowrap;
-`,Zt=o.div`
+`,qt=o.div`
   display: flex;
   align-items: center;
   margin-top: ${i.sp1};
@@ -246,7 +246,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
 `,ei=o.div`
   display: flex;
   align-items: flex-start;
-`,re={lastListItemHeight:new y(200,128),rowWrapperMarginLeftRight:new y(p[3],p[8])},{spendManagement:{chargeCard:ti},common:ii}=L.getLocalizedStrings(),oi=({transactionList:e,uiState:r,fetchState:n,onReloadCards:h,onColumnSortConfigChanged:l})=>{const a=C(),u=f.useRef(null),d=f.useMemo(()=>a!=="small"?ot:gt+40,[a]),g=()=>d,x=a==="small"?Re:Oe,$=f.useMemo(()=>e.length*d+x,[e.length,d,x]);f.useEffect(()=>{u.current?.resetAfterIndex(0)},[a]);const j=()=>n==="Error"?t.jsxs(di,{children:[t.jsx(ci,{onClick:h,"data-testid":W("treasury-list-reload"),children:t.jsx(hi,{})}),t.jsx(pi,{children:ii.reloadPage.label})]}):n==="Completed"&&e.length===0?null:t.jsx(Be,{children:t.jsx(xi,{windowSize:a,children:t.jsx(rt,{ref:u,height:$,itemCount:e.length,innerElementType:c=>ri(c,l,r,n),itemSize:g,estimatedItemSize:nt,itemKey:c=>e[c].id,width:"100%",overscanCount:at,initialScrollOffset:0,style:{overflow:"hidden"},children:c=>t.jsx(ni,{...c,transactionList:e})})})});return t.jsx(li,{fetchState:n,children:j()})},ri=(e,r,n,h)=>t.jsx(Ae,{...e,onColumnSortConfigChanged:r,uiState:{sortKey:n.sortKey,sortOrder:n.sortOrder},fetchState:h}),Ae=f.forwardRef((e,r)=>{const{children:n,style:h,uiState:l,onColumnSortConfigChanged:a,...u}=e;return t.jsxs(Be,{ref:r,style:{...h,width:"auto"},...u,children:[t.jsx(jt,{companyNameSticky:!1,onColumnSortConfigChanged:a,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(mi,{children:n})]})});Ae.displayName=ti.cardList.headerElementDisplayName;const ai=({transactionList:e,fetchState:r,uiState:n,onReloadCards:h,onColumnSortConfigChanged:l})=>t.jsx(oi,{transactionList:e,fetchState:r,onReloadCards:h,uiState:n,onColumnSortConfigChanged:l}),ni=({index:e,style:r,transactionList:n})=>{const h=C();return t.jsx(gi,{style:{...r,width:"100%",paddingLeft:re.rowWrapperMarginLeftRight.valuePx(h),paddingRight:re.rowWrapperMarginLeftRight.valuePx(h)},className:"spend-management-list-item",children:t.jsx(si,{transaction:n[e]})},"listItem"+n[e].id)},si=({transaction:e})=>t.jsx(Rt,{data:e,boxType:"roundedBox"},e.id),li=o.div`
+`,re={lastListItemHeight:new f(200,128),rowWrapperMarginLeftRight:new f(p[3],p[8])},{spendManagement:{chargeCard:ti},common:ii}=L.getLocalizedStrings(),oi=({transactionList:e,uiState:r,fetchState:n,onReloadCards:h,onColumnSortConfigChanged:l})=>{const a=C(),u=y.useRef(null),d=y.useMemo(()=>a!=="small"?ot:gt+40,[a]),g=()=>d,x=a==="small"?Oe:Ae,$=y.useMemo(()=>e.length*d+x,[e.length,d,x]);y.useEffect(()=>{u.current?.resetAfterIndex(0)},[a]);const j=()=>n==="Error"?t.jsxs(di,{children:[t.jsx(ci,{onClick:h,"data-testid":W("treasury-list-reload"),children:t.jsx(hi,{})}),t.jsx(pi,{children:ii.reloadPage.label})]}):n==="Completed"&&e.length===0?null:t.jsx(Be,{children:t.jsx(xi,{windowSize:a,children:t.jsx(rt,{ref:u,height:$,itemCount:e.length,innerElementType:c=>ri(c,l,r,n),itemSize:g,estimatedItemSize:nt,itemKey:c=>e[c].id,width:"100%",overscanCount:at,initialScrollOffset:0,style:{overflow:"hidden"},children:c=>t.jsx(ni,{...c,transactionList:e})})})});return t.jsx(li,{fetchState:n,children:j()})},ri=(e,r,n,h)=>t.jsx(Re,{...e,onColumnSortConfigChanged:r,uiState:{sortKey:n.sortKey,sortOrder:n.sortOrder},fetchState:h}),Re=y.forwardRef((e,r)=>{const{children:n,style:h,uiState:l,onColumnSortConfigChanged:a,...u}=e;return t.jsxs(Be,{ref:r,style:{...h,width:"auto"},...u,children:[t.jsx(jt,{companyNameSticky:!1,onColumnSortConfigChanged:a,sortConfig:{sortKey:l.sortKey,sortOrder:l.sortOrder}}),t.jsx(mi,{children:n})]})});Re.displayName=ti.cardList.headerElementDisplayName;const ai=({transactionList:e,fetchState:r,uiState:n,onReloadCards:h,onColumnSortConfigChanged:l})=>t.jsx(oi,{transactionList:e,fetchState:r,onReloadCards:h,uiState:n,onColumnSortConfigChanged:l}),ni=({index:e,style:r,transactionList:n})=>{const h=C();return t.jsx(gi,{style:{...r,width:"100%",paddingLeft:re.rowWrapperMarginLeftRight.valuePx(h),paddingRight:re.rowWrapperMarginLeftRight.valuePx(h)},className:"spend-management-list-item",children:t.jsx(si,{transaction:n[e]})},"listItem"+n[e].id)},si=({transaction:e})=>t.jsx(Ot,{data:e,boxType:"roundedBox"},e.id),li=o.div`
   margin: ${e=>e.fetchState==="Error"?"auto":"unset"};
   display: block;
   height: 100%;
@@ -293,12 +293,12 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   position: relative;
   width: auto;
   height: 100%;
-`,Be=o.div``,ui=["editPortfolio","taxLetter","statements","settings"],yi=e=>xt(e??"",ui),G=L.getLocalizedStrings().spendManagement.treasury.overviewPage,je=[{value:"editPortfolio",label:G.editPortfolio},{value:"taxLetter",label:G.taxLetter},{value:"statements",label:G.statements},{value:"settings",label:G.settings}],fi=({onOptionSelection:e,onTransferClick:r})=>{const n=_e(),h=C(),l=L.getLocalizedStrings().spendManagement.treasury.overviewPage,a=n.loggedInUserRoleMap.treasury_user===!0||Ue(n),u=je.filter(g=>g.value==="statements"||g.value==="taxLetter"),d=M();return t.jsxs(wi,{isTopAlign:!1,children:[t.jsx(Ge,{entity:"zeni_treasury",onOptionSelection:g=>{const x=yi(g);x!=null&&e(x)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:a?u:je}),!a&&(h==="small"?t.jsx($i,{onClick:r}):t.jsx(Je,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:r,label:l.transferFunds}))]})},wi=o.div`
+`,Be=o.div``,ui=["editPortfolio","taxLetter","statements","settings"],fi=e=>xt(e??"",ui),_=L.getLocalizedStrings().spendManagement.treasury.overviewPage,je=[{value:"editPortfolio",label:_.editPortfolio},{value:"taxLetter",label:_.taxLetter},{value:"statements",label:_.statements},{value:"settings",label:_.settings}],yi=({onOptionSelection:e,onTransferClick:r})=>{const n=Ge(),h=C(),l=L.getLocalizedStrings().spendManagement.treasury.overviewPage,a=n.loggedInUserRoleMap.treasury_user===!0||Ue(n),u=je.filter(g=>g.value==="statements"||g.value==="taxLetter"),d=M();return t.jsxs(wi,{isTopAlign:!1,children:[t.jsx(_e,{entity:"zeni_treasury",onOptionSelection:g=>{const x=fi(g);x!=null&&e(x)},isMoreOption:!0,backgroundColor:d.colors.grey5,options:a?u:je}),!a&&(h==="small"?t.jsx($i,{onClick:r}):t.jsx(Je,{variant:"primary",size:"small",style:{display:"flex",alignItems:"center"},onClick:r,label:l.transferFunds}))]})},wi=o.div`
   display: flex;
   flex-direction: row;
   align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
   gap: ${i.sp3};
-`,$i=o(Ze)`
+`,$i=o(qe)`
   min-width: ${i.sp4};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -311,15 +311,15 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,P={tickLabelText:new B("extraSmallRegular","smallRegular"),balanceIntegerStyles:new B("h5Regular","h3Regular"),integerStyles:new B("largeRegular","h6Regular"),decimalStyles:new B("standardRegular","standardRegular"),fundSummaryStyles:new B("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new B("standardMedium","largeMedium")},T={accountDetailHeaderPaddingRight:new y(p[3],p[8]),accountDetailHeaderPaddingBottom:new y(p[3],p[6]),accountDetailHeaderPaddingLeft:new y(p[3],p[8]),accountDetailHeaderPaddingTop:new y(p[3],p[6]),accountDetailContentMarginTop:new y(p[4],p[4]),areaChartHeight:new y(114,209),accountDetailHeaderGap:new y(18,100,184)},{spendManagement:{zeniAccounts:be,treasury:{overviewPage:v}},dateFormat:q,common:bi}=L.getLocalizedStrings(),Ie=f.memo(({accountHistory:e})=>{const r=C(),n=M(),[h,l]=f.useState(),a=f.useMemo(()=>{const s=_(new Date().toISOString()),m=s.clone().subtract(84,"day"),b=84/6;return Array.from({length:7}).map((z,D)=>{const O=D/6;let A;return O<.5?A=0:O<.6?A=.9*((O-.5)/.09999999999999998):A=.9,{date:(D===6?s:m.clone().add(Math.round(D*b),"day")).toISOString(),value:A}})},[]),u=f.useMemo(()=>(a.length<=0,0),[a.length]),d=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(s=>s.balance?.available.amount===0)),g=f.useMemo(()=>e.accountHistoryWithBalance.map(s=>({...s,date:s.date.toISOString()})),[e.accountHistoryWithBalance]),x=f.useCallback(s=>{const m=Array.isArray(s)?s:[];let b="",z="";if(Array.isArray(m)&&m.length>0){const D=m[0].payload?.balance?.available;z=V("0,0[.]00",D),b=_(m[0].payload?.date??"").format(q.visual.DMMMYYYYFormat)}return t.jsxs(Ei,{children:[t.jsx(ze,{children:b}),t.jsx(ze,{isSublabel:!0,children:z})]})},[]),$=f.useCallback(s=>{const m=s,{x:b,y:z}=m,{value:D}=m.payload;let O=!1;e.accountHistoryWithBalance.length>360&&(O=!0);const A=O?_(D).format(q.visual.MMMformat):_(D).format(q.visual.MMMDFormat);return t.jsx(Bi,{translateX:b,translateY:z,children:t.jsx(Fi,{windowSize:r,dy:20,dx:-25,children:A})})},[e.accountHistoryWithBalance.length,r]),j=f.useCallback(({cx:s,cy:m,dataKey:b})=>(b==="balance.available.amount"&&(h?.x!==s||h?.y!==m)&&l({x:s,y:m}),t.jsx(_i,{cx:s,cy:m,strokeWidth:1,r:p[1]})),[h]),c=f.useMemo(()=>{const s=e.accountHistoryWithBalance.length;return s<=0?0:s>360?Math.floor(s/12):Math.floor(s/7)},[e.accountHistoryWithBalance.length]);return t.jsx(Ki,{children:d?t.jsxs(eo,{children:[t.jsx(he,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(pe,{data:a,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(ke,{offset:"100%",stopColor:n.colors.grey2,stopOpacity:.02})]})}),t.jsx(xe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,tick:s=>$(s),interval:u,padding:{right:p[4]}}),t.jsx(ge,{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(to,{children:t.jsx(Qi,{children:v.noData})})]}):t.jsx(he,{height:T.areaChartHeight.value(r),width:"99%",children:t.jsxs(pe,{data:g,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:w.brandColorJade,stopOpacity:1}),t.jsx(ke,{offset:"100%",stopColor:w.brandColorJade,stopOpacity:.03})]})}),t.jsx(xe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:s=>$(s),padding:{right:p[4]},interval:c}),t.jsx(ge,{tick:!1,axisLine:!1}),t.jsx(ut,{position:h,content:({payload:s})=>x(s),cursor:{strokeDasharray:"3",stroke:w.brandColorJade}}),t.jsx(me,{activeDot:j,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:w.brandColorJade,fill:"url(#colorUv)"})]})})})});Ie.displayName="AccountBalanceGraph";const Ko=({treasuryDetail:e,treasurySetupView:r,onColumnSortConfigChanged:n,onBackClick:h,onReloadTreasuryTransactions:l,handleTreasuryOptionSelection:a,onTransferClick:u})=>{const d=C(),g=M(),x=Fe().analytics;Ke({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const $=m=>{x.trackTreasuryDashboardInteraction((()=>{switch(m){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),a(m)},j=e.accountSummary,c=f.useCallback(m=>{let b=null,z;switch(m){case"insuredFunds":b=t.jsx(Pe,{children:v.insuredFundsTooltip}),z="280px";break;case"totalBalance":b=t.jsxs(Zi,{children:[t.jsx(qi,{children:v.balanceTooltip.base}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.balance}),t.jsx(te,{children:V("0,0[.]00",j?.totalBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.processing}),t.jsx(te,{children:V("0,0[.]00",j?.processingBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.available}),t.jsx(te,{children:V("0,0[.]00",j?.availableBalance)})]})]}),z="312px";break;case"sevenDayYield":b=t.jsx(Pe,{children:v.fundTile.sevenDayYieldTooltip}),z="464px";break;default:b=t.jsx(t.Fragment,{});break}return t.jsx(Ne,{children:t.jsx(ae,{display:"flex",placement:d==="small"?"bottom":"top",title:b,style:{textAlign:"left"},maxWidth:z,children:m==="insuredFunds"?t.jsx(yo,{}):t.jsx(Ye,{})})})},[j,d]),s=t.jsx(fi,{onOptionSelection:$,onTransferClick:()=>{x.trackTreasuryDashboardInteraction("Transfer Funds"),u()}});return t.jsxs(Ti,{children:[t.jsx(Ve,{title:v.title,onBackClick:h,showMenuIcon:!1,backgroundColor:g.colors.grey5,style:{zIndex:3,...ie.largeSemiBold.cssObject},rightSideComponent:s,source:"treasury"}),t.jsxs(Li,{windowSize:d,children:[t.jsxs(Mi,{windowSize:d,children:[t.jsx(vi,{fundAllocation:r.currentAllocation,fundsData:r.fundsData,getToolTipContent:c,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Ai,{windowSize:d,children:t.jsx(Ie,{accountHistory:e.accountHistory})})]}),t.jsx(Si,{analytics:x,fundsData:r.fundsData,fundAllocation:r.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(He,{treasuryDetail:e,onColumnSortConfigChanged:n}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(Ii,{children:[t.jsx(Hi,{onClick:l,"data-testid":W("account-detail-reload"),children:t.jsx(Yi,{})}),t.jsx(Ni,{children:bi.reloadPage.label})]}):t.jsx(ji,{children:t.jsx(We,{size:"ExtraLarge",start:!0})})]})},He=f.memo(({treasuryDetail:e,onColumnSortConfigChanged:r})=>{const n=C();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(Di,{windowSize:n,children:t.jsx(ai,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:r})}):t.jsx(Pi,{})})});He.displayName="TransactionListScreen";const vi=({treasuryDetail:e,hasAccountActivity:r,getToolTipContent:n,fundAllocation:h,fundsData:l})=>{const a=C(),[u,d]=f.useState(!1);return f.useEffect(()=>{u===!0&&setTimeout(()=>{d(!1)},800)},[u]),t.jsxs(Ri,{children:[t.jsxs(J,{children:[t.jsx(Vi,{children:t.jsxs(K,{children:[F(be.zeniAccountList.totalAvailableBalance),n("totalBalance")]})}),t.jsx(Xi,{windowSize:a,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(X,{amount:e.accountSummary?.availableBalance,integerStyles:P.balanceIntegerStyles.styleObject(a),decimalStyles:P.balanceIntegerStyles.styleObject(a)})}):null})]}),t.jsxs(J,{children:[t.jsxs(K,{children:[F(v.insuredFunds),n("insuredFunds")]}),t.jsx(Z,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(X,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})}),t.jsx(K,{children:F(v.insuredFundsAmount)})]}),r&&t.jsxs(Oi,{children:[t.jsxs(Ce,{children:[t.jsx(K,{children:F(be.common.totalYieldEarned)}),t.jsx(Z,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(X,{amount:e.accountSummary?.totalYield,integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})})]}),t.jsxs(Ce,{children:[t.jsxs(K,{children:[F(v.sevenDayYield)," ",n("sevenDayYield")]}),t.jsx(Z,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(Wi,{windowSize:a,children:[zi(h??{},l),"%"]})})]})]})]})},Si=({analytics:e,fundsData:r,fundAllocation:n,hasAccountActivity:h})=>{const[l,a]=f.useState(!1),u=C(),d=M(),g=()=>{a(x=>!x)};return t.jsx(io,{windowSize:u,allTilesExpanded:l,children:r.map((x,$)=>{const j=l,c=ne($,d);return t.jsxs(oo,{expanded:j,windowSize:u,children:[t.jsx(go,{bgColor:c.headerBackground}),t.jsx(ki,{fund:x,fundIndex:$,fundAllocation:n!=null?n[x.fundCode]:0,hasAccountActivity:h}),!l&&t.jsx(ro,{children:t.jsxs(no,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),g()},children:[v.fundTile.viewDetails,t.jsx(Gi,{})]})}),j&&t.jsxs(t.Fragment,{children:[t.jsx(zo,{}),t.jsx(Ci,{analytics:e,fund:x,fundIndex:$,onHide:g})]})]},x.fundCode)})})},ki=({fund:e,fundIndex:r,fundAllocation:n})=>{const h=M(),l=ne(r,h),a=C();return t.jsxs(ao,{windowSize:a,children:[t.jsxs(De,{style:{width:a==="small"?"100%":"50%"},children:[t.jsx(lo,{children:t.jsxs(co,{children:[t.jsx(Te,{windowSize:a,children:e.fundCode}),t.jsxs(Te,{windowSize:a,children:[n,"%"]})]})}),t.jsxs(ho,{color:l.fundNameColor,children:[t.jsx(J,{children:e.fundCompanyName}),t.jsx(J,{children:e.fundName})]})]}),t.jsx(so,{windowSize:a,children:t.jsxs(De,{style:{alignItems:a==="small"?"flex-start":"flex-end"},children:[t.jsxs(xo,{children:[v.sevenDayYield,t.jsx(Ne,{style:{marginRight:"-20px",marginTop:"2px"},children:t.jsx(ae,{placement:a==="small"?"bottom":"bottom-end",data:v.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:t.jsx(Ye,{})})})]}),t.jsxs(po,{windowSize:a,children:[e.yield,"%"]})]})})]})},Ci=({analytics:e,fund:r,fundIndex:n,onHide:h})=>{const l=M(),{common:a,spendManagement:u}=L.getLocalizedStrings(),d=u.treasury.promoPage,g=ne(n,l);return t.jsxs(t.Fragment,{children:[t.jsx(fo,{children:r.description}),t.jsxs(wo,{children:[t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," Liquidity"]}),t.jsx(N,{children:r.liquidityTimeline})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",d.fundSize]}),t.jsx(N,{color:g.fundNameColor,children:qe(r.fundSize,r.currencyCode)})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",d.maturity]}),t.jsxs(N,{children:[r.maturity," ",a.timeStrings.days]})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",d.expenseRatio]}),t.jsxs(N,{children:[r.expenseRatio,d.expenseRatioSuffix]})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",d.riskRating]}),t.jsx(N,{children:r.riskRating})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(Y,{})," ",d.composition]}),t.jsx(N,{children:t.jsxs($o,{children:[r.compositions[0].investedIn," ",r.compositions[0].percentage,Array.isArray(r.compositions)&&r.compositions.length>0&&t.jsx(ae,{style:{textAlign:"left",display:"inline"},title:t.jsx(jo,{children:r.compositions.map((x,$)=>t.jsxs(bo,{children:[t.jsx(vo,{}),t.jsx(k,{children:x.investedIn}),t.jsx(k,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},$))}),children:t.jsxs(So,{children:["+",r.compositions.length]})})]})})]})]}),t.jsxs(mo,{children:[t.jsxs(ko,{onClick:()=>e.trackTreasuryProspectusClick(r.fundCompanyName+" "+r.fundName,r.fundCode,"Treasury Overview Page"),href:r.url,target:"_blank",rel:"noopener noreferrer",children:[d.asOf," ",r.asOfDate.format("MMM D, YYYY"),t.jsx(Co,{})]}),t.jsxs(uo,{onClick:h,children:[d.hide,t.jsx(Ji,{})]})]})]})};function zi(e,r){let n=0;for(const h of r){const l=e[h.fundCode]??0;l>0&&h.yield!=null&&(n+=h.yield*l)}return Number((n/100).toFixed(2))}const F=e=>t.jsx(Ui,{children:e}),Pi=o.div`
+`,P={tickLabelText:new B("extraSmallRegular","smallRegular"),balanceIntegerStyles:new B("h5Regular","h3Regular"),integerStyles:new B("largeRegular","h6Regular"),decimalStyles:new B("standardRegular","standardRegular"),fundSummaryStyles:new B("extraSmallSemiBold","smallSemiBold"),yieldValueStyles:new B("standardMedium","largeMedium")},D={accountDetailHeaderPaddingRight:new f(p[3],p[8]),accountDetailHeaderPaddingBottom:new f(p[3],p[6]),accountDetailHeaderPaddingLeft:new f(p[3],p[8]),accountDetailHeaderPaddingTop:new f(p[3],p[6]),accountDetailContentMarginTop:new f(p[4],p[4]),areaChartHeight:new f(114,209),accountDetailHeaderGap:new f(18,100,184)},{spendManagement:{zeniAccounts:be,treasury:{overviewPage:v}},dateFormat:Z,common:bi}=L.getLocalizedStrings(),Ie=y.memo(({accountHistory:e})=>{const r=C(),n=M(),[h,l]=y.useState(),a=y.useMemo(()=>{const s=G(new Date().toISOString()),m=s.clone().subtract(84,"day"),b=84/6;return Array.from({length:7}).map((z,T)=>{const A=T/6;let R;return A<.5?R=0:A<.6?R=.9*((A-.5)/.09999999999999998):R=.9,{date:(T===6?s:m.clone().add(Math.round(T*b),"day")).toISOString(),value:R}})},[]),u=y.useMemo(()=>(a.length<=0,0),[a.length]),d=e.fetchState==="Completed"&&(e.accountHistoryWithBalance.length===0||e.accountHistoryWithBalance.every(s=>s.balance?.available.amount===0)),g=y.useMemo(()=>e.accountHistoryWithBalance.map(s=>({...s,date:s.date.toISOString()})),[e.accountHistoryWithBalance]),x=y.useCallback(s=>{const m=Array.isArray(s)?s:[];let b="",z="";if(Array.isArray(m)&&m.length>0){const T=m[0].payload?.balance?.available;z=V("0,0[.]00",T),b=G(m[0].payload?.date??"").format(Z.visual.DMMMYYYYFormat)}return t.jsxs(Ei,{children:[t.jsx(ze,{children:b}),t.jsx(ze,{isSublabel:!0,children:z})]})},[]),$=y.useCallback(s=>{const m=s,{x:b,y:z}=m,{value:T}=m.payload;let A=!1;e.accountHistoryWithBalance.length>360&&(A=!0);const R=A?G(T).format(Z.visual.MMMformat):G(T).format(Z.visual.MMMDFormat);return t.jsx(Bi,{translateX:b,translateY:z,children:t.jsx(Fi,{windowSize:r,dy:20,dx:-25,children:R})})},[e.accountHistoryWithBalance.length,r]),j=y.useCallback(({cx:s,cy:m,dataKey:b})=>(b==="balance.available.amount"&&(h?.x!==s||h?.y!==m)&&l({x:s,y:m}),t.jsx(Gi,{cx:s,cy:m,strokeWidth:1,r:p[1]})),[h]),c=y.useMemo(()=>{const s=e.accountHistoryWithBalance.length;return s<=0?0:s>360?Math.floor(s/12):Math.floor(s/7)},[e.accountHistoryWithBalance.length]);return t.jsx(Ki,{children:d?t.jsxs(eo,{children:[t.jsx(he,{height:D.areaChartHeight.value(r),width:"99%",children:t.jsxs(pe,{data:a,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(ke,{offset:"100%",stopColor:n.colors.grey2,stopOpacity:.02})]})}),t.jsx(xe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,tick:s=>$(s),interval:u,padding:{right:p[4]}}),t.jsx(ge,{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(to,{children:t.jsx(Qi,{children:v.noData})})]}):t.jsx(he,{height:D.areaChartHeight.value(r),width:"99%",children:t.jsxs(pe,{data:g,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:w.brandColorJade,stopOpacity:1}),t.jsx(ke,{offset:"100%",stopColor:w.brandColorJade,stopOpacity:.03})]})}),t.jsx(xe,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:s=>$(s),padding:{right:p[4]},interval:c}),t.jsx(ge,{tick:!1,axisLine:!1}),t.jsx(ut,{position:h,content:({payload:s})=>x(s),cursor:{strokeDasharray:"3",stroke:w.brandColorJade}}),t.jsx(me,{activeDot:j,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:w.brandColorJade,fill:"url(#colorUv)"})]})})})});Ie.displayName="AccountBalanceGraph";const Ko=({treasuryDetail:e,treasurySetupView:r,onColumnSortConfigChanged:n,onBackClick:h,onReloadTreasuryTransactions:l,handleTreasuryOptionSelection:a,onTransferClick:u})=>{const d=C(),g=M(),x=Fe().analytics;Ke({componentName:"treasury.overview",enabled:e.fetchState==="Completed"});const $=m=>{x.trackTreasuryDashboardInteraction((()=>{switch(m){case"editPortfolio":return"Edit Portfolio";case"taxLetter":return"Tax Letter";case"statements":return"Statement";default:return"Settings"}})()),a(m)},j=e.accountSummary,c=y.useCallback(m=>{let b=null,z;switch(m){case"insuredFunds":b=t.jsx(Pe,{children:v.insuredFundsTooltip}),z="280px";break;case"totalBalance":b=t.jsxs(qi,{children:[t.jsx(Zi,{children:v.balanceTooltip.base}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.balance}),t.jsx(te,{children:V("0,0[.]00",j?.totalBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.processing}),t.jsx(te,{children:V("0,0[.]00",j?.processingBalance)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:v.balanceTooltip.available}),t.jsx(te,{children:V("0,0[.]00",j?.availableBalance)})]})]}),z="312px";break;case"sevenDayYield":b=t.jsx(Pe,{children:v.fundTile.sevenDayYieldTooltip}),z="464px";break;default:b=t.jsx(t.Fragment,{});break}return t.jsx(Ye,{children:t.jsx(ae,{display:"flex",placement:d==="small"?"bottom":"top",title:b,style:{textAlign:"left"},maxWidth:z,children:m==="insuredFunds"?t.jsx(fo,{}):t.jsx(Ne,{})})})},[j,d]),s=t.jsx(yi,{onOptionSelection:$,onTransferClick:()=>{x.trackTreasuryDashboardInteraction("Transfer Funds"),u()}});return t.jsxs(Di,{children:[t.jsx(Ve,{title:v.title,onBackClick:h,showMenuIcon:!1,backgroundColor:g.colors.grey5,style:{zIndex:3,...ie.largeSemiBold.cssObject},rightSideComponent:s,source:"treasury"}),t.jsxs(Li,{windowSize:d,children:[t.jsxs(Mi,{windowSize:d,children:[t.jsx(vi,{fundAllocation:r.currentAllocation,fundsData:r.fundsData,getToolTipContent:c,treasuryDetail:e,hasAccountActivity:e.transactions.length>0}),t.jsx(Ri,{windowSize:d,children:t.jsx(Ie,{accountHistory:e.accountHistory})})]}),t.jsx(Si,{analytics:x,fundsData:r.fundsData,fundAllocation:r.currentAllocation,hasAccountActivity:e.transactions.length>0})]}),e.transactionsFetchState.fetchState==="Completed"?t.jsx(He,{treasuryDetail:e,onColumnSortConfigChanged:n}):e.transactionsFetchState.fetchState==="Error"?t.jsxs(Ii,{children:[t.jsx(Hi,{onClick:l,"data-testid":W("account-detail-reload"),children:t.jsx(Ni,{})}),t.jsx(Yi,{children:bi.reloadPage.label})]}):t.jsx(ji,{children:t.jsx(We,{size:"ExtraLarge",start:!0})})]})},He=y.memo(({treasuryDetail:e,onColumnSortConfigChanged:r})=>{const n=C();return t.jsx(t.Fragment,{children:e.transactions.length>0?t.jsx(Ti,{windowSize:n,children:t.jsx(ai,{transactionList:e.transactions,fetchState:e.fetchState,uiState:e.uiState,onReloadCards:()=>{},onColumnSortConfigChanged:r})}):t.jsx(Pi,{})})});He.displayName="TransactionListScreen";const vi=({treasuryDetail:e,hasAccountActivity:r,getToolTipContent:n,fundAllocation:h,fundsData:l})=>{const a=C(),[u,d]=y.useState(!1);return y.useEffect(()=>{u===!0&&setTimeout(()=>{d(!1)},800)},[u]),t.jsxs(Oi,{children:[t.jsxs(J,{children:[t.jsx(Vi,{children:t.jsxs(K,{children:[F(be.zeniAccountList.totalAvailableBalance),n("totalBalance")]})}),t.jsx(Xi,{windowSize:a,children:e.accountSummary?.availableBalance?t.jsx(t.Fragment,{children:t.jsx(X,{amount:e.accountSummary?.availableBalance,integerStyles:P.balanceIntegerStyles.styleObject(a),decimalStyles:P.balanceIntegerStyles.styleObject(a)})}):null})]}),t.jsxs(J,{children:[t.jsxs(K,{children:[F(v.insuredFunds),n("insuredFunds")]}),t.jsx(q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(X,{amount:{amount:e.accountSummary?.insuredFunds.amount??0,currencyCode:"USD",currencySymbol:"$"},integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})}),t.jsx(K,{children:F(v.insuredFundsAmount)})]}),r&&t.jsxs(Ai,{children:[t.jsxs(Ce,{children:[t.jsx(K,{children:F(be.common.totalYieldEarned)}),t.jsx(q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsx(X,{amount:e.accountSummary?.totalYield,integerStyles:P.integerStyles.styleObject(a),decimalStyles:P.decimalStyles.styleObject(a)})})]}),t.jsxs(Ce,{children:[t.jsxs(K,{children:[F(v.sevenDayYield)," ",n("sevenDayYield")]}),t.jsx(q,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:t.jsxs(Wi,{windowSize:a,children:[zi(h??{},l),"%"]})})]})]})]})},Si=({analytics:e,fundsData:r,fundAllocation:n,hasAccountActivity:h})=>{const[l,a]=y.useState(!1),u=C(),d=M(),g=()=>{a(x=>!x)};return t.jsx(io,{windowSize:u,allTilesExpanded:l,children:r.map((x,$)=>{const j=l,c=ne($,d);return t.jsxs(oo,{expanded:j,windowSize:u,children:[t.jsx(go,{bgColor:c.headerBackground}),t.jsx(ki,{fund:x,fundIndex:$,fundAllocation:n!=null?n[x.fundCode]:0,hasAccountActivity:h}),!l&&t.jsx(ro,{children:t.jsxs(no,{onClick:()=>{e.trackTreasuryDashboardInteraction("View Details "+x.fundCompanyName+" "+x.fundName),g()},children:[v.fundTile.viewDetails,t.jsx(_i,{})]})}),j&&t.jsxs(t.Fragment,{children:[t.jsx(zo,{}),t.jsx(Ci,{analytics:e,fund:x,fundIndex:$,onHide:g})]})]},x.fundCode)})})},ki=({fund:e,fundIndex:r,fundAllocation:n})=>{const h=M(),l=ne(r,h),a=C();return t.jsxs(ao,{windowSize:a,children:[t.jsxs(Te,{style:{width:a==="small"?"100%":"50%"},children:[t.jsx(lo,{children:t.jsxs(co,{children:[t.jsx(De,{windowSize:a,children:e.fundCode}),t.jsxs(De,{windowSize:a,children:[n,"%"]})]})}),t.jsxs(ho,{color:l.fundNameColor,children:[t.jsx(J,{children:e.fundCompanyName}),t.jsx(J,{children:e.fundName})]})]}),t.jsx(so,{windowSize:a,children:t.jsxs(Te,{style:{alignItems:a==="small"?"flex-start":"flex-end"},children:[t.jsxs(xo,{children:[v.sevenDayYield,t.jsx(Ye,{style:{marginRight:"-20px",marginTop:"2px"},children:t.jsx(ae,{placement:a==="small"?"bottom":"bottom-end",data:v.fundTile.sevenDayYieldTooltip,variant:"small-description",maxWidth:"464px",children:t.jsx(Ne,{})})})]}),t.jsxs(po,{windowSize:a,children:[e.yield,"%"]})]})})]})},Ci=({analytics:e,fund:r,fundIndex:n,onHide:h})=>{const l=M(),{common:a,spendManagement:u}=L.getLocalizedStrings(),d=u.treasury.promoPage,g=ne(n,l);return t.jsxs(t.Fragment,{children:[t.jsx(yo,{children:r.description}),t.jsxs(wo,{children:[t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," Liquidity"]}),t.jsx(Y,{children:r.liquidityTimeline})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," ",d.fundSize]}),t.jsx(Y,{color:g.fundNameColor,children:Ze(r.fundSize,r.currencyCode)})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," ",d.maturity]}),t.jsxs(Y,{children:[r.maturity," ",a.timeStrings.days]})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," ",d.expenseRatio]}),t.jsxs(Y,{children:[r.expenseRatio,d.expenseRatioSuffix]})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," ",d.riskRating]}),t.jsx(Y,{children:r.riskRating})]}),t.jsxs(I,{children:[t.jsxs(H,{children:[t.jsx(N,{})," ",d.composition]}),t.jsx(Y,{children:t.jsxs($o,{children:[r.compositions[0].investedIn," ",r.compositions[0].percentage,Array.isArray(r.compositions)&&r.compositions.length>0&&t.jsx(ae,{style:{textAlign:"left",display:"inline"},title:t.jsx(jo,{children:r.compositions.map((x,$)=>t.jsxs(bo,{children:[t.jsx(vo,{}),t.jsx(k,{children:x.investedIn}),t.jsx(k,{style:{marginLeft:"auto",textAlign:"right"},children:x.percentage})]},$))}),children:t.jsxs(So,{children:["+",r.compositions.length]})})]})})]})]}),t.jsxs(mo,{children:[t.jsxs(ko,{onClick:()=>e.trackTreasuryProspectusClick(r.fundCompanyName+" "+r.fundName,r.fundCode,"Treasury Overview Page"),href:r.url,target:"_blank",rel:"noopener noreferrer",children:[d.asOf," ",r.asOfDate.format("MMM D, YYYY"),t.jsx(Co,{})]}),t.jsxs(uo,{onClick:h,children:[d.hide,t.jsx(Ji,{})]})]})]})};function zi(e,r){let n=0;for(const h of r){const l=e[h.fundCode]??0;l>0&&h.yield!=null&&(n+=h.yield*l)}return Number((n/100).toFixed(2))}const F=e=>t.jsx(Ui,{children:e}),Pi=o.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,Di=o.div`
-  margin-top: ${e=>T.accountDetailContentMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${i.sp0};
 `,Ti=o.div`
+  margin-top: ${e=>D.accountDetailContentMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp0};
+`,Di=o.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -327,28 +327,28 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   display: flex;
   flex-direction: column;
   background: ${e=>e.theme.colors.grey5};
-  padding-top: ${e=>T.accountDetailHeaderPaddingTop.valuePx(e.windowSize)};
-  padding-right: ${e=>T.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
-  padding-bottom: ${e=>T.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
-  padding-left: ${e=>T.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  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}`};
 `,Mi=o.div`
   display: flex;
   width: 100%;
-  gap: ${e=>`${T.accountDetailHeaderGap.valuePx(e.windowSize)}`};
+  gap: ${e=>`${D.accountDetailHeaderGap.valuePx(e.windowSize)}`};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   justify-content: space-between;
-`,Ri=o.div`
+`,Oi=o.div`
   display: flex;
   gap: ${i.sp4};
   flex-direction: column;
   justify-content: space-between;
-`,J=o.div``,Oi=o.div`
+`,J=o.div``,Ai=o.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp6};
-`,Ai=o.div`
+`,Ri=o.div`
   display: flex;
   gap: ${i.sp3};
   flex: 1;
@@ -382,10 +382,10 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Ni=o(Me)`
+`,Yi=o(Me)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Yi=o(Le)`
+`,Ni=o(Le)`
   height: ${i.sp5};
   width: ${i.sp5};
   margin: ${i.sp5};
@@ -407,7 +407,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
       }
     }
   }
-`,Z=o.div`
+`,q=o.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -434,7 +434,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   border-radius: ${i.sp1};
   padding: ${i.sp0} ${i.sp2};
   background-color: ${w.blackColor};
-`,_i=o.circle`
+`,Gi=o.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
 `,ze=o(k)`
@@ -444,7 +444,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   gap: ${i.sp1};
 `,Ui=o(k)`
   color: ${e=>e.theme.colors.hero};
-`,Gi=o(Xe)`
+`,_i=o(Xe)`
   height: 12px;
   width: 12px;
   margin-left: ${i.sp1};
@@ -460,7 +460,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,Ne=o.div`
+`,Ye=o.div`
   display: flex;
   color: ${e=>e.theme.colors.grey1};
   &:hover {
@@ -469,11 +469,11 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,qi=o(k)`
+`,Zi=o(k)`
   margin-bottom: ${i.sp2};
   display: flex;
   text-align: left;
-`,Zi=o(k)`
+`,qi=o(k)`
   padding: ${i.sp2} ${i.sp2};
   color: ${e=>e.theme.colors.hero};
   background: ${e=>e.theme.colors.black};
@@ -486,7 +486,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   color: ${e=>e.theme.colors.hero};
 `,te=o.div`
   color: ${w.primaryDark};
-`,Ye=o(Ee)`
+`,Ne=o(Ee)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -497,7 +497,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   padding: ${i.sp2};
   background: ${e=>e.theme.colors.black};
   border-radius: ${i.sp1};
-`,Qi=o(R)`
+`,Qi=o(O)`
   color: ${e=>e.theme.colors.hero};
   white-space: pre-line;
   text-align: center;
@@ -558,7 +558,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,De=o.div`
+`,Te=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -575,7 +575,7 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
 `,co=o(Qe)`
   display: flex;
   gap: ${i.sp2};
-`,Te=o.div`
+`,De=o.div`
   color: ${e=>e.theme.colors.primary};
   ${e=>P.fundSummaryStyles.style(e.windowSize)};
 `,ho=o(et)`
@@ -618,11 +618,11 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,yo=o(mt)`
+`,fo=o(mt)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${w.success};
-`,fo=o(R)`
+`,yo=o(O)`
   padding: ${i.sp3} ${i.sp4} 0 ${i.sp4};
   color: ${w.heroLight};
 `,wo=o.div`
@@ -634,17 +634,17 @@ import{Q as C,e as M,a8 as Fe,cd as Ke,V as t,aN as V,bT as ae,bC as Ve,b as ie,
   justify-content: space-between;
   align-items: flex-start;
   padding-bottom: ${i.sp1};
-`,H=o(R)`
+`,H=o(O)`
   color: ${e=>e.theme.colors.hero};
   width: 140px;
   display: flex;
   align-items: center;
-`,N=o(R)`
+`,Y=o(O)`
   color: ${e=>e.color??e.theme.colors.primary};
   flex: 1;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
   padding-bottom: 4px;
-`,Y=o.div`
+`,N=o.div`
   width: 4px;
   height: 4px;
   border-radius: 50%;